@charset "UTF-8";

* { margin:0; padding:0; }
body { background:#fff url(i/bk.jpg) repeat-x; font:normal 12px/18px Arial, Helvetica, sans-serif; color:#555; margin-bottom:20px; }

p, h1, h2, h3 { margin-bottom:13px; }

.wrap {width:900px; margin:0 auto; }

#header { overflow:hidden; width:900px; }
.clr { clear:both; }
a img {border:none;}

/* Content ------------------------- */
#content { padding:25px 10px 20px 0; width:890px; overflow:hidden; background:url(i/planta.jpg) no-repeat bottom left; }
.linea { background-color: #FFC000; height: 1px; width: 100%; font-size: 1px; color: #666666; margin-bottom: 20px; clear:both}

/* NAVIGATION ------------------------- */
ul#nav {height: 48px; text-align: left; clear: both; list-style-type: none; width:900px; background:url(i/bk_menu.gif) no-repeat top right;}
#nav span {display:none;}

#nav li {float:left;}

#nav li a {
display: block;
height: 48px;}

li a#item_acerca {
width: 178px;
background: url(i/menu.gif) no-repeat 0 0;}

a#item_acerca:hover {
background: url(i/menu.gif) no-repeat 0 -48px;}

li a#item_comocomprar {
width: 159px;
background: url(i/menu.gif) no-repeat -178px 0;}

a#item_comocomprar:hover {
background: url(i/menu.gif) no-repeat -178px -48px;}

li a#item_preguntas {
width:192px;
background: url(i/menu.gif) no-repeat -337px 0;}

a#item_preguntas:hover {
background: url(i/menu.gif) no-repeat -337px -48px;}

li a#item_galeria {
width: 84px;
background: url(i/menu.gif) no-repeat -529px 0;}

a#item_galeria:hover {
background: url(i/menu.gif) no-repeat -529px -48px;}

li a#item_distribuidores {
width: 134px;
background: url(i/menu.gif) no-repeat -613px 0;}

a#item_distribuidores:hover {
background: url(i/menu.gif) no-repeat -613px -48px;}

li a#item_blog {
width: 60px;
background: url(i/menu.gif) no-repeat -747px 0;}

a#item_blog:hover {
background: url(i/menu.gif) no-repeat -747px -48px;}

li a#item_contacto {
width: 83px;
background: url(i/menu.gif) no-repeat -807px 0;}

a#item_contacto:hover {
background: url(i/menu.gif) no-repeat -807px -48px;}

/* Widecol ------------------------- */
.widecol { width:650px; float:right; }

#bannerhome {width:630px; height:305px; padding:10px 10px 0 10px; background: #FFF url(images/bk_banner.gif) no-repeat bottom right; margin-bottom:25px;}
#s1 {width:630px; height:280px; overflow:hidden;}

