@import url("comunes-new.css");

/* Contenido */

ul, ol {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
overflow:hidden;
}

div#contenido {
	width: 990px;
	margin: 0 auto;
	padding-top:20px;
	overflow:hidden;
}

div#contenido div#apertura {
	margin: 0 0 14px 0;
	height: 290px;
	width: 664px;
}


div#contenido div#contenido-izq {
	float: left;
	width: 464px;
	margin: 0 20px 0 0;
}
* html div#contenido div#contenido-izq {
	margin: 0 10px 0 0;
}
div#contenido div#contenido-izq div.secundaria {
	float: left;
	width: 464px;
	height: 85px;
	margin: 0 0 10px 0;
}
div#contenido div#contenido-izq div.secundaria a {
	display: block;
	width: 464px;
	height: 85px;
	padding: 5px;
	text-decoration: none;
}
div#contenido div#contenido-izq div.secundaria a:hover {
	background: url(http://www.tiramillas.net/especial/img/fondo-secundarias.gif) repeat-x;
}
div#contenido div#contenido-izq div.secundaria a img {
	float: left;
	width: 80px;
	height: 80px;
	margin: 0 6px 0 0;
}
div#contenido div#contenido-izq div.secundaria a h4 {
	float: left;
	font-size: 11px;
	color: #BFBFBF;
	text-transform: uppercase;
	border-bottom: 1px solid #E8E8E8;
	width: 376px;
	text-decoration: none;
	margin-bottom: 3px;
}
div#contenido div#contenido-izq div.secundaria a:hover h4 {
	border-bottom: 1px solid #FFF;
}
div#contenido div#contenido-izq div.secundaria a:hover h4.cine {
	color: #278AA7;
}
div#contenido div#contenido-izq div.secundaria a:hover h4.musica {
	color: #CC0066;
}
div#contenido div#contenido-izq div.secundaria a:hover h4.deporte {
	color: #79B63D;
}
div#contenido div#contenido-izq div.secundaria a:hover h4.tendencias {
	color: #DFB300;
}
div#contenido div#contenido-izq div.secundaria a:hover h4.tecnologia {
	color: #CC3300;
}
div#contenido div#contenido-izq div.secundaria a:hover h4.videojuegos {
	color: #EA8C00;
}
div#contenido div#contenido-izq div.secundaria a h2 {
	float: left;
	width: 378px;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 2px;
	color: #666;
}
div#contenido div#contenido-izq div.secundaria a p {
	float: left;
	width: 378px;
	color: #666;
}
div#contenido div#contenido-izq h3.cintillo {
	float: left;
	width: 427px;
	height: 23px;
	background: #E6E6E6 url(http://www.tiramillas.net/especial/img/fondo-cintillo.gif) no-repeat;
	font-size: 12px;
	text-transform: uppercase;
	margin-top: 10px;
	padding: 7px 0 0 30px;
}
div#contenido div#contenido-izq h3.cine {
	color: #278AA7;
	border-left: 10px solid #278AA7;
}
div#contenido div#contenido-izq h3.musica {
	color: #CC0066;
	border-left: 10px solid #CC0066;
}
div#contenido div#contenido-izq h3.deporte {
	color: #79B63D;
	border-left: 10px solid #79B63D;
}
div#contenido div#contenido-izq h3.tendencias {
	color: #DFB300;
	border-left: 10px solid #DFB300;
}
div#contenido div#contenido-izq h3.tecnologia {
	color: #CC3300;
	border-left: 10px solid #CC3300;
}
div#contenido div#contenido-izq h3.videojuegos {
	color: #EA8C00;
	border-left: 10px solid #EA8C00;
}
div#contenido div#contenido-izq div.bloque-destacados {
	float: left;
	width: 437px;
	border: 1px solid #E9E9E9;
	border-top: none;
	background: url(http://www.tiramillas.net/especial/img/fondo-bloque-destacados.gif) repeat-x bottom;
	font-size: 11px;
	color: #333;
	padding: 10px 14px;
}
div#contenido div#contenido-izq div.bloque-musica {
	padding: 10px 0;
	width: 465px;
}

div#contenido div#contenido-izq div.bloque-cine {
	padding: 10px 0;
	width: 465px;
}

