/* -------------------------------
CENTRADO DE LA PÁGINA
------------------------------- */
html { 
	overflow-y: scroll;
}
.paginaCentrada {
	width:980px;
	margin:0 auto;
	position:relative;
	z-index:2;
}
body {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	padding: 0px;
	margin:10px 0 0 0;
	background-color: #fff;
}

/* -------------------------------
PUBLICIDAD - Banners Superiores y Layer
------------------------------- */
.publicidad {
	float: left;
	width: 980px;
	padding-left:0;
	padding-right:0;
	text-align:center
}
.bannerGrande {
	float: left;
	overflow:hidden;
	margin: 0px;
	padding: 0px;
}
.bannerChico {
	float: left;
	width: 234px;
	margin: 0px;
	padding: 0 0 0 18px;
}
#layerGAM {
	width:800px;
	height:600px;
	position:absolute;
	left:50%;
	margin-left:-400px;
	top:100px;
	text-align:center;
	visibility:hidden;
	z-index:1000;
}

/* -------------------------------
CONTENIDO PÁGINA
------------------------------- */

.contenido {
	width: 980px;
	float: left;
	padding-top: 5px;
	padding-bottom: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eeeeee;
	margin: 0px;
	border-left: none;
	border-right: none; 
}
.franja1 {  
	float: left;
	width: 960px;
	text-align: left; 
	border-left: 1px solid #cacaca;
	border-right: 1px solid #cacaca;
	padding: 10px 9px 0 9px;
}


