/* CSS Document */
@import url("reset.css");

body{
  background:#fff url(../images/bg.gif) repeat-x scroll left top;
  font-family: verdana, sans-serif, arial;
  font-size:12px;
  color:#666;
}
#descripCategoria p, #descripCategoria2 p {
  color: #666;
  font-family: verdana, sans-serif, arial;
  font-size:12px;
}
.descripFotoProductoListado p {
  color: #666;
  font-family: verdana, sans-serif, arial;
  font-size:12px;
}
#contenedor{
  width: 960px;
  margin-left:auto;
  margin-right:auto;
  margin-top:0px;
  margin-bottom:0px;
}

p, pre, code, label, th, td, dd, dt, li {
color:#333333;
font-size:12px;
line-height:16px;
padding-bottom:10px;
}

#colDerecha h2 {
color:#C0C8E2;
font-size:17px;
font-weight:bold;
padding-bottom:15px;
}

#colDerecha h1 {
color:#C0C8E2;
font-size:22px;
font-weight:bold;
line-height:32px;
padding-bottom:15px;
padding-top:14px;
}

/* HOME */
/* ----------------------- cabecera ------------------------------------------ */
#cabecera{
  width: 960px;
  height:156px;
  top:0px;
  margin-left:auto;
  margin-right:auto;
}
h1.categoria {
color:#C0C8E2;
font-size:35px;
font-weight:bold;
line-height:43px;
padding-bottom:15px;
padding-top:15px;
}
#logo{
  display: block;
  float: left;
  width:103px;
  height:111px;
  padding-left:28px;
  padding-top:36px;
}

#slogan{
  width:342px;
  height:82px;
  float:left;
  padding-left:58px;
  padding-top:36px;
}

#llamanos{
  float:left;
  height:35px;
  width:166px;
  margin-left:87px;
  margin-top:44px;
  padding-top:40px;
  background:#beca27 url(../images/llamanos_bg.jpg) no-repeat scroll 0 0;
  color:#FFFFFF;
  font-size:26px;
  font-weight:bold;
  text-align:center;
  font-family:arial;
}

#carroCompra{
  float: left;
  height: 35px;
  width: 166px;
  margin-left:10px;
  margin-top:44px;
  padding-top:40px;
  background:#adbee7 url(../images/carroCompra_bg.jpg) no-repeat scroll 0 0;
  color:#FFFFFF;
  font-size:12px;
  font-weight:bold;
  text-align:center;
}

#items{
   float:left;
   width: 83px;
   height: 25px;
   padding-top:10px;
   text-align: center;
}

#precio{
   float:left;
   width: 83px;
   height: 25px;
   padding-top:10px;
   text-align: center;
}

#fraseComercial{
color:#BDE7FF;
float:left;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:18px;
font-weight:bold;
height:20px;
padding-left:58px;
padding-top:14px;
text-transform:uppercase;
width:771px;
word-spacing:2px;
}

/* -----------------columna izquierda--------------------------------------- */

#colIzquierda{
  float: left;
  width: 153px;
}

#buscador{
background:#FFFFFF url(../images/buscadorBg.gif) no-repeat scroll left top;
float:left;
padding-bottom:10px;
width:153px;
}

#buscador .titulo{
color:#FFFFFF;
display:block;
font-family:verdana,arial,helvetica,sans-serif;
font-size:17px;
font-style:italic;
font-weight:bold;
height:20px;
line-height:20px;
padding-bottom:10px;
padding-left:10px;
}

.searchArea{
border-color:#EDEDED #DCDCDC #DCDCDC #EDEDED;
border-style:solid;
border-width:1px;
height:20px;
padding-top:5px;
width:151px;
}

#searchButton{
  display:block;
  float: left;
  width:95px;
  height:17px;
  margin-top:8px;
  padding-left:50px;
  background:#FFFFFF url(../images/botonBuscar.gif) no-repeat scroll center center;
  border:medium none !important;
  font-size: 11px;
  font-weight:bold;
  color:#000;
}

#menuLateral {
  width:153px;
  float:left;
}

#categorias{
  list-style: none;
padding-top:15px;
}

#categorias li {
  margin:0px !important;
  background: #fff url(../images/CategoriaBg.gif) no-repeat scroll 0px 7px;
  font-size: 17px;
