/*Contenido CSS compatible para los navegadores y el IE de lineaByte*/
BODY {
	font : 14px arial;
	margin : 0;
	padding:0;
	background-color:#F9F8F5;
	background-image:url(image/body.jpg);
	background-repeat: repeat-x;
}
A.enlacenav, A.enlacenav:visited, A.enlacenav:active {
	text-decoration : none;
	color:#000;
} 
A.enlacenav:hover {
color : #CCCCCC;
} 
A.enlacenav3, A.enlacenav3:visited, A.enlacenav3:active {
	text-decoration:underline;
	color:#63C;
	font-size: 12px;
	font-weight: bold;
} 
A.enlacenav3:hover {
color : #CCCCCC;
} 
A.enlacecli, A.enlacecli:visited, A.enlacecli:active {
text-decoration : none; 
color:#F90; 
} 
A.enlacecli:hover {
color:#FFF;
}
A.enlace2, A.enlace2:visited, A.enlace2:active {
	text-decoration : none;
	color:#fff;
	float:right;
	padding:3px;
	width:50px;
	text-align:center;
	background-color:#000;
	margin-right:60px;
	font-weight: bold;
} 
A.enlace2:hover {
	color:#69C;
}  
.Contenedora { 
    width:100%; 
    text-align:center;
}
.CentradaHS {
	width:980px;
	margin:auto;
	text-align:left;
	height:auto;
	background-color:#FFF;
	border-left:#DBDBDB 1px solid;
	border-right:#DBDBDB 1px solid;
}

.cabecera {
	width:974px;
	height:149px;
	margin-left:3px;
	margin-right:3px;
	background-image:url(image/cabecera.png);
	}
.logo {
	width:350px;
	height:149px;
	float:left;
}
.cabecera_der {
	width:624px;
	height:149px;
	float:right;
}
.vivo_c {
	width:624px;
	margin-top:44px;
	height:50px;
}
.vivo {
	width:300px;
	height:50px;
	float:left;
}
.red {
	width:120px;
	height:50px;
	margin-right:20px;
	float:right;
}
.menu {
	width:624px;
	height:29px;
	}
#envivo {
	font-size:12px;
	color:#666;
	margin-left:8px;
	font-weight: bold;
}
.imagenS {
	width:974px;
	height:250px;
	margin-left:3px;
	margin-right:3px;
	}
.cont_izq {
	width:362px;
	height:250px;
	float:left;
	}
.cont_der {
	width:610px;
	height:250px;
	float:right;
	}
.contenido {
	width:970px;
	height:325px;
	margin:5px;
}
.separador {
	width:974px;
	height:20px;
	margin-left:3px;
	background-image:url(image/separa.jpg);
}
.contenido_iz {
	width:485px;
	height:315px;
	float:left;
}
.contenido_noti {
	width:485px;
	height:287px;
}
.contenido_insti {
	width:485px;
	height:282px;
	margin-top:5px;
}
.fotn{
margin-right:3px;
margin-bottom:3px;
border:1px solid ;
border-color: #ddd #bbb #aaa #fff;
}
.contenido_izEn {
	width:430px;
	height:70px;
	margin-left:5px;
	background-image:url(images/nos.jpg);
	background-repeat: no-repeat;
}
h2{
	font-size:20px;
	width:362px;
	height:43px;
	line-height:42px; /*esto lo centraria verticalmente*/
	color:#FFF;
	padding-left:10px;
	margin:0;
	background-color:#000;
}
h3{
	font-size:20px;
	width:475px;
	height:43px;
	line-height:42px; /*esto lo centraria verticalmente*/
	color:#fff;
	padding-left:10px;
	margin:0;
	background-color:#000;
}
#ocho{
	font-size:20px;
	width:240px;
	height:43px;
	line-height:42px; /*esto lo centraria verticalmente*/
	color:#fff;
	padding-left:10px;
	margin:0;
	background-color:#000;
}
#nueve{
	font-size:20px;
	width:225px;
	height:43px;
	line-height:42px; /*esto lo centraria verticalmente*/
	color:#fff;
	padding-left:10px;
	margin:0;
	background-color:#000;
}
h5{
	font-size:20px;
	width:455px;
	height:43px;
	line-height:42px; /*esto lo centraria verticalmente*/
	color:#fff;
	padding-left:30px;
	margin:0;
	background-color:#000;
}
h6{
	font-size:20px;
	width:212.2px;
	height:43px;
	line-height:42px; /*esto lo centraria verticalmente*/
	color:#fff;
	padding-left:30px;
	margin:0;
	background-color:#000;
}
p{
	padding-right:20px;
	padding-left:10px;
}

