*{padding:0;margin:0;}
body{margin:0;padding:0;font:.70em/1.5em Verdana;color:#666666;position:relative;background:#FFF url(bg.png) repeat-x;overflow-x:hidden;}
a{color:#4284B0;background-color:inherit;text-decoration:none;}
a:hover{color:#9EC068;background-color:inherit;}
h1, h2, h3{font:bold 1em'Trebuchet MS', Arial, Sans-serif;color:#333;}
h1{font-size:1.5em;color:#6297BC;}
h2{font-size:1.4em;}
h3{font-size:1.3em;}
h4{font-size:10pt;color:#333;padding-left:35px;border-bottom:groove;border-bottom-color:#3399CC;}
p, h1, h2, h3{margin:10px 15px;}
ul, ol{margin:10px 30px;padding:0 15px;color:#4284B0;}
ul span, ol span{color:#666666;}
img{border:2px solid #CCC;}
img.no-border{border:none;}
img.detalle{width:204px;height:240px;float:left;padding:1px;border:none;}
img.foto{border:none;height:180px;width:120px;}
img.producto{width:120px;height:120px;border:none;}
#fotoheader img{margin-right:0px;margin-left:0px;}
.producto p{text-align:left;font:normal 8pt sans-serif;padding:3px;}
h4.promocion{color:#FF0000;}
#carac{margin-left:10px;}
#carac li{margin-left:10px;}
#carac ul{color:#666666;margin-left:125px;margin-top:20px;}
#fotoheader{margin-left:10px;height:86px;background-color:#FFFFFF;width:800px;border-top:solid;border-top-width:6px;border-top-color:#A1C442;}
#base{background-color:#FFFFFF;width:800px;height:420px;float:left;margin-left:20px;text-align:left;margin-top:0;margin-right:auto;margin-bottom:0;}
#base2{background-color:#FFFFFF;width:800px;height:400px;float:left;margin-left:20px;text-align:left;margin-top:0;margin-right:auto;margin-bottom:0;}
#content{clear:both;margin:0;padding:0;background:#FFF;background-color:#A9BAC3;}
.opciones{float:right;margin-right:15px;}
.producto, .otros{border:1px solid #CCCCCC;height:150px;padding-top:2px;margin:5px;float:left;padding-right:10px;padding-bottom:10px;padding-left:5px;}
.producto{width:42%;}
.otros{width:27%;}
#foto{border:1px solid #CCCCCC;height:242px;margin:15px;width:206px;float:left;}
#header{margin-left:10px;position:relative;height:73px;padding-left:1px;background-color:#FFFFFF;}
#header img{float:left;margin-top:5px;}
#main{float:left;margin-left:10px;padding:0;width:70%;text-align:justify;height:400px;}
#margen{margin-left:20px;}
#video{float:left;margin-top:20px;}
#parrafo{margin-left:300px;margin-top:25px;}
#main-solo, #main-solop{float:left;margin-left:15px;margin-right:25px;padding:0;width:98%;text-align:justify;height:375px;overflow-y:auto;overflow-x:hidden;}
#main-solop{height:363px;}
#rightbar{float:right;width:25%;padding:0;padding-right:20px;text-align:justify;}
table.aire{margin-left:10px;padding-left:5px;width:180px;border:0px;border-color:#7CA9F3;}
td.aire{border:0px;padding:0px;border-bottom:thin #000000 dashed;}
.bueno{background-color:#7CA9F3;color:#FFFFFF;text-align:center;}
.regular{background-color:#FFFF00;color:#000000;text-align:center;}
.alerta{background-color:#FF6600;color:#FFFFFF;text-align:center;}
.preemergencia{background-color:#FF0000;color:#FFFFFF;text-align:center;}
.emergencia{background-color:#9900FF;color:#FFFF00;text-align:center;}
.leyenda{font-size:9px;margin-left:20px;}
td.leyenda{height:5px;border:0px;}
td.mar{padding-left:10px;}
#footer{clear:both;color:#0066CC;background:#FFF;border-top:5px solid #568EB6;margin:0;padding:0;margin-top:380px;height:30px;border-bottom-style:groove;font-size:95%;}
.footer2{clear:both;color:#0066CC;background:#FFF;border-top:5px solid #568EB6;margin:0;padding:0;margin-top:380px;height:30px;border-bottom-style:groove;font-size:11px;}
#header ul{z-index:999999;position:relative;margin:0;padding:0;list-style:none;right:0;margin-left:450px;padding-top:48px;font:bold 13px Arial,'Trebuchet MS', Tahoma, verdana, sans-serif;}
#header li{display:inline;margin:0;padding:0;}
#header a{float:left;background:url(tableft.gif) no-repeat left top;margin:0;padding:0 0 0 4px;text-decoration:none;}
#header a span{float:left;display:block;background:url(tabright.gif) no-repeat right top;padding:6px 15px 3px 8px;color:#FFF;}
#header a span{float:none;}
#header a:hover span{color:#FFF;}
#header a:hover{background-position:0% -42px;}
#main-solo a:hover{background-color:inherit;color:#4284B0;}
#header a:hover span{background-position:100% -42px;}
#header #current a{background-position:0% -42px;color:#FFF;}
#header #current a span{background-position:100% -42px;color:#FFF;}
.float-left{float:left;}
.float-right{float:right;}
.align-left{text-align:left;}
.align-right{text-align:right;}
.align-center{text-align:center;}
.clear{clear:both;}