line-height:18px;
  font-style: italic;
  color:#fff;
  letter-spacing: -1px;
  padding-left:10px;
  padding-top:7px;
  padding-bottom:8px;
}

#categorias li.ofertaYnovedades{
background:transparent url(../images/OfertaNovedadesBg2.gif) no-repeat scroll 0 0 !important;
margin-top:7px !important;
padding-bottom:6px;
padding-top:0;
}

#categorias li a{
display:block;
color:#fff;
font-weight:bold;
}

.activeCat{
background: #fff url(../images/categoria_active.gif) no-repeat scroll 0px 7px !important;
}

ul#categorias .subcategorias, ul#categorias .subcategorias2 {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding-top:5px;
}

ul#categorias .subcategorias2 {
padding-top:0px;
}

ul#categorias .subcategorias li, ul#categorias .subcategorias2 li {
background:transparent none repeat scroll 0 0 !important;
font-size:13px;
font-style:normal;
letter-spacing:normal;
margin:0 !important;
padding-bottom:0 !important;
padding-left:0 !important;
padding-top:3px !important;
}
ul#categorias .subcategorias2 li {
padding-top:0px !important;
}

ul#categorias .subcategorias li a:link, ul#categorias .subcategorias li a:visited, ul#categorias .subcategorias li a:active {
color:#747476;
font-weight:bold;
margin:0px !important;
}

ul#categorias .subcategorias2 li a:link, ul#categorias .subcategorias2 li a:visited, ul#categorias .subcategorias2 li a:active {
color:#747476;
font-weight:normal;
margin:0px !important;
}

ul#categorias .subcategorias li a:hover, ul#categorias .subcategorias2 li a:hover{
background-color:#adbee7 ;
color:#fff;
}

ul#categorias .subcategorias li a.activa, ul#categorias .subcategorias2 li a.activa {
color:#BECA27;
font-weight:bold;
}

ul#categorias .tiposProducto  {
list-style: none;
margin:0 !important;
padding:0 !important;
}

ul#categorias .tiposProducto li{
background:#F0F2CC none repeat scroll 0 0 !important;
border-bottom:1px solid #adbee7;
color:#747476;
font-size:10px;
margin:0 !important;
padding-bottom:0 !important;

padding-top:0 !important;
}

#categorias .tiposProducto li a {
background:#F0F2CC none repeat scroll 0 0 !important;
color:#747476;
font-size:10px;
margin:0 !important;
padding-bottom:0 !important;
padding-top:0 !important;
padding-left: 8px;

}

#categorias .tiposProducto li a:hover {
background:#adbee7 none repeat scroll 0 0 !important;
color:#fff;
font-size:10px;
margin:0 !important;
padding-bottom:0 !important;
padding-top:0 !important;
}



/* ------------------------------columna derecha----------------------------- */

#colDerecha{
float:right;
width:771px;
  margin-bottom:20px;
}


/* ------------------------------menu superior------------------------------ */

#MenuSuperior{
background-color:#9C9DA1;
display:block;
float:left;
height:22px;
width:771px;

}

#MenuSuperior ul{
  list-style: none;
  margin:0px !important;

}

#MenuSuperior ul li{
display:block;
float:left;
height:22px;
line-height:22px;
margin:0 !important;
padding-left:12px;
padding-right:12px;
padding-bottom:0 !important;
}

#MenuSuperior ul li a:link, #MenuSuperior ul li a:visited, #MenuSuperior ul li a:active {
  color:#FFFFFF;
  font-size:15px;
  font-style:italic;
  font-weight:bold;
  line-height:22px;
    font-family:Verdana,Arial,Helvetica,sans-serif;
height:22px;
padding-left:1px;
padding-right:1px;
}

#MenuSuperior ul li a:hover {
color:#adbee7;
}

/* ---------------------------- carro de la compra---------------------------- */

#items a, #precio a {
  color: #fff;
  font-weight:bold;
}

.money{
display:block;
float:left;
clear:both;
}

.money ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}


/* --------------------------animaciones home ------------------------------ */

.animacion {
  float: left;
}

/* ----------------------- pie de pagina ----------------------------------- */

#pie{
border-top:1px solid #CCCCCC;
clear:both;
display:block;
height:47px;
margin:0 auto 20px;
padding-top:16px;
width:960px;
}

#pie ul{
float:right;
height:47px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

