body {
background-color: #ffbd3a;
background-image: url('imagenes/ucvtv_fondo.jpg');
background-repeat: repeat-x;
font: normal 0.9em Verdana,Helvetica,Arial,Sans-Serif;
color: #333;
padding-bottom: 20px;
text-align: center;
}

#contenedor {
width: 933px;
margin: auto;
text-align: left;
}

#top {
height: 130px;
background-image: url('imagenes/ucvtv_top2.png');
background-repeat: no-repeat;
overflow: hidden;
position: relative;
}

#menu {
position: absolute;
top: 80px;
right: 30px;
width: 700px;
height: 45px;
}

#medio {
clear: both;
background-image: url('imagenes/ucvtv_medio.png');
background-repeat: repeat-y;
}

#franja {
height: 50px;
margin: 0px 16px 0px 17px;
position: relative;

}
#ubicacion {
position: absolute;
top: 10px;
left: 20px;
width: 600px;

}
#fecha {
position: absolute;
top: 0px;
right: 0px;
width: 220px;

}

#interior {
margin: 0px 16px 0px 17px;
position: relative;
min-height: 750px;
}

#lateral {
width: 220px;
height: 760px;
position: absolute;
top:0px;
right:0px;
background-image: url('imagenes/ucvtv_linea_gris_lateral.gif');
background-repeat: repeat-y;
overflow: hidden;
}
#programacion {
height: 150px;
overflow: auto;
}

#contenido {
margin-left: 20px;
margin-right: 250px;
background-color: white;
}

#destacados {
height: 240px;
overflow: hidden;
margin: 5px 15px 0px 15px;
position: relative;
}
#destacados-img {
position: absolute;
top: 0px;
left: 0px;
width: 280px;
height: 240px;
overflow: hidden;
}
#destacados-video {
position: absolute;
top: 0px;
right: 0px;
height: 240px;
width: 320px;
overflow: hidden;
background-color: black;
}

#bottom {
clear: both;
height: 67px;
background-image: url('imagenes/ucvtv_bottom.png');
background-repeat: no-repeat;
overflow: hidden;
}
#pie {

}
#bottom #pie {
margin: 10px 20px 0px 20px
}

#piediseno {
margin: 20px 0px 0px 0px;
text-align: center;
}
#piediseno a {
font: normal 0.7em Verdana,Helvetica,Arial,Sans-Serif;
color: black;
text-decoration: none;
}
#piediseno a:hover {
text-decoration: underline;
}

.expansor {
clear: both;
height: 1px;
}

/**********
 ** Menú **
 **********/

#menu ul {
margin-top: 15px;
margin-left: 10px;
}
#menu ul li {
float: left;
margin: 0px 20px 0px 0px;
}
#menu ul li a{
font: normal 0.9em Verdana,Helvetica,Arial,Sans-Serif;
display: block;
color: #231F20;
text-decoration: none;
}
#menu ul li a:hover{
color: black;
border-bottom: 2px solid #ffbd3a;
}
#menu ul li a.menutwitter{
font: bold 0.8em Arial,Sans-Serif;
}
#menu ul li a.menutwitter img {
position: relative;
top: 2px;
}

/************
 ** Textos **
 ************/

#contenido img.float-derecha {
float: right;
margin: 0px 0px 0px 5px;
}
#contenido img.float-izquierda {
float: left;
margin: 0px 50px 0px 0px;
}
#contenido img.sin {
border: 0px;
padding: 0px;
}

#top h1{
margin: 20px 0px 0px 30px;
}
#top h1 a {
text-decoration: none;
display: block;
width: 550px;
height: 130px;
}
#top h1 a span {
visibility: hidden;
}

#franja #fecha p {
font: normal 0.9em Arial,Helvetica,Sans-Serif;
margin-left: 10px;
}
#franja #ubicacion p {
font: normal 1.1em Arial,Helvetica,Sans-Serif;
color: #555;
}
#franja #ubicacion p a {
color: #555;
text-decoration: underline;
}
#franja #ubicacion p a:hover {
color: black;
}

#bottom #pie p {
font: normal 0.8em Arial,Helvetica,Sans-Serif;
color: white;
text-align: center;
}
#bottom #pie p a {
text-decoration: underline;
color: #ffbd3a;
}
#bottom #pie p a:hover {
text-decoration: none;
color: white;
}

#lateral h2 {
font: bold 1em Arial,Helvetica,Sans-Serif;
margin: 15px 8px 10px 10px;
border-bottom: 1px solid black;
color: black
}
#lateral h2 a {
font: normal 0.7em Arial,Helvetica,Sans-Serif;
color: #333;
text-decoration: none;
}
#lateral h2 a:hover {
color: #F4A500;
}
#lateral p {
font: normal 0.8em Arial,Helvetica,Sans-Serif;
color: #333;
margin: 0px 0px 0px 10px;
}
#programacion p {
font: normal 0.6em Arial,Helvetica,Sans-Serif;
}

