@charset "utf-8";
/* CSS Document */

html{font-size: 100%;} 

body {
	width:100%;
	font-family: Arial, Helvetica, sans-serif;
	color:#000;
	font-size:1em;
	margin:0 auto;
	text-align:center;
	line-height:1.125em;
	background-color:#fff;
}

div,td,th,tr,span {text-align:left; margin:0; padding:0; border:0;}

img, div, a, tr, td, li, ul, p { behavior: url("iepngfix.htc"); border:none; margin:0; padding:0;}

a img {border:none;outline:none;}
a {outline: none; text-decoration:none;}

input[type=text]:focus,input[type=password]:focus {outline: 0 none;}

.floatLeft {float:left;}
.floatRight {float:right;}

h1, h2, h3, h4 {margin:0; padding:0; line-height:inherit; font-size:inherit;}

.clear {clear:both; border:none; width:0; height:0; padding:0; margin:0; overflow:hidden;}

.margen_left10{margin:0 .625em;}


/* ##################  LAYOUT ################ */


.contGral  {width:59.6875em; margin:0 auto;}

#barraTop {padding:.625em 0; border:0;}
#barraTop a {color:#fff; text-decoration:none; font-size:.75em; -moz-opacity:.80; filter:alpha(opacity=80); opacity:.80;}
#barraTop a:hover {text-decoration:underline;}
#barraTop b{color:#fff; margin:.625em; font-size:.625em; -moz-opacity:.80; filter:alpha(opacity=80); opacity:.80;}

#colTopUno {width:16em; float:left; margin:0 0 0 .625em;}
#colTopDos {width:29em; float:left; text-align:center}
#colTopTres {width:13.7em; float:left}

#fontNormal {font-size:0.75em !important; margin:0 0.8em 0 0; font-family:Georgia, "Times New Roman", Times, serif;}
#fontBig {font-size:0.938em !important; margin:0 0.8em 0 0; font-family:Georgia, "Times New Roman", Times, serif;}
#fontHuge {font-size:1.2em !important; font-family:Georgia, "Times New Roman", Times, serif;}

.logoTop img{width:7.437em; height:1.437em; display:block; margin:-0.2em auto;}

/* ---- BUSCADOR ---- */


#buscador{
	background:url(imagenes/back_buscador.gif) no-repeat;
	background-position:0 -3.1em;
	width:12em;
	height:1.25em;
	float:right;
	display:block;
}

#buscador input{
	border:none !important;
	background:transparent none !important;
	width:10em;
	height:1.25em;
	float:left;
	margin:0;
	color:#8e3b13;
	font-size:.75em;
}
#buscador li {
	background:transparent none !important;
	width:4em !important;
	height:1.25em !important;
	float:right !important;
	display:block !important;
	margin:0.0625em 0 0 0 !important;
	padding:0 !important;
	border:0 !important;
	cursor:pointer !important;
	list-style:none !important;
}

.boton_buscar {
	background-color:transparent none !important;
	color:#fff !important;
	width:5em !important;
	height:1.25em !important;
	font-size:0.689em;
	float:right !important;
	display:block !important;
	margin:0.0625em 0 0 0 !important;
	border:0 !important;
	cursor:pointer !important;
}

.ClosePortada {
	background-color:transparent none !important;
	color:#fff !important;
	/*width:5em !important;
	height:1.25em !important;*/
	font-size:0.689em;
	float:right !important;
	display:block !important;
	/*margin:0.0625em 0 0 0 !important;*/
	border:0 !important;
	cursor:pointer !important;
}

.campo_buscador {
	border:none;
	width:7.625em;
	height:1.25em;
	float:left;
	margin:0.0625em 0 0 0.0625em;
	font-size:.75em;
}

/* /// TERMINA BUSCADOR /// */


#contBanner {width:59.6875em; padding:.625em 0;}
.banner720x90 {width:45.5em; height:5.625em; float:left; display:inline;}

a.botonTrafico{background:url(imagenes/boton-trafico.jpg) no-repeat top; overflow:hidden; width:191px; height:43px; float:right;}
a:hover.botonTrafico{background:url(imagenes/boton-trafico.jpg) no-repeat bottom; cursor:pointer;}