#pie li {
  float:left;
  height:47px;
  float:left;
}

#pie li a {
  padding-left:5px;
}



/* ------------------------- estas en -------------------------------------- */
#estasEn{
  float: left;
  width: 771px;
  height:20px;
  margin-top:9px;
}

#estasEn ul{
  width: 771px;
  height:20px;
  list-style:none;
  background-color: #f2f4f9;
}

#estasEn li {
background:#F2F4F9 url(../images/zaeta.gif) no-repeat scroll right center;
color:#3782B5;
float:left;
font-size:10px;
font-weight:bold;
line-height:18px;
margin-bottom:0 !important;
padding-bottom:0 !important;
padding-left:11px;
padding-right:19px;
}

#estasEn li a {
  font-size:10px;
  font-weight:bold;
  color:#3782b5;
}


/* -------------------------- contenido categoria ------------------------- */

#descripCategoria, #descripCategoria2{
float:left;
min-height:97px;
padding-bottom:20px;
padding-left:0;
padding-top:38px;
text-align:left;
width:483px;
}
#descripCategoria2 {
   width: auto;
   padding-top: 0px;
   float: none;
}

#fotoCategoria{
display:block;
float:left;
padding-top:25px;
width:285px;
}
#fotoCategoria h1 {
color:#C0C8E2;
font-size:21px;
font-weight:bold;
line-height:24px;
padding-bottom:8px;
padding-top:8px;
}


.NombreCategoria{
  height:auto !important;
  min-height:0 !important;
  padding-left:10px !important;
}

/* ------------------------- producto --------------------------------- */

.listadoProducto1{
  float: left;
  width: 770px;
  padding-top:15px;
  background-color:#F9FAEB;
padding-bottom:15px;
}

.listadoProducto2{
  float: left;
  width: 770px;
  padding-top:15px;
  background-color:#f9f9fc;
padding-bottom:15px;
}

.fotoProductoListado {
float:left;
height:147px;
padding-left:18px;
width:236px;
overflow:hidden;
}

.descripFotoProductoListado{
float:left;
padding-left:25px;
padding-right:34px;
text-align:left;
width:457px;
padding-bottom:20px;
}

.descripFotoProductoListado h2 a{
color:#C0C8E2;
font-size:18px;
font-weight:bold;
line-height:24px;
padding-bottom:10px;
text-align:left;
}

.paddingTop{
  padding-top:33px;
}


.descripFotoProductoListado img{
float:left;
display:block;
padding-bottom:20px;
}

#animacion4{
  float: left;
  width: 771px;
  height: 333px;
  margin-top:15px;
  background-color: #ccc;
}

.masInfo{
color:#BEC9E4 !important;
display:block;
float:right;
font-family:verdana,arial,helvetica,sans-serif;
font-size:16px;
font-style:italic;
font-weight:bold !important;
height:19px;
line-height:18px;
padding-right:26px;
width:175px;
}

.desde{
  color:#3782B5;
  font-size:14px;
  font-style:italic;
  font-weight:bold;
  float:left;
  clear:both;
  display:block;
  width:100%;
  font-family:arial;
}

.precioGrande{
  color:#747476;
  font-size:30px;
  line-height:30px;
  font-weight:bold;
  float:left;
  clear:both;
  display:block;
  width:100%;
  font-family:arial;
}

/* ----------------------------ficha producto ------------------------- */

#producto{
  width: 596px;
  float:left;
}

#nombreProducto{
  padding-left:10px;
  padding-top:11px;
  width:500px;
}

#ampliar{
  display: block;
  float: right;
  width:21px;
  height:19px;
  background: #fff url(../images/botonampliar.gif) no-repeat scroll left top;
}


#fotoppal{
float:left;
height:396px;
overflow:hidden;
padding-left:52px;
}

#fotoppal img#imagen_principal {
width:501px;
}

#slideshow{
background-color:#E3E3E4;
float:left;
height:148px;
}

#botonAnterior{
  display:block;
  float:left;
  width: 52px;
  height:148px;
  background: #fff url(../images/boton_anterior.gif) no-repeat scroll left top;
}

#galeryBox{
float:left;
margin-left:11px;
overflow:hidden;
position:relative;
width:490px;
}

#galeryInside{
overflow:hidden;
width:10000px;
}

