/* menu */
#menu_item_1, #menu_item_2, #menu_item_3, #menu_item_4, #menu_item_5{
position:absolute;
z-index:7;
height:66px;
width:131px;
top:128px;
}
#menu_spacer_1, #menu_spacer_2, #menu_spacer_3, #menu_spacer_4, #menu_spacer_5{
position:absolute;
z-index:6;
height:66px;
width:15px;
top:128px;
}
#menu_spacer_1{
left:252px;
}
#menu_item_1{
left:267px;
}
#menu_spacer_2{
left:398px;
}
#menu_item_2{
left:413px;
}
#menu_spacer_3{
left:544px;
}
#menu_item_3{
left:559px;
}
#menu_spacer_4{
left:690px;
}
#menu_item_4{
left:705px;
}
#menu_spacer_5{
left:836px;
}
#menu_item_5{
left:851px;
}

/* Idiomas */

#idioma1, #idioma2, #idioma3{
position:absolute;
z-index:8;
width:16px;
height:10px;
}
#idioma1{
left:870px;
top:6px;
}
#idioma2{
left:890px;
top:6px;
}
#idioma3{
left:910px;
top:6px;
}


img {
border: 0;
}
a{
text-decoration:underline;
font-weight:bold;
}
a:link{
color:#009;
background-color:transparent;
}
a:visited{
color:#906;
background-color:transparent;
}
a:hover,a:active{
color:#f90;
background-color:transparent;
}


h1,h2,h3,h4,h5{
font-family:Arial,Helvetica,sans-serif;
font-weight:bold;
line-height:1.1em;
}
h2,h3,h4,h5{
margin:2em 0 1em;
}
h1, .titulo{
font-size:2em;
margin-bottom:1em;
color:#324D18;
}
h2, .subtitulo{
font-size:1.2em;
}
body.simple h2 {
clear:both;
}
h3, .subsubtitulo{
font-size:1.1em;
}
h4{
font-size:1.1em;
}
h5{
font-size:1.0em;
}
ul, p {
 margin-top:1em;
line-height:1.5;
}
li {
margin-left:2em;
}
p{
text-indent:0.9em;
text-align:justify;
}
/* Hay que dejar el espacio entre first-letter y { para que el IE6 se entere de la pelicula*/
.inicial, p:first-letter {
font-family:Arial,Helvetica,sans-serif;
    font-size:1.0em;
font-weight:bold;
color:#B07D08;
}

.foto_izquierda{
float:left;
clear:left;
text-align:center;
margin:13px;
font-size:10px;
}

.foto_derecha{
float:right;
clear:right;
text-align:center;
margin:13px;
font-size:10px;
}

/**************** elementos ****************/
#formulario {
position:absolute;
width:320px;
top:204px;
left:460px;
}

#textoformulario {
text-align:justify;
width:260px;
}

#todoformulario {
margin-right:auto;
margin-left:auto;
margin-top:0px;
padding:0px;
}

/**************** clases ****************/
div.fila {
  clear: both;
  padding-top: 1px;
}

form>div.fila {
padding-top:4px;
}

div.fila_botones {
  clear: both;
  padding-top: 2px;
}

div.fila span.etiqueta {
  float: left;
  width: 80px;
  text-align: right;
  font-family:Geneva, Arial, Helvetica, sans-serif;
  font-size:12px;
  color: #1B6050;
  padding-right:5px;
  }

div.fila span.campo {
  float: right;
  width: 235px;
  text-align: left;
}
  
input,textarea {
  font-family:Geneva, Arial, Helvetica, sans-serif;
  font-size:12px;
  background-color:#FAF4E6;
  color:#1B6050;
  border:1px solid #1B6050;
}

ul.grupo_fotos li {
width:300px;
height:300px;
display:block;
float:left;
margin: 0px;
text-align:center;
padding:1em;
}

ul.grupo_fotos li a {
display:block;
}* {
margin: 0;
padding: 0;
}
body {
background: #fff;
color: #333;
min-width: 700px;
font-size: 76%;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* wrapper holds left faux column tab */
/* nn6/7 will put content out of scrollable reach if auto is used unless the min-width is on body */

#wrapper {
width: 964px;
}

