@font-face {
    font-family: 'Didot';
    src: url('../fonts/gfsdidot-regular-webfont.eot');
    src: url('../fonts/gfsdidot-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gfsdidot-regular-webfont.woff') format('woff'),
         url('../fonts/gfsdidot-regular-webfont.ttf') format('truetype'),
         url('../fonts/gfsdidot-regular-webfont.svg#gfs_didotregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* base font */
html { font-size:62.5%; font-family: Arial, Helvetica, sans-serif; }
body { margin:0; font-size:100%; } /*Estandar*/
* html body { font-size:101%; } /*IE6*/
*:first-child+html body { font-size:101%; } /*IE7*/

/* Resets de textos */
h1, h2, h3, h4, h5, h6, p, pre, blockquote { margin: 0; }
ul, ol, dl, dt, dd { padding:0; margin:0; }

ul,ol { list-style: none; }

/* Reset de tablas */
table { border-collapse: collapse; width:100%; font-size: 1em; }
td { vertical-align: top; }
caption, th { text-align: left; }


a { text-decoration: none; outline:none;}
a:hover { text-decoration: none; opacity:.8;filter:alpha(opacity:80);}
a:focus{outline:none;}
a img { border: none; }

/* Formularios */
form { margin:0; }
fieldset { margin:0; padding:0; border: none; }
legend { padding:0; }
input, textarea, select { font-size: 1em; font-family: Arial, Helvetica, sans-serif; }
address{font-style: normal;}
.estirar:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.estirar { display:inline-block; }
/* Hide from IE Mac \*/
.estirar { display:block; }
* html .estirar { height:1px; }
/* End hide from IE Mac */
#contenedor{width:1234px;margin:auto;padding-top:60px;clear:both;}
#titulo{width:441px;height:168px;text-indent:-9999px;background:url(../img/sprite.png) 0 0;margin:0 80px 35px 245px;float:left;}
.el_pais{background:url(../img/sprite.png) -236px -168px;width:133px;height:28px;text-indent:-9999px;display:block;float:left;margin-bottom:20px;}
.introduccion{float:right;width:468px;}
.introduccion p{font:15px/20px Georgia, "Times New Roman", Times, serif;}
.introduccion .autor{color:#7c8687;font:bold 12px/16px Tahoma, Arial, Geneva, sans-serif;margin-bottom:10px;}
.autor a{color:#7c8687;text-transform:uppercase;}

.envoltorio_carrusel {position:relative;margin:auto;clear:both;}
.contenedor_carrusel{ width:1234px; height:900px; overflow:hidden; position:relative;}
.carrusel{position:absolute;width:10000px;}

.contenedor_paginacion{position:absolute;top:265px;left:960px;}
.paginacion li{float:left;}
.paginacion a{display:block;text-indent:-9999px;}
.pagina{margin-right:16px;}
.pagina a{width:12px;height:12px;background:#949494;border-radius:6px;}
.pagina a:hover, .pagina .activa{background:#262222;}
.paginacion .flecha a{background:url(../img/sprite.png);width:27px;height:40px;position:absolute;}
.paginacion .anterior a{background-position:-378px -168px;top:-94px;right:88px;}
.paginacion .siguiente a{background-position:-414px -168px;top:-94px;right:53px;}
.paginacion .inactiva{opacity:.5;filter:alpha(opacity:50);cursor:text;}

.article{width:1234px;height:900px;float:left;position:relative;}
h2{font:73px/70px Georgia,serif;margin-bottom:33px;}
h2 a{color:#fff;}
.texto{background:#ccc;position:absolute;bottom:0;right:0;height:540px;width:316px;padding:68px 65px 0;}
.article .figure{width:938px;}
.article .figure img{max-width:100%;height:auto;}
.article  .texto p{font: normal 15px/21px Arial, Helvetica, sans-serif; color: #1a1a1a;}
.article .texto .destacado{font:22px/24px Georgia, "Times New Roman", Times, serif;margin-bottom:25px; color: #000;}
.article p{font:15px/24px Arial, Helvetica, sans-serif;}
.cita{position:absolute; left:-550px;top:300px; font:38px/42px Georgia, "Times New Roman", Times, serif;width:398px;padding-top:150px;}
.mas{color:#262222;font:13px/47px Arial, Helvetica, sans-serif;display:block;width:99px;border-radius:5px;background:#fff;position:absolute;bottom:45px;left:68px;text-align:center;text-transform:uppercase;}

.uno .texto{background:#08afc3;}
.dos .texto{background:#9cb209;}
.tres .texto{background:#c72a15;}
.cuatro .texto{background:#e69302;}
.cinco .texto{background:#d8075a;}

.uno .cita{background:url(../img/q_1.png) 0 0 no-repeat; }
.dos .cita{background:url(../img/q_2.png) 0 0 no-repeat;}
.tres .cita{background:url(../img/q_3.png) 0 0 no-repeat;}
.cuatro .cita{background:url(../img/q_4.png) 0 0 no-repeat;}
.cinco .cita{background:url(../img/q_5.png) 0 0 no-repeat;}

#pie{background:#262222;padding:78px 0;min-width:1234px;}
address{color:#6f6d6d;font:11px/15px Tahoma, Arial, Geneva, sans-serif;text-align:center;margin-bottom:45px;}
.barra_compartir{width:240px;margin:auto;padding-right:3px;}
.list-compartir li{float:left;margin-left:3px;}
.list-compartir li a{display:block;width:45px;height:45px;text-indent:-9999px;background:url(../img/sprite.png) left bottom no-repeat;}
.list-compartir li .facebook{background-position:-96px bottom;}
.list-compartir li .twitter{background-position:-48px bottom;}
.list-compartir li .googlemas1{background-position:-191px bottom;}
.list-compartir li .eskup{background-position:1px bottom;}
.list-compartir li .tuenti{background-position:-143px bottom;}

/* hover */
.hint, [data-hint] {position: relative;display: inline-block;}
.hint:before, .hint:after, [data-hint]:before, [data-hint]:after { position: absolute; visibility: hidden; opacity: 0; z-index: 1000000; pointer-events: none; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; transition: 0.3s ease; }
.hint:hover:before, .hint:hover:after, [data-hint]:hover:before, [data-hint]:hover:after { visibility: visible; opacity: 1; }
.hint:before, [data-hint]:before { content: ''; position: absolute; background: transparent; border: 6px solid transparent; z-index: 1000001; }
.hint:after, [data-hint]:after { content: attr(data-hint); background: #383838; color: white; text-shadow: 0 -1px 0px black; padding: 8px 10px; box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3); font:10px/12px Tahoma, Geneva, sans-serif; white-space:nowrap; }
.hint--top:before { border-top-color: #383838; }
.hint--top:before { margin-bottom: -12px;  }
.hint--top:after { border-radius: 4px; margin-left: -40px;width:80px; text-align:center; }
.hint--top:before, .hint--top:after { bottom: 100%; left: 50%; }
.hint--top:hover:before, .hint--top:hover:after { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); transform: translateY(-8px); }

@media (max-width:1200px) {
	#contenedor{width:990px;padding-top:30px;}
	#titulo{margin-left:20px;margin-right:40px;}
	.introduccion{margin-right:20px;}
	.contenedor_carrusel{ width:990px; height:700px;} 
	.contenedor_paginacion{left:720px;top:215px;}
	.article{width:990px;height:700px;}
	.article .figure{width:700px;}
	.texto{height:400px;padding-top:40px;}
	.article .destacado{font-size:20px;line-height:24px;}
	h2{font-size:34px;line-height:34px;margin-bottom:18px;}
	.cita{font-size:26px;line-height:30px;width:250px;padding-top:70px;left:-450px;top:205px;}
	.mas{font-size:11px;line-height:24px;}
	.uno .cita{background:url(../img/q_1_m.png) 0 0 no-repeat;}
	.dos .cita{background:url(../img/q_2_m.png) 0 0 no-repeat;}
	.tres .cita{background:url(../img/q_3_m.png) 0 0 no-repeat;}
	.cuatro .cita{background:url(../img/q_4_m.png) 0 0 no-repeat;}
	.cinco .cita{background:url(../img/q_5_m.png) 0 0 no-repeat;}	
	#pie{min-width:990px;}
}