.contenido_d {
	width:485px;
	height:325px;
	float:right;
}
.contenido_dEn {
	width:430px;
	height:70px;
	margin-left:53px;
	margin-bottom: 20px;
	background-image:url(images/prod.jpg);
	background-repeat: no-repeat;
}
.noti_a{
 width:475px;
 height:85px;
 margin-left:2px;
 border-bottom: 1px solid #CCCCCC;
 margin-top:3px;
 text-align:left;
 font-size:10px;

}
.pie_z {
	width:970px;
	height:54px;
	color:#ccc;
	margin-left:5px;
	background-color:#000;
	line-height:60px; /*esto lo centraria verticalmente*/
	text-align:center;
	font-size:15px;
	letter-spacing: 2px;
}
/* FIN BACKGROUND POUR LES SHOWS */
.footerBG {
background: #111111 url(../images/bg_footernav.gif) repeat-x;
height:10%;
text-align:center;
}
div.bottomNavContainer {
width:624px;
margin:0 auto 0 auto;
text-align:center;
}
div.bottomNav {
padding: 10px 0px 0px 0px;
overflow:hidden;
color:#fff;
}
.bottomNav ul{
font: normal 12px arial;
text-transform:uppercase;
color:#fff;
padding: 0;
margin: 0;	
}
.bottomNav ul li{
padding: 0px 3px 0px 3px;
display:inline;
list-style: none;
color:#fff;
}

.bottomNav ul li a{
	padding: 0px 3px 0px 3px;
	text-align:left;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
}

.bottomNav ul li a:hover{
color: #69C;
}
.reproduce { 
height : 43px; 
margin-left : 10px; 
width : 107px; 
top : 20px; 
left : 20px;
display:inline;
} 

.twitter{ 
background:url(image/twitter.png) no-repeat top; 
height : 34px; 
width : 34px; 
top : 0; 
left : 0;
} 
.twitter:hover { 
background-position : bottom; 
cursor : pointer; 
} 
.facebook{ 
background:url(image/facebook.png) no-repeat top; 
height : 34px; 
width : 34px; 
top : 0; 
left : 0;
} 
.facebook:hover { 
background-position : bottom; 
cursor : pointer; 
} 
.rss{ 
background:url(image/rss.png) no-repeat top; 
height : 34px; 
width : 34px; 
top : 0; 
left : 0;
} 
.rss:hover { 
background-position : bottom; 
cursor : pointer; 
} 

/*publicidades*/
.contenido_publi {
	width:970px;
	height:140px;
	margin:5px;
}
/*mercados*/
.contenido_mercados {
	width:970px;
	height:200px;
	margin:5px;
}
.liniers_grano {
	width:485px;
	height:200px;
	float:left;
}
.cambio_tiempo {
	width:485px;
	height:200px;
	float:right;
}
.liniers {
	width:242.2px;
	height:200px;
	float:left;
}
.granos {
	width:242.2px;
	height:200px;
	float:right;
}
.cambio {
	width:242.2px;
	height:200px;
	float:left;
}
.tiempo {
	width:242.2px;
	height:200px;
	float:right;
}
#tmp {
	width:auto;
	height:120px;
	margin-left:50px;
	background-image:url(images/fnd_b.png);
}
/*signos*/
.contenido_signos {
	width:970px;
	height:150px;
	margin:5px;
}
.signos {
	width:485px;
	height:150px;
	float:left;
}
.quiniela {
	width:235px;
	height:150px;
	float:right;
	background-image:url(image/quiniela.jpg);
}
.programacion {
	width:250px;
	height:150px;
	float:right;
	background-image:url(image/prog.jpg);
	background-repeat:no-repeat;
}

