* {
margin: 0;
padding: 0;
}
body {
background: #fff;
color: #333;
min-width: 700px;
font-size: 76%;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
a{
text-decoration:underline;
font-weight:bold;
}
a:link{
color:#009;
}
a:visited{
color:#906;
}
a:hover,a:active{
color:#f90;
}
/*
ul, p {
 margin-top:1em;
line-height:1.5;
}
li {
margin-left:2em;
}
*/
ul {
 margin-top:1em;
line-height:1.5;
}
li {
margin-left:2em;
}
/* 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: 100%;
}
#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;
margin: 0 14em;
padding:2em;
}
#center, #left, #right {
min-height:400px;
}
#centerwrap {
float:left;
width: 100%; 
margin: 0 -95% 0 0;
}
#left {
float:left;
margin: 0 0 0 -5%;
width: 14em;
}
#right {
float:right;
width: 14em;
margin: 0;
}
/* header */
#header {
background: #22008B url(/img/fondo_menu.png) repeat-x; 
border-top:1px solid #000;
border-bottom:2px solid #000;
height:97px;
}
#header img {
float:left;
}
#header form{
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: #484848 url(/img/fondo_menu.png) repeat-x; 
text-align: center;
height:29px;
}
#subnav ul {
line-height:2em;
font-weight: bold;
margin-top:0;
}
#subnav ul li {
margin:0;
display: inline;
}
#subnav ul li {
color: #f90;
padding:0.5em 1.5em;
}
#subnav a {
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 #333;
}
#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;
}
/* carrito de la compra */
#carrito {
position:absolute;
bottom:0px;
left:0px;
width: 50%;
margin: 0px;
height:115px;
overflow:auto;
border-top:1px solid #333;
z-index:10;
}
#carrito #cart {
background-color:#fff;
border-left:1px solid #333;
}
#carrito #cart h2, #carrito #cart a.checkout  {
border-top:0;
background-color: #008033; 
color:#FFFFFF;
line-height:2em;
}
#carrito h2{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
letter-spacing:6px;
text-indent:12px;
padding-top:0px;
}
#carrito #cart h2 a {
border-top:0;
color:#FFFFFF;
}
#carrito #cart ul {
list-style: none;
}
#carrito #cart ul li {
margin-left:1em;
}
#carrito #cart ul.total {
margin:5px;
text-align:right;
border-top:1px solid #333;
}
#carrito #cart li.total {
font-weight:bold;
border-top:1px solid #333;
}

ul.total {
margin:5px;
text-align:right;
border-top:1px solid #333;
}
ul.total li{
font-family: Verdana, Arial, Geneva, sans-serif;
}
li.total {
font-weight:bold;
border-top:1px solid #333;
font-family: Verdana, Arial, Geneva, sans-serif;
}
/* prices */
span.nprice {
color: #999;
text-decoration: line-through;
}
span.sprice {
font-weight: bold;
color: #c30;
}
/* tables */
table {
width:100%;
border:1px solid #008033;
margin-top:1em;
}
th {
text-align:left;
background-color:#FFF382;
border-bottom:1px solid #008033;
border-top:1px solid #fff;
}
td, th {
padding:4px;
vertical-align:top;
border-right:1px solid #008033;
border-bottom:1px solid #008033;
}
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:180px;
height:150px;
display:block;
float:left;
margin: 0;
text-align:center;
padding-top:0.5em;
padding-bottom:1em;
padding-left:0.75em;
padding-right:0.75em;
}
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; */
width:100px;
}
div.productwrapper div{
/*padding-right:170px;**/
border:1px solid #000000;
}
div.details {
width:150px;
float:right;
margin-right:-170px;
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.ficha_producto{
position:relative;
height:320px;
width:620px;
margin-left:auto;
margin-right:auto;
padding:0px;
}
div.foto_producto{
position:absolute;
z-index:1;
height:320px;
width:320px;
right:0px;
top:0px;
}
div.descripcion{
position:relative;
height:140px;
width:295px;
text-align:justify;
overflow:auto;
}
.precio{
font: bold 1.4em Arial, Helvetica, sans-serif;
}
a.edit {
color:#FFFFFF;
padding:5px 1em;
text-align:center;
background:#007F33 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%;
}
div.message {
background:#ff9;
padding:5px;
border-bottom:1px solid #333;
}
div.post {
background:#ffd;
padding:1em;
border:1px solid #333;
}
div.post h2{
margin-top:0;
}
/* checkout */
body#checkout h2 {
clear:both;
margin-bottom:0;
}
body#checkout ul {
list-style:none;
}legend{
font-weight:bold;
padding:0 1em;
}
fieldset {
padding-top:1em;
border:1px dotted #999;
background-color:#ffc;
margin:8px;
}
option {
  padding-right:1em;
  padding-left:4px;
}
ul.flist {
padding-left:0;
}
ul.flist li, fieldset.oinfo li, fieldset.oaddress li{
list-style: none;
}
ul.flist li{
clear:both;
line-height: 2.2;
padding-left:8em;
margin-left:0;
}

ul.flist li label{
margin-top:-3px;
margin-left:-8em;
width:8em;
float:left;
text-align:right;
vertical-align: top;
}
ul.flist li input, ul.flist li textarea, ul.flist li select{
border:1px solid #ccc;
border-color:#666 #ccc #ccc #666;
margin-left:1em;
width:11em;
padding:2px 4px;
}
fieldset>ul.flist li input{
width:12em;
}
form>ul.flist li input{
width:12em;
}

ul.flist li.col2{
clear:both;
line-height: 2.2;
padding-left:10em;
margin-left:0;
width:21em;
}
form>ul.flist li.col2{
width:12em;
}

ul.flist li.col2 label{
margin-top:-3px;
margin-left:-10em;
width:10em;
float:left;
text-align:right;
vertical-align: top;
}

ul.flist li.col2 input, ul.flist li.col2 textarea, ul.flist li.col2 select{
border:1px solid #ccc;
border-color:#666 #ccc #ccc #666;
margin-left:1em;
width:10em;
padding:2px 4px;
vertical-align:top;
float:right;
}

.oinfo, .oaddress {
width:45%;
float:left;
padding-bottom:1em;
}
li.error {
border: 1px solid red;
background-color : #FFCCCC;
color:#330000;
margin-top:1px;
margin-right:10px;
font-family:Georgia, "Times New Roman", Times, serif;
 }
li.error span {
display:block;
margin-left:-6em;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
text-align:center;
}
ul>li.error {
border: 1px solid red;
background-color : #FFCCCC;
color:#330000;
margin-top:1px;
padding-right:40px;
width:11em;
font-family:Georgia, "Times New Roman", Times, serif;
 }
ul>li.error span {
display:block;
margin-left:-8em;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
text-align:center;
}
textarea#comments {
width:100%;
height:7em;
}
#confirm_order {
width:10em;
clear:both;
display:block;
float:right;
margin:1em 0;
padding:5px;
font-weight:bold;
}
#confirmar_pedido {
width:25em;
clear:both;
border-color:#330000;
margin:1em 0;
padding:5px;
font-weight:bold;
}
li.save input {
  background:#fc6;
  font-weight:bold;
  padding:5px 15px 5px 20px;
  text-decoration: none;
}