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

/*ESTILOS PARA REPETIR EN TEXTO*/

.titulo{
	color:#ed1b24;
	font-weight:bold;
}
/* Utilizar para todos los títulos de color rojo, para cambiar el tamaño encadenar con id de la sección, x ejem:
#galería .titulo{font-size:14px;} 
NO REPETIR LA DATA DE COLOR Y FONT WEIGHT*/

.comentarios{
	font-size:11px;
	background:url(../img/comentarios_icon.gif) no-repeat 0 3px;
	padding-left:16px;	
}
/* Utilizar para que un link tenga el look de comentario(globo de diálogo a la izquierda). Colocar la clase dentro del tag "a". Ejem:
<a href="#" class="comentario">No. de comentarios</a>*/

.link_negro{
	color:#000000;
}/*Self explanatory*/

.link_gris{
	color:#656565;
	font-weight:bold;
}

.link_actual{
	color:#ed1b24;
	font-weight:bold;
}

hr{
	border:none;
	height:2px;
	background:url(../img/dotted_claro.gif) repeat-x;
}

hr, br{ clear:both}

/*Utilizar para generar linea punteada en el interior de textos*/

.dark_hr{
height:2px;
background:url(../img/dark_hr.gif) repeat-x;
}/* incluir como clase en los hrs


/*ESTILOS COMPARTIDOS ENTRE MÓDULOS*/

#agenda, #encuesta, #twitter, #buscador_left input, #mas_votados{
	font-size:11px;
	line-height:14px;
}

/*Titulo barra naranja, insertar lo que sea adentro, imagen o texto para que tenga la barra abajo*/
#top_naranja{
	background:url(../img/noticias2_1px.gif) repeat-x;	
}

.verTodo{
	clear:both;
	text-align:right;
	font-size:11px;
	margin-top:3px;
}
/*Utilizar para cerrar módulos, donde dice "Ver todo lo que sea". Incluye espacio de 30px hacia abajo*/


/*CAJAS GRISES Bordes redondeados en gris(ejemplo, modulo agenda)*/
#cuerpo, #menu_bajo, #barragris, #comentarios{
	background-color:#ececed;
}

#round_left{
	background:url(../img/mod_corner_left.gif) no-repeat bottom left;
}

#round_right{
	background:url(../img/mod_corner_right.gif) no-repeat bottom right;
}

.even{/*Padding interno gris oscuro*/
	padding:12px;
	height:25px;
}

.odd{/*Gris más claro, para dar celdas en agenda*/
	background-color:#f6f6f6;
	padding:12px;
	height:25px;
}


/*CAJAS NARANJAS (Tomar de ejemplo las noticias de 2do nivel del home*/
#contenido, .contenido{/*Dibuja borde derecho*/
	padding:20px 20px 5px 0;
	border-right:solid #f8aa00 1px;	
}

.contenido{margin-top:-3px}

#esquina_derecha{/*borde inferior naranjita*/
	border-bottom:solid #f8aa00 1px;
	height:8px;	
}
#esquina_derechagris{/*version en gris*/
	border-bottom:solid #cdcdcd 1px;
	height:20px;	
}
#esquina_derecha img, #esquina_derechagris img{/*Insertar una imagen (left_corner1px.gif) al final del html en un id. */
	float:right;
}

/*Espacio entre módulos*/

#destacado, #agenda, #twitter, #encuesta, #noticias2, #banners, #buscador, #barragris{
	margin-bottom:35px;
}

#menu_top{
	margin-bottom:25px;
}
/*CAJAS GRISES: la de comentarios de una noticia, usar este pie. La referencia es el buscador, la zona de busqueda por temas. Colocar un div encima con #e9eae9 de color de fondo*/

#pie_gris{
	background: url(../img/buscador/buscador_1px_pie.jpg) repeat-x;
}
	
#pie_gris #buscador_right_corner{
	background: url(../img/buscador/buscador_right_corner.gif) bottom right no-repeat;
}

/*recontracompartido*/
#contenidonoticia, #contenido, #barragris, #paginacion, #menu_bajo2, #menu_amarillo, #contenidogris, #compartir, #compartir3, #seccioncompartirdown, #seccioncompartirtop, #contenidogris2{
overflow:hidden;
}
#compartir3{
text-align:right;
margin-bottom:40px;
}
#compartirleft, .compartirleft, #flecha, #numeros, #numerosmenu, .titulo_amarillo, .titulo_amarillono, #menu_amarillo ul{
float:left;
display:inline;
}

/*barra GRIS y link GRIS*/
#paginacion, #barragris, #compartir{ /*estilo para pies de paginas y otros*/
font-size:11px;
color:#666666;
}
#paginacion a, #barragris a{
color:#666666;
}
#paginacion a:hover, #barragris a:hover{
color:#ed1b24;
text-decoration:none;
}
#barragris{
height:23px;
padding-top:3px;
}
#barragris img{
margin-left:9px;
margin-right:6px;
}
#barrafecha{
float:right; 
padding-right:9px;
}

/* titulos Rojo*/
.titulo #top_gun2{
padding:4px 0px 14px 0px; 
}
.titulo #top_gun2{
font-size:20px;
}
#archivo_noticias .titulo #top_gun2{
color:#333333;
}

.titulo #top_gun3{
font-size:24px;
padding:10px 0px 14px 0px;
line-height:28px;
}
.top_gun4{
font-size:18px;
}


/*pestaña*/
#pestana{
margin-top:-17px;
}

.stronger{
font-weight:bold;
}
.red{
color:#ed1b24;
}
.superstrong{
font-weight:bold;
color:#ed1b24;
}