.widecol h1 {
	font: 25px Arial, Helvetica, sans-serif; font-weight:400;
	color:#333;
}
.widecol h2 {font:normal 18px Georgia, "Times New Roman", Times, serif; color:#C60; margin-top:20px; margin-bottom:5px;}
.widecol h3 {font:normal 14px Georgia, "Times New Roman", Times, serif; color:#903; margin-top:20px; margin-bottom:5px;}
.widecol h4 {font:normal 14px Georgia, "Times New Roman", Times, serif; color:#C60; margin-top:20px; margin-bottom:5px;}
.widecol ol, .widecol ul { margin-left:30px; padding:0; }
.widecol li {}
.widecol a:link, .widecol a:active, .widecol a:visited {font:Normal 12px Verdana, Arial, Helvetica, sans-serif; color: #009FFF; text-decoration: none;}
.widecol a:hover {font: Normal 12px Verdana, Arial, Helvetica, sans-serif; color: #009FFF; text-decoration: underline;}

.gallery {}

.thmb {float:left; margin-right:20px; margin-bottom:20px; position:relative}
.thmb img {background-color: #FFFFFF; border: 1px solid #999999; padding: 5px; margin-bottom: 6px; height: 143px; width: 191px;}
.thmb p {font: normal 12px Georgia, "Times New Roman", Times, serif; color:#F80066}
.precio {font: bold 12px Georgia, "Times New Roman", Times, serif; color:#000000; right:0; bottom:0; position:absolute; margin-bottom: 14px;}
.last {margin-right:0;}
.narrowcol { width:230px; float:left; }

.post { padding:0 10px; margin-bottom:10px;}
.banner {width:203px; float:left; margin-right:20px;}
.destinos {width:196px; float:left; margin-right:20px;}
.last {margin-right:0;}
.canasta {width: 144px; height:42px; margin-bottom:15px; margin-left:10px; padding-top: 8px; padding-left:61px; background:url(i/canasta-de-compras.gif) no-repeat top left; color:#FFF;}
.canasta a{color:white; text-decoration:none}
.canasta a:hover{text-decoration:underline}


/* PRODUCTOS ------------------------- */
.imagen_muestra {float:left;margin-bottom:20px;}
.imagen_muestra img {background-color: #FFFFFF; border: 1px solid #999999; padding: 6px; margin-bottom: 6px; height: 360px; width: 460px;}

.descripcion {width:160px; float:right;}
.descripcion  a:link, .descripcion  a:active, .descripcion  a:visited {font:Normal 12px Verdana, Arial, Helvetica, sans-serif; color: #009FFF; text-decoration: none;}
.descripcion  a:hover {font: Normal 12px Verdana, Arial, Helvetica, sans-serif; color: #009FFF; text-decoration: underline;}

.colors {width: 650px; float: left; font:Normal 11px Verdana, Arial, Helvetica, sans-serif;	color: #333333;}
.wrap #content .widecol .colors .tile_design {float: right; width: 331px;}
.colors .buy {float: right; width: 331px;}
.flash {height: 308px; width: 308px; float: left;}

.colors2 {float: right; width: 330px; margin-left:10px}
.colors .colors2 .colorbg {float: left; width: 340px; height: 26px;}
.colorbg ul, .colorbg2 ul, .colorbg3 ul { padding:0; margin:0; }
.colors .colors2 .colorbg li {list-style-type: none; margin-left: 2px; float: left; height: 26px; margin-bottom: 1px;}
.colors .colors2 .colorbg li a {list-style-type: none; display: block; padding-top: 0;}
/*.colors .colors2 .colorbg li a:hover { list-style-type: none; background: url(images/rollover.gif) no-repeat top; float: left; padding-top: 8px;}*/
.colors .colors2 .colorbg2 {float: left; width: 331px; margin-top: 1px;	margin-bottom: 0;}

.dato1 .color {color: #F37121;}
.colors .colors2 .colorbg2 li {list-style-type: none; margin-left: 2px; float: left; height: 26px; margin-top: 1px; }
.colors .colors2 .colorbg2 li a {list-style-type: none; padding-bottom: 0; display: block; }
/*.colors .colors2 .colorbg2 li a:hover {list-style-type: none; background: url(images/rollover.gif) no repeat bottom; padding-bottom: 8px;}*/

.colors3 {float: right;	width: 330px; margin-left:10px}
.colors .colors3 .colorbg {float: right; width: 265px; height: 26px;}
.colors .colors3 .colorbg li {list-style-type: none; margin-left: 2px;float: left;height: 26px;margin-bottom: 1px; border:none; display:block}
.colors .colors3 .colorbg li a {list-style-type: none;display: block;}
/*.colors .colors3 .colorbg li a:hover {list-style-type: none; background:url(images/paleta2.jpg); float: left; padding-top: 8px;}*/
.colors .colors3 .colorbg2 {float: right; width: 265px; /*margin-top: 1px; margin-bottom: 3px;*/}

.paso1 {display: block; padding: 5px 0 5px 30px; background: url(images/bullet01.gif) no-repeat; background-position: 2px; font:normal 12px Arial, Helvetica, sans-serif; color: #000; margin-bottom: 2px; margin: 15px 0 5px 0;}

.paso2 {display: block; padding: 5px 0 5px 30px; background: url(images/bullet02.gif) no-repeat; background-position: 2px; font: Normal 12px Arial, Helvetica, sans-serif; color: #000; margin: 15px 0 5px 0;}

.paso3 {display: block; padding: 5px 0 5px 30px; background: url(images/bullet03.gif) no-repeat; background-position: 2px; font: Normal 12px Arial, Helvetica, sans-serif; color: #000;	margin: 15px 0 5px 0;}

.paso4 {display: block; padding: 5px 0 5px 30px; background: url(images/bullet04.gif) no-repeat; background-position: 2px; font:normal 12px Arial, Helvetica, sans-serif; color: #000; margin: 15px 0 5px 0;}

.paso5 {display: block; padding-left: 30px; padding-top: 5px; background: url(images/bullet05.gif) no-repeat; background-position: 2px; padding-bottom: 5px; font: normal 12px Arial, Helvetica, sans-serif; color: #000; margin-bottom: 2px; margin: 15px 0 5px 0;}

.colors .cf { clear: both; width: 100%;}
.colors .info { float: left; width: 308px; font-size: 10px; color: #666666; padding-top: 15px; clear: left; }
.colors .opciones { padding-left: 30px; margin: 4px 0 17px 0;}
.colors .buy .opciones #radio2 {}
.colors .buy .opciones .text {float: left;margin-right: 4px;}

.colors .colors3 .colorbg2  li {list-style-type: none; margin-left: 2px; float: left; height: 26px; margin-top: 1px;}
.colors .colors3 .colorbg2 li a {list-style-type: none; padding-bottom: 0; display: block;}
/*.colors .colors3 .colorbg2 li a:hover {list-style-type: none; padding-bottom: 8px;}*/
.colors .buy .opciones .text2 {float: left; margin-right: 7px; margin-left: 3px; font-size: 12px;}
.colors .colors3 .dato1 {float: left; width: 60px; padding-top: 16px;}
.colors .colors3 .fxh {clear: both; width: 100%; font-size: 0px; background-color: #999999; height: 1px; margin-top: 15px; margin-bottom: 8px;}
.colors .buy .addicon {float: left; height: 37px; width: 42px; margin-bottom: 20px; margin-left: 29px;}

.textbuy { float: left; width: 130px; font: bold 9px; color: #01A41B; margin-top: 14px; margin-left: 10px;}
.wrap #header .list {float: right; width: 29px; margin-right: 27px; margin-top: 4px; height: 35px;}
.textlist { float: right; width: 90px; margin-top: 17px; margin-left: 10px;padding-right: 4px;font:bold italic 10px Arial, Helvetica, sans-serif; color: #FFFFFF; text-align: right;}

/* TABLA CARRITO DE COMPRAS -------------------------- */
table.carrito { width:650px; margin-bottom:25px; background: url(i/bk_tabla_carrito.png) no-repeat center; }
.centro {border-bottom:1px solid #04688d; text-align:left; background:url(i/bk_title_carrito.gif) repeat-x; padding:0 10px; font-size:13px; height:36px; line-height:36px; color:#fff; }
.izq {border-bottom:1px solid #04688d; text-align:left; background:url(i/bk_title_izq.gif) no-repeat top left;padding:0 10px; font-size:13px; height:36px; line-height:36px; color:#fff;}
.der {border-bottom:1px solid #04688d; text-align:left; background:url(i/bk_title_der.gif) no-repeat top right;padding:0 10px; font-size:13px; height:36px; line-height:36px; color:#fff;}
table.carrito td { padding:6px 0 6px 10px;  }
.bb {border-bottom:1px solid #E2E2E2;} 
table.carrito td strong { color:#000; } 
table.carrito p { margin:0;}
.sinborde {border-bottom:1px solid #FFF;}

a.btn-generic {text-decoration:none !important;font:bold 11px "Lucida Sans",Arial, Verdana, Helvetica, sans-serif;display: block;float: right;height: 35px;  background:  url('images/btn_comprar.gif') no-repeat top left;}
a.btn-generic span { color:#FFF;  display: block;  line-height: 35px;  padding: 0 0 0 10px; background: url('images/btn_comprar_span.gif') no-repeat top right; padding-right: 10px; text-decoration:none; }
a.btn-generic:hover { background-position: bottom left; color: #fff; }
a.btn-generic:hover span { background-position: bottom right; padding-right:10px; }
a.btn-generic:active { background-position: top left; color: #fff; }
a.btn-generic:active span { background-position: top right; padding-right:10px; }

/* FOOTER ------------------------- */

#footer { width:900px; height:48px; background:url(i/bk_footer.gif) no-repeat top left; line-height:48px; color:#fff;  }
#footer p {  text-align:center;  }
#footer a, #footer a:visited { color:#fff; }
#footer a:hover { color:#FFCC00; }

#footer_end {width:860px; height:30px; padding:0 20px; margin:25px 0 30px 0;}
.links {float:left; font-size:12px; height:30px; line-height:30px; color:#666;}
.links img {float:right; margin-left:10px;}
.links2 {float:right; font-size:12px; height:30px; line-height:30px; color:#666;}
.links2 img {float:right; margin-left:10px;}

/* cambios hechos por marco para usar una sola imagen en vez de muchas */
.colors .colors3 .colorbg2 li a, 
.colors .colors3 .colorbg li a, 
.colors .colors2 .colorbg li a, 
.colors .colors2 .colorbg2 li a{
	width:19px; 
	height:26px; 
	background-repeat:no-repeat; 
}

.col1 a{background:url(images/paleta2.jpg);background-position:0 0;}
.col1 a:hover{background:url(images/paleta2.jpg);background-position:0 -33px;}
.col2 a{background:url(images/paleta2.jpg);background-position:-21px 0;}
.col2 a:hover{background:url(images/paleta2.jpg);background-position:-21px -33px;}
.col3 a{background:url(images/paleta2.jpg);background-position:-42px 0;}
.col3 a:hover{background:url(images/paleta2.jpg);background-position:-42px -33px;}
.col4 a{background:url(images/paleta2.jpg);background-position:-63px 0;}
.col4 a:hover{background:url(images/paleta2.jpg);background-position:-63px -33px;}
.col5 a{background:url(images/paleta2.jpg);background-position:-84px 0;}
.col5 a:hover{background:url(images/paleta2.jpg);background-position:-84px -33px;}
.col6 a{background:url(images/paleta2.jpg);background-position:-105px 0;}
.col6 a:hover{background:url(images/paleta2.jpg);background-position:-105px -33px;}
.col7 a{background:url(images/paleta2.jpg);background-position:-126px 0;}
.col7 a:hover{background:url(images/paleta2.jpg);background-position:-126px -33px;}
.col8 a{background:url(images/paleta2.jpg);background-position:-147px 0;}
.col8 a:hover{background:url(images/paleta2.jpg);background-position:-147px -33px;}
.col9 a{background:url(images/paleta2.jpg);background-position:-168px 0;}
.col9 a:hover{background:url(images/paleta2.jpg);background-position:-168px -33px;}
.col10 a{background:url(images/paleta2.jpg);background-position:-189px 0;}
.col10 a:hover{background:url(images/paleta2.jpg);background-position:-189px -33px;}
.col11 a{background:url(images/paleta2.jpg);background-position:-210px 0;}
.col11 a:hover{background:url(images/paleta2.jpg);background-position:-210px -33px;}
.col12 a{background:url(images/paleta2.jpg);background-position:-231px 0;}
.col12 a:hover{background:url(images/paleta2.jpg);background-position:-231px -33px;}
.col13 a{background:url(images/paleta2.jpg);background-position:-252px -7px;}
.col13 a:hover{background:url(images/paleta2.jpg);background-position:-252px -40px;}
.col14 a{background:url(images/paleta2.jpg);background-position:-273px -7px;}
.col14 a:hover{background:url(images/paleta2.jpg);background-position:-273px -40px;}
.col15 a{background:url(images/paleta2.jpg);background-position:-294px -7px;}
.col15 a:hover{background:url(images/paleta2.jpg);background-position:-294px -40px;}
.col16 a{background:url(images/paleta2.jpg);background-position:-315px -7px;}
.col16 a:hover{background:url(images/paleta2.jpg);background-position:-315px -40px;}
.col17 a{background:url(images/paleta2.jpg);background-position:-336px -7px;}
.col17 a:hover{background:url(images/paleta2.jpg);background-position:-336px -40px;}
.col18 a{background:url(images/paleta2.jpg);background-position:-357px -7px;}
.col18 a:hover{background:url(images/paleta2.jpg);background-position:-357px -40px;}
.col19 a{background:url(images/paleta2.jpg);background-position:-378px -7px;}
.col19 a:hover{background:url(images/paleta2.jpg);background-position:-378px -40px;}
.col20 a{background:url(images/paleta2.jpg);background-position:-399px -7px;}
.col20 a:hover{background:url(images/paleta2.jpg);background-position:-399px -40px;}
.col21 a{background:url(images/paleta2.jpg);background-position:-420px -7px;}
.col21 a:hover{background:url(images/paleta2.jpg);background-position:-420px -40px;}
.col22 a{background:url(images/paleta2.jpg);background-position:-441px -7px;}
.col22 a:hover{background:url(images/paleta2.jpg);background-position:-441px -40px;}
.col23 a{background:url(images/paleta2.jpg);background-position:-462px -7px;}
.col23 a:hover{background:url(images/paleta2.jpg);background-position:-462px -40px;}
.col24 a{background:url(images/paleta2.jpg);background-position:-483px -7px;}
.col24 a:hover{background:url(images/paleta2.jpg);background-position:-483px -40px;}

.bg1 a{background:url(images/paletafondo.jpg);background-position:0 0;}
.bg1 a:hover{background:url(images/paletafondo.jpg);background-position:0 -33px;}
.bg2 a{background:url(images/paletafondo.jpg);background-position:-21px 0;}
.bg2 a:hover{background:url(images/paletafondo.jpg);background-position:-21px -33px;}
.bg3 a{background:url(images/paletafondo.jpg);background-position:-42px 0;}
.bg3 a:hover{background:url(images/paletafondo.jpg);background-position:-42px -33px;}
.bg4 a{background:url(images/paletafondo.jpg);background-position:-63px 0;}
.bg4 a:hover{background:url(images/paletafondo.jpg);background-position:-63px -33px;}
.bg5 a{background:url(images/paletafondo.jpg);background-position:-84px 0;}
.bg5 a:hover{background:url(images/paletafondo.jpg);background-position:-84px -33px;}
.bg6 a{background:url(images/paletafondo.jpg);background-position:-105px 0;}
.bg6 a:hover{background:url(images/paletafondo.jpg);background-position:-105px -33px;}
.bg7 a{background:url(images/paletafondo.jpg);background-position:-126px 0;}
.bg7 a:hover{background:url(images/paletafondo.jpg);background-position:-126px -33px;}
.bg8 a{background:url(images/paletafondo.jpg);background-position:-147px 0;}
.bg8 a:hover{background:url(images/paletafondo.jpg);background-position:-147px -33px;}
.bg9 a{background:url(images/paletafondo.jpg);background-position:-168px 0;}
.bg9 a:hover{background:url(images/paletafondo.jpg);background-position:-168px -33px;}
.bg10 a{background:url(images/paletafondo.jpg);background-position:-189px 0;}
.bg10 a:hover{background:url(images/paletafondo.jpg);background-position:-189px -33px;}
.bg11 a{background:url(images/paletafondo.jpg);background-position:-210px 0;}
.bg11 a:hover{background:url(images/paletafondo.jpg);background-position:-210px -33px;}
.bg12 a{background:url(images/paletafondo.jpg);background-position:-231px 0;}
.bg12 a:hover{background:url(images/paletafondo.jpg);background-position:-231px -33px;}
.bg13 a{background:url(images/paletafondo.jpg);background-position:-252px 0;}
.bg13 a:hover{background:url(images/paletafondo.jpg);background-position:-252px -33px;}
.bg14 a{background:url(images/paletafondo.jpg);background-position:-273px 0;}
.bg14 a:hover{background:url(images/paletafondo.jpg);background-position:-273px -33px;}
.bg15 a{background:url(images/paletafondo.jpg);background-position:-294px 0;}
.bg15 a:hover{background:url(images/paletafondo.jpg);background-position:-294px -33px;}
.bg16 a{background:url(images/paletafondo.jpg);background-position:-315px -7px;}
.bg16 a:hover{background:url(images/paletafondo.jpg);background-position:-315px -40px;}
.bg17 a{background:url(images/paletafondo.jpg);background-position:-336px -7px;}
.bg17 a:hover{background:url(images/paletafondo.jpg);background-position:-336px -40px;}
.bg18 a{background:url(images/paletafondo.jpg);background-position:-357px -7px;}
.bg18 a:hover{background:url(images/paletafondo.jpg);background-position:-357px -40px;}
.bg19 a{background:url(images/paletafondo.jpg);background-position:-378px -7px;}
.bg19 a:hover{background:url(images/paletafondo.jpg);background-position:-378px -40px;}
.bg20 a{background:url(images/paletafondo.jpg);background-position:-399px -7px;}
.bg20 a:hover{background:url(images/paletafondo.jpg);background-position:-399px -40px;}
.bg21 a{background:url(images/paletafondo.jpg);background-position:-420px -7px;}
.bg21 a:hover{background:url(images/paletafondo.jpg);background-position:-420px -40px;}
.bg22 a{background:url(images/paletafondo.jpg);background-position:-441px -7px;}
.bg22 a:hover{background:url(images/paletafondo.jpg);background-position:-441px -40px;}
.bg23 a{background:url(images/paletafondo.jpg);background-position:-462px -7px;}
.bg23 a:hover{background:url(images/paletafondo.jpg);background-position:-462px -40px;}
.bg24 a{background:url(images/paletafondo.jpg);background-position:-483px -7px;}
.bg24 a:hover{background:url(images/paletafondo.jpg);background-position:-483px -40px;}
.bg25 a{background:url(images/paletafondo.jpg);background-position:-504px -7px;}
.bg25 a:hover{background:url(images/paletafondo.jpg);background-position:-504px -40px;}
.bg26 a{background:url(images/paletafondo.jpg);background-position:-525px -7px;}
.bg26 a:hover{background:url(images/paletafondo.jpg);background-position:-525px -40px;}
.bg27 a{background:url(images/paletafondo.jpg);background-position:-546px -7px;}
.bg27 a:hover{background:url(images/paletafondo.jpg);background-position:-546px -40px;}
.bg28 a{background:url(images/paletafondo.jpg);background-position:-567px -7px;}
.bg28 a:hover{background:url(images/paletafondo.jpg);background-position:-567px -40px;}
.bg29 a{background:url(images/paletafondo.jpg);background-position:-588px -7px;}
.bg29 a:hover{background:url(images/paletafondo.jpg);background-position:-588px -40px;}
.bg30 a{background:url(images/paletafondo.jpg);background-position:-609px -7px;}
.bg30 a:hover{background:url(images/paletafondo.jpg);background-position:-609px -40px;}

.entryTable td{
    padding:2px;
}