/* 1. Layout */

body { background: #fff url("../imagenes/img/bg.gif"); font: 11px Arial, Verdana, sans-serif;  padding: 19px 0 24px 0; margin: 0; }

:focus { outline: 0; }
a { text-decoration: none;  }
a:hover { text-decoration: underline; outline: 0; }
input, textarea, select { font: 11px Arial, Verdana, sans-serif; outline: none;}
input:focus, textarea:focus, select:focus, input.focus, textarea.focus, select.focus{ border: 1px solid #C4C3C3 !important; }
input.disabled{ background-color: transparent; border-color: white !important; }
ul, ol { list-style: none; }
table { padding: 0; border-collapse: collapse; border: none;}
.form_bt { background: #f1f2f1 url("../imagenes/img/form_bt_bg.gif") repeat-x top; font-size: 11px; font-weight: bold; height: 28px; border: solid 1px #ccc; cursor: pointer; width: 100px}
fieldset.dataform {border-bottom: 1px solid #DBDBDB; border-left: 1px solid #DBDBDB; border-right: 1px solid #DBDBDB; border-top: none; padding: 0; margin: 0 0 20px 0; }
fieldset.dataform  p{ border: 0; padding: 0; margin: 0 0 10px 0; }
fieldset.dataform label, fieldset.dataform fieldset span{ display: block; margin: 0; padding: 0 5px 0 0; height: 20px; line-height: 20px; float: left; text-align: right; width: 38%; font-weight: bold; }
fieldset.dataform input{ width: 58%; }
fieldset.dataform select{ width: 60.4%; height: 18px; }
fieldset.dataform textarea{ width: 58%; overflow: auto !important; }
fieldset.dataform textarea.aream{ height: 60px; }
fieldset.dataform textarea.areag{ height: 100px; }
fieldset.dataform .check{ width: auto; }
fieldset.dataform fieldset{ border: 0; padding: 0; margin: 0; }
fieldset.dataform fieldset label{ width: auto; font-weight: normal; }
fieldset.dataform fieldset .radio{ width: auto; float: left; margin: 4px 20px 0 0; padding: 0; }


#main { width: 768px; margin: 0 auto; }
#main_inner { background: #fff url("../imagenes/img/main_bg.gif") repeat-x bottom; border: solid 1px #dbdbdb; padding: 10px 10px 0 10px;}
#header { height: 136px; position: relative; background: #fff url("../imagenes/img/header_bg.jpg") no-repeat top right; border: solid 1px #c4c4c4; margin-bottom: 20px;}
#header h1 { width: 187px; position: relative; z-index: 1; font-size: 14px; padding: 0; margin: 22px 0 0 20px; background: url("../imagenes/img/logo.gif") no-repeat;}
#header h1 a { width: 187px; height: 91px;  display: block; color: #000; }
#header h1 a span { display: none; }
#header #contact_info, #header #user_info { position: absolute; right: 10px; bottom: 6px; text-align: right;}
#header #user_info strong { color: #009ee0; }

h2.seccion { background-color: #009ee0; color: #fff; font-weight: bold; font-size: 14px; line-height: 30px; padding: 0 0 0 19px; border: solid 1px #c6c4c5; margin: 0 0 20px 0; }

#menu_area {float: left; width: 189px;}
#menu, #menu ul { padding: 0; border-width: 1px 1px 0 1px; border-style: solid; border-color: #ccc; margin: 0; }
#menu {margin-bottom: 10px;}
#menu ul { border: none;}
#menu li { background: url("../imagenes/img/menu_bt_bg.gif") repeat-x top left; padding: 0; border-bottom: solid 1px #ccc; margin: 0;}
#menu li a { display: block; width: 169px; color: #000; font-weight: bold; font-size: 12px; line-height: 30px; padding: 0 0 0 20px; }
#menu li a:hover, #menu li a.active { color: #0183bb; text-decoration: none; }
#menu li ul li { background: none; border-bottom: none; border-top: solid 1px #f0f0f0;}
#menu li ul li:first-child, #menu li ul li.first-child { border-top: solid 1px #ccc;}
#menu li ul li a { width: 149px; font-size: 11px; font-weight: normal; line-height: 25px; padding: 0 0 0 40px;}
	
.login_form { background-color: #f6f7f6; font: 10px Verdana, Arial, sans-serif; border: solid 1px #cfc8c7; padding: 0 0 10px 0; margin: 0;}
.login_form h2 { background: #f1f2f1 url("../imagenes/img/login_title_bg.gif") repeat-x top; font-size: 11px; line-height: 29px; text-align: center; padding: 0; border-bottom: solid 1px #cFc8c7; margin: 0 0 9px 0;}
.login_form label { display: block; margin: 0 10px 5px 10px; }
.login_form label span { display: block; margin: 0 0 2px 0; }
.login_form #login_form_user, #login_form #login_form_pw { font-size: 10px; width: 167px; border: solid 1px #009ee0; }
.login_form .form_bt { display: block; width: 90px; margin: 8px auto 10px auto; }
.login_form #password_recovery { font: bold 11px Arial, Verdana, sans-serif; text-align: center; }
.login_form #password_recovery a { color: #0183bb; }

#content { width: 539px; margin: 0 0 0 207px; }

#footer { text-align: center; }
#footer_inner { background-color: #fff; margin: 0 0 10px 0; border-width: 0 1px 1px 1px; border-style: solid; border-color: #dbdbdb;}
#footer ul { list-style-type: none; padding: 0; margin: 0; }
#footer ul li { display: inline; color: #009ee0; line-height: 20px; padding: 0 5px; margin: 0; }
#footer ul li a { color: #009ee0; margin-right: 10px; }
#footer ul li a:hover { text-decoration: underline;}
#footer #legal_info { font-size: 9px; color: #c4c3c3; }
#footer #legal_info a { color: #c4c3c3; }

/* 2. Sections */

/* 2.1. Home */

#home #main_img { width: 537px; height: 329px; border: solid 1px #ccc; margin: 0 0 10px 0; }
#home #down_content { position: relative; padding: 0 0 10px 0; }
#home #down_content img { width: 90px; height: 60px; margin: 0 12px 0 10px; }
#home #down_content .rqa { position: absolute; right: 0; top: 0; width: 72px; }

/* 2.2 Static Content Pages */

#page #content {padding-bottom: 60px; min-height: 300px;}
#page #content p { padding: 0; margin: 0 0 15px 0; }
#page #content .col_left { float: left; width: 318px; padding: 0 10px; }
#page #content .col_right { width: 182px; padding: 0 9px; margin: 0 0 0 338px;}
#page #content .col_right_txt { width: 500px; padding: 0 9px; margin: 0 0 0 338px;}
#page #content .col_right img { width: 180px; border: solid 1px #009ee0;}

/* 2.3 Application */

#app #menu_area { float: none; width: auto; }
#app #menu { border-left: 0; }
#app #menu li { position: relative; float: left; display: block; width: 186px; }
#app #menu li:first-child, #app #menu li.first-child { width: 187px; }
#app #menu li a { border-left: solid 1px #ccc; }
#app #menu li:first-child a, #app #menu li.first-child a { }
#app #menu li ul { position: absolute; left: 0; top: 31px; z-index: 10; width: 185px; background-color: #fff; border-style: solid; border-width: 0 1px 1px 1px; border-color: #ccc;}
#app #menu li:first-child ul, #app #menu li.first-child ul { width: 186px; }
#app #menu li ul li { display: block;}
#app #menu li ul li:first-child, #app #menu li ul li.first-child { border-top: none;}
#app #menu li ul li a { display: inline; border-left: none;}
#app #content { width: 746px; clear: both; padding: 0 0 25px 0; margin: 0; }
#app .generic_list .addcart{ display: block; background: #f1f2f1 url("../imagenes/img/menu_bt_bg.gif") repeat-x top; font-size: 11px; font-weight: bold; height: 28px; line-height: 28px; border: solid 1px #ccc; cursor: pointer; text-align: center; color: black; }
#app .fotoprod{ width: 100px; height: 100px; border: 1px solid #C4C3C3; }
#app .fotodetail{ position: absolute; z-index: 99; border: 1px solid black; background: white; padding: 20px; margin: -70px 0 0 90px; }
#app .fotodetail img{ border: 1px solid #C4C3C3; }
#app img#borde{border: solid 1px #009ee0;}

/* 2.3.2 Tables */
#app table caption{text-align: left}
#app table {margin: 0 0 20px 0; font-size: 11px}
#app table th, #app table td { padding: 4px 10px; border: solid 1px #dcdcdc;}
#app table th { background-color: #ededed; color: #0184bb; padding-top: 5px; padding-bottom: 5px;}
#app table tr.odd td { background-color: #eaf5fa;}

/* 2.3.3 Forms */

#app form {padding: 0; margin: 0;}
#app input, #app textarea { padding: 2px 4px; border: solid 1px #dcdcdc;  }
#app select{ border: solid 1px #dcdcdc; }
#app form .controls { text-align: right; border: none; padding: 0; margin: 0; margin-bottom: 5px}
#app form .controls .form_bt { padding: 0 8px; margin: 0 10px; }
.controls { text-align: right; border: none; padding: 0; margin: 0; margin-bottom: 5px}
.controls .form_bt { padding: 0 8px; margin: 0 10px; }

/* 3. Utils */

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
.clearfix { display: block; }

.tac { text-align: center;}
.tar { text-align: right; }

.vistacarrito{ color: black; }