#botonSiguiente{
  display:block;
  float:left;
  width: 40px;
  height:148px;
  background: #fff url(../images/boton_siguiente.gif) no-repeat scroll left top;
}

#fotosdetalle{
float:left;
height:139px;
margin:4px 11px;
overflow:hidden;
width:138px;
}

#descripcion {
float:left;
padding-bottom:40px;
padding-left:53px;
padding-top:30px;
text-align:justify;
width:480px;
}

#carrito{
float:right;
padding-top:10px;
width:166px;
}

#precioDesde{
background:#FED165 url(../images/fondo_desde.gif) no-repeat scroll 0 0;
height:56px;
padding-left:12px;
padding-top:10px;
width:154px;
}

#botonSeleccionMedida{
background:#FFFFFF url(../images/boton_seleccionmedida.gif) no-repeat scroll center center;
display:block;
float:left;
font-size:11px;
font-weight:bold;
height:17px;
line-height:17px;
padding-bottom:10px;
padding-top:10px;
text-align:center;
width:165px;
}

.unidades{
color:#3782B5;
display:block;
float:left;
font-size:14px;
font-style:italic;
font-weight:bold;
padding-top:13px;
font-family:arial;
}

#carrito input{
border-color:#EDEDED #DCDCDC #DCDCDC #EDEDED;
border-style:solid;
border-width:1px;
height:20px;
margin-left:8px;
margin-top:8px;
padding-left:6px;
padding-top:3px;
width:29px;
}

#precioProductoAhora{
  float: left;
  height:56px;
  width:153px;
  background:#3782B5 url(../images/fondoPrecio.gif) no-repeat scroll right top;
  padding-left:12px;
  padding-top:10px;
  margin-top:8px;
}

.textoPrecio{
  color:#fff;
  font-size:14px;
  font-style:italic;
  font-weight:bold;
  float:left;
  clear:both;
  display:block;
  width:100%;
  font-family:arial;
}

.cantidadPrecio{
  color:#fff;
  font-size:30px;
line-height:30px;
  font-weight:bold;
  float:left;
  clear:both;
  display:block;
  width:100%;
  font-family:arial;
}

#botonAnadir{
background:transparent url(../images/fondoAnadirCarrito.gif) no-repeat scroll 0 0;
color:#FFFFFF;
display:block;
float:left;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:18px;
font-style:italic;
font-weight:bold;
height:24px;
line-height:23px;
margin-top:12px;
text-align:center;
width:166px;
}

#botonImprimir{
  display:block;
  float:left;
  width:19px;
  height:19px;
  background: #fff url(../images/boton_imprimir.gif) no-repeat scroll right bottom;
  padding-left:60px;
  padding-top:8px;
}

#botonEncendido{
  display:block;
  float:left;
  width:19px;
  height:19px;
  background: #fff url(../images/boton_encendido.gif) no-repeat scroll right bottom;
  padding-left:8px;
  padding-top:8px;
}

/* ------------------------ estilos carro de la compra plantilla base  */

.shadow, .shadow h1 {
background:transparent url(../images/h2_shadow.gif) no-repeat scroll 0 0;
color:#000000;
cursor:default;
font-size:18px;
font-weight:bold;
line-height:46px;
margin:0;
padding:6px 18px;
}

.shadow.wide  { margin: 0 0 14px -6px;
          background: url(../images/h2_shadow_wide.gif) no-repeat }

#mainCol    { float: left; width: 771px; }


#mainCol #resumen_compra {
    border-bottom:1px solid #d0d0d0;
    border-top:1px solid #d0d0d0;
    color:#777777;
    display:block;
    font-size:14px;
    margin-top:10px;
}

#mainCol #resumen_compra p {
  font-size:12px;
}

#maniCol #description {
    font-size:12px;
    border-bottom: 0;
    padding-top: 20px;
    border-top:1px solid #d0d0d0;
}


#mainCol tr.cabecera {
    background-position:left top;
    background-repeat:repeat;
    font-weight:bold;
}
#mainCol .cabecera td{
 border-bottom:1px solid #d0d0d0;
  background:#F2F4F9;
  line-height:29px;
}


#mainCol .cont td.precio {
    font-size:16px;
    font-weight:normal;
}

