@charset "utf-8";
/* CSS Document */

body{
margin:0px;
padding:0px;
background:#fff;
font-family:"Trebuchet MS";
font-size:14px;
color:#666;
}

.head{
margin:auto;
width:900px;
height:150px;
margin-top:10px;
background:url(images/head.jpg) no-repeat;
}
.menu{
margin:auto;
width:900px;
height:40px;
margin-top:5px;
background:url(images/bg_menu.png) repeat-x left;
border:1px solid #007192;
}
.menu_search{
float:right;
width:250px;
padding-top:5px;
margin-right:5px;
height:27px;
}.campobusqueda{
margin:0;
padding:0;
width:150px;
border:1px solid #0063a2;
color:#999999;
padding-top:10px;
padding-left:10px;
}
.botonbusqueda{
width:81px;
height:27px;
background:url(images/buscar.jpg);
border:0;
cursor:pointer;
}

/* 
|--------->
|--------------------> MENU <----|
|-------------->
*/
.menu ul, li{ margin:0; padding:0; list-style-type: none; height:40px; }
.menu li{ list-style:none; padding-left:20px; float:left; padding-right:20px; border-right:2px solid #53c9f1; }
.menu li.current{ background:url(images/bg_menu_h.png) repeat-x left; color:#FFFFFF; }
.menu li.current a{ color:#fff; }
.menu li:hover{ background:url(images/bg_menu_h.png) repeat-x left; }
.menu a{ color:#89daf6; padding-top:9px; display: block; text-transform:uppercase; text-decoration:none; font-size:16px; }
.menu li:hover a{ color:#fff; }



.main{ margin:auto; width:900px; background:#fff; margin-top:10px; border:1px solid #8fd301; }

/* 
|--------->
|--------------------> MAIN IZQUIERDO <----|
|-------------->
*/
.content_left{ margin:0; padding:0; width:180px; float:left; margin-top:10px; padding-left:10px; padding-bottom:10px; }
.content_left ul{ margin:0; padding:0; width:180px; border:1px solid #999; margin-bottom:10px; }
.content_left li.primero{ background:url(images/bg_menu2_top.png) repeat-x left; height:40px; font-weight:bold; font-size:18px; color:#f3ffda; text-align:center; }
.content_left li span{ padding-top:8px; display:block; }
.content_left li{ list-style:none; height:30px; background:url(images/bg_menu2.png) repeat-x left; border-bottom:1px solid #ccc; }
.content_left li a{ color:#666; padding-top:6px; display: block; padding-left:10px; text-decoration:none; font-size:12px; }
.content_left li:hover a{ color:#333;}


/* 
|--------->
|--------------------> MAIN DERECHO <----|
|-------------->
*/
.content_right{ width:680px; margin-top:10px; padding-right:10px; padding-left:10px; margin-bottom:20px; padding-bottom:20px; float:right; border-left: 1px solid #00a6d6; }

.content_right h1{ padding:0; margin:0; margin-bottom: 10px; font-size:28px; color:#0076ad; }
.content_right h1 a{ padding:0; margin:0; margin-bottom: 10px; font-size:28px; color:#0076ad; text-decoration:none; }
.content_right h1 a:hover{ padding:0; margin:0; margin-bottom: 10px; font-size:28px; color:#8fd300; text-decoration:none; }

.content_right h2{ padding:0; margin:0; margin-bottom: 10px; margin-top: 10px; font-size:22px; color:#8fd300; }
.content_right h2 a{ padding:0; margin:0; margin-bottom: 10px; margin-top: 10px; font-size:22px; color:#8fd300; text-decoration:none; }
.content_right h2 a:hover{ padding:0; margin:0; margin-bottom: 10px; margin-top: 10px; font-size:22px; color:#00a6d6; text-decoration:none; }

.content_right p{ margin:0; padding:0; font-size:14px; text-align:justify; }
.content_right p strong{ color:#00a6d6; }
.content_right p a{ margin:0; padding:0; font-size:14px; text-align:justify; color:#00a6d6; text-decoration:none; }
.content_right p a:hover{ margin:0; padding:0; font-size:14px; text-align:justify; color:#8fd300; text-decoration:none; }

.content_line{
width:680px;
border-bottom:1px solid #ccc;
}

.login_right{ margin:0; padding:0; width:680px; border-bottom:1px solid #ccc; text-align:right; font-size:12px; margin-top:-5px; }
.login_right a{ color:#0076ad; text-decoration:none; }
.login_right a:hover{ color:#8fd300; }

/* 
|--------->
|--------------------> FOOTER <----|
|-------------->
*/
.footer{ margin:auto; margin-bottom:10px; margin-top:5px; width:900px; height:120px; background:url(images/footer.jpg) no-repeat bottom; }
.footer_left{ width:295px; height:40px; float:left; margin-top:10px; padding-left:70px; }
.footer p{ margin:0; padding:0; font-size:13px; color:#666; }
.footer p a{ color:#00a6d6; text-decoration:none; border-bottom:1px dotted #00a6d6; }
.footer p a:hover{ color:#8fd300; border-bottom:1px dotted #8fd300; }

.footer_right{ width:450px; height:80px; float:left; text-align:center; margin-top:10px; margin-right:10px; }
.footer_right a{ color:#666; text-decoration:none; padding-left:5px; padding-right:5px; }
.footer_right a:hover{ color:#00a6d6; }
.footer_right h3{ margin:0; padding:0; width:460px; margin-top:5px; color:#999; font-size:9px; text-align:justify; }

.powered{ width:70px; height:30px; margin-top:85px; margin-right:5px; float:right; }



/* 
|--------->
|--------------------> LISTA PRODUCTOS <----|
|-------------->
*/
.caja{ width:150px; margin-right:8px; margin-bottom:8px; float:left; height:260px; border:1px solid #E1E1E1; background:#fff; padding:5px; }

.caja_img{ width:150px; height:150px; max-height:150px; }
.caja_linea{ width:150px; border-bottom:1px solid #E1E1E1; }
.caja_titulo{ width:150px; height:40px; border-top:1px solid #E1E1E1; border-bottom:1px solid #E1E1E1; }
.caja_titulo h1{ margin:0; padding:0; }
.caja_titulo h1 a{ margin:0; padding:0; text-decoration:none; font-size:12px; text-align:justify; color:#00a6d6; font-weight:bold; }
.caja_titulo h1 a:hover{ font-size:12px; color:#8fd300; }
.caja h2{ margin:0; padding:0; font-size:10px; text-align:justify; color:#666; font-weight:normal; }
.caja h2 a{ margin:0; padding:0; text-decoration:none; font-size:10px; text-align:justify; color:#8fd300; font-weight:normal; }
.caja h2 a:hover{ font-size:10px; color:#00a6d6; }
.caja_botones{ width:150px; height:30px; margin-top:7px; }

/* 
|--------->
|--------------------> BOTONES <----|
|-------------->
*/
.btndetalle{ width:70px; height:30px; background: url(images/detalle.jpg) no-repeat; cursor:pointer; float:left; display:block; }
.btndetalle:hover{ width:70px; height:30px; background: url(images/detalle_hover.jpg) no-repeat; }
.btnagregar{ width:70px; height:30px; background: url(images/agregar_hover.jpg) no-repeat; cursor:pointer; float:right; }
.btnagregar:hover{ width:70px; height:30px; background: url(images/agregar.jpg) no-repeat; }
.btnanterior{ width:116px; height:38px; background: url(images/anterior.jpg) no-repeat; cursor:pointer; border:0; }
.btnanterior:hover{ width:116px; height:38px; background: url(images/anterior_hover.jpg) no-repeat; }
.btnsiguiente{ width:116px; height:38px; background: url(images/siguiente.jpg) no-repeat; cursor:pointer; border:0; }
.btnsiguiente:hover{ width:116px; height:38px; background: url(images/siguiente_hover.jpg) no-repeat; }
.btnvolver{ width:116px; height:38px; background: url(images/volver_hover.jpg) no-repeat; cursor:pointer; border:0; }
.btnvolver:hover{ width:116px; height:38px; background: url(images/volver.jpg) no-repeat; }
.btnagrega{ width:116px; height:38px; background: url(images/agregar1_hover.jpg) no-repeat; cursor:pointer; border:0; }
.btnagrega:hover{ width:116px; height:38px; background: url(images/agregar1.jpg) no-repeat; }
.btnactualizar{ width:116px; height:38px; background: url(images/actualizar_hover.jpg) no-repeat; cursor:pointer; border:0; }
.btnactualizar:hover{ width:116px; height:38px; background: url(images/actualizar.jpg) no-repeat; }
.btnvaciar{ width:116px; height:38px; background: url(images/vaciar_hover.jpg) no-repeat; cursor:pointer; border:0; }
.btnvaciar:hover{ width:116px; height:38px; background: url(images/vaciar.jpg) no-repeat; }
.btnsolicitar{ width:116px; height:38px; background: url(images/solicitar_hover.jpg) no-repeat; cursor:pointer; border:0; }
.btnsolicitar:hover{ width:116px; height:38px; background: url(images/solicitar.jpg) no-repeat; }

/* 
|--------->
|--------------------> IMAGEN PRODUCTOS <----|
|-------------->
*/
.producto_imgs{ width:165px;  margin-right:5px; float:left;  height:165px;  background:#fff; }
.producto_imgs img{ max-width:165px; max-height:165px; border:1px solid #E1E1E1; }



/* 
|--------->
|--------------------> PRODUCTOS RELACIONADOS <----|
|-------------->
*/
.relacionados{ margin:auto; width:680px; height:245px; border:1px solid #ccc; border-bottom:10px solid #ccc; }
.relacionados h3{ margin:0; padding:0; width:670px; height:25px; border-bottom:1px solid #E1E1E1; color:#666666; background:#fbfbfb; font-size:16px; font-weight:normal; padding-left:10px; padding-top:5px; }
.caja2{ width:100px; float:left; margin-left:10px;  border:1px solid #E1E1E1; background:#fff; padding:5px; }
.caja2_img{ width:100px; height:100px; max-height:100px; }
.caja2_titulo{ width:100px; height:45px; border-top:1px solid #E1E1E1; border-bottom:1px solid #E1E1E1; text-align:center; }
.caja2_titulo h1{ margin:0; padding:0; }
.caja2_titulo h1 a{ margin:0; padding:0; text-decoration:none; font-size:10px; text-align:center; color:#999; }
.caja2_titulo h1 a:hover{ font-size:10px; color:#8fd300; }
.caja2_botones{ width:100px; height:30px; margin-top:5px; }
.btndetalle2{ width:70px; height:30px; background: url(images/detalle.jpg) no-repeat; cursor:pointer; display:block; }
.btndetalle2:hover{ width:70px; height:30px; background: url(images/detalle_hover.jpg) no-repeat; }


/* 
|--------->
|--------------------> PRODUCTOS DESTACADOS <----|
|-------------->
*/
.destacado{ width:330px; height:200px; border:1px solid #999; float:left; margin-right:6px; margin-bottom:6px; }
.destacado h1{ margin:0; padding:0; margin-top:10px; margin-left:10px; margin-bottom:5px; font-size:22px; color:#02a7d5; font-weight:600; }
.destacado h3{ margin:0; padding:0; font-size:16px; width:100px; float:right; margin-top:20px; color:#999; text-align:right; padding-right:10px; font-weight:500; }
.destacado h4{ margin:0; padding:0; font-size:30px; width:155px; float:right; color:#000000; text-align:right; font-family:Tahoma;
padding-right:10px; font-weight:600; letter-spacing:1; }
.destacado_img{ width:150px; height:150px; float:left; margin-left:10px; }
.destacado_img img{ max-width:150px; max-height:150px; }
.destacado_info{ width:136px; height:33px; background:url(images/verinfo.png) no-repeat; float:right; margin-right:10px; margin-top:30px; cursor:pointer; }