/*
FUENTES TIPOS
*/
@font-face {
    font-family: 'stag';
    src: url(fonts/Stag-Sans-Black.otf);
}
@font-face {
    font-family: 'thin';
    src: url(fonts/Stag-Sans-Thin.otf);
}
@font-face {
    font-family: 'light';
    src: url(fonts/Stag-Sans-Light.otf);
}
@font-face {
    font-family: 'semibold';
    src: url(fonts/Stag-Sans-Semibold.otf);
}
.contheader{
	max-width: 1400px;
	margin: 0 auto;
	height: 75px;
}

header{
	position: fixed;
	background-color: #fff;
	margin:0 auto; 
	width:100%;
	max-width: 1400px;
	height:75px;
	border-bottom: 1px solid #1d2c4f;;
}
header img{
	/*margin-left: 20px;*/
	margin-top: 15px;
	margin-bottom: 15px;
	width: 280px;
}
body{
	margin: 0px;
	padding: 0px;
	margin-bottom: 100px;
	}
	

#master{
	max-width: 1400px;
	margin: 0 auto;
	padding-top: 10px;
}

/*
BARRA LOGO IDIOMAS
*/

.idioma{
	float:right;
	line-height:82px;
	margin-left: 5px;
}
.idioma2{
	float:right;
	line-height:82px;
}
.ingles{
	font-family: 'light';
}
.castellano{
	font-family: 'light';
}
.active{
	    font-family: 'semibold';
}

.menu{
	width:35px;
	float:right;
	/*margin:25px;*/
	margin: 0px;
}
.botonham{
    float: right;
    margin: 22px;
    margin-right: 0px;
    background-color: transparent;
    border-color: transparent;
    cursor: pointer;
    padding-right: 0px;
}

.titulopdf{
	float: right;
    line-height: 24px;
    height: 100%;
    font-size: 20px;
    margin-top: 15px;
    margin-left: 20px;
}
.titulopdf span{
    font-family: 'thin';
    color: #1d2c4f;
    font-size: 30px;
    margin-top: 20px;
}

.titulopdf p{
	    margin-top: 0px;
    font-family: 'stag';
    color: #1d2c4f;
    font-size: 31px;
    margin-bottom: 0px;
}

/*
MENU HAMBURGUESA
*/
.close{
	position: absolute;
	top:20px;
	right: 20px;
	z-index: 999;
	cursor: pointer;
}
.close img{	
	width: 35px;
}
.hamburguesa{
	position: fixed;
	background-color: white;
	width: 526px;
	z-index: 9999;
	right: -527px;
	height: 100%;
	text-align: center;
	padding-top: 60px;
	border-left: 1px solid #1d2c4f;
	overflow-y: scroll; 
}
/*.hamburguesa::-webkit-scrollbar { 
    	display: none; 
}*/
.apartado:nth-child(8){
	border-bottom: none;
}
.apartado{
	text-align: left;
    height: auto;
    margin: 0 auto;
    width: 371px;
    border-bottom: 1px solid #1d2c4f;
    margin-bottom: 20px;
}
.apartado span{
	font-size: 26px;
	font-family: 'thin';
}

.apartado p {
    margin-bottom: 15px;
    font-size: 26px;
    color: #1d2c4f;
}
.hamburguesa2{
	position: fixed;
	background-color: white;
	width: 526px;
	right: -527px;
	height: 94%;
	z-index: 9999;
	text-align: center;
	padding-top: 60px;
	border-left: 1px solid #1d2c4f;
	overflow-y: scroll; 
}
.separador{
	height: 50px;
}
.apartado2{
	text-align: left;
    height: auto;
    margin-left: 45px;
   /* margin: 0 auto;*/
    width: 330px;
    margin-bottom: 20px;
}
.apartado2 span{
	font-family: 'stag';
	font-size: 27px;
}
.apartado2 p {
	font-family: 'light';
	margin-bottom: 17px;
	font-size: 25px;
	border-bottom: 1px solid #1d2c4f;
	color: #1d2c4f;
	margin-left: 40px;
}
.apartado2:nth-child(8){
	border-bottom: none;
}

.menuhamspan{
	font-size: 19px !important;
}
/*.apartado2 p:last-of-type{
	border-bottom: none;
}*/


/*
DISTRIBUCION
*/
.titles{
	display: inline-table;
	width: 100%;
	margin-top: 0px;
	margin-bottom: 20px;
}
.grande{
	width: 70%;
	float: left;
}
.pequeno{
	width: 25%;
	float: right;
}

