/***********************************************************
 * Declaraciones Generales *
***********************************************************/ 

body {
  background: #fcfcfc url(../../images/front/bg.png) repeat-x;
  text-align: center;  
}
.clear { clear: both; }
h1, h2, h3, h4, h5, h6, p, a, label, input, textarea { font-family: Arial, Helvetica, sans-serif; }


/***********************************************************
 * Estructura *
***********************************************************/ 

#wrapper {
  margin: 0 auto;
  width: 943px;
  text-align: left;
}

#header {
  float: left;
  width: 943px;
  padding: 3px 0 0;
  height: 88px;
}

#main {
  float: left;
  width: 660px;
}

#sidebar {
  float: right;
  width: 253px;
}

#footer {
  float: left;
  width: 943px;
  height: 56px;
  margin: 12px 0 0;
  padding: 8px 0 0;
  background: url(../../images/front/nav_cat_bg.png) repeat-x; 
}


/***********************************************************
 * Slider *
***********************************************************/ 

#slider_cont {
  position: absolute;
  z-index: 10;
  width: 100%;
  height: 461px;
  margin-top: -551px;
  /*margin-top: -491px;*/
	/*margin-top: -441px;*/
  top: 0;
  left: 0;
  overflow: visible;
}
#slider_cont_bg {
  padding: 12px 0 0;
  text-align: center;
  float: left;
  width: 100%;
/*  height: 429px;*/
 /*height: 479px;*/
  height: 540px;
  background: #c9c9ca;
  opacity: 0.95;
  filter: alpha(opacity=95);
}
.slider_wrapper {
  margin: 0 auto;
  width: 943px;
  text-align: left;
}
.slider_wrapper form#nuevo_usuario {
  float: left;
  width: 236px;
  height: 413px;
  padding: 7px 27px 0 214px;
  background: url(../../images/front/slider_nuevo_bg.png) no-repeat; 
}
.slider_wrapper form#ya_usuario {
  float: right;
  width: 237px;
  padding: 7px 0 0 214px;
  background: url(../../images/front/slider_usuario_bg.png) no-repeat; 
}

.slider_wrapper form label {
  font-size: 11px;
  color: #000;
  text-transform: uppercase;
  line-height: 17px;
  float: left;
  height: 17px;
  width: 100%;
}
.slider_wrapper form input.text {
  float: left;
  width: 226px;
  height: 18px;
  background: #fff;
  border: 1px solid #fff;
  margin-bottom: 10px;
  padding: 4px 4px 0;
  font-size: 11px;
}
.slider_wrapper form input.submit {
  height: 20px;
  background: #223e99;
  border: none;
  text-transform: uppercase;
  font-size: 11px;
  color: #fff;
  font-weight: bold;
  cursor: pointer;
  float: right;
}
.slider_wrapper form input.hover {
  background: #7e7e7f;
}

.slider_wrapper form#nuevo_usuario p {
  float: left;
  font-size: 11px;
  color: #252525;
  line-height: 20px;
  margin: 17px 0 0;
}

.slider_wrapper form input.error { border-color: #f00; }

.slider_wrapper form#ya_usuario a {
  float: left;
  font-size: 11px;
  font-weight: bold;
  color: #818283;
  line-height: 11px;
}
.slider_wrapper form#ya_usuario a:hover { text-decoration: none; }
.slider_wrapper form input#registrese { margin: 17px 0 0; width: 84px; }
.slider_wrapper form input#ingrese { margin: 11px 0 0; width: 62px; }
.slider_wrapper form input#send_pass { margin: 12px 0 0; width: 146px; }

.slider_wrapper form#olv_pass {
  float: right;
  width: 237px;
  padding: 45px 0 0 214px; 
  display: none;
}
/*
#toggler_cont {
  float: left;
  width: 100%;
  height: 20px;
}
#toggler_cont a {
  float: right;
  width: 168px;
  height: 20px;
  background: #000;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 20px;
  color: #fff;
  text-decoration: none;
}*/

#toggler_cont {
  float: left;
  width: 100%;
  height: 20px;
}
#toggler_cont a {
  float: right;
  width: 168px;
  height: 20px;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 20px;
  color: #fff;
  text-decoration: none;
  padding: 0 0 0 18px;
  background: #252525 url(../../images/front/open_close.png) 0 3px no-repeat; 
}
#toggler_cont a.clicked { background-position: 0 -13px; }

