@charset "utf-8";

/* VALORES POR DEFECTO */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;}

/* remember to define focus styles! */
:focus{outline:0;}
body{line-height:1; color:black; background:white;}
ol, ul{list-style:none;}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse: separate; border-spacing:0;}
caption, th, td{text-align:left; font-weight:normal;}
blockquote:before, blockquote:after, q:before, q:after{content:"";}
blockquote, q{quotes:"" "";}

/* MIS VALORES POR DEFECTO */
a{text-decoration:none;}
img{border:none;}
p{text-align:justify; font-size:10pt;}
strong{font-weight:bold;}
.clear{clear:both;}
.height{height:10px;}
.link{color:#4B6EBF;}
.link:hover{text-decoration:underline;}

body{font-size:10pt; font-family:Arial, Helvetica, sans-serif;}
h1{width:610px; height:35px; background:url(../images/layout/bg-h1.png) no-repeat; color:#FFF; font-family:Tahoma, Geneva, sans-serif; font-size:14pt; font-weight:bold; padding-top:8px; padding-left:10px; text-transform:capitalize;}
h2{color:#333333; font-family:Tahoma, Geneva, sans-serif; font-size:14pt; font-weight:bold; margin-bottom:5px;}
h3{color:#004071; font-family:Tahoma, Geneva, sans-serif; font-size:12pt; font-weight:bold; margin-bottom:5px;}

/* CONTENEDOR */
#container{width:1000px; margin:0 auto;}

/* HEADER */
#header{height:200px; background:#FFF;}

/* NAVEGACION */
#nav{height:51px; background:#333333;}
#nav ul{list-style:none;}
#nav li{float:left;}
#nav a{color:#FFF; font-weight:bold; height:36px; font-family:Arial, Helvetica, sans-serif; display:inline-block; padding-left:10px; padding-right:10px; padding-top:15px;}
#nav a:hover, #nav a.active{color:#fff; background:#F00000;}

/* SUBNAV */
#subnav{height:37px; background:url(../images/layout/bg-subnav.jpg) repeat-x;}
#subnav div{height:20px; padding-top:10px; float:left; margin-left:5px;}
#subnav a{color:#000;}
#subnav a:hover{text-decoration:underline;}

/* CONTENT */
#content{width:100%; margin-top:10px; margin-bottom:10px;}

/* COLUMNAS */
#col-left{width:181px; float:left;}
#col-right{width:181px; float:right;}

/* COLUMNA CONTENIDO */
#col-content{width:610px; margin-left:10px; float:left;}
#col-content p{line-height:20px; font-size:11pt;}

/* BOX */
.box-main{width:181px;}
.box-title, .box-title2{height:39px; margin-bottom:5px;} 
.box-title{background:url(../images/layout/bg-h2.png) no-repeat;}
.box-title2{background:url(../images/layout/bg-h2-on.png) no-repeat;}
.box-title h2, .box-title2 h2{color:#FFF; font-family:Tahoma, Geneva, sans-serif; font-size:14pt; font-weight:bold; padding-top:8px; margin-left:10px;}

/* BOX SLIDE */
.slide{width:100%;}

/* MENSAJES AL USUARIO */
.msg-info{color:#00529B; background:#BDE5F8 url(../images/msg-info.gif);}
.msg-exito{color:#4F8A10; background:#DFF2BF url(../images/msg-exito.gif);}
.msg-alerta{color:#9F6000; background:#FEEFB3 url(../images/msg-alerta.gif);}
.msg-error{color:#D8000C; background:#FFBABA url(../images/msg-error.gif);}
.msg-info, .msg-exito, .msg-alerta, .msg-error{font-size:10pt; border:1px solid; margin:10px 0px;
padding:15px 10px 15px 50px; background-repeat:no-repeat; background-position:10px center; position:relative;}

/* MENSAJES AL ENVIAR FORMULARIO */
#mensaje{color:#049; font-size:10pt; display:none;}
#mensaje span{font-weight:bold;}
#mensaje img{vertical-align:middle;}

/* CATEGORY LIST 1 */
.cat-list1{list-style:none;}
.cat-list1 ul{}
.cat-list1 li{border-bottom:1px dotted #999;}
.cat-list1 a{color:#000; text-transform:uppercase; font-size:9pt; display:block;   padding-bottom:5px; padding-top:5px; padding-left:5px;}
.cat-list1 a:hover{font-weight:bold; background:#333333; color:#FFF;}

/* CATEGORY LIST 2 */
.cat-list2{list-style:none;}
.cat-list2 ul{margin-left:5px;}
.cat-list2 li{border-bottom:1px dotted #999; padding-bottom:5px; padding-top:5px;}
.cat-list2 a{color:#000; text-transform:uppercase; font-size:9pt; display:block;}
.cat-list2 a:hover{color:#1B44A2;}

/* ITEM 1 - NOVEDADES */
.item1{width:181px; font-family:Arial, Helvetica, sans-serif;}
.item1-content{width:170px; margin:0 auto;}
.item1-name{font-size:9pt; font-weight:bold; color:#000; margin-bottom:5px; height:25px; display:block; clear:both; overflow:hidden; width:160px;}
.item1-img{height:147px; margin:20px; overflow:hidden; text-align:center; width:145px;}
.item1-desc{font-size:8pt; text-transform:uppercase; color:#333; line-height:12px; margin-bottom:5px;}

.item1-price{background:url(../images/layout/bg-price.png) no-repeat; height:26px; margin:0 auto; margin-bottom:5px;}
.item1-price-name, .item1-price-amount{font-weight:bold; display:block; font-size:9pt; margin-top:8px;}
.item1-price-name{float:left; margin-left:5px; color:#464646; width:50px;}
.item1-price-amount{float:right; margin-right:5px; width:105px; text-align:right;}

.item1-det{background:url(../images/layout/bg-det.png) no-repeat; height:18px; margin:0 auto;}
.item1-det-info, .item1-det-buy{display:block; font-size:8pt; margin-top:5px; text-align:center; color:#FFF;}
.item1-det-info:hover, .item1-det-buy:hover{font-weight:bold;}
.item1-det-info{float:left; margin-left:5px;  width:65px;}
.item1-det-buy{float:right; margin-right:5px; width:90px;}

/* ITEM 2 - OFERTAS */
.item2{width:181px; height:325px; font-family:Arial, Helvetica, sans-serif; background:url(../images/layout/bg-offer.png) no-repeat; color:#FFF;}
.item2-content{width:170px; margin:0 auto;}
.item2-title{color:#FFF; font-family:Tahoma, Geneva, sans-serif; font-size:14pt; font-weight:bold; padding-top:8px; margin-left:5px; text-align:center; display:block; margin-bottom:15px;}
.item2-name{font-size:9pt; font-weight:bold; color:#000; margin-bottom:5px; height:25px; display:block; clear:both; overflow:hidden; width:160px;}
.item2-img{width:140px; height:160px; overflow:hidden; text-align:center; margin:0 auto; margin-top:25px;}
.item2-desc{font-size:8pt; text-transform:uppercase; color:#333; line-height:12px; margin-bottom:5px;}

.item2-price{height:45px; margin:0 auto; margin-bottom:5px;}
.item2-price-name, .item2-price-amount{font-weight:bold; display:block; font-size:9pt; margin-top:8px;}
.item2-price-name{float:left; margin-left:5px; width:50px;}
.item2-price-amount{float:right; margin-right:5px; width:110px; text-align:right;}

.item2-det{background:url(../images/layout/bg-det-offer.png) no-repeat; height:18px; margin:0 auto;}
.item2-det-info, .item2-det-buy{display:block; font-size:8pt; margin-top:5px; text-align:center;}
.item2-det-info{color:#FFF;}
.item2-det-buy{color:#000;}
.item2-det-info:hover, .item2-det-buy:hover{font-weight:bold;}
.item2-det-info{float:left; margin-left:5px;  width:65px;}
.item2-det-buy{float:right; margin-right:5px; width:90px;}

.price-old{text-decoration:line-through;}

/* ITEM 3 - DESTACADOS */
.item3{width:165px; font-family:Arial, Helvetica, sans-serif;}
.item3-content{width:100%; margin:0 auto;}
.item3-name{font-size:9pt; font-weight:bold; color:#000; margin-bottom:5px; height:25px; display:block; clear:both; overflow:hidden; width:160px;}
.item3-img{width:162px; height:174px; overflow:hidden; text-align:center; background:url(../images/layout/bg-highlight.png) no-repeat; padding-top:5px;}
.item3-desc{width:160ox; font-size:8pt; text-transform:uppercase; color:#333; line-height:12px; margin-bottom:5px;}

.item3-det{background:url(../images/layout/bg-det-highlight.png) no-repeat; height:18px; margin:0 auto; width:160px;}
.item3-det-info{display:block; font-size:8pt; margin-top:5px; text-align:center; color:#FFF;}
.item3-det-info:hover{font-weight:bold;}
.item3-det-price{float:left; width:90px; color:#FFF; font-weight:bold; text-align:center; margin-top:3px;}
.item3-det-info{float:right; width:70px;}

/* ITEM 4 */
.item4{width:610px; font-family:Arial, Helvetica, sans-serif;}
.item4-content{width:170px; float:left; margin-left:15px; margin-right:15px; margin-bottom:30px;}
.item4-name{font-size:9pt; font-weight:bold; color:#000; margin-bottom:5px; height:25px; display:block; clear:both; overflow:hidden; width:160px;}
.item4-img{height:147px; margin:10px; overflow:hidden; text-align:center; width:145px;}
.item4-desc{font-size:8pt; text-transform:uppercase; color:#333; line-height:12px; margin-bottom:5px;}

.item4-price{background:url(../images/layout/bg-price.png) no-repeat; height:26px; margin:0 auto; margin-bottom:5px;}
.item4-price-name, .item4-price-amount{font-weight:bold; display:block; font-size:9pt; margin-top:8px;}
.item4-price-name{float:left; margin-left:5px; color:#464646; width:50px;}
.item4-price-amount{float:right; margin-right:5px; width:105px; text-align:right;}

.item4-det{background:url(../images/layout/bg-det.png) no-repeat; height:18px; margin:0 auto;}
.item4-det-info, .item4-det-buy{display:block; font-size:8pt; margin-top:5px; text-align:center; color:#FFF;}
.item4-det-info:hover, .item4-det-buy:hover{font-weight:bold;}
.item4-det-info{float:left; margin-left:5px;  width:65px;}
.item4-det-buy{float:right; margin-right:5px; width:90px;}

/* INFO */
.info-img{width:610px; overflow:hidden; text-align:center; margin-bottom:5px;}
.info-text{font-family:Verdana, Geneva, sans-serif; font-size:11pt; line-height:20px;}

/* FORMULARIO */
#frmContacto table td{padding:2px; vertical-align:top;}

/* FORMULARIO GENERAL */
.frm{font-size:10pt;}
.frm td{padding:2px;}
.frm fieldset{margin-bottom:10px; padding:5px; border:1px solid #CCC;}
.frm legend{font-weight:bold; color:#000; padding:3px; margin-left:5px; margin-bottom:10px;}
.frm .inputText, .frm .inputDisabled{border:1px solid #000;}
.frm .inputText{width:350px;}
.frm .inputDisabled{background:#CCC; color:#000; cursor:default;}
.btnSubmit, .btnReset, .btn, .btnDisabled, .btnPromo{padding:5px; font-weight:bold; cursor:pointer; border:none;}
.btnSubmit{background:#333333; color:#FFF;}
.btnReset{background:#333333; color:#FFF;}
.btn{background:#B1DA4B; color:#FFF;}
.btnDisabled{background:#CCC; color:#000;}
.inputLogin{width:200px;}
.inputAmount{width:40px; text-align:right;}
.hide{display:block; visibility:hidden;}
.hideInput{display:none;}

/* TABLA LIST */
.tblList{font-size:9pt;}
.tblList strong{font-size:10pt;}
.tblList th{font-weight:bold; color:#000;}
.tblList th, .tblList td{padding:5px; vertical-align:middle;}
.tblList-right{text-align:right;}
.tblList-impar{background:#F4F4F4;}
 
/* TABLE CENTER */
.tblCenter td, .tblCenter th{text-align:center;}


/* FOOTER */
#footer{color:#464646; height:112px; background:#F7F7F7; margin-top:10px; padding:5px;}
#footer p{text-align:center;}
#footer img{vertical-align:middle;}
#footer a{color:#000; font-size:9pt;}
#footer a:hover{text-decoration:underline;}

/* NAVIGATION */
#navigation a{color:#000; text-transform:uppercase; display:block; padding-left:10px;}
#navigation a:hover{color:#FFF; background:#2B9B0B;}
#navigation {width:100%;}
#navigation ul {margin:0px; padding:0px;}
#navigation ul li{height:25px; line-height:25px; list-style:none; cursor:pointer;}
#navigation ul li:hover {background:#2B9B0B; position:relative;}
#navigation ul ul{display:none; position:absolute; left:75px; top:5px;}
#navigation ul li:hover ul {display:block;}
#navigation ul ul li {border:none; width:150px; float:left; display:inline;} 
#navigation ul ul li:hover {text-decoration:underline; border:none;}
#navigation li:hover ul li ul {display:none;}
#navigation ul > ul ul li:hover ul {display:block;}