/*azul logo: rgb(27,74,128);
azul nuevo: #1080aa;
*/
@font-face {
	font-family:oswald;
	src:url("../fonts/Oswald-Regular.ttf");
}
@font-face {
	font-family:oswald-light;
	src:url("../fonts/Oswald-Light.ttf");
}

@font-face {
	font-family:Abel;
	src:url("../fonts/Abel-Regular.ttf");
}
@font-face {
	font-family:Cabin;
	src:url("../fonts/Cabin-Regular.ttf");
}
@font-face {
	font-family:Nunito;
	src:url("../fonts/Nunito-Regular.ttf");
}
@font-face {font-family:Dosis;src:url("../fonts/Dosis-Regular.ttf");}
@font-face {font-family:Dosis-light;src:url("../fonts/Dosis-Light.ttf");}
@font-face {font-family:Dosis-bold;src:url("../fonts/Dosis-Bold.ttf");}
@font-face {font-family:Roboto;src:url("../fonts/Roboto-Regular.ttf");}
@font-face {font-family:Roboto-light;src:url("../fonts/Roboto-Light.ttf");}
@font-face {font-family:Roboto-bold;src:url("../fonts/Roboto-Bold.ttf");}
@media screen and (max-width: 768px) {
	#logo img {width:30px;height:30px;}
	#tituloesmu {font-family: Calibri;font-weight: bold;font-size:1.5em;color:#cccccc;text-shadow:2px 2px 1px black;padding:0px;margin:0;top:0px;left:150px;display:inline-block;}
	#userimg {width: 20px;height: 20px;}
	#innerHead {height: 20px}
}
@media screen and (min-width: 769px) {
	#logo img {width:40px;height:40px;}
	#tituloesmu {font-family: Calibri;font-weight: bold;font-size:2em;color:#cccccc;text-shadow:2px 2px 1px black;padding:0px;margin:0;top:0px;left:150px;display:inline-block;}
	#userimg {width: 30px;height: 30px;}
	#innerHead {height: 30px}
}
body {
	
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: bottom;
	background-color: rgb(255,255,255);
	margin: 0;
	min-height: 200px;
	min-width: 500px;
	padding:0;
	height:100vh;
}
.fondo {
	margin:0;
	padding:0;
	left:0;
	min-height:100vh;
	position:relative;
	width:100%;
	overflow-x:auto;

}
#logo {
	margin:0 0 0 30px;
	/*background-color: rgba(0,0,0,0.2);*/
	top:0px;
	display: inline-block;
	z-index:9999;
	position: absolute;
	float: left;
	//border:1px solid red;
}
#logo img {vertical-align:middle;}
#userimg { margin-right: 10px;vertical-align: bottom;vertical-align: middle;}
#usermenulink {vertical-align: middle;}

/*#divContent {border-radius:5px;background-color:rgba(200,200,200,0.7);width:90%;min-height:80vh;position:relative;margin-bottom:20px;}*/
.sombra1 {
	-webkit-box-shadow: 0px 7px 14px -2px lightgrey;
	-moz-box-shadow: 0px 7px 14px -2px lightgrey;
	box-shadow: 0px 7px 14px -2px lightgrey;	
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=180,strength=10); 
}
.sombra2 {
	-webkit-box-shadow: 0px 0px 14px 0px lightgrey;
	-moz-box-shadow:    0px 0px 14px 0px lightgrey;
	box-shadow:         0px 0px 14px 0px lightgrey;	
}

.encabezado {
	width: 100%;
	position: relative;
	/*background-color: rgba(170,90,90,0.6);
	background-color: black;*/
	height: 114px;
	margin: 0;
	z-index: 500;

}

.innerHead {
		//border:1px solid blue;
		top:0;
		left:0;
		width: 100%;
		height: 30px;
		//position: absolute;
		z-index: 499;
        padding-bottom:0px;
        
        display:inline-block;
}
.innerHead p {
	/*font-family: 'Gochi Hand', cursive;*/
	font-family: Exo, sans-serif;
	font-weight: 900;
	/*color: #fff;*/
	color: white;
	font-size: 28px;
	text-shadow: 1px 1px 2px #000;
	padding-left: 0;
	display: inline-block;
	margin-top:-5px;
	margin-left: 0px;
	float: left;
	position: relative;
	/*border: 1px solid red;*/
}
#header {
	top:0;
	left:0;
	width: 100%;
	height: 100px;
	background-color: transparent;
	position: relative;
	z-index: 500;
	padding:0;
    padding-bottom:10px;
    
    display:inline-block;
}