/* Logueado */

#toggler_cont p {
  text-align: right;
  font: 11px Arial, Helvetica, sans-serif;
  color: #818283;
  line-height: 21px;
}

#toggler_cont #user_options {
  float: right;
  padding: 0 11px;
  height: 16px;
  background: #252525; 
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 16px;
  color: #fff;
  margin-left: 17px;
}

#toggler_cont #user_options a {
  float: none;
  width: auto;
  height: 16px;
  background: none;
  padding: 0;
  line-height: 16px;
}
#toggler_cont #user_options a:hover { color: #bebdbd; }

/***********************************************************
 * Header *
***********************************************************/

h1 { float: left; }
h1 a { 
  float: left;
  width: 239px;
  height: 88px;
  text-indent: -9999px; 
  background: url(../../images/front/logo_main.png) no-repeat; 
}


/***********************************************************
 * Menu de navegación *
***********************************************************/

ul#nav {
  float: left;
  width: 660px;
  height: 26px;
  padding: 0 0 1px;
}

ul#nav li { float: left; }
ul#nav li a { 
  float: left;
  height: 26px;
  padding: 0 0 0 6px;
  background: url(../../images/front/nav_bg.png) no-repeat;
  text-decoration: none;
  cursor:pointer;
}
ul#nav li a:hover, ul#nav li a.active { background-position: 0 -26px; }
ul#nav li a span {
  float: left;
  height: 26px;
  padding: 0 9px 0 0;
  background: url(../../images/front/nav_bg.png) right top no-repeat;
  font: 11px/26px Arial, Helvetica, sans-serif;
  color: #fff;  
}
ul#nav li a:hover span, ul#nav li a.active span { background-position: right -26px; color: #000; }


/***********************************************************
 * Featured Products *
***********************************************************/

ul#featured_products {
  float: left;
  width: 672px;
  height: 154px;
  padding: 0 0 14px;
  margin: 0 0 0 -12px;
}
ul#featured_products li {
  float: left;
  width: 201px;
  height: 145px;
  position: relative;
  padding: 9px 0 0 23px;
  background: url(../../images/front/feat_prod_bg.png) right top no-repeat;  
}
.feat_prod_img {
  float: left;
  position: relative;
  border: 1px solid #363636;
  margin: 0 14px 0 0;
}
.feat_prod_img:hover { border-color: #223e99; }

.feat_prod_img .logo {
  position: absolute;
  bottom: 0;
  left: 0;
}
ul#featured_products li p.prod_name {
  float: left;
  font-size: 11px;
  color: #818283;
  text-transform: uppercase;
  width: 90px;
}
ul#featured_products li .precio {
  position: absolute;
  width: 101px;
  height: 50px;
  bottom: 13px;
  right: 0px;
}
ul#featured_products li .precio p {
  font-size: 12px;
  line-height: 20px;
  color: #252525;
  padding: 0 0 8px 3px;
}
ul#featured_products li .precio a {
  float: left;
  width: 79px;
  height: 20px;
  background: #7e7e7f;
  text-align: center;
  font-size: 10px;
  line-height: 20px;
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
}
ul#featured_products li .precio a:hover { background: #c9c9ca; }


/***********************************************************
 * Featured Designers *
***********************************************************/

#feat_disen {
  float: left;
  width: 660px;
  padding: 0 0 30px;
}
#feat_disen a { border: 1px solid #252525; }
#feat_disen a.first { float: left; }
#feat_disen a.second { float: right; }
#feat_disen a:hover { border-color: #223e99; }


/***********************************************************
 * Banners *
***********************************************************/

.banner {
  float: left;
  border: 1px solid #252525;
  margin: 0 0 11px;
}
.banner:hover { border-color: #223e99; }


/***********************************************************
 * Search *
***********************************************************/

#sidebar form#search {
  float: left;
  width: 253px;
}
#sidebar form#search input.text {
  float: left;
  border: 1px solid #252525;
  background: url(../../images/front/search_input_bg.png) no-repeat;
  margin: 1px 9px 0 0; 
  padding: 4px 4px 0;
  width: 208px;
  height: 20px;
}
#sidebar form#search input.submit {
  float: left;
  background: url(../../images/front/search_submit_bg.png) no-repeat;
  width: 25px;
  height: 28px;
  line-height: 40px;
  overflow: hidden;
  text-indent: -9999px;
  border: none;
  cursor: pointer;  
}


