@import url('https://fonts.googleapis.com/css?family=Bree+Serif|Fjalla+One|Gudea|Lato|Montserrat|Roboto');

* {
	margin: 0;
	padding: 0;
	border:0;
	}

@font-face {
  font-family: 'optima';
  src: url('fonts/optima/optima.eot'); /* IE9 Compat Modes */
  src: url('fonts/optima/optima.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/optima/optima.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/optima/optima.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/optima/optima.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/optima/optima.svg#svgFontName') format('svg'); /* Legacy iOS */
       font-weight: normal;
       font-style: normal;
}

@font-face {
  font-family: 'amatic';
  src: url('fonts/amatic/amatic-regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/amatic/amatic-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/amatic/amatic-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/amatic/amatic-regular.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/amatic/amatic-regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/amatic/amatic-regular.svg#svgFontName') format('svg'); /* Legacy iOS */
       font-weight: normal;
       font-style: normal;
}


									/* Logo y menú */
header{
	padding-top: .4em;
	padding-bottom: .0em;
	text-align: right;	
	display:block;
	text-align:center;
	display:flex;
	margin: solid;
	}
	
#contenedor{
	text-align: left;
	display:inline-block;
	width: 89%;	
	margin:0em auto ;
	padding:0.0em;
	border-radius: 0.0em;
	}
	
.menu{
	display:none;
	text-align:right;
	}

nav {
	width:100%;
	}

nav ul {
	list-style: none; 	
	text-align:center;
	padding-top:.5em;
	}

nav li {
	display: inline-block;
	padding: 0.6em;
	vertical-align: top; 
	vertical-align: middle;
    padding-right: 1em;
    padding-left: 1em;   
	}

nav a {
	text-decoration: none;
	color: #8c8c8c;
	display: block;
	font-family: "optima", Helvetica, Verdana;
	font-size: 1.1em;
	padding: 0.2em;
	-ms-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
	-moz-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
	}

nav a:active {
	color: e41b23;
	}

nav a:hover {
	color: #f15c22;
	}

nav img{
	width:16px;
	height:16px;
	vertical-align:top;
	}
	
#logo{
	display:inline-block;
	text-align:right;
	width: 10%;
	}

#logo img{
	width: 120px;
	margin-left:.3em;
	 }

									/**Click en div imagen cambia de color**/
nav a:hover > img{
	filter: grayscale(100%);
	filter:brightness(.1);
}

header a:hover > span{
	filter: grayscale(100%);
	filter:brightness(.1);
}

.pagina{
	text-align:center;
	}

										/*Divs normales*/
.cien{
	display:block;
	max-width:100%;
	text-align:center;
	vertical-align:top;
	}

.cien-centrar{
	display:block;
	max-width:100%;
	padding-left:5%;
	padding-right:5%;
	text-align:center;
	text-align:top;
	}

.cien img{
	max-width:auto;
	width:90%;
	height: auto;	
	}		

.noventa{
	display:block;
	max-width:90%;
	text-align:center;
	}

.noventa img{
	max-width:auto;
	width:90%;
	height: auto;	
	}	
	
.cincuenta{
	display:inline-block;
	width:46.5%;
	padding-left:1%;
	padding-right:1%;
	vertical-align:top;
	}

.izquierda{
	display:inline-block;
	width:46.5%;
	margin-right:0%;
	margin-left:auto;
	}
	
.izquierda img{
	float:right;
	max-width:auto;
	}
	
.derecha{
	padding-left: 2%;
	width:46.5%;
	}
	
.cincuenta img{
	max-width:auto;
	width:100%;
	height: auto;
	vertical-align:top;
	}

.veinticinco{
	display:inline-block;
	width:45.92%;
	padding: 0% 1.8%;
	text-align:center;
	vertical-align:top;
	}

.veinticinco img{
	max-width:auto;
	width:60%;
	height: auto;
	}

.treinta{
	display:inline-block;
	width:30%;
	padding: 3% 1%;
	text-align:center;
	vertical-align:top;
	}

.treinta img{
	max-width:auto;
	width:30%;
	height: auto;
	}
	
.cien-blog{
	display:table;
	max-width:100%;
	}
	
.cuarenta-blog{
	display:table-cell;
	width:30%;
	padding: 0% 1%;
	vertical-align: bottom;
	}

.cuarenta-blog img{
	max-width:auto;
	width:100%;
	height: auto;
	}

.sesenta-blog{
	display:table-cell; 
	text-align: top;
	width:55%;
	padding: 0% 1%;
	vertical-align: top;
	}

.boton-ver1, .boton-ver2, .boton-ver3, .boton-ver4{
	width:160px;
	height:40px;
	margin:2% auto;
	background-color:#f15c22;
	padding-top: .3em;
	cursor:pointer;
	}