.fuentelogochica {
	font-family: Exo, sans-serif;
	font-weight: 900;
	/*color: #fff;*/
	color: rgb(27,74,128);
	font-size: 16px;
	text-shadow: 1px 1px 2px #000;
	padding-left: 2%;
	display: inline-block;
	margin-top:40px;

}
.innerHead img {
	margin: 3px;
	position: relative;
	margin-top:0;
	float: left;
	height: 30px;
	border: none;
	display: inline-block;
	
}

/*.innerHead ul {
	top: 60px;
	left: 0%;
	width: 100%;
	min-height: 20px;
	height: auto;
	background-color: gray;
	text-align: center;
	padding: 0;
	position: absolute;

}
.innerHead li {
	display: inline-block;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0 0 0 0 ;
	width: 10%;
	margin-top: 0px;
	color: white;
}
.innerHead li:hover {
	background-color:  white;
	color: rgb(27,74,128);
}
.innerHead a {
	font-size: 14px;
	font-family: 'Exo', sans-serif;
	font-weight: normal;
	text-decoration: none ;
	color:rgb(255,255,255);
}
.innerHead a:hover {
	color: white;
}*/
.headregistro {
	position: absolute;
	float: right;
	right: 0;
	top: 20px;
	width: 200px;
	height: auto;
}
.headregistro a {
	color: white;
	font-weight: normal;
	font-family: 'Exo', sans-serif;
	font-size: 14px;
	text-decoration: none;
}
.headregistro a:hover {
	color: rgba(255,255,255,0.5)
}
.login {
	background-color: white;
	width: 250px;
	height: 100px;
	border-radius: 10px;
	position: absolute;
	top: 50px;
	right: 5px;
	padding: 10px;
	z-index: 1000;
	border:1px solid rgb(200,200,200);
}
.login td {
	font-size: 12px;
	font-family: 'Exo', sans-serif;
	color: rgb(27,74,128);
}
.login input {
	border:1px solid rgb(27,74,128);
	font-family: 'Exo', sans-serif;
	background-color: rgba(27,74,128,0.1);
}
.login input:focus {
	background-color: white;
}
.accountpopup {
	position: absolute;
	border:1px solid white;
	background-color: rgb(27,74,128);
	width: 150px;
	height: auto;
	right: 200px;
	top: 60px;
	display: none;
	z-index:3000;
}
.accountpopup ul {
	margin:0;
	position: relative;
	width: 100%;
	min-height: 20px;
	height: auto;
	background-color: gray;
	text-align: center;
	padding: 0;
	position: absolute;
	
}
.accountpopup li {
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0 0 0 0 ;
	width: 100%;
	margin-top: 0px;
	color: white;
	border-bottom:1px solid rgba(27,74,128,0.3);
}
.accountpopup a {
	font-size: 14px;
	font-family: 'Exo', sans-serif;
	font-weight: normal;
	text-decoration: none ;
	color:rgb(255,255,255);
}
.accountpopup li:hover {
	font-size: 14px;
	font-family: 'Exo', sans-serif;
	font-weight: normal;
	text-decoration: none ;
	color:orange;
	
}
.datosusuario {
	font-family: Abel;
	font-weight: bold;
	font-size: 1.2em;
	color: white;
	border-radius: 50%;
	padding: 0 15px;
	margin-top:auto;
	background-color: #5599aa;
	width: auto;height: 20px
	border:2px solid blue;
}
.sesionsalir {
	font-family: Abel;
	font-size: 12px;
	color: white;
	position: absolute;
	right: 0;
	top:45px;

}
.divmain {
	background-color: rgba(235,235,235,1);
	width: 100%;
	min-height:100%;
	height:100vh;
	z-index: 1;
	padding-top: 0px;
	padding-bottom:0px;
	margin-top:0px;
	
	position: relative;

	/*background-color: transparent;*/
}
.texto1 {
	font-family: Arial;
	font-size: 20px;
	color: black;
	text-align: center;
}
.texto2 {
	font-family: Arial;
	font-size: 14px;
	color: black;
	text-align: center;

}
.texto3 {
	font-family: Arial;
	font-size: 14px;
	color: black;
	text-align: left;

}



.divfootermain {
		padding:0;
		width: 100%;
		height: 50px;
		background-color: #023040;
		position: absolute;
        bottom:0;
        
}
.botonok {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 2;
  -moz-border-radius: 2;
  border-radius: 2px;
  text-shadow: -1px 1px 1px #333333;
  font-family: Dosis;
  color: #ffffff;
  font-size: 1em;
  padding: 5px 10px 5px 10px;
  border: solid #1f628d 1px;
  text-decoration: none;
  cursor:pointer;
}