.grande h1{
	/*margin-left: 20px;*/
	font-size:35px; 
	font-family: 'thin'; 
	font-weight: bolder; 
	color: #1d2c4f; 
	margin-bottom: 18px;
}
.grande h2{
	/*margin-left: 17px;*/
	/*font-size:125px;*/ 
	font-size: 90px;
	font-family: 'light';
	margin-top:0px; 
	color:#1d2c4f; 
	line-height: 0.8;
	margin-bottom: 10px;
}
.pequeno h3{
	font-family: 'thin'; 
	color: #009ddf; 
	font-size:50px;
	line-height: 0.9;
	margin-bottom: 0px;
	margin-top: 110px;
}

/*
CAJAS 
*/

.cajas{
	float: left;
	margin-bottom: 100px;
	
}
.cajas .caja:first-child{
	margin-left: 0px;
}

.caja{
	/*background-color: blue;*/
	margin: 20px;
	float: left;
	width: 162px;
	margin-left: 0px;
	margin-right: 35px;
}
.titulocajas{
	width: 450px;
	/*margin-left: 20px;*/
	font-family: 'thin';
	border-top: 1px solid #1d2c4f;
}
.titulocajas div{
	margin-top: 5px;
    margin-bottom: 30px;
}
.titulocajas span{
	font-family: 'light';
	font-size: 20px;
	color: #1d2c4f;
	margin-top: 5px;
}

.titulo{
	height: 80px;
}

.caja:nth-child(7){
	margin:20px;
	margin-left: 0px;
}

.caja button{
	width: 100%;
	cursor: pointer;
	border-style: none;
	padding: 6px;
	text-align: left;
}

.descargar{
	background-color: #1d2c4f;
	border-color:#1d2c4f;
	color: white;
	font-family: 'light';
	font-size: 18px;
	margin-bottom: 10px;
	/*margin: 0 auto;*/
	display: block;
}
.online{
	color: white;
	background-color: #009ddf;
	border-color: #009ddf;
	font-family: 'light';
	font-size: 18px;
	display: block;
	/*margin: 0 auto;*/
}
.informe{
	font-family: 'light';
	font-size: 17px;
	/*font-size: 23px; */
	color: #1d2c4f;
}

/* 
*/


a{
	text-decoration:none;
	color: #1d2c4f;
	font-size: 23px;
}
p{
	margin-top:0px; 
	font-family:'stag'; 
	color:#1d2c4f;
	/*font-size: 24px;*/
	font-size: 19px;
}


/* 
SUB-APARTADO
*/

.completo{
	clear: both;
    display: inline-table;
    width: 450px;
    /*margin-left: 20px;*/
    background-color: #e6e6e6;
    margin-bottom:55px;
}
.titulocompleto{
	width: 450px;
	/*margin-left: 20px;*/
	font-family: 'thin';
	border-top: 1px solid #1d2c4f;
}
.titulocompleto div{
	margin-top: 5px;
    margin-bottom: 30px;
}
.titulocompleto span{
	font-family: 'semibold';
	font-size: 20px;
	color: #1d2c4f;
	margin-top: 5px;
}
.titulocompleto span:first-of-type{
	font-family: 'light'
}
.titulocompleto span:nth-child(2){
	    font-family: 'stag'
}
.imgcompleto{
	float: left;
    padding: 10px;
}
.imgcompleto img{
	width: 130px;
}
.textocompleto{
	float: left;
    width: 50%;
    padding: 10px;
    padding-left: 0px;
}
.textocompleto .informe{
	font-family: 'stag';
	font-size: 22px !important;
}
.botones{
	margin-top: 30px;
}	
.botones button{
	width: 70%;
	cursor: pointer;
	border-style: none;
	padding: 6px;
	text-align: left;

}
.mensaje-error{
	display: none;
}
.onlyie{
	display: none;
}
.poleft{
	float: left;
	width: 260px;
	height: 75px;
	background-color: white;
	position: fixed;
	}
.poright{
	float: right;
	width: 260px;
	height: 75px;
	background: white;
	position: absolute;
	display: inline-table;
	right: 0;
	top: 0;
	position: fixed;
}
/* ESTILOS SOLO PARA FIREFOX*/
@-moz-document url-prefix() {
    .hola{

    }

    .contheader {
    	max-width: 1400px;
    	margin: 0 auto;
    	height: 75px;
	}
	iframe{
		width: 100% !important;
	height: 1000px !important;
	z-index: -1;
	/*margin-top: 100px !important;*/
	position: fixed;
	left: 0;
	}
	
    body{
    	margin-bottom: 0px;
    }
    .poleft{
    	float: left;
		width: 260px;
		height: 75px;
		background-color: white;
		position: fixed;
	}
}


