@import url(reset.css);

body { background: rgb(0,37,64) url(i/bg-header.jpg) no-repeat center 21px; color: #BFF0FF; font: 14px/150% Helvetica, Arial, Verdana, sans-serif; }

/* //TITULOS -------------------------------------------------*/
h1{ font-size: 3em; line-height: 1; }
h2 { font-size: 1.5em; line-height:1;  }
#portada h2 { margin-bottom: 1em; }
h3 { font-size: 1em; text-transform: uppercase; }

h1, h2, h3 { color: rgb(255,255,255); }

/* //BLOQUES DE TEXTO ----------------------------------------*/
p { margin-bottom: 1.5em; }

/* //VINCULOS ------------------------------------------------*/
a { color: rgb(63,175,255); text-decoration: none; }
a:focus, a:hover { color: rgb(239,255,63); }
a:active{ position: relative; top: 1px; color: rgb(249,255,191); }

/* //CORP ----------------------------------------------------*/
.cabezal { /*background: rgb(0,75,108) url(i/bg-header.jpg) repeat-x;*/ }
#cabezal { /*background: url(i/logo.jpg) no-repeat 0 0;*/ }

/* //NAVEGACION ----------------------------------------------*/
#navCanalesLt { background: rgb(0,0,0); height: 1.5em; }
#navCanalesLt ul { margin: 0 auto; width: 940px; }
#navCanalesLt li { border-right: 1px solid rgb(100,100,100); display: inline; font-family: Georgia, "Times New Roman", Times, serif; padding: 0 0.25em; }
#navCanalesLt a { color: rgb(255,255,255); }

#navPrincipal { margin: 0 auto; position: absolute; top: 3em; right: 0; }
#navPrincipal li { border-right: 1px dotted rgb(255,255,255); float: left; font-weight: bold; line-height: 1.5em; padding: 0 20px; text-shadow: 2px 2px 2px rgb(0,0,0); }
#navPrincipal a { color: rgb(255,255,255);  text-transform: uppercase; }
.active { border-bottom: 3px solid #fff; }

.aLaPortada {
	display: block;
	height: 86px;
	position: absolute;
	left: 0;
	text-indent: -99999px;
	top:20px;
	width: 460px;
	}
	
.borderradius #navPrincipal li { border-right: none; padding: 5px; }
.borderradius #navPrincipal a {
	background-color: #000;
	padding: .75em 1em;
	border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
	}
	
.rgba #navPrincipal a {
	background-color: rgba(0,0,0,.5);
	}
.rgba #navPrincipal a:hover {
	background-color: rgba(0,0,0,.75);
	}

/* //DESTACADO -----------------------------------------------*/
#navSlides { bottom: 21px; font-weight: bold; line-height: 2em; margin-bottom: 0; position: absolute; right: 20px; z-index: 100; }
#navSlides a { background: rgb(0,0,0); color: rgb(255,255,255); border: 1px solid rgb(255,255,255); padding: 0.25em 0.5em;  }
#navSlides a.active { background: rgb(255,255,255); color: rgb(0,0,0); }
#main { background: rgb(0,0,0); border: 10px solid rgb(255,255,255);height: 294px; overflow:hidden; position:relative; }
#main ul { position:absolute; width:3760px; }
#main li { color: rgb(255,255,255); height: 294px; float: left; position: relative; width: 940px; }
#main h1 { font-size: 2em; text-shadow: 2px 2px 3px rgb(0,0,0); }
#slideEmprender { background: url(i/negocios.jpg) no-repeat; }
#slideTurismo { background: url(i/viajar.jpg) no-repeat; }
#slideEstudiar { background: url(i/estudiar.jpg) no-repeat; }
#slideVivir { background: url(i/vivir.jpg) no-repeat; }
#main li div { background: rgb(0,0,0) /*url(i/bg-overlay.gif)*/; bottom: 0; padding: 20px; position: absolute; width: 420px; }
#main li a { background: url(i/bt-vecomo.gif) no-repeat 0 0; display: block; height: 28px; text-indent: -99999px; width: 110px; }
#main li a:hover { background-position: 0 -28px; }

.rgba #main li div { background: rgba(0,0,0,.75); }

/* //MULTIMEDIA ----------------------------------------------*/
#multimedia { background-color: rgb(0,30,51); }
#tags { height: 320px; width: 460px; }
#chileTags { position: relative; }

.verMas {
	background: url(i/bt-vermas.gif) no-repeat 0 0;
	display: block;
	height: 21px;
	position: absolute;
	text-indent: -99999px;
	top: 0;
	right: 0;
	width: 90px;
	}
	
.verMas:hover { background-position: 0 -21px; position: absolute; top: 0;}

/* //AGENDA --------------------------------------------------*/
#agenda h3 { color: #fff; padding-left: 70px; }
#agenda h3, #agenda p { font-size: 0.8571em; }
.cultura, .musica, .empresa, .entretencion { background-repeat: no-repeat; background-position: 0 3px; }
.cultura { background-image: url(i/cultura.gif); }
.musica { background-image: url(i/musica.gif); }
.empresa { background-image: url(i/empresa.gif); }
.entretencion { background-image: url(i/diversion.gif); }

/*Para el funcionamiento del slide de la agenda*/
#mascaraAgenda { border-bottom: 1px dotted #00617F; height: 150px; overflow: hidden; position:relative; }
#agenda ul { position: absolute; width: 5000px; }
#agenda li { float: left; width: 460px;  }
#navAgenda { height: 1.5em; position: relative; margin: 1.5em auto; width: 60px;}
#navAgenda a { background-repeat: no-repeat; cursor: pointer; height: 15px; position: absolute; width: 15px; }
.left { background-image: url(i/left.gif); left: 0; top: 0; }
.right { background-image: url(i/right.gif); right: 0; top: 0; }

