@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0; border:0; outline:0;}
table { border-collapse:collapse; border-spacing:0; }
ol,ul { list-style:none; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }


.left{ float:left; display:inline;}
.right{ float:right; display:inline;}
.block{ width:100%; float:left; clear:both; }
.underline{ text-decoration:underline;}


/* Clases extras */
.naranja{ color:#c75213;}
.blanco{ color:#fff;}
.autor{ text-align:right; color:#bebebe; font-size:10px;}
.line-h{ line-height:24px;}
.line-h p{ margin-bottom:30px;}

.text-center{ text-align:center;}
.text-right{ text-align:right;}
.font11{ font-size:11px;}

a{ text-decoration:none;}
a:hover{text-decoration:underline;}


body{
	background:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px; color:#fff;
}


#container{
	width:949px;
	margin:0 auto;
}
#header, #menu, #contenido, #content, #footer{ width:100%; float:left; clear:both;}

#header{
	background:#0000;

 height:282px; position:relative;
}
	#header a.logo{
		float:left; clear:both;
		position:absolute; top:0; left:10px; width:390px; height:270px; background:none;
		text-indent:-9999px;
	
	}
	#header h1{ display:none;}
	#header .right{
		position:relative;
		position:absolute; z-index:999;
		right:10px; top:100px;

	}


#content{
	background:url(../images/bg-contenido.gif) repeat-y;
}

#sidebar-left{	
	width:150px;
	padding-left:20px; padding-right:8px;
}


/* Menu */
#menu{
	padding-bottom:20px;
}

	#menu a{ float:left; clear:both; width:100%; text-indent:-9999px; }
	
	#menu a#eventos-link{background:url(../images/menu/menu-eventos.gif) no-repeat; height:29px; }
	#menu a#eventos-link:hover,
	#menu a#eventos-link-activo{ background:url(../images/menu/menu-eventos-over.gif) no-repeat;  height:29px;}
	
	#menu a#entrevistas-link{ background:url(../images/menu/menu-entrevistas.gif) no-repeat; height:31px; }
	#menu a#entrevistas-link:hover,
	#menu a#entrevistas-link-activo{ background:url(../images/menu/menu-entrevistas-over.gif) no-repeat; height:31px;}
	
	#menu a#novedades-link{	background:url(../images/menu/menu-novedades.gif) no-repeat; height:30px; }
	#menu a#novedades-link:hover,
	#menu a#novedades-link-activo{ background:url(../images/menu/menu-novedades-over.gif) no-repeat; height:30px;}
	
	#menu a#expo-link{background:url(../images/menu/menu-expo.gif) no-repeat; height:30px; }
	#menu a#expo-link:hover,
	#menu a#expo-link-activo{ background:url(../images/menu/menu-expo-over.gif) no-repeat;height:30px; }
	
	#menu a#descargas-link{	background:url(../images/menu/menu-descargas.gif) no-repeat; height:30px; }
	#menu a#descargas-link:hover,
	#menu a#descargas-link-activo{ background:url(../images/menu/menu-descargas-over.gif) no-repeat; height:30px;}
	
	#menu a#ranking-link{background:url(../images/menu/menu-ranking.gif) no-repeat; height:30px; }
	#menu a#ranking-link:hover,
	#menu a#ranking-link-activo{ background:url(../images/menu/menu-ranking-over.gif) no-repeat; height:30px; }
	
	#menu a#links-recom{	background:url(../images/menu/menu-recom.gif) no-repeat; height:29px; }
	#menu a#links-recom:hover,
	#menu a#links-recom-activo{ background:url(../images/menu/menu-recom-over.gif) no-repeat; height:29px; }
	
	#menu a#links-link{	background:url(../images/menu/menu-links.gif) no-repeat; height:29px; }
	#menu a#links-link:hover,
	#menu a#links-link-activo{ background:url(../images/menu/menu-links-over.gif) no-repeat; height:29px; }
	
	#menu a#contacto-link{ background:url(../images/menu/menu-contacto.gif) no-repeat; height:31px; }
	#menu a#contacto-link:hover,
	#menu a#contacto-link-activo{ background:url(../images/menu/menu-contacto-over.gif) no-repeat; height:31px;}


/* Banners */
#banners img{ margin-bottom:8px;}





/* Sidebar- RIGHT */
#sidebar-right{	
	width:526px; padding-left:40px; padding-right:15px;
	background:url(../images/bg-sr.gif) no-repeat;
	padding-top:14px; text-align:justify;
}

.line-h p{ margin-bottom:30px;}


h2{	float:left; clear:both; width:100%; text-indent:-9999px; height:41px; margin-bottom:30px; }
h2.bienvenidos{ background:url(../images/titulo-bienvenidos.gif) no-repeat;}
h2.entrevista{ background:url(../images/titulo-entrevista.gif) no-repeat;}
h2.eventos{ background:url(../images/titulo-eventos.gif) no-repeat; margin-top:8px;}
h2.novedades{ background:url(../images/titulo-novedades.gif) no-repeat; margin-top:2px; }
h2.ranking{ background:url(../images/titulo-ranking.gif) no-repeat; margin-top:5px; }
h2.links{ background:url(../images/titulo-links.gif) no-repeat; margin-top:7px; }
h2.contacto{ background:url(../images/titulo-contacto.gif) no-repeat; margin-top:7px; }
h2.descargas{ background:url(../images/titulo-descargas.gif) no-repeat; margin-top:6px; }
h2.recomendados{ background:url(../images/titulo-recomendados.gif) no-repeat; margin-top:6px; }