.boton-cerrar1, .boton-cerrar2, .boton-cerrar3, .boton-cerrar4{
	width:160px;
	height:40px;
	margin:2% auto;
	background-color:#f15c22;
	padding-top: .3em;
	cursor:pointer;
	}

.articulo1, .articulo2, .articulo3, .articulo4{
	margin: 0 auto;
	padding-left: 2%;
	padding-right:2%;
	padding-top:2%;
	padding-bottom:.5%;
	display:none;
	max-width:1000px;
	width:90%;
	text-align:center;
	vertical-align:top;
	/* Fallback for web browsers that don't support RGBa */
    background-color: rgb(0, 0, 0);
    /* RGBa with 0.6 opacity */
    background-color: rgba(0, 0, 0, 0.1);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	border-radius: 10px;
	}
	
.articulo3{
	margin-bottom:2%;	
}
.articulo3 img{
	max-width:700px;
	min-width:200px;
	width:100%;
	height:auto;	
}
	
	
.boton-descarga{
	width:700px;
	height:40px;
	margin:0 auto;
	background-color:#e51b24;
	padding-top: .3em;
	}

.boton-descarga img {
	width:auto;
	height: 28px;
	}
	
#no-show{
	display: none;
	}

#naranja{
	background-color:#f15c22;
	display:flex;	
	align-items: center;
	justify-content: center;
	}

#transparente{
	background-color:none;
	display:flex;	
	align-items: center;
	justify-content: center;
	background:
	}

#rojo{
	display:flex;	
	align-items: center;
	justify-content: center;
	background-color:#e51b24;
	}
	
.alto{
	vertical-align:top;
	}

.bajo{
	margin-top: auto;
	}

.justificar{
	text-align:justify;
}

.texto-izquierda{
	text-align:left;	
}

#img_media{
	max-width:auto;
	width:60%;
	height: auto;	
	padding-bottom: 3%;
}

										/* divs abrir y cerrar */
.cien_anidado{
	display:none;
	max-width:100%;
	text-align:center;
	}
	
.cien_anidado_treinta{
	display:block;
	max-width:100%;
	text-align:center;
	}

.treinta_anidado{
	display:inline-block;
	width:30%;
	padding: 1% 1%;
	text-align:center;
	vertical-align:top;
	}

.treinta_anidado img{
	max-width:auto;
	width:30%;
	height: auto;
	}
										/* propiedades textos, imágenes,títulos y botones */
.padding_arriba{
	padding-top: 2%;
	}
	
.padding_abajo{
	padding-bottom:2%;
	}

.padding_aarriba_pequeno{
	padding-top:1%;
	}

.padding_costados{
	padding-left: 2%;
	padding-right:2%;
	}

.wraper_h2_30{
	display:flex;
	align-items: center;
	justify-content: center;
	width:100%;
	height:86px;
	
	}

.wraper_h2_30_grande{
	display:flex;
	align-items: center;
	justify-content: center;
	width:100%;	
	height:86px;
	}

.wraper_h2_25{
	display:flex;
	align-items: center;
	justify-content: center;
	width:100%;	
	height:120px;
	}

.wraper_h2_30{
	display:flex;
	align-items: center;
	justify-content: center;
	width:100%;
	}

.wraper_h1_50{
	display:flex;
	align-items: center;
	justify-content: center;
	width:100%;
	height:86px;	
	height:110px;
	vertical-align:top;
	}

.boton{
	border: .4vw solid #e51b24;
	border-radius: 10%;
	box-shadow: .4vw .4vw .4vw #888888;
}

.textoimg{
	font-family: "amatic", Helvetica, Verdana;
	font-size: 4.7vw;
	color:white;
	text-align:center;
	}

.uno{
	font-family: "Trebuchet MS", Helvetica, Verdana;
	font-size: 2.5em;
	text-align:center;	
	font-weight:normal;
	color: #36383e;
}

.dos{
	font-family: "optima", Helvetica, Verdana;
	font-size: 2em;
	text-align:center;
	font-weight:normal;
	color: #36383e;
	}

.tres{
	font-family: 'Lato', Helvetica, Verdana; 
	font-size: 1.2em;
	color: #8c8c8c;
	text-align:justify;
	font-weight:normal;
	}

.tres_especial{
	font-family: 'Lato', Helvetica, Verdana; 
	font-size: 1.7em;
	color: #8c8c8c;
	text-align:left;
	font-weight:normal;	
	}

.tres_titulo_footer{
	font-family: "Trebuchet MS", Helvetica, Verdana;
	font-size: 1.8em;
	text-align:center;	
	font-weight:normal;	
}