#header, #subnav, #footer {
clear: both; 
width: 100%;
}

#contentfloatholder {/* right faux column tab */
/*background: #fff url(/img/content_bg.gif) repeat-x;*/ 
float: left;
width: 100%;
}

#contentfloatholder:after, #header:after, ul.cols:after, div.productwrapper:after, div.wrap4:after {
content: "."; 
display: block; 
height: 0px;
clear: both; 
visibility: hidden;
}

#center {
color:#333;
background-color:transparent;
margin: 0 14em 0 135px;
padding:2em;
}

#center, #right {
min-height:320px;
}

#centerwrap {
float:left;
width: 100%; 
margin: 0% -95% 0% 0%;
}

#left {
float:left;
position:absolute;
top:194px;
left:0px;
width:135px;
height:252px;
background-image: url(/img/etiqueta.jpg);
background-repeat: no-repeat;
/*margin: 0 0 0 -5%;width: 14em;*/
}

#right {
float:right;
width: 14em;
margin: 0;
}

/* header */

#header {
background-image: url(/img/titulo.jpg);
background-repeat: no-repeat;
color:#000000;
height:194px;
}


#header img.default {
float:left;
margin-bottom:10px;
}
#header form.default{
margin-top:2em;
width:20em;
float:right;
text-align:right;
}
#header a.edit {
border-top:0;
border-right:0;
position:absolute;
top:0;
right:0;
}


/* horizontal navigation */

#subnav {
background-color: #FFFFFF; 
text-align: center;
border:0px;
margin-top:2px;
margin-left:135px;
margin-right:auto;
width:889px;
padding:0.2em 0em;
}
#subnav ul {
line-height:2em;
font-weight: bold;
margin-top:0;
}
#subnav ul li {
margin:2px;
display: inline;

}
#subnav ul li a {
margin-left:-1px;
border:1px solid #FF9900;
background-color:#FFEEFF;
color: #f90;
text-decoration:none;
padding:0.5em 1.5em;

}

#subnav ul li a:hover {
margin-left:-1px;
border:1px solid #996699;
background-color:#EEEEEE;
color: #f90;
text-decoration:none;
padding:0.5em 1.5em;
}


/* left column contents */

#left h2, #right h2 {
background-color:#ccc;
border-top:1px solid #fff;
border-bottom:1px solid #666;
color:#000;
font-size:1.1em;
margin:0;
line-height:1.5em;
padding-left:5px;
}
#left ul {
margin:0;
list-style:none;
border-right:1px solid #000;
line-height:2em;
background: #eee url(/img/left_content_bg.gif) repeat-x;
padding-top: 8px;
}
#left li {
margin:0;
}
#left li a, #left li a:visited, #right #cart .checkout  {
border-bottom:1px solid #000;
color:#333;
text-decoration:none;
font-weight:bold;
display:block;
padding-left:20px;
}
#left li a:hover{
background-color:#fff;
}


/* shoppingcart */

#right #cart {
background-color:#fff;
border-left:1px solid #666666;
border-right:1px solid #666666;
margin-top:20px;
}
#right #cart h2, #right #cart a.checkout  {
border-top:0;
background: #484848 url(/img/menu_bg.jpg) repeat-x; 
color:#f90;
line-height:2em;
}
#right #cart h2 a {
border-top:0;
color:#f90;
}
#right #cart ul {
list-style: none;
}
#right #cart ul li {
margin-left:1em;
}
#right #cart ul.total {
margin:5px;
text-align:right;
border-top:1px solid #333;
}
#right #cart li.total {
font-weight:bold;
/*border-top:1px solid #333;*/
}

/* prices */

span.nprice {
color: #999;
text-decoration: line-through;
}
span.sprice {
font-weight: bold;
color: #c30;
}

/* tables */

table {
width:100%;
border:1px solid #666;
margin-top:1em;
}

th {
text-align:left;
background-color:#eee;
border-bottom:1px solid #ccc;
border-top:1px solid #fff;
}

td, th {
padding:4px;
vertical-align:top;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
}
td h3 {
margin:0;
}
table.cart td img {
vertical-align:top;
}
table.cart tfoot td {
text-align:right;
}
table.cart tfoot td ul {
list-style:none;
}
.productdesc, .branddesc, .catdesc {
padding:0 1em 1em 1em;
}
div.catdesc {
background-color:#F1F1FF;
}
div.branddesc {
background-color:#FFFFE8;
}