.franja2 {
	float: left;
	width: 960px;
	text-align: left;
	border-left: 1px solid #cacaca;
	border-right: 1px solid #cacaca;
	padding: 0 9px 0 9px;
}
.franja3 {  
	width: 960px; 
	float: left;
	text-align: left;
	border-left: 1px solid #cacaca;
	border-right: 1px solid #cacaca;
	padding: 0 9px 0 9px;
}
.marco {
	background-color: #FFFFFF;
	float: left;
	padding-bottom: 5px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #056B9E;
	clear: both;
	width: 980px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

/* Pie */

.pie{
	width: 979px;
	padding: 0;
	font: bold 10px Verdana;
	background-color: #FFFFFF;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left; 
}

.pie li{
	display: inline;
	margin: 0px;
	padding: 0px;
}

.pie li a{
	font: 11px arial, sans-serif;
	float: left;
	color: #135287;
	padding: 4px 7px;
	text-decoration: none;
	border-right: 1px solid #FFFFFF;
	font-weight: normal;
}

.pie li a:visited{
color: #135287;
}

.pie li a:hover, .pie li a.selected {
color: #FFFFFF;
background-color: #799AC0;
}

.pie ul {
	display: inline;
	padding: 0px;
	margin:0;
	float: left;
	width: 980px; 
	list-style-type: none;
}

/* Zona legal */

.legal {
	float: left; 
	padding:5px 0px;
	width:980px;
	margin:0;
}
.legal h1 {

	font-size: 11px;
	font-weight: normal;
	margin: 5px 0px 0 5px;
	padding: 0px;
	float:left;
}
.legal h1 a {
	color: #666666;
	text-decoration: none;
}
.legal h1 a:visited {
	color: #666666;
	text-decoration: none;
}
.legal h1 a:hover {
	color: #666666;
	text-decoration: underline;
}
.legal img {
	float:right;
}


/* -------------------------------
CABEZAL
------------------------------- */

/* Usuarios (Registro) */

.usuarios{
	font: normal 9px arial, sans-serif; 
	text-align: right;
	text-transform: uppercase;
	color: #78bcb8;
	margin: 0 0 3px 0;
	width:960px;
}

.usuarios a{ 
	color: #78bcb8;
	border: none; 
	text-decoration: none;
	padding: 0 5px 0 5px;
}

.usuarios a:hover {  
	color: #78bcb8;
	text-decoration: underline; 
}

/* Cabezal */

.cabezal {
	width: 980px;
	background: #fff  url(/common/_img/imgad_bg.gif) repeat-x;
}
.logoCabezal {
	width: 658px;
	float: left;
	background: #fff  url(/common/_img/imgad_bg.gif) repeat-x;
}

	.logoCabezal img {
		float:left;
		padding: 0;
		margin:0;
	}

/* Head */

.fecha {   
	padding: 8px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	text-align: left;
	margin: 0; 
	text-transform: uppercase;
	font-weight: normal; 
}

.fecha b {
	font-size: 12px;
	line-height: 22px;
	text-transform: lowercase;
}

.clima { 
	float: left;
	width: 140px; 
	padding: 0px 10px 5px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #78bcb8;
	text-align: left;
	margin: 10px 0px 0px 20px; 
	text-transform: uppercase;
	font-weight: bold;
	line-height: 16px;
	border-left: 1px dotted #cacaca;
	height: 45px; 
}

.clima b {
	font-size: 9px;
	line-height: 16px;
	text-transform: uppercase;
	font-weight: normal;
}
	
.clima .ciudad {
	font-size: 10px;
	line-height: 13px;
	text-transform: uppercase;
	font-weight: normal;
}

.clima img { 
	float: left;
	padding: 10px 10px 10px 0;
}
	
.clima a, .clima a:visited {
	color: #78bcb8;
	text-decoration: none;
}

.clima a:hover{
	color: #78bcb8;
	text-decoration: underline;
}
	
/* Buscador */

.busca { 
	float: right;
	width: 312px; 
	padding: 0px 0px 0px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #78bcb8;
	text-align: left;
	margin: 0px 0px 0px 0px; 
	text-transform: uppercase;
	font-weight: bold;
	line-height: 8px;
	border-left: 0px dotted #cacaca;
	height: 55px;  
	background: #fff  url(/common/_img/imgad_bg.gif) repeat-x;
}

.busca .avanzado {
	font-size: 8px;
	line-height: 16px;
	text-transform: uppercase;
	font-weight: normal;}
	
	.busca .avanzado a:link, .busca .avanzado b a:visited {
		color: #78bcb8;
		text-decoration: none;}
	
	
	.busca .avanzado a:hover{
		color: #78bcb8;
		text-decoration: underline;
	}
	
.busca .buscador {
	padding: 10px 0 0 0;
	font-size: 8px;
	line-height: 16px;
	text-transform: uppercase;
	font-weight: normal;}

.busca .cajabuscador {
	float:left;
	padding: 3px 0 3px 3px;
	margin: 0 10px 0px 0;
	width: 260px;
	height: 8px;
	border: 1px solid #e3e3e3;
	font-size: 10px;
	line-height: 10px; 
	font-weight: normal;
	background-color: #f2f2f2;
}

/* Menú Superior */

.menuSuperior {
	width: 980px;
	float: left;  
	height:27px;
	background-color:#4877aa;
	
}

.menusup {
	float: left; 
}
.menusup2 {
	float: right;
	background-color:#f8941d;
	width: 297px;
	height: 27px;
	color: #ffffff;
	font: italic 16px georgia, "times new roman", serif;
	padding: 3px 0 0 15px;
}
.tabsuperior{
	padding: 7px 0 4px 0;
	margin: 0; 
	font: bold 12px arial, sans-serif; 
	letter-spacing: 0.9px;
	list-style-type: none;
	text-align: left;
	color: #ffffff;  
	float: left;
}

.tabsuperior li{
	display: inline;
	margin: 0px;
	padding:0;
}

.tabsuperior li a{
	text-decoration: none; 
	color: #ffffff;
	padding-top: 7px;
	padding-bottom: 5px;
	margin:0;
	padding-right: 8px; 
	padding-left: 8px; 
	border-right: 1px solid #78bcb8;
}


.tabsuperior li.selected a{ /*selected tab effect*/
	position: relative; 
	background-color: #87a8d4;
	color: #ffffff;
}



.tabsuperiorclasificados { 
	float: right;
	height:50px;
	width: 320px;
	background-color: #ffcc00;
}

.tabsuperior li.usuarios{
	font: normal 10px Verdana; 
}

.tabsuperior li.usuarios a{ 
	color: #ffffff;
	border: none; 
}

.tabsuperior li a:visited{
color: #ffffff;
}

.tabsuperior li a:hover{
background-color: #87a8d4;
color: #ffffff;
}

.tabsuperior li a:active{
color: #ffffff;
background-color: #77b092;
}


/* Menú Inferior */


.menuInferior{
	width: 978px;
	padding: 0;
	font: 11px arial, sans-serif;
	background-color: #FFFFFF;
	padding: 5px 0 5px 0;
	margin: 0px;
	float: left;
	border-bottom: 6px solid #4877aa;
	border-left: 1px solid #cacaca;
	border-right: 1px solid #cacaca;
}

.menuInferior li{
	display: inline;
	margin: 0px;
	padding: 0px;
}

.menuInferior li a{
float: left;
color: #8e8e8e;
padding: 0px 5px 0 5px;
text-decoration: none;
border-right: 1px solid #8e8e8e;
}

.menuInferior li a:visited{
color: #8e8e8e;
}

.menuInferior li a:hover, .menuInferior li a.selected {
color: #8e8e8e; 
text-decoration: underline;
}
.menuInferior ul {
	display: inline;
	padding: 0px;
	float: left;
	width: 960px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;  
}

.tabinferiorleft { 
	float: left;
	width: 660px; 
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

.tabinferiorright { 
	float: right;
	width: 301px; 
	padding: 3px 0 5px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; 
	background-color: #f2f2f2; 
	margin: -4px 0; 
}

.tabinferiorright a { 
	color: #000;
	text-decoration: none;
	padding: 0 5px 0 6px;
}

.tabinferiorright a:hover { 
	color: #000;
	text-decoration: underline;
	padding: 0 5px 0 6px;
}





.banner {
	padding: 0px;
	width: 160px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	float: left;
}
.columna2 .banner {
	width: 300px;
}


.columnaespecial {
	width:784px;
	float:left;
	margin:0 14px 0 0;
	padding:0;
}
.columna1y2 {
	width:784px;
	float:left;
	margin:0;
	padding:0;
	background-color:#FFFFFF;
	background-image:url(../_img/fondoFranjas2Columnas.jpg);
	background-repeat:repeat-y;
}

.columna1 {
	width: 470px;
	margin-right: 14px; 
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
}
.columna12 {
	padding: 0px;
	width: 300px;
	margin-top: 0px;
	margin-right: 8px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
}
.columna13 {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 160px;
	clear: right;
}


.columna2 {
	float: left;
	width: 300px;
	margin-top: 0px;
	margin-right: 14px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}
.columna2Izquierda {
	float: left;
	width: 140px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #eeeeee;
}
.columna2Izquierda  h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #666666;
	margin: 0px;
	float: left;
	width: 130px;
	padding-right: 5px;
	padding-left: 5px;
	font-weight: normal;
	padding-top: 0px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
}
.columna2Izquierda h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #666666;
	float: left;
	width: 130px;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	padding: 5px;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
}
.columna2Izquierda a {
	color: #FF9933;
	width: 135px;
	text-decoration: none;
}
.columna2Izquierda a:hover {
	color: #FF9933;
	width: 135px;
	text-decoration: underline;
}


