@font-face {
    font-family:"Roboto-Black"; /*normal*/
    src:url("../ttf/Roboto/Roboto-Black.ttf") format("truetype"), url("../ttf/Roboto/Roboto-Black.otf") format("truetype")
}
@font-face {
    font-family:"Roboto-Bold"; /*normal*/
    src:url("../ttf/Roboto/Roboto-Bold.ttf") format("truetype"), url("../ttf/Roboto/Roboto-Bold.otf") format("truetype")
}
@font-face {
    font-family:"Roboto-Regular"; /*normal*/
    src:url("../ttf/Roboto/Roboto-Regular.ttf") format("truetype"), url("../ttf/Roboto/Roboto-Regular.otf") format("truetype")
}
@font-face {
    font-family:"Roboto-Light"; /*normal*/
    src:url("../ttf/Roboto/Roboto-Light.ttf") format("truetype"), url("../ttf/Roboto/Roboto-Light.otf") format("truetype")
}
@font-face {
    font-family:"Roboto-Italic"; /*normal*/
    src:url("../ttf/Roboto/Roboto-Italic.ttf") format("truetype"), url("../ttf/Roboto/Roboto-Italic.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:Roboto-Light}
header, article, hgroup, h1, h2, h3, section, nav, a {height:auto; margin:0px; padding:0px; text-decoration:none; font-weight:normal;}
img{border: 0px;}
#logo{width:auto; float:left; margin-left:5%;}
#logoText{width:auto; float:left; margin-left:2%; margin-top:12px}
.logoText{font-size:100%; color:#00376F; text-align:center; font-family:Roboto-Bold}
#divCabe{width:98%; float:left; padding:0%; margin-top:14%;}
#divCabeBonton{width:30%; float:none; padding:1%; margin-left:; padding-top:16%; margin:auto}
#headerCabe{width:98%; float:left; padding:1%; background:#34628F}
.headerCabe{font-size:150%; color:#fff; text-align:; font-family:Roboto-Bold; text-shadow:2px 1px 3px #333333}
#headerCabeText{width:auto; float:left; padding:0; background:#34628F; margin-left:12px; margin-top:2px}
#headerCabeIma{width:auto; float:left; padding:0; background:#34628F}
#headerCabeHome{width:auto; float:right; padding:0; cursor:pointer}

#slogan{width:98%; float:left; padding:1%; margin-left:}
.slogan{font-size:250%; color:#fff; text-align:center; font-family:Roboto-Bold; text-shadow:2px 1px 3px #333333}
#slogan2{width:98%; float:left; padding:1%; margin-left:}
.slogan2{font-size:150%; color:#fff; text-align:center; font-family:Roboto-Bold; text-shadow:2px 1px 3px #333333}
#menu{width:50%; float:right; padding:; margin-left:2%; margin-top:3px}
	#menuItem,#menuItem2{width:auto; float:right; padding:1%; cursor:pointer; border-right:0px solid #CCC; background:#FF9428; margin-right:1%; border-radius:3px}
	.menuItem,#menuItem2{font-size:100%; color:#fff; text-align:left;}
	#menuItem:hover{background:#FF8000; color:#fff;}
	#menuItem2{background:#FF732F; color:#fff; border:1px solid #FF661C}
	#menuItem2:hover{background:#FF925E; color:#fff}
	
.campo{width:96%; padding:2%; border-radius:5px; border:1px solid #999; font-family:Roboto-Bold; color:#333; font-size:150%; text-align:center}
.campo:focus{outline:1px;}
.campo2{width:96%; padding:2%; border-radius:5px; border:1px solid #999; font-family:Roboto-Bold; color:#333; font-size:100%; text-align:left}
.campo2:focus{outline:1px;}

#boton, #boton2, #boton3, #boton4, #boton5{width:94%; margin:auto; background:#DAA402; padding:3%; max-width:; border-radius:5px; border:1px solid #FF6A22; cursor:pointer; float:left; margin-left:0%}
#boton2{width:auto; float:none; margin-left:auto; padding:5%; background:#DAA402; border:1px solid #B98C02;}
#boton3{width:auto; float:none; margin-left:auto; padding:3%; background:#DAA402; border:1px solid #B98C02;}
#boton4{width:41%; float:left; margin-left:auto; padding:3%; margin-left:2%}
#boton5{width:64%; margin:auto; background:#00376F; border:1px solid #00254A; margin-left:18%}
		#boton:hover, #boton2:hover, #boton3:hover, #boton4:hover{background:#FF7E40}
		#boton5:hover{background:#004993}
		#boton2:hover{background:#B98C02; border:1px solid #B98C02;}
		#boton3:hover{background:#B98C02; border:1px solid #B98C02;}
		#botonIcon{float:right; margin-top:0px; margin-right:0px;}
		.boton{font-size:150%; color:#fff; text-align:center; font-family:Roboto-Regular}

#cargando, #recordar, #modal, #modalCargado, #modal1{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:90%;}		
#modalCargado{height:100%}

#modalLoader{margin-top:20%;}
#modalText{margin-top:20%; font-size:100%; color:#00376F; font-family:Roboto-Bold; background:#FFF; padding:2%; border-bottom:6px solid #00376F}

#pse{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.9); color:; z-index:99999; padding:0px; border-top:#000 solid 0px; height:90%;}		
#pseCerrar{width:40px; float:left; padding:0%; margin-right:; padding:1%; background:#F00; float:right; cursor:pointer}
.pseCerrar{font-size:100%; color:#fff; text-align:center; font-family:Roboto-Bold;}
#pseIma{margin-top:7%; font-size:100%; color:#FF732F; font-family:; background:#FFF; padding:0%; border-bottom:6px solid #FF732F}
#pseText{width:98%; float:left; padding:1%; margin-left:}
.pseText{font-size:150%; color:#00376F; text-align:center; font-family:Roboto-Bold;}
#recordarConteDiv{width:55%; float:left; margin:auto; background:#fff; margin-top:%; background:; padding:3%; margin-left:19% }

/*#cargando{display:inherit}*/



header{background:#fff; width:98%; padding:1%; float:left; position:fixed}
#botonPse{background:#fff; width:auto; padding:1%; float:right; position:fixed; margin-top:0%; left:auto; right:0%; border-radius:50px 0px 0px 50px; cursor:pointer; top:16%}

#contenido{width:100%; margin:auto; position:; bottom:0px; height:100%; background:url(../imagenes/cuerpo/fondo.jpg); background-repeat:no-repeat; background-attachment:fixed; background-size:100% 100%; background-position:center center; float:left; margin-top:}
#panel{width:100%; float:left; padding:0%; background:none; top:100%; padding-bottom:5%}
.panel{color:#333; text-align:left; font-family:Roboto-Italic}
	#panelTitle,#panelTitle2,#panelTitle3{width:50%; float:; padding:1%; margin:auto; margin-top:50px}
	#panelTitle2{margin-top:10px}
	#panelTitle3{margin-top:20px}
	.panelTitle{color:#fff; text-align:center; font-family:Roboto-Bold; font-size:250%; text-shadow:2px 2px 3px rgba(0,0,0,0.5)}
	#panelSubTitle{width:98%; float:; padding:1%; margin:auto; margin-top:10px}
	.panelSubTitle{color:#000; text-align:left; font-family:Roboto-Bold; font-size:150%}
	#panelText,#panelText2,#panelText3,#panelTextCompro{width:70%; float:; padding:1%; margin:auto; margin-top:20px;}
	#panelText2{margin-top:10px}
	#panelText3{width:98%;}
	.panelText{color:#000; text-align:left; font-family:Roboto-Light; font-size:100%}
	#panelTextDiv{width:14%; float:left; padding:1%; margin-left:0.5%; background:#F0F0F0; height:150px}
	#panelTextDivTitle{width:98%; float:left; padding:1%; background:#FF732F}
	.panelTextDivTitle{color:#fff; text-align:center; font-family:Roboto-Bold}
	#panelTextDivInfo{width:100%; float:left; padding:0%; margin-top:3%}
	.panelTextDivInfo{color:#333; text-align:left; font-family:Roboto-Regular; font-size:}
	#panelIma{width:50%; float:; padding:1%; margin:auto; margin-top:50px}

	#panelTextCompro{width:98%; margin-top:2%}
	#panelTextDivDes{width:50%; float:none; padding:1%; background:; margin:auto}
	#panelTextCampo{width:98%; float:left; padding:1%; background:}
	#panelTextCampoError{width:98%; float:; padding:1%; background:; color:#f00; text-align:center; font-family:Roboto-Bold; font-size:150%;; margin-top:%}
	#panelTextBonton{width:50%; float:none; padding:1%; margin-left:; padding-top:5%; margin:auto}
	#panelCompro{width:46%; margin:auto; position:; bottom: 0; height:100%; background:#666; background-repeat:no-repeat; background-attachment:fixed; background-size:cover; background-position:center center; top:; float:left; margin-left:2%}
	#panelCompro2{width:48%; margin-left:1%; margin-top:1%; float:left}
	#panelComproBonton{width:58%; float:none; padding:1%; margin-left:; padding-top:0%; margin:auto; margin-top:}
	#panelComproBontonCerrarDiv{width:100%; float:left; padding:; margin-left:; padding-top:0%; margin:auto; background:}
	#panelComproBontonCerrar{width:auto; float:none; padding:2%; margin-left:; padding-top:; margin:auto; background:#F00; float:right; cursor:pointer}
	.panelComproBontonCerrar{color:#fff; text-align:left; font-family:Roboto-Bold; font-size:150%}
	#panelNoHay{width:94%; padding:3%; float:left; background:#FFF; margin-top:15%; border-bottom:;}
	.panelNoHay{font-size:150%; color:#00376F; text-align:center; font-family:Roboto-Bold}
	

.panelTitle2{color:#000; text-align:center; font-family:Roboto-Bold; font-size:150%}	
.panelText2{color:#fff; text-align:left; font-family:Roboto-Light; font-size:100%}
.panelSubTitle2{color:#fff; text-align:left; font-family:Roboto-Bold; font-size:150%}

#cabeceras, #cabeConvenios, #cabeCompro, #cabeProcesos, #cabeLegal, #cabeNosotros, #cabeComprobantes, #cabePrincipal, #cabeServicios, #cabeContactos{width:100%; height:300px; background:url(../imagenes/cuerpo/fondo.jpeg); background-repeat:no-repeat; background-attachment:fixed; background-size:100% 100%; background-position:center center; float:left; margin-top:50px}
#cabeConvenios{background:url(../imagenes/cuerpo/convenios.jpg); background-attachment:fixed;}
#cabeCompro{background:url(../imagenes/cuerpo/compromisos.jpg); background-attachment:fixed;}
#cabeProcesos{background:url(../imagenes/cuerpo/procesos.jpg); background-attachment:fixed;}
#cabeLegal{background:url(../imagenes/cuerpo/legal.jpg); background-attachment:fixed;}
#cabeNosotros{background:url(../imagenes/cuerpo/nosotros.jpg); background-attachment:fixed;}
#cabeServicios{background:url(../imagenes/cuerpo/servicios.jpg); background-attachment:fixed;}
#cabeContactos{background:url(../imagenes/cuerpo/contactos.jpg); background-attachment:fixed; height:150px}
#cabePrincipal{background:url(../imagenes/cuerpo/principal2.jpg); background-attachment:fixed; height:100%; bottom:0px; position:absolute; background-size:100% 100%}
#cabeComprobantes{background:url(../imagenes/cuerpo/comprobantes.jpg); background-attachment:fixed;}

#cuerpo,#cuerpoConvenios,#cuerpoCompro,#cuerpoProcesos,#cuerpoLegal,#cuerpoNosotros,#cuerpoComprobantes,#cuerpoServicios,#cuerpoContactos{width:100%; height:500px; background:url(../imagenes/cuerpo/fondo.jpeg); background-repeat:no-repeat; background-attachment:fixed; background-size:100% 100%; background-position:center center; float:left; margin-top:50px}
#cuerpoConvenios{background:url(../imagenes/cuerpo/convenios.jpg); background-attachment:fixed;}
#cuerpoCompro{background:url(../imagenes/cuerpo/compromisos.jpg); background-attachment:fixed;}
#cuerpoProcesos{background:url(../imagenes/cuerpo/procesos.jpg); background-attachment:fixed;}
#cuerpoLegal{background:url(../imagenes/cuerpo/legal.jpg); background-attachment:fixed;}
#cuerpoNosotros{background:url(../imagenes/cuerpo/nosotros.jpg); background-attachment:fixed;}
#cuerpoServicios{background:url(../imagenes/cuerpo/servicios.jpg); background-attachment:fixed;}
#cuerpoContactos{background:url(../imagenes/cuerpo/contactos.jpg); background-attachment:fixed;}
#cuerpoComprobantes{background:url(../imagenes/cuerpo/comprobantes.jpg); background-attachment:fixed;}


#cabecerasTitle2{width:100%; float:left; padding:0%; margin-top:13%; margin-left:0px; background:; height:100px;}
.cabecerasTitle2{font-size:250%; color:#fff; text-align:center; font-family:Roboto-Bold; text-shadow:2px 1px 3px rgba(0,0,0,1) }
#cabecerasTitle{width:80%; float:left; padding:1%; margin-top:0px; margin-left:5%}
.cabecerasTitle{font-size:250%; color:#fff; text-align:left; font-family:Roboto-Bold; text-shadow:2px 1px 3px #333333}
#cabecerasSubTitle{width:98%; float:left; padding:0%; margin-top:0px; margin-left:0px; background:}
.cabecerasSubTitle{font-size:150%; color:#fff; text-align:center; font-family:Roboto-Bold; text-shadow:2px 1px 3px rgba(0,0,0,1)  }
#cabecerasBoton{width:98%; float:left; padding:1%; margin-top:5%; background:}
#cabecerasBotonDiv{width:55%; float:left; padding:1%; margin-top:0px; background:; margin-left:22%}
#cabecerasInfo{width:98%; float:left; padding:1%; margin-top:0%; background:;}
.cabecerasInfo{font-size:150%; color:#fff; text-align:center; font-family:Roboto-Bold; text-shadow:2px 1px 3px rgba(0,0,0,1)  }

#formulario{width:50%; float:; margin:auto; background:rgba(0,0,0,0); margin-top:30px }
.formulario{font-size:100%; color:#333; text-align:left; font-family:Roboto-Light}
#formularioTitu{width:98%; margin-top:30px; padding:1%; margin-bottom:30px }
.formularioTitu{font-size:100%; color:#333; text-align:center; font-family:}
#formularioText{width:98%; margin-top:; padding:1% }
.formularioText{font-size:100%; color:#333; text-align:; font-family:}
#formularioCamp{width:98%; margin-top:; padding:1% }
#formularioBoton{width:98%; margin-top:; padding:1%; margin-top:30px }
#formularioTextError{width:98%; margin-top:; padding:1%; font-size:100%; color:#F00; text-align:center; font-family:}


#pie{width:98%; float:left; padding:1%; background:none; position:absolute; bottom:0px; padding-bottom:; background:#F0F0F0; height: }
#pieCompro{width:100%; margin:auto; position: absolute; bottom: 0; height:; background:#666; background-repeat:no-repeat; background-attachment:fixed; background-size:cover; background-position:center center;}
#pieTitle{width:98%; float:left; padding:0.2%;}
.pieTitle, .pieTitle2{color:#000; text-align:left; font-family:Roboto-Italic; font-size:;}
.pieTitle2{text-align:right; font-family:Roboto-Bold}
#solinix{float:right; width:auto;}
.solinix{font-size:100%; color:#00376F; text-align:right; font-family:Roboto-Bold}