.centrar{
	text-align:center
}




										/*footer propiedades */
footer{
	display:flex;
	background-color:#36383e;
	padding-top: 1%;
	margin-top:2.5%;
	vertical-align:top;
	align-items: center;
	justify-content: center;
	max-width:100%;
	}
	
.alinear{
	vertical-align:top;
	}

.alinearmedio{
	text-align:center;
	}
	
#blanco{
	color:white;
	text-decoration: none;	
	}

  .pdf {
  	padding-top:.5em;
  	display: inline-block;
  	width: 1250px;
  	height:790px;
  	}
  	
  .pdf object {
	width:100%;
	height:100%
	}

.boton_cerrar{
	display:inline-block;
	margin-left:95%;
	cursor:pointer;
	outline:none;
	border: 2px solid white;
	border-radius: 50%;
	padding:0% .5%;
	}

.boton_ver{
	display:inline-block;
	cursor:pointer;
	outline:none;
	border: 2px solid white;
	border-radius: 50%;
	padding:0% .5%;
	}

.contenedor_anuncio_flotante{
	position:absolute;
	width:70%;
	height:100%;
	left: 50%;
	transform: translate(-50%,0);
	}

.anuncio_flotante{
	width: 100%;
	text-align: center;
	transform: rotate(-10deg) translate(-50%,-50%);
	background-color:#36383e;
	padding:1%;
	opacity: 0.85;
	position: relative;
	left: 50%;
	top: 50%;
	}

form {
	max-width:99%;
	text-align:center;
	}

input, textarea {
	width:85%;
	margin-bottom: 10px;
	height:.9vw;
	background:white;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #dedede;
	padding:10px;
}

input[type=submit] {
	padding:0px;
	padding-top:none;
	width:150px;
	height:34px;
	border:none;
	cursor:pointer;
	font-family: 'Lato', Helvetica, Verdana; 
	font-size: 1.2em;
	color: #8c8c8c;
	font-weight:normal;
	color:white;
	background-color: transparent;
	text-align:center;
	border:2px solid #8c8c8c;
}

									/* **********Querys para autoajustable********** */
@media(max-width:1300px){

  .pdf {
  	display: inline-block;
  	width: 900px;
  	height:735px;
  	}
	
}

@media(max-width:1300px){

  .pdf {
  	display: inline-block;
  	width: 900px;
  	height:735px;
  	}
	
}

@media(max-width:1280px){
	
nav li {
	padding: 0.8em;
	}
}

@media(max-width:1118px){
	
.izquierda{
	width:40%;
	}
	
.derecha{
	width:59%;
	}	
	
.tres_especial{
	font-size: 1.5em;
	}
	
nav ul {
	padding-top:0em;
	}
	
nav a {
	font-size: .9em;
	padding: 0.05em;
	text-align: right;
	}

#logo img{
	width: 80px;
	 }
	
}

@media(max-width:1045px){

.anuncio_flotante{
    margin-top:30%;
	}

#contenedor{
	text-align: right;
	}
	 
.pdf {
  	display: inline-block;
  	width: 700px;
  	height:580px;
  	}	 
}

@media(max-width:993px){
	
.wraper_h2_30{
	height:90px;
	}
}
	
@media(max-width:930px){
.menu{
	display:block;
	}
		
.menu .boton-menu{
	display:block;
	text-decoration:none;
	color: #9f9f9e;
	font-family: "optima", Helvetica, Verdana;
	font-size: 1em;
	padding: 1em;
	}

.menu span{
	padding-left: .5em;
	  color: #e41b23;
	}
	
nav{
	display:none;
	background-color: white;
	background:rgba(255,255,255,.92);
	width:190px;
	position: absolute;
	right:0px;
	border: 1px solid #8c8c8c;
	border-bottom-left-radius: 1em;
	border-bottom-right-radius: 1em;
	border-top-left-radius: 1em;
	}	
	
nav li {
	display: block;
	text-align:left;
	}

.treinta img{
	width:40%;
	}
}

@media(max-width:930px){

#bloque{
	display:block;
	width:100%;
	margin:0%;
	padding-left: 0%;
	padding-right:0%;
	}

.veinticinco img{
	width:140px;
	}

.wraper_h2_30{
	height:40px;
	}

.wraper_h2_25{
	display:flex;
	align-items: center;
	justify-content: center;
	width:100%;	
	height:40px;
	}

.wraper_h2_30{
	display:flex;
	align-items: center;
	justify-content: center;
	width:100%;	
	height:71px;
	}

.wraper_h2_30_grande{
	display:flex;
	align-items: center;
	justify-content: center;
	width:100%;
	
	height:71px;
	}


