/* ======================================================================

LAUWEB.COM // La U Web
(c) 2007-08 Frio Terminal Rosario S.A.
Todos los Derechos Reservados. All Rights Reserved.

Stylesheet prepared by Pablo Rossi for lauweb.com

======================================================================== 

[Master Stylesheet] 
  
Project:    La U Web 
Version:    1.1 
Last change:    NEW 
Assigned to:    Pablo Rossi, Ivan Mendoza 
Primary use:    Newspaper

========================================================================  */

	
/*-----------------------------------------------------------------------
Noticias / Estructuras
------------------------------------------------------------------------ */


.noticiaCompleta {	
		float:					left;
		padding-bottom:			8px;
}
	.a textarea,.a table, .a_area{
	width:						610px;
	}
	.b textarea,.b table, .b_area{
		width:					396px;
	}
	.c textarea, .c_area{
	width:						184px;
	}
	.a {	
		width:					638px;
		border-left:			1px solid #CCCCCC;
		}

	.b {	
		width:					425px;
		display:				inline;
		font-size: 				26px;
		line-height: 			29px;
		border-left:			1px solid #CCCCCC;
	}

	.c {	
		width:					212px;
		display:				inline;
		font-size: 				23px;
		line-height: 			26px;
		border-left:			1px solid #CCCCCC;
	}

	/*.d {
		background-color:		#000000;
		color:					#FFFFFF;
		width:					381px;
		height:					60px;
		margin-right:			10px;
		padding:				10px;
	}*/
	.titulosDiv {
		margin:					-60px 0px 0px 70px;

	}


#nota_margen {
		margin: 				0px 14px;
}

#nota-margen-sinfoto {
		margin: 			60px 14px 0px;
}

.bannercabecera embed {
	width: 320px;
	height: 80px;
	background-color: #fff;
}


.notacabecera {
font-size:				9px;
line-height:			12px;
text-transform:			uppercase;
}

#cabecera {
		margin:					0 0 0 160px;
		position:				absolute;
		top:					45px;
		width:					200px;
	}
	
	.bannercabecera {
		margin:					0 0 0 650px;
		position:				absolute;
		top:					10px;
		width:					320px;
		height:					80px;
	}
	
	.bannerlateral {
		width: 317px;
		margin-bottom:			10px;
	
	}
	
	.bannerlateral embed {
	height: 184px;
	width: 317px;
}
	.bannerlateral img {
		width:					317px;
		height:					auto;
		margin-bottom:			10px;
	}

/*-----------------------------------------------------------------------
Noticias Abierta
------------------------------------------------------------------------ */

#noticia {
		width:					640px;
		float:					left;
		}
	#herramientas {
		float:					left;
		width:					610px;
		border-bottom:			1px solid #ccc;
		border-top:				1px solid #ccc;
		font: 				 	normal normal 9px Arial, Helvetica, sans-serif;
		text-transform:			uppercase;
		vertical-align:			middle;
		margin:					10px 0px 20px;
	}
		#herramientas li {
		float:					left;
		display:				inline;
		line-height:			350%;
		margin-right:			8px;
		list-style-image:		none;
		list-style-type:		none;
		}
		#herramientas li a {
		display:				block;
		cursor:					pointer;
		padding:				0px 10px 0px 25px;
		}
		#herramientas li a:hover {
		text-decoration:		underline;
		}
		
		.compartir {
		margin:					4px 8px -4px 0px;
		}


/*extras en nota desplegada*/
.print { background:transparent url(../images/iconos/u_print.gif) no-repeat scroll left center; }
.enviar { background:transparent url(../images/iconos/u_enviar.gif) no-repeat scroll left center; }
.txtbig { background:transparent url(../images/iconos/u_txtbig.gif) no-repeat scroll left center; }
.txtsmall { background:transparent url(../images/iconos/u_txtsmall.gif) no-repeat scroll left center; }

/*video*/

.videonota object embed {
		height:					260px;
}

/*comentarios*/