.columna2Derecha {
	padding: 0px;
	float: right;
	width: 145px;
	margin: 0px;
}
.columna2Derecha ul {
	width: 130px;
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
}
.columna2Derecha li {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eeeeee;
	background-image: url(../_img/buletBlanco.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
	list-style-type: none;
}
.columna2Derecha a {
	color: #666666;
	width: 135px;
	text-decoration: none;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0px;
	margin-top: 0px;
}
.columna2Derecha a:hover {

	color: #FF9933;
	width: 135px;
}
.edicionImpresa {
	margin: 0px;
	float: left;
	text-decoration: none;
}
.edicionImpresa img {
	background-color: #eeeeee;
	padding: 1px;
	text-align: center;
	width: 143px;
}
.columna3 {
	float: left;
	width: 160px;
	text-align: center;
	padding: 0px;
	margin: 0px;
}
.columna3 a {
	font-size: 12px;
	color: #999999;
	width: 160px;
	float: left;
	text-decoration: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eeeeee;
}
.columna3 a:hover {
	font-size: 12px;
	color: #FF9933;
	width: 160px;
	float:left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.columna3 img {
}


/* -------------------------------
Contenido Nota - Links para recomendar notas
------------------------------- */

.links {
	cursor:pointer;
	width: 470px;
	text-align: right;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	float: left;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCCCCC;
	vertical-align: top;
	height: 30px;
	padding-top: 5px;
}
.links a {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
	margin-right: 8px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	margin-top: 5px;
	padding-top: 5px;
}
.links a:hover {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FF9900;
	text-decoration: underline;
	margin-right: 8px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	margin-top: 5px;
	padding-top: 5px;
}

/* -------------------------------
Columna Central - Listados de Noticias
------------------------------- */
.listadoNoticiasSeccion {
	float: left;
	width: 295px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #056B9E;
	background-color: #E3E7F2;
}
.listadoNoticiasSeccion ul {
	width: 275px;
	padding: 0px;
	list-style-type: none;
	margin: 0px;
}
.listadoNoticiasSeccion li {
	width: 255px;
	float: left;
	background-image: url(../_img/buletAzul.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
	list-style-type: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.listadoNoticiasSeccion a {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003366;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}
.listadoNoticiasSeccion a:hover {

	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FF9900;
	text-decoration: underline;
	margin: 0px;
	padding: 0px;
}

.tituloModulo {
	width: 290px;
	height:40px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	padding: 0px;
}
.TMHome_Observa {
	background-image: url(http://www.observa.com.uy/common/_publicidad/visor/Home_Observa/area4/publicidad.gif);
	background-repeat: no-repeat;
}
.TMActualidad {
	background-image: url(http://www.observa.com.uy/common/_publicidad/visor/Actualidad/area4/publicidad.gif);
	background-repeat: no-repeat;
}
.TMAgro {
	background-image: url(http://www.observa.com.uy/common/_publicidad/visor/Agro/area4/publicidad.gif);
	background-repeat: no-repeat;
}
.TMCiencia_y_Tecnologia {
	background-image: url(http://www.observa.com.uy/common/_publicidad/visor/Ciencia_y_Tecnologia/area4/publicidad.gif);
	background-repeat: no-repeat;
}
.TMDeportes {
	background-image: url(http://www.observa.com.uy/common/_publicidad/visor/Deportes/area4/publicidad.gif);
	background-repeat: no-repeat;
}
.TMEliminatorias {
	background-image: url(http://www.observa.com.uy/common/_publicidad/visor/Eliminatorias/area4/publicidad.gif);
	background-repeat: no-repeat;
}
.TMInternacionales {
	background-image: url(http://www.observa.com.uy/common/_publicidad/visor/Internacionales/area4/publicidad.gif);
	background-repeat: no-repeat;
}
.TMVida {
	background-image: url(http://www.observa.com.uy/common/_publicidad/visor/Vida/area4/publicidad.gif);
	background-repeat: no-repeat;
}
.TMElecciones {
	background-image: url(http://www.observa.com.uy/common/_publicidad/visor/Elecciones/area2/publicidad.gif);
	background-repeat: no-repeat;
}
.TMMunicipales {
	background-image: url(http://www.observa.com.uy/common/_publicidad/visor/Municipales/area2/publicidad.gif);
	background-repeat: no-repeat;
}
.TMVerano {
	background-image: url(http://www.observa.com.uy/common/_publicidad/visor/Verano/area2/publicidad.gif);
	background-repeat: no-repeat;
}
.TMMundial2010 {
	background-image: url(http://www.observa.com.uy/common/_publicidad/visor/Eliminatorias/area4/publicidad.gif);
	background-repeat: no-repeat;
}
.tituloModulo img {
	margin: 0px;
	padding: 0px;
}

/* -------------------------------
Franja 3 - Listados de Noticias
------------------------------- */

.otrasNoticias {
	border-top-width: 2px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: dashed;
	border-top-color: #056B9E;
	border-bottom-color: #CCCCCC;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: left;
}

.listadoNotasInferiorIzquierda {
	float: left;
	width: 223px;
	height: 192px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eeeeee;
}
.listadoNotasInferiorIzquierda h1 {
	font-size: 14px;
	color: #999999;
	width: 100%;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #eeeeee;
}
.listadoNotasInferiorIzquierda ul {
	width: 208px;
	padding: 0 0 0 15px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	list-style-type: none;
}
.listadoNotasInferiorIzquierda li {
	margin: 0px;
	width: 198px;
	float: left;
	background-image: url(/common/_img/buletBlanco.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	list-style-type: none;
}
.listadoNotasInferiorIzquierda a {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003366;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}
.listadoNotasInferiorIzquierda a:hover {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF9900;
	text-decoration: underline;
	margin: 0px;
	padding: 0px;
}


/* -------------------------------
Contenido - Pie
------------------------------- */

.pie {
	width: 960px;
	padding: 0;
	font: bold 10px Verdana;
	background-color: #FFFFFF;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
}

.pie ul {
	display: inline;
	padding: 0px;
	float: left;
	width: 960px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #BEC8E1;
	list-style-type: none;
}
.pie li {
	display: inline;
	margin: 0px;
	padding: 0px;
}

.pie li a{
	float: left;
	color: #135287;
	padding: 4px 7px;
	text-decoration: none;
	border-right: 1px solid #FFFFFF;
}

.pie li a:visited{
color: #135287;
}

.pie li a:hover, .pie li a.selected {
color: #FFFFFF;
background-color: #799AC0;
}





