body{ height:100%; margin:0; background-color: #fff; background-image: url(images/bgTotal.jpg); background-repeat: repeat-x; }
*{ margin: 0 auto; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration:none; color: #666; list-style:none;  }
p{ margin: 0; padding: 0; }
p b{ color: #0070C3; }
a{ color:#0070C3; text-decoration: underline; }
img{ float: left; }
.global{ width: 782px; height:auto!important; padding-bottom: 50px; }
.globalUp{float: left; width: 770px; height: auto; padding-left: 12px; background: url(images/shadowsBorders.png); background-repeat:repeat-y; background-position: 100% 100%;}
*html .globalUp{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/shadowsBorders.png, sizingMethod='scale'); background:none; }
.globalDown{float: left; width: 782px; height: 50px!important; background: url(images/bgFooter2.gif); background-repeat:no-repeat; padding-top: 50px; }
<!--*html .globalDown{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/bgFooter2.png, sizingMethod='image'); background:none; }-->

/*TOP*/
.top{ float: left; width: 758px; height: 89px; position:relative;}
.menuTop{ float: left; width:455px; height: 89px; background-image: url(images/borbonLogoBg.gif); background-repeat: no-repeat; } 
.menuTop ul{ float: right; margin-top: 68px; padding-right: 5px; }
.menuTop ul li{ float: left; width: auto; margin-left: 3px; }
.menuCurveLeft{ float: left; width: 7px; height: 21px;  background-image: url(images/menuCurveLeft.gif); background-repeat: no-repeat; }
.menuContent{ float: left; width: auto; height: 16px; background-image: url(images/menuContent.gif); background-repeat: repeat-x; padding: 5px 2px 0 2px; }
.menuContent a{ font-size: 11px; color: #fff; text-decoration: none!important; }
.menuContent a:hover{ color: #FFFF00; }
.menuCurveRight{ float: left; width: 7px; height: 21px;  background-image: url(images/menuCurveRight.gif); background-repeat: no-repeat; }

/*CONTENT*/
.content{ float: left; width: 758px; height: auto; background-color: #fff; }
.columnLeft{ float: left;width: 165px; height: 234px; }
.columnLeft ul{ float: left; width: 165px; height: 234px; background-image: url(images/bgMenuInicio.gif); background-repeat: no-repeat; }
.columnLeft ul li{ float: left; width: 165px; height: 25px; background-image: url(images/bgMenu.gif); background-repeat: repeat-x; padding-top: 3px;  }
.columnLeft ul li a{ font-size: 11px; font-weight: bold; color: #695D54; margin-left: 10px; }
.columnLeft ul li a:hover { color: #fff; }
.columnLeft ul li.menuVacio{ float: left; width: 165px; height: 40px!important; background-image: url(images/bgMenuInicio.gif); background-repeat: no-repeat; padding-top: 0;}
.columnLeft ul li.menuVacioBottom{ float: left; width: 165px; background-image: url(images/bgMenuInicioFooter.gif); background-repeat: no-repeat; }
.columnLeft ul li.menuVacioBottom2{background-image: url(images/bgMenuInicioFooter2.gif); }*/
.columnRight{ float: left; width: 593px; height: 234px; }
.topColumnRight{ float: left; width: 593px; height: 40px; background-image: url(images/internalPages.jpg); background-repeat: no-repeat; }
.contentColumnRight{ float: left; width: 563px; height: auto; padding:140px 20px 20px 10px; background-image: url(images/internalPages.jpg); background-position: top; background-repeat: no-repeat; }
.contentColumnRight h1{ color: #0070C3; font-size: 20px; font-weight: normal; letter-spacing: -1px; margin-bottom: 10px; border-bottom: 2px solid #0070C3; }
.contentColumnRight h2{ color: #003998; font-size: 16px; font-weight: bold; letter-spacing: -1px; }

.contentColumnRight p span.lineHeight{line-height: 25px;}

.contactoBg{ background-image: url(images/bg_pages.gif); background-repeat: no-repeat; background-position: top; }
.contentTable{ float: left; width: 525px; height: auto; margin-left: 5px; }
.contentTable ul{ float: left; position:relative; left:10px;}
.contentTable ul li{ float: left; width: 165px; height: auto; margin: 5px; }

.tablasMarea ul{ position:relative; float:left; left:70px;}
.tablasMarea li{ width: 150px!important; float:none!important; margin:10px!important; }
.tablasMarea li p{  }
.tablasMarea li p a{ color: #0070C3; text-decoration: underline; }
.tablasMarea li p a:hover{ color: #FF5C00 }
.tablasMarea li img{ width: 100px; height: 130px; }

.descarga{ float: left; width: 160px; height: 50px; padding: 20px 0 0 180px; }
.descarga a{ font-size: 10PX; color: Red; margin-top: 10px; }

.ImgTxt{float: right;}
.ImgTxt2{float: left;}

.clasificados{ width: 530px; margin-left: 10px; }
.clasificados ul {  }
.clasificados ul li { height: 270px; }
.clasificados ul li p { left:10px; position:relative;}


/*Backgrounds*/
.repuestosAccesorios{ background-image: url(images/topRepuestos.jpg); }
.motoresCummins{ background-image: url(images/topMotoresCummins.jpg); }
.pesca{ background-image: url(images/topPesca.jpg); }
.lanchasTop{ background-image: url(images/topLanchas.jpg); }
.tablasTop{ background-image:url(images/topTablas.jpg);  }
.sucursalesTop{ background-image:url(images/topSucursales3.jpg); }
.contactoTop{ background-image:url(images/topContact.jpg);  }
.clasificadosTop{ background-image:url(images/topClasificados.jpg);  }

/*Image On The Text*/
.imageOnTheText{ float: right; width: 283px; height: 174px; margin-left: 10px; }

.cumminsImgTxt{ width: 225px!important; height: auto; }
.cumminsImgTxt img{ margin-left: 10px; }

.imagesLanchas{ float: left; width: 570px; height: auto; }
.imagesLanchas ul{  }
.imagesLanchas ul li{ float: left; width: auto; }

/*CONTACTENOS*/
.infoContactos{ float: left; width: 270px;  padding: 10px!important; background-color: #EBEBEB; }
.infoContactos ul{ float: left; }
.infoContactos ul li{ float: left; width: 270px; height: auto; font-size: 11px!important; line-height: 12px; }
.infoContactos ul li h1{ float: left; width: 270px; height: 10px; font-size: 12px; font-weight: bold; letter-spacing: normal;  padding: 0; margin: 0; margin-top: 7px; border: none!IMPORTANT; }
.infoContactos ul li b{ font-size: 11px; color: #666666; }
.infoContactos ul li span{ float: left; width: 220px; height: 15px; color: #0070C3; font-weight: bold; font-size: 10px; padding-left: 15px; background-image: url(images/emailIcon.gif); background-repeat: no-repeat; background-position: left; }
.infoContactos ul li span a { font-size:10px;}
.infoContactos ul li p{ font-size: 11px; margin: 3px 0; color: Red; }
.infoContactos ul li ul{ }
.infoContactos ul li ul li{ margin: 16px 0;  }
.infoContactos ul li ul li p{ }

/*FORM*/
.form{ float: left; width: 200px; height: auto; padding-left: 0; padding: 5px 0 0 30px;  }
.formForm{ }
.formForm li{ margin-top:10px; }

/*PRODUCTS*/
.product{ float: left; width: 758px; height: auto; }
.productLeft{ float: left; width: 165px; height: 188px; background-image: url(images/index-clasificados.jpg); background-repeat: no-repeat; }
.productLeft p{ float: left; width: 135px; height: auto; font-size: 11px; margin-top: 135px; padding-left: 10px; }
.productLeft p a{ float: left; font-size: 10px; color:#FF5C00; text-decoration: underline; }
.productRight{ float: left; width: 593px; height: 190px; }
.productRight ul{ float: left; width: auto; height: auto; border-left: 1px solid #fff; background-image: url(images/bgProductosMotores.gif); background-repeat: repeat-x; }
.productRight ul li{ float: left; width: 185px; height: 157px; border-right: 7px solid #fff; background-repeat: no-repeat; background-position: 10px 15px; text-align: right !important; padding-right: 5px; }
.productRight ul li img{ float: right; margin-bottom: 2px; clear: both; margin: 16px 5px 0 0; }
.productRight ul li p{ float: right; width: 113px; clear: both; font-size: 11px; padding: 5px 5px 0 0; }
.productRight ul li p b{ color: #FF5C00; font-size: 11px; font-weight: bold; }
.productRight ul li p a{ float: right; width: 95px; height: 20px; color: #FF5C00; font-size: 10px; text-decoration: underline; font-weight: bold; clear: both; margin: 0; padding: 0; }
.productsMotor{ float: right; width: 170px; height: auto; }
.evinrude{ background-image: url(images/motorEvinrude.gif); }
.jonhson{ background-image: url(images/motorJohnson.gif); }
.marine{ background-image: url(images/motorCummin.gif); }

/*FOOTER*/
.footer{float: left; width: 782px; height: 50px; position: relative; }
.footer p{ text-align: center; font-size: 10px; color: #999; }
.footer p b{ color: #FF4500; font-size: 12px; font-weight: bold; }
.footer p a{ font-size: 10px; color:#333;  }
.footer p a:hover{ text-decoration: underline; }

/*MENU*/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.suckerdiv ul{width: 165px!important; /* Width of Menu Items */   margin: 0; padding: 0; list-style-type: none; background-image: none; }
.suckerdiv ul li{ width: 165px; height: 23px!important; position: relative; margin: 0; padding-top: 5px;  }

/*Sub level menu items */
.suckerdiv ul li ul{ position: absolute; width: 140px; /*sub menu width*/ top: 0; visibility: hidden; float: left; height: auto;}
.suckerdiv ul li ul li{ width: 140px; height: 21px!important; border: 1px solid #fff; }


/* Sub level menu links style */
.suckerdiv ul li a{ display: block; overflow: auto; /*force hasLayout in IE7 */ color: black; text-decoration: none; padding: 1px 5px; border-bottom: 0; color: #695D54; }
.suckerdiv ul li a:hover{ color: #fff; }

	
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 20px; }
* html .suckerdiv ul li a { height: 20px; }
/* End */

/*MENU TAB SUCURSALES*/

.generalMenuTab{ width:550px!important; height:400px; padding-top: 115px; position: relative; top:-100px; }

#tablist{ width: auto; height: auto; position: relative; z-index:51; }
#tablist ul{ height: 200px; margin: 0; padding-left: 155px; }
#tablist ul li{ float: left; width: 90px; height: 27px; list-style: none; background-position: left top; padding: 20px 0 0 40px; clear: both; }

.coco{ margin-top: 14px; position: relative; }
.puntarenas{ margin-top: 2px; position: relative; left: 133px; }
.sanJose{ position: relative; left: 210px; z-index:50; top: -20px; }
.herradura{ position: relative; left: 160px; z-index:50; top: -40px; }
.golfito{ position: relative; left: 285px; z-index:50; top:5px; }



#tablist ul li a{ color: #fff; text-decoration: none; font-size: 11px!important; font-weight: bold; text-decoration: underline; }
#tablist ul li a:hover{ color: Fuchsia; color: #BCD2F7;}
#tabcontentcontainer{ float: left; width: 550px; padding: 0; margin: 0; }
.tabcontent{ display:none; float: left; width: 350px; height: 156px; position: relative; top:-100px; padding: 0; margin: 0; }
.tabcontent ul{ width: auto; height: 156px; padding: 0; margin: 0; }
.tabcontent ul li{ float: left; width: auto; list-style: none; padding: 9px; margin: 0;  }
.tabcontent p{ width: 400px; }
.tabcontent b{ color: #0070C3; }

.sucursalesTop h1, .sucursalesTop p span{ top:-50px; position:relative}

/*Lanchas en Calsificados*/
.container { width:548px; height:auto; background-color:#fff; border:1px solid silver;}
.container .adText { padding:10px;}
.container .ad p { }


/* Language Change */
.langBox { position:absolute; top: 5px; left:700px; background:url(images/english.gif) no-repeat bottom; height:27px;}
.langBoxEspanol { position:absolute; top: 5px; left:700px; background:url(images/espanol.gif)  no-repeat bottom; height:27px;}
.langBox a, .langBoxEspanol a { font-size:9px; display:block;}