div#contenido div#contenido-izq div.bloque-destacados div.columna-izq {
	float: left;
	width: 201px;
	margin-right: 35px;
}
div#contenido div#contenido-izq div.bloque-destacados div.columna-der {
	float: left;
	width: 201px;
}
div#contenido div#contenido-izq div.bloque-destacados div.destacado {
	float: left;
	clear: both;
	margin-bottom: 15px;
	width: 201px;
}

div#contenido div#contenido-izq div.bloque-cine div.destacado {
	float: left;
	clear: none !important;
	width: 130px;
	margin: 0 12px 15px;
}
* html div#contenido div#contenido-izq div.bloque-cine div.destacado {
	margin: 0 9px 15px;
}

div#contenido div#contenido-izq div.bloque-cine div.destacado img {
	border: 1px solid #FFF;
}
div#contenido div#contenido-izq div.bloque-cine div.destacado a:hover img {
	border: 1px solid #278AA7;
}


div#contenido div#contenido-izq div.bloque-musica div.destacado {
	float: left;
	clear: none !important;
	width: 130px;
	margin: 0 12px 15px;
}
* html div#contenido div#contenido-izq div.bloque-musica div.destacado {
	margin: 0 9px 15px;
}
div#contenido div#contenido-izq div.bloque-destacados div.destacado img {
	float: left;
	margin-right: 6px;
}
div#contenido div#contenido-izq div.bloque-musica div.destacado img {
	border: 1px solid #FFF;
}
div#contenido div#contenido-izq div.bloque-musica div.destacado a:hover img {
	border: 1px solid #CC0066;
}
div#contenido div#contenido-izq div.bloque-destacados div.destacado h4 {
	font-size: 11px;
	color: #999;
	margin-bottom: 2px;
}

div#contenido div#contenido-izq div.bloque-destacados div.destacado h4 a {
	text-decoration: none;
}
div#contenido div#contenido-izq div.bloque-destacados div.destacado h4 a:hover {
	text-decoration: underline;
}
div#contenido div#contenido-der {
	float: left;
	width: 180px;
}
div#contenido div.destacado-derecha {
	width: 180px;
	float: left;
	color: #FFF;
	margin-bottom: 5px;
}
div#contenido div.destacado-derecha a {
	display: block;
	text-decoration: none;
}
div#contenido div.cine {
	background: #278aa7;
}
div#contenido div.musica {
	background: #CC0066;
}
div#contenido div.deporte {
	background: #79B63D;
}
div#contenido div.tendencias {
	background: #DFB300;
}
div#contenido div.tecnologia {
	background: #CC3300;
}
div#contenido div.videojuegos {
	background: #EA8C00;
}
div#contenido div.destacado-derecha img {
	background: #FFF;
}
div#contenido div.destacado-derecha h4 {
	font-size: 12px;
	margin: 5px 9px 0 6px;
}
div#contenido div.cine h4 {
	color: #8ec2d1;
	border-bottom: 1px solid #237d97;
	background: transparent url(http://www.tiramillas.net/especial/img/bulletCine.gif) 0px 3px no-repeat;
	padding-left: 12px;
}
div#contenido div.musica h4 {
	color: #e47aaf;
	border-bottom: 1px solid #ac0056;
	background: transparent url(http://www.tiramillas.net/especial/img/bulletMusica.gif) 0px 3px no-repeat;
	padding-left: 12px;
}
div#contenido div.deporte h4 {
	color: #b9d99a;
	border-bottom: 1px solid #679b34;
	background: transparent url(http://www.tiramillas.net/especial/img/bulletDeporte.gif) 0px 3px no-repeat;
	padding-left: 12px;
}
div#contenido div.tendencias h4 {
	color: #eed77a;
	border-bottom: 1px solid #c39c00;
	background: transparent url(http://www.tiramillas.net/especial/img/bulletTendencias.gif) 0px 3px no-repeat;
	padding-left: 12px;
}
div#contenido div.tecnologia h4 {
	color: #e4957a;
	border-bottom: 1px solid #b12c00;
	background: transparent url(http://www.tiramillas.net/especial/img/bulletTecnologia.gif) 0px 3px no-repeat;
	padding-left: 12px;
}
div#contenido div.videojuegos h4 {
	color: #ffb83e;
	border-bottom: 1px solid #b8641b;
	background: transparent url(http://www.tiramillas.net/especial/img/bulletVideojuegos.gif) 0px 3px no-repeat;
	padding-left: 12px;
}
div#contenido div.destacado-derecha p {
	font-size: 12px;
	margin: 0 9px 10px 6px;
	padding: 4px 0 0 0;
}
div#contenido div.destacado-derecha a p {
	color: #FFF;
}
div#contenido div.destacado-derecha a:hover p {
	text-decoration: underline;
}
div#contenido div.cine p {
	border-top: 1px solid #8ec2d1;
}
div#contenido div.musica p {
	border-top: 1px solid #e47aaf;
}
div#contenido div.deporte p {
	border-top: 1px solid #b9d99a;
}
div#contenido div.tendencias p {
	border-top: 1px solid #eed77a;
}
div#contenido div.tecnologia p {
	border-top: 1px solid #e4957a;
}
div#contenido div.videojuegos p {
	border-top: 1px solid #ffb83e;
}