/* product listing */

ul.cols li {
width:125px;
height:150px;
display:block;
float:left;
margin: 0;
text-align:center;
padding:1em;
}
ul.cols li a {
display:block;
}

/* footer */

#footer {
font-size:0.9em;
text-align:center;
border-top:1px dotted #666;
}
#footer ul {
margin-top:0;
}
#footer ul li {
display:inline;
}

/* product details */

div.productwrapper {
padding-right:170px;
text-align:center;
}
div.details {
width:400px;
margin-left:auto;
margin-right:auto;
text-align:center;
}

div.details div.price {
font: bold 1.4em Arial, Helvetica, sans-serif;
padding-bottom:1em;
}
div.details a {
display:block;
margin:1em 0;
}

div.foto_producto{
position:absolute;
left:450px;
width:300px;
}

div.info_producto{
position:absolute;
left:170px;
width:250px;
}

div.espaciador_producto{
height:320px;
}

div.info_producto div.price {
font: bold 1.4em Arial, Helvetica, sans-serif;
padding-bottom:1em;
}



a.edit {
color:#333;
padding:5px 1em;
text-align:center;
background:#f90 url(/img/button_bg.jpg) repeat-x;
border:1px solid #333;
border-bottom:2px solid #333;
border-right:2px solid #333;
text-decoration:none;
}
#center a.edit {
margin:1em 0;
}
body.simple #center {
/*margin:0 5%;*/
margin: 0 0 0 135px;
}

/* checkout */

body#checkout h2 {
clear:both;
margin-bottom:0;
}
body#checkout ul {
list-style:none;
}

div.loading {
background-color:#ff9;
border-top:1px solid #333;
bottom:0;
font-weight:bold;
line-height:2px;
position:fixed;
text-align:center;
width:100%;
}


div.fmessage {
line-height:1.5;
padding:5px 20px;
border-bottom:1px solid #333;
}
div.confirmation {
background-color:#C6EFA5;
}
div.error {
background-color:#fcc;
}
legend{
font-weight:bold;
padding:0 1em;
color:#CC9920;
}

fieldset {
padding-top:1em;
border:1px solid #CCCCCC;
background-color:#F9FFE0;
margin:8px;
}

option {
padding-right:1em;
padding-left:4px;
}

ul.flist {
background-color:#ffc;
padding-left:0;
list-style: none;
}

ul.flist li, fieldset.oinfo li, fieldset.oaddress li, fieldset.oreceiver li{
width:14em;
}

ul.flist li.col2 {
float:left;
width:8em;
}

ul.flist li{
margin-bottom:1em;
margin-left:0;
display:inline;
float:left;
}

ul.flist li label{
display:block;
color:#324D28;
}

ul.flist li input, ul.flist li textarea, ul.flist li select{
border:1px solid #ccc;
border-color:#324D28 #ccc #ccc #324D28;
padding:2px 4px;
width:85%;
background-color:#FFF0D0;
}

.oinfo, .oaddress, .oreceiver{
width:45%;
float:left;
padding-left:1.5em;
padding-right:0em;
padding-bottom:1em;
}

ul.flist li.cl {
clear:left;
}

ul.flist li.cb, ul.flist li.r_message {
width:100%;
}
ul.flist li.cb input{
width:90%;
}

li.error {
border: 1px solid red;
background-color : #fcc;
margin-top:5px;
}

li.error span {
display:block;
margin-left:1em;
}

textarea#comments {
width:100%;
height:7em;
}

textarea#r_message {
height:4em;
width:90%;
}

#confirm_order {
width:10em;
clear:both;
display:block;
float:right;
margin:1em 0;
padding:5px;
font-weight:bold;
}

li.save {
clear:both;
}

ul.flist li.save input {
background:#fc6;
font-weight:bold;
text-decoration: none;
border:1px solid #333;
border-bottom:2px solid #333;
border-right:2px solid #333;
}

hr.separador{
width:75%;
clear:both;
border:1px solid #CC9920;
margin-left:auto;
margin-right:auto;
}