/* tags */
body {font-family:arial, helvetica, sans-serif;font-size: 12px;COLOR: #eee;background: black url("images/bkizq.jpg") no-repeat fixed 0px 0px;padding: 0px;margin: 0px;position: relative}
a {color: #ff9900}
em {COLOR: #fff}
h1 {width:600px;height:50px;font-size:26px;background: #333 url("images/mibanner.jpg") no-repeat;padding-bottom: 0px;text-transform: lowercase;color: #fff;padding-top: 2px;font-style: italic;font-family: sans-serif;letter-spacing: -0.05em;text-align: left;margin-left:0px;margin-right:0px;margin-top:8px;margin-bottom:10px}
h2 {margin-top: -5px;margin-bottom: -22px;color: #ff9900}
h3 {margin-bottom: -16px;COLOR: #ff9900}
h6 {COLOR: #666666}
hr {clear: both;align: left;margin-bottom: 4px;margin-top: 4px;COLOR: #ff9900;}
img.top {vertical-align:text-top}
img.x{clear: both;align:center;position: relative;top:0px;z-index:-1}
ul.ul {font-family: Arial, Helvetica, sans-serif;font-size: 9px;font-style: normal;text-decoration: none;margin: 4px;text-align: center}
li.inline {border-right: #666666 1px dotted;padding-right: 2px;display: inline;padding-left: 3px}
li.last {border-right: 0px;padding-right: 2px;display: inline;padding-left: 3px}
p {color: #eee;font-size:12px;text-align: justify}
strong {color: #ff9900}

/* divs ID */
div#content {border:5px solid #333333;width: 622px; padding-right: 12px;padding-left: 10px;background: transparent url("images/bkder.jpg") fixed 0px 0px;left: 125px;padding-bottom: 10px;padding-top: 0px;position: absolute;top: 15px;font-style:normal;font-variant:normal;font-weight:normal;font-size:11px;COLOR: #eee;font-family:arial, helvetica, sans-serif}
div#autor {z-index: 100;left:142px;background: black url("images/volcanautor.gif") no-repeat 0px 0px;display: block;width: 600px;margin-left: 0px;top:-2px;position: absolute}
div#banner {clear: right;width: 468px;heigth:60px;float:left;margin-top:4px}div#colima {clear: right;background: url("images/colima.jpg") no-repeat;float: left;margin-left: 0px;margin-right: 0px;margin-top: 0px;width: 300px;height: 220px}
div#colima p{font-size:10px;margin-top: 206px;text-align: center;font-style:oblique}
div#colima2 {clear: right;float: left;width:290px;margin-top: 0px;padding-left: 10px;padding-right: 0px}div#f2 {clear:left;float:left;margin: 0px;width:600px}
div#f {clear:right;float:right;background: url("images/en30222.jpg") no-repeat 0px 0px;margin-left: 12px;margin-bottom: 0px;width:240px;height:180px}
div#foto {clear: both;float: left;margin: 8px 20px 20px 0px;width: 150px;height: 100px}
div#foto2 {clear: both;float: right;margin: 8px 0px 0px 20px;width: 150px;height: 100px}
div#fotobig {clear:both;font-size: 9px;margin-left: 15px;width:560px}
div#fotobig p{font-size: 13px;font-color: white;text-align: center;margin-bottom: 5px;margin-top: 2px}div#links {z-index: 100;top: 4px;left: 0px;position: absolute;font-size: 10px;width: 130px;height: 700px}
div#idioma {clear:both;font-size: 9px;left:364px;top:11px;position: absolute}
div#idioma a{color:white;text-decoration:none}
div#links a{display: block;background: url("images/negro.gif") 0px 0px;border-left-width: 0px;border-right: 5px solid #505050;border-top-width: 0px;border-bottom-width: 0px;padding-left: 4px;padding-right: 4px;padding-bottom: 2px;padding-top: 2px;font-weight: normal;font-size: 1em;color: #bbb;font-style: normal;text-align: center;text-decoration: none;margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:1px}
div#links a:hover{border-right: 5px double white;background: url("images/bkizq.jpg") no-repeat fixed 0px 0px;color: #fff;font-size: 1.1em;}div#links a span{display: none}
div#links a:hover span{padding:4px;display: block;font-size: 11px;z-index: 100;background: url("images/span.jpg");left: 0px; margin: 0px;width: 125px;color: #ffffff;position: absolute;top: 350px;text-align: center}
div#logo {clear: both;width: 132px;heigth:60px;float:left;margin-top:4px}
div#mail {font-weight: bolder;font-size: 24px;background: url("images/email.jpg") no-repeat;width: 200px;line-height: normal;font-style: normal;height: 60px;font-variant: oblique;padding-left: 70px;padding-top: 15px}
div#news {clear: both;background: black url("images/bkcaracol.jpg");width: 580px;margin-left: 0px;border: 2px solid #666666;padding: 10px;;font-size: 12px}div#quickSummary {clear: both;float: left;margin: 20px 20px 20px 10px;width: 90px}
div#quickSummary p {font-weight: normal;font-size: 9px;line-height: normal;font-style: italic;text-align: center;font-variant: normal}
div#txt {clear: both;float: left;margin: 20px 20px 20px 20px;width: 500px}
div#txt p {font-weight: normal;font-size: 14px;line-height: normal;font-style: normal;text-align: justify;font-variant: normal}

/* classes */

.blanco {text-align: left;clear:both;width:594px;margin-bottom:4px;background: url("images/white.gif") white;padding: 12px;border-top: 3px solid #aaa;border-left: 3px solid #aaa;border-right: 3px solid #666;border-bottom: 3px solid #666;float: left;font-style: normal;text-decoration: none;color: #000}
.blanco a{font-size: 16px;font-weight: bold;color: #ff9900}
.blanco p{font-size: 12px;font-style: normal;font-family: arial;color: black}
.negro {text-align: right;clear:both;width:594px;margin-bottom:4px;background: url("images/black.gif") black;padding: 12px;border-top: 3px solid #aaa;border-left: 3px solid #aaa;border-right: 3px solid #666;border-bottom: 3px solid #666;float: left;font-style: normal;text-decoration: none;color: #fff}
.negro a{font-size: 16px;font-weight: bold;color: #ff9900}
.negro p{font-size: 12px;font-style: normal;color: white}
.block {clear: both;margin-left:0px;margin-bottom:4px;align: center;width: 600px;padding:0px}
.center {clear: both;align:middle;display: block;text-align: center}
.center p{text-align: center}
.doblecolizq {float: left; margin-right:10px;width:380px}
.doblecolder {float: right; margin-left:10px;width:380px}
.colizq {float: left; margin-right:4px;width:48%}
.colder {border-left:1px solid #999999;padding-left:8px;float: right; margin-left:4px;width:48%}
.col1 {float: left; margin-left:10px;width:190px}
.col2 {float: center; left:200px;margin-left:10px;margin-right:10px;width:200px}
.col3 {float: left; margin-right:10px;width:190px}
.container {border: 1px dashed #fff;width: 600px;background-color: #000;text-align: center}
.fill {clear:both}
.fotoizq {float: left; margin-right:8px;width:190px}
.fotoizq p {font-size: 10px;font-color: white;text-align: center;margin-bottom : 5px;margin-top: 2px;}
.fotoder {float:right; margin-left:8px;width:190px}
.fotoder p {font-size: 10px;font-color: white;text-align: center;margin-bottom : 5px;margin-top: 2px;}
.float {float: left;margin-left: 48px; width: 90px}
.float p {font-size: 10px;font-color: white;text-align: center;margin-bottom : 5px;margin-top: 2px;}
.float1 {float: left;margin-left: 24px; width: 90px}
.float1 p {font-size: 10px;color: white;text-align: center;margin-bottom : 5px;margin-top: 2px;}
.flota {float: left;margin-left: 8px}
.flota p {font-size: 10px;color: white;text-align: center;margin-bottom : 5px;margin-top: 2px;}
.manda {text-align: right;float: left; padding-right:8px;border:1px solid #ff9900;width:235px}
.menu1 {float: left;margin-left: 5px; width: 90px}
.menu {float: left;margin-left: 8px; width: 90px}
.menuder {float:right;font-size: 9px;font-style: normal;margin: 4px;text-align: center}
.menuder a{text-decoration: none}
.menutxt {font-size: 9px;font-style: normal;margin: 4px;text-align: center}
.menutxt a{text-decoration: none}
.precios {font-size:13px;float: left;left:254px;width:380px}
.precioizq {border:1px;font-size:14px;float: left;margin-left:50px;margin-right:8px;}
.precioder {border:1px;clear:right;font-size:14px;float: left;margin-left:8px}
.preciolow {border:1px;clear:both;font-size:11px;text-align:right;float: left;margin-right:0px;width:360px}
.spacer {clear: both;height: 8px}
.texto {margin-left: 18px; margin-right: 18px;text-align: justify}
/* la imagen queda abajo con z-index: -1, 0*/