/*colores
negro: #OOO;
blanco: #fff;
*/
body,html {height:100%}
body{
text-align:center;
margin:0;
background:#000 url("imagenes/prueba.gif") no-repeat left bottom;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#CCCCCC;
}
/* MAQUETA cabecera */
#cabecera{
width:100%;
background:#000 url("imagenes/fn-cabecera.gif") repeat-x left top;
overflow:hidden;
}
#cbcsuperior, #cbcmedia, #cbcmenu, #contenido, #pie{
width:940px;
margin:auto;
text-align:left;
overflow:hidden;
clear:both;
}
#cbcsuperior{
height:40px;
}
#cbcmedia{
background:transparent url("imagenes/fn-franja-cabecera.gif") repeat-x left top;
}
#cbcizquierda{
float:left;
width:600px;

}
#cbcderecha{
float:right;
width:300px;
}
#cbcmedia{
height:100px;
}
#cbcmenu{
margin:10px auto 20px auto;
}
/* MAQUETA contenido*/
#ctizquierda{
float:left;
width:602px;

}
#ctderecha{
float:right;
width:300px;
border-left: #333 dotted 1px;
padding-left:20px;
}
/* MAQUETA pie*/
#pie{
margin-top:20px;
text-align:right;
height:60px;
}
/* DISEŅO generico */
ul, li, h1, h2, h3, h4, p, dt, dd{
margin:0;
padding:0;
}
ul{
list-style-type:none;
}
h1, h2{
color:#FFFFFF;
}
a{
color:#fff;
text-decoration:none;
}
a:hover, .selected{
color:#FFCC00;
}
h1{
font-size:12px;
padding-top:5px;
}
h2{
font-size:22px;
font-weight:normal;
}
h3{
font-size:18px;
font-weight:bold;
}
#ctderecha h2{
background:#000 url("imagenes/h2-derecha.gif") no-repeat right top;
}
#pelicula, #fotogrande{
margin-bottom:20px;
text-align:center;
border: #333 dotted 1px;
}
#peliculaborde{
text-align:center;
}
#peliculaborde span{
border: #333 dotted 1px;
display:table;
margin:auto;
}
#editorhtml, .documentos, .url{
margin-bottom:40px;
}
h2, h3, #entradilla{
margin-bottom:10px;
}
#fecha{
color:#666;
margin-bottom:5px;
}
#fotomediana{
float:left;
padding:0 20px 20px 0;
}
#entradilla{
font-size:16px;
}
.documentos li, .url li{
border-bottom: #333 dotted 1px;
}
/* DISEŅO idiomas */
#cbcderecha ul li{
display:inline;
}
#cbcderecha ul li a{
display:block;
float:left;
width:100px;
height:20px;
background:#000 url("imagenes/fn-idiomas.gif") no-repeat left top;
text-align:center;
}
#cbcderecha ul li a:hover{
background:#000 url("imagenes/fn-idiomas.gif") no-repeat right top;
}
#cbcderecha ul li span{
display:block;
padding-top:2px;
}
/*DISEŅO menu */
#cbcmenu ul li{
display:inline;
padding:0 5px;
border-right: #ccc solid 1px; 
}
#cbcmenu ul li.sinborde{
border-right: none; 
}
/*span.contacto{
padding-left:10px;
color:#000000;
}
li.sinborde a:hover span.contacto{
color:#FFCC00;
}
*/
span.contacto{
}
li.sinborde a:hover span.contacto{
background:#000 url("imagenes/fn-contacto.gif") no-repeat left top;
}
/*DISEŅO listados derecha */
#ctderecha ul li{
margin-bottom:10px;
overflow:hidden;
clear:both;
}
#ctderecha ul li a{
color:#999999;
}
#ctderecha ul li a:hover, #ctderecha ul li a.selected {
color:#FFCC00;
}
.listfecha{
font-size:9px;
color:#666666;
}


.listfoto{
	float:left;
	width:150px;
	background:#000 url("imagenes/clip.jpg") no-repeat right top;
	height:50px;
}
a:hover .listfoto, a.selected .listfoto{
	background-position:left top;
}

.listtextualvideos{
float:right;
width:140px;
}
.listtitular{
font-size:12px;
}
.listentradilla{
font-size:10px;
}
/*DISEŅO listados btmas derecha */
#numeracion{
margin-top:20px;
border-top: #333 dotted 1px;
text-align:right;
height:40px;
padding-top:5px;
}
#textonumeracion{
float:left;
width:240px;
text-align:left;
}
#btsnumeracion{
float:right;
width:50px;
}
.icomas, .icomenos{
width:20px;
height:20px;
}
.icomenos{
background:#000 url("imagenes/ico-menos.gif") no-repeat left center;
float:left;
}
.icomas{
background:#000 url("imagenes/ico-mas.gif") no-repeat left center;
float:right;
}
a:hover .icomas{
background:#000 url("imagenes/ico-mas.gif") no-repeat right center;
}
a:hover .icomenos{
background:#000 url("imagenes/ico-menos.gif") no-repeat right center;
}
/*#mas span{
float:left;
color:#FFCC00;
}
.icomas, .icomenos{
float:right;
width:20px;
height:20px;
margin-left:5px;
}
.icomas{
background:#000 url("imagenes/ico-mas.gif") no-repeat left center;
}
.icomenos{
background:#000 url("imagenes/ico-menos.gif") no-repeat left center;
}
a:hover .icomas{
background:#000 url("imagenes/ico-mas.gif") no-repeat right center;
}
a:hover .icomenos{
background:#000 url("imagenes/ico-menos.gif") no-repeat right center;
}



SPAN.numeracion{
color:#FFCC00;
font-weight:bold;
}

#numeracion{
clear:both;
text-align:right;
height:20px;
padding-top:10px;
border-top: #333 dotted 1px;
}
#numeracion ul li{
display:inline;
margin-right:5px;
}
#numeracion ul li a{
text-decoration:none;
}
*/