/* elementos básicos */
body {position:relative;margin:0;padding:0; background:#FFF}
#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 12px/150% Arial, Helvetica, sans-serif; color:#333;line-height:17px}
#page p {position:relative;overflow:hidden;margin:0;padding:0 0 5px 0;float:none;border:none;}

/* elementos de Títulos */
#page h1, #page h2, #page h3, #page h4, #page h5, #page h6 {padding:0;line-height:normal;font-weight:bold;}

#page h1 {font-size:17px;border-bottom:1px solid #CCC;margin:0 0 10px 0;color:#333; font-weight:bold;}
#page h2 {font-size:14px;border-bottom:1px solid #CCC;margin:0 0 10px 0;color:#333; font-weight:bold;} 
#page h3 {font-size:14px;color:#333; font-weight:normal}
#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:#333;}
#page em,#page i{/*cursiva*/}
#page u{ /*subrayado*/}
#page strike{ /*tachado*/}
#page hr {overflow:hidden;clear:both;height:1px;border:none;border-top:1px solid #dedece;margin:10px 0 0 0;}

/* política de enlaces */
#page a:link {font-weight:bold;text-decoration:underline;color:#0066CC; }
#page a:visited {font-weight:bold;text-decoration:underline;color:#0066CC;}
#page a:hover, #page a:active {text-decoration:underline;color:#333;}
#page a img {border:0;}
#page #container small a {color:#999; font-weight:normal}

/* listas */
#page ul {list-style:none;}
#page ul li {list-style:none;margin-bottom:10px;}

/* formularios */
#page fieldset {border:none; margin:0; padding:0;}
#page input {background-color:#FFF; border:1px solid #CCC; color:#333; padding:5px;} 
#page select {height:25px; background-color:#FFF; border:1px solid #CCC; padding:4px; font-size:12px; color:#333;} 
#page textarea{height:100px; border:1px solid #CCC; border:1px solid #CCC; color:#333; background-color:#FFF; overflow:auto;} 
#page textarea:focus, #page input:focus, #page select:focus {background-color:#FFF; color:#000;} 
#page label {color:#333; font-size:11px; display:block; padding-top:10px;}


/********************** MAQUETACIÓN *******************************/

/* page */
#page {width:100%; background:url(../images/bg_container.jpg) top center no-repeat;}
#page .wrap {width:900px; margin:0 auto;}
#page .wrap .wrap {width:auto; margin:0 auto;}
#page .wrap .wrap .wrap {width:auto; margin:0;}


/* header */
#page #header {height:139px;}
#page #header_wrap {height:139px; width:900px;}

/* logo*/
#page #header #logo {position:absolute; top:35px;}
#page #header #logo .wrap {position:relative;}
/*#page #header #logo #logo_img{float:left; margin-right:20px;}*/
#page #header #logo #txt{float:left; display:none;}
#page #header #logo #txt #welcome {color:#999;font-size:13px;font-weight:bold;}
#page #header #logo #txt h1 {color:#FFF;font-size:34px; border-bottom:none; font-weight:normal;}
#page #header #logo #img {margin-top:35px; display:none}

/* shortcuts */
#page #header #shortcuts {float:left; color:#807E6B; font-size:11px; padding-top:10px;}
#page #header #shortcuts .wrap {width:900px;}
#page #header #shortcuts a {color:#333; font-weight:normal; text-decoration:none}
#page #header #shortcuts .separador {margin:0 4px}
#page #header #shortcuts .links {float:left;}
#page #header #shortcuts h3 {float:right; font-size:100%; top:1px}
#page #header #shortcuts h3 a {color:#333; font-weight:bold;}

/* search */
#page #search {top:30px; width:240px; z-index:10;}
#page #search .wrap {width:240px;}
#page #search #search_form {width:250px;}
#page #search #search_form input {width:195px; height:20px; padding:3px; background-color:#FFFFCC; border:#CCC solid 1px; color:#666; float:left;}
#page #search #search_form img {top:-1px; *top:-3px;}
#page #search .backcolor {background-color:transparent!important;}

#page #search #search_txt {}
#page #search #search_txt h2 {}
#page #search #search_advanced {float:left;font-size:10px;margin-left:100px;}
#page #search #search_advanced p {display:none;}



/* destacado */
#page #destacado {display:none;}
#page #destacado_wrap {width:900px;}
#page #destacado .mensaje {float:right;text-align:left;width:446px;}
#page #destacado .mensaje h2 {color:#FFFFFF;float:right;font-size:14px;font-weight:bold;width:84%;}
#page #destacado .mensaje p {color:#FFCC00;float:left;text-align:right;width:71%;}
#page #destacado .mensaje p strong{color:#FFF;}
#page #destacado .img {display:none; float:right; width:142px;}
#page #destacado .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;top:-20px; left:25px}
#page #destacado .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;}
#page #destacado .btn a:visited {color:#FFF;text-decoration:none;}
#page #destacado .btn a:hover {text-decoration:underline;}


.interior #destacado {height:30px; background:none;}
.interior #destacado #destacado_wrap {height:30px; background:none;}

/*breadcrumb*/
#page #breadcrumb{margin-bottom:10px;}
#page #breadcrumb a{margin:0 5px;}



/* layer_nav */
#page #layer_nav {top:84px; height:30px; overflow:visible;}
#page #layer_nav_wrap {overflow:visible;} 
#page #layer_nav ul {position:relative;float:right;padding:4px;list-style: none; overflow:visible; height:20px}
#page #layer_nav li {margin-right:5px;padding:8px 15px 10px 15px;display:inline;text-align:center;background-color:#333;}
#page #layer_nav li a{text-decoration:none; font-size:18px;color:#FFF; font-weight:normal}
#page #layer_nav li.selected{background-color:#FFF;}
#page #layer_nav li.selected a {color:#0066CC;text-decoration:none;}
#page #layer_nav li.selected a:hover{color:#000;}
#page #layer_nav li a:hover{color:#E5E5E5;}


/* suscripcion ok */
#body_suscripcion_ok #page #container {width:900px; margin:-75px auto 0 auto; padding-top:20px;}
#body_suscripcion_ok #page #container #container_wrap {}
#body_suscripcion_ok #page #container #content {display:inline; float:left; width:600px; margin:0 0 0 40px; z-index:30;}

#body_suscripcion_delete_ok #page #container {width:900px; margin:-75px auto 0 auto; padding-top:20px;}
#body_suscripcion_delete_ok #page #container #container_wrap {}
#body_suscripcion_delete_ok #page #container #content {display:inline; float:left; width:600px; margin:0 0 0 40px; z-index:30;}

#page #container #content #suscripcion_ok {margin: 0 0 0 0;}


/* container */
#page #container {width:900px; margin:0 auto; padding-top:20px;}
body.doscol #page #container {width:900px; margin:-75px auto 0 auto; padding-top:20px;}
#page #container #container_wrap {}
body.doscol #page #container #container_wrap {}

body.doscol #page #container #content {display:inline; float:left; width:600px; margin:0 0 0 40px; z-index:30;}
/*body.doscol #page #container #container_wrap {background: url(../images/fnd_right.png) repeat-y;}*/


/* login */
#page #container #content #prodDestacado_wrap {margin: 0 0 0 -30px;}

#page #container #content .untercio {float:left;width:272px;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;width:590px; margin-right:30px;padding-bottom:20px;}
#page #container #content .dostercios h1 {margin-bottom:18px;}

#page #container #content .unmedio {float:left;width:410px;margin-right:40px;padding-bottom:20px;}
#page #container #content .last {margin-right:0;}

#page #container #content .floatleft{float:left;width:49%; margin-bottom:10px;}
#page #container #content .floatright{float:right;width:49%;margin-bottom:10px;}
#page #container #content .img-especial{float:left;margin-right:5px;margin-bottom:10px}

#page #container #left {float:left; margin:50px 0 0; padding:50px 10px 10px; width:240px; _width:220px;}
#page #container #left .wrap {padding:0; width:auto;}

/*breadcrumb*/
#page #breadcrumb{margin-bottom:10px;}
#page #breadcrumb a{margin:0 5px;}

/* footer */
#page #footer {background-color:#FFF; padding-top:5px; margin:20px auto 0 auto;}
#page #footer .wrap{width:900px;}
#page #footer hr {height:5px}
#page #footer a {color:#999;}
#page #footer #subfooter{height:20px; padding-top:10px; border-top:4px solid #504E49}
#page #footer #subfooter #logofooter {float:left;color:#999;margin-top:-5px}
#page #footer #subfooter #logofooter .logo {font-weight:bold;}
#page #footer #subfooter #powered {float:right; margin-top:-5px;color:#999;font-size:11px}
#page #footer #subfooter #company {font-weight:bold;}

/** categorías **/
#page #left ul.categorias {padding:0;margin:0;list-style:none; margin:0}
#page #left ul.categorias li{border-bottom:1px dotted #BBB;  text-align:left; background: url(../images/ico_bullet.gif) top left no-repeat; padding:0 10px 0 0}
#page #left ul.categorias li a{padding:0 0 20px 25px; text-decoration:none; font-weight:normal}
#page #left ul.categorias li a:hover{color:#FF9900; text-decoration:underline;}

#page #left ul.second_level ul{}
#page #left ul.second_level li{border-bottom:#E5E5E5 dashed 1px;font-size:11px; margin:5px 0 5px 5px; padding:0; background:url(../images/bullet_blue.gif) 10px 6px no-repeat;}
#page #left ul.second_level li a{font-weight:normal;color:#242D3A;text-decoration:none;}
#page #left ul.second_level li a:hover{color:#7E3F00;text-decoration:none;}

#page #left ul.third_level ul{}
#page #left ul.third_level li{margin:0 20px 5px 0; border:none;background:none;}
#page #left ul.third_level li a{font-weight:normal; color:#666;margin:0 0 0 0;text-decoration:underline; background:none; padding:0 0 0 35px; display:block}
#page #left ul.second_level li a:hover{color:#7E3F00;}  


/*suscribirse*/
#page #suscribir {background: url(../images/bg_container.jpg)  bottom center repeat-y; padding-top:20px;}
#page #suscribir .wrap {height:90px; width:570px;padding:10px; border-bottom:#333 solid 5px; background-color:#DDD;left:130px;}
#page #suscribir #suscribir_form {position:absolute;right:9px; width:205px;}
#page #suscribir #suscribir_form label {display:none;}
#page #suscribir #suscribir_form input.medio {width:190px;float:left;margin:6px 10px 0 0; text-align:right;  background-color:#FFF}
#page #suscribir #suscribir_form img {margin:5px 0 0 10px;}
#page #suscribir #suscribir_txt h1 span{color:#333;}
#page #suscribir #suscribir_txt h1 {margin:0; padding:0; border:none;color:#333;font-size:14px;}
#page #suscribir img.suscribir {top:-25px; left:15px; position:absolute;display:none;}
#page #suscribir #suscribir_txt {text-align:left;color:#666;width:375px;float:left;margin-left:5px;}
#page #suscribir .boton{float:right;}
#page #suscribir h1 {color:#FFF}

/*fin*/
#page #content p.fin {margin:10px 0; padding:3px 5px 5px 30px; font-weight:bold; font-size:11px; background-color:#DDD; border-top:#CCC solid 1px;}
#page #left p.fin {margin:10px 0; height:20px; padding:3px 5px 2px 17px; font-weight:bold; font-size:11px; background-color:#CCC; }
#page p.fin a {text-decoration:none; font-size:11px;}

/* btn */
#page .btn {background:url(../images/btn_blue_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_blue_right.gif) right 0 no-repeat;padding:3px 10px 5px 5px; color:#FFF; font-weight:bold; font-size:14px;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{margin-bottom:20px;display:inline-block;}
#page #carrito_wrap {background: #CCC; padding:7px 0 5px 7px; border-bottom:5px solid #000}
#page #carrito a{text-decoration:none; font-family:Arial, Helvetica, sans-serif}
#page #carrito h1 {margin-bottom:2px}
#page #carrito form {padding:0; margin:0; font-family:Arial, Helvetica, sans-serif}
#page #carrito #carro_vacio{margin:5px -7px 0;padding:0 7px 10px; font-size:9px;color:#eee;font-weight:bold;}
#page #carrito .btn a { font-family:inherit; font-size:100%}

#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:100px; line-height:130%}
#page #carrito table .precio {width:62px}
#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 { border:1px solid #CCC; padding:15px; margin-bottom:20px; background:#FFFFCC; width:525px;}
#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 1px no-repeat; padding-left:24px; font-weight:bold; font-size:90%; margin-bottom:5px}
#page #left .corpo {margin-bottom:20px}
#page #left .corpo p {margin:5px 0 0 0}


/*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:5px;font-size:1px;border:none;margin:0;padding:0; background:url(../images/img_separador.png) center bottom no-repeat;}
#page .backcolor {background-color:#E2E3DD;} 
#page .backcolor1 {background-color:#DDD;}
#page .backcolor2 {background-color:#FFF; border-top:1px solid #CCC; border-bottom:1px solid #CCC} 
#page .backcolor3 {background-color: #333333; color:#FFF}
#page .lessColor {color:#666;}
#page .moreColor {color:#333;}
#page .defaultColor {color:#333;} /*NEW*/
#page .noborder {border-bottom:none}
#page .borderDotted {border-bottom:2px dotted #DDD;}
#page .bigBorder {border-bottom:5px solid #999;}
#page .thinBorder {border-bottom:1px solid #BBB;}




/* paginacion */
#page .paginacion {background:#E5E5E5; color:#666; padding: 5px 0 0 12px;  margin: 1.5em auto 1.5em auto; overflow: hidden; position: relative; height:25px; width:600px; float:left;}
#page .paginacion * {margin:0}
#page .paginacion p {position:relative;	text-align:right; color:#666; font-weight:bold; float:right; padding:2px 50px 2px 5px; font-size:11px}
#page .paginacion p a:link, #page .paginacion p a:visited, #page .paginacion p a:hover, #page .paginacion p a:active {text-decoration:none;
color:#0066CC; padding:2px 5px;font-size:11px}
#page .paginacion p a:hover {background: #990000;color:#ffffff}
#page .paginacion p span {text-decoration:none;background-color:#0066CC; padding:2px 5px;color:#FFF;}
#page .paginacion h5 {margin:3px; border:none; font-size:11px; float:left; color:#666;}




/* lightbox */
#light, #lightE {position:absolute; width:100%; text-align:center;  z-index:1002;}
#msg, #div_shop_add_msg, #div_shop_add_msg_e{width:600px; 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{width:600px; 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_blue_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_blue_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:underline;}

a:hover, a:active {color:#001D3B; text-decoration:underline;}
a:link {color:#001D3B; text-decoration:underline;}
/* FIN lightbox */