#mainCol .cont {
    color:#444444;
    font-weight:bold;
    font-size:12px;
    line-height:0;
}
#mainCol .cont p.nombre {
display:block;
font-size:20px !important;
line-height:20px;
font-weight:bold;
margin-bottom:0;
margin-top:0;
padding:0 0 10px;
}

#mainCol .cont img {
    border:#d0d0d0 solid 1px;
    margin: 10px 0;
    overflow: hidden;
}
#mainCol .cont .button-to {
    margin:0;
    padding:0;
}
#mainCol .button-to {
    display:inline;
    font-size:16px;
    font-weight:bold;
}
#mainCol tr.total_carro {
    background-position:left top;
    background-repeat:repeat;
}
#mainCol .total_carro td{
    background:#F2F4F9;
    border-top:1px solid #d0d0d0;
    color:#CC0000 !important;
    font-size:18px;
    font-weight:bold;
}


#mainCol #final_compra {
    background-color:#F2F4F9;
    border-bottom:1px solid #d0d0d0;
    margin-top:30px;
    padding:10px 10px 0 0;
    text-align:right;
}
#mainCol #final_compra p{
    font: 14px Arial, "Helvetica Neue", Helvetica, sans-serif;
}
#mainCol .text_boton {
    color:#333333;
    font-weight:bold;
    margin-bottom:10px;
    text-align:right;
}
#mainCol .text_boton p{
    font: 16px Arial, "Helvetica Neue", Helvetica, sans-serif;
    margin:0;
    padding: 0 0 10px 0;
}
#mainCol .text_enlace {
    color:#333333;
    float:left;
    margin-bottom:10px;
    font: 12px Arial, "Helvetica Neue", Helvetica, sans-serif;
}

ul#categorias .tiposProducto .verTodo{
background:#FFFFFF none repeat scroll 0 0 !important;
font-size:9px;
text-align:right;
}

.entrega {
font-size:10px;
}

/* css pagina de ayuda */
#contact_url {
display:none;
}

#formulario-ayuda legend {
font-size:15px;
  font-weight:normal;
  color:#333;
}

#formulario-ayuda fieldset {
border:1px solid #ccc;
padding:20px;
margin-bottom:50px;
width:400px;
}

#formulario-ayuda label{
display:block;
margin-bottom:5px;
  font-size:11px;
  padding:0px;
}

#formulario-ayuda input.textbox {
padding:5px;
width:270px;
background-color:#efefef;
  border:1px solid #cccccc;
  margin:5px 0px;
}

#formulario-ayuda textarea {
padding:5px;
width:270px;
height:200px;
background-color:#efefef;
border:1px solid #cccccc;
}

#formulario-ayuda input.textbox:focus, #formulario-ayuda textarea:focus {
border:1px solid #94A837;
background-color:#fff;
}

.requerido {
color:#cc0000 !important;
  font-size:11px;
}

.medidas {
background-color:#F2F4F9;
color:#0071B5 !important;
display:block;
margin:15px 0;
padding:10px;
}

.medida_combo {
border:1px solid #0071B5;
margin-left:10px;
padding:4px;
width:180px;
}
/* cofidis */
.cofidis_div {
background-color:#EFEFEF;
border:1px solid #94969C;
clear:both;
float:right;
font-size:11px;
padding:5px;
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 6px;
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 6px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px; 
margin:20px 0px 0px 0px;
}
.cofidis_div img {
float:left;
padding-right:10px;
text-align:right;
width:35px;
}
.cofidis_div .cofidis_price {
color:#CC0000;
display:block;
font-size:17px;
padding:5px 0 0;
text-align:right;
}
.cofidis_div .info {
font-size:10px;
}
.cofidis_div a.carrito{
text-decoration:underline !important;
}

.cofidis_div_list {
border:1px solid #94969C;
clear:both;
float:left;
font-size:11px;
padding:5px;
margin:20px 0px 0px 0px;
width:100%;
}
.cofidis_div_list img {
float:left;
padding-right:10px;
text-align:right;
width:25px;
padding-bottom:0px;
}
.cofidis_div_list .cofidis_price {
color:#CC0000;
font-size:17px;
padding:5px 0 0;
text-align:right;
}

#pie-legal {
border-top:1px solid #CCCCCC;
margin:0 auto;
padding-bottom:20px;
padding-top:20px;
width:960px;
}

#pie-legal ul {
list-style:none;
}

#pie-legal ul li {
float:left;
font-size:10px;
}