body {
	margin: 0; padding: 0;
    color: #555555;
    font-size: 9pt;
    font-family: verdana;
    text-align: center;
    background-color: #E0E0E0;
    height:100%;
}

a {
    color: #555555;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

img {
    border: 0;
}

.pointer {
    cursor: pointer;
}


*p {
    margin: 10px 0 10px 0;
}


li {
    padding-bottom: 5px;
}

#top {
    width: 100%; height: 52px;
    background: top left url(images/header_background.gif) repeat-x;
    padding-top: 25px;
}

#top ul {
    margin: 0;
    padding: 0;
}

#top li {
	float: left;
	padding: 0;
	margin: 0 10px 0 10px;
    list-style-type: none
}

#menu {
    width: 875px;
    margin: 0 auto 0 auto;
}

#cab_top {
    background: top left url(images/content_top.gif) no-repeat;
    width: 929px; height: 21px;
    margin: 20px auto 0 auto;
}

#cab_body {
    margin: 0 auto 0 auto;
    width: 929px;
    *width: 928px;
    background-color: white;
}

#sub_body {
    width: 924px;
    float: left;
    background-color: white;
    border-left: #D5D5D5 2px solid;
    border-right: #D5D5D5 2px solid;
}

#logo {
    background: 10px top url(images/logo.gif) no-repeat;
    padding-top: 15px;
    min-height: 40px;
    margin-bottom: 25px;
}

#search_bar {
    float: right;
    border: 0;
	padding: 3px 10px 3px 30px;
	background: transparent url(images/search_bar.png) no-repeat top left;
	width: 174px;
	color: #c0c0c0;
    margin-right: 25px;
}

#title {
    font-family: Tahoma, Arial, sans-serif;
    text-align: left;
    color: #9A9A9A;
    letter-spacing: .15em;
    font-size: 90%;
}

#title a{
    color: #9A9A9A;
}


#picture {
    float: left;
    width: 50%;
    text-align: center;
}

#comprar {
    float: right;
    width: 50%;
    text-align: left;
    padding-top: 5px;
    *padding-top: 15px;
}

#comprar span {
    font-weight: bold;
}

#comprar span.agotado {
    vertical-align: text-bottom;
}

#comprar span.stock {
    font-size: 75%;
    background-color: #33CC33;
    color: white;
    padding: 1px 2px 1px 3px;
}

#add_carrito {
    cursor: pointer;
    width: 199px; height: 41px;
    background: left top url(images/add_carrito.gif) no-repeat;
}

#add_carrito:hover {
    background: left top url(images/add_carrito_d.gif) no-repeat; ;
}

#left {
    float: left;
    width: 250px;
    text-align: center;
    background-color: white;
}

#left_top {
    font-size: 95%;
    padding-top: 7px;
    padding-left: 12px;
    text-align: left;
    font-weight: bold;
    color: white;
    margin: 0 auto 0 auto;
    width: 208px;
    background: center top url(images/left_top.gif) no-repeat;
    height: 25px;
}

#shop_top {
    font-size: 95%;
    padding: 7px 12px 0 12px;
    text-align: left;
    font-weight: bold;
    color: white;
    margin: 0 auto 0 auto;
    width: 196px;
    background: #EEEEEE center top url(images/shop_top.gif) no-repeat;
    min-height: 121px;
}

#shop_elements {
    font-size: 105%;
    margin-top: 40px;
    color: #555555;
    font-style: italic;
    font-weight: normal;
    text-align: center;
}

#shop_total {
    padding-top: 5px;
    font-weight: bold;
    color: #000;
    font-size: 160%;
    text-align: center;
    font-style: normal;
    font-family: Tahoma, Arial, sans-serif;
}

#shop_checkout {
    margin-top: 25px;
    cursor: pointer;
    width: 100%; height: 26px;
    background: center top url(images/show.gif) no-repeat;
}

#shop_checkout:hover {
    background: center top url(images/show_d.gif) no-repeat;
}

#left_body {
    font-size: 95%;
    padding-left: 10px;
    text-align: left;
    margin: 0 auto 0 auto;
    width: 210px;
    line-height: 22px;
    overflow: hidden;
}

#left_body a {
    cursor: pointer;
}


#left_bottom {
    margin: 0 auto 25px auto;
    width: 220px;
    height: 17px;
    overflow: hidden;
}

.color_s {
    background-color: #EEEEEE;
}


.color_d {
    background-color: #E0E0E0;
}

.s {
    background: center top url(images/left_bottom_s.gif) no-repeat;
}

.d {
    background: center top url(images/left_bottom_d.gif) no-repeat;
}

#text {
    float: right;
    width: 642px;
    padding: 0 15px 15px 15px;
    border-left: 2px dotted #D5D5D5;
    background-color: white;
}