.botonok:hover {
  background: #106286;
  text-decoration: none;
  //box-shadow:0px 0px 5px black;
}
.botonok:disabled {
	background:gray;
	color:white;
	cursor:auto;
	border:none;
	text-shadow:none;
	box-shadow:none;
}
.botoncancel {
  background: rgb(255,150,80);
  -webkit-border-radius: 2;
  -moz-border-radius: 2;
  border-radius: 2px;
  text-shadow: 1px 1px 2px #000000;
  font-family: Dosis;
  color: #ffffff;
  font-size: 1em;
  padding: 5px 10px 5px 10px;
  border: solid orange 1px;
  text-decoration: none;
  cursor:pointer;
}

.botoncancel:hover {
  background: rgb(245,100,0);
  text-decoration: none;
  /*box-shadow:0px 0px 5px black;*/
}
.botoncancel:disabled {
	background:gray;
	color:white;
	cursor:auto;
	border:none;
	text-shadow:none;
	box-shadow:none;
}
.divcarpoolgral {
 	background-size:100%;
 	background-repeat: no-repeat;
 	width: 100%;
	min-height:600px;
	height:auto;
	z-index: 1;
	padding-top: 0px;
	margin-left:0;
	/*border: 1px solid rgba(0,0,0,0.1);*/
	position: relative;
	margin-top:0px;
}
.mensaje {
	position: relative;
	width: 50%;
	height: auto;
	padding:15px;
	background-color: rgba(0,0,0,0.8);	
}
.mensaje h2 {
	color: white;
	font-family: 'Exo', sans-serif;
	font-weight: 400;
	font-size: 20px;
}
.mensaje p {
	color: white;
	font-family: 'Exo', sans-serif;
	font-weight: 400;
	font-size: 14px;
}
.mensaje a {
	border: 1px solid black;
	background-color: rgb(27,74,128);
	color: white;
	text-decoration: none;
	font-family: 'Exo', sans-serif;
	font-size: 14px;
	padding: 5px;
}
.mensaje a:hover {
	background-color: black;
	border: 1px solid rgb(27,74,128);
}
.welcome {
	background-color: #1080aa;
	color: white;
	font-family: Abel;
	font-size: 20px;
	padding: 5px;
	margin:0;
}
.lastupdate {
	background-color: transparent;
	color: #1080aa;
	font-family: Abel;
	font-weight: normal;
	font-size: 18px;
	padding: 0;

}
.info {
	background-color: rgba(10,60,100,0.5);
	color: white;
	font-family: Roboto;
	font-weight: normal;
	font-size: 14px;
	padding: 10px 5px 10px 5px;
	margin:2px;
}
.info a {
	color: rgb(250,215,180);
	text-decoration: none;
}
.info a:hover {
	text-decoration: underline;
}
.paginado {
	width: 99.7%;
	position: relative;
	margin-left: 0;
	display: inline-block;
	background-color:#1080aa;
    border:1px solid #1080aa;
}
.paginado table {
	border-top:1px solid gray;
	border-spacing:0;
	padding:2px;
	display:inline-block;
	
	}
.paginado td {
	border-left:1px solid gray;
	text-align:center;
	width:30px;
	}
.paginado a {
	font-family: Arial;
	font-size: 10px;
	color: white;
	text-decoration: none;
}
.paginado td:hover {
	background-color: rgba(27,74,128,0.3);
	color:black;
}