#tituloComentarios {
		height:					35px;
		margin:					0px 14px;
		border-top:				1px solid #000000;
		border-bottom:			5px solid #000000;
		margin: 				50px 14px 0px;
		vertical-align:			middle;
		}
		#tituloComentarios ul {
		width:					610px;
		}
		#tituloComentarios ul li {
		list-style-image:		none;
		list-style-type:		none;
		float:					left;
		display:				inline;
		}
		.titulo {
		width:					340px;
		font: 				 	normal bold 16px Arial, Helvetica, sans-serif;
		margin-top:				10px;
		}
		.comentarios {
		width:					120px;
		text-align:				right;
		margin-right:			10px;
		font: 				 	normal normal 9px Arial, Helvetica, sans-serif;
		margin-top:				12px;
		display:				inline;
		}
		#tituloComentarios ul li input {
		display:				inline;
		width:					140px;
		height:					35px;
		font: 				 	normal normal 9px Arial, Helvetica, sans-serif;
		background-color:		#000000;
		color:					#999999;
		padding-top:			3px;
		text-align:				center;
		cursor:					pointer;
		}
		#tituloComentarios ul li input:hover {
		color:					#eee;
		}
		
.importante {
		background-color:		#FFFF00;
		border-bottom:			1px solid #000000;
		margin:					0px 14px;
		padding:				8px;
}

#comentarios {
		margin:					20px 14px 50px;
}

.comentario {
		font:				 	normal normal 12px Tahoma;
		padding:				10px;
		background-color:		#EBEBEB;
		}

#comentBottom {
		background:				transparent url(../images/iconos/u_coment_bottom.gif) no-repeat scroll left center;
		height:					32px;
		margin-bottom:			5px;
		}
		
		#comentBottom li {
		float:					left;
		margin-top:				12px;
		}
		
		#comentBottom h2 {
		font: 				 	normal bold 12px Arial, Helvetica, sans-serif;
		margin-left:			42px;
		letter-spacing:			0px;
		margin-top:				0px;
		cursor:					auto;
		width:					370px;
		}

		#comentBottom h3 {
		font: 				 	normal normal 10px Tahoma;
		margin-left:			12px;
		letter-spacing:			0px;
		margin-top:				1px;
		cursor:					auto;
		}
		
		#comentBottom h4 {
		font: 				 	normal normal 10px Arial, Helvetica, sans-serif;
		margin-left:			12px;
		letter-spacing:			0px;
		margin-top:				1px;
		cursor:					pointer;
		}
		#comentBottom h4:hover {
		border-bottom:			1px solid #999999;
		}
		
		#comentBottom h5 {
		font: 				 	normal normal 10px Arial, Helvetica, sans-serif;
		margin-left:			12px;
		letter-spacing:			0px;
		margin-top:				-2px;
		color:					#000000;
		background-color:		#FFEB00;
		padding:				2px 5px;		
		}
		
/*------------------------------
Ahora en Portada
---------------------------------*/

.enportada {
		font: 				 	normal normal 10px Arial, Helvetica, sans-serif;
		display: 				block;				
		float:					left;
		margin-top:				5px;
}
.enportada li {
		display:				block;
		background-color:		#FFFFFF;
		margin-top:				1px;
		height:					74px;
		padding: 				5px;
		width:					307px;
	}
	.fotoportada {
		width:					74px;
		height:					74px;
		display:				block;
		overflow:				hidden;
		float:					left;
	}
	.txtportada {
		width:					223px;
		height:					74px;
		display:				block;
		overflow:				hidden;
		float:					left;
	}
	.enportada h5 {
		text-transform:		uppercase;
		font: 				bold 10px Arial;
		padding:			5px 8px 0px;
		margin:				0;
	}
	.enportada h6 {
		font: 				normal 10px Arial;
		height:				38px;
		overflow:			hidden;
		padding:			0px 8px 5px;
		margin:				0;
		color:				#000000;
	}

/*-----------------------------------------------------------------------
NOTICIAS DE LA COLUMNA DERECHA
------------------------------------------------------------------------ */


.agregado {
		width:					317px;
		border-left:			none;
}

/*recuadro*/
#recuadro {
		background-color:		#FFE600;
		padding:				10px 14px;
	}
		#recuadro h1 {
		font-size: 				22px;
		line-height: 			26px;
		cursor:					pointer;
		}

/*galeria*/
#galeria {
		background-color:		#fff;
		padding:				14px 14px 10px;
	}
		#galeria h1 a, #video h1 {
		text-transform:			uppercase;
		line-height:			23px;
		font-size: 				24px;
		background-color:		none;
		font-weight:			normal;
		}
		#galeria h1 a:hover {
		background-color: #FFEB00;
		}

