/**
 * NOMBRE DEL THEME: Template S20
 * DESCRIPCION: MasterPage con header, botonera, menu izquierdo, contenido y footer
 * VERSION: 1.0
 * AUTOR: Nacho Biencinto
 * TIPOGRAFIAS: Tahoma, Arial, Helvetica, sans-serif
**/

/***** Clases globales *****/  
body, img{margin:0; padding:0;}
body{font: normal 100% Tahoma, Arial, Helvetica, sans-serif;}
a:link, a:visited, a:hover, a:active {text-decoration: none;}
ul, ul li, p, img, h1, h2, h3, input{padding:0px; margin:0px;}
h1, h2, h3{font-family:helvetica, Arial}
ul li{list-style:none; padding-top:0px; margin:0px;} 
br.clear{clear:both;}

/***** Etructuras *****/
div#content{width:959px; background:url(../imagenes/estructura/content_bg_y.png) repeat-y; text-align:center; overflow:auto;}
div#body_end{width:959px; height:10px; margin:auto; background-color:#FC3; clear:both; background:url(../../B20/imagenes/masterpage/body/body_end_bg.jpg) no-repeat;}

/***** Elementos especiales *****/
div.ALERT_cesta{height:30px; font-size:11px; position:absolute; margin-left:-50px; margin-top:-15px; z-index:30; display:none;}
div.ALERT_cesta div.start{width:4px; height:30px; background:url(../imagenes/elementos/alert_bg_start.png) no-repeat; float:left;}
div.ALERT_cesta div.end{width:4px; height:30px; background:url(../imagenes/elementos/alert_bg_end.png) no-repeat; float:left;}
div.ALERT_cesta ul{height:30px; float:left; background:url(../imagenes/elementos/alert_bg_x.png) repeat-x;}
div.ALERT_cesta ul li{float:left; height:30px; background:url(../imagenes/elementos/alert_bg_central.png) center no-repeat;}
div.ALERT_cesta ul li img.img{float:left; margin-top:5px; margin-left:5px;}
div.ALERT_cesta ul li span{line-height:20px; margin-left:5px; margin-right:10px; color:#093; float:left;}
div.ALERT_cesta ul li a.separador{width:1px; height:20px; float:left; background:#cacaca; margin-right:5px; margin-top:1px;}
div.ALERT_cesta ul li a.cesta{width:16px; height:14px; float:left; background:url(../imagenes/elementos/cesta_btn.png) no-repeat; margin-top:5px; margin-right:5px; cursor:pointer;}
div.ALERT_cesta ul li a.cesta:hover{background-position:0 -14px;}

/****************************************************************************************/

/***** HEADER *****/

/****************************************************************************************/

/**********************************************/
/***** Para modificar el alto del Header: *****/
/**********************************************/
/*
- Modificar el Height de la etiqueta header
- Modificar el margin-top de las imagenes del header
- Modificar el line-height de los span del header
- Modificar el alto de los divs del Login y sus padding-top
*/
div#header{width:959px; height:90px;}

/* Logo */
div#header div#header_logo{width:530px; height:100%; text-align:left; float:left;}
div#header div#header_logo img{margin-top:17px; margin-left:15px; margin-right:15px;}
div#header div#header_logo h2{font-size:150%; color:#c8c8c8; font-style:italic; line-height:90px;}

/* Cesta */
div#header div#header_cesta{width:159px; height:100%; text-align:left; float:left;}
div#header div#header_cesta img{margin-top:38px; margin-right:5px;}
div#header div#header_cesta span{font-size:13px; line-height:90px;}
div#header div#header_cesta a{font-size:13px;}
div#header span.headergris_txt{color:#c8c8c8;}

/* Login */
div.header_login{width:270px; height:100%; font-size:12px; float:left;}
div.header_login div.inputs{width:225px; height:45px; text-align:left; padding-top:15px; float:left;}
div.header_login div.inputs a.usuario{width:140px; height:20px; float:left; background:url(../imagenes/elementos/userlogin_bg.jpg) no-repeat;}
div#header div.header_login div.inputs a.pass{width:140px; height:20px; float:left; background:url(../imagenes/elementos/passlogin_bg.jpg) no-repeat; margin-top:4px;}
div.header_login div.inputs span{width:75px; margin-top:3px; float:left;}
div.header_login div.inputs input{width:110px; margin-left:25px; margin-top:4px; font-size:11px; border:none; background:none;}

div.header_login div.validate{width:45px; height:46px; float:left;}
div.header_login div.validate a.entrar{width:40px; height:44px; float:left; background:url(../imagenes/elementos/entrarlogin_btn.png) no-repeat; cursor:pointer; margin-top:15px;}
div.header_login div.validate a.entrar:hover{background-position:0 -44px;}

div.header_login div.options{width:250px; height:20px; text-align:left; padding-top:5px; clear:both;}
div.header_login div.options input{margin-right:5px;}
div.header_login div.options a#header_recuperar_pass{ margin-left:20px;}

div.recuperarpass{width:220px; height:85px; position:absolute; background:url(../imagenes/elementos/recuperarpass_bg.png) no-repeat; margin-left:40px; z-index:30; padding-top:15px; display:none;}
div.recuperarpass div.introducir{font-size:11px; text-align:center; color:#464646;}
div.recuperarpass div.introducir a{width:185px; height:20px; float:left; background:url(../imagenes/elementos/recuperarpass_input_bg.jpg) no-repeat; margin-left:17px; margin-top:10px;}
div.recuperarpass div.introducir input.input{background:none; border:none; font-size:12px; padding-top:2px;}
div.recuperarpass div.introducir input.enviar{width:80px; margin-top:7px;}

div.recuperarpass div.correcto{margin-top:5px; display:none;}
div.recuperarpass div.correcto ul li{height:20px;}

/* Login - Logeado */
div.header_logeado{width:270px; height:100%; font-size:12px;text-align:center; float:left; display:none;}
div.header_logeado div.bienvenida{color:#c8c8c8; margin-top:25px;}
div.header_logeado div.bienvenida strong{color:#fff;}

div.header_logeado div.botones{margin-top:15px; margin-left:30px;}
div.header_logeado div.botones a.perfil{width:80px; height:21px; float:left; background:url(../imagenes/elementos/miperfil_logeado_btn.png) no-repeat; cursor:pointer;}
div.header_logeado div.botones a.salir{width:110px; height:21px; float:left; background:url(../imagenes/elementos/salir_logeado_btn.png) no-repeat; cursor:pointer; margin-left:10px;}
div.header_logeado div.botones a:hover{background-position:0 -21px;}

/* Botonera */
div#botonera div.botones{width:622px; height:35px; float:left;}
div#botonera ul{margin-left:8px; font-size:13px; line-height:35px;}
div#botonera ul li{float:left;}

div#botonera div.buscador{width:337px; height:35px; float:left;}
div#botonera div.buscador a.buscador{width:210px; height:22px; float:left; background:url(../imagenes/estructura/buscador_input_bg.png) no-repeat; margin-top:6px; margin-left:15px; margin-right:10px;}
div#botonera div.buscador input{width:175px; margin-top:3px; margin-left:25px; background:none; border:none;}

div#botonera_line{height:1px; background:#e70028; width:943px;}

/****************************************************************************************/

/***** BODY *****/

/****************************************************************************************/

div#body{width:943px; text-align:left; margin:auto;}

/***** Menu *****/
div#body div.menuizq{width:162px; text-align:left; border-right:solid 1px #d5d5d5; float:left;} 

div.menu_title span{line-height:25px; font-size:12px; color:#fff; font-weight:bold;}

/* Categorias y Subcategorias */
div.M_catysubcat{margin-left:5px; font-size:12px;}
div.M_catysubcat ul li{float:left}
div.M_catysubcat ul li.cat{width:157px; height:24px; background:url(../imagenes/menu/menu_categorias_bg.jpg) no-repeat; border-bottom:solid 1px #dcdcdc;}
div.M_catysubcat ul li.cat a{margin-left:17px; line-height:24px; cursor:pointer}
div.M_catysubcat ul li.cat a:hover{color:#ff7a1b; margin-left:20px;}

div.M_catysubcat ul li ul.subcat{border-top:solid 1px #d5d5d5; position:absolute; background:#ededed; padding:10px; padding-bottom:15px; margin-top:24px; border-right:solid 1px #dcdcdc; border-bottom:solid 1px #dcdcdc; margin-left:2px; display:none}
div.M_catysubcat ul li ul.subcat li{margin-top:5px; margin-left:5px; margin-right:5px; clear:both;}
div.M_catysubcat ul li ul.subcat li a{cursor:pointer;}
div.M_catysubcat ul li ul.subcat li a:hover{color:#ff7a1b;}

/***** ContentPlace *****/
div#body div#contentplace{width:780px; float:left;}

/***** ContentPlace Globales *****/
div#body div.Pagecontent{width:780px;}
div#body div.Pagecontent div.Pagelegales{width:730px; padding:20px; padding-right:30px; font-size:12px; text-align:justify;}

div.Pagecontent div.header img.logo{margin-right:20px;}

div.Pagecontent div.contenido{width:720px; margin-left:30px; margin-top:10px; padding-top:10px; border-top:solid 2px #d5d5d5; text-align:justify;}
div.Pagecontent div.contenido p.title{font-size:13px; color:#000; font-weight:bold}
div.Pagecontent div.contenido p.text{font-size:11px; color:#646464;}
div.Pagecontent div.header p.textblack{font-size:11px; color:#000;}
div.Pagecontent div.contenido span.title{font-size:13px; font-weight:bold; color:#000; margin-left:10px;}
div.Pagecontent div.forms span.titleborderbottom{width:680px; color:#000; font-size:13px; font-weight:bold; border-bottom:solid 1px #000; padding-bottom:5px; float:left;}

div.Pagecontent div.forms{width:720px; margin-left:30px; margin-top:10px; padding-top:10px;}
div.Pagecontent div.forms ul.ul_table{margin-top:10px; font-size:12px; color:#646464;}
div.Pagecontent div.forms ul.ul_table li{height:28px;}
div.Pagecontent div.forms ul.ul_table li.marginleft{height:28px; margin-left:30px;}
div.Pagecontent div.forms ul.ul_table li.cesta{height:38px;}
div.Pagecontent div.forms ul.ul_table span.text{float:left; width:130px; line-height:20px;}
div.Pagecontent div.forms ul.ul_table span.text_nowidth{float:left; line-height:20px;}
div.Pagecontent div.forms ul.ul_table span.pvpcesta{float:left; line-height:20px; color:#F00; font-weight:bold;}
div.Pagecontent div.forms ul.ul_table input.normal{float:left; width:200px; height:18px; padding-left:3px;}
div.Pagecontent div.forms ul.ul_table input.radio{float:left; height:22px; margin-right:5px;}
div.Pagecontent div.forms ul.ul_table input.boton{float:left; height:26px; margin-right:5px; padding-left:10px; padding-right:10px;}
div.Pagecontent div.forms ul.ul_table img.forms_img{float:left; margin-right:5px;}

/***** ***** QUIENES SOMOS ***** *****/
div.Pagecontent div.header img.title_quienesomos{margin-top:15px; margin-bottom:10px;}

/***** ***** CONTACTO ***** *****/
div.Pagecontent div.contenido div#infogeneral{width:230px; height:200px; text-align:left; float:left; margin-left:10px;}
div.Pagecontent div.contenido div#soportetecnico{width:180px; height:200px; text-align:left; float:left;}
div.Pagecontent div.contenido div#soporteweb{width:230px; height:200px; text-align:left; float:left;}

div.Pagecontent div.contenido img.mailicon{margin-top:2px;}

div.Pagecontent div.contenido p.mailcontact{font-size:12px; color:#646464; margin-left:10px; margin-top:10px;}
div.Pagecontent div.contenido p.mail{font-size:12px; color:#dd5515; margin-left:10px; margin-top:10px;}

/***** ***** PERFIL DE USUARIO ***** *****/

a#P_modificardatos_btn{display:block;}
a#P_cancelarcambios_btn{display:none;}
div#P_forms_editables{display:none;}
div#P_forms_datos{display:block;}

/***** ***** REGISTRARSE ***** *****/

div.Pagecontent div.forms ul.ul_table input.number{float:left; width:60px; height:18px; margin-left:15px;}
div.Pagecontent div.forms textarea.terminos{width:640px; height:150px; margin-top:10px; margin-left:15px;}
div.Pagecontent div.forms input.check{float:left; margin-left:15px;}
div.Pagecontent div.forms span.terminos{color:#646464; margin-left:5px; font-size:12px;}
div.Pagecontent div.forms p.enviar{text-align:center}
div.Pagecontent div.forms p.enviar input{width:150px; height:26px; margin-top:30px;}

/****************************************************************************************/

/***** FOOTER *****/

/****************************************************************************************/

div#footer_tags{width:951px; padding-left:8px; background:url(../imagenes/estructura/content_bg_y.png) repeat-y; font-size:13px; text-align:left;}
div#footer_tags div.contenido{width:913px; border-top:solid 2px #e8ecef; padding:15px;}
div#footer_tags div.contenido h1{font-size:100%; font-family:Arial, Helvetica, sans-serif; font-weight:normal}
div#footer_tags div.contenido h2{font-size:90%; font-family:Arial, Helvetica, sans-serif; font-weight:normal}
div#footer_tags div.contenido a{color:#000;}
div#footer_tags div.contenido a:hover{color:#ff7a1b;}

div#footer{width:959px; height:70px; background:url(../imagenes/estructura/content_bg_y.png) repeat-y;}
div#footer div#footer_content{width:943px; height:100%; border-top:solid 2px #e8ecef; text-align:left;}
div#footer div#footer_content div.metodopago{width:215px; height:100%; font-size:12px; padding-left:15px; padding-top:10px; float:left;}
div#footer div#footer_content div.metodopago img.paypal{margin-left:10px; margin-top:10px;}
div#footer div#footer_content div.metodopago img.tarjeta{margin-left:5px; margin-right:5px;}

div#footer div#footer_content div.w3c{width:223px; height:100%; font-size:12px; padding-top:10px; float:left;}
div#footer div#footer_content div.w3c img{margin-top:12px;}

div#footer div#footer_content div.navegacion{width:450px; height:100%; text-align:right; font-size:13px; padding-right:30px; float:left;}
div#footer div#footer_content div.navegacion ul{margin-top:15px; padding-bottom:5px;}
div#footer div#footer_content div.navegacion ul li{float:right;}
div#footer div#footer_content div.navegacion ul li.separador{margin-left:10px; margin-right:10px;}

div#footer span.footer_gris_txt{color:#464646;}
div#footerend{width:959px; height:25px; background:url(../imagenes/estructura/footerend_bg.png) no-repeat;}

/****************************************************************************************/

/***** MÓDULOS *****/

/****************************************************************************************/

/***** MODULOS MENU *****/

/* [MOD] M_OFERTAS */
div.MOD_M_Ofertas{width:142px; padding:10px; padding-bottom:5px;}
div.MOD_M_Ofertas span.prod_title{color:#000; font-size:12px;}
div.MOD_M_Ofertas br.salto1{font-size:4px}
div.MOD_M_Ofertas span.prod_ruta{color:#969696; font-size:11px;}

div.MOD_M_Ofertas ul li{float:left}

div.MOD_M_Ofertas h3{color:#ff0000;}

/* [MOD] M_MASVENDIDOS */
div.MOD_M_MasVendidos{margin-left:10px; margin-top:10px; font-size:12px}
div.MOD_M_MasVendidos ul li.masvendido{width:140px; height:24px; border-bottom:solid 1px #d5d5d5;}
div.MOD_M_MasVendidos ul li.masvendido span{color:#969696;}
div.MOD_M_MasVendidos ul li.masvendido a{line-height:24px; cursor:pointer}
div.MOD_M_MasVendidos ul li.masvendido a:hover{color:#ff7a1b; margin-left:3px;}