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

html,  div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	
	
}
body {
	padding:0;
	margin:0;
	
	
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuración predeterminada de los diversos navegadores */
	padding: 0;
	text-align: center;
	position:relative;
	min-width:748px;
	
	min-height:800px;
	background-color: #000;
	background-image:url(../images/fondo.jpg);
	background-repeat: repeat-x;
	background-position:top left;
}
@font-face {
font-family: "Bauhaus";
src: url("../fonts/Bauhaus.ttf");
format("truetype");

}
.estilo1{ 
font-family: Cal;
color:#000000;
font-size:18px;
font-weight:bold;
}
 #container {
	padding:0;
	width: 822px;
	margin: 0 auto 0 auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
	text-align: left; /* esto anula text-align: center en el elemento body. */
	border:solid 2px #CCC;
}

#cabecera{ background:url(../images/cabecera_bg.jpg) no-repeat left top;
width:822px;
height:309px;
}
#menu_superior{
	
	
	height:50px;
	margin:0px auto 4px auto;
	
		}
#menu_superior ul {
	
	width:803px;
	height:33px;
	background:url(../images/menusuperior_bg.jpg) repeat-x top left;
	margin: 0 1px 0 6px;
	padding: 0 2px 0 4px;
	
	}
#menu_superior li { 

     height:30px;
	float:left;
	line-height:0;
	width:20%;
	list-style:none;}
#menu_superior li a{ 
    
    text-align:center;
    display:block;
	padding:0 16px;
	font:bold 11px/30px  Arial, Helvetica, sans-serif;
	color:#999;
	
	text-decoration:none;}
	#menu_superior li a:hover{
		background:#000 url(../images/menusuperior_bg_hover.jpg) repeat-x top left;
		border:#CCC medium;
		color:#fff;
		} 
    
#banner{
	border:#999 solid 1px;
	margin:4px auto 0px auto;
	width:812px;
	height:253px;
	background:#333 url(../images/banner.jpg) no-repeat left top;
	}
#comentario{
	margin:2px;
	width:812px;
	background:#000 ;
	height:39px;
	border:#666 medium;
	text-align: center;
	color: #FFF;
	padding: 15px 0 0 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	}
#televisor{
  width:100%;
  height:409px;
	position:relative;
	background:url(../images/televisor.jpg) no-repeat top left #000;
	margin:2px 0 2px 0;
	
	}	
	#fotos{
	height:325px;
	width:690px;
	padding: 0 auto 0 auto;
	background:#666;
	position: absolute;
	left: 55px;
	top: 22px;
}/*
#menu{
	background:#000;
	width: 812px;
	margin: 10px 0px 0px 10px 0px;
	padding:0px 5px 0px 5px;
 	}*/
#footer{
	width:812px;
	clear: both;
	
}
#menu_footer{
	width:812px;
	background:url(../images/bg_footerMenu.jpg) repeat-x;
	height:41px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}
	#menu_footer ul{
		display:block;
		padding:0 0 0 200px;
	
		color:#000;
		
		}
		#menu_footer ul li{
			margin-right:5px;
			float:left;
			font:12px/42px Arial, Helvetica, sans-serif;
			}
			#menu_footer ul li a{
				color:#FFF;
				text-decoration:none;
				margin-right:3px;
				}
				#menu_footer ul li a:hover{
					color:#000;
				    text-decoration:underline;
					}
#derechos{
	width:812px;
	background:url(../imagenes/bg_derechois.gif) repeat-x #000;
	height:41px;
}    
 
#derechos p{
	font:10px/41px Arial, Helvetica, sans-serif;
	padding:10px;
	color:#FFF;
	text-align:center;
	line-height:10px
	}