/* elementos básicos */
body {position:relative; margin:0; padding:0; background:#FFF url(../images/bg.jpg) top left repeat-x;}
#page div, #page ul, #page li, #page h1, #page h2, #page h3, #page h4, #page h5, #page h6, #page img, #page table, #page span {position:relative; overflow:hidden; margin:0; padding:0; float:none; border:none;}


#page {font:normal 11px/150% Helvetica, Arial, sans-serif; color:#333; line-height:17px}
#page p {}

/* elementos de Títulos */
#page h1, #page h2, #page h3, #page h4, #page h5, #page h6 {padding:0; line-height:normal;}

#page h1 {font-size:17px;}
#page h2 {font-size:16px;}
#page h3 {font-size:12px;}
#page h4 {color:#333;}
#page h5 {color:#333;}
#page h6 {color:#333;}

/* elementos de texto */
#page small {font-size:11px; color:#868686;}
#page b,#page strong{color:#7E3F00;}
#page em,#page i{/*cursiva*/}
#page u{ /*subrayado*/}
#page strike{ /*tachado*/}
#page hr {overflow:hidden; clear:both; height:1px; margin:10px 0 0 0; *margin:0; border:none; border-top:1px solid #dedece;}

/* política de enlaces */
#page a:link {color:#0F404D; text-decoration:underline;}
#page a:visited {color:#0F404D; text-decoration:underline;}
#page a:hover, #page a:active {text-decoration:none;}
#page a img {border:0;}

#page #container small a {}

/* listas */
#page ul {list-style:none;}
#page ul li, #page ol li {list-style:none; margin-bottom:10px;}
#page ol{list-style:none; margin:0; padding:0;}

/* formularios */
#page fieldset {margin:0; padding:0; border:none;}
#page fieldset legend{display:none;}
#page input {padding:5px; background-color:#FFF; border:1px solid #CCC; color:#333;}
#page select {height:25px; padding:4px; background-color:#eee; border:1px solid #CCC; font-size:12px; color:#333;}
#page textarea{height:100px; background-color:#EEE; border:1px solid #CCC; color:#333; }
#page textarea:focus, #page input:focus, #page select:focus {background-color:#FFFF99; color:#000;}
#page label {display:block; padding-top:10px; color:#333; font-size:11px;}


/********************** MAQUETACIÓN *******************************/

/* page */
#page {position:relative; max-width:1000px; min-width:780px; margin:0 auto;}
#page .wrap {margin:0 auto;}
#page .wrap .wrap {margin:0 auto;}
#page .wrap .wrap .wrap {margin:0;}


/* header */
#page #header {height:115px;}
#page #header_wrap {height:115px;}

/* logo*/
#page #header #logo {position:absolute; top:0; left:20px; padding:10px; width:400px;}
#page #header #logo .wrap {}
#page #header #logo #logo_img {float:left; margin:10px 10px 0 0;}
#page #header #logo #txt {}
#page #header #logo #txt h1 {color:#FFF; font-size:33px; font-weight:bold;}
#page #header #logo #txt #welcome {color:#E5E5E5; font-size:12px; font-weight:bold;}
#page #header #logo #img {display:none;}

/* shortcuts */
#page #header #shortcuts {margin:5px 20px 10px 20px; color:#293438; font-size:11px;}
#page #header #shortcuts .wrap {}
#page #header #shortcuts .links {float:right; display:inline; margin-top:3px;}
#page #header #shortcuts .links .separador {margin:0 4px; color:#293438;}
#page #header #shortcuts .links a {color:#293438; font-size:11px; text-decoration:none;}
#page #header #shortcuts h3 {float:right; display:inline; margin-right:20px; padding:5px; background-color:#293438; font-size:11px; font-weight:normal;}
#page #header #shortcuts h3 a{color:#FFF; text-decoration:none;}

/* search */
#page #search {height:84px; margin:0 20px; padding:10px 0;}
#page #search .wrap {}
#page #search #search_txt {float:left; display:inline;}
#page #search #search_txt h2 {margin-top:8px; font-size:22px; color:#FFF}

#page #search #search_form {float:right; display:inline; width:593px; height:76px; background:url(../images/bg_input_search.gif) top left no-repeat;}
#page #search #search_form input {width:505px; height:30px; margin:15px 0 0 15px; border:0; font-size:20px}
#page #search #search_form img {margin:0 0 5px -4px; *margin:-15px 0 5px -4px; vertical-align:middle;}

#page #search #search_advanced {position:absolute; top:40px; left:0; _left:-300px}
#page #search #search_advanced p {margin:0; font-size:12px; color:#FFF;}
#page #search #search_advanced a{display:block; margin:0; font-size:12px; font-weight:bold; color:#FFF; text-decoration:none;}




/* layer_nav */
#page #layer_nav {float:right; margin-right:20px; _margin-top:20px;}
#page #layer_nav .wrap {}
#page #layer_nav ul {display:inline; float:left; width:429px; margin:0; padding:7px 0 0 10px; background:url(../images/bg_layer_nav.gif) top left no-repeat;}
#page #layer_nav li {float:left; display:inline; height:32px; margin:0 10px 0 0;}
#page #layer_nav li a{display:inline; height:32px; line-height:32px; padding:7px 8px 0 5px; font-size:14px; color:#FFF; text-decoration:none; text-transform:uppercase;}
#page #layer_nav li a:hover{}
#page #layer_nav li.selected{padding:0 0 0 12px; background:url(../images/bg_li_selected.gif) top left no-repeat;}
#page #layer_nav li.selected a {padding-bottom:8px; background:url(../images/bg_li_selected_a.gif) top right no-repeat; color:#293438;}


/* destacado */
#page #destacado {display:none;}
#page #destacado_wrap {}
#page #destacado .mensaje {}
#page #destacado .mensaje  h3 {}
#page #destacado #img {}
#page #destacado .btn {}


/* container */
#page #container { margin:0 auto;padding:0 25px; background:url(../images/bg_content.jpg) top left repeat-x; _border:1px solid #FFF;}
#page #container #content{margin-top:20px;}

body.doscol #page #container #content {margin-right:285px;}
body.doscol #page #container #container_wrap {}

#page #container #content .untercio {float:left; display:inline; width:30%; margin-right:40px; padding-bottom:20px;}
#page #container #content .untercio h1 {margin-bottom:18px;}
#page #container #content .untercio h2 {margin-bottom:5px;}

#page #container #content .dostercios {float:left; display:inline; width:590px; margin-right:30px; padding-bottom:20px;}
#page #container #content .dostercios h1 {margin-bottom:18px;}

#page #container #content .medio {display:inline; width:47%; margin-right:30px; padding-bottom:30px;}
#page #container #content .last {margin-right:0;}

#page #container #content .floatleft{float:left; display:inline; width:48%; margin-bottom:10px;}
#page #container #content .floatright{float:right; display:inline; width:48%; margin-bottom:10px;}
#page #container #content .img-especial{float:left; display:inline; margin-right:5px; margin-bottom:10px}

#page #container #left {display:inline; float:right; width:280px; margin:20px 0 0 40px; text-align:center;}
#page #container #left .wrap {}
#page #container #left img{}

#page #container #content h1, #page #container #left h1{margin-bottom:20px; font-size:22px; font-weight:bold; color:#293438; border-bottom:#CBCAB8 solid 1px;}
#page #container #left h1{text-align:left;}

/*breadcrumb*/
#page #breadcrumb{margin-bottom:10px;}
#page #breadcrumb a{margin:0 5px;}


/* footer */
#page #footer {padding:20px; background-color:#293438; border-top:1px solid #C3BB8C; font-size:11px; color:#FFF;}
#page #footer hr {}
#page #footer #menufooter {}
#page #footer a {color:#94916E}
#page #footer #subfooter{width:100%;}
#page #footer #subfooter #logofooter {display:inline; float:left;}
#page #footer #subfooter #logofooter #logo {}
/*#page #footer #subfooter #powered {display:inline; float:right;}*/
#page #footer #subfooter #company {}


/** categorías **/
#page #left ul.categorias {padding:0; margin:0; list-style:none;}
#page #left ul.categorias li{line-height:20px; text-align:left;}
#page #left ul.categorias li a{padding:6px 10px 5px 18px;text-decoration:none;background:url(../images/bullet.png) left 5px no-repeat;}
#page #left ul.categorias li a:hover{text-decoration:underline;}

#page #left ul.second_level {}
#page #left ul.second_level li{font-size:11px; margin-bottom:5px;}
#page #left ul.second_level li a{font-weight:normal; text-decoration:none; font-size:11px;margin:0 15px 0 15px;padding:5px 15px 0 15px;text-decoration:none;background:url(../images/bullet_mini.png) left 5px no-repeat;}
#page #left ul.second_level li a:hover{text-decoration:none;}

#page #left ul.third_level{}
#page #left ul.third_level li{margin:0 15px 5px 6px; border:none;}
#page #left ul.third_level li a{font-weight:normal;text-decoration:underline; display:block;background:url(../images/bullet_mini2.png) left 5px no-repeat;}
#page #left ul.third_level li a:hover{}

#page #left ul li.last{border-bottom:none;}


/*suscribirse*/
#page #suscribir {width:98%; height:80px; margin:20px 0; padding:10px; background:url(../images/bg_suscripcion.jpg) top left repeat-x; border:#CBCAB8 solid 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#page #suscribir .wrap {}
#page #suscribir img{display:none;}

#page #suscribir #suscribir_form {float:right; display:inline; margin:10px 0 0 0;}
#page #suscribir #suscribir_form fieldset{float:left; display:inline;}
#page #suscribir #suscribir_form input{width:255px;}
#page #suscribir .boton{float:left; display:inline; margin-left:10px;}
#page #suscribir .boton .btn{background:url(../images/btn_l_susc.gif) top left no-repeat;}
#page #suscribir .boton .btn a{background:url(../images/btn_r_susc.gif) top right no-repeat; color:#FFF;}

#page #suscribir #suscribir_txt h1 {font-size:18px; color:#FFF;}
#page #suscribir #suscribir_txt p{margin:5px 0 0 5px; color:#FFF;}
#page #suscribir #suscribir_txt {float:left;}


/*fin*/
#page #content p.fin {margin:10px 0 20px 0; padding:5px 5px 5px 30px; background:#FFF url(../images/bullet.gif) 10px 8px no-repeat; border:1px solid #CBCAB8;  -moz-border-radius: 5px; -webkit-border-radius: 5px; font-size:11px;}
#page #content p.fin a {text-decoration:none; font-size:11px; color:#295966;}

/* btn */
#page .btn {background:url(../images/btn_left.gif) 0 0 no-repeat; font-size:11px; margin:5px 0 5px 0; padding:0 5px; height:25px; float:left;}
#page .btn a {background:url(../images/btn_right.gif) right 0 no-repeat; padding:4px 10px 5px 5px; color:#FFF; font-weight:bold; display:block; text-decoration:none;}
#page .btn a:visited {color:#FFF; text-decoration:none;}
#page .btn a:hover {text-decoration:underline;}

#page .nobtn {background:none; padding:5px; float:right;}
#page .nobtn a {background:none; color:#04709F; font-size:12px; text-decoration:underline; padding:0; width:100%;}
#page .nobtn a:visited {color:#04709F; text-decoration:underline;}
#page .nobtn a:hover {color:#FF6600;}

/** carrito **/
#page #carrito{display:inline-block; margin-bottom:20px;}
#page #carrito_wrap {background: #CCC; padding:7px 0 5px 7px; border-bottom:5px solid #7E3F00}
#page #carrito a{text-decoration:none}
#page #carrito h1 {margin-bottom:2px}
#page #carrito form {padding:0; margin:0}
#page #carrito #carro_vacio{margin:5px -7px 0;padding:0 7px 10px; font-size:9px; color:#eee; font-weight:bold;}

#page #carrito table {font-size:10px; font-weight:bold; margin:0 5px 10px 0;}
#page #carrito table td {vertical-align:top; border-bottom:1px solid #BBB}
#page #carrito table td {padding:4px 3px}
#page #carrito table .cantidad {width:25px}
#page #carrito table .titulo {width:115px; line-height:130%}
#page #carrito table .precio {width:47px}
#page #carrito table .img {width:16px}
#page #carrito table input{width:13px; height:13px; font-size:10px;}

#page #carrito #totalCompra{text-align:right; margin-right:5px; font-weight:bold;}
#page #carrito #actualizarPedido{background: url(img/neutral/boton_naranja.gif) no-repeat; padding:3px 0 3px 10px;}
#page #carrito .btn {float:right}


/*mensajes*/
#page .msgBox {margin-bottom:20px; padding:15px;  background:#FFFFCC; border:1px solid #CCC;}
#page .msgBox p {margin-top:5px}
#page .msgChart {background:#FFFFCC url(../images/ico_chart.gif) 15px 12px no-repeat; padding-left:63px;}
#page .msgEdit {background:#FFFFCC url(../images/ico_edit.gif) 15px 12px no-repeat; padding-left:50px;}


/*****/
#page #container .bulletList li {background:url(../images/ico_bullet.gif) 0 6px no-repeat; padding-left:15px; font-weight:bold; font-size:90%; margin-bottom:5px 0}
#page #left .corpo {margin-bottom:20px; text-align:left;}
#page #left .corpo p {margin:5px 0 0 0; text-align:left;}


/*auxiliares*/
#page img.left {float:left; padding:0px 10px 20px 0;}
#page img.right {float:right; padding:0px 0px 20px 15px;}
#page .cleaner {clear:both; height:1px; font-size:1px; border:none; margin:0; padding:0; background:transparent;}
#page .cleanerBackground {clear:both; height:10px; font-size:1px; border:none; margin:0; padding:0; background:url(../images/img_separador.jpg) center bottom no-repeat;}
#page .backcolor {}
#page .backcolor1 {background-color:#FFF; border:#CBCAB8 solid 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#page .backcolor2 {}
#page .backcolor3 {background-color:#7E3F00; color:#FFF}
#page .lessColor {color:#666;}
#page .moreColor {color:#333;}
#page .defaultColor {color:#333;} /*NEW*/
#page .noborder {border-bottom:none; text-align:left;}
#page .borderDotted {}
#page .bigBorder {border-bottom:5px solid #999;}
#page .thinBorder {border-bottom:1px solid #BBB;}


/* paginacion */
#page .paginacion {overflow:hidden; position:relative; height:30px; margin:1.5em auto 1.5em auto; padding: 5px 0 0 12px; border:1px solid #293438;  -moz-border-radius: 5px; -webkit-border-radius: 5px; font-size:11px; background-color:#293438;}
#page .paginacion p {position:relative; float:right; display:inline; margin:0; padding:2px 22px 2px 5px; text-align:right; color:#FFF; font-weight:bold;}
#page .paginacion p a:link, #page .paginacion p a:visited, #page .paginacion p a:hover, #page .paginacion p a:active {padding:2px 5px; text-decoration:none; color:#FFF; font-size:11px}
#page .paginacion p a:hover {background:#630500; color:#ffffff}
#page .paginacion p span {padding:2px 5px; text-decoration:none; background-color:#FFF; color:#293438;}
#page .paginacion h5 {float:left; display:inline; margin:3px; border:none; font-size:11px; color:#FFF;}


/* lightbox */
#light, #lightE {position:absolute; width:100%; text-align:center;  z-index:1002;margin:0 auto;}
#msg, #div_shop_add_msg, #div_shop_add_msg_e { width:40%;margin:20px auto; border:4px solid #525252;font:normal 12px/150% Arial, Helvetica, sans-serif; color:#333333; line-height:14px; background-color:white; z-index:1003;}
#div_shop_add_alert{ margin:20px auto; border:4px solid #525252;font:normal 12px/150% Arial, Helvetica, sans-serif; color:#333333; line-height:14px; background-color:white; z-index:1003;line-height:1.4em;overflow:auto;text-align:left;}
.black_overlay {background-color:#000000; display:none; height:100%; _height:3000px; left:0%; opacity:0.8; filter: alpha(opacity=80); overflow:hidden; position:absolute; top:0%; width:100%; z-index:1001; }
/*.white_content {background-color:white; border:4px solid #000000; display:none; left:25%; overflow:auto; padding:16px; position:absolute; top:25%; width:45%; z-index:1002; }
*/
#light .border_top, #lightE .border_top {background-color:#E8E8E8; height:27px;}
#light .close, #lightE .close {float:right; margin-bottom:1px; padding:5px 10px 5px 0pt; text-align:right;}

#contenido, #contenido_carro {clear:both; line-height:1.4em; overflow:auto; padding:10px 15px 15px; text-align:left;}
#contenido h1, #contenido_carro h1{font-size:16px; padding:0;color:#342920;line-height:normal; border-bottom:#E5E5E5 solid 1px;}
#contenido p, #contenido_carro p{margin:0 0 20px 0;}

#contenido ul.list{float:left; margin:0; list-style:none; padding:0;}
#contenido ul.list li{margin:0 0 10px 0; list-style:none;}
#contenido ul.list li input{vertical-align:middle; margin:0 10px 0 0;}

/* btn */
#light .btn, #lightE .btn {background:url(../images/btn_left.gif) 0 0 no-repeat;font-size:11px;margin:5px 0 5px 0;padding:0 5px;height:25px;float:right;}
#light .btn a, #lightE .btn a {background:url(../images/btn_right.gif) right 0 no-repeat;padding:4px 10px 5px 5px; color:#FFF; font-weight:bold; font-size:14px;display:block;text-decoration:none;}
#light .btn a:visited, #lightE .btn a:visited {color:#FFF;text-decoration:none;}
#light .btn a:hover, #lightE .btn a:hover {text-decoration:none;}

a:hover, a:active {color:#001D3B; text-decoration:underline;}
a:link {color:#001D3B; text-decoration:underline;}
/* FIN lightbox */