/* //NOTICIAS ------------------------------------------------*/

.fecha { font-size: 0.7142em; text-transform:uppercase; }
#noticiasDestacadas li { padding-bottom: 1.5em; }
#noticiasDestacadas li span { display: block; }
#noticiasDestacadas li a { font-weight: bold; }

/* //AMBITOS -------------------------------------------------*/
#ambito { padding-top: 1.5em; overflow:visible; }
#ambito h1 { margin-bottom: 0.3333em; font-size: 4em; font-weight: normal; text-shadow: 2px 2px 5px rgb(0,0,0); width: 620px; }

.invertir h1 span,
.viajar h1 span,
.estudiar h1 span {  font-family: Georgia, "Times New Roman", Times, serif; display: block; float: left; line-height: 1; position: relative; }

.invertir h1 span { font-size: 3em; font-style: italic; left: -.12em; top: -.25em; }
.viajar h1 span { font-size: 3em; left: -.12em; top: -.30em; }
.estudiar h1 span { font-size: 3em; font-style: italic; left: -.12em; top: -.30em; }

#ambito.vivir h1 { font-size: 3em; width: 940px; }
.vivir h1 span { display: block; font: italic 2em Georgia, "Times New Roman", Times, serif; position: relative; top: 0em; }



#ambito h2 { clear: both; font: italic normal 2em/1 Georgia, "Times New Roman", Times, serif; margin-bottom: .5em;}
#ambito ul { width: 600px; list-style: disc; margin: 0 0 1.5em 20px; }
#ambito li {  }
#ambito img {
	background: #335A66;
	border: 1px solid #4D6F7A;
	float: right;
	margin: 0 0 1em 1em;
	padding: 9px;
	}
	
.caracteristica { border-top: 1px dotted #4D6F7A; margin-bottom: 1.5em; padding-top: 1.5em; }

.extender { background: url(i/ico-flecha.gif) no-repeat left center; font-size: 0.8571em; padding-left: 1.5em; }

/* //ENCUESTA ------------------------------------------------*/
.participa {
	background: url(i/bt-participa.gif) no-repeat 0 0;
	display: block;
	height: 21px;
	text-indent: -99999px;
	width: 90px;
	}
	
.participa:hover { background-position: 0 -21px;}

#datosDestacados h2 { border-top: 0.5em solid #00617F; line-height: 1.5em; text-align: center; }
#datosDestacados li { border-bottom: 1px dotted #00617F; font-size: 1.5em; padding-bottom: .5em; text-align: center; }
#datosDestacados strong, #datosDestacados span { display: block; }
#datosDestacados strong { font-size: 3em; line-height: 1.5em; }
#datosDestacados span { font-size: 0.5em; }

#detallesEncuesta ul { font-size: 0.8571em; }

#detallesEncuesta li {
	background-color: #0092BF;
	border-bottom: 1px solid #003140;
	height: 21px;
	float: left;
	width: 235px;
}
#detallesEncuesta span, #detallesEncuesta strong { display: block; float: left; text-align: center; }
#detallesEncuesta span { background-color: #002733; width: 30px; }
#detallesEncuesta strong { background-color: #00617F; margin-right: 2px; width: 60px; }

/* //FOOTER --------------------------------------------------*/
.footer { background: rgb(0,0,0); }
.footer { color: rgb(255,255,255); padding: 1.5em 0;}
.footer ul, .footer p { font-size: 0.8571em; }
.footer li { border-bottom: 1px dotted rgb(50,50,50); }
#indiceLatercera, #indiceThisIsChile { position: relative; width: 460px; }
#indiceLatercera { border-right: 1px dotted rgb(50,50,50); float: left; }
#indiceLatercera ul { float: left; margin-right: 20px; width: 140px; }
.infoLegal { color: rgb(100,100,100); float: left; width: 220px; }
#indiceThisIsChile {float: right; }
.footer a[href$="latercera.com"], a[href$="thisischile.cl"], a[href$="imagenpais.cl"] { display: block; text-indent:-99999px; margin-bottom: 21px; }
.footer a[href$="latercera.com"] { background: url(i/logo-lt-footer.jpg) no-repeat; height: 21px; width: 140px; }
.footer a[href$="thisischile.cl"] { background: url(i/logo-tic-footer.gif) no-repeat; height: 42px; width: 220px; }
.footer a[href$="imagenpais.cl"] { background: url(i/logo-fundacionchile.gif) no-repeat; position: absolute; height: 60px; right: 0; top: 0; width: 140px; }
#indiceThisIsChile ul { width: 140px; }

/* //ESTRUCTURA ----------------------------------------------*/
#posibilidadesChile { height: 294px;  margin: 0 auto 4.5em auto; position: relative; width: 940px; }
.cabezal { height: 126px; margin-bottom: 1.5em; }
#cabezal { height: 126px; position: relative; }
.seccion, #cabezal, #footer { margin: 0 auto; overflow: hidden; width: 940px; }
.seccion { margin-bottom: 3em; }
#multimedia { margin-bottom: 3em; }
#multimedia .seccion { margin-bottom: 0; }

#multimedia { padding: 1.5em 0; }
#cajaVideo { float: left; width: 460px; }
#chileTags { float: right; width: 460px; }
#agenda, #noticiasDestacadas { width: 460px; }
#agenda { float: left; }
#noticiasDestacadas { float: right; }

/*especificos de la encuesta*/
#visualizacionConceptos { float: left; width: 700px; }
#datosDestacados { float: right; width: 220px; }
#detallesEncuesta { clear: both; }