/***********************************************************
 * Menú de categorías *
***********************************************************/

ul#nav_cat {
  float: left;
  width: 253px;
  padding: 8px 0 1px;
  background: url(../../images/front/nav_cat_bg.png) left bottom repeat-x; 
}
ul#nav_cat li {
  float: left;
  width: 253px; 
}
ul#nav_cat li a {
  float: left;
  width: 231px;
  height: 33px;
  font-size: 11px;
  line-height: 33px;
  text-transform: uppercase;
  text-decoration: none;
  color: #252525;
  background: url(../../images/front/nav_cat_lev_01.png);
  padding: 3px 0 0 22px;
}
ul#nav_cat li a:hover, ul#nav_cat li a.active { background-position: 0 -36px; }
ul#nav_cat li ul li a {
  width: 216px;
  color: #7e7e7f;
  padding: 3px 0 0 37px;
  background: url(../../images/front/nav_cat_lev_02.png);
}
ul#nav_cat li ul li ul li a {
  width: 201px;
  color: #252525;
  padding: 3px 0 0 52px;
  background: url(../../images/front/nav_cat_lev_03.png);
}


/***********************************************************
 * Ads *
***********************************************************/

ul#sidebar_ads {
  float: left;
  width: 256px;
  padding: 7px 0 0;
  margin: 0 0 0 -3px;
}
ul#sidebar_ads li {
  float: left;
  padding: 0 0 3px 3px;
}
ul#sidebar_ads li a { 
  float: left;
  border: 1px solid #252525; 
}

ul#sidebar_ads li a:hover { border-color: #223e99; } 


/***********************************************************
 * Footer *
***********************************************************/

#footer p, #footer p a {
  font-size: 11px;
  line-height: 16px;
  color: #a3a3a4;
  text-align: center;
  text-decoration: none;
}
#footer p a:hover { text-decoration: underline; }


/***********************************************************
 * Internal *
***********************************************************/ 

h2.sifr {
  font: bold 25px/37px Georgia, "Times New Roman", Times, serif;
  color: #000;
  font-style: italic;
  float: left;
}


/***********************************************************
 * Crumbtrail *
***********************************************************/ 

#crumbtrail { 
  float: right;
  padding: 16px 0 0; 
}
#crumbtrail a {
  float: left;
  background: #c9c9ca url(../../images/front/crumbtrail_bg.png) right no-repeat; 
  padding: 0 10px 0 5px;
  margin: 0 3px 0 0;
  height: 14px;
  font-size: 10px;
  text-transform: uppercase;
  color: #fcfcfc;
  line-height: 14px;
  text-decoration: none;
}
#crumbtrail a.inverse {
  background: #c9c9ca url(../../images/front/crumbtrail_inverse_bg.png) no-repeat; 
  padding: 0 5px 0 10px;
}
#crumbtrail a:hover {
  background-color: #929295;
  background-position: right -14px;
}
#crumbtrail a.inverse:hover {
  background-color: #8f8f90;
  background-position: 0 -14px;
}

/***********************************************************
 * Ordenar productos *
***********************************************************/ 

form#ordenar_productos {
  float: left;
  width: 660px;
  /*height: 34px;*/
  padding: 1px 0;
  background: url(../../images/front/form_ord_prod.png) repeat-x;  
}
form#ordenar_productos label {
  float: left;
  font-size: 10px;
  line-height: 34px;
  padding: 0 8px 0 0;
  text-transform: uppercase; 
}
form#ordenar_productos select {
  float: left;
  font-size: 11px;
  padding: 2px;
  margin: 7px 18px 0 0;
  height: 22px;
  width: 128px; 
}