body#cine div#contenido div.cine p {
	border-top: 0px;
}
body#musica div#contenido div.musica p {
	border-top: 0px;
}
body#deporte div#contenido div.deporte p {
	border-top: 0px;
}
body#tendencias div#contenido div.tendencias p {
	border-top: 0px;
}
body#tecnologia div#contenido div.tecnologia p {
	border-top: 0px;
}
body#videojuegos div#contenido div.videojuegos p {
	border-top: 0px;
}



/* Extras */
div#extras {
	float: left;
	width: 320px;
}
div#consolaEjemplo {
	margin: 0 auto 10px;
}
div.publi {
	background-color: #EEE;
	margin: 10px auto;
	padding: 10px 10px 9px;
	text-align: center;
}
div.publi h6 {
	background: url(http://www.tiramillas.net/especial/img/tit-publicidad.gif) no-repeat left -3px;
	height: 13px;
	width: 53px;
}
div.publi h6 span {
	display: block;
	text-indent: -9999px;
}


/*********** APERTURA PORTADILLA ***********/
div.noticiaApertura h2.fotoApertura {
	height:290px;
	position:relative;
	width:664px;
}
div.noticiaApertura h2.fotoApertura .opacidad {
	background-color:#000000;
	bottom:0 !important;
	height:60px;
	left:0;
	opacity:0.6;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	padding:0;
	position:absolute;
	width:100%;
}
div.noticiaApertura h2.fotoApertura span {
	color:#FFFFFF;
	display:block;
	font-family:Arial, sans-serif;
	font-size:24px;
	line-height: 24px;
	left:10px;
	letter-spacing:-2px;
	margin:0;
	padding:0;
	position:absolute;
	text-decoration:none;
	font-weight: normal;
	text-transform: uppercase;
	top:239px;
	width:664px;
	z-index: 1;
	height: 50px;
}
*:first-child+html div.noticiaApertura h2.fotoApertura span {
	padding-bottom: 20px;
}
div.noticiaApertura h2.fotoApertura span a {
	color:#FFFFFF;
	text-decoration: none
}

div.noticiaApertura h2.fotoApertura span a:hover { text-decoration: underline}

div.noticiaApertura h2.fotoApertura span p { font-size:14px; text-transform: none !important; margin-top: -3px; letter-spacing: normal;}


.modelo-disco div#foto-portada { float:left; width:450px;}
.modelo-cartel div#foto-portada { float:left; width:495px;}
.modelo-video div#video-portada { float:left; width:650px; margin-top:15px;}

.modelo-video div#video-portada .borde-video{ background:#FFFFFF; padding:5px; height:384px;}

div#foto-portada img{ border:5px solid #FFFFFF;}

div#foto-portada-noticia { width:990px; height:137px; float:left; background:#CCCCCC;}

.modelo-disco div#menu-especiales { width:260px; float:left; margin-top:1px;}
.modelo-cartel div#menu-especiales { width:260px; float:left; margin-top:11px;}
.modelo-video div#menu-especiales { width:260px; float:left; margin-top:16px;}


div#menu-especiales ul {
list-style-type: none; 
list-style-image: none; 
float: left; 
margin-top: 3px; 
padding: 0px 0px 0px 0px; 
width:260px;

}

div#menu-especiales li {
	float: left;
	display: block;
	margin-bottom:7px;
	width:260px;
}

div#menu-especiales li.cintillo {
	
	display: block;
	font:11px Verdana, Geneva, sans-serif; font-weight:bold;  color:#eee; margin:10px 0px 2px 0px;  border-bottom:1px dotted #ccc; padding:0 0 5px 5px ;
}