/*contenedor linea Gris*/


#contenidogris, #contenidonoticia, #contenidogris2{
	border-right:solid #cdcdcd 1px;	
	border-top:solid #cdcdcd 1px;	
	border-bottom:solid #cdcdcd 1px;
}
#contenidogris{
	padding:44px 32px 0 32px;
}
#contenidogris2{
	padding:22px 32px 0 32px;
}

#imagengris{
margin:30px 0 0 -32px;
}



/*Seccion de Compartir*/
#seccioncompartirdown{
margin-top:-55px;
}
#seccioncompartirtop{
margin-top:-23px;
}
#compartirleft, .compartirleft{
margin:3px 0px 0px 0px;
}
#numerosleft{
margin:-12px 0px 0px 78px;
}
#compartir{
float:right;
display:inline;
}
#compartir #flecha{
margin:0 5px 0 1px;
}
#compartir #flecha img{
margin:3px 6px 0 6px;
}






/*secciON aMarillA - MENU infERIOR */
#menu_bajo2, #menu_amarillo{
	width:100%;
}
.titulo_amarillo, .titulo_amarillono{
width:226px;
border-bottom:#ed1b24 solid 2px;
border-top:#ed1b24 dashed 1px;
padding-top:4px;
}
#menu_bajo2 .titulo_amarillo{
margin-right:7px;
}
#menu_bajo2 .titulo_amarillo img, #menu_bajo2 .titulo_amarillono img{
margin-right:5px;
}
#menu_amarillo{
	margin-top:30px;
	background-image:url(../img/galeria/umiddle.gif);
	background-repeat:repeat-y;
}
#menu_amarillo ul{
margin-right:24px;
width:195px;
display:block;
margin-left:13px;
}
#menu_amarillo li, #contenidonoticiatop #relacionados li{
	background-image:url(../img/galeria/ucuadraditos.gif);
	background-position: 0 9px ;
	background-repeat:no-repeat;
	clear:both;
	top: 5px;
}
#menu_amarillo li{
	padding-left:7px;
}

#menu_amarillo a{
color:#676568;
}
#menutop_amarillo{
	background-image:url(../img/galeria/utop.gif);
	background-repeat:no-repeat;
	height:22px;
}
#menudown_amarillo{
	background-image:url(../img/galeria/udown.gif);
	background-repeat:no-repeat;
	height:18px;
}
#menudown2u li{/**/
display:block;
float:left;
display:inline;
width:226px;
margin-right:5px;
text-align:right;
}
/* fIN de secciON aMarillA - MENU infERIOR */

/*detallesdeencuesta*/
.stronger69, .stronger692{
font-weight:bold;
float:left;
display:inline;
}
.stronger692{
margin-right:20px;
}
.stronger69{
margin-left: 10px;
}
#encuesta #botones2{/**/
	margin:20px 0 0 38px;
	overflow:hidden;
}
#encuesta #barritaencuesta{/**/
height:8px;
width:135px;
background-color:#808080;
margin:5px 0 0px 0;
float:left;
}
#encuesta .opcion2{/**/
margin:0 0 24px 0;
}
#encuesta .votaciongris{/**/
		color:#666666;
}

#encuesta #barritaencuesta #barraroja{/**/
background-color:#ED1B24;
height:8px;
}


/*PAGINACION FUERA MICHAEL ATENCION!*/

#paginar_fuera, #paginar_centro{
	font-size:11px;
}

.paginar_centro{
	text-align:center;
}

#paginar_fuera{
	text-align:right;
	font-size:11px;
}

#paginar_fuera a, #paginar_centro a{
	margin:0 3px 0 3px;
}

/* UPDATE 2009 10 29, PAGINACION FUERA SIMPLE*/


.paginar_fuera .link_gris{
	font-weight:bold;
	border-right:solid 1px #000000;
	line-height:10px;
	padding: 0 5px 0 0;
	margin-top:4px;
	float:left;
}

.paginar_fuera .link_gris_no_borde{
	font-weight:bold;
	color:#656565;
	line-height:10px;
	padding: 0 5px 0 0;
	margin-top:4px;
	float:left;
}

.paginar_fuera .paginacion {
		float:left;
		margin-right:5px;
		
}

.paginar_fuera .imagen, #noticias2 #contenido .paginar_fuera .imagen{
		margin-top:4px;
}

.pag_derecha {
	float:right;
}

.caja_borde_gris{
	padding-left:21px;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
}

.bottom_right_corner{
	background:url(../img/bottom_left_corner1pxgris.gif) no-repeat bottom right; 
	margin-right:-1px;
	margin-bottom:-1px;
}

/*SOBREPOSICION BOTON PLAY*/

.play_overlay img{
	position:absolute;
}

.play_overlay .play_icon{
	margin-left:5px;
	margin-top:65px
}

#noticias2 #contenido .play_overlay .play_icon{
	margin-top:65px
}

/*BOTON SUBIR*/
#compartir3 .flecha {
	float:right;
	padding-top:8px;
}

/*ESTILOS ANTIGUOS EDITOR*/

.editor_bold, .editor_bold_red, .editor_bold_red_underline, .editor_bold_underline{
	font-weight:bold;
}

.editor_red, .editor_red_underline, .editor_bold_red, .editor_bold_red_underline{
	color:#ed1b24;
}

.editor_underline,  .editor_red_underline, .editor_bold_red_underline, .editor_bold_underline{
	text-decoration:underline;
}


.editor_small{
	font-size:11px;
	line-height:14px;
	color:#656565;
}



#noticias2 li{
list-style-image:url(../img/galeria/ucuadraditos.gif);
margin-left:12px;
}