@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%; margin-top:10px}
#logoText{width:auto; float:left; margin-left:2%; margin-top:12px}
.logoText{font-size:200%; color:#fff; 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}


#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:; margin-right:1%; border-radius:3px}
	.menuItem,#menuItem2{font-size:100%; color:#fff; text-align:left;}
	#menuItem:hover{background:#FFE8DD; 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:#FF732F; 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:2%; background}
#boton3{width:auto; float:none; margin-left:auto; padding:3%}
#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}
		#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.9); 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:#01417E; width:98%; padding:1%; float:left; position:;}
#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:90%; float:left; background:; padding:5%; border-bottom:dashed #CCC 1px;}
	#contenidoTitle{width:98%; float:left; background:; padding:1%}
	.contenidoTitle{font-size:150%; color:#01417E; text-align:; font-family:Roboto-Bold;}
		#contenidoTitleText{width:auto; float:left; background:; margin-top:9px; margin-left:6px}
		#contenidoTitleImagen{width:auto; float:left; background:;}
	#contenidoSub{width:98%; float:left; background:; padding:1%; border-bottom:dashed #CCC 1px; margin-bottom:40px}
	.contenidoSub{font-size:200%; color:#666; text-align:; font-family:Roboto-Bold;}
	#contenidoDiv{width:98%; float:left; background:; padding:0.5%}
		#contenidoDivText{width:auto; float:left; background:; margin-top:0px; margin-left:6px}
		.contenidoDivText{font-size:100%; color:#01417E; text-align:; font-family:Roboto-Regular;}
		#contenidoDivCam{width:30%; float:left; background:; margin-top:0px; margin-left:6px}
.campo{width:96%; padding:2%; border-radius:5px; border:1px solid #999; font-family:Roboto-Regular; color:#333; font-size:150%; text-align:left}
.campo:focus{outline:1px;}

@media screen and (min-width:601px) and (max-width:850px) {
	#contenidoDivCam{width:80%; float:left; background:; margin-top:0px; margin-left:6px}
	#contenidoDivCam{width:100%; float:left; background:; margin-top:20px; margin-left:6px}
	#menu{width:98%; float:right; padding:; margin-left:0%; margin-top:3px; padding:1%}
	#modalText{margin-top:40%; font-size:100%; color:#00376F; font-family:Roboto-Bold; background:#FFF; padding:3%; border-bottom:6px solid #00376F}
	#pseCerrar{width:98%; float:left; padding:0%; margin-right:; padding:1%; background:#F00; float:right; cursor:pointer}
	
}

@media screen and (min-width:501px) and (max-width:600px) {
	#contenidoDivCam{width:100%; float:left; background:; margin-top:20px; margin-left:6px}
	#menu{width:98%; float:right; padding:; margin-left:0%; margin-top:3px; padding:1%}
	#modalText{margin-top:40%; font-size:100%; color:#00376F; font-family:Roboto-Bold; background:#FFF; padding:3%; border-bottom:6px solid #00376F}
	#pseCerrar{width:98%; float:left; padding:0%; margin-right:; padding:1%; background:#F00; float:right; cursor:pointer}

}
@media screen and (min-width:0px) and (max-width:500px) {
	#contenidoDivCam{width:100%; float:left; background:; margin-top:20px; margin-left:6px}
	#menu{width:98%; float:right; padding:; margin-left:0%; margin-top:3px; padding:1%}
		#menuItem,#menuItem2{width:98%; float:right; padding:1%; cursor:pointer; border-right:0px solid #CCC; background:; margin-right:1%; border-radius:3px; margin-top:20px}
		.menuItem,#menuItem2{font-size:100%; color:#fff; text-align:center;}
		#menuItem:hover{background:#FFE8DD; color:#fff}
		#menuItem2{background:#FF732F; color:#fff; border:1px solid #FF661C}
		#menuItem2:hover{background:#FF925E; color:#fff}
	#modalText{margin-top:40%; font-size:100%; color:#00376F; font-family:Roboto-Bold; background:#FFF; padding:3%; border-bottom:6px solid #00376F}
	#pseCerrar{width:98%; float:left; padding:0%; margin-right:; padding:1%; background:#F00; float:right; cursor:pointer}
}