@import url("fuente/fuente.css");
@import url("../plugin/owlCarousel/css/owl.carousel.css");
@import url("../plugin/flexSlider/flexslider.css");

*{margin:0;padding:0;border:0;list-style-type:none;outline:none !important;}

/* Para Safari */
::selection{background:#e3e3e3;color:#666;}

/* Para Firefox */
::-moz-selection{background:#e3e3e3;color:#666;}

html {font-size: 100%;}
body{background:#fff;font-family:roboto, Arial, Helvetica, sans-serif;color:#353434}

h2{position:relative;display:block;margin-bottom:50px;text-align:center;font:normal 3rem JosefinSans-Light;line-height:1em;color:#303940;letter-spacing:-4px}
h2 span{display:inline-block;padding:55px 0 60px 55px;background:transparent url(../img/css/estrellas.png) no-repeat 0 0}

h3{margin-bottom:25px;font-weight:normal;font-family:tradeGothic-bold;color:#93969c;font-size:2rem;}
p{margin:0 0 25px;line-height:1.8em;}
strong{font-weight:normal;font-family:opensans-bold;}

.hidden{display:none;}

.container{max-width:980px;}
.modulo100{width:100%;float:left;}
.caja-ancho{max-width:95%;margin:0 auto;}
.txt-left{text-align:left !important;}
.txt-centro{text-align:center;}
.txt-dcha{text-align:right}
.color{color:#ff2b06}

.section{position:relative}
.copy{z-index:9999999999;position:absolute;bottom:25px;right:3%;font-size:.7em;color:#fff;opacity:.6;font-family:opensans}

/*** INDICE DE ESTILOS ESTRUCTURA

	1. Enacabezado
		1.1 Idiomas
		1.2 Logotipo
		1.3 Redes sociales
		1.4 Responsive encabezado
	2. Navegacion plugin
	3. Secciones
		3.1 Intro
		3.2 Trayectoria
		3.3 Paises
		3.4 Premio Princesa de Asturias
		3.5 Otros premiados
	4. Pie
	5. Responsive
		5.1 Estilos para resoluciones mayores de 755px
			5.1.1 Comunes
			5.1.2 Encabezado
			5.1.3 Secciones
		5.2 Estilos para resoluciones mayores de 1080px
			5.2.1 Comunes
			5.2.2 Secciones

**/

/* 1. ENCABEZADO */
#main-header{padding:10px;text-align:center;}

	/* 1.1 IDIOMAS */
	#idiomas{float:left;margin-top:23px}
	#idiomas li{display:inline-block;vertical-align:top;padding-right:8px;margin-right:5px;border-right:1px solid #000;line-height:1em;font-size:.8rem;color:#000;}
	#idiomas li:last-child{border:0;padding-right:0;margin-right:0}
	#idiomas li a{text-decoration:none;color:#000;}

	/* 1.2 LOGOTIPO */
	.logo{width:140px;display:inline-block}

	/* 1.3 REDES SOCIALES */
	.compartir{float:right;margin-top:13px;}
	.compartir .item-compartir{display:inline-block;vertical-align:middle;margin-left:5px;text-align:left;}
	.compartir .item-compartir a{display:block}

/* 2. NAVEGACION PLUGIN */
	#fp-nav{opacity:1;
		-webkit-transition: all 1s ease-out;
		-moz-transition: all 1s ease-out;
		-ms-transition: all 1s ease-out;
		-o-transition: all 1s ease-out;
		transition: all 1s ease-out;
	}
	#fp-nav.off{opacity:0}

/* 3. SECCIONES */

	/* AJUSTES NAVEGACION PLUGIN */
	#fp-nav{display:none;}

	/* 3.1 INTRO */
	#intro{background:#000;color:#fff;}
	#intro .visible-phone{position:relative}
	#intro h2{margin:-90px 0 10px;color:#fff;font:normal 2.9rem JosefinSans;
		text-shadow:0 0 5px rgba(0, 0, 0, 1);
	}
	#intro h2 span{background-image:url(../img/css/estrellas2.png);padding:70px 0 80px 40px;}
	#intro p:not(.next){font:normal 1.25rem opensans;line-height:1.2em;
		text-shadow:0 0 5px rgba(0, 0, 0, 1);
	}

	/* 3.2 TRAYECTORIA */
	#trayectoria{min-height:660px;padding:100px 0;background:#fff url(../img/css/fondoTrayectoria.jpg) no-repeat 100% 0;}

	/* 3.3 PAISES */
	#paises{min-height:660px;padding:100px 0;background:#e9f4fe}
	#paises a{color:#006fb7}
	#paises .flexslider {margin:0;background:transparent; border:none; position: relative; border-radius: 0; box-shadow: none;}
	#paises .flex-direction-nav a {margin-top: -49px;opacity: 1;}
	#paises .flex-direction-nav .flex-next {right: -5px; }
	#paises .flex-direction-nav .flex-prev {left: -5px;}
	#paises .flexslider .slides img{width:auto;margin:0 auto 15px}

	#dates .slides{margin-bottom:35px}
	#dates .slides li{padding:50px 0 0;background:transparent url(../img/css/bolita.png) no-repeat 50% 6px;cursor:pointer;font:normal 1.4rem JosefinSans;color:#a9a9a9}
	#dates .flex-direction-nav .flex-disabled {opacity: 0 !important; filter:alpha(opacity= 0);}
	#dates .slides li:hover, #dates .slides li.flex-active-slide{color:#285bc0}
	#dates .slides li.flex-active-slide{background:transparent url(../img/css/bolita_on.png) no-repeat 50% 0;}

	#slider .flex-direction-nav a {width: 60px; height: 60px; background: url(../img/css/bg_direction_nav2.png) no-repeat 0 0;}
	#slider .flex-direction-nav .flex-next {background-position: 100% 0;}
	#slider .paises{position:absolute;top:0;right:0;padding:20px 10px 20px 20px;width:250px;background:rgba(255,255,255,.5);text-align:left}
	#slider .paises p{margin-bottom:10px;font-size:1.2em;color:#285bc0}
	#slider .paises li{width:45%;display:inline-block;vertical-align:top;padding:0 0 10px 10px;background:transparent url(../img/css/vineta.png) no-repeat 0 9px}

	/* 3.4 PREMIO PRINCESA ASTURIAS */
	#premio{padding:100px 0;background:#0072b9 url(../img/css/fondoPremio.png) no-repeat 95% 50%;color:#fff}
	#premio h2{color:#fff}
	.caja-premio{width:100%;float:left;text-align:center;}

	/* 3.5 OTROS PREMIADOS */
	#otros-premiados{padding:100px 20px 60px;width:100%;float:left;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	#otros-premiados h2{font:normal 3em opensans-bold !important;}

	#otros-premiados .item *{display:block}
	#otros-premiados .item a{text-decoration:none}

	#otros-premiados .item span{overflow:hidden;margin-bottom:20px;}
	#otros-premiados .item img{
		-webkit-transition: all 1s ease-out;
		-moz-transition: all 1s ease-out;
		-ms-transition: all 1s ease-out;
		-o-transition: all 1s ease-out;
		transition: all 1s ease-out;
	}
	#otros-premiados .item a:hover img{transform:scale(1.2)}

	#otros-premiados .item strong, #otros-premiados .item .nombre{width:80%;margin:0;line-height:1em;
		-webkit-transition: all 1s ease-out;
		-moz-transition: all 1s ease-out;
		-ms-transition: all 1s ease-out;
		-o-transition: all 1s ease-out;
		transition: all 1s ease-out;
	}
	#otros-premiados .item strong{margin-bottom:5px;font-family:tradeGothic-bold;color:#93969c;font-size:1.8rem;}
	#otros-premiados .item .nombre{font-size:1rem;color:#0e0e0e}
	#otros-premiados .item a:hover strong, #otros-premiados .item a:hover .nombre{color:#111a59}

	/* 3.8 PANTALLA VIDEOS RESPONSIVE */
	#videos{padding:50px 0;border-top:1px solid #c7c7c7;text-align:center}
	#videos .volver{margin-top:20px;text-align:center}
	#videos .volver .boton{padding:5px 30px;background:#3b80c2;text-decoration:none;border:0;color:#fff}
	#videos .jwplayer{margin:0 auto}

/* 4. PIE */
#main-footer{width:100%;float:left;border-top:1px solid #c7c7c7;padding:50px 0 40px;font-size:.9rem;color:#454545}


/* 5. RESPONSIVE */

	@media (max-width: 755px) {
		#intro, #intro .fp-tableCell{height:auto !important}
		#slider .flex-direction-nav a {width:30px;height:30px;background-size:60px auto}
		#paises h2{margin:0 !important}
		#slider .paises{position:static;width:100%;margin-top:30px;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}
		#slider .paises li{width:28%;}

	}

	/* 5.2 ESTILOS PARA RESOLUCIONES MAYORES DE 755PX */
	@media (min-width: 755px) {

		/* 5.1.1 COMUNES */
		h2 {font-size: 4.2rem;}
		h2 span{padding:48px 0 40px 60px;}

		.caja-ancho{margin:0 auto;}
		.btn:hover {border-color:#00aca9;color:#00aca9;}

		/* 5.1.2 ENCABEZADO */
		#main-header{padding:10px 20px}
		.logo{width:auto;margin-bottom:0;}
		#idiomas{margin-top:35px}
    	.compartir{margin-top:27px}

		#fp-nav{display: block;}

		/* 5.1.3 SECCIONES */
		#intro{background:transparent url(../img/css/fondoIntro.jpg) no-repeat 37% 100%;background-size:cover;color:#fff;}
		#intro h2{margin-top:15px;font-size:6em}
		#intro h2 span{padding-top:50px;padding-bottom:50px;}
		#intro p:not(.next){font-size:1.6rem;}
		#intro p.next{margin:60px 0 0;}

		#trayectoria, #paises, #premio{padding:100px 70px}

		#otros-premiados{padding:100px 50px 60px;}
		#slider li{position:relative}

	}


	/* 5.3 ESTILOS PARA RESOLUCIONES MAYORES DE 1080PX */
	@media (min-width: 1080px) {

		/* 5.2.1 COMUNES */


		/* 5.2.2 SECCIONES */
		#trayectoria, #paises{padding:100px 0}

		#premio{padding:30px 0 60px;}
		#premio .container {max-width: 900px;}
		.boton:hover{border-color:#3b80c2;color:#3b80c2}

		#otros-premiados{padding:100px 50px 60px}
		#otros-premiados .item .nombre{font-size:1.2rem;}
	}

	@media (min-width: 1600px) {
		#otros-premiados{padding:100px 125px 60px}
	}