/* ESTILOS SOLO PARA IE-8,IE-9,IE-10*/
@media screen\0 { 
 	  iframe{
 	  	/*display: none;*/
    	width: 100% !important;
    	height: 900px !important;
		z-index: -1;
		/*margin-top: 100px !important;*/
    }
    .contheader {
    	/*display: none;*/
    	max-width: 1400px;
    	margin: 0 auto;
    	height: 75px;
	}  
	/*.mensaje-error{
		display: block;
		margin: 0 auto;
		text-align: center;
	}*/
	.onlyie{
		display: inline-table;
	}
	
	
}


/* ESTILOS SOLO PARA SAFARI*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Reglas de Safari 3.0 y Opera 9  */
}

/*MEDIA QUERIES*/
@media (max-width: 1520px){
	header{
		max-width: 1000px;
	}
	.caja{
		width: 110px;
	}
	.caja button{
		font-size: 16px;
	}
	.descargar img{
		width: 16px !important;
	}
	.online img{
		width: 16px !important;	
	}
	.contheader{
		max-width: 1000px;
	}
	.informe{
		font-size: 16px;
	}
	.cajasp{
		font-size: 18px !important;
	}
	#master{
		max-width: 1000px;
	}
	.grande{
		width: 70%;
		float: left;
	}
	.pequeno{
		width: 30%;
		float: right;
	}
	.grande h1{
		/*margin-left: 20px;*/
		font-size:30px; 
		font-family: 'thin'; 
		font-weight: bolder; 
		color: #1d2c4f; 
		margin-bottom: 18px;
	}
	.grande h2{
		font-size:80px ; font-family: 'light';/*margin-left:16px;*/ color:#1d2c4f; line-height: 0.8;
	}
	.pequeno h3{
		font-family: 'thin'; color: #009ddf; font-size:47px;line-height: 0.9;

	}
	.completo{
		/*margin-left: 20px;*/
		
	}
	.botones button{
		width: 50%;
	}
	.botones{
			width: 390px;
	}
	.titulocompleto{
		width: 45%;
	}
	.titulocajas{
	    width: 45%;
	}
	.apartado span{
		font-size: 26px;
		margin-left: 10px;
	}
	.apartado p{
		font-size:27px;
		margin-left: 10px;
	}
	.close img{
		width: 25px;
	}
	.hamburguesa{
		height: 94%;
	}
	.hamburguesa2{
		height: 94%;
	}
	}



@media (max-width: 1060px){
	header{
		max-width: 820px;
	}
	.hamburguesa{
		padding-top: 47px;

	}
	.contheader{
		max-width: 820px;
	}
	#master{
		max-width: 820px;
	}
	.grande{
		width: 60%;
	}
	.pequeno{
		width: 30%;
	}
	.grande h1{

	}
	.grande h2{
		font-size: 60px;
		line-height: 0.9;
	}
	.pequeno h3{
		font-size: 40px;
	}
	.completo{
		width: 60%;
	}
	.menu{
		width: 30px;
	}
	a{
		font-size: 20px;
	}
	header img{
		width: 280px;
	}
	.caja{    
		width: 170px;
	}
	.titulocompleto{
		width: 60%;
	}
	.titulocajas{
	    width: 60%;
	}
	.apartado{
		margin-top: 7px;
		margin-bottom: 6px;
	}
	.apartado span{
	font-size: 17px;
	margin-left: 10px;
	}
	.apartado p{
	font-size:16px;
	margin-left: 10px;
	margin-bottom: 5px;
	}
	.titulopdf span{
		font-size: 22px;
	}
	.titulopdf p{
		font-size: 23px;
	}
	.hamburguesa{
		height: 100%;
	}
}

@media (max-width: 900px){
	header{
		max-width: 600px;
	}
	.contheader{
		max-width: 600px;
	}
	#master{
		max-width: 600px;
	}
	.completo{
		width: 60%;
	}
	.imgcompleto img {
    	width: 120px;
	}
	.textocompleto .informe {
    	font-size: 19px !important;
	}
	.botones{
		width: 100%;
		margin-top: 26px;
	}
	.botones button {
    	width: 100%;
	}	
	
	.caja {
	    width: 165px;
	    margin-left: 0px;
	    margin-right: 30px;
	    width: 165px;
	}
	.caja:nth-child(7) {
     margin: 0px; 
}
}
@media (max-width: 800px){
	.botones .online{
		display: none !important	;
	}
	.online{
		display: none;
			}
}

