 /**************************************************************
  *                                                            *
  * Copyright © 2006, Carlos Alonso Álvarez <eitrox@gmail.com> *
  *                   Jesús Pérez Rey <chescu@gmail.com>       *
  *                                                            *
  * All rights reserved                                        *
  *                                                            *
  **************************************************************/

body {
  background: #f5f3f3;
  margin: 0pt;
  font-family: Arial, Helvetica;
}

input
{
  background-color: transparent;
  padding: 1px;
}

img { border: none; }

div {
  overflow: visible;
}

div.main {
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  width: 700px; 
}

div.menu_item {
  top: 17px;
  position: absolute;
  font-family: Arial, Helvetica;
  font-size: 11pt;
  font-weight: bold;
}

div.menu_item a:hover
{
  color: red;
}

div.unselected a {
  color: #999999;
  text-decoration: none;
}

div.selected a {
  color: #666666;
  text-decoration: none;
}

div.content {
  margin-left: 0px;
  position: relative;
  width: 700px;
}

div.content_main {
  margin-left: 40px;
  margin-top: 135px;
  padding: 8px; 
}

div.main_text {
  color: #7f7f7f;
  font-family: 'Verdana', 'sans-serif';
  font-size: 16px;
  font-weight: bold;
}

.main_text_bold {
  color: #5e5e5e;
}


h1.paso {
  padding: 8px;
  color: #999999;
  font-family: HelveticaNeue-Bold, Helvetica Neue, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  line-height: 40px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  padding-bottom: 0px;
  padding-top: 0px;
  text-align: left;
}

h1.titulo {
    background: transparent;
    color: #ffffff;
    font-family: HelveticaNeue-Bold, Helvetica Neue, Arial, sans-serif;
    font-size: 28px;
    font-weight: bold;
    left: 40px;
    margin: 0px;
    position: absolute;
    top: 78px;
    z-index: 2;
}

h2.datos_titulo
{
    color: #ffffff;
    font-family: HelveticaNeue-Bold, Helvetica Neue, Arial, sans-serif;
    font-size: 28px;
    font-weight: bold;
    letter-spacing: 0;
}
div.flecha
{
    background: transparent;
    font-family: 'HelveticaNeue-Bold', 'Helvetica Neue', 'Arial', 'sans-serif';
    font-size: 11px;
    font-weight: bold;
    top: 495px;
    vertical-align: middle;
    width: 94px;
}

div.flecha a
{
    color: #ffffff;
    text-decoration: none;
}

table.articulos h2
{
    font-size: 10pt;
    margin: 0px;
}

table.articulos,
table.articulos input,
input.gal_comprar
{
    border: 0px;
    font-family: HelveticaNeue-Bold, Helvetica Neue, Arial, sans-serif;
    font-weight: bold;
    text-align: center;
    font-size: 10pt;
    width: 100%;
}

table.articulos input,
input.gal_comprar
{
    font-size: 12pt;
    color: white;
}

li.dato_title h3,
li.dato_title {
    color: #999999;
    font-family: HelveticaNeue-Bold, Helvetica Neue, Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 20px;
}
tr.dato_dat,
div.dato_dat {
    color: #3f3f3f;
    font-family: HelveticaNeue-Bold, Helvetica Neue, Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
}

div.precio {
    color: #3f3f3f;
    font-family: HelveticaNeue-Bold, Helvetica Neue, Arial, sans-serif;
    font-size: 18px;
    font-weight: bold;
}
h2.datos_titulo, li.datos_titulo {
    color: #ff0000;
    font-family: HelveticaNeue, Helvetica Neue, Arial, sans-serif;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
}
.tinyText {
    font-size: 1px;
}

div.datos_entrega
{
    border-left: 1px solid black;
    color: #999999;
    font-family: HelveticaNeue-Bold, Helvetica Neue, Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    left: 650px;
    padding-left: 30px;
    padding-bottom: 30px;
    padding-top: 50px;
    position: absolute;
    top: 203px;
    width: 151px;
}

p.texto
{
    color: #999999;
    font-family: HelveticaNeue-Bold, Helvetica Neue, Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
}

td.carrito_total1, td.carrito_total2
{
  border-top: 1px solid black;
  color: black;
  font-size: 14px;
}

td.carrito_total1
{
  text-align: right;
}