#tiempo {width:191px; height:43px; float:right;}

#fecha {color:#a53704; font-size:0.875em; width:68em;}
#fecha a{color:#000; float:right; text-decoration:none;}
#fecha a:hover{color:#bd4e19;}

.hora {color:#a53704; font-size:11px; white-space:nowrap; display:inline;}
.hora img{margin:0 0 0 .6em;}


#menuUno a{color:#bd4f1a; font-size:1em; font-weight:bold; text-decoration:none;}
#menuUno a:hover{color:#e16022;}


/* MENUS CON PERSIANA*/
#navbar {margin: 0; padding: 0; height: 1em; position:relative; z-index:5;}
#navbar li {list-style: none; float: right; background:url(imagenes/separa-vert-gris.gif) right repeat-y;}
#navbar li a { display: block; padding: .8em .85em .5em .8em; color: #bd4f1a; text-decoration:none; border-bottom:.7em transparent none solid;}
#navbar li ul {display: none; width: 10em; background-color: #fff; font-size:.75em; border-left:.0625em #d9d3bb solid; border-right:.0625em #d9d3bb solid; border-bottom:.0625em #d9d3bb solid;}
#navbar li:hover ul, #navbar li.hover ul { display: block; position: absolute; margin: 0; padding: 0;}
#navbar li:hover li, #navbar li.hover li {float: none; padding:0 .3em; margin: 0;  background: none;}
#navbar li:hover li a, #navbar li.hover li a { background: none #fff; color: #bd4f1a; padding-top:0;}
#navbar li li a:hover {color: #B3AD84;}

.separaMenu { background:url(imagenes/separa-vert-gris.gif) center repeat-y; margin:.3em; width:10px; height:28px; float:right; display:inline;}

.linksMenubottom {margin:.8em 0 0 0; float:right; display:block;}

.linksMenu { text-decoration:none; color:#000; font-size:.75em}
.linksMenu:hover { text-decoration:underline;}

#menuPrincipal {font-size:0.812em; font-weight:bold; width:75em; padding:0 0 0 1em;}
#menuPrincipal a{text-decoration:none; line-height:.8em; float:left; display:block; height:1em; padding:.5em; white-space:nowrap;}

.barraPrincipal{background-color:#d9d3bb; height:.4em; margin:0.4em auto;}

a.Col-mexico {color:#bd4d11; background:url(imagenes/trianguloMenu.gif) bottom right no-repeat #faf5f2;}
a:hover.Col-mexico {color:#9e3f11;}

a.Col-mundo{color:#0094d8; background:url(imagenes/trianguloMenu.gif) bottom right no-repeat #f4f9fd;}
a:hover.Col-mundo{color:#115da6;}

a.Col-ciudad{color:#c27449; background:url(imagenes/trianguloMenu.gif) bottom right no-repeat #fbf7f4;}
a:hover.Col-ciudad{color:#a5582e;}

a.Col-deportes{color:#7aaf1d; background:url(imagenes/trianguloMenu.gif) bottom right no-repeat #f8faf2;}
a:hover.Col-deportes{color:#598500;}

a.Col-negocios{color:#eb6909; background:url(imagenes/trianguloMenu.gif) bottom right no-repeat #fdf6f2;}
a:hover.Col-negocios{color:#c1530f;}

a.Col-cultura{color:#93b846; background:url(imagenes/trianguloMenu.gif) bottom right no-repeat #f9fbf6;}
a:hover.Col-cultura{color:#75992a;}

a.Col-espectaculos{color:#e2007a; background:url(imagenes/trianguloMenu.gif) bottom right no-repeat #fcf2f7;}
a:hover.Col-espectaculos{color:#9d0652;}

a.Col-estilos{color:#d6448a; background:url(imagenes/trianguloMenu.gif) bottom right no-repeat #fdf5f9;}
a:hover.Col-estilos{color:#ad2d6a;}

a.Col-pata{color:#eb9d00; background:url(imagenes/trianguloMenu.gif) bottom right no-repeat #fefaf2;}
a:hover.Col-pata{color:#ba7c00;}

a.Col-medios{color:#eeb437; background:url(imagenes/trianguloMenu.gif) bottom right no-repeat #fefbf5;}
a:hover.Col-medios{color:#cb941e;}

a.Col-medioambiente{color:#6ca300; background:url(imagenes/trianguloMenu.gif) bottom right no-repeat #f8faf2;}
a:hover.Col-medioambiente{color:#568101;}

a.Col-tecnologia{color:#379fdc; background:url(imagenes/trianguloMenu.gif) bottom right no-repeat #f5fafd;}
a:hover.Col-tecnologia{color:#1f78ad;}

a.Col-loultimo{color:#eda86f; background:url(imagenes/trianguloMenu.gif) bottom right no-repeat #fefbf8;}
a:hover.Col-loultimo{color:#cf894f;}

#noticiaMomento{font-size:0.875em; width:68em;}

.controles {width:4em; float:right;}


/* CUERPO */

.col80{ width:49em; float:left; display:inline; margin: 0 0 .5em; 1.5em; padding:0 0 .87em 1em; font-size:1em;}
.col80 li {list-style:none; margin:.1em 0; display:block;}
.col80 p {margin:0 0 1em 0; }
.col80 .tit21 {margin:.6em 0 0 0; }

.col60{ width:39em; border-right:1px solid #CCC; float:left; display:inline; padding:0em .7em 0 0; font-size:1em;}
.col60 li {list-style:none; margin:.1em 0; display:block;}
.col60 p {margin:0 0 1em 0; }
.col60 .tit21 {margin:.6em 0 0 0; }

.col40nota{ width:18.7em; float:right; display:inline; padding:0 0 0 .8em; font-size:1em;}
.col40nota li {list-style:none; margin:.1em 0; display:block;}
.col40nota .hora {font-size:11px; font-weight:normal; letter-spacing:normal;}
.col40nota table {width:18.7em;}

.col40{ width:20.7em; border-right:1px solid #CCC; float:left; display:inline; padding:0em 1.5em; font-size:1em;}
.col40 li { list-style:none; margin:.1em 0; display:block;}
.col40 .hora {font-size:11px; font-weight:normal; letter-spacing:normal;}

.col20 { width:9em; float:left; display:inline; padding:0em 1.5em;}

.col30 { width:21.5em; float:right; display:inline; margin:0 0 0 1.5em; font-size:1em;}


/*MULTIMEDIA*/

.colMultimedia{ width:30em; border-right:1px solid #CCC; float:left; display:inline; padding:0em 1em 0 1em; font-size:1em; overflow: hidden;}
.colMultimedia li { list-style:none; margin:1em 0; display:block;}*/
.colMultimedia .hora {font-size:11px; font-weight:normal; letter-spacing:normal;}
.colMultimedia .separa_auxNegro{margin:0 0 .8em 0}

.colMenuMulti { width:7.5em; border-right:1px solid #CCC; float:left; display:inline; padding:0 .5em 0 0em; font-size:1em;}
.colMenuMulti .separa_auxNegro{margin:0 0 .8em 0}
.colMenuMulti ul{margin:0 0 1em 0;}
.colMenuMulti li{list-style:none; padding:.2em 0 .2em 0; border-top:1px solid #CCC;}

#imagen_multimedia img{
	margin:0 0 .7em 0;
	display:block;
	width:auto;
	max-width: 470px;
	/*max-height: 270px;*/
	width: expression(this.height < this.width && this.width > 470 ? '470px' : true); /*IE*/
	/*height: expression(this.height > this.width && this.height > 270 ? '270px' : true); */ /*IE*/
}

#video_multimedia_gde{
	display:block;
	width:425px;
	margin:0 auto 1.5em auto;
	text-align:center;
}

#imagen_multimedia_gde{
	display:block;
	width:680px;
	margin:0 0 1.5em 0;
	text-align:center;
}
#imagen_multimedia_gde img{
	max-width:680px;
	max-height: 550px;
	width: expression(this.height < this.width && this.width > 680 ? '680px' : true); 
	height: expression(this.height > this.width && this.height > 550 ? '550px' : true);
}


.paginador { width:30em; padding:.2em 0 .2em 0; margin:1em 0 2em 0; border-top:1px solid #CCC; border-bottom:1px solid #CCC;}
.paginador a{ color:#000;}
.paginador .centro { width:23.5em; text-align:center;}
.paginador .centro a{padding:0 .2em}

#descripcion {
	width:100%;
	font-size:.825em;
}
.alignRight{text-align:right}
.alignLeft{text-align:left}
.alignCenter{text-align:center}

.imagen_thmb img{
	float:left;
	margin:0 0 .7em 0;
	display:block;
	width:auto;
	max-width: 145px;
	width: expression(this.height < this.width && this.width > 145 ? '145px' : true); /*IE*/
}

.imagen_thmbInt img{
	margin:0 0 .3em 0;
	display:block;
	width:auto;
	max-width: 100px;
	width: expression(this.height < this.width && this.width > 100 ? '100px' : true); /*IE*/
}


#wrapper {
	width: 31em;
}
#wrapper td{
	padding: 0 1.5em 1.5em  0;
	vertical-align:top;
}
#wrapperInt {
	width: 7em;
}

#wrapperInt td{
	padding: 0 .5em .5em  0;
	vertical-align:top;
}
#wrapperInt td div{
	width:50px;
	height:50px;
	overflow:hidden;
}
/*apper:after {
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
}
.column {
	float: left;
	width: 9em;
	margin: 0 1.5em 1.5em  0;
}
*/

.trafico{width:20.687em; height:15em; margin:1em 0}

.sumario{ font-size:1em; color:#666; line-height:1.4em; display:block; margin:.3em 0 .8em 0}
.sumarioCh{ font-size:.875em; color:#000; line-height:1.3em; display:block; margin:.3em 0}
.video {width:20.687em; height:15em; margin:1em 0}
.audio {width:20.687em; height:3em; margin:1em 0}
.foto{width:20.687em; margin:1em 0}
.foto img{width:20.687em;}

.tit41 {font-size:1.4em; font-weight:bold; line-height:1em; margin:0 0 .4em 0; letter-spacing:normal; display:block;}
.tit31 {font-size:1.2em; font-weight:bold; line-height:1em; margin:0 0 .4em 0; letter-spacing:normal; display:block;}
.tit21 {font-size:1em; font-weight:bold; line-height:1em; margin:0 0 .4em 0; letter-spacing:normal; display:block;}
.tit16 {font-size:.875em; font-weight:bold; line-height:1.3em; margin:0 0 .4em 0; letter-spacing:normal; display:block;}

a.tit41, a.tit31, a.tit21, a.tit16{text-decoration:none;}
a:hover.tit41, a:hover.tit31, a:hover.tit21, a:hover.tit16{text-decoration:underline;}

.txt16{font-size:1em; line-height:1.5em;}
a.txt16 {font-size:1em; text-decoration:none;}
a:hover.txt16 {text-decoration:underline;}

.txt13{font-size:.875em;}
a.txt13 {font-size:0.875em; text-decoration:none;}
a:hover.txt13 {text-decoration:underline;}

.txt12{font-size:.825em; line-height:1.2em}
a.txt12 {font-size:0.825em; text-decoration:none;}
a:hover.txt12 {text-decoration:underline;}



.separa_transparente {height:.3em; width:100%; margin:.4em 0}
.separa {background:url(imagenes/separa-gris.gif) repeat-x; height:1px; margin:5px auto;}
.separa_notas{ background:url(imagenes/separa_notas.gif) repeat-x; height:1px; width:100%; margin:1.2em 0}

.backRayas { background:url(imagenes/back_rayas.gif) repeat; display:block; padding:.5em;}
.backRayasTit { background:url(imagenes/back_rayastit.gif) repeat-x 7em .4em;}
.backRayasTit span{ background:#fff; padding:0 .3em 0 0}
.backDestacados{ background:#e4e1d2; padding:.3em; display:block; font-weight:bold;}

#destacados{ position:relative; display:block;}
#destacados li{ list-style:none;}
.moreInfoWrapper {margin:0 0 10px 0;}
.posDestacados {position:absolute; z-index:2; width:145px;}
.moreInfo { background:#AAA4AA; filter: Alpha(opacity=75); opacity:.75; padding:.3em; z-index:3; font-size:.8em; color:#FFF; font-weight:bold; line-height:1.2em; }
.posDestacadosImg {position:relative; z-index:1; margin:60px 0 0 0;}
.divToggle{width:145px; height:220px; position:absolute; z-index:4; background:url(imagenes/transparente.gif) repeat;}

.escriben {font-size:.75em; line-height:1em; color:#000; display:block; margin:0 0 .3em 0; padding:0 0 .3em 0; border-bottom:1px solid #CCC;}
.escriben small {font-size:.9em; color:#666; display:block; font-weight:bold;}

.creditos {font-size:.8em; font-weight:bold; display:block; width:27em; margin:0 0 1em 0;}
.creditos p {color:#a53704; font-size:1em;}

a.links-nota {font-size:.40em; font-weight:bold; display:inline; float:right; margin:0 0 0 1em; text-transform:uppercase; color:#999; text-decoration:none; letter-spacing:normal;}
a:hover.links-nota {color:#333; text-decoration:none;}
.recomienda{ background:url(imagenes/icono_recomienda.gif) no-repeat 0px 5px; padding:0 0 0 25px;}
.imprime{ background:url(imagenes/icono_imprime.gif) no-repeat; padding:0 0 0 25px;}
.comenta{ background:url(imagenes/icono_comenta.gif) no-repeat; padding:0 0 0 25px;}
.comparte{ background:url(imagenes/icono_comparte.gif) no-repeat 0px 1px;; padding:0 0 0 25px;}

/* OPINION */
.contOpinion{ width:770px; display:inherit; }
.opnion { display:block; margin:15px; padding:5px;  }
.opnion.li{ list-style:none; float:left; }
.textOpinion{ width:300px; list-style:none; float:left; }
.espacioOpinion{ width:40px; list-style:none; float:left; }
.linkOpinion{ color:000; }
.linkOpinion:hover{text-decoration:underline;}
#opnion span{
	font-size:1em;
	font-weight:bold;
	margin:0 0 5px 0;
	display:block;
}
#opnion p{font-size:.875em;}
#opnion a{color:#000;}
#opnion a:hover{text-decoration:underline;}

#opnion img {
	width:80px;
	margin:0 15px 15px 0;
	border:3px solid #B3AD84;
	float:left;
}

/* /OPINION */

#colBottUno {width:24em; float:left; margin:0 0 0 .625em; display:inline; padding:.7em 0 2em 0;}
#colBottUno li {width:8em; display:inline; list-style:none; float:left;}
#colBottUno a {width:8em; display:block; font-size:.815em; color:#000; text-decoration:none; margin:0 0 .4em 0;}
#colBottUno a:hover {text-decoration:underline;}

#colBottDos {width:8em; float:left; margin:0 0 0 .625em; display:inline; background:#0C9;}
#colBottDos img{margin:-1em 0 0 0; position:absolute;}

#colBottTres {padding:0 1em 0 0;}
#colBottTres a{font-size:.9em; color:#000;}
#colBottTres a:hover {text-decoration:underline;}

.footer {background:#E5E1D3; display:block;}
.footer p{text-align:center; font-size:.8em; color:#6D6452; margin:.5em; display:inline; float:left;}
a.linkFooter {text-align:center; font-size:.8em; color:#6D6452; margin:.5em .5em .5em 1.5em; display:inline; float:right; text-decoration:none;}
a:hover.linkFooter {text-align:center; font-size:.8em; color:#6D6452; margin:.5em .5em .5em 1.5em; display:inline; float:right; text-decoration:underline;}
/*--------social---------*/
#social-buttons #tweetmeme{ margin-right:10px; float:left;}
#social-buttons #faceshare{ display:block; margin-right:10px; float:left; height:80px;}
.clear{clear:both;}