@media (max-width: 700px) {
	#master{
		max-width: 500px;
	}
	.grande{
		width: 100%;
	}
	.pequeno{
		width: 100% !important;
	}
	.grande h2{
		font-size: 55px;
		line-height: 0.9;
	}
	.pequeno h3{
		font-size: 32px;
		margin-top: 0px;
	}
	.completo{
		width: 95%;
	}
	header img{
		margin-left: 20px;
		margin-top: 15px;
		margin-bottom: 15px;
		width: 230px;
	}
	.titles{
		margin-top: 30px;
	}
	a{
		font-size: 22px;
	}
	.menu{
		width: 30px;
	}
	.titulocompleto{
		width: 90%;
	}
	.titulocajas{
	    width: 90%;
	}
	/*.hamburguesa{
		width: 100%;
	}*/
	/*.hamburguesa2{
		width: 100%;
		overflow-y:scroll; 
	}*/
	.completo{
		width: 90%;
	}
	.apartado span{
	font-size: 18px;
	margin-left: 10px;
	}
	.apartado p{
	font-size:16px;
	margin-left: 10px;
	}
	.apartado {
    margin-top: 3px;
    margin-bottom: 5px;
}

}

@media (max-width: 525px) {
	.botones .online{
		display: none !important	;
	}
	.online{
		display: none;
			}
	 #master{
	 	max-width: 470px;
	 }
	 
	.caja{
		width: 40%;
	}
	header img{
		width: 180px; 
	}
	header{
		height: 60px;
	}
	a{
		font-size: 16px;
	}
	.grande h2{
		font-size: 40px;
		margin-left: 21px;
	}
	.pequeno h3{
		font-size: 35px;
		margin-left: 20px;
	}
	.menu{
		width: 25px;
	}
	.completo{
		width: 90%;
		margin-left: 20px;
	}
	.textocompleto{
		width: 50%;
	}
	.imgcompleto img {
    	width: 110px;
	}
	.titulocajas{
		margin-left: 20px;
	}
	.cajas{
		width: 98%;
		margin: 0 auto;
		float: none;
		margin: 7px;
	}
	.caja{
		width:44%;
		margin-left: 12px !important;
		margin:0px ;
		margin-bottom: 40px;
	}
	.cajas .caja:first-child {
	    margin-left: 20px;
	}
	.caja:nth-child(7) {
    	margin: 0;
	}
	.titulo{
		height: 65px;
	}
	.botones{
		width: 100%;
		margin-top:17px;
	}
	.botones .descargar{
		width: 100%;
	}
	.textocompleto .informe{
		font-size: 16px !important;
	}
	.botones .online{
		width: 100%;
	}
	.botones button{
		width: 80% !important;
	}
	.botonham {
    margin: 22px;
    margin-right: 8px;
    background-color: transparent;
    border-color: transparent;
    cursor: pointer;
    float: right;
    margin-left: 9px;

	}
	.idioma {
    float: right;
    line-height: 70px;
    margin-left: 5px;
    margin-right: 0px;
	}
	.idioma2 {
    float: right;
    line-height: 70px;
	}
	.logo{
		width: 170px;
	}
	.cajasp{
		font-size: 17px;
	}
	a{
		font-size: 15px;
	}
	.caja:nth-child(7){
	margin:9px;
	margin-left: 6px;
	margin-bottom: 100px;
	}
	.titulocompleto{
		margin-left: 20px;
	}
	.apartado span{
	font-size: 18px;
	margin-left: 10px;
	}
	.apartado p{
	font-size:16px;
	margin-left: 10px;
	}
	.apartado {
    margin-top: 3px;
    margin-bottom: 5px;
}
	body{
	margin-bottom: 100px;
	}
	.hamburguesa2{
		width: 100%;
	}
	.hamburguesa{
		width: 100%;
	}
	.informe{
		font-size: 20px;
	}
	.grande h1{
		font-size: 30px;
		margin-left: 20px;
	}


}
@media (max-width: 350px){
	.botonham {
    margin: 22px;
    margin-right: 8px;
    background-color: transparent;
    border-color: transparent;
    cursor: pointer;
    float: right;
    margin-left: 9px;
}
.idioma {
    float: right;
    line-height: 70px;
    margin-left: 2px;
    margin-right: 0px;
}
.textocompleto {
	width: 86%;
    float: left;
    padding: 18px;
    padding-left: 20px;
}



}