@import "reset.css";

body {background:#fff;font-family:"Trebuchet MS",Trebuchet,Arial,serif;font-size:12px;line-height:14px;color:#666666;}

/*** Generals ***/

a, a:hover, a:visited {color:#000;text-decoration:none;}
a:hover {text-decoration:none;}

/*** Site ***/

#site {width:809px;margin:auto;margin:auto;border-left:solid 1px #dcddde;border-right:solid 1px #dcddde;}

/*** Header ***/

#header{position:relative;margin:0 9px;height:160px;background:#0f8c4b url('/static/images/backgrounds/header.gif') bottom no-repeat;}

#header .logo{position:absolute;left:0;bottom:0;}
#header .date{float:right;color:#fff;margin:18px;font-weight:bold;}
#header .promo{float:right;}

#navbar{position:absolute;right:0;bottom:0;width:523px;}
#navbar li {float:left;margin:2px 0 0 2px;height:22px;}
#navbar li a {background:#0f6d39;color:#231f20;display:block;}
#navbar li a b {visibility:hidden;line-height:22px;font-size:8px;}

#navbar li.catalogoonline {clear:left;}
#navbar li.cart{width:84px;text-align:center;}

#navbar li.novedades a{background:url('/static/images/menu/novedades.gif') no-repeat; width:108px;}
#navbar li.prensa a{background:url('/static/images/menu/prensa.gif') no-repeat; width:74px;}
#navbar li.quienessomos a{background:url('/static/images/menu/quienes_somos.gif') no-repeat; width:129px;}
#navbar li.lasexcusas a{background:url('/static/images/menu/las_excusas.gif') no-repeat; width:117px;}
#navbar li.catalogoonline a{background:url('/static/images/menu/catalogo_online.gif') no-repeat; width:158px;}
#navbar li.showroom a{background:url('/static/images/menu/showroom.gif') no-repeat; width:109px;}
#navbar li.dondeestamos a{background:url('/static/images/menu/donde_estamos.gif') no-repeat; width:139px;}
#navbar li.contacto a{background:url('/static/images/menu/contacto.gif') no-repeat; width:109px;}

#navbar li.novedades a:hover{background:url('/static/images/menu/novedades.gif') 0px -22px no-repeat; width:108px;}
#navbar li.prensa a:hover{background:url('/static/images/menu/prensa.gif') 0px -22px no-repeat; width:74px;}
#navbar li.quienessomos a:hover{background:url('/static/images/menu/quienes_somos.gif') 0px -22px no-repeat; width:129px;}
#navbar li.lasexcusas a:hover{background:url('/static/images/menu/las_excusas.gif') 0px -22px no-repeat; width:117px;}
#navbar li.catalogoonline a:hover{background:url('/static/images/menu/catalogo_online.gif') 0px -22px no-repeat; width:158px;}
#navbar li.showroom a:hover{background:url('/static/images/menu/showroom.gif') 0px -22px no-repeat; width:109px;}
#navbar li.dondeestamos a:hover{background:url('/static/images/menu/donde_estamos.gif') 0px -22px no-repeat; width:139px;}
#navbar li.contacto a:hover{background:url('/static/images/menu/contacto.gif') 0px -22px no-repeat; width:109px;}

#navbar li.novedades_on a{background:url('/static/images/menu/novedades.gif') 0px -22px no-repeat; width:108px;}
#navbar li.prensa_on a{background:url('/static/images/menu/prensa.gif') 0px -22px no-repeat; width:74px;}
#navbar li.quienessomos_on a{background:url('/static/images/menu/quienes_somos.gif') 0px -22px no-repeat; width:129px;}
#navbar li.lasexcusas_on a{background:url('/static/images/menu/las_excusas.gif') 0px -22px no-repeat; width:117px;}
#navbar li.catalogoonline_on a{background:url('/static/images/menu/catalogo_online.gif') 0px -22px no-repeat; width:158px;}
#navbar li.showroom_on a{background:url('/static/images/menu/showroom.gif') 0px -22px no-repeat; width:109px;}
#navbar li.dondeestamos_on a{background:url('/static/images/menu/donde_estamos.gif') 0px -22px no-repeat; width:139px;}
#navbar li.contacto_on a{background:url('/static/images/menu/contacto.gif') 0px -22px no-repeat; width:109px;}

/* Nav bar Catalogo */

.catalogo #navbar {width:504px;}
.catalogo #navbar li {float:left;margin:2px 0 0 2px;height:38px;}
.catalogo #navbar li a {color:#231f20;display:block;}
.catalogo #navbar li a b {visibility:hidden;line-height:38px;font-size:8px;}

.catalogo #navbar li.vercompras a{background:url('/static/images/menu/ver_compras.gif') no-repeat; width:82px;}
.catalogo #navbar li.zapatos a{background:url('/static/images/menu/zapatos.gif') no-repeat; width:140px;}
.catalogo #navbar li.carteras a{background:url('/static/images/menu/carteras.gif') no-repeat; width:141px;}
.catalogo #navbar li.otros a{background:url('/static/images/menu/otros.gif') no-repeat; width:133px;}

.catalogo #navbar li.vercompras a:hover{background:url('/static/images/menu/ver_compras.gif') 0px -38px no-repeat; width:82px;}
.catalogo #navbar li.zapatos a:hover{background:url('/static/images/menu/zapatos.gif') 0px -38px no-repeat; width:140px;}
.catalogo #navbar li.carteras a:hover{background:url('/static/images/menu/carteras.gif') 0px -38px no-repeat; width:141px;}
.catalogo #navbar li.otros a:hover{background:url('/static/images/menu/otros.gif') 0px -38px no-repeat; width:133px;}

.catalogo #navbar li.zapatos_on a {background:url('/static/images/menu/zapatos.gif') 0px -38px no-repeat; width:140px;}
.catalogo #navbar li.carteras_on a {background:url('/static/images/menu/carteras.gif') 0px -38px no-repeat; width:141px;}
.catalogo #navbar li.otros_on a {background:url('/static/images/menu/otros.gif') 0px -38px no-repeat; width:133px;}


#navbar li.active a{color:#a24b24;font-weight:bold;}

.headerShadow{clear:both;margin:0 9px;}

/*** Content ***/

#content{margin:0 9px;}

/* Main Content */

#mainContent{width:495px;float:left;border-right:solid 1px #dcddde;}

.mainImage {position:relative;}
.mainImage .translucido {background:transparent url('/static/images/fondos/traslucido.png') repeat;width:356px;/*height:149px;*/position:absolute;right:13px;bottom:13px;}
.mainImage .translucido h1{margin:20px 20px 5px;}
.mainImage .translucido h1 a{color:#e7e0cd;font:bold 17px/19px Georgia;}
.mainImage .translucido p{margin:5px 20px 5px;color:#fff;}
.mainImage .translucido .more{margin:5px 20px 15px;}

/* Nota Home */

.notaPrincipal{position:relative; height:283px;margin:0 0 15px 0;padding:15px 0;background:url('/static/images/icons/dotted.gif') bottom repeat-x;}
.notaPrincipal .content{position:absolute; left:0; bottom:5px; width:335px;}
.notaPrincipal h1 {font:bold 25px/27px arial;margin:15px 5px 15px;}
.notaPrincipal h1 a{color:#0e8c4b;}
.notaPrincipal .summary{background:#f1f1f2 url('/static/images/backgrounds/resumen_home.gif') bottom no-repeat;color:#808285;padding-bottom:20px;}
.notaPrincipal .summary div {padding:14px;}
.notaPrincipal a img{float:right;}

/* top 25 */

.top25Box{background:url('/static/images/backgrounds/top25.gif') no-repeat;height:315px;width:482px;}
.top25Main{margin:0 0 0 137px;width:344px;height:266px;}
.top25Main ul li img{margin:1px 0 0;}
.top25Main ul li {height:266px;}
.top25Box .paging #prevBtn{float:left;margin:0 0 0 137px;}
.top25Box .paging #nextBtn{float:right;}

/* Acumulado */

.acumulado{width:482px;margin-bottom:15px;}
.acumulado li{padding:20px 0;background:url('/static/images/icons/dotted.gif') bottom repeat-x; min-height:130px;min-height:auto !important;height:130px;}
.acumulado li .acuImagen{float:left;width:170px;height:129px;margin-right:10px;background:url('/static/images/backgrounds/thumb.gif') left no-repeat;}
.acumulado li .acuImagen img{margin:7px 0 0 7px;}
.acumulado li h2 {font:bold 15px/15px arial;margin:5px 0;}
.acumulado li h2 a {color:#0b8f4d;text-decoration:none;}
.acumulado li .summary {margin:5px 0;color:#6d6e71;}
.acumulado li .summary p{margin:0;}


/* NOTA*/
.nota {margin-top:10px;}
.nota h1 {font:bold 15px/15px arial;color:#0b8f4d;position:absolute;left:450px;bottom:40px;width:350px}
.nota .imagen {float:left;margin-right:10px;width:454px;height:332px;background:url('../images/backgrounds/bkg-foto-nota.gif') no-repeat;}
.nota .imagen img {margin:5px 0 0 3px;}
.nota .box {height:332px;position:relative;}
.nota .volverListado {margin-top:30px;}


/* sideBar */

#sideBar{width:282px;float:right;}

#sideBar ul li{padding:10px 0;background:url('/static/images/icons/dotted.gif') bottom repeat-x;}
#sideBar ul li a {color:#666666;}

/* Catalogo */

.catalogoMain{width:557px;height:360px;float:left;margin:10px 0 12px;background:#e1d9c2;position:relative;}
.catalogoMain .imagen{margin:auto;width:557px;text-align:center;}
.catalogoMain .detalles{text-align:left;width:143px;position:absolute;bottom:15px;left:15px;}
.catalogoMain .detalles .more img{margin:0 0 15px;}
.catalogoMain .detalles h2{font:bold 14px/16px georgia;}
.catalogoMain .detalles p{font:normal 11px/13px georgia;}
.catalogoMain .detalles em{font:bold 10px/12px georgia;color:#a24b24;}

.catalogoSide{width:180px;height:360px;float:left;margin:10px 3px 12px 0;background:#231f20;}
.catalogoSide ul{margin-top:15px;}
.catalogoSide ul li{margin:10px 0 0;}
.catalogoSide ul li a{display:block;padding:5px 3px 5px 15px;color:#e8e2ce; font:bold 10px/12px georgia;}
.catalogoSide ul li.active{background:#545456;}

.catalogoThumbs{clear:both;width:740px;height:135px;border-bottom:solid 1px #231f20;}
.catalogoThumbs ul li{height:103px;}
.catalogoThumbs ul li img{margin:0 10px 10px 0;width:140px;height:91px;}
.catalogoThumbs ul li span{float:left;}

.catalogoThumbs li.last a img{margin:0 0 10px;}
.catalogoThumbs li.disable a img{filter: alpha(opacity=40); -moz-opacity: 0.4; opacity: 0.4;}
.catalogoThumbs li.enable a img{filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1;}
.catalogoThumbs li a:hover img{filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1;}

.catalogosAnteriores{clear:both;border-bottom:solid 8px #098d4c;padding:30px 0;margin:0 9px;}
.catalogosAnteriores .ant{float:right;}
.catalogosAnteriores .marquesina{height:40px;background:url('/static/images/backgrounds/ant_separator.gif') bottom no-repeat;margin:0 0 10px;}


.acuNoticias {}
.acuNoticias h2 {font-size:15px;color:#0b8f4d;}

/* DONDE ESTAMOS */

.dondeEstamos {margin:10px 10px 30px 10px;}
.dondeEstamos .derecha{float:left;margin-right:10px;margin-bottom:15px;}
.dondeEstamos ul{clear:both;}
.dondeEstamos ul li {line-height:18px;border-bottom:dotted 1px #c3c2c3;margin-bottom:10px;padding-bottom:10px;}
.dondeEstamos ul li h2{color:#0e8c4b;font-size:15px;line-height:18px;}
.dondeEstamos .locales {float:left;margin-left:70px;}
.dondeEstamos .locales h3{margin:80px 0 20px;}
.dondeEstamos .locales label{display:block;margin:5px 0;}


/* CONTACTO */

.form {margin:40px 10px 0 20px;padding-bottom:20px;border-bottom:dotted 1px #c3c2c3;}
.form label{display:block;margin:4px 0 0 115px;}
.form span{float:left;width:156px;color:#0e8c4b;font-size:13px;}
.form input{float:left;width:410px;border:solid 1px #dbdcde;}
.form textarea{float:left;width:410px;border:solid 1px #dbdcde;height:80px;}
.form button{border:0;background:0;cursor:pointer;margin-left:156px;}

.contactoColA{width:280px;float:left;border-right:dotted 1px #c3c2c3;padding:35px 0 35px 120px;color:#222;}
.contactoColA h4{color:#0e8c4b;font-size:16px;line-height:18px;padding-bottom:10px;}
.contactoColA a{color:#0e8c4b;}

.contactoColB{width:280px;float:left;padding:35px 0 35px 65px;color:#222;}
.contactoColB h4{color:#0e8c4b;font-size:16px;line-height:18px;padding-bottom:10px;}
.contactoColB a{color:#0e8c4b;}


/*** Footer ***/

#footer {padding:15px 9px;clear:both;}
#footer p{color:#808285;font-size:9px;}
#footer .logos{float:right;margin:0 10px;}


/* PRENSA */
.galeria {position:relative;width:789px;height:450px;background:url('../images/backgrounds/bkg_galeria_prensa.jpg') repeat-x;}
.prensaGaleria {position:relative;width:789px;height:450px;}
.prensaGaleria ul li img{margin:0px 6px 0 6px;border-right:1px solid #b7b9bc;padding-right:6px;width:248px;}
.prensaGaleria ul li {height:450px;text-align:center;margin-top:10px;}
.galeria .paging #prevBtn{position:absolute;left:0;top:303px;}
.galeria .paging #nextBtn{position:absolute;right:0;top:303px;}
.prensaGaleria .title {margin-top:30px;font-weight:bold;font-size:15px;width:248px;}
.acumuladoPrensa li {background:url('/static/images/icons/dotted.gif') bottom repeat-x;margin:10px 0;padding:10px 0;}
.acumuladoPrensa li a {font-size:15px;color:#0b8f4d;text-decoration:none;font-weight:normal;font-style:italic;}
.prensaBotones {margin-top:-20px;margin-bottom:10px;}
/* QUIENES SOMOS */
.quienes-somos .foto {float:left;margin-right:26px;}
.quienes-somos p {margin:10px 0;}
.quienes-somos .contenido {padding-top:95px;}
.quienes-somos .trayectoria {float:left;width:380px;margin-top:35px;}
.quienes-somos .actualidad {float:left;background:url('../images/backgrounds/bkg-actualidad.gif');width:408px;height:262px;position:relative;}
.quienes-somos .actualidad p {width:341px;position:absolute;top:90px;left:40px;}
.english-version {color:#7bc690;font-style:italic;}
.english-version div {float:left;width:250px;margin-right:10px;}


/*LAS EXCUSAS */
.lasExcusas {}
.lasExcusas #clip_excusas {float:left;}
.lasExcusas .form {text-align:center;background:url('../images/backgrounds/bkg_excusas.gif') no-repeat;width:408px;height:298px;position:relative;float:left;}
.lasExcusas .form form {width:200px;margin:auto;margin-top:100px;}
.lasExcusas .form form input {width:200px;margin-bottom:20px;}
.lasExcusas .form form textarea {width:200px;height:80px;margin-bottom:15px;}
.lasExcusas .form form button {width:87px;margin:auto;}
.lasExcusas .english-version div {width:185px;}
.lasExcusas .english-version div p{margin:10px 0;}


/* CATALOGO */
.productList {width:721px;margin:auto;}
.productList li ul li{float:left;margin-right:15px;text-align:center;}
.productList li ul li h2 {margin-top:40px;}
.productList li ul li h2 a {color:#0b8f4d;}
.productList li ul {background:url('../images/backgrounds/bkg-catalogo-lista.gif') no-repeat left bottom;width:721px;height:250px;}

.producto {margin-bottom:200px;}
.producto .mainImage {float:right;margin-top:150px;margin-right:60px;}
.producto .productInfo {float:left;margin-left:56px;}
.producto .btVolver {margin:10px 0 0 210px;}
.producto .productDetails {background:url('../images/backgrounds/bkg_ficha_producto.gif') no-repeat;width:345px;height:66px;position:relative;}
.producto .productDetails h1 {color:#0b8f4d;font-size:14px;text-transform:uppercase;position:absolute;right:30px;top:8px;}
.producto .productDetails p.price {position:absolute;right:30px;top:26px;font-size:25px;line-height:25px;}
.producto .producDescription {text-transform:uppercase;color:#0b8f4d;width:300px;margin-bottom:15px;}
.producto .producDescriptionEng {font-style:italic;text-transform:uppercase;width:300px;margin-bottom:15px;}

.producto .thumbsBox {width:325px;height:100px;position:relative;background:url('../images/backgrounds/bkg-thumbs.gif') no-repeat 10px 10px;}
.producto .thumbsImgs {width:288px;height:96px;height:69px;position:absolute;top:18px;left:18px;}
.producto .thumbsImgs ul li {height:69px;margin-right:3px;}
.producto .thumbsImgs ul li img {width:69px;height:69px;}
.producto .paging #prevBtn{position:absolute;left:0px;top:40px;}
.producto .paging #nextBtn{position:absolute;right:0px;top:40px;}

.producto .colors {width:303px;margin-top:20px;}
.producto .colors .title {float:left;}
.producto .colors ul li{float:left;margin-right:2px;height:42px;margin-bottom:1px;}
.producto .input {width:20px;height:20px;border:1px solid #E1E1E1;font-size:10px;font-family:Verdana,Arial;}

.footer-catalogo {width:786px;margin:auto;text-align:center;border-bottom:8px solid #0B8F4D;padding-bottom:10px;}
.footer-catalogo .ticker {margin:20px 0;}
.footer-catalogo .separador-catalogo {width:697px;height:15px;margin:auto;display:none;}
.footer-catalogo .leyenda-catalogo {float:left;text-align:left;font-size:10px;}
.footer-catalogo .bt-colecciones-anteriores a {color:#0B8F4D;float:right;}