#text h1 {
    text-align: left;
    clear: both;
    margin-top: 0;
    color: #000;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 275%;
}

#text h2 {
    text-align: left;
    clear: both;
    margin-top: 30px;
    margin-bottom: 0;
    color: #000;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 190%;
}

#text h1 span {
    font-size: 65%;
}

#descripcion {
    text-align: justify;
    line-height: 130%;
}


#cab_bottom {
    clear: both;
    background: top left url(images/content_bottom.gif) no-repeat;
    width: 929px; height: 21px;
    margin: 0 auto 0 auto;
}

#bottom {
    width: 929px;
    text-align: center;
    margin: 20px auto 10px auto;
    padding-bottom: 10px;
}

#info {
    position: relative;
    font-family: Tahoma, Arial, sans-serif;
    letter-spacing: .15em;
    line-height: 25px;
    background-color: #EEEEEE;
    border-bottom: #E6E6E6 1px solid;
    height: 25px;
}

#info span{
    display: block;
    position: absolute;
    top: 7px;
    right: 10px;
}

#info span img{
    cursor: pointer;
}

#text_menu {
    float: right;
    width: 672px;
    padding: 0 0 15px 0;
    border-left: 2px dotted #D5D5D5;
    background-color: white;
}

#text_menu a{
    text-decoration: none;
    cursor: pointer;
}

#title_menu {
    font-family: Tahoma, Arial, sans-serif;
    text-align: left;
    color: #9A9A9A;
    letter-spacing: .15em;
    font-size: 90%;
    padding: 0 0 15px 15px;
}

#title_menu a{
    color: #9A9A9A;
}

#title_menu a:hover {
    text-decoration: underline;
}

#productos_img {
    position: relative;
    background: center bottom url(images/productos.jpg) no-repeat;
    height: 370px;
    width: 100%;
}

#productos_img #productos_video {
    position: absolute;
    bottom: 22px;
    right: 50px;
}

#menu_productos {
    position: relative;
    margin: 0 10px 15px 10px;
    width: 200px;
    float: left;
    border: 1px solid black;
    height: 200px;
}

#menu_productos:hover {
    background-color: #EEEEEE;
}

#menu_producto {
    padding: 7px 5px 5px 5px;
    font-size: 90%;
    font-weight: bold;
}

#menu_precio {
    padding-top: 10px;
    padding-right: 10px;
    font-weight: bold;
    height: 100px;
    width: 80px;
    color: #CC0000;
    float: right;
}

#menu_producto_datos {
    font-size: 90%;
    text-align: left;
    position: absolute;
    top: 145px;
    left: 10px;
}

#menu_producto_datos span{
    display: block;
    line-height: 15px;
}

/***************************** CARRITO *********************************/

#continue_shopping {
    text-align: left;
    padding-bottom: 120px;
}

#carrito_img {
    background: center bottom url(images/procesar.jpg) no-repeat;
    height: 370px;
    width: 100%;
}

#carrito_header {
    color: #000;
	font-weight: bold;
	width: 100%;
    line-height: 25px;
    height: 25px;
}

#carrito_header a {
    color: #000;
}

#carrito_header span {
	float: left;
    width: 75px;
}

#carrito_header span.first {
    padding-left: 5px;
    width: 335px;
    text-align: left;
}

#carrito_header span.first_p {
    padding-left: 5px;
    width: 410px;
    text-align: left;
}

#carrito_header img {
    cursor: pointer;
    width: 20px;
    vertical-align: text-bottom;
    padding-top: 3px;
}

#carrito_border {
    padding-bottom: 4px;
    margin-bottom: 10px;
	border-bottom: 1px dashed #686868;
}

.color_cd {
    background-color: #B0B0B0;
}

#carrito_header_cs {
    background-color: #DDDDDD;
    color: #000;
	width: 100%;
    line-height: 25px;
    height: 25px;
}

#carrito_header_cs span {
	float: left;
    width: 75px;
}

#carrito_header_cs span.first_p {
    padding-left: 5px;
    width: 410px;
    text-align: left;
}

#carrito_description {
	width: 100%;
    line-height: 20px;
    background-color: #DDDDDD;
    text-align: left;
    margin-bottom: 15px;
}

#carrito_description ul {
    margin-top: 0;
    padding-top: 3px;
}

#carrito_description li {
    letter-spacing: .12em;
}

#carrito_total {
    margin-top: 20px;
    font-weight: bold;
    color: #000;
    font-size: 160%;
    text-align: right;
    font-style: normal;
    font-family: Tahoma, Arial, sans-serif;
}

#carrito_total span {
    padding-right: 87px;
}

#carrito_total span.p {
    padding-right: 18px;
}

#carrito_checkout {
    cursor: pointer;
    width: 109px; height: 26px;
    background: left top url(images/checkout.gif) no-repeat;
    float: right;
    margin-top: 20px;
    margin-right: 87px;
}

