body {
	background: #EEE url(/images/graphics/background.png) repeat-y center;
	margin: 0;
	padding: 0;
	color: black;
}

#container {
	margin: 0 auto;
	padding: 0;
	position: relative;
	width: 100%;
	max-width: 1024px;
}

#header {
	background: #222 url(/images/graphics/header.png);
	margin: 0;
	padding: 0;
	color: #999;
	position: fixed;
	top: 0;
	height: 130px;
	width: 100%;
	max-width: 1024px;
	z-index: 1;
}

#nav {
	background: #CCC url(/images/graphics/nav.png) no-repeat;
	margin: 0;
	padding: 40px;
	color: #333;
	position: fixed;
	top: 130px;
	width: 100px;
	z-index: 0;
}

#section {
	background: #FFF;
	margin: 0;
	padding: 40px;
	color: #333;
	position: absolute;
	top: 130px;
	left: 180px;
	min-height: 400px;
	max-width: 764px;
	z-index: 0;
}

#footer {
	margin: 0;
	padding: 0;
	color: #333;
	position: fixed;
	bottom: 0;
	height: 20px;
	width: 180px;
	z-index: 0;
}

.gb-audio {
	position: absolute;
	border: 0;
	bottom: 0;
	left: 0;
	height: 73px;
	width: 373px;
}

.gallery {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.gallery li{
	display: inline;
}

.cards {
	margin: 10px 0 0 0;
}

.thumbnailsH {
	margin: 20px 1% 0 0;
	padding: 3px;
	border: 1px solid #CCC;
	width: 30%;
	vertical-align: top;
}

.thumbnailsV {
	margin: 20px 1% 0 0;
	padding: 3px;
	border: 1px solid #CCC;
	width: 22.5%;
}

.thumbnailsComparacion {
	margin: 0;
	padding: 3px;
	border: 1px solid #CCC;
	width: 100%;
}

.shadow {
	position: absolute;
	border: 0;
	bottom: -5px;
	left: 0;
	height: 5px;
	width: 1024px;
}

.date {
	font: 15px "Trebuchet MS", sans-serif;
	position: absolute;
	top: 20px;
	right: 20px;
}

.nav {
	margin: 0;
	padding: 0;
	list-style-type: square;
	font: 15px "Trebuchet MS", sans-serif;
	color: #036;
}

.nav a {
	padding: 5px 0;
	font: 15px "Trebuchet MS", sans-serif;
	color: #036;
	text-decoration: none;
	width: 140px;
	display: block;
}

.nav a:hover {
	background: url(/images/graphics/arrow.png) no-repeat 130px;
	color: #FFF;
}

.navSub {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.parlantes, .sistemas {
	margin: 0 0 0 20px;
	padding: 0;
	list-style-type: square;
	font: 15px "Trebuchet MS", sans-serif;
	color: #333;
}

.parlantes a, .sistemas a {
	padding: 0;
	font: 13px "Trebuchet MS", sans-serif;
	color: #333;
	text-decoration: none;
	width: 120px;
	display: block;
}

.parlantes a:hover, .sistemas a:hover {
	background: url(/images/graphics/arrow.png) no-repeat 115px;
	color: #FFF;
}

.parlantes .navSub a {
	font-size: 12px;
}

.nav li:hover {
	color: #FFF;
}

a {
	font: 12px "Verdana", sans-serif;
	color: #333;
	text-decoration: none;
	cursor: pointer;
}

a:hover {
	color: #666;
}

.list {
	margin: 20px 0 0 20px;
	padding: 0;
	list-style-type: square;
	font: 12px "Verdana", sans-serif;
}

.year {
	margin: 0;
	font: 12px "Trebuchet MS", sans-serif;
	position: absolute;
	left: 10px;
}

.w3c {
	margin: 0;
	font: 12px "Trebuchet MS", sans-serif;
	position: absolute;
	right: 10px;
}

.w3c:hover {
	color: #666;
}

h1 {
	margin: 0;
	font: 24px "Trebuchet MS", sans-serif;
	color: #069;
	border-bottom: 1px solid #999;
}

h2 {
	margin: 0;
	font: 12px "Trebuchet MS", sans-serif;
	color: #999;
	letter-spacing: 3px;
}

h3 {
	margin: 20px 0 0 0;
	font: 18px "Trebuchet MS", sans-serif;
	color: #666;
	border-bottom: 1px solid #999;
}

h4 {
	background: #DDD;
	margin: 20px 0 -20px 0;
	color: #333;
	font: 15px "Trebuchet MS", sans-serif;
	border-bottom: 1px solid #999;
}

p {
	margin: 20px 0 0 0;
	font: 12px "Verdana", sans-serif;
}

dl {
	margin: 20px 0 0 0;
	padding: 0;
}

dt {
	float: left;
	font: 15px "Verdana", sans-serif;
}

dd {
	margin: 0 0 0 10px;
	font: 12px "Verdana", sans-serif;
}

#section table, #section table th, #section table td {
	margin: 0;
	padding: 3px;
	border-collapse: collapse;
	font: 12px "Verdana", sans-serif;
}

#section table {
	margin: 20px 0 0 0;
	width: 100%;
}

