@charset "UTF-8";
/* CSS

		Estilos creados por Irais Limón en LightDesign® México, 2009
		para UnoNoticias.  SECCION TEMA DE LA SEMANA
		
		Versión Creada			21/10/2009
		Última modificación 	22/10/2009
		
*/

/* TEMA DE LA SEMANA ------------------------------------------------------------------------------------ */

#divtema
{
	width: 900px;
	height: auto;	 /* 3500*/
	background-color: #fff;
	padding-top: 20px;	
}
#container_temasugerido
{
	width: 876px;
	height: auto;	
	font-family: Arial;
	background-color: #fff;			
	padding: 0 12px 0 12px;
	float: left;		
}
.ico_tema
{
	width: 876px;	
	height: 60px;	
	float: left;		
	text-align: right;	
	margin-bottom: 10px;
}
.classImgSugiere
{
	cursor: pointer;
	float: right;
	text-align: right;
}
#container_tema
{
	width: 876px;
	height: auto;
	float: left;	
	background-color: #fff;	
}
#container_media_tema
{
	width: 325px;
	height: auto;
	float: left;		
}
#player_Detail_tema
{
	width: 320px;
	height: auto;
	float: left;	 
}
.class_videoNota
{
	width: 150px;
	height: 15px;
	font-family: Arial;
	font-size: 11px;
	font-weight:bold;
	color: #235FAD;
	float: right;	
	cursor:pointer;
	margin-top: 5px;
	display: none;
}
.img_tema
{
	width: 320px;
	height: 240px;
	background: #fff;
	float: left;			
}
.class_tematitular
{
	width: 540px;
	height: 20px;
	float: left;		
	color: #235FAD;
	margin-left: 10px;
	font-weight: bold;
	font-size:18px;
}
.tema_container
{
	width: 540px;
	height: auto;
	float: left;	
	/*background: url(../img/img_comentaback.jpg) -80px 0 no-repeat #fff;*/
	background: url(../img/img_backtit.jpg) 0 0 no-repeat #fff;
	margin: 5px 0 0 10px;
}
.class_tematitle
{	
	width: 530px;
	height: 15px;
	font-size: 16px;
	font-weight: bold;	
	color: #000;	
	float: left;	
	margin: 20px 0 10px 0;
}
.class_temadate
{
	width: 530px;
	height: 15px;	
	font-size: 11px;
	color: #CA1425;	
	float:left;
	margin: 0 0 10px 0;	
}
.class_temainfo
{
	width: 530px;
	height: auto;
	font-size: 14px;
	color: #000;
	float: left;	
	text-align: justify;
	line-height: 1.3;		
}
.class_conclusion
{
	width:876px;	
	float: left;
	
	/*display: none;*/
}
.class_sendmail
{
	width: 120px;
	height: 22px;
	font-size: 12px;
	color: #2E2E2E;
	float: left;
	background: url(../img/img_iconota3.jpg) 0 0 no-repeat;	
	margin-right: 10px;	
	padding: 5px 0 0 30px;
	cursor: pointer;
	line-height: 1.5;
}
.classconclu
{
	width:850px;	
	font-size: 14px;	
	color: #2E2E2E;
	float: left;		
	margin: 10px 0 0 15px;
	text-align: justify;
}
#nota_comentarios
{
	width: 876px;
	float: left;
	background-color: #FFF;	
}
.class_temacomentario
{
	width: 700px;
	height: 20px;
	float: left;	
	font-weight: bold;
	color: #235FAD;	
	margin-left: 15px;

}
.class_agrega
{
	width: 200px;
	height: 20px;
	float: right;
	font-weight: bold;
	color: #235FAD;
	margin-right: 10px;	
	cursor: pointer;
	text-align: right;
}
.comentario
{
	width: 550px;
	height: 22px;
	font-size: 10px;
	float: left;
	color: #666;	
	margin: 10px 0 0 15px;
}
.class_container_ico
{
	width: 876px;
	height: 25px;
	float: left;
	margin: 10px 0 5px 0;
}
.ico_nota1
{
	width: 110px;
	height: 22px;
	font-size: 11px;
	color: #AD1425;
	float: left;
	background: url(../img/img_iconota1.jpg) 0 0 no-repeat;	
	margin-left: 15px;	
	padding: 5px 0 0 30px;
	cursor: pointer;
}
.ico_nota2
{
	width: 110px;
	height: 22px;
	font-size: 11px;
	color: #000;
	float: left;
	background: url(../img/img_iconota2.jpg) 0 0 no-repeat;	
	margin-left: 10px;	
	padding: 5px 0 0 30px;
}
.class_sig
{
	width: 150px;
	height: 22px;
	font-size: 11px;
	color: #AD1425;
	float: right;
	margin-left: 10px;	
	padding: 3px 0 0 0px;
}
.class_contenedor_comentarios
{
	width: 850px;	
	float: left;
	background-color: #f2f2f2;	
	margin: 10px 0 0 15px;
}
.class_cont_usr_comment
{
	float:left;
}
.class_person
{	
	width: 210px;
	height: 165px;
	float:left;
	margin: 7px 0 0 10px;
}
.class_img_usr
{
	width: 50px;
	height:66px;
	float: left;
	margin: 5px 5px 5px 5px;
}
.imgUsrCommnet
{
	width: 50px;
	height:66px;	
}
.class_nick
{
	width: 80px;
	height: 30px;	
	font-size: 9px;
	color: #2E2E2E;
	margin: 5px 2px 0 70px;
}
.class_media
{
	width: 135px;
	height: 120px;		
	margin: 10px 2px 0 70px;
}
.class_videoUser
{
	font-size: 12px;	
	color: #235FAD;
	float: right;
	cursor: pointer;	
}
.class_imgUser
{
	width: 133px;
	height: 100px;
	float: left;	
	margin-top: 5px;
}
.borde_gris
{
	width:1px;
	height: 160px;
	float:left;
	margin-top:8px;	
	border-left: 1px solid #BFBFBF;	
}
.class_text_comment
{
	width: 615px;	
	font-size: 12px;
	text-align:left;
	color: #2E2E2E;
	float:left;	
	margin: 7px 0 0 0px;
	padding-left: 10px;
	height: 11px;
}
.class_aviso
{
	font-size: 9px;
	float:left;		
	color: #235FAD;
	margin-left: 235px;
	padding-top: 3px;
	padding-bottom: 5px;
	cursor: pointer;
}
.aviso_gris
{	
	font-size: 9px;
	float: left;	
	color: #6B6B6B;	
	margin-left: 3px;
	padding-top: 3px;
}
.encProgress
{
	font-family: Arial;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
	color: #fff;	
	position:absolute;  
	top:38%;  
	left:13%;
	padding:10px; 
	width:70%; 
	z-index:1001; 		
}
.add_coment
{
	width: 575px;
	height: 270px;	
	float: left;
}
.class_agregarcomentario
{
	width: 550px;
	height: 20px;
	font-weight:bold;
	color: #235FAD;	
	float: left;	
	margin-left: 15px;
	text-decoration:none;
	cursor:default;
}
.form_gen
{
	width: 560px;
	float: left;
	margin: 10px 0 0 15px;
	
}
.divCampoComen
{
	width: 545px;
	height: 25px;	
	font-size: 12px;
	float: left;
	margin-bottom: 5px;		
}
.divCampoComenMedia
{
	width: 545px;
	height: 35px;	
	font-size: 12px;
	float: left;
	margin-bottom: 5px;		
}
.labelEspec
{
	width: 350px;
	height: auto;
	font-size: 10px;	
	color: #666666;
	float:left;	
	padding-left:100px;
}
.labelEspecInc
{
	width: 90px;
	height: auto;
	font-size: 10px;
	color: #f00;
	float:left;
	display: none;
	/*padding: 5px 0 5px 130px;*/
}
.inscomentariolbl
{
	width: 100px;
	height: 20px;	
	color: #000;
	float: left;
	padding-top: 5px;
}
.labelObligatorio
{
	width: 150px;
	height: 15px;
	padding-top: 5px;	
	color: #000;
	float: left;
}
.labelLoad
{
	font-size: 10px;
	display: none;
	float: left;
}
.classlink
{
	float: left;
	margin-left: 10px;
	text-decoration: none;
	display: none;
	font-size: 10px;
}
.divCampoComentario
{
	width: 545px;
	height: 130px;	
	font-size: 12px;
	float: left;
	margin-bottom: 5px;		
}
.divComen
{
	width: 545px;
	height: 25px;	
	font-size: 12px;
	float: left;		
	margin: 0 0 0 15px;
}
.classbtnSend
{
	width: 90px;
	height: 25px;		
	font-size: 12px;
	font-weight: bold;	
	color: #fff;
	float: right;	
	background-color: #1e4c77;	
	margin-right: 90px;
	text-align: center;		
}
.banner_class
{
	width: 300px;
	height: 250px;
	float: left;		
}
.classpanelAnt
{
	width: 876px;	
	float: left;	
	background-color: #EDEDED;
	margin-top: 5px;	
	padding-top: 15px;		
}
.divTemaAnt
{
	width: 830px;
	height: 15px;	
	margin: 0 0 15px 15px;
}
.imgTemaAnt
{
	float:left;	
	margin-right: 5px;
}
.classTemaAnt
{
	width: 600px;
	height: 15px;
	float:left;
}
.tituloTemaAnt
{		
	font-size: 12px;	
	color: #000;	
	text-decoration:none;
}
.fechaTemaAnt
{
	width: 200px;
	height: 15px;	
	font-size: 10px;
	float:left;
	color: #235FAD;	
	margin-left: 10px;
}
.divInferiorTopic
{	  
	 background-color: #fff;	 
	 float: left;
}
.espacioTopic
{
	width: 876px;
	height:20px;
	background-color: #fff;	
	float: left;
}
.divEspecial
{
	 width: 876px;
	 height: 10px;
	 background-color: #fff;	
	 float: left;

}