/*frase*/
#frase{
		background-color:		#FFF;
		padding:				14px;
		border-bottom:1px solid #ddd;
	}
#frase_volanta{
		background-color:		#FFF;
		padding:				10px 14px;
	}
		 .quote {
		font: 					normal normal 85px Georgia, "Times New Roman", Times, serif;
		color: 					#DADADA;
		line-height: 			70px;
		margin-bottom:			-40px;
		}
		
		.lafrase {
		}

		
		
		.autor, .autor a:link, .autor a:visited {
		font-size: 14px;
		letter-spacing: 0px;
		margin-top:10px;
		line-height:16px;
		}

/*frase*/
	.number{
		background-color:		#FFF;
		padding:				10px 14px;
	}
	.number_txt{
		padding:				10px 14px;
		background-color:		#FFE600;
	}
/*data*/
#data {
	background-color:			#FFFFFF;
	color:						#000;
	font: 						italic bold 22px Arial, Helvetica, sans-serif;
	letter-spacing: 			-1px;	
	padding:					10px 14px;
	}
	
/*foto y video del dia*/
#blanco, #video {
		background-color:		#ffffff;
		padding:				4px 14px 10px;
	}

.asesino {
		background-color:		#000000;
		padding:				4px 14px 10px;
		color: #FFFFFF;
		font: 					normal normal 12px Arial, Helvetica, sans-serif;
		cursor: pointer;
	}
.asesino img {
		margin-bottom: -28px;
		}
	
/*-----------------------------------------------------------------------
Typefaces
------------------------------------------------------------------------ */

p a:link, p a:visited {
	border-bottom: 1px solid #999999;
	}
p a:hover {
	border-bottom: 1px solid #000000;
	}

/*tituloA*/
h1 {
		font: 					italic bold 30px Arial, Helvetica, sans-serif;
		color:					#000000;
		letter-spacing: 		-1px;
		text-decoration:		none;
		text-align:				left;
		text-decoration: 		none;
		line-height: 			30px;
		clear:					both;
		margin-top:				3px;
		overflow:				hidden;
}

/*tituloB*/
h2 {
		font: 					italic bold 24px Arial, Helvetica, sans-serif;
		color:					#000000;
		letter-spacing: 		-1px;
		text-decoration:		none;
		text-align:				left;
		text-decoration: 		none;
		line-height: 			26px;
		clear:					both;
		margin-top:				3px;
		cursor:					pointer;
}

/*tituloC*/
h3 {
		font: 					italic bold 21px Arial, Helvetica, sans-serif;
		color:					#000000;
		letter-spacing: 		-1px;
		text-decoration:		none;
		text-align:				left;
		text-decoration: 		none;
		line-height: 			22px;
		clear:					both;
		margin-top:				3px;
		cursor:					pointer;
}

h4 {
		font: 				 	normal normal 9px Arial, Helvetica, sans-serif;
		text-transform:			uppercase;
		text-align:				left;
}

h5 {
		font: 					italic normal 20px Georgia, "Times New Roman", Times, serif;
		color:					#272525;
		margin: 				0px;
}


/*video*/
.videonota {
		width: 317px;
}


/*encuestas*/
.encuesta {
	background-color: #FFFFFF;
	padding: 10px 14px;
	}
.encuesta h1 {
	font: normal bold 14px Arial, Helvetica, sans-serif;
	margin-top: 0px;
	letter-spacing: normal;
	}
.encuesta ul {
	margin: 0px;
	}
.opciones {
	background-color: #ffffff;
	padding: 5px 14px 12px;
	}
.encuesta li {
	margin: 1px 0px;
	}	
.encuesta li input {
	margin: 4px 0px;
	}
.encuestaTipo {
	font: normal normal 11px Arial, Helvetica, sans-serif;
	position: absolute;
	margin: 6px 3px 0px;
}
.buttonEncuesta {
	margin-top: 5px;
}
.buttonEncuesta input {
	background-color: #FFEB00;
	color: #000000;
	font: normal normal 9px Arial, Helvetica, sans-serif;
	padding: 6px 5px 4px;
	text-transform: uppercase;
	cursor: pointer;	
	}
	
	.buttonEncuesta input:hover {
	background-color: #000000;
	color:#FFFFFF;
	}