/*iconos signos*/
.aries{ 
background:url(images/aries.jpg) no-repeat top; 
height : 75px; 
width : 38px; 
top : 0; 
left : 0;
} 
.aries:hover { 
background-position : bottom; 
cursor : pointer; 
} 
.tauro{ 
background:url(images/tauro.jpg) no-repeat top; 
height : 75px; 
width : 38px; 
top : 0; 
left : 0;
} 
.tauro:hover { 
background-position : bottom; 
cursor : pointer; 
}

.geminis{ 
background:url(images/geminis.jpg) no-repeat top; 
height : 75px; 
width : 38px; 
top : 0; 
left : 0;
} 
.geminis:hover { 
background-position : bottom; 
cursor : pointer; 
} 
.cancer{ 
background:url(images/cancer.jpg) no-repeat top; 
height : 75px; 
width : 38px; 
top : 0; 
left : 0;
} 
.cancer:hover { 
background-position : bottom; 
cursor : pointer; 
} 
.leo{ 
background:url(images/leo.jpg) no-repeat top; 
height : 75px; 
width : 38px; 
top : 0; 
left : 0;
} 
.leo:hover { 
background-position : bottom; 
cursor : pointer; 
} 
.virgo{ 
background:url(images/virgo.jpg) no-repeat top; 
height : 75px; 
width : 38px; 
top : 0; 
left : 0;
} 
.virgo:hover { 
background-position : bottom; 
cursor : pointer; 
} 
.libra{ 
background:url(images/libra.jpg) no-repeat top; 
height : 75px; 
width : 38px; 
top : 0; 
left : 0;
} 
.libra:hover { 
background-position : bottom; 
cursor : pointer; 
} 
.escorpio{ 
background:url(images/escorpio.jpg) no-repeat top; 
height : 75px; 
width : 38px; 
top : 0; 
left : 0;
} 
.escorpio:hover { 
background-position : bottom; 
cursor : pointer; 
} 
.sagitario{ 
background:url(images/sagitario.jpg) no-repeat top; 
height : 75px; 
width : 38px; 
top : 0; 
left : 0;
} 
.sagitario:hover { 
background-position : bottom; 
cursor : pointer; 
} 
.capricornio{ 
background:url(images/capricornio.jpg) no-repeat top; 
height : 75px; 
width : 38px; 
top : 0; 
left : 0;
} 
.capricornio:hover { 
background-position : bottom; 
cursor : pointer; 
} 
.acuario{ 
background:url(images/acuario.jpg) no-repeat top; 
height : 75px; 
width : 38px; 
top : 0; 
left : 0;
} 
.acuario:hover { 
background-position : bottom; 
cursor : pointer; 
} 
.picis{ 
background:url(images/picis.jpg) no-repeat top; 
height : 75px; 
width : 38px; 
top : 0; 
left : 0;
} 
.picis:hover { 
background-position : bottom; 
cursor : pointer; 
} 
div.bottomNav2 {
padding: 10px 0px 0px 0px;
overflow:hidden;
color:#666;
text-align:right;
margin-right:15px;
}
.bottomNav2 ul{
font: normal 10px arial;
text-transform:uppercase;
color:#666;
padding: 0;
margin: 0;	
}
.bottomNav2 ul li{
padding: 0px 3px 0px 3px;
display:inline;
list-style: none;
color:#666;
}

.bottomNav2 ul li a{
	padding: 0px 3px 0px 3px;
	text-align:right;
	text-decoration: none;
	color: #666;
}