.wraper_h1_50{
	display:flex;
	align-items: center;
	justify-content: center;
	width:100%;
	
	height:90px;
	}

.uno{
	font-family: "optima", Helvetica, Verdana;
	font-size: 2.3em;
	}
	
.dos{
	font-size: 1.6em;
	}

.tres{
	font-size: 1em;
	}

.tres_titulo_footer{
	font-size: 1.3 em;
	}

input[type=submit] {
	width:90px;
	height:28px;
	font-size: 1em;
	border:2px solid #8c8c8c;
}

}

@media(max-width:874px){

.tres_especial{
	font-size: 1.3em;
	}

.wraper_h2_25{
	display:flex;
	align-items: center;
	justify-content: center;
	width:100%;	
	height:70px;
	}

}

@media(max-width:850px){
 
 #img_media{
	width:90%;
}

.pdf {
  	display: inline-block;
  	width: 500px;
  	height:435px;
  	}

.boton-descarga{
	width:500px;
	height: 70px;
	}	

.anuncio_flotante{
    margin-top:5%;
	}
	
}

@media(max-width:794px){

.boton_cerrar{
    padding:0% .7%;
	}

.wraper_h2_30{
	height:70px;
	}

.tres_especial{
	padding-top:1%;
	}

}

@media(max-width:760px){

.cien_anidado{
	display:block;	
	}

.treinta_anidado{
	width:46%;
	}
	
.wraper_h2_30{
	height:66px;
	display:flex;
	align-items: center;
	justify-content: center;
	width:100%;
	}
	
.boton_cerrar{
    padding:0% .8%;	
}

@media(max-width:698px){

.wraper_h2_30_grande{
	display:flex;
	align-items: center;
	justify-content: center;
	width:100%;
	
	height:100px;
	}
}

@media(max-width:600px){

#no-show{
	display: inline-block;
	}

#show{
	display: none;
	}


}	

@media(max-width:600px){

.anuncio_flotante{
    margin-top:0%;
	}
	
.boton-cerrar1, .boton-cerrar2, .boton-cerrar3, .boton-cerrar4, .boton-ver1, .boton-ver2, .boton-ver3, .boton-ver4{
	height:28px;	
	width: 110px;
}

.uno{
	font-family: "optima", Helvetica, Verdana;
	font-size: 2em;
	}

.dos{
	font-size: 1.4em;
	}

.tres{
	font-size: .9em;
	}	

.tres_especial{
	font-size: 1em;
	}
	
.tres_titulo_footer{
	font-size: .9 em;
	}

input[type=submit] {
	height:25px;
	font-size: .9em;
	border:.15em solid #8c8c8c;
}
	
.pdf {
  	display: inline-block;
  	width: 400px;
  	height:360px;
  	}	
  	
.veinticinco img{
		width:100px;	
	}

.boton-descarga{
	width:400px;
	height:65px;
	margin:0 auto;
	background-color:#e51b24;
	padding-top: .3em;
	}

}

@media(max-width:557px){

.wraper_h1_50{
	height:125px;
	display:flex;
	align-items: center;
	justify-content: center;
	width:100%;	
	}
}

@media(max-width:487px){

footer{
	display:block;
	max-width:100%;
	width:100%;
}

#footer-izq{
	display:block;
	width:100%;	
	max-width:100%;
	padding-bottom:1.3%;
	box-sizing: border-box;
}

#footer-der{
	display:block;
	width:100%;	
	max-width:100%;
	box-sizing: border-box;
	}	
}

@media(max-width:439px){

#tres_niveles{
	height:82px;
	}
	
#transparente{
	display:block;	
	}
	
.cincuenta_a_cien{
	width:95%;
	}
	
.cincuenta_a_cien_sc_img{
	width:100%;
	}

.cincuenta_a_cien_sc_img img{
	width:60%;
	margin-left:30%
	}

.cincuenta_a_cien img{
	max-width:50%;
	}
	
}

@media(max-width:410px){
	
	.veinticinco{
	display:inline-block;
	width:80%;
	margin:0% auto ;
	padding: 0% 1.8%;
	text-align:center;
	vertical-align:top;
	}

.treinta_anidado{
	width:80%;
	margin:0% auto ;
	}
	
	}

@media(max-width:400px){

.treinta{
	display:block;
	width:80%;
	padding: 3% 1%;
	margin:0% auto ;
	text-align:center;
	vertical-align:top;
	}

.treinta img{
	max-width:auto;
	width:30%;
	height: auto;
	}

.anuncio_flotante{
    margin-top:-40%;
	}

.pdf {
  	display: inline-block;
  	width: 300px;
  	height:245px;
  	}	

.boton-descarga{
	width:300px;
	height:68px;
	}

}