#carrito_checkout:hover {
    background: left top url(images/checkout_d.gif) no-repeat;
}

#carrito_paypal_logo {
    width: 250px; height: 88px;
    background: left bottom url(images/paypal.gif) no-repeat;
    float: left;
    margin-left: 0px;
    margin-top: 15px;
}

#carrito_procesar {
    cursor: pointer;
    width: 86px; height: 26px;
    background: left top url(images/pay.gif) no-repeat;
    float: right;
    margin-top: 20px;
    margin-right: 18px;
}

#carrito_procesar:hover {
    background: left top url(images/pay_d.gif) no-repeat;
}

#carrito_modificar {
    position: absolute;
    top: 45px; left: 350px;
    cursor: pointer;
    width: 104px; height: 26px;
    background: left top url(images/edit.gif) no-repeat;
    float: left;
    margin-left: 25px;
    margin-top: 20px;
}

#carrito_modificar:hover {
    background: left top url(images/edit_d.gif) no-repeat;
}

#carrito_adress {
    width: 340px;
    position: relative;
    text-align: left;
    margin-bottom: 20px;
    background-color: #DDDDDD;
    padding-bottom: 10px;
}

#carrito_adress span {
    line-height: 20px;
    display: block;
    padding-left: 5px;
    letter-spacing: .12em;
}

#carrito_adress span.first_p {
    padding-left: 5px;
    line-height: 25px;
    display: block;
    background-color: #B0B0B0;
    font-weight: bold;
    color: #000;
    margin-bottom: 5px;
    letter-spacing: normal;
}

/***************************** LOGIN *********************************/

#form_login {
    background: top right url(images/sign_bar_right.gif) no-repeat;
    background-color: #999999;
    line-height: 30px;
    font-weight: bold;
    padding-left: 25px;
    margin-top: 10px;
    text-align: left;
}

#form_login_fields {
    background-color: #DDDDDD;
    padding-top: 15px;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

#form_login_fields #lost_result {
    font-weight: bold;
    display: none;
}

#form_login_fields #forgot {
    cursor: pointer;
}

#form_login_fields #forgot:hover {
    text-decoration: underline;
}

#form_login_validate {
    cursor: pointer;
    width: 95px; height: 26px;
    background: left top url(images/validate.gif) no-repeat;
    float: right;
    margin-top: 5px;
    margin-bottom: 15px;
}

#form_login_validate:hover {
    background: left top url(images/validate_d.gif) no-repeat;
}

/************************* FORM DE ENVIO ****************************/

#form {
    float: right;
    width: 642px;
    padding: 0 15px 15px 15px;
    border-left: 2px dotted #D5D5D5;
    background-color: white;
}

#form h1 {
    text-align: left;
    clear: both;
    margin-top: 5px;
    margin-bottom: 0;
    color: #000;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 275%;
}

#form_title {
    background: top right url(images/bar_right.gif) no-repeat;
    background-color: #CDCDCD;
    line-height: 30px;
    font-weight: bold;
    padding-left: 25px;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: left;
}

#form_title.first {
    margin-top: 10px
}


#form span {
    display: block;
    width: 450px;
    line-height: 25px;
    margin-bottom: 10px;
    text-align: right;
}

#form span.form_error {
    display: inline;
    color: red;
    font-weight: bold;
}


#form input {
    border: 1px solid #D4D4D4;
    border-top: 1px solid #B2B2B2;
    border-right: 1px solid #B2B2B2;
    height: 20px;
    width: 250px;
    padding-left: 5px;
    padding-top: 3px;
}

#form input:focus {
    background-color: #EFEFEF;
}

#form select {
    padding-left: 5px;
    padding-top: 3px;
    height: 25px;
    border: 1px solid #D4D4D4;
    border-top: 1px solid #B2B2B2;
    border-right: 1px solid #B2B2B2;
    width: 257px
}

#form select:focus {
    background-color: #EFEFEF;
}

#form_register {
    cursor: pointer;
    width: 108px; height: 26px;
    background: left top url(images/register.gif) no-repeat;
    float: right;
    margin-top: 15px;
}

#form_register:hover {
    background: left top url(images/register_d.gif) no-repeat;
}

#form_modify_register {
    cursor: pointer;
    width: 107px; height: 26px;
    background: left top url(images/modify_register.gif) no-repeat;
    float: right;
    margin-top: 15px;
}

#form_modify_register:hover {
    background: left top url(images/modify_register_d.gif) no-repeat;
}

#form_border {
    clear: both;
	border-bottom: 1px dashed #686868;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

/************************* TU CUENTA ****************************/

#tucuenta_img {
    background: center bottom url(images/tucuenta.jpg) no-repeat;
    height: 370px;
    width: 100%;
}