form#ordenar_productos input.selectbox {
  float: left;
  font-size: 11px;
  padding: 4px 4px 0;
  margin: 7px 18px 0 0;
  height: 18px;
  width: 120px;
  background: url(../../images/front/select_ord_prod.png) no-repeat;
  border: none;
  cursor: pointer;  
  color: #000;
}
.selectbox-wrapper {
  float: left;
  position: relative;
  margin: 29px 0 0 -146px;
  background: #c00;
  z-index: 5;
}
.selectbox-wrapper ul {
  position: absolute;
  border: 1px solid #e3e3eb;
  width: 126px;
  top: 0;
  left: 0;
  background: #fff;
  z-index: 10;
}
.selectbox-wrapper ul li {
  width: 122px;
  height: 22px;
  font: 11px/22px Arial, Helvetica, sans-serif;
  cursor: pointer;
  padding: 0 0 0 4px;
}
.selectbox-wrapper ul li.current { background: #e3e3eb; }


/***********************************************************
 * Listado de productos *
***********************************************************/ 

ul#list_prod {
  float: left;
  width: 660px;
}

ul#list_prod li {
  float: left;
  width: 660px;
/*  height: 134px;*/
  padding: 19px 0;
  border-bottom: 1px solid #c9c9ca;
}
ul#list_prod li.last { border-bottom: none; }
ul#list_prod li img.prod_image {
  float: left;
  border: 1px solid;
  border-color: #373737 #656565 #6c6c6c #373737;
}
ul#list_prod li .details {
  float: right;
  position: relative;
  width: 559px;
  height: 134px;
}
ul#list_prod li .details .precio {
  float: right;
  padding-top: 19px;
  font-size: 14px;
  line-height: 14px;
  color: #252525;
}
ul#list_prod li .details .prod_title {
  font-size: 11px;
  line-height: 14px;
  text-transform: uppercase;
  color: #252525;
  padding-bottom: 5px;
}
ul#list_prod li .details .prod_desc {
  font-size: 11px;
  line-height: 14px;
  color: #818283;
  width: 335px;
}

ul#list_prod li .details .logo {
  position: absolute;
  left: -3px;
  bottom: 2px;
}

ul#list_prod li .details a.ver_detalle {
  display: block;
  position: absolute;
  width: 79px;
  height: 20px;
  background: #7e7e7f;
  text-align: center;
  font-size: 10px;
  line-height: 20px;
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
  bottom: 2px;
  right: 0;
}
ul#list_prod li .details a.ver_detalle:hover { background: #c9c9ca; }


/***********************************************************
 * Paginado *
***********************************************************/ 

ul#pagination {
  float: left;
  width: 660px;
  height: 26px;
  padding: 9px 0 19px;
  background: url(../../images/front/form_ord_prod.png) repeat-x;
  text-align: center;
}
ul#pagination li {
  width: 15px;
  height: 16px;
  padding: 2px 3px 0 0;
  display: inline-block;
  zoom:1;
  *display:inline;
  vertical-align: top;
}
ul#pagination li#back, ul#pagination li#fwd {
  width: 9px;
  height: 19px;
  padding: 0; 
}
ul#pagination li#back a, ul#pagination li#fwd a {
  float: left;
  width: 9px;
  height: 19px;
  text-indent: -9999px;
  background: url(../../images/front/paginator_arrows.png) no-repeat;  
}
ul#pagination li#fwd a { background-position: -9px 0; }

ul#pagination li#back a:hover { background-position: 0 -19px; border-color: #fff; }
ul#pagination li#fwd a:hover { background-position: -9px -19px; border-color: #fff; }

ul#pagination li.sep p { line-height: 12px; }

ul#pagination li a {
  float: left;
  width: 13px;
  height: 14px;
  text-align: center;
  border: 1px solid #fcfcfc;
  text-decoration: none;
  font-size: 11px;
  line-height: 14px;
  color: #010101;
}
ul#pagination li a:hover, ul#pagination li.active a { border-color: #252525; }


/***********************************************************
 * Subheader *
***********************************************************/ 

#subheader {
  float: left;
  width: 654px;
  height: 36px;
  padding: 0 0 0 6px;
  background: url(../../images/front/form_ord_prod.png) repeat-x;  
}
#subheader p {
  font-size: 11px;
  line-height: 36px;
  color: #5c5c5c; 
}