div#menu-especiales li.bajo-cintillo a {
	
	display: block;
	font:12px Arial, Geneva, sans-serif; width:260px; color:#999; margin:10px 0 0 0; padding:5px; letter-spacing:normal;
}

div#menu-especiales li a{
color: #666;  font-size:28px; font-weight:bold; letter-spacing: -1px; background: #FFFFFF ; padding: 0 0 1px 0; text-decoration:none;

}

body#cine div#menu-especiales  a:hover  { color: #fff; background:#278AA7;}
body#musica div#menu-especiales  a:hover { color: #fff; background:#CD0067;}
body#television div#menu-especiales  a:hover  { color: #fff; background:#320063;}
body#deporte div#menu-especiales  a:hover  { color: #fff; background:#77B23C;}
body#tendencias div#menu-especiales  a:hover  { color: #fff; background:#D9AE00;}
body#tecnologia div#menu-especiales  a:hover { color: #fff; background:#C83200;}


.modelo-disco div#txt-principal { float:left;margin:0 5px 0 0; padding:0 5px;width:260px;}
.modelo-cartel div#txt-principal { float:left;margin:0 5px 0 0;padding:0 20px;width:450px;}
.modelo-video div#txt-principal { float:left;margin:0 5px 0 0; padding:0 5px;width:645px;}

div#txt-principal h2{ font-size:30px; color:#fff; line-height:30px;}
.modelo-cartel div#txt-principal h2{ color:#FFFFFF;font-size:40px;font-weight:normal;line-height:43px;}

div#txt-principal p{font-size:15px; margin-top:10px; margin-bottom:10px; color:#CCCCCC; padding-left:2px;}

.charla { width:260px; height:75px; float:left; margin:30px 0 0 0;}

.modelo-cartel .charla { width:225px; float:right; margin:15px 0 0 0;}
.modelo-video .charla { width:260px; float:right; margin:10px 23px 0 0;}

.charla .foto-charla { border-right:1px solid #999999; width:85px; height:75px; overflow:hidden; float:left;}

.charla img { width:75px; height:75px; }

.charla a { text-decoration:none;}

.charla p { float:left; width:160px; color:#999999; font-size:12px; font-family:Tahoma; margin:0 0 0 8px;  }

.charla p.titulo-charla { width:160px; color:#FFFFFF; font-weight:bold; text-transform:uppercase; margin-bottom:3px;}

.modelo-cartel .charla p { float:left; width:130px; color:#999999; font-size:12px; font-family:Tahoma; margin:0 0 0 8px;  }

.modelo-cartel .charla p.titulo-charla { width:130px; color:#FFFFFF; font-weight:bold; text-transform:uppercase; margin-bottom:3px;}


body#cine .charla a:hover { color: #fff; background:#278AA7;}
body#musica .charla a:hover { color: #fff; background:#CD0067;}
body#television .charla a:hover { color: #fff; background:#320063;}
body#deporte .charla a:hover { color: #fff; background:#77B23C;}
body#tendencias .charla a:hover { color: #fff; background:#D9AE00;}
body#tecnologia .charla a:hover { color: #fff; background:#C83200;}

div#txt-principal .charla p { float:left; width:160px; color:#999999; font-size:12px; font-family:Tahoma; margin:0 0 0 8px;  }

div#txt-principal .charla p.titulo-charla { width:160px; color:#FFFFFF; font-weight:bold; text-transform:uppercase; margin-bottom:3px;}


.web-oficial { float:right;
margin-top:5px;
text-align:center;
width:78px; font-family:tahoma; font-size:11px; height:16px;
background: url(http://www.tiramillas.net/especial/img/fnd-web-oficial.gif) no-repeat; 
}


.web-oficial a{ text-decoration:none; color:#666666;line-height:14px;}

body#cine .web-oficial a:hover  { color:#278AA7;}
body#musica .web-oficial a:hover  { color:#CD0067;}
body#television .web-oficial a:hover  { color:#320063;}
body#deporte .web-oficial a:hover  { color:#77B23C;}
body#tendencias .web-oficial a:hover  { color:#D9AE00;}
body#tecnologia .web-oficial a:hover  { color:#C83200;}


.imagen-especial { width:990px; height:43px; background:url(http://www.tiramillas.net/especial/img/imagen-especial.jpg) no-repeat; margin:20px auto 0px;}