﻿/* GENERALES */
html * {padding:0;margin:0;}
body {margin:0; font:0.9em/1.5em  Arial, Sans-serif ;background:#e9f4fa url(../images/pics/bk-body.gif) repeat-x center top;text-align:center;}
img{border:0;}
h1,h2,h3,h4,h5,h6{font-family:"Arial";color:#555;clear:left;}
h1{font-family:"Times New Roman";}
a{color:#05A1B2}
a:hover{text-decoration:none;}
p{margin:0.4em 0;color:#555555;}
div{color:#555555;}
.oculto{visibility:hidden; display:none;}
blockquote{background:#f8f8f8;padding:1em;margin:1em 0;}
span.old{text-decoration:line-through;color:#777;}
.cien{float:left;width:100%;}
.centrado{float:left;width:100%;text-align:center;}
.mitad{float:left;width:48%;}
.auto{float:left;width:auto;}
.nofloat{float:none;}
.nofloat input#ctl00_CPHPanel_cbMailing{float:none;}
.destacado{background:url("../images/pics/destacado.gif") repeat scroll 0 0 #FAFAFA;border:4px solid #DDDDDD;float:left;margin-top:0.5em;padding:0.5em 1em 1em;width:93%;}
div.cien a img{}
ul li strong{color:#666;}
div#cien ul{margin-left:1em;padding-left:0;}
.ajustemargen p{margin-top:0;margin-bottom:0.5em;}
p.small{font-size:0.7em;text-align:right !important;float:right;width:100%;margin:0;margin-top:-0.5em;margin-bottom:-0.5em;}
p.normal{font-size:1em;text-align:right !important;float:right;width:100%;margin:0;margin-top:-0.5em;margin-bottom:-0.5em;}


/* ------------ LAYOUT  ------------ */
body form#aspnetForm{background:transparent url(../images/pics/waves.jpg) repeat-x center bottom;margin:0 auto;text-align:left;float:left;width:100%;}
#pagina{width:/*970px*/97%;min-width:970px;margin:0 auto;text-align:left;}

/*Cabecera*/
#header {float:left;width:100%;height:100px;}
#header h1.titulo{float:left;width:60%;margin-top:0.85em;font-size:2.8em;font-weight:normal;text-align:left;}
	*html #header h1.titulo{margin-bottom:-4em;}
#header h1.titulo a{text-decoration:none;color:#fff;padding-top:0.2em;float:left;}
#header h1.titulo a span{float:left;width:100%;font-size:0.48em;}
#header #content-tools{float:right;width:40%;text-align:right;padding-top:2em;}
	#content-tools .languaje {float:right;width:100%;background:transparent url(../images/pics/languaje-right.gif) no-repeat right;padding-right:2.5em;margin-bottom:0.4em;}
		*:first-child+html #content-tools .languaje {/*padding-right:0;*/margin-left:-5em;}
	#content-tools .languaje .languaje-box{background:transparent url(../images/pics/languaje-left.gif) no-repeat left;float:right;width:auto !important;padding-left:45px;}
	#content-tools .languaje .es,#header .languaje .en,#header .languaje .fr{border:none;color:#fff;float:left;width:40px;height:25px;font-size:0em;line-height:0;}
	#content-tools .languaje a span{visibility:hidden;display:none;}
	#content-tools .languaje .es{background:transparent url(../images/pics/es.gif) no-repeat left;}
	#content-tools .languaje .en{background:transparent url(../images/pics/en.gif) no-repeat left;}
	#content-tools .languaje .fr{background:transparent url(../images/pics/fr.gif) no-repeat left;}
	#content-tools .search{float:right;width:203px;text-align:right;}
	#content-tools .search input[type="text"]{float:left;width:158px;border:none;background:transparent url(../images/pics/bktxtsearch.gif) no-repeat left;height:25px;padding-left:1em;}
	#content-tools .search .btnsearch{background:transparent url(../images/pics/bkbtnseach.gif) no-repeat left;border:none;width:30px;height:25px;float:left;}
		*html #content-tools .search input[type="text"]{float:none !important;width:auto;margin:0;padding:0;padding-top:0.8em;}
		*html #content-tools .search .btnsearch{float:none !important;margin:0;padding:0;}
	
/*menu horizontal*/
#pagina #navigation{float:left;width:100%;}
#pagina #navigation ul li {float:left;margin-right:0.2em;width:9%;height:3.5em;display:inline;list-style:none;text-align:center;background:#fff url(../images/pics/bk-li-unactive.gif) repeat-x bottom;}
#pagina #navigation ul li.activo{background:#fff url(../images/pics/bk-li-active.gif) repeat-x top;}
	#pagina #navigation ul li:hover{/*height:3.8em;*/height:3.5em;margin-top:-0.3em;border-top:solid 4px #fff;}
	#pagina #navigation ul li.activo:hover{border-top:solid 4px #e2e3e5;}
	#pagina #navigation ul li:hover a{padding:2.1em 0 0;background-position:center 0px;}

#pagina #navigation ul li a{color:#70706F;float:left;font-family:Calibri;line-height:0.8em;padding:2.35em 0 0;text-decoration:none;width:100%;}
		li.inicio a{background:transparent url(../images/pics/inicio.gif) no-repeat center 3px;}
		li.empresa a{background:transparent url(../images/pics/empresa.gif) no-repeat center 6px;}
		li.novedades a{background:transparent url(../images/pics/novedades.gif) no-repeat center 3px;}
		li.ofertas a{background:transparent url(../images/pics/ofertas.gif) no-repeat center 3px;}
		li.noticias a{background:transparent url(../images/pics/noticias.gif) no-repeat center 6px;}
		li.faqs a{background:transparent url(../images/pics/faqs.gif) no-repeat center 3px;}
		li.contacta a{background:transparent url(../images/pics/contacto.gif) no-repeat center 3px;}
		li.empleo a{background:transparent url(../images/pics/empleo.gif) no-repeat center 6px;}
		li.enlaces a{background:transparent url(../images/pics/enlaces.gif) no-repeat center 6px;}
		li.info a{background:transparent url(../images/pics/informacion.gif) no-repeat center 6px;text-indent:-5000px;}
		#pagina #navigation ul li.info a{line-height:1.1em;}
		#pagina #navigation ul li.info{float:right;width:5%;}
		#pagina #navigation ul li.enlaces a{padding:1.9em 0 0;}
		
/*Cuerpo*/
#pagina #wrapper{float:left;width:100%;background:#fff;}
	/*Menu vertical*/
		#wrapper #MenuVertical{float:left;width:18%;margin:1em 0 1em 0.5em; }
		#wrapper #MenuVertical h2{float:left;width:100%;font-family:Arial;font-size:1.2em;font-weight:normal;color:#05A1B2;padding-bottom:0.5em;padding-left:2.5em;padding-top:0.5em;}
		#wrapper #MenuVertical h2.productos{background:transparent url(../images/pics/productos.gif) no-repeat left top;}
		#wrapper #MenuVertical h2.losmas{background:transparent url(../images/pics/losmas.gif) no-repeat left top;}
		#wrapper #MenuVertical ul{background:transparent url(../images/pics/bk-menuV.gif) repeat;float:left;width:100%;padding:1.5em 0 2.5em;}
		#wrapper #MenuVertical ul li{border-bottom:1px solid #DDDDDD;border-top:1px solid #FFFFFF;float:left;font-family:Calibri,Arial;list-style:none;margin-left:5%;width:91%;}
		#wrapper #MenuVertical ul li{font-family:"Arial";}/*ojo*/
		#wrapper #MenuVertical ul li:hover{background:#eee;}
		#wrapper #MenuVertical ul li a{background:transparent url(../images/pics/blueArrow.png) no-repeat 5px 0.7em;color:#555555;text-decoration:none;float:left;width:80%;padding:0.5em 1em;line-height:1em;}
	
	/*Menu categoría*/
	dl.categorias{float:left;width:100%;margin:0;}
	dl.categorias dd{background:url("../images/pics/bk-li-unactive.gif") repeat-x scroll center -1em #FFFFFF;border:1px solid #CCCCCC;float:left;font-size:0.8em;height:2em;line-height:1em;margin:0.5em 0.5em 0 0;overflow-y:visible;padding:0.8em 0.5em 0.5em 0.5em;width:21.5%;}
	/*dl.categorias dd.activo{background:#f9f9f9;}*/
	/*dl.categorias dd.activo a{text-decoration:none;font-weight:bold;}*/
	
	/*Contenido central*/
		#wrapper #content{float:left;margin-left:0.5em;margin-top:1.5em;width:60%;}
		#wrapper #content h2{color:#555;font-family:Calibri,Arial;font-size:1.45em;}
			*html #wrapper #content{width:55%;margin-left:0;}
		#wrapper #content h3{background:url("../images/pics/flecha.gif") repeat-y scroll right top #E9E9E9;color:#05A1B2;float:left;font-size:1.1em;line-height:2.2em;font-weight:bold;padding-left:0.5em !important;padding-right:1em !important;width:auto;}
		#wrapper #content div,#wrapper #content p{text-align:justify;}
		#wrapper #content dd div{padding-right:0.5em;}
		#wrapper #content #cien h3,#wrapper #content #cien div{padding-left:0.2em;padding-right:0.2em;}
		
	/*Columna derecha Extra*/
		#wrapper #extra{float:left;width:19.5%;margin-top:2em;font-size:0.8em;margin-left:0.5em;}
		#wrapper #extra .cesta,#wrapper #extra .login,#wrapper #extra .ops{float:left;width:90%;padding:0.8em 0.6em;background:#fcfcfc url(../images/pics/bk-extra.gif) repeat-x bottom;margin-bottom:1em;}
		#wrapper #extra h2{float:left;font-size:1.6em;font-weight:normal;line-height:1em;margin-bottom:0.4em;margin-left:-0.3em;padding:0.5em 0 0.8em 1.8em;width:90%;}
		#wrapper #extra .cesta h2{background:transparent url(../images/pics/cesta.gif) no-repeat left top;}
		#wrapper #extra .cesta h2 a{text-decoration:none;}
		#wrapper #extra .cesta h2 a:hover{text-decoration:underline;}
		
		#wrapper #extra .login {line-height:1em;}
		#wrapper #extra .login h2{background:transparent url(../images/pics/login.gif) no-repeat left top;}
		#wrapper #extra .login label{float:left;width:72px;text-align:right;clear:left;}
		#wrapper #extra .login input[type="text"],#wrapper #extra .login input[type="password"]{float:left;margin:0 0 0.5em 0.5em;width:45%;}
		#wrapper #extra .login .btn-enviar{float:right;border:solid 1px #ccc;background:#fff url(../images/pics/bk-btn.gif) repeat-x bottom;cursor:pointer;margin-right:1.2em;font-size:0.9em;padding:0.2em 0.5em;}
		
		#wrapper #extra .promociones {line-height:1em;}
		#wrapper #extra .promociones h2{background:transparent url(../images/pics/promociones.gif) no-repeat left top;}
		#wrapper #extra .promociones label{float:left;width:72px;text-align:right;clear:left;}
		#wrapper #extra .promociones input[type="text"]{float:left;margin:0 0 0.5em 0.5em;width:45%;}
		#wrapper #extra .promociones{float:left;width:90%;padding:0.8em 0.6em;background:#fcfcfc url(../images/pics/bk-extra.gif) repeat-x bottom;margin-bottom:1em;}
		
		#wrapper #extra p{float:left;width:100%;line-height:1em;}
		#wrapper #extra .ops a {background:url("../images/pics/mas-small.gif") no-repeat scroll left top transparent;color:#555555;line-height:1.5em;padding-left:1.4em;text-decoration:underline;}
		#wrapper #extra .ops a:hover{text-decoration:none;}
		#wrapper #extra .ops dd{padding-left:0;}
		
		#wrapper #extra .login label#ctl00_CPHExtra_lblUsuario{width:auto;margin-left:0.8em;margin-right:1.7em;text-align:left;}
		#ctl00_CPHExtra_RFVtxtUser,#ctl00_CPHExtra_RFVtxtPass{color:#888888 !important;float:left;font-size:0.9em;line-height:0.9em;margin-bottom:0.4em;margin-top:-0.7em;width:100%;}
		
		#wrapper #extra .login #ctl00_CPHExtra_lblError{width:100%;float:left;text-align:left;margin-top:0.5em;font-size:0.9em;}
		#wrapper #extra .login #ctl00_CPHExtra_tbEmail{float:left;width:90%;}
		#wrapper #extra div.separador{float:left;width:100%;background:#ccc;height:1px;border-bottom:solid 1px #eee;margin-top:0.8em;margin-bottom:0.2em;}
		#wrapper #extra .ops {background:none;border-bottom:solid 1px #ccc;}
		#wrapper #extra .ops dl{float:left;width:100%;margin-top:0.2em;}
		#wrapper #extra .ops dt{margin-bottom:0.4em;}
		#wrapper #extra .ops h2{background:transparent url(../images/pics/ops.gif) no-repeat left top;}
	/*PORTADA*/	
		/*Novedades*/
		div.novedades {margin-left:-0.2em;float:left;width:100%;background:#fff url(../images/pics/novedades.jpg) repeat-x left 2em;}
		div.novedades h2.novedades-header{}
		div.novedades .novedades-body{float:left;width:100%;background: url(../images/pics/novedades-left.jpg) no-repeat left 0.5em;}
		div.novedades .novedades-items{float:left;width:100%;background: url(../images/pics/novedades-right.jpg) no-repeat right 0.5em;}
		div.novedades dl{float:left;width:42.5%;margin-left:4.5%;margin-right:0;}
		div.novedades dl dt{float:left;width:190px;margin-bottom:-1em;width:100%;text-align:center;}
		div.novedades dl dt img{background:transparent url(../images/pics/sombrafoto.gif) repeat-x bottom;padding-bottom:1.8em;float:none !important;margin:0 auto;}
		div.novedades dl dd{float:left;width:100%;}
		div.novedades dl dt img{float:left;width:190px;margin-top:2em;}
		div.novedades dl dt .oferta{background:transparent url(../images/pics/oferta-big.png) no-repeat right top;float:right;position:absolute;width:65px;height:65px;margin-left:120px;margin-top:1.5em;}
		div.novedades dd.titulo a{color:#096780;text-decoration:none;font-size:1.3em;line-height:0.9em;}
		div.novedades dd.titulo a:hover{text-decoration:underline;}
			*html div.novedades dl{margin-left:4%;width:40%;}
		/*Tabla de ofertas*/
		div.box{margin-top:0.5em;float:left;width:99%;background:url("../images/pics/box-header.gif") no-repeat left top #FFFFFF;}
		div.box h2.box-header{margin-left:2px;background:url("../images/pics/end-box-header.gif") no-repeat right top transparent;float:left;font-size:1.3em;padding-bottom:0.2em;padding-top:0.3em;width:100%;text-indent:0.5em;}
		div.box .box-row{border:solid 1px #e0e0e0;border-top:none;float:left;width:100%;background:#fff url(../images/pics/box-row.gif) repeat-x top;}
		div.box .box-row dl{float:left;padding:2% 0 2% 1.6%;width:47.5%;line-height:1em;margin-right:0;}
		div.box .box-row dl dt{float:left;width:45%;}
		div.box .box-row dl dt img{float:left;max-width:118px;margin-right:0.5em;}
		div.box .box-row dl dd{float:left;font-size:0.8em;padding:0.2em 0;width:54%;text-align:justify;}
		div.box .box-row dl dd.titulo{text-align:left;background:#bbd3d7 url(../images/pics/bk-sweetyblue.gif) repeat-x top;float:left;font-size:1em;padding:0.2em 0;width:52%;padding-left:0.5em;}
		div.box .box-row dl dd.titulo a{color:#000;text-decoration:none;font-family:"Calibri";}
		div.box .box-row dl dd.titulo a:hover{text-decoration:underline;}
		div.box .box-row dl dd.precios{background:#F5F5F4;line-height:1.8em;width:100%;}
		div.box .box-row dl dd.precios .old{margin-right:0.8em;}
		div.box .box-row dl dd a.add{float:left;margin-top:0.4em;background:transparent url(../images/pics/mas-small.gif) no-repeat left top;padding:0em 0 0.2em 16px;color:#555;text-decoration:none;margin-right:0.5em;}
		div.box .box-row dl dd a.ver{float:left;margin-top:0.4em;background:transparent url(../images/pics/ver-small.gif) no-repeat left top;padding:0em 0 0.2em 16px;color:#555;text-decoration:none;margin-right:0.5em;}
		div.box .box-row dl dd a.add:hover,div.box .box-row dl dd a.ver:hover{text-decoration:underline;}
		div.box div.oferta{background:transparent url(../images/pics/oferta-small.png) no-repeat right top;float:right;position:absolute;width:65px;height:65px;margin-left:50px;margin-top:-0.4em;}
		*:first-child+html div.novedades dl dt .oferta{margin-left:-70px;}
		*:first-child+html div.box div.oferta{margin-left:-75px;}
		*html div.novedades dl dt .oferta{margin-left:-70px;background:transparent url(../images/pics/oferta-big.gif) no-repeat right top;}
		*html div.box div.oferta{margin-left:-75px;background:transparent url(../images/pics/oferta-small.gif) no-repeat right top;}
		
		/*Mapa Web*/
		.mapaweb{float:left;width:30%;}
		.mapaweb dt{background:url("../images/pics/bk-li-unactive.gif") repeat-x scroll bottom #FFFFFF;border:1px solid #CCCCCC;padding:0.6em 0.5em 0.5em 0.8em;margin-bottom:0.5em;}
		.mapaweb dd a{background:url("../images/pics/blueArrow.png") no-repeat 5px 0.3em transparent;padding:0.1em 0 0.3em 16px;text-decoration:none;}
		.mapaweb dd a:hover{text-decoration:underline;}
		/*Condiciones de venta*/
		div#cien div.condiciones ul{float:left;font-size:0.9em;margin:0.1em 0 1.2em;padding:1em;width:96%;background:#fafafa;}
		div#cien div.condiciones ul li strong{float:left;min-width:120px;}
		ol {margin-left:1.4em;}
		div#cien div.condiciones ol li{list-style-position:outside;}
/*Pie*/	
#pagina #footer {float:left;width:100%;margin-top:0.8em;padding-bottom:2em;}
.footer-left,.footer-center,.footer-right{float:left;padding-top:2em;height:80px;}
#pagina #footer .footer-left{width:25%;background:transparent url(../images/pics/footer.png) no-repeat left top;}
#pagina #footer .footer-center{width:50%;background:transparent url(../images/pics/footercentro.gif) no-repeat center top;}
#pagina #footer .footer-right{width:24.9%;background:transparent url(../images/pics/footer.png) no-repeat right top;}
#pagina #footer dl dd{display:inline;list-style:none;font-family:"Calibri";}
#pagina #footer dl dt{display:none;}
#pagina #footer dl.pago{float:left;width:100%;margin-left:9.4em;line-height:1.2em;margin-top:0;}
#pagina #footer dl.pago dd{float:left;width:100%;}
#pagina #footer dl.nav{float:left;width:100%;text-align:center;margin-top:0;}
#pagina #footer dl.nav a.separator{border-right:solid 1px #E5880C;}
#pagina #footer dl dd a{color:#353535;text-decoration:none;margin-right:0.5em;padding-right:0.5em;}
#pagina #footer dl dd a:hover{text-decoration:underline;}
	*html #pagina #footer .footer-left{width:10%;}
	*html #pagina #footer .footer-center{width:36%;}
	*html #pagina #footer .footer-right{width:22%;}

	/*bloque cesta de la compra*/
	#bloque-cesta-compra{}
	
	/*paginacion*/
	ul.paginacion{ width: 90%;display:block;float:left;clear:both;margin-top:0.5em;padding-top:0.5em;}
	ul.paginacion li {float:left;display:inline;list-style:none;background:none;}
	.paginacion a {margin:0.2em;text-decoration:none;}
	.paginacion .actual{font-size:1.1em;font-weight:bold;}
	.paginacion .anterior, .paginacion .siguiente {font-weight:bold;}
	/*Detalle de producto*/
	div.detalle {float:left;width:99%;color:#555;}
	#wrapper #content div.detalle h3{background:none;padding-left:0 !important;}
	div.detalle p{font-size:0.9em;line-height:1.2em;text-align:justify;}
	div.detalle img{float:left;margin:0.2em 0.8em 0.8em 0;max-width:150px;}
	div.detalle span.ampliar{background:url("../images/pics/ver.png") no-repeat left top transparent;height:25px;margin-left:-2.8em;margin-top:0.5em;position:absolute;width:25px;cursor:pointer;}
	div.detalle p.precio{padding:0.2em 0.2em 0.2em 0;font-weight:bold;color:#555;float:left;width:100%;font-size:1.2em;background:#F5F5F4;text-align:right;}
	div.detalle p.precio span{margin-right:0.5em;font-size:0.8em;}
	div.detalle p.opciones a{font-size:1em;float:right;clear:none;}
	div.detalle p.opciones a.mas span{padding:0.3em 2.5em 0.5em 0.8em;}
	/*Listas*/
	dl{float:left;width:100%;margin-right:2%;margin-top:1em;color:#555;}
	dl dt{font-weight:bold;}
	dl dd{padding-left:0.5em;}	
	dl.facturas dd{font-size:0.9em;}
	ul li{list-style:none;}
	ul.lista-enlaces {margin:1em 0 1.5em 0;width:100%;float:left;width:100%;}
	ul.lista-enlaces li{margin-bottom:0.1em;width:48%;float:left;margin-bottom:0.4em;}
	ul.lista-enlaces a{background:url("../images/pics/mas-small.gif") no-repeat scroll left 0.1em transparent;font-weight:bold;padding:0.1em 0 0.3em 16px;text-decoration:none;}
	/*ul.lista-enlaces a{clear:left;float:left;font-weight:bold;padding:0.3em 0 0.5em 28px;text-decoration:none;}
ul.lista-enlaces a.compras{background:url("../images/pics/pedido.png") no-repeat scroll left 0.1em transparent;}
ul.lista-enlaces a.pago{background:url("../images/pics/pago.png") no-repeat scroll left 0.1em transparent;}
ul.lista-enlaces a.envio{background:url("../images/pics/envio.png") no-repeat scroll left 0.1em transparent;}
ul.lista-enlaces a.devo{background:url("../images/pics/devo.png") no-repeat scroll left 0.1em transparent;}*/
	ul.lista-enlaces a:hover{text-decoration:underline;}
	
/* GENERALES ITEMS*/
/*tablas*/
table {color: #7F7F7F;border-collapse: collapse;border:none;margin:0.5em 0;float:left;width:100%;border:solid 1px #ccc;/*background:url("../images/pics/box-header.gif") no-repeat scroll left top #FFFFFF;*/}
	caption{display:none;}
	caption,thead th,tfoot th,tfoot td {font-weight: bold;text-transform: uppercase;}
	thead{}
		thead tr {border:solid 1px #ccc;}
		thead th {background:url("../images/pics/bk-th.gif") repeat-x right top #d7d7d6;text-align:center;padding:0.4em 0.5em;font-size:0.8em;}
	tbody{}
		tbody td {padding:0.5em;border:solid 1px #C4C4C4;font-size:0.8em;line-height:1.5em;}
		tbody td.centrado{text-align:center;width:auto;float:none;}
		tbody tr.odd {background-color: #F7F7F7;color: #666;}
		tbody a {padding: 1px 2px;color: #333;text-decoration:none;}
	table img{width:70px;float:none;}
	table a.ver,table a.add,table a.pedido,table a.albaran,table a.duplicar,table a.editar{float:left;width:25px;height:25px;font-size:0;line-height:0;text-indent:-5000px;padding:0;}
	table a.ver{background:transparent url(../images/pics/ver.png) no-repeat left top;}
	table a.add{background:transparent url(../images/pics/anadir.png) no-repeat left top;}
	table a.pedido{background:transparent url(../images/pics/pedido.png) no-repeat left top;}
	table a.albaran{background:transparent url(../images/pics/albaran.png) no-repeat left top;}
	table a.duplicar{background:transparent url(../images/pics/duplicar.png) no-repeat left top;}
	table a.editar{background:transparent url(../images/pics/editar.png) no-repeat left top;}

/*botones cesta */
	a.mas{background:#fff url(../images/pics/bk-Link.gif) no-repeat right top;color:#555;text-decoration:none;padding:0;margin:0.5em;font-size:0.8em;float:right;clear:both;}
	a.mas span{background:transparent url(../images/pics/left-Link.gif) no-repeat left top;padding:0.2em 2.5em 0.45em 0.8em;float:left;}
	a.add{background:transparent url(../images/pics/mas-big.gif) no-repeat left top;padding:0.1em 0 0.3em 20px;color:#555;text-decoration:none;margin-right:0.5em;}
	a.volver{background:transparent url(../images/pics/volver.gif) no-repeat left top;padding:0.1em 0 0.3em 20px;color:#555;text-decoration:none;margin-right:0.5em;}
	a.ver{background:transparent url(../images/pics/ver-big.gif) no-repeat left top;padding:0.1em 0 0.3em 20px;color:#555;text-decoration:none;margin-right:0.5em;}
	a.add:hover,a.ver:hover,a.volver:hover{text-decoration:underline;}

/*FORMULARIOS*/
.form{float:left;width:100%;margin-top:0.5em;}
fieldset{float:left;width:95%;border:solid 1px #ccc;padding:1em 0.8em;background:url("../images/pics/bk-menuV.gif") repeat 0 0 transparent;margin:0.2em 0 1em 0;}
label{float:left;margin-left:0em;color:#555;}
input{color:#555;}
.btn-enviar{color:#9a6500;padding:0.2em 0.4em;float:right;margin-right:1em;border:solid 1px #e8a31e;background:url("../images/pics/footer.png") no-repeat  -130px top transparent;cursor:pointer;width:auto;}
.btn-enviar:hover{background:url("../images/pics/footer.png") no-repeat  -130px -20px transparent;}
a.btn-enviar{font-size:0.95em;line-height:1.3em;text-decoration:none;}
.obligatorio{position:absolute;}
p.aviso{font-size:80%;margin:0.5em;border:1px solid #8c8c8c;background:#fffff3 url(../images/pics/aviso.gif) no-repeat left top;padding:1em;padding-left:2em;}
p.nota{font-size:100%;margin:0.5em;border:1px solid #8c8c8c;background:#fffff3 url(../images/pics/aviso.gif) no-repeat left top;padding:1em;padding-left:2em; text-align:left;}
.btn-enviar{color:#9a6500;padding:0.2em 0.4em;float:right;margin-right:1em;border:solid 1px #e8a31e;background:url("../images/pics/footer.png") no-repeat  -130px top transparent;cursor:pointer;width:auto;}
fieldset{color:#555;}
fieldset .cien{width:30%;}
fieldset .billing {width: 40%; float:right; margin-left:0px !important; padding-left:0px !important;}
fieldset .billing span { color:#555 !important; font: 0.9em/1.5em Arial,Sans-serif !important; vertical-align:top; padding-top:5px; margin-left:0px; padding-left:0px;}
fieldset .mitad{width:46%;margin-top:0.2em;}
fieldset span{font-size:0.7em;color:#ad2a14 !important;clear:both;float:left;line-height:1em;width:95%;text-align:left;}
fieldset div.aviso{float:left;width:100%;font-size:0.8em;line-height:1.4em;margin:0.3em 0;}
fieldset hr{border:none;margin:0.2em 0 0.5em 0;background:#ccc;height:1px;float:left;clear:both;width:100% !important;}
fieldset .centrado input{float:none;}
fieldset .centrado{margin-top:0.4em;}
#ctl00_CPHPanel_cbMailing{float:left;margin-top:0.3em;margin-left:0.5em;}
fieldset .billing input{margin-top:0.3em;margin-left:0.5em;}
*:first-child+html #ctl00_CPHPanel_cbMailing{margin-top:0;}
fieldset table{font-size:0.9em;width:100%;color:#555;}
fieldset table th{line-height:1em;}
fieldset dl span{color:#555 !important;}
span#Suma_Total{float:none;font-size:1em;color:#333 !important;margin-left:0.4em;font-weight:bold;font-family:Century Gothic;}

.buscador{border:2px solid #DDDDDD;margin-top:0.5em;float:left;padding-left:1em;padding-right:1em;padding-top:0.5em;width:94%;}
.buscador fieldset{background:none transparent;border:none;font-size:0.8em;padding:0;margin-bottom:0;margin-top:0.3em;width:100%; }
.buscador fieldset h3,.buscador fieldset label,.buscador fieldset input{color:#666;}
#ctl00_CPHPanel_CustomValidator1,#ctl00_CPHPanel_RFVFInicio,#ctl00_CPHPanel_RFVFFin,#ctl00_CPHPanel_CustomValidator2{font-size:0.9em;color:#666 !important;clear:both;float:left;line-height:1em;width:95%;}
#ctl00_CPHPanel_CustomValidator1,#ctl00_CPHPanel_CustomValidator2{margin-top:-1em;}
.buscador .btn-buscar{background:url("../images/pics/btnbuscador.gif") no-repeat scroll left top transparent;border:medium none;clear:both;cursor:pointer;display:block;float:right;font-size:1em;height:28px;line-height:0;margin-bottom:-0.5em;margin-left:90%;margin-top:-0.4em;padding:0;text-indent:-5000px;width:36px;}


div#identifica{font-size:0.9em;float:left;width:100%;border:solid 1px #ccc;padding:1em 0.5em;background:url("../images/pics/bk-menuV.gif") repeat scroll 0 0 transparent;}
div.logea{float:left;width:40%;padding-right:0.5em;border-right:solid 1px #ccc;margin-left:1em;}
div.registra{float:left;width:50%;margin-left:1.4em;}
div#identifica label{clear:both;float:left;width:100%;}
div#identifica span{float:left;font-size:0.7em;line-height:1em;width:100%;color:#777 !important;}
div#identifica div.registra span{font-size:1em;color:#333;}
#ctl00_CPHPanel_btnRecuperarContrasena{float:right;margin-top:1em;}

.btn-buscar{background:url("../images/pics/ver.png") no-repeat scroll left top transparent;float:left;font-size:0;height:25px;line-height:0;padding:0;text-indent:-5000px;width:25px;border:none;cursor:pointer;}

/*Facturas*/
fieldset dl span{font-size:0.9em;line-height:1.4em;}
fieldset dl dt span{color:#05A1B2 !important;}
fieldset dl {margin-bottom:0.5em;}
fieldset span#ctl00_CPHPanel_lblNameProducto{width:auto;clear:none;}
fieldset input#ctl00_CPHPanel_tbCodigoProducto{float:left;margin-left:0.5em;}
fieldset td span{font-size:1em;clear:none;float:none;color:#555 !important;}


/*Mensajes*/
.error,.warning,.valido{float:left;width:93%;font-size:0.85em;color:#555;padding:0.5em 1em 0.5em 2.2em;margin-top:0.2em;margin-bottom:0.4em;border:solid 1px #ccc;}
.error{background:url(../images/pics/exclamation.png) no-repeat 0.5em 0.6em #f8ebe9;border-color:#e9cdc9;}
.sin_stock{background:url(../images/pics/rojo.gif) no-repeat 0.5em 0.6em;}
.agotado{background:url(../images/pics/Nodisp.gif) no-repeat left center transparent; padding:0.5em 0 0.5em 2.5em;float:left;width:100%;color:#555;}
.con_stock{background:url(../images/pics/verde.gif) no-repeat 0.5em 0.6em;}
.warning{background:url(../images/pics/aviso.png) no-repeat 0.5em 0.6em #f4efd8;border-color:#ded4a5;}
.valido{background:url(../images/pics/tick.png) no-repeat 0.5em 0.6em #ecf5f9;border-color:#d6eaf2;}
.con_stock,.sin_stock{padding-left:35px;min-height:25px;}

/*clearfix*/
   .clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
   .clearfix {display:inline-block;}
   /* Hide from IE Mac \*/
   .clearfix {display:block;}
   /* End hide from IE Mac */

/*** CAMBIOS CSS 20110405*******>
      /*General*/
      .dcha{float:right;}
      .btn-enviar-izda{color:#9a6500;padding:0.2em 0.4em;margin-right:1em;border:solid 1px #e8a31e;background:url("../images/pics/footer.png") no-repeat  -130px top transparent;cursor:pointer;width:auto;float:left;}
      .{margin-right:0.5em;}
      /*Menu categoría*/
      dl.categorias{float:left;width:100%;margin:0;}
      dl.categorias dd.activo,dl.categorias dd.activo:hover {
    background: url("../images/pics/dd-active.gif") repeat-x scroll center bottom #FEFEFF;
    border: 1px solid #6CB6D1;
}
dl.categorias dd {
    background: url("../images/pics/dd-unactive.gif") repeat-x scroll center bottom #FEFEFE;
    border: 1px solid #A3A3A3;
    float: left;
    font-size: 0.8em;
    height: 2em;
    line-height: 1em;
    margin: 0.5em 0.5em 0 0;
    overflow-y: visible;
    padding: 1em 0.5em 0.2em 0.5em;
    line-height: 0.8em;
    text-align: center;
    width: 21.5%;
}

dl.categorias dd:hover
{
background: url("../images/pics/dd-hover.gif") repeat-x scroll center bottom #FEFEFE;
border: 1px solid #6CB6D1;
}

dl.categorias dd a {
    font-weight: bold;
    text-decoration: none;
    font-size:12px;
    float:left;
    width:100%;
}

/*****************/
/***cambios promociones**/
a.verpromo{background:transparent url(../images/pics/ver-promo.gif) no-repeat right bottom !important;padding:0.1em 15px 0.3em 0;color:#555;text-decoration:none;margin-right:0.5em;}
a.ocultardetallepromo{background:transparent url(../images/pics/ocultar-promo.gif) no-repeat right bottom;padding:0.1em 20px 0.3em 0;color:#555;text-decoration:none;margin-right:0.5em;font-size:0.9em;font-weight:normal;}
a.verdetallepromo{background:transparent url(../images/pics/ver-promo-big.gif) no-repeat right bottom;padding:0.1em 20px 0.3em 0;color:#555;text-decoration:none;margin-right:0.5em;font-size:0.9em;font-weight:normal;}
img.promociones{background:transparent url(../images/pics/promociones.gif) no-repeat right bottom;}
p.fecha{color:#777;font-weight:bold;font-size:1.1em;margin-bottom:0.4em;}
p.entradilla{font-style:italic;margin-top:0;margin-bottom:1em;font-size:1em;font-weight:normal;align:'justify';}
div.contenido{margin-top:0;margin-bottom:0.4em;font-size:0.9em;font-weight:normal;align:'justify';}

#wrapper #extra .promociones {line-height:1em;text-align:justify;}
#wrapper #extra .promociones h2{background:transparent url(../images/pics/promociones.gif) no-repeat left top;}
#wrapper #extra .promociones label{float:left;width:72px;text-align:right;clear:left;}
#wrapper #extra .promociones input[type="text"]{float:left;margin:0 0 0.5em 0.5em;width:45%;}
#wrapper #extra .promociones{float:left;width:90%;padding:0.8em 0.6em;background:#fcfcfc url(../images/pics/bk-extra.gif) repeat-x bottom;margin-bottom:1em;}
li.promociones a{background:transparent url(../images/pics/promos.gif) no-repeat center 6px;}

/********************/
#content img {
    float: left;
    margin-bottom: 0.5em;
    margin-right: 0.8em;
}
.img_promo{width:150px !important;}

 /******* Estilos nuevos Fase III ****/

.btn-add
{
    background:url("../images/pics/anadir.png") no-repeat scroll left top transparent;
    float:left;font-size:0;
    height:25px;
    line-height:0;
    padding:0;
    text-indent:-5000px;
    width:25px;
    border:none;
    cursor:pointer;
}
.pph_info
{
    float:left;
    width:75%;
    font-size:0.7em;
    color:#555;
    padding:0.8em 1em 0.8em 3.2em;
    margin-top:0.2em;
    margin-bottom:0.4em;
    border:solid 1px #ccc;
    background:url(../images/pics/info.png) no-repeat 0.5em 0.6em #FFFFFF;
    border-color:#60BEF5;
}
.pph_ok
{
    float:left;
    width:75%;
    font-size:0.7em;
    color:#555;
    padding:0.8em 1em 0.8em 3.2em;
    margin-top:0.2em;
    margin-bottom:0.4em;
    border:solid 1px #ccc;
    background:url(../images/pics/tick.png) no-repeat 0.5em 0.6em #ecf5f9;
    border-color:#d6eaf2;
}
.pph_ko
{
    float:left;
    width:75%;
    font-size:0.7em;
    color:#555;
    padding:0.8em 1em 0.8em 3.2em;
    margin-top:0.2em;
    margin-bottom:0.4em;
    border:solid 1px #ccc;
    background:url(../images/pics/exclamation.png) no-repeat 0.5em 0.6em #f8ebe9;
    border-color:#e9cdc9;
}

/***
dl dd
{
    padding-left:0.5em;
}	
fieldset .cincuenta{width:75%;}


**/



/**** esto es para la master, el panel de control de PPH****/
.imgpc
{
    margin-left:0.5em !important; 
    margin-right:0.5em !important; 
    float:none !important;
    margin-bottom:auto !important;
}
.masterPPHText
{
    float:left;
    width:100%;
    font-family:Arial;
    text-decoration:none !important;
    font-size:0.85em;
    font-weight:normal;
    color:#555555;
    padding-bottom:1em !important;
}
	

#wrapper  .pph 
{ 
    background: url("../images/pics/bk-extra.gif") repeat-x scroll center bottom #FCFCFC;
    float: left;
    margin-bottom: 1em;
margin-top:3em;
    padding: 0.8em 0.2em 0 0.2em;
    width: 96%;
    border:solid 1px #ccc;
}
#wrapper .pph h2 
{
    background: url("../images/pics/plantilla_ph.gif") no-repeat scroll left top transparent;
    clear: left !important;
    color: #555555 !important;
    font-family: "Arial" !important;
}
#wrapper .pph a 
{
    background:url("../images/pics/blueArrow.png") no-repeat scroll left top transparent;
    color:#555555;
    line-height:1.5em;
    padding-left:1.4em;
    text-decoration:underline;
}

#wrapper #extra fieldset 
{
    background: url("../images/pics/bk-menuV.gif") repeat scroll 0 0 transparent;
    border: 1px solid #CCCCCC !important;
    float: left !important;
    margin: 0.8em 0  !important;
    padding: 0.35em 0.85em  !important;
    width: 87% !important;
}
/*******************************/