.btn {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #235778);
  background-image: -moz-linear-gradient(top, #3498db, #235778);
  background-image: -ms-linear-gradient(top, #3498db, #235778);
  background-image: -o-linear-gradient(top, #3498db, #235778);
  background-image: linear-gradient(to bottom, #3498db, #235778);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  -webkit-box-shadow: 2px 2px 3px #666666;
  -moz-box-shadow: 2px 2px 3px #666666;
  box-shadow: 2px 2px 3px #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 25px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}
.btn:disabled {
	background-color:gray;
	color:white;
	cursor:auto;
	border:none;
	text-shadow:none;
}

.notificacion {
	font-size:9px;
	font-weight:normal;
	background-color:red;
	border:2px solid white;
	border-radius:3px;
	padding-left:3px; 
	padding-right:3px;
	text-decoration:none;
	color:white;
	position:relative;
}
.btn-azul {
  background: #48adf0;
  background-image: -webkit-linear-gradient(top, #48adf0, #2980b9);
  background-image: -moz-linear-gradient(top, #48adf0, #2980b9);
  background-image: -ms-linear-gradient(top, #48adf0, #2980b9);
  background-image: -o-linear-gradient(top, #48adf0, #2980b9);
  background-image: linear-gradient(to bottom, #48adf0, #2980b9);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 16px;
  padding: 10px 20px 10px 20px;
  border: solid #2b7bad 1px;
  text-decoration: none;
    padding: 6px 12px;
    cursor: pointer;
	margin:10px 10px 10px 10px;

}

.btn-azul:hover {
  background: #3cb0fd;
  text-decoration: none;
}
.btn-azul:disabled {background-color:gray;color:rgb(200,200,200);background-image:none;border: solid gray 1px;}
.btn-verde {
  background: #19CD82;
  background-image: -webkit-linear-gradient(top, #19CD82, #0F8250);
  background-image: -moz-linear-gradient(top, #19CD82, #0F8250);
  background-image: -ms-linear-gradient(top, #19CD82, #0F8250);
  background-image: -o-linear-gradient(top, #19CD82, #0F8250);
  background-image: linear-gradient(to bottom, #19CD82, #0F8250);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 16px;
  padding: 10px 20px 10px 20px;
  border: solid #195544 1px;
  text-decoration: none;
    padding: 6px 12px;
    cursor: pointer;
	margin:10px 10px 10px 10px;

}

.btn-verde:hover {
  background: #19CD82;
  text-decoration: none;
}
.btn-verde:disabled {	background:gray;
	color:white;
	cursor:auto;
	border:none;
	text-shadow:none;
	box-shadow:none;
}
.helptopic {
	display:inline-block;
	background-color:white;
	border:1px solid gray;
	-webkit-box-shadow: 0px 1px 3px #666666;
	-moz-box-shadow: 0px 1px 3px #666666;
	box-shadow: 0px 1px 3px #666666;
	position:relative;
	width:28%;
	overflow:hidden;
	height:auto;
	padding:1%;
	float:left;
	margin-right:10px;
}
.helptopic table {
	width:95%;
	
	position:relative;
}
.helptopic th {
	background-color: rgb(50,200,245);
	color: white;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}
.helptopic td {
	background-color: white;
	color: rgb(50,100,145);
	font-family:Arial;
	font-size:12px;
	font-weight:normal;
	text-align:left;
	padding-left:4px;
	border-bottom:1px dotted gray;
}
.tablaForm {
	border: 1px solid gray;
	min-width: 400px;
	position: relative;
	margin:0 auto;
	width:90%;
}

.tablaForm th {
	background-color:rgba(0,0,0,0.5);color:white;font-family:Abel;font-size:1.1em;text-align:left;
	padding:4px 0 4px 20px;
}
.tablaForm td {
	color: rgb(10,80,120);
	font-family:Roboto;
	font-size:1em;
	padding:2px 0 0 40px;
}
.tablaForm input, textarea, select {
	font-family:Nunito;
	background-color: white;
	box-shadow:inset 1px 1px 2px rgb(200,200,200);
	border:none;
	border-radius: 5px;
	padding: 5px 2px;
	font-size: 14px;
	
	color:rgb(60,60,60);

}
.tablaForm2 {
	border: 1px solid gray;
	min-width: 400px;
	position: relative;
	margin:0 auto;
	width:90%;
	border-collapse:collapse;
	white-space:nowrap;
	font-family: Roboto;
	font-size: 1em;
}

.tablaForm2 th {
	background-color:rgba(30,70,100,0.6);
	color:white;font-size:1em;text-align:left;
	padding:4px;
	border:1px solid (230,230,230,0.3);
	font-weight:normal;
}
.tablaForm2 td {
	color: rgb(100,100,100);
	/*font-size: 1.8em;*/
	width:auto;
	padding:2px 0 0 2px;
	word-wrap:break-word;
	border-bottom:1px solid rgba(200,200,200,1);
}
.tablaForm2 input, textarea, select {
	background-color: white;
	box-shadow:inset 1px 1px 2px rgb(200,200,200);
	border:none;
	border-radius: 5px;
	padding: 5px 2px;
	
	color:rgb(60,60,60);

}
.tablaForm2 tr {background-color:white;}
.tablaForm2 tr:hover:nth-child(n+2) {background-color: rgba(255,225,200,1);}
.tablaForm2 a {font-family:Roboto;font-size:1em;color:rgb(30,70,100);text-decoration:none;}
.tablaForm2 a:hover {color:rgb(30,40,100);} 

#comandoUsuario a {color:white;font-size:0.7em;text-decoration:none;}
#comandoUsuario a:hover {color:rgb(0,190,255);font-size:0.7em;text-decoration:none;}
    .btn-gris {padding:5px;color:#555555;text-shadow:1px 1px 1px white;background-color:rgb(230,230,230);border:1px solid #444444;border-radius:3px;cursor:pointer;}
    .btn-gris:hover {padding:5px;color:#777777;text-shadow:1px 1px 1px #cccccc;background-color:rgb(240,240,240);border:1px solid #444444;border-radius:3px;}
	.item {
		border-radius: 10px;
		background-color: rgba(0,0,0,0.4);
		position: relative;
		margin-top:20px;
		margin-left: 15%;
		height: 100px; 
		width: 70%;
	}
	.tag {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#aa0000+0,f20404+11,f20404+90,9e0303+100 */
background: rgb(170,0,0); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(170,0,0,1) 0%, rgba(242,4,4,1) 11%, rgba(242,4,4,1) 90%, rgba(158,3,3,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(170,0,0,1) 0%,rgba(242,4,4,1) 11%,rgba(242,4,4,1) 90%,rgba(158,3,3,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(170,0,0,1) 0%,rgba(242,4,4,1) 11%,rgba(242,4,4,1) 90%,rgba(158,3,3,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aa0000', endColorstr='#9e0303',GradientType=0 ); /* IE6-9 */
	position: relative;
	left: 50px;
	top:0;
	height: 100%;
	width: 200px;
	}
	.nro {
		font-size: 3em;
		font-family: Abel;
		color:white;
		float: left;
		margin:0;
		margin-left: 10px;
		top:0px;
		position: relative;
	}
	.tituloTag {
		font-size: 3em;
		font-family: Abel;
		color:white;
		float: left;
		margin:0;
		margin-left: 10px;
		top:0px;
		position: relative;
		text-shadow: 2px 2px 1px black;
	}

	.textoTag1 {
		font-size: 1.2em;
		font-family: Abel;
		color:white;
		margin:0;
		margin-left: 260px;
		top:0px;
		position: absolute;
		text-shadow: 1px 1px 1px black;

	}
	.textoTag2 {
		font-size: 0.8em;
		//font-family: Abel;
        font-family:Arial Narrow;
		font-weight: 300;
		color:white;
		margin: 0;
		top:30px;
		//margin-top:20px;
		margin-left: 280px;
		position: absolute;		
	}
	.textoGeneral {
        font-family:Abel;
		font-weight: normal;
		color:gray;
		text-decoration:none;
	}
    .textoForm {font-family:Abel;font-weight:normal;color:white;}
    /*.formulario {color:white}
    .formulario select,input, textarea {border:1px solid #000000;background-color:#dddddd;border-radius:3px;width:100%}
    .formulario input:focus, textarea:focus {background-color:white;border:1px solid rgb(60,130,255);}*/
    .separador td {border-bottom:1px dotted white;padding-bottom:15px;bottom:15px;}
	.botonAcceso {
		-webkit-border-radius: 4;
		-moz-border-radius: 4;
		border-radius: 4px;
		text-shadow: 1px 1px 2px #000000;
		font-family: Nunito;
		color: #ffffff;
		font-size: 16px;
		background: #53bd68;
		padding: 5px 10px 5px 10px;
		border: solid #3aa64a 1px;
		text-decoration: none;	
		position: absolute;

	}
	.botonAcceso:hover {
		background: #3cfc69;
		background-image: -webkit-linear-gradient(top, #3cfc69, #34d947);
		background-image: -moz-linear-gradient(top, #3cfc69, #34d947);
		background-image: -ms-linear-gradient(top, #3cfc69, #34d947);
		background-image: -o-linear-gradient(top, #3cfc69, #34d947);
		background-image: linear-gradient(to bottom, #3cfc69, #34d947);
		text-decoration: none;
	}
	.botonRegistro {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  -webkit-box-shadow: 2px 2px 2px #000000;
  -moz-box-shadow: 2px 2px 2px #000000;
  box-shadow: 2px 2px 2px #000000;
  font-family: Cabin;
  color: #ffffff;
  font-size: 17px;
  padding: 10px 20px 10px 20px;
  border: solid #1f628d 1px;
  text-decoration: none;
}

.botonRegistro:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}
#divLogin {
    top:50px;
    width:50%;
    min-width:300px;
    max-width:420px;
    background-color:rgba(0,0,0,0.8);
    position:relative;
    color:white;
    font-family: Abel;
    padding:22px 20px 18px;
    display:none;
    border-radius: 6px;
    margin-top: 12px;
   }
#divLogin  input {
	font-family:Nunito;
	background-color: white;
	box-shadow:inset 1px 1px 2px rgb(200,200,200);
	border:none;
	border-radius: 5px;
	padding: 10px 8px;
	font-size: 14px;
	width:100%;
	box-sizing: border-box;
	color:rgb(60,60,60);
}
#divLogin table {left:auto;width:100%;}

#divSign {
    top:50px;
    width:50%;
    min-width:300px;
    max-width:420px;
    background-color:rgba(0,0,0,0.6);
    position:relative;
    padding:22px 20px 18px;
    display:none;
    color:white;
    font-family: Abel;
    border-radius: 6px;
    margin-top: 12px;
   }
#divSign input {
	font-family:Nunito;
	background-color: white;
	box-shadow:inset 1px 1px 2px rgb(200,200,200);
	border:none;
	border-radius: 5px;
	padding: 10px 8px;
	font-size: 14px;
	width:100%;
	box-sizing: border-box;
	color:rgb(60,60,60);

}
#divSign table {left:auto;width:100%;}

#divLogin table.guest-form td,
#divSign table.guest-form td {
	padding: 6px 4px;
	vertical-align: middle;
}
#divLogin table.guest-form tr:first-child td,
#divSign table.guest-form tr:first-child td {
	padding-top: 0;
}
#divLogin .guest-form-label,
#divSign .guest-form-label {
	padding-right: 12px;
	white-space: nowrap;
	width: 38%;
}
#divLogin .guest-form-field,
#divSign .guest-form-field {
	width: 62%;
}
#divLogin .guest-form-turnstile,
#divSign .guest-form-turnstile {
	padding-top: 14px;
	padding-bottom: 4px;
	text-align: center;
}
#divLogin .guest-form-actions,
#divSign .guest-form-actions {
	padding-top: 18px;
	text-align: center;
}
#divLogin .guest-form-actions .botonAcceso,
#divSign .guest-form-actions .botonAcceso {
	position: relative;
	display: inline-block;
	margin: 0 6px;
	min-width: 120px;
	cursor: pointer;
}
#divLogin .guest-form-actions .botonAcceso:disabled,
#divSign .guest-form-actions .botonAcceso:disabled {
	background: #6b6b6b;
	border-color: #555;
	color: #ddd;
	cursor: not-allowed;
	text-shadow: none;
	opacity: 0.85;
}
#divLogin .guest-form-actions .botonAcceso:disabled:hover,
#divSign .guest-form-actions .botonAcceso:disabled:hover {
	background: #6b6b6b;
}
#divTurnstileLogin,
#divTurnstileSign {
	min-height: 0;
	margin: 0 auto;
}
.guest-turnstile-load-error {
	margin: 0.5em 0 0;
	padding: 0.5em 0.75em;
	font-size: 0.9em;
	color: #8b2e2e;
	background: #fdecea;
	border: 1px solid #e8b4b4;
	border-radius: 3px;
	text-align: center;
}
#divLogin.guest-form-busy,
#divSign.guest-form-busy {
	opacity: 0.92;
}
#divLogin.guest-form-pending,
#divSign.guest-form-pending {
	opacity: 0.88;
	cursor: wait;
	pointer-events: none;
}
#divLogin input:disabled,
#divSign input:disabled {
	background-color: #e8e8e8;
	color: #888;
	cursor: not-allowed;
}
.input-error {
	box-shadow: inset 0 0 0 2px #e74c3c !important;
}

#divContent {left:0;top:0;width:100%;height:100vh;position:absolute;margin-top:0px;background-size: cover}
#tablaindex1 {width:100%;position:relative;top:40px;border-top:1px dotted white;table-layout:fixed;}
#tablaindex1 td {width:auto;height:130px;text-align:left;}

.iconogral {font-size: 75px;float:left;margin-left:20px;vertical-align:middle;}

.textoicono {font-size: 1em;text-decoration:none;position:relative;color:white;
    -webkit-transition: font-size 0.15s; 
    transition: font-size 0.15s;
    -webkit-transition: color 0.15s; 
    transition: color 0.15s;}
.textoicono:hover {font-size: 1.1em;text-shadow:0px 0px 15px white;color:rgb(255,190,100);}
.btn-nav {
padding:5px;color:rgb(140,100,25);text-shadow:1px 1px 1px white;background-color:rgb(230,190,120);border:1px solid rgb(200,150,40);border-radius:3px;cursor:pointer;	
}
.btn-nav:hover {
padding:5px;color:#777777;text-shadow:1px 1px 1px #cccccc;background-color:rgb(240,240,240);border:1px solid #444444;border-radius:3px;	
}
.btn-nav:disabled {
padding:5px;color:rgb(100,100,100);text-shadow:1px 1px 1px white;background-color:rgb(200,200,200);border:1px solid gray;border-radius:3px;cursor:pointer;		
}
.fondonegro {position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6);z-index:5000;overflow:auto;display: none;}
 
.ventana {background-color:rgba(250,250,250,1);position:absolute;border:2px solid gray;z-index:5500;padding:5px;display:block;left:0;right:0;}
.ventana h1 {color:#1080aa; font-family:'Oswald';font-weight: normal; font-size:1.2em;border-bottom:1px dotted gray;text-shadow: 1px 1px 1px gray}
.fondoModal {background-color: transparent;width: 100%;height: 100%;position: fixed;z-index: 6000;overflow:auto;display: none;top:0;left:0;}
.ventanaModal {background-color:rgba(230,230,230,1);position:absolute;border:1px solid gray;z-index:6500;padding:5px;display:block;}
.ventanaModal h1 {color:#1080aa; font-family:'Oswald';font-weight: normal; font-size:1em;border-bottom:1px dotted gray;}
.ventanaModal table {font-family: Abel;font-size: 1em;color:#444444;}
.ventanaModal input, textarea {border-radius: 5px;padding: 5px;border:1px solid lightgrey;}
.botoncierre {float:right;top:10px;right:10px;}
#divManuales {
	position: absolute;
	bottom:0;
	width: 100%;
	padding: 0 0 0 0;
	padding-bottom:0px;
	margin: 0;
}
#divManuales ul {width: auto;padding: 0;margin: 0;height: 0px}
#divManuales li {display: inline-block;width: 200px;border-right: 1px solid rgba(250,250,250,0.2);text-align: center;}
#divManuales a {color:white;text-decoration: none;font-family: oswald;font-weight: normal;font-size: 14px;}
#divManuales a:hover {color:orange;text-decoration: underline;}
#divManuales img {vertical-align:middle;margin-right: 10px;width:24px;height: 24px;}
ul.tab {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    /*border: 1px solid gray;*/
    background-color: rgba(0,0,0,0.5);
	width:90%;
	/*margin-left:5%;*/
}

/* Float the list items side by side */
ul.tab li {float: left; font-family:Abel;font-size:1.2em;color:white}

/* Style the links inside the list items */
ul.tab li a {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 17px;
}

/* Change background color of links on hover */
ul.tab li a:hover {background-color: rgba(230,180,120,1);}

/* Create an active/current tablink class */
ul.tab li a:focus, .active {background-color: rgb(100,100,100);}

/* Style the tab content */
.tabcontent {
    display: none;
    /*padding: 6px 2%;
    border: 1px solid gray;*/
    border-top: none;
	background-color:rgba(0,0,0,0.5);
	width:100%;
	
	min-height:400px;
	
}
.infotimeline {border:1px solid gray;float:left;display:inline-block;margin:0 40px;padding:0px;height:40vh;width:300px;min-width:200px;overflow:auto;}
.tblInfotimeline {margin:0;width:auto;}
.tblInfotimeline th {background-color:rgba(0,50,100,0.5);color:white;font-family:Abel;font-size:1.2em;}
.tblInfotimeline td {background-color:rgba(250,250,250,0.8);color:gray;font-family:Cabin;font-size:0.7em;width:50%;}

#abmDivEdit {width:60%;;height:70vh;left:0;top:0;right:0;bottom:0;margin:auto;position:fixed;padding:20px;border-radius:5px;font-family:Oswald}
#abmDivEdit input, select, textarea {padding:3px; font-family:Abel;}
.classPopup {
	background-color:rgb(50,50,50);
	color:white;
	//border:1px solid blue;
	border-radius: 3px;
	font-family: Abel;
	font-size: 1em;

}
.classPopup a { color:white; text-decoration: none }
.classPopup a:hover { color:orange;  }
.classPopup ul {list-style-type: none; padding:3px 5px;}
.icono {width: 16px;height: 16px;margin:5px 10px;vertical-align: middle;}


.articulo {font-family: Roboto;float: left;color:rgba(10,60,100,0.8);font-size: 12px; 
	position: relative;background-color: rgb(240,240,240);box-shadow: 0px 0px 15px lightgrey;display: none;}
.articulo p {font-size: 0.9em}
.articulo h3 {background-color: transparent;color:rgba(10,60,100,0.8);position: relative;margin:0;padding: 5px 5%;width: 90%;
	border-bottom: 1px solid rgba(10,60,100,0.2)}
.articulo ul li {min-height: 30px}
.articulo ul li input {float:right; ;width: 100px;font-size: 0.9em;padding: 5px;border-radius: 3px;border:1px solid gray;margin:2px;vertical-align: middle;}
.articulo table tr td {padding: 3px 5px}

/******************************************************************************************************************
/*Cosas para ventanas FRM
/******************************************************************************************************************/
#frmComment {width: 80%;min-height: 150px;max-height: 40vh;left: 10%;top:100px;}
#winModalComment {width: 60%;min-height: 150px;max-height: 40vh;left: 20%;top:120px;}
#fdoAddUser {z-index: 7000}
#winAddUser {width: 40%;min-height: 150px;max-height: 40vh;left: 30%;top:130px;z-index: 7500}
.closeButton {display: inline-block;float: right;position: relative;}
.closeButton img {width: 32px;height: 32px;margin:10px;}
.comentario {background-color: transparent;font-family: Calibri;padding: 5px 15px;margin:5px auto;border-top:1px solid rgb(220,220,220);border-bottom:2px solid rgb(220,220,220);}
.commentHead {font-weight: bold;font-size: 0.8em;display: block;border-bottom: 1px solid lightgrey;padding: 3px 10px;background-color: rgb(240,240,240);margin:0;}
.commentBody {font-weight: normal;font-size: 1em;display: inline-block;padding: 0;margin:0;}
.itemArroba {padding: 3px;border:1px solid rgb(120,140,150);background-color: rgb(220,240,250);border-radius: 3px;width: auto;float:left;margin-left: 4px}
.itemArroba p {padding: 0;margin:0;font-family: Calibri;font-size: 0.7em;}
.itemArroba button 
{	background-color: transparent;
    //background-image: url(../imagenes/cancelgris.png);   
    background-repeat: no-repeat; 
    border: none;   width: 10px !important;height: 10px !important
}
.itemArroba button img {width: 10px !important;height: 10px !important}

/********************************************************************************************************************
 clases generales para formatos 
*********************************************************************************************************************/

.trClickable {cursor: pointer;}
.trClickable:hover {color:rgb(50,90,120);text-decoration: underline;}
.w10 {width:10% !important;}
.w20 {width:20% !important;}
.w25 {width:25% !important;}
.w30 {width:30% !important;}
.w40 {width:40% !important;}
.w50 {width:50% !important;}
.w60 {width:60% !important;}
.w70 {width:70% !important;}
.w75 {width:75% !important;}
.w80 {width:80% !important;}
.w90 {width:90% !important;}
.w100 {width:100% !important;}
.fs15 {font-size:1.5em !important;}
.fs13 {font-size:1.3em !important;}
.fs11 {font-size:1.1em !important;}
.fs1 {font-size:1em !important;}
.fs09 {font-size:0.9em !important;}
.fs08 {font-size:0.8em !important;}
.fs07 {font-size:0.7em !important;}
.fs06 {font-size:0.6em !important;}
.fs05 {font-size:0.5em !important;}
.fnegra {font-weight:bold !important;}
.fnormal {font-weight:normal !important;}
.icon16 {width: 16px;height: 16px;vertical-align: middle;}
.icon24 {width: 24px;height: 24px;vertical-align: middle;}
.icon32 {width: 32px;height: 32px;vertical-align: middle;}
.icon48 {width: 48px;height: 48px;vertical-align: middle;}


/********************************************************************************************************************
estilos para pantalla printing proof
*********************************************************************************************************************/
#fdoNegroPProof {}
#frmPProof {width: 60%;min-height: 300px;margin: 100px auto;background-color: rgb(240,240,240);max-height: 60vh;overflow-y: auto;height:auto;position: relative;}
#divContentPProof {margin-bottom: 10px}
#divContainerPProof {padding: 0;}
#tblPProof {margin:0;}
#winAddPP {margin-top: 100px;position: absolute;width: 40%;left:30%;display: none;}
#winEvaluatePP {margin-top: 120px;position: absolute;width: 40%;left:30%;display: none;}
.pp-eval-msg {margin-top: 10px;padding: 10px 12px;font-family: arial, sans-serif;font-size: 0.92em;text-align: left;border-radius: 3px;line-height: 1.35;}
.pp-eval-msg-error {color: #8a1f1f;background: #fceaea;border: 1px solid #e0b4b4;}
.pp-eval-msg-ok {color: rgb(27,74,128);background: #e8f0f8;border: 1px solid #b8c9dd;}
.pp-eval-msg-title {margin: 0 0 8px;font-weight: bold;}
.pp-eval-msg-list {margin: 0;padding-left: 1.25em;}
.pp-eval-msg-list li {margin: 0 0 6px;}
.pp-eval-msg-list li:last-child {margin-bottom: 0;}
#tblParam {width: 100%;margin: 0	}
#divParam {position:absolute;overflow:auto;display:none;height:80vh;width: 30%;min-width: 200px;box-shadow: none;left:35%;margin: 100px auto;}
#divParam h2 {}

#tblPPDetails tr:nth-child(2n+1)  {background-color: rgba(50,70,105,0.1);}