h2.exponentes{ background:url(../images/titulo-exponentes.gif) no-repeat; margin-top:5px; }

h2.exponentes-bboy{ background:url(../images/titulo-exp-bboy.gif) no-repeat; margin-top:6px; }
h2.exponentes-graf{ background:url(../images/titulo-exp-graf.gif) no-repeat; margin-top:4px; }
h2.exponentes-dj{ background:url(../images/titulo-exp-dj.gif) no-repeat; margin-top:5px; }
h2.exponentes-mc{ background:url(../images/titulo-exp-mc.gif) no-repeat; margin-top:5px; }


h3,h4{ 
	color:#c75213; font-size:18px; font-weight:bold;
}

.intro{ margin-bottom:20px;}


.banner-bottom{
	float:left;
	width:553px; height:90px; margin-left:196px; display:inline;
	padding:10px 0; margin-top:20px;
}


/* Entrevistas */

.entrevistas{
	float:left; clear:both; width:500px; margin-bottom:20px;
	position:relative;
}

.entrevistas .gallery img.left{
	width:134px;
	border:1px solid #bb4d12;
	margin-right:20px;
	margin-left:0px; margin-top:0px;
}
.entrevistas img.left{
	width:134px;
	border:1px solid #bb4d12;
	margin-right:20px;
	margin-left:0px; margin-top:0px;
}



.entrevistas div.left{
	width:344px;
	}


.entrevistas div.left a{ 
	color:#c75213; text-decoration:underline; font-style:italic;
	position:absolute; float:left; clear:both; right:0; bottom:0;
}
.entrevistas p{ line-height:17px;}
.entrevistas p span{font-weight:bold; color:#c75213;}




#detalle-entrevista{
	line-height:20px;
	width:500px;
}

#detalle-entrevista p img{ width:500px;}
#detalle-entrevista h3{ margin:15px 0 20px 0;}
#detalle-entrevista h4{ margin:15px 0 0 0;}
#detalle-entrevista p{ margin-bottom:10px;}
#detalle-entrevista p span{ font-weight:bold; text-transform:uppercase; color:#c75213;}


#paginado{
	margin-top:30px;
	color:#c75213; font-weight:bold; font-size:10px;
}
	#paginado a{color:#c75213; margin:0 3px;}
	#paginado a.blanco{ color:#fff;}

.info{ float:left; clear:both; width:100%; font-size:11px; margin-top:20px;}

/* Links */
#links p{ margin-bottom:10px;}
	#links span{ display:block; font-weight:bold; color:#c75213;}
	#links span a{ color:#c75213;}

/* Contacto */

#contacto{ margin-left:70px; margin-top:20px;  }

#contacto form{ color:#c75213; font-weight:bold;}
#contacto form p{ margin-bottom:15px;}
#contacto form p.obli{ font-weight:normal; font-size:10px; font-style:italic;}
#contacto form input,
#contacto form textarea{
	width:302px;
	padding:3px 4px;
	font-size:12px; font-family: Arial, Helvetica, sans-serif;
	color:#333; display:block; margin-top:5px;
}
#contacto form textarea{ height:101px; display:inline;}
#contacto form input.btn-enviar{
	width:68px; height:30px; padding:0; cursor:pointer;display:inline;
	margin-left:30px;

	

}


/* Descargas */
#descargas{ margin-top:20px; float:left; clear:both; width:100%;}
.descarga{
	float:left; display:inline; 
	width:135px; text-align:center; height:205px; margin-right:40px;
}
.descarga a{ color:#fff; display:block; margin-top:2px;}

/* Exponentes */
#exponentes{ margin-top:20px; float:left; clear:both; width:90%; padding-right:10%;}

#exponentes img{	
	width:188px; 
}

.gallery img{
	float:left; display:inline;
	border:1px solid #bb4d12; width:106px; height:auto;
	margin-left:10px; margin-top:12px;

}

#paginas{
	float:left; clear:both; width:100%;
	padding:10px 0; margin-top:10px; text-align:center;
}
	#paginas a{ color:#fff;}
	#paginas a:hover{ color:#d45d1c;}
	#paginas p b{ color:#d45d1c; font-weight:bold;}
 
 

#expo-lista{ float:left; clear:both; width:94%; padding-left:6%; margin-top:15px;}
.tema{
	padding:10px 0;
	 float:left; clear:both; width:100%;
} 
.tema a,.tema p{ float:left; display:inline; margin-left:10px;}
.tema strong{ color:#e1580e; font-weight:bold;}
.tema b{ color:#e67234;font-weight:bold;} 

/* Footer */
#footer{ 
	font-size:10px; width:553px; margin-left:196px; display:inline;
	padding:10px 0; border-top:1px solid #bebebe; margin-top:20px;
}