#contenido #menuresumen {
margin: 5px 15px 10px 15px;
border-top:1px solid black; /* #ffbd3a */
border-left:10px solid black;/* #ffbd3a */
border-bottom:1px solid #eee;
border-right:10px solid #eee;
padding:10px;
font: normal 0.8em "Trebuchet MS",Verdana,Arial,Helvetica,Sans-Serif;
background-image: url('imagenes/ucvtv_accesodirecto.jpg');
background-repeat: no-repeat;
background-position: center right;
}
#contenido #menuresumen strong {
font: bold 0.8em "Trebuchet MS",Verdana,Arial,Helvetica,Sans-Serif;
}
#contenido #menuresumen a {
color: #333;
text-decoration: none;
border-bottom: 1px solid #ccc;
}
#contenido #menuresumen a:hover {
color: black;
border-bottom: 2px solid #ffbd3a;
}
#contenido h2 {
font: normal 1.2em "Trebuchet MS",Verdana,Arial,Helvetica,Sans-Serif;
border-bottom: 1px solid #ffbd3a;
margin: 0px 0px 25px 0px;
}
#contenido h2 span {
font: normal 0.7em "Trebuchet MS",Verdana,Arial,Helvetica,Sans-Serif;
margin-left: 20px;
}
#contenido h3 {
font: bold 1em "Trebuchet MS",Verdana,Arial,Helvetica,Sans-Serif;
border-bottom: 1px solid #eee;
margin: 0px 0px 25px 0px;
}
#contenido p {
font: normal 0.9em "Trebuchet MS",Verdana,Arial,Helvetica,Sans-Serif;
margin: 0px 0px 15px 30px;
}
#contenido img {
padding: 5px;
border: 1px solid #ffbd3a;
background-color: #ccc;
}
#contenido p a, #contenido ul li a {
color: #333;
text-decoration: none;
border-bottom: 1px solid #ccc;
}
#contenido p a:hover, #contenido ul li a:hover {
color: black;
border-bottom: 2px solid #ffbd3a;
}
#contenido .tablacorporativo {
font: normal 0.9em "Trebuchet MS",Verdana,Arial,Helvetica,Sans-Serif;
margin: 0px 0px 15px 30px;
}
#contenido .tablacorporativo tr td{
padding: 5px;
padding-left: 15px;
}
#contenido .tablacorporativo tr td em {
color: #555;
font: normal 0.7em Arial,Helvetica,Sans-Serif;
}
#contenido ul {
font: normal 0.9em "Trebuchet MS",Verdana,Arial,Helvetica,Sans-Serif;
margin: 0px 0px 15px 30px;
list-style-type: disc;
}
#contenido ul li {
margin-bottom: 10px;
}

/**************
** compartir **
***************/

#compartir p {
line-height: 1.5em;
}

html .fb_share_button { display:block; display:inline-block;  padding:1px 5px 0 20px;width:70px;height:15px; border:1px solid #d8dfea; color: navy; background:url(imagenes/icono_facebook.gif) no-repeat top left; }
html .fb_share_button:hover { color:#fff; border-color:#295582; background:#3b5998 url(imagenes/icono_facebook.gif) no-repeat top left; text-decoration:none; }
html .del_share_button { display:block; display:inline-block;  padding:1px 5px 0 20px;width:70px; height:15px; border:1px solid #d8dfea; color: navy; background:url(imagenes/icono_delicious.gif) no-repeat top left; }
html .del_share_button:hover { color:#fff; border-color:#295582; background:#3b5998 url(imagenes/icono_delicious.gif) no-repeat top left; text-decoration:none; }
html .twitter_share_button { display:block; display:inline-block;  padding:1px 5px 0 20px;width:70px; height:15px; border:1px solid #d8dfea; color: navy; background:url(imagenes/icono_twitter.gif) no-repeat top left; }
html .twitter_share_button:hover { color:#fff; border-color:#295582; background:#3b5998 url(imagenes/icono_twitter.gif) no-repeat top left; text-decoration:none; }




/* BIF */
#bif {
	position: fixed; left: 0px; bottom: 0px; width: 100%; height: 123px; background: url(imagenes/bif_bg.png);
	z-index: 50;
}
#bif div.center {
	width: 850px;
	margin: 15px auto 0 auto;
	text-align: left;
	height: 100px;
}
#bif div.secciones {
	width: 420px;
	height: 100px;
	float: left;
}
#bif div.logo {
	width: 271px;
	height: 109px;
	float: left;
}
#bif ul.lista {
	margin:15px 0 0 0;
	padding:0;
	list-style: right;
	float: left;
}
#bif ul.lista li {
	margin:0;
	padding:0;
	list-style: right;
}
#bif ul.lista li a {
	margin: 0 0 0 8px;
	padding: 0 0 0 8px;
	font-family: Verdana, Arial;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
	color: white;
	background: transparent url(imagenes/bif_bullet.gif) no-repeat scroll 0 1px;
}
#bif ul.lista li a:hover {
	text-decoration: underline;
}
#bif div.destacado {
	padding: 15px 0 0 0;
}
#bif div.destacado img {
	float: left;
	margin-right: 7px;
}
#bif div.destacado h1 {
	margin:15px 0 0 0px;
	padding:0;
	font-size: 12px;
	font-family: Verdana, Arial;
	font-weight: bold;
	color: white;
}
#bif div.destacado a {
	text-decoration: none;
	color: #fff;
}
/*END BIF */