table.carrito
{
    border: 2px solid #999999;
    border-radius: 10px;
    border-spacing: 0px;
    color: #999999;
    font-family: HelveticaNeue-Bold, Helvetica Neue, Arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
    width: 600px;
}

table.carrito th
{
  border-bottom: 1px solid #999999;
}

table.carrito th, table.carrito td
{
  padding: 10px;
  vertical-align: top;
}

table.carrito tbody
{
  color: #3f3f3f;
  font-size: 12px;
}

table.direccion
{
  margin-top: 20px;
  margin-bottom: 20px;
  width: 280px;
}

table.contacto td
{
  vertical-align: top;
}

table.direccion input,
table.direccion select
{
  background-color: #f5f3f3;
  border: 2px solid #999999;
}

table.contacto
{
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 45px;
}

table.contacto input,
table.contacto textarea
{
  background-color: #f5f3f3;
  border: 2px solid #999999;
}

td.etiqueta
{
    color: #3f3f3f;
    font-family: HelveticaNeue-Bold, Helvetica Neue, Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
}

table.botones
{
    border: none;
}

table.botones td
{
    padding: 20px;
    vertical-align: top;
}

table.botones input
{
    border: none;
    background-image: url(http://img.losestores.com/opcion_pago.png);
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    height: 74px;
    width: 151px;
}

a.clean_link, a.clean_link2 { text-decoration: none;
    color: inherit;
}

div.error {
  border: 1px solid red;
  background-color: #ffd2d2;
  padding: 20px;
  color: #d20000;
  font-weight: bold;
}

div.warn {
  border: 1px solid yellow;
  background-color: #ffffd2;
  padding: 20px;
  color: #696900;
  font-weight: bold;
}

  table.articulo_main { border-style: solid;
    border-width: 3px;
    border-color: black;
    padding: 5%;
    background-color: transparent;
    width: 80%;
    text-align: center;
  }

  tr.articulo_nombre { color: rgb(0, 0, 0);
    font-weight: bold;
    text-align: center;
    background-color:gray;
    color:white;
    }

  tr.articulo_desc {
    color: rgb(0, 0, 0);
    text-align: center;
    font-size: smaller;
/*    background-color:white;*/
    }

  table.carrito_tabla { border-style: solid;
    padding: 5%;
    margin-left: 5%;
    margin-right: 5%;
    width: 80%;
    }

  tr.carrito_titulo { border-bottom: 2px solid rgb(0, 0, 0);
    font-weight: bold;
    font-size: medium;
    color: rgb(0, 0, 0);
    text-align: center;
    }

  tr.carrito_datos { text-align: center;
    }

  tr.carrito_total { color: rgb(0, 0, 0);
    font-weight: bold;
    }

  div.title2 { color: rgb(51, 51, 190);
    text-align: left;
    font-weight: bold;
    }

  div.articulo_desc { text-align: left;
    }

  td.comprar { text-align: right;
    padding-right: 2%;
    padding-top: 5%;
    }

  td.title { font-weight: bold;
    }

  table.videos {  }

td.formulario  {
    color: #999999;
    font-weight: bold;
    font-family: 'HelveticaNeue-Bold', 'Helvetica Neue', 'Arial', 'sans-serif';
    font-size: 14px;
    text-align: left;
    width: 25%;
    }

div.black_screen
{
    z-index: 10;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    position: absolute;
    background-color: #7F7F7F;
}

div.help_popup {
  padding: 20pt;
  top: 0px;
  left: 0px;
visibility: visible;  border-color: black;
  border-style: solid;
  border-width: 1pt;
  border-radius: 10pt;
  z-index: 15;
  position: absolute;
  background-color: white;
}

table.comomedir {
  background-color : white;
  margin-top: 20px;
  text-align : center;
}

th.borde { 
  border-width : 2px;
  border-color : #000000;
  border-style : solid;
  font-weight: bold;
}
h1.title {
  color: rgb(0, 0, 0);
  text-align: left;
  font-size: x-large;
}

h1.maintitle {
  color: rgb(0, 0, 100);
  font-weight: bold;
  font-style: normal;
  text-align: left;
  font-size: x-large;
  max-width: 50%;
}

table.colorList
{
  z-index: 1;
  border-spacing: 0px;
  padding: 0px;
  margin: 0px;
}