/* CSS Document SOY TOTALMENTE MECHACORTA 2007 */

* { padding: 0; margin: 0; } 

html {
	background:transparent;
}
body {
	background:#333 url(../images/pua.jpg); 
	padding-top:35px;
	font: 12px "Arial" ,sans-serif;
	line-height: 18px; 
	color: #29241E;
}
* html #wrap {
	width:774px;
}

/* Estructura Página*/
#wrap {
	max-width:774px;
	margin:0 auto;
}
 
#sideContent{
	float:left;
	width:197px;
}

#content{
	float:right;
	width:567px;
}

#footer{
	clear:both;
	margin:0 auto;
	color:#FFFFFF;
	text-align:center;
	bottom:0px;
	height:35px;
	width:774px;
}

/*Padding nav radio contenido*/
.nav{
	padding: 10px 0 0 0;
}
.radio{
	padding: 10px 0 0 0;
}
.contents{
	padding: 10px 0 0 0;
}

.cont_altura{
	height:719px;
/*overflow:auto;*/
}
/*CARACTERISTICAS DE LOS TAGS DE TITULOS*/

h1 { 
	font-size: 24px; 
  	line-height: 36px;
  	margin-bottom: 0px;
  	text-indent:-9999px; 
}
h2 { 
  	font-size: 18px; 
  	line-height: 18px; 
  	margin-bottom: 0px;
  	text-indent:-9999px; 
}
h3 { 
  	font-size: 12px; 
  	line-height: 18px; 
}

/* Imagenes Titulos (H1) */
#home{ background-image:url(../images/home.gif); background-repeat:no-repeat;}
#metal_room{ background-image:url(../images/h_metal_room.gif); background-repeat:no-repeat;}
#metal_links{ background-image:url(../images/h_links.gif); background-repeat:no-repeat;}
#metal_trivia{ background-image:url(../images/h_trivia.gif); background-repeat:no-repeat;}
#the_flame{ background-image:url(../images/h_flame.gif); background-repeat:no-repeat;}
#xrayzone{ background-image:url(../images/h_x_ray_zone.gif); background-repeat:no-repeat;}
#backstage{ background-image:url(../images/h_backstage.gif); background-repeat:no-repeat;}
#metal_radio{ background-image:url(../images/h_fm_radio_player.gif); background-repeat:no-repeat;  background-position:center;}
#metal_radio_interior{ background-image:url(../images/h_fm_radio.gif); background-repeat:no-repeat;}
#recomienda_track{ background-image:url(../images/h_recomienda_track.gif); background-repeat:no-repeat;}
#staff{ background-image:url(../images/h_staff.gif); background-repeat:no-repeat;}
#the_voice{ background-image:url(../images/h_the_voice.gif); background-repeat:no-repeat;}
#metal_news{ background-image:url(../images/h_news.gif); background-repeat:no-repeat;}
#game_zone{ background-image:url(../images/h_game_zone.gif); background-repeat:no-repeat;}
#metal_tv{ background-image:url(../images/h_metal_tv.gif); background-repeat:no-repeat;}
#contacto{ background-image:url(../images/h_contacto.gif); background-repeat:no-repeat;}


/* Default CSS
================================================*/
/* Basic styling, used when JavaScript is unsupported */
.cbb {
	margin:0 0;
	padding:0 0px;
	background-color:#F7F7F7;
	/*background-image:url(../images/relleno_a.gif);*/
}
.cbb h1 {
	margin:0 0px;
	padding:0px 0px;
}
/* Normal styling */
.cb {margin:0 auto;}
		
/* Top border and right corner */ 
.bt { 
	background:url(../images/box.png) no-repeat 100% 0; 
	margin:0 0 0 8px; 
	height:8px; 
} 
/* Top left corner */ 
.bt div { 
	height:8px; 
	width:8px; 
	position:relative; 
	left:-8px; 
	background:url(../images/box.png) no-repeat 0 0; 
} 
/* Bottom border and right corner */ 
.bb { 
	background:url(../images/box.png) no-repeat 100% 100%; 
	margin:0 0 0 8px; 
	height:8px; 
} 
/* Bottom left corner */ 
.bb div { 
	height:8px; 
	width:8px; 
	position:relative; 
	left:-8px; 
	background:url(../images/box.png) no-repeat 0 100%;
} 
/* Left border */ 
.i1 { 
	padding:0 0 0 8px; 
	background:url(../images/borders.png) repeat-y 0 0; 
} 
/* Right border */ 
.i2 { 
	padding:0 8px 0 0; 
	background:url(../images/borders.png) repeat-y 100% 0; 
}

/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
	display:block;
	margin:0 auto;
	padding:0px 0px 0px 0px;
	background-image:url(../images/relleno_a.png)
}
/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.i3:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.i3 {display:inline-block;}
.i3 {display:block;} 

a:link {
	color: #520100;
}