#section table tr {
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

#section table tr:hover {
	background: #CEF;
	color: #333;
}

#section table.comparacion {
	margin: 20px 0 -20px 0;
}

#section table.comparacion tr {
	border: 0;
}

#section table.comparacion tr:hover {
	background: #FFF;
	color: #333;
}

#section table.comparacion a {
	font: 18px "Trebuchet MS", sans-serif;
	color: #666;
}

#section table.comparacion a:hover {
	color: #999;
}

th.vias {
	width: 30%;
	height: 50px;
	text-align: left;
	font: 15px "Trebuchet MS", sans-serif;
}

td.telefonos1 {
	width: 5%;
	height: 50px;
	text-align: left;
}

td.telefonos2 {
	width: 15%;
	height: 50px;
	text-align: right;
}

td.telefonos3 {
	width: 20%;
	height: 50px;
	text-align: left;
}

td.telefonos4 {
	width: 30%;
	height: 50px;
	text-align: center;
}

th.especificaciones {
	background: #CCC;
	color: #333;
	width: 100%;
	text-align: left;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	cursor: pointer;
}

td.parametros {
	width: 40%;
	text-align: left;
	font: 12px "Verdana", sans-serif;
}

td.valores {
	width: 20%;
	text-align: left;
	font: 12px "Verdana", sans-serif;
}

td.cincuenta {width: 50%;}
td.cuarentaycinco {width: 45%;}
td.cuarenta {width: 40%;}
td.treintaycinco {width: 35%;}
td.treinta {width: 30%;}
td.veinticinco {width: 25%;}
td.veinte {width: 20%;}
td.quince {width: 15%;}
td.diez {width: 10%;}
td.cinco {width: 5%;}
td.cero {display: none;}

object {
	margin: 20px 0 0 0;
	height: 480px;
	width: 100%;
	border: 1px solid #CCC;
}

fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

label {
	display: inline-block;
	margin: 20px 0 0 0;
	padding: 3px 0;
	width: 30%;
	font: 12px "Verdana", sans-serif;
	vertical-align: top;
}

input, textarea {
	background: white;
	margin: 20px 0 0 0;
	border: 1px solid #CCC;
	padding: 3px;
	color: #333;
	width: 65%;
	font: 12px "Verdana", sans-serif;
}

#enviar {
	margin: 20px 0 0 30%;
}

#section table.lista-precios {
	width: 450px;
}

.modelos {
	width: 250px;
}

.agotado {
	width: 150px;
	text-align: center;
	color: red;
}

.peso {
	width: 20px;
	text-align: center;
}

.precios {
	width: 30px;	
	text-align: right;
}

.parlantes input {
	margin: 0 0 0 -22px;
	padding: 0;
	position: absolute;
	height: 15px;
	width: 15px;
}

.tipo {
	margin: 0;
	padding: 0;
	width: 120px;
	background: white;
	opacity: 0.5;
}

.itemListaPrecios {
	margin-top: 10px;
}
