@font-face {
    font-family:"Montserrat-Regular"; /*normal*/
    src:url("../ttf/Montserrat/Montserrat-Regular.ttf") format("truetype"), url("../ttf/Montserrat/Montserrat-Regular.otf") format("truetype")
}
@font-face {
    font-family:"Montserrat-Light"; /*normal*/
    src:url("../ttf/Montserrat/Montserrat-Light.ttf") format("truetype"), url("../ttf/Montserrat/Montserrat-Light.otf") format("truetype")
}


html{height:100%; font-family:Montserrat-Light; font-size:100%}
body{background-image:; background-position:center center; background-repeat:no-repeat; background-attachment:fixed; background-size:cover; background-color:; width:100%; margin:auto; height:100%; font-size:100%; font-family:Montserrat-Light;}
header, article, hgroup, h1, h2, h3, section, p, nav, a {height:auto; margin:0px; padding:0px; text-decoration:none; font-weight:normal;}
img{border: 0px;}
a{text-decoration:none; color:inherit; cursor:pointer}
a:hover{color:#E17100; text-decoration:underline}
table{width:100%; float:left; font-size:11px; padding:5px;}
	#tableTitle{background:#F9F9F9; padding:1%; font-family:"Montserrat-Regular"; }
tr, td{padding:5px; border:1px solid rgba(0,0,0,0.1)}

/*FORMULARIOS*/
#contenido1,#contenido2,#contenido3,#contenido4,#contenido5{width:40%; padding:2%; float:left; background:#fff; margin-left:26%; margin-top:0.5%; border-radius:5px 0px 5px 5px;}

#formulario,#formulario4{width:100%; float:; margin:auto; background:rgba(0,0,0,0); margin-top:30px }
.formulario{ color:#333; text-align:left; font-family:Montserrat-Light}
#formularioTitu{width:98%; margin-top:30px; padding:1%; margin-bottom:10px }
.formularioTitu{ color:#333; text-align:center; font-family:Montserrat-Regular}
#formularioText{width:46%; margin-top:; padding:2%; float:left; margin-top:0px; background:#F3F3F3 }
#formularioTextLargo{width:98%; margin-top:; padding:1%; float:left; margin-top:0px; background:#F3F3F3 }
.formularioText, .formularioText2, .formularioText3{color:#333; text-align:; font-family:Montserrat-Light}
#formularioCamp{width:48%; margin-top:; padding:1%; float:left }
#formularioCampLargo{width:98%; margin-top:; padding:1%; float:left }
#formularioBoton{width:98%; margin-top:; padding:1%; margin-top:30px; float:left }
#formularioTextError{width:98%; margin-top:; padding:1%; color:#F00; text-align:center; font-family:Montserrat-Light}
#formularioSepa{width:100%; margin-top:; padding:0%; float:left; margin-bottom:0px}
#formularioSepa2{width:50%; margin-top:; padding:0%; float:left; margin-bottom:0px; margin-left:25%}
#formularioSepa4{width:100%; float:left; border-bottom:0px solid #CCC}
#formularioCerrarDiv{width:100%; margin-top:; padding:0%; float:right; background:; cursor:pointer}
#formularioCerrar{width:auto; margin-top:; padding:2%; float:right; background:#F00; cursor:pointer}
.formularioCerrar{ color:#fff; text-align:; font-family:Montserrat-Regular; border-radius:0px ;}




#logo{width:auto; float:left; margin-left:3%;}
#logoText{width:auto; float:left; margin-left:5%; margin-top:2px}
.campo{width:96%; padding:2%; border-radius:5px; border:1px solid #999; font-family:Montserrat-Light; color:#959595}
.campo:focus{outline:1px;}

#boton{width:200px; margin:auto; background:#4DA6FF; padding:6%; max-width:; border-radius:0px 0px 0px 0px; border:0px solid #00182B; cursor:pointer; float:none}
		#boton:hover{background:#0057AE}
		#botonIcon{float:right; margin-top:0px; margin-right:0px;}
		.boton{font-size:100%; color:#fff; text-align:center;}

#cargando, #recordar, #modal{display:none; position:fixed; left:0px; right:0px; bottom:0px; padding-bottom:20px; width:100%; text-align:center; min-height:10px;background-color:rgba(0,0,0,0.5); color:; z-index:99999; padding:0px; border-top:#000 solid 0px; height:100%;}		
#recordarConteDiv{width:55%; float:left; margin:auto; background:#fff; margin-top:%; background:; padding:3%; margin-left:19% }
#modalLoader{margin-top:20%;}
#modalText{margin-top:20%; font-size:100%; color:#002C4C; font-family:Montserrat-Regular; background:#FFF; padding:2%; border-bottom:6px solid #002C4C; }
/*#modal{display:inherit}*/

header{background; width:98%; padding:1%; float:left; height:; position:; margin-top:0px}
#contenido{width:100%; margin:auto; position: absolute; bottom: 0; height:100%; background:url(../imagenes/cuerpo/fondo.jpg); background-repeat:no-repeat; background-attachment:fixed; background-size:cover; background-position:center center;}
#contenido2{width:100%; margin:auto; position: absolute; bottom: 0; height:100%; background:url(../imagenes/cuerpo/fondo2.jpg); background-repeat:no-repeat; background-attachment:fixed; background-size:cover; background-position:center center;}
#conteLogin{width:30%; background:rgba(255,255,255,0.5); padding:1%; float:left; margin-left:65%; margin-top:2%}
#conteLoginDiv{width:90%; height:80%; padding:5%; background:#FFF; border-radius:0px 0px 0px 0px;}
	#conteLoginDivTitle{width:98%; padding:1%; float:left; margin-top:1%}
	.conteLoginDivTitle{font-size:150%; color:#000; text-align:center; font-family:Montserrat-Regular}
	#conteLoginDivSubTi{width:98%; padding:1%; float:left; margin-top:5%; margin-bottom:5%}
	.conteLoginDivSubTi{font-size:100%; color:#000; text-align:center; font-family:Montserrat-Regular}
	#conteLoginDivText{width:98%; padding:1%; float:left; margin-top:0%}
	.conteLoginDivText{font-size:90%; color:#000; text-align:left; font-family:Montserrat-Light}
	#conteLoginDivText2{width:98%; padding:1%; float:left; margin-top:0%; font-size:12px}
	.conteLoginDivText2{font-size:90%; color:#959595; text-align:left; font-family:Montserrat-Light}
	#conteLoginDivCampo{width:98%; padding:1%; float:left; margin-top:1%}
	#conteLoginDivTextError{width:98%; padding:1%; float:left; margin-top:1%; font-size:80%; color:#f00; text-align:left; font-family:Montserrat-Regular}
	#conteLoginDivBoton{width:200px; padding:1%; float:left; margin-top:10%; margin-left:22%}
	#conteLoginDivTextRecordar{width:98%; padding:1%; float:left; margin-top:1%; margin-top:5%}
	.conteLoginDivTextRecordar{ font-size:100%; color:#f00; text-align:center; font-family:Montserrat-Regular}
	#conteLoginLogo{width:100%; background:#fff); padding:1%; float:left; text-align:center}	

/***************RECORDAR CONTRASEÑA*********************/

#modalRecordar{display:none; position:fixed; left:0px; right:0px; bottom:0px; padding-bottom:20px; width:100%; text-align:center; min-height:10px;background-color:rgba(0,0,0,0.6); color:; z-index:99999; padding:0px; border-top:#000 solid 0px; height:100%;}
#conteLoginRecordar{width:30%; background:rgba(255,255,255,0.5); padding:1%; margin-left:33.5%; margin-top:8%; float:left}
#conteLoginDivRecordar{width:90%; height:auto; padding:5%; background:#FFF; border-radius:0px 40px 40px 40px; float:left}


	
/***********USUARIOS************/

#conteUsu{display:none; position:fixed; left:0px; right:0px; bottom:0px; padding-bottom:20px; width:100%; text-align:center; min-height:10px;background-color:rgba(0,0,0,0.8); color:; z-index:99999; padding:0px; border-top:#000 solid 0px; height:100%;}
#divUsu{width:50%; position:fixed; left:0px; right:0px; bottom:0px; padding-bottom:20px; width:50%; text-align:center; min-height:10px;background-color:#FFF; color:; z-index:99999; padding:1%; border-top:#000 solid 0px; height:50%; left:25%; bottom:25%;}
#divUsuTitle{width:96.1%; padding:2%; float:left; margin-top:; background:#002C4C}
.divUsuTitle{font-size:150%; color:#FFF; text-align:center; font-family:Montserrat-Regular}
#divUsuSub, #divUsuSub2{width:96.1%; padding:2%; float:left; margin-top:; background:; border-bottom:1px solid #CCC}
#divUsuSub2{border-bottom:0px solid #CCC}
.divUsuSub, .divUsuSub2{font-size:100%; color:#000; text-align:left; font-family:Montserrat-Regular}
.divUsuSub2{font-family:Montserrat-Light}
#divBotonUsu{width:96.1%; padding:2%; float:left; margin-top:; background:; border-bottom:0px solid #CCC}
#botonUsu{width:30%; margin:auto; background:#002C4C; padding:2%; max-width:; border-radius:1px; border:1px solid #00182B; cursor:pointer; float:none}
		#botonUsu:hover{background:#004884}
		#botonIcon{float:right; margin-top:0px; margin-right:0px;}
		.botonUsu{font-size:100%; color:#fff; text-align:center;}	


/************PLATAFORMA******************/	
#contenidoPlata{width:100%; float:left; background:#F3F3F3; padding:0%;}
#conteHeaderPlata{width:98%; float:left; border-bottom:1px solid #E2E2E2; padding:1%; background:#FFF;  box-shadow:1px 2px 5px #E4E4E4}
	#conHeaderPlataLogo{width:140px; float:left; margin-top:4px}
#contePerfil{width:auto; float:right; margin-top:10px; margin-left:10px}	

#conteHeadeBoton{width:150px; float:right; margin-top:10px}	
	#botonHeas{width:auto; background:#E26254; padding:3%; max-width:; border-radius:0px 5px 5px 5px; border:0px solid #00182B; cursor:pointer; float:right;}
		#botonHeas:hover{background:#C53321}
		#botonHeas{float:right; margin-top:0px; margin-right:0px;}
		.botonHeas{font-size:100%; color:#fff; text-align:center; font-size:12px}	


#conteBody{width:98%; float:left; border-bottom:0px solid #E2E2E2; padding:1%;}
	#conteBodyRes{width:98%; float:left; border-bottom:1px solid #E2E2E2; padding:1%;}
		#conteBodyResDiv{width:98%; float:left; }
		#conteBodyResIcon{width:auto; float:left}
		#conteBodyResTitu{width:auto; float:left; margin-left:8px}
		.conteBodyResTitu{color:#000; text-align:left; font-family:Montserrat-Regular}
		
#respuesta1{width:98%; float:left; padding:5px; background:#FFF; border-radius:0px 5px 5px 5px; margin-top:1%; margin-bottom:1%; box-shadow:1px 2px 5px #E4E4E4}
#respuesta2{width:30%; float:left; padding:5px; background:#FFF; border-radius:0px 5px 5px 5px; margin-top:1%; margin-bottom:1%; display:none; box-shadow:1px 2px 5px #E4E4E4}
#respuesta3{width:65%; float:left; padding:5px; background:#FFF; border-radius:0px 5px 5px 5px; margin-top:1%; margin-bottom:1%; margin-left:1%; display:none; box-shadow:1px 2px 5px #E4E4E4}
#respuestaDiv{width:100%; float:left;}
#respuestaTitu{width:auto; float:left; margin-left:8px}
.respuestaTitu{color:#C53321; text-align:left; font-family:Montserrat-Regular; font-size:11px;}
#respuestaCerrar{width:auto; float:right; margin-right:10px; cursor:pointer; margin-right:6px}
.respuestaCerrar{color:#f00; text-align:left; font-family:Montserrat-Regular;}

#active:hover{background:#C53321; cursor:pointer; font-family:"Montserrat-Regular"; color:#FFF}
#active2:hover{background:; cursor:crosshair;}

#imagenModal{background:#FFF; padding:1%; margin:auto; float:left; border-radius:0px 5px 5px 5px; width:40%; margin-left:32%; margin-top:5%}
	#imagenModalCerrar{width:100%; float:right; margin-right:10px; cursor:pointer; margin-right:6px}
	.imagenModalCerrar{color:#f00; text-align:right; font-family:Montserrat-Regular;}
	#imagenModalDiv{float:left; width:40%}
	#imagenModalDiv2{float:left; width:58%; margin-left:2%}
		#imagenModalText{padding:1%; float:left; width:48%}
			#imagenModalTextTitu{background:#FFF; padding:; float:left; width:100%}
			.imagenModalTextTitu{color:#C53321; text-align:left; font-family:Montserrat-Regular; font-size:13px;}
			#imagenModalTextDesc{background:#FFF; padding:; float:left; width:100%; margin-top:15px}
			.imagenModalTextDesc{font-family:Montserrat-Light; color:#959595; font-size:12px;; text-align:left}
		#imagenModalImg{background:#FFF; padding:1%; float:left; border-radius:0px 5px 5px 5px; width:98%}

#imagenModalCond{background:#FFF; padding:1%; margin:auto; float:left; border-radius:0px 5px 5px 5px; width:30%; margin-left:35%; margin-top:5%}

#footer{background-color: #C53321; position: absolute; bottom: 0; width: 98%; height:; color: white; padding:1%}
	#footerText{width:100%; float:right; margin-right:10px; cursor:pointer; margin-right:6px}
	.footerText{color:#fff; text-align:center; font-family:Montserrat-Light; font-size:11px}
	
#enlace{color:#fff; text-decoration:none; cursor:pointer; font-family:Montserrat-Regular;}

#botonCargarIma{width:auto; background:#E26254; padding:3%; max-width:; border-radius:0px 5px 5px 5px; border:0px solid #00182B; cursor:pointer; float:right;}
		#botonCargarIma:hover{background:#C53321}
		#botonCargarIma{float:right; margin-top:0px; margin-right:0px;}
		.botonCargarIma{font-size:100%; color:#fff; text-align:center; font-size:12px}