.resultado {
	font: normal normal 12px Arial, Helvetica, sans-serif;
	margin-top: 2px;
	height: 15px;
}
.percentBar {
	background-color: #CCCCCC;
	margin: 3px 0px 2px;
	height: 14px;
	}
	.percentBar div {
	background-color: #FFE600;
	height: 14px;
	}
.resultValor {
	float: right;
	font-size: 11px;
	}
.resultOpcion {
	float: left;
	font-size: 11px;
	}




h6, h6 a:link, h6 a:visited {
		font: 					italic normal 19px Arial, Helvetica, sans-serif;
		color:					#fff;
		text-decoration:		none;
		text-align:				left;
		text-decoration: 		none;
		line-height: 			22px;
		clear:					both;
		cursor:					pointer;
}
h6 a:hover {
		color:					#FFeb00;
}


h1 a:hover, h1 a:active, h2 a:hover, h2 a:active, h3 a:hover, h3 a:active, a.tituloshover:hover {
		background-color:		#FFeb00;
}


/* bajada */
.bajada, .bajada p, #bajada_ifr {
		font-size:			 	13px;
		font-weight:			normal;
		color:					#000000;
		font-family:			Tahoma;
		text-align:				left;
		line-height:			16px;
}
.bajadaHeader {
		font-size:			 	13px;
		font-weight:			normal;
		color:					#C4C4C4;
		font-family:			Tahoma;
		text-align:				left;
}

/* txt principal */
.contenido, #contenido_ifr {
		font-size: 				12px;
		font-weight:			normal;
		color:					#000000;
		font-family:			Tahoma;
		text-align:				left;
		line-height: 			19px;
		clear:					both;
}


/* seccion */
#seccion {
		font: 				 	normal normal 9px Arial, Helvetica, sans-serif;
		text-transform:			uppercase;
		text-align:				left;
		margin-top: 			24px;
		position:				absolute;
		padding: 				6px 0px 5px;
		z-index:				50;
}
		#seccion a {
		padding: 				6px 8px 5px;
		background-color:		#FFeb00;
		cursor:					pointer;
		display:				inline;
		}

		#seccion div, #seccion2 div {
		padding: 				6px 8px 5px;
		background-color:		#000000;
		color:					#FFFFFF;
		display:				none;
		margin-left:			-3px;
		filter:					alpha(opacity=60);
		-moz-opacity:			0.6;
		-khtml-opacity:			0.6;
		opacity: 				0.6;
		cursor:					pointer;
		}
		#seccion:hover div, #seccion2:hover div {
		display:				inline;
		}
		#seccion.seccion, #seccion2.seccion {
			margin: 			14px 0px 19px 0px;
		}
		
#seccion2 {
		font: 				 	normal normal 9px Arial, Helvetica, sans-serif;
		text-transform:			uppercase;
		text-align:				left;
		margin-top:				10px;
}
		#seccion2 a {
		padding: 				6px 8px 5px;
		cursor:					pointer;
		display:				inline;
		line-height:			230%;
		background-color:		#FFEB00;
		}

/* foto */	
.foto {
		margin-top:					14px;
		background-color:			#000000;
		overflow:					hidden;
		}
.foto2 {
		margin-top:					0px;
		background-color:			#000000;
}
.sinFoto{
		background-color:			#FF0000;
	}
.fotoHeader{
		width:						60px;
		height:						60px;
		}

	.d .fotoHeader {
		float: left;
		width: 60px;
		height: auto;
	}

	.d .titulosDiv {
		margin: auto;
		float: right;
		width: 310px;
	}

/* epigrafe / relacionados / extras */
#relacionados, .epigrafe {		
		font: 				 	normal normal 9px Arial, Helvetica, sans-serif;
		text-transform:			uppercase;
		text-align:				left;
		text-decoration:		none;
		float:					block;
		list-style-image:		none;
		list-style-position:	outside;
		list-style-type:		none;	
}

	#relacionados div {
		display:				block;
		padding: 				7px 12px 7px 25px;
		margin:					5px 15px 0px 0px;
		float:					left;
	}
	
	.relacionadosName { color:#666666; }
	
	.epigrafe {
		background-color:		#000000;
		color:					#CCCCCC;
		display:				block;
		padding:				6px 0px;
		position:				absolute;
		margin-top:				-23px;
	}
	
	.TituloGaleria{
		font-size: 				20px;
		font-style:				italic;
		font-weight:			bold;
		color:					#ffffff;
		font-family: 			Arial, Helvetica, sans-serif;
		letter-spacing: 		-2px;
		text-decoration:		none;
		float:					left;
	}
	
	#controles {
		z-index:				500;
		position:				absolute;
		margin-left:			14px;
	}
	
	.control1 {
			margin-top:				138px;
	}
	.control2 {
			margin-top:				106px;
	}
		
	#controles a {
			text-decoration: 		none;
			font: 				 	normal normal 9px Arial, Helvetica, sans-serif;
			background-color:		#000000;
			color:					#CCCCCC;
			cursor:					pointer;
			text-align:				center;
			padding: 				5px 6px;
			float:					left;
	}
	
		#controles a:hover {
			background-color:		#FFeb00;
			color:					#000;
		}

	.agrandar {
		position: absolute;
		margin: -22px 0px 0px 549px;
		z-index: 51;
	}
	.agrandar a {
			text-decoration: 		none;
			font: 				 	normal normal 9px Arial, Helvetica, sans-serif;
			background-color:		#000;
			color:					#CCCCCC;
			cursor:					pointer;
			text-align:				center;
			padding: 				5px 6px;
			float:					left;
	}
	.agrandar a:hover {
			background-color:		#FFeb00;
			color:					#000000;
	}

/*extras*/
.audio { background:transparent url(../images/iconos/i_audio.gif) no-repeat scroll left top; }
.audio_over  { background:transparent url(../images/iconos/i_audio.gif) no-repeat scroll left top; background-color:#F5F5F5; }
.video { background:transparent url(../images/iconos/i_video.gif) no-repeat scroll left top; }
.video_over  { background:transparent url(../images/iconos/i_video.gif) no-repeat scroll left top; background-color:#F5F5F5; }
.img { background:transparent url(../images/iconos/i_img.gif) no-repeat scroll left top; }
.img_over  { background:transparent url(../images/iconos/i_img.gif) no-repeat scroll left top; background-color:#F5F5F5; }
.gal { background:transparent url(../images/iconos/i_gal.gif) no-repeat scroll left top; }
.gal_over  { background:transparent url(../images/iconos/i_gal.gif) no-repeat scroll left top; background-color:#F5F5F5; }
.enc { background:transparent url(../images/iconos/i_enc.gif) no-repeat scroll left top; }
.enc_over  { background:transparent url(../images/iconos/i_enc.gif) no-repeat scroll left top; background-color:#F5F5F5; }
.coment { background:transparent url(../images/iconos/u_coment.gif) no-repeat scroll left center; }
.coment_over { background:transparent url(../images/iconos/u_coment.gif) no-repeat scroll left center; background-color:#F5F5F5; }


/*enlaces*/

#contenedorNotas, #contenedorEnlaces {
	background-color: #FFFFFF;
	color: #000000;
	font: normal normal 11px Arial, Helvetica, sans-serif;
	width: 317px;
	display: block;				
	float: left;
	margin-bottom: 8px;
}

	#tituloEnlaces, #tituloNotas {
		border-bottom: 1px solid #cccccc;
		font: normal normal 18px Georgia, "Times New Roman", Times, serif;
		padding: 10px 10px 3px;
	}
			
		#contenedorNotas ul, #contenedorEnlaces ul {
		margin:					0px;
		}
		
		#contenedorListas {
		border-bottom: 1px solid #f0f0f0;
		padding: 7px 10px 5px 24px;
		background:transparent url(../images/iconos/arrow.gif) no-repeat scroll left center;
		}
		
/*-----------------------------------------------------------------------
Banners
------------------------------------------------------------------------ */

.bannerImagen {
		cursor: pointer;
		text-align: left;
		float: left;
		/*margin: 5px auto 5px 15px;*/
	}
	.bannera {
	width: 610px;
	margin: 14px;
	}
	
	.bannerb {
	width: 397px;
	margin: 14px;
	float: left;
	}
	
	.bannerc {
		width: 183px;
		border-left:1px solid #CCCCCC;
		display:inline;
		padding:14px;
	}
	
	
	.bannerc_paraagregar {
	width: 184px;
	padding: 14px;
	float: left;
	border-left: 1px solid #ccc;
	}