* {margin:0; padding:0;}
img {border: none;}

a, a:active, a:visited {color:#4B0082; cursor:pointer; text-decoration:underline;}
a:hover {text-decoration:underline;}
/*#cs: #cs e body deben tener siempre elmismo color de fondo para evitar que si pagina es muy corta se vea blanco debajo de cs */
body {
	padding: 37px 0px 0px;
	margin: 0px;
	text-align: center;
	background-color: #EFEFEF;
	height: 100%;
}
.ic {
	width: 300px;
}
/* .ic_de, .ic_iz: puesto padding-left: 19px en lugar de 20px ya que Verdana siempre empieza con 1px más a la derecha */
.ic_de {
	float: right;
	padding-left: 19px;
}
.ic_iz {
	float: left;
	padding-right: 19px;
}
.ic .imag {
	padding-top: 0px;
	padding-bottom: 5px;
	margin: 0px;
	clear: left;
}
.ic .imag img {
	width: 300px;
	display: block;
}
.ic .tit2 {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	color: #FF4500;
	margin-bottom: 1px;
	clear: left;
	text-align: center;
	width: 280px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.ic .tit2 a {
	font-weight: bold;
	text-decoration: underline;
}
.ic .par {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	color: #555;
	line-height: 14px;
	margin-bottom: 10px;
	width: 280px;
	text-align: center;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
abbr { 
    cursor: help; 
    border-bottom: 1px dotted #FF4500; 
}
.mapt {
	float: left;
	height: 22px;
	width: 100%;
	background-color: #FF6600;
}
.mapt h3 {
	color: #FFFFFF;
	line-height: 11px;
	height: 11px;
	text-indent: 4px;
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 11px;
	padding-top: 6px;
	padding-bottom: 5px;
}
.mapt_so {
	height: 2px;
	width: 100%;
	background-color: #FF4500;
	line-height: 2px;
	float: left;
}
.mapt_ifr {float: left;}
.alto340 {height: 337px;}
.alto3 {height: 501px;}
.alto_adser {height: 580px;}
.alto300 {height: 297px;}
.alto273 {height: 270px;}
.alto250 {height: 247px;}
.alto200 {height: 197px;}
.bgno {background-image: none !important;}
.bggris {background-color: #FCFDF7 !important;}
/* .bosot: para poner linea-borde abajo a toda caja o elemento */
.bosot {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDD;
}
.bosotno {
	border-bottom-width: 0px !important;
}
.boupry {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #DDD;
}
.czno {clear: none!important;}
/* curh: help para cursor */
.curh {
    cursor: help;
	border-bottom: 1px dotted #FF4500;
}
/* curz: zoom-in para cursor */
.curz {cursor: url(/img/vari/curz.cur), pointer;}
.dt_clno dt {clear: none!important;}
.fd {float: right !important;}
/* .fz: por ejemplo lo uso para los h2 que no cojen el id  cosa rarisima pero así */
.fz {float: left !important;}
.img_prod {
	height: 250px;
	width: 314px;
	float: left;
}
.mrgsotno {margin-bottom: 0px !important;}
.mrgiz {margin-left: 22px !important;}
.mrgsot11 {margin-bottom: 11px!important;}
.mrgsot16 {margin-bottom: 16px!important;}
.mrgsot19 {margin-bottom: 19px!important;}
.mrgup16 {margin-top: 16px!important;}
.padizno {padding-left: 0px !important;}
.padsotno {padding-bottom: 0px !important;}
.padsot13 {padding-bottom: 13px!important;}
.padsot7 {padding-bottom: 7px!important;}
.padup {padding-top: 22px!important;}
.li_paso2 li {padding-bottom: 2px !important;}
.li_paso3 li {padding-bottom: 3px !important;}
.li_paso9 li {padding-bottom: 12px !important;}
/* .cl: "color", no borres se utiliza para dar color a titulos ejemplo en pag marche */
.c1 {color: #FF4500 !important;}
.c2 {color: #4B0082 !important;}
.c3 {color: #FF0000 !important;}
.c4 {color: #555555 !important;}
.un {text-decoration: underline !important;}
#ante_c {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	background-image: url(/img/vari/28.gif);
	background-repeat:  repeat-x;
	background-color: #FF9900;
}
/* ante: fondo anche #7C00BC o #8C00BC*/
#ante {
	width: 986px;
	height: 37px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#ante #s {
	float: left;
	width: 424px;
	text-align: left;
	position: relative;
	margin-top: 5px;
}
#ante #s div {
	position: absolute;
	top: 0px;
	line-height: 25px;
	height: 25px;
	left: 0px;
}
#ante #iz {float: right;}
#ante #iz ul {
	list-style-image: none;
	list-style-type: none;
}
#ante #iz ul li {
	font-family: Arial, Tahoma, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	display: block;
	float: left;
	line-height: 36px;
	padding-left: 23px;
}
/* #ante #iz ul li.n: sirve para link inicio */
#ante #iz ul li.n a:link, #iz ul li.n a:visited {
	font-weight: bold;
}
#ante #iz ul li a:link, #iz ul li a:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
}
#ante #iz ul li a:hover, #iz ul li a:active {
	text-decoration: underline;
}
/* #ante #iz ul li.c: sirve para link de color. Ejemplos: #4E4E4E, #000099; */
#ante #iz ul li.c a:link, #iz ul li.c a:visited {
	color: #FFFFFF;
	font-weight: bold;
}
/* .autor: caja si utilizza per copyright autores y/o time delle news */
.autor {
	position: absolute;
	left: 0px;
	top: 41px;
	float: left;
	width: 468px;
}
.autor .izq {
	float: left;
}
.autor .der {
	float: right;
}
/* .autor .time: dejado alto de linea de 1px superior para ver igual de centrado en navegadores el Arial */
.autor .izq big {
	color: #9E9E9E;
	font-family: Arial, Tahoma, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 13px;
	display: block;
}
/* .autor .time: dejado alto de linea de 1px superior para ver igual de centrado en navegadores el Arial */
/* Ejemplo codigo .nome mas .time. <div class="autor"><div class="izq"><small>&copy;2007-2009</span><big>Negoziinformatica.com</big></div></div> */
.autor .izq small {
	font-size: 10px;
	font-family: Arial, Tahoma, sans-serif;
	color: #FF4500;
	font-weight: normal;
	line-height: 11px;
	display: block;
}
.bichito {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000099;
	background-color: #FFC56C;
	float: left;
	line-height: 24px;
	height: 24px;
	width: 165px;
	margin: 0px;
	padding: 0px;
}
/* #bicho: es el popup. Va antes abajo antes de cierre csopra (puesto relative en "csopra"). */
#bicho {
	position: absolute;
	top: 0px;
	width: 100%;
	left: 0px;
	text-align: left;
}
#bicho span {
	width: 250px;
	height: 250px;
	text-align: center;
	display: block;
}

#bicho a:link, #bicho a:visited, #bicho a:hover, #bicho a:active {
	text-decoration: none;
	color: #000099;
	font-weight: bold;
}
.box200itemizq {
	float: left;
	width: 200px;
	display: block;
	height: 200px;
	clear: both;
	margin-right: 20px;
}
.box200itemizq a:link, .box200itemizq a:visited {
	text-decoration: underline !important;
	color: #FF4500;
}
.box200itemizq a:hover, .box200itemizq a:active {
	text-decoration: underline !important;
	color: #FF4500;
}
.box200itemizq b {
	text-align: center;
	width: 200px;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	color: #FF4500;
	line-height: 11px;
	display: block;
	padding-bottom: 6px;
	padding-top: 1px;
}
.box200itemizq span {
	width: 198px;
	height: 180px;
	display: block;
	line-height: 11px;
	border: 1px solid #CCCCCC;
	overflow: hidden;
}
/* .boxitem2 se diferencia de boxitem por tener el titulo dentro de la caja */
.box200item2izq {
	float: left;
	width: 198px;
	display: block;
	height: 198px;
	clear: both;
	border: 1px solid #CCCCCC;
	margin-right: 20px;
}
.box200item2izq a:link, .box200item2izq a:visited {
	text-decoration: underline !important;
	color: #FF4500;
}
.box200item2izq a:hover, .box200item2izq a:active {
	text-decoration: underline !important;
	color: #FF4500;
}
.box200item2izq b {
	text-align: center;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	color: #FF4500;
	line-height: 11px;
	display: block;
	padding-top: 8px;
	padding-bottom: 3px;
}
.box200item2izq span {
	width: 198px;
	height: 176px;
	display: block;
	line-height: 11px;
	overflow: hidden;
}
.box250item {
	float: right;
	width: 250px;
	display: block;
	height: 250px;
	margin-left: 10px;
	background-color: #00CC33;
	clear: both;
}
.box250item b {
	text-align: center;
	width: 250px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #E3006E;
	line-height: 13px;
	height: 14px;
	padding-bottom: 1px;
	display: block;
	background-color: #0099CC;
}
.cad4 {
	width: 312px;
	border-top: 1px solid #DDD;
	border-right: 1px solid #DDD;
	border-bottom: 2px solid #DDD;
	border-left: 1px solid #DDD;
	float: left;
	margin-bottom: 22px;
	position: relative;
	line-height: 22px;
}
/* .cad2: no llamar cd2 si no se ve texto colo rojo (no sé por qué) en navegador lynx */
.cad2 {
	width: 293px;
	padding-left: 19px;
	border-top: 1px solid #DDD;
	border-right: 1px solid #DDD;
	border-bottom: 2px solid #DDD;
	border-left: 1px solid #DDD;
	float: left;
	margin-bottom: 22px;
	position: relative;
	line-height: 22px;
}
.cad2 img {
	position: absolute;
	left: 239px;
	top: 7px;
}
/*.cad2 .tra250: padding-bottom 16px en lugar de 18px y añadido a cad acaja .alto340 por IE6 */
.cad2 .tra250 {
	height: 250px;
	width: 250px;
	float: left;
	margin-left: -5px;
	display: block;
	clear: both;
	padding-bottom: 16px;
}
/* .cad3: lista de tiendas sin borde externo */
/* ejemplo codigo .cad3: <div class="cad3"><h4><a rel="nofollow" href="http://clk.tradedoubler.com/click?p(70390)a(1365980)g(17482666)">PC City</a></h4><p>PC City cuenta con más de 40 tiendas donde podrás encontrar PC, portátiles, videojuegos, programas.<br /><span>www.pccity.es</span></p><h4><a href="http://www.beep.es/monitores/monitores.html">BEEP</a></h4><p>La cadena BEEP dispone de más de 400 tiendas de informática entre España, Portugal y Andorra.<br /><span>www.beep.es</span></p></div> cad3 */
.cad3 {
	width: 314px;
	padding-bottom: 9px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DDD;
	float: left;
	padding-top: 7px;
}
.cad2 h2, .cad2 h3 {
	text-align: left;
	line-height: 44px;
	color: #FF4500;
	padding-top: 10px;
	height: 45px;
	padding-bottom: 7px;
}
.cad2 h2 a, .cad3 h2 a {
	color: #FF4500;
	text-decoration: none;
}
.cad2 h3.h_spa {
	margin-bottom: 7px;
}
.cad2 h2.h_spa {
	margin-bottom: 7px;
}
.cad2 h2.spaads {
	text-align: left;
	line-height: 19px;
	color: #FF4500;
	padding-top: 20px;
	height: 20px;
	padding-bottom: 1px;
}
.cad2 h2.spatxt {
	text-align: left;
	line-height: 19px;
	color: #FF4500;
	padding-top: 20px;
	height: 20px;
	padding-bottom: 11px;
}
.cad2 h2.xs {
   font-size: 13px !important;
}
/* .cad2 h3.xl: como .cad2 h3 pero con tamaño fuente más grande (el de h3 de default) */
.cad2 h3.xl {
   font-size: 15px !important;
}
.cad2_dl, .cad3_dl {
	margin: 0px;
    padding: 0px;
}
.cad2 h4, .cad3 h4, .cad2_dl dt, .cad3_dl dt {
	color: #4B0082;
	text-align: left;
	margin: 0px;
	font-weight: bold;
	text-decoration: none;
	clear: both;
	height: 16px;
	line-height: 15px;
	padding-top: 1px;
	padding-bottom: 3px;
}
.cad2_dl dt, .cad3_dl dt {
	font-family: Arial, Tahoma, sans-serif;
	font-size: 12px;
	clear: left;
}
.cad2 h4 a, .cad3 h4 a, .cad2_dl dt a, .cad3_dl dt a {
	font-weight: bold;
	color: #4B0082;
	text-decoration: underline;
}
/* .cad2 p: probado Tahoma 11px, bien pero demasiada enfasi y demasaido corto el "www.." */
/* .cad2 p: si canbias Tahoma 11px, también cambiar los fle */
.cad2 p, .cad2_dl dd {
	font-family: Arial, "Trebuchet MS", sans-serif;
	font-size: 11px;
	color: #444444;
	text-align: left;
	line-height: 14px;
	margin-bottom: 20px;
	padding-right: 19px;
}
.cad3 p {
	color: #444444;
	text-align: left;
	line-height: 14px;
	margin-bottom: 20px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
}
.cad2 span, .cad3 span {
	color: #4B0082;
}
/* cajaimg: alto 250px para iontercambiable con ads con alto 250px */
.cajaimg {
	text-align: left;
	width: 314px;
	background-repeat: no-repeat;
	float: left;
	margin-bottom: 22px;
	background-image: url(/img/guia-consumidor.gif);
	background-position: top;
	position: relative;
	background-color: #F7F8ED;
	height: 300px;
}
.cajaimg h3, .cajaimg h2 {
	color: #4B0082;
	text-align: left;
	margin: 0px;
	font-weight: bold;
	text-decoration: none;
	height: 18px;
	line-height: 17px;
	width: 294px;
	float: left;
	position: absolute;
	left: 0px;
	top: 123px;
	padding-left: 20px;
}
.cajaimg p {
	font-family: Arial, Tahoma, sans-serif;
	font-size: 12px;
	color: #666666;
	width: 269px;
	text-align: left;
	line-height: 15px;
	position: absolute;
	left: 0px;
	top: 148px;
	float: left;
	padding-right: 25px;
	padding-left: 20px;
}
.cder {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	margin: 0px 0px 0px 22px;
	padding: 0px;
	float: left;
	width: 314px;
	line-height: 22px;
	text-align: left;
}
.cder_iz {
	margin: 0px 22px 0px 0px;
}
/* .cder_box: como ctral_box aplicado a cder */
.cder_box {
	float: left;
	width: 100%;
	line-height: 18px;
	margin-bottom: 22px;
}
.cerde {
	line-height: 12px;
	font-size: 10px;
	font-family: Verdana, Arial, sans-serif;
	text-align: left;
	width: 312px;
	border: 1px solid #CCCCCC;
	height: 298px;
	margin-bottom: 22px;
	float: left;
}
.cerde2 {
	line-height: 18px;
	font-size: 14px;
	font-family: Arial, Tahoma, sans-serif;
	height: 198px;
}
.cerde .bor {
	width: 310px;
	border: 1px solid #FFFFFF;
	height: 296px;
	background-image: url(/img/vari/cerde2.gif);
	background-repeat:  repeat-x;
	background-position: bottom;
}
.cerde .bor2 {
	height: 196px;
}
.cerde h2, .cerde h3 {
	font-size: 15px;
	padding-left: 23px;
	display: block;
	margin-bottom: 5px;
	float: left;
	line-height: 16px;
	height: 16px;
	width: 287px;
}
.cerde h2.cer2, .cerde h3.cer2 {
	font-size: 17px;
	line-height: 17px;
	height: 17px;
	padding-top: 44px;
	padding-bottom: 7px;
	font-family: Tahoma, Arial, sans-serif;
}
.cerde img {
	overflow: hidden;
	float: left;
	margin-left: 25px;
	height: 170px;
	margin-bottom: 12px;
	margin-top: 20px;
	width: 262px;
}
.cerde p {
	padding-right: 21px;
	padding-left: 23px;
	margin-bottom: 6px;
	float: left;
}
.cerde p.cer2 {
	color: #888888;
	margin-bottom: 13px;
	font-weight: bold;
}
.cerde_s {
	padding-left: 23px;
}
#csu {
	padding: 0px;
	width: 986px;
	margin: 0px;
	line-height: 22px;
}
.csu_ho {
	margin: 0px;
	width: 986px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	text-align: left;
	padding: 0px;
	color: #333333;
	line-height: 22px;
	float: left;
	position: relative;
}
.csu_box {
	width: 100%;
	float: left;
	line-height: 18px;
	margin-bottom: 22px;
}
/* #csopa: puesto relative para que funcione #bicho y otros absolute */
#csopr, #csopra, #csopra2, #csopra_mup {
	padding: 22px 0px 0px;
	margin: 0px;
	width: 100%;
	float: left;
	position: relative;
	line-height: 22px;
}
/* #csopra: poner padding-up 119px para ver en absolute (ver .a728x90a) */
#csopra {
	padding: 22px 0px 0px;
}
/* #csopra2: con ver .a728x90a2 */
#csopra2 {
	padding: 119px 0px 0px;
}
#csopra_mup {
	padding: 164px 0px 0px;
}
/* #ctral: cuando hay ann728x90 */
#ctral {
	margin: 90px 0px 0px;
	width: 790px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	text-align: left;
	padding: 24px 0px 0px;
	color: #333333;
	float: right;
}
#ctral2 {
	margin: 0px;
	width: 790px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	text-align: left;
	padding: 0px;
	color: #333333;
	float: right;
}
.ctral_box {
	width: 100%;
	float: left;
	line-height: 18px;
	margin-bottom: 22px;
}
.ctral_ho {
	margin: 0px;
	width: 650px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	text-align: left;
	padding: 0px;
	color: #333333;
	line-height: 22px;
	float: left;
	position: relative;
}
.ctral_ho_su {
	line-height: 18px;
	float: left;
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	clear: both;
}
.padsot {
	padding-bottom: 820px;
}
.de {
	float: right;
}
/* .po2_ab: caja absolute en ctral_ho. EJEMPLO: /consolas/ps3.html */
.po2_ab {
	float: left;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	clear: both;
}
/* .po: va como class de ctral_ho, caja para poner en absolute of_big_po */
.po {
	padding-top: 322px !important;
}
.po2 {
	padding-top: 617px !important;
}
.po3 {
	padding-top: 222px !important;
}
.po2i {
	padding-top: 436px !important;
}
.po2i2 {
	padding-top: 814px !important;
}
.cizq_ho_s {
	float: left;
	width: 314px;
	margin-left: 22px;
	line-height: 18px;
	margin-bottom: 22px;
}
/*#cs: #cs e body deben tener siempre elmismo color de fondo para evitar que si pagina es muy corta se vea blanco debajo de cs */
#cs {
	width: 100%;
	border-top: 1px solid #FFFFFF;
	background-color: #EFEFEF;
}
#cs #msotto {
	width: 986px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
	height: 140px;
}
/* color: #817666; */
#cs a:link, #cs a:visited {
	text-decoration: none;
	font-weight: normal;
	color: #666666;
}
#cs a:hover, #cs a:active {
	text-decoration: underline;
}
#cs .bx {
	position: absolute;
	top: 90px;
	left: 100px;
}
#cs .bx ul {
	list-style-image: none;
	list-style-type: none;
	width: 400px;
	float: left;
}
#cs .bx li {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	text-align: left;
	font-weight: normal;
	line-height: 11px;
	height: 11px;
	display: block;
	color: #B5B5B5;
	padding-top: 8px;
	padding-bottom: 8px;
	background-repeat: no-repeat;
	padding-left: 34px;
	padding-right: 4px;
	background-position: left 1px;
	float: left;
	margin-left: 12px;
}
#cs .bx li.es {
	background-image: url(/img/vari/espana.gif);
}
#cs .bx li.it {
    background-image: url(/img/vari/italia.gif);
}
/* #cs .boxs h5: titulo per links, codigo en el caso de utilizarlo: <h5>I nostri siti:</h5> */
#cs .bx h5 {
	float: left;
	height: 11px;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	padding-top: 7px;
	padding-bottom: 9px;
	color: #AAAAAA;
	font-weight: normal;
}
/* #cs #in2: (como todos los 2 aquí abajo) para pagina principal o donde ponga algo abajo como los idiomas */
#cs #in {
	position: absolute;
	left: 0px;
	top: 54px;
	width: 500px;
}
#cs #in span {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	text-align: left;
	font-weight: normal;
	color: #AAAAAA;
	display: block;
}
#cs #in p {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	text-align: left;
	font-weight: normal;
	color: #AAAAAA;
}
#cs #izq {
	position: absolute;
	left: 0px;
	top: 28px;
}
#cs #izq ul {
	list-style-image: none;
	list-style-type: none;
}
#cs #izq li {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #B5B5B5;
	float: left;
	line-height: 12px;
	padding-top: 2px;
	padding-bottom: 1px;
	display: block;
}
#cs #nav {
	position: absolute;
	top: -50px;
	left: 0px;
}
#cs #nav h5 a {
	color: #FF0000;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
	font-family: Verdana, Arial, sans-serif;
	line-height: 14px;
	float: left;
}
#cs #xiti {
	position: absolute;
	top: 95px;
	left: 0px;
}
#cs #xiti img {
	height: 15px;
	width: 80px;
	padding-top: 1px;
}
#cs #sic {
	position: absolute;
	top: 20px;
	background-image: url(/img/vari/sic.gif);
	background-repeat: no-repeat;
	height: 100px;
	width: 241px;
	right: 4px;
}
/*Color borde también #E8E9D4 (tiene que ser mismo que borde cabecera)*/
#cuerpo {
	width: 986px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
	padding: 0px 8px;
	background-color: #FFFFFF;
}
#cuerpo_c {
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #EEEEEE;
	background-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDD;

}
dfn {
	font-weight: bold;
	font-style: normal;
	color: #FF4500;
}
/*dfn:target, para destacar fondo */
dfn:target {
	background-color: #4B0082;
	color: #FFFFFF;
}  
.dista {
	margin: 0px;
	padding: 0px;
	width: 100%;
	float: left;
}
/*.dista dt : deja mrg abajo de 6px si no queda mal, aunque sea un poco más de .h_mrg23 */
.dista dt {
	font-weight: bold;
	color: #4B0082;
	padding-right: 4px;
	margin: 0px 0px 9px;
	clear: left;
}
.dista dt a {
	font-weight: normal;
	text-decoration: underline;
}  
.dista dd {
	margin: 0px 0px 22px;
	padding: 0px;
}
.dista ul {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 19px;
	margin-left: 0px;
}
.dista ul li {
	list-style-type: square;
	list-style-position: inside;
	color: #4B0082;
}
.dista ul.mrgsot li {
	margin-bottom: 9px!important;
}
.dista ol {
	text-align: left;
	padding: 0px 0px 0px 25px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 19px;
	margin-left: 0px;
	float: left;
}
.dista ol li {
	color: #4B0082;
	padding: 0px 0px 9px;
}
.dista ul li p, .dista ol li p  {
	display: inline;
}
.dista dd dl.dlin {
	margin: 0px;
	padding: 0px;
	width: 100%;
}
.dista dd dl.dlin dt {
	color: #FF4500;
	font-weight: bold;
	padding-right: 3px;
	margin: 0px;
	font-size: 12px;
	clear: left;
}
/* .enlcol: cuando quiero link de color dentro de codigo con estilo con links de otro color (se utiliza en tiendas) */
.enlcol {
	font-weight: normal !important;
	color: #4B0082 !important;
	text-decoration: underline !important;
}
.enlcol a:link, .enlcol a:visited, .enlcol a:hover, .enlcol a:active  {
	font-weight: normal !important;
	color: #4B0082 !important;
	text-decoration: underline !important;
}
/*.fosc: cualquier enlace en negrita */
.fosc {
	font-weight: bold !important;
}
h1 {
	font-family: "Arial Narrow", Arial, sans-serif;
	font-size: 16px;
	color: #9B9CB0;
	font-weight: bold;
	display: inline;
}
h2{
	font-family: Arial, "Trebuchet MS", sans-serif;
	font-size: 15px;
	color: #4B0082;
}
h2.b, h2.xl {
	font-size: 17px;
}
/* h2.g: para todo h2 en ctral, etc */
h2.g {
	margin-bottom: 14px;
	margin-top: 14px;
}
/* Buen color alternativo: #4B0082 */
h3 {
	font-size: 13px;
	font-family: Arial, "Trebuchet MS", sans-serif;
	color: #4B0082;
}
h3.n {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	position: absolute;
	left: -484px;
	top: -23px;
	font-weight: normal;
	color: #999999;
}
h5.n {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	position: absolute;
	left: -323px;
	top: -23px;
	font-weight: normal;
	color: #999999;
}
h5.n a {
	color: #999999 !important;
}
h3.xl {
    font-size: 15px !important;
}
h4 {
	font-size: 12px;
	font-family: Arial, Verdana, sans-serif;
	color: #4B0082;
}
h5 {
	font-size: 11px;
	font-family: Arial, Verdana, sans-serif;
	color: #4B0082;
}
h6 {
	font-size: 10px;
	font-family: Arial, Verdana, sans-serif;
	color: #4B0082;
}
.h_mrg2 {
	margin-bottom: 11px !important;
}
.h_mrg3 {
	margin-top: 5px !important;
	margin-bottom: 11px !important;
}
.h_mrg13 {
	margin-top: 13px!important;
}
.h_mrg4 {
	margin-top: 22px !important;
}
.h_mrg23 {
	margin-top: 23px!important;
	margin-bottom: 9px!important;
}
.h_mrg5 {
	margin-top: 44px !important;
	margin-bottom: 11px !important;
}
#h_c {
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EEEEEE;
	background-color: #F9F9F9;
}
#h {
	width: 986px;
	background-image: url(/img/bgup.jpg);
	background-repeat: no-repeat;
	height: 200px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#h_cle {
	width: 986px;
	background-image: url(/img/bgupcle.jpg);
	background-repeat: no-repeat;
	height: 200px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#h_d {
	width: 490px;
	height: 100px;
	float: right;
	text-align: left;
	padding-top: 53px;
	position: relative;
}
/* #h_d p: color bueno también #938774 */
#h_d p {
	width: 400px;
	font-family: Arial, "Trebuchet MS", sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #9293A6;
	line-height: 12px;
}
/* #h_d p: color antiguo #777667 */
#h_d p a:link, #h_d p a:visited, #h_d b, #h_d strong {
	color: #696977;
	text-decoration: none;
	font-weight: normal;
}
#h_d p a:hover, #h_d p a:active {
	text-decoration: underline;
}
#h_i {
	width: 300px;
	height: 120px;
	float: left;
}
#h_i a {
	width: 298px;
	cursor: pointer;
	height: 52px;
	margin-top: 54px;
	margin-left: 11px;
	display: block;
}
.hazclic2 {
	color: #4B0082;
	font-weight: bold;
	height: 18px;
	line-height: 18px;
	text-align: left;
	width: 278px;
	display: block;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFCC00;
	text-indent: 8px;
	float: left;
	margin-bottom: 16px;
	padding-bottom: 1px;
}
.hazclic3 {
	color: #FF00BF;
	font-weight: bold;
	height: 18px;
	line-height: 18px;
	text-align: left;
	width: 278px;
	display: block;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFCC00;
	text-indent: 8px;
	float: left;
	margin-bottom: 12px;
}
.hazclic4 {
	color: #4B0082;
	font-weight: bold;
	height: 18px;
	line-height: 18px;
	text-align: left;
	width: 278px;
	display: block;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #B574EF;
	text-indent: 8px;
	float: left;
	margin-bottom: 12px;
}
.hazclicshort {
	color: #FF4500;
	font-weight: bold;
	height: 18px;
	line-height: 18px;
	text-align: left;
	width: 220px;
	display: block;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFCC00;
	text-indent: 8px;
	float: left;
	margin-bottom: 12px;
}
#hb {
	width: 100%;
	background-image: url(/img/vari/hb4.gif);
	background-color: #FFF;
	background-repeat:   repeat-x;
	line-height: 34px;
	height: 34px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
.imgmapa {
	float: left;
	width: 314px;
	clear: both;
	height: 300px;
	margin-bottom: 22px;
}
.imgprod {
	margin: 0px 18px 0px 0px;
	padding: 0px;
	float: left;
	height: 100px;
	width: 130px;
	background-color: #00CCFF;
}

.imgprod2 {
	margin: 0px 18px 0px 0px;
	padding: 0px;
	float: left;
	height: 100px;
	width: 130px;
	background-image: url(../img/portati-center.gif);
	background-repeat: no-repeat;
	background-color: #00CCFF;
}
.letra {
	width: 100%;
}
.letra h5 {
	font-weight: normal;
	color: #A19480;
	text-decoration: none;
	line-height: 14px;
	height: 14px;
	padding-bottom: 5px;
	text-align: left;
}

/*.letra li: borde tambien #E0D7C9, #E5E8C5*/
.letra li {
	float: left;
	font-weight: bold;
	color: #4B0082;
	text-decoration: none;
	height: 24px;
	display: block;
	text-align: center;
	font-family: Arial, Tahoma, sans-serif;
	font-size: 14px;
	width: 24px;
	line-height: 24px;
	margin-right: 4px;
	background-color: #EFEFEF;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #E5DCCD;
	border-bottom-color: #E5DCCD;
}

/* .letra li a:link, .letra li a:visited: si quieres fondo difuminado: background-image: url(/img/letra6.gif); background-repeat: repeat-y; */
.letra li a:link, .letra li a:visited {
	font-weight: bold;
	color: #4B0082;
	text-decoration: none;
	height: 24px;
	display: block;
	text-align: center;
	font-family: Arial, Tahoma, sans-serif;
	font-size: 14px;
	width: 24px;
	background-color: #EFEFEF;
	line-height: 24px;
}

/* .letra li a:hover, .letra li a:active:  no pongas background de color, dejalo sin nada,  increible pero si no lo haces así salta en IE6 !!!! - Otra cosa, si quieres difuminado en el hover pon "letraon3.gif" */
.letra li a:hover, .letra li a:active {
	font-weight: bold;
	color: #FF8000;
	text-decoration: underline;
	height: 24px;
	display: block;
	text-align: center;
	font-family: Arial, Tahoma, sans-serif;
	font-size: 14px;
	width: 24px;
	line-height: 24px;
}
.letra li.arrivo {
	font-weight: bold;
	color: #FF8000;
	text-decoration: none;
	height: 24px;
	display: block;
	text-align: center;
	font-family: Arial, Tahoma, sans-serif;
	font-size: 14px;
	width: 24px;
	background-color: #FFFFFF;
	line-height: 24px;
	background-image: url(/img/letraon3.gif);
	background-repeat: no-repeat;
}
.letra li.num a:link, .letra li.num a:visited {
	font-weight: bold;
	text-decoration: none;
	height: 24px;
	display: block;
	text-align: center;
	font-family: Arial, Tahoma, sans-serif;
	font-size: 10px;
	width: 24px;
	line-height: 24px;
}
.lib3, .lib2ads, .lib3ads {
	line-height: 15px;
	font-size: 11px;
	font-family: Verdana, Tahoma, sans-serif;
	text-align: left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DDD;
	float: left;
	width: 100%;
	position: relative;
	height: 136px;
}
.lib3 dt {
	font-size: 13px;
	font-family: Arial, Tahoma, sans-serif;
	color: #4B0082;
	font-weight: bold;
	clear: left;
}
.lib3 h3, .lib3 dt {
	margin-bottom: 8px;
	text-align: left;
	padding-top: 1px;
	position: absolute;
	top: 27px;
	left: 91px;
	line-height: 12px;
	height: 12px;
	padding-bottom: 4px;
}
.lib3_2 h3, .lib3_2 dt {
	left: 82px;
}
.lib3 h4, .lib3 .col {
	color: #FF4500;
	font-weight: normal;
	position: absolute;
	left: 91px;
	top: 47px;
	font-size: 11px;
	font-family: Verdana, Arial, sans-serif;
}
.lib3_2 .col {
	color: #FF4500;
	position: absolute;
	left: 82px;
	top: 47px;
}
.lib3_2 h4 {
	left: 82px;
}
.lib3 h3 a, .lib3_2 h3 a, .lib3_2 dt a {
	font-weight: bold;
	color: #4B0082;
	text-decoration: underline;
}
/* VARIOS .imag: dejalo nombre ".imag", sirve paar utilizar una img dentro de un dt o un dd */
.lib3 .imag, .lib3_2 .imag {
	height: 90px;
	width: 68px;
	border: 1px solid #CCCCCC;
	overflow: hidden;
	margin-right: 12px;
	position: absolute;
	left: 0px;
	top: 22px;
	display: block;
} 
.lib3 p, .lib3 .gri {
	color: #555;
	position: absolute;
	left: 91px;
	top: 66px;
}

.lib3 .men  {
	color: #555;
	position: absolute;
	left: 91px;
	top: 97px;
}
.lib3 .men dl dt.tit5, .lib3 .tit5 {
	color: #777777;
	font-weight: bold;
	font-size: 11px;
	font-family: Verdana, Tahoma, sans-serif;
	clear: left;
	float: left;
	position: static;
	margin: 0px;
	padding: 0px;
	height: 15px;
	line-height: 15px;
}
.lib3 .men dl dd {
	float: left;
}
.lib3 .men ul  {
	color: #555;
	float: left;
}
.lib3 .men li {
	float: left;
	list-style-image: none;
	list-style-type: none;
	margin-top: 0px;
	margin-right: 7px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(/img/bar/1x11-888.gif);
	background-repeat: no-repeat;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 8px;
	background-position: 0px 2px;
	line-height: 14px;
	height: 15px;
	font-size: 12px;
	font-family: Verdana, Tahoma, sans-serif;
}

.lib3 .men li a:link, .lib3 .men li a:visited {
	font-weight: bold;
	color: #FF6600;
	text-decoration: underline;
}
.lib3 .men li a:hover, .lib3 .men li a:active {
	color: #666666;
}
.lib3_2 p, .lib3_2 .gri {
	left: 82px;
} 
.libads .img {
	height: 90px;
	width: 68px;
	border: 1px solid #CCCCCC;
	margin-right: 12px;
	position: absolute;
	left: 0px;
	top: 22px;
	background-image: url(/img/es/gen.jp);
	background-repeat: no-repeat;
	background-color: #000033;
}
.libads .tra468 {
	height: 60px;
	width: 468px;
	background-image:  url("/NUEVOS/ads/468x60tra-7E18DA.gif");
	background-repeat: no-repeat;
	position: absolute;
	top: 25px;
}
.libads .ggl468 {
	height: 60px;
	width: 468px;
	background-image:  url("/NUEVOS/ads/468x60ggl-7E18DA.gif");
	background-repeat: no-repeat;
	position: absolute;
	top: 35px;
}
/* .lib2ads span: para ads 234x60 */
.lib2ads span {
	position: absolute;
	left: 0px;
	top: 25px;
	height: 60px;
	width: 234px;
	display: block;
} 
/* .libads span: para ads 234x60 */
.lib3ads span {
	position: absolute;
	left: 82px;
	top: 25px;
	height: 60px;
	width: 234px;
	display: block;
} 
/*.liho, se utilizza in home */
.liho {
	float: left;
	text-align: left;
	padding-bottom: 24px;
}
.liho li {
	font-family: Arial, Tahoma, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-image: url(../img/flechas/7x5FF6600.gif);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	padding: 1px 6px 4px 14px;
	line-height: 15px;
	list-style-image: none;
	list-style-type: none;
	width: 124px;
	color: #666666;
}

.liho2 {
	float: left;
	text-align: left;
	padding-bottom: 22px;
}
.liho2 li {
	font-family: Arial, Tahoma, sans-serif;
	font-size: 13px;
	font-weight: bold;
	background-image: url(../img/flechas/7x5FF6600.gif);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	padding: 1px 6px 5px 13px;
	line-height: 16px;
	list-style-image: none;
	list-style-type: none;
	width: 122px;
	color: #666666;
}
.liho3 {
	float: left;
	text-align: left;
	padding-bottom: 18px;
}
.liho3 li {
	font-family: Arial, Tahoma, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-image: url(/img/flechas/7x7FF6600.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding: 0px 22px 9px 14px;
	line-height: 16px;
	list-style-image: none;
	list-style-type: none;
	color: #666666;
}
.liho4 {
	float: left;
	text-align: left;
	padding-bottom: 22px;
}
.liho4 li {
	font-family: Arial, Tahoma, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-image: url(/img/flechas/7x7FF6600.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding: 0px 22px 8px 14px;
	line-height: 13px;
	list-style-image: none;
	list-style-type: none;
	color: #666666;
}
/* .oli5: no puesto color para flexibilidad, usar c1, c2, etc*/
.oli5 {
	float: left;
	text-align: left;
	padding-bottom: 22px;
	padding-left: 23px;
}
.oli5 li {
	font-family: Arial, Tahoma, sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding: 1px 6px 5px 10px;
	line-height: 16px;
}
/* .lisa: Lista Sin Ancho (lisa) */
/* .lisa: muy util en lista con mucho ul para evitar repetir class en cada ul, solo se pone en div */
/* .lisa: dejar clear:both para IE6 */
.lisa {
	width: 100%;
	float: left;
	clear: both;
}
.lisa ul {
	float: left;
	text-align: left;
}
.lisa li {
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 12px;
	font-weight: bold;
	list-style-image: none;
	list-style-type: none;
	background-image: url(/img/flechas/4x7FF4500.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	line-height: 15px;
	list-style-image: none;
	list-style-type: none;
	color: #666666;
	padding-right: 53px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-top: 1px;
}
.liho a:link, .liho a:visited, .lisa a:link, .lisa a:visited, .liho2 a:link, .liho2 a:visited, .liho3 a:link, .liho3 a:visited, .liho4 a:link, .liho4 a:visited {
	color: #4B0082;
	text-decoration: none;
}
.liho a:hover, .liho a:active, .lisa a:hover, .lisa a:active, .liho2 a:hover, .liho2 a:active, .liho3 a:hover, .liho3 a:active, .liho4 a:hover, .liho4 a:active {
	color: #FF4500;
	text-decoration: underline;
}
.lia5 {
	float: left;
	text-align: center;
	padding-left: 30px;
	padding-top: 30px;
}
.lia5 ul {
	text-align: left;
	float: left;
}
.lia5 li {
	font-family: Arial, Tahoma, sans-serif;
	font-size: 14px;
	font-weight: bold;
	list-style-image: none;
	list-style-type: none;
	background-image: url(/img/flechas/7x7FF6600.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	line-height: 15px;
	list-style-image: none;
	list-style-type: none;
	color: #666666;
	padding-right: 39px;
	padding-bottom: 14px;
	padding-left: 14px;
	padding-top: 1px;
}
.disin {
	font-family: Arial, Tahoma, sans-serif;
	font-size: 14px;
	color: #555;
	line-height: 16px;
	float: left;
	width: 100%;
	padding-bottom: 16px;
}
.disin dt {
	color: #4B0082;
	font-weight: bold;
	padding-right: 4px;
	float: left;
	clear: left;
}
.disin dd {
	color: #555;
	padding: 0px 14px 9px 0px;
}
.disin b, .disin strong {
	color: #666666;
}
.lisin {
	float: left;
	text-align: left;
	padding-bottom: 16px;
}
.lisin li {
	font-family: Arial, Tahoma, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding: 0px 14px 9px 0px;
	line-height: 16px;
	list-style-image: none;
	list-style-type: none;
	color: #4B0082;
}
.lisin span {
	color: #555;
	font-weight: normal;
}
.lisin b, .lisin strong {
	color: #666666;
}
.list {
	margin: 0px 0px 20px;
	padding: 0px;
	float: left;
	line-height: 22px;
}
.list li {
	color: #FF4500;
	list-style-type: square;
	list-style-position: inside;
	padding-bottom: 2px;
}
.list li a {
	font-weight: normal;
	color: #4B0082;
	text-decoration: underline;
}
/* #malto siempre font en #menualto (div) y no en menulato ul li, increible pero si no lo haces así salta en IE6 !!!! */
#malto {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	color: #330066;
	height: 35px;
	font-weight: normal;
	float: left;
	position: absolute;
	left: 0px;
	top: -36px;
	width: 986px;
	text-transform: uppercase;
}
#malto .m {
	list-style-image: none;
	list-style-type: none;
	float: left;
}
#malto .m li {
	float: left;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #EEEEEE;
	height: 35px;
}
#malto .m li a {
	color: #330066;
	text-decoration: none;
	padding: 12px 8px 11px 10px;
	display: block;
	font-weight: normal;
	float: left;
	height: 12px;
	line-height: 12px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFF;
	text-transform: uppercase;
}
#malto .m li a:hover, #malto .m li a:active {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	background-image: url(/img/malto/1.gif);
	background-repeat:  repeat-x;
	background-position: bottom;
	padding-right: 8px;
	padding-left: 10px;
	padding-top: 12px;
	padding-bottom: 11px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #52008F;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
}
#malto .m li.ar {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	background-image: url(/img/malto/ar.gif);
	background-repeat:  repeat-x;
	background-position: bottom;
	padding-right: 8px;
	padding-left: 10px;
	font-weight: normal;
	line-height: 12px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FF930F;
	height: 12px;
	padding-top: 12px;
	padding-bottom: 11px;
}
/* #malto .d: para bordito blanco vertical al final de lista de izq */
#malto #d {
	height: 35px;
	float: left;
	display: block;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #E6E6E6;
}

#mbajo {
	height: 35px;
	width: 986px;
	float: left;
	margin-bottom: 22px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #DDD;
	border-bottom-color: #DDD;
}
#mbajo h5 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	float: left;
	line-height: 34px;
	color: #222222;
	font-weight: bold;
	padding-left: 32px;
}
/* #mbajo .h li: */
#mbajo .h li {
	float: left;
	line-height: 34px;
	font-family: Arial, Tahoma, sans-serif;
	font-size: 10px;
	color: #4B0082;
	font-weight: bold;
	list-style-image: none;
	list-style-type: none;
	padding-left: 5px;
	text-decoration: none;
}
#mbajo .n li {
	background-image: url(/img/flechas/7x5FF6600.gif);
	background-repeat: no-repeat;
	background-position: 3px 16px;
	padding-left: 14px;
	list-style-image: none;
	list-style-type: none;
	font-family: Arial, Tahoma, sans-serif;
	font-size: 10px;
	color: #666666;
	font-weight: bold;
	line-height: 34px;
	float: left;
}
#mbajo .n li strong {
	line-height: 34px;
	font-weight: bold;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 10px;
}
#mbajo .adv {
	float: right;
	line-height: 15px;
	display: block;
	height: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#mbajo .nd {
	float: right;
}
#mbajo .nd li {
	list-style-image: none;
	list-style-type: none;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	color: #4B0082;
	text-decoration: none;
	font-weight: bold;
	height: 33px;
	line-height: 33px;
	padding-left: 18px;
	float: left;
	display: block;
	padding-top: 2px;
}
#mbajo a {
	text-decoration: underline;
	color: #4B0082;
	font-weight: bold;
}
.mapa {
	float: left;
	margin-bottom: 20px;
	padding-left: 35px;
}
.mapa2 {
	width: 310px;
	float: left;
	margin-bottom: 20px;
}
.mapa3 {
	width: 156px;
	float: left;
	border-top: 2px solid #FFCC00;
	border-right: 2px solid #FFCC00;
	border-left: 2px solid #FFCC00;
}
/*.marchio: es la img grande por cada tienda, en pagina de cada tienda*/
.marchio {
	margin: 2px 22px 0px 0px;
	padding: 0px;
	float: left;
	height: 86px;
	width: 130px;
	background-color: #0099FF;
	border: 1px solid #CECECE;
	overflow: hidden;
}
.mup {
	height: 118px;
	text-align: left;
	float: left;
	position: absolute;
	left: 0px;
	top: 22px;
	border: 1px solid #DDD;
	width: 965px;
	padding-left: 19px;
}
/* mgen: en lugar de mup para poner mismo contenido de library "compras" pero abajo de todo en la pagina (terminada cajasu) */
.mgen {
	height: 119px;
	text-align: left;
	float: left;
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DDD;
	position: relative;
}
.mizq_ho_xl {
	float: left;
	width: 314px;
	line-height: 18px;
	margin-bottom: 22px;
}
.mup_in {
	width: 100%;
	text-align: left;
	position: relative;
	float: left;
}
.mup_in h2 {
	float: left;
	text-align: left;
	padding-top: 15px;
	padding-bottom: 8px;
	color: #FF4500;
	float: left;
	height: 16px;
	line-height: 16px;
	font-size: 13px;
	font-weight: normal;
}
.mup_in_ul {
	height: 16px;
	position: absolute;
	top: 9px;
	text-align: left;
	right: 0px;
}
/* .mup_in_ul li: no poner float:right no se verá en IE6 */
.mup_in_ul li {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	list-style-image: none;
	list-style-type: none;
	background-image: url(/img/flechas/4x7FF4500.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	line-height: 16px;
	list-style-image: none;
	list-style-type: none;
	color: #666666;
	text-decoration: none;
	float: left;
	padding-left: 9px;
	padding-right: 22px;
}
.of_big {
	margin-bottom: 22px;
	width: 650px;
	float: left;
}
.of_big_de {
	margin-bottom: 22px;
	width: 650px;
	float: right;
}
.of_big_de img{
	background-color: #FAFBF0;
	width: 650px;
	display: block;
	float: right;
}
.of_big_menu {
	width: 650px;
	height: 298px;
	float: left;
	clear: both;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #DDD;
	border-bottom-color: #DDD;
}
/* .of_big_po: va en absolute ligado a ctral_ho_po y ctral_ho_po2i2 */
.of_big_po {
	width: 650px;
	position: absolute;
	left: 0px;
	top: 0px;
	float: left;
	clear: both;
}
.of_big h2, .of_big_po h2 {
	float: left;
	width: 60%;
	line-height: 14px;
	height: 14px;
	padding-bottom: 4px !important;
	margin-top: 22px !important;
	margin-bottom: 0px !important;
}
.of_big img, .of_big_po img {
	background-color: #FAFBF0;
	width: 650px;
	display: block;
	float: left;
}
.of_big span, .of_big_po span {
	font-size: 10px;
	font-family: Tahoma, Arial, sans-serif;
	color: #AEA08A;
	float: left;
	display: block;
	width: 40%;
	text-align: right;
	font-weight: normal;
	text-decoration: none;
	line-height: 10px;
	height: 10px;
	padding-top: 3px;
	padding-bottom: 5px;
	margin-top: 22px;
}
.of_big p, .of_big_po p {
	float: left;
	margin-top: 6px;
	line-height: 17px;
}
.of_de {
	float: left;
	width: 300px;
	background-color: #EFEEE5;
	padding: 7px;
	margin-left: 22px;
}
.of_de .o a {
	height: 250px;
	width: 300px;
	display: block;
	cursor:pointer;
	background-image: url(/img/home/de.jpg);
	background-repeat: no-repeat;
}
.of_de h2, .of_iz h2 {
	line-height: 16px;
	height: 16px;
	padding-bottom: 3px;
	margin-bottom: 0px !important;
	margin-top: 0px !important;
}
.of_de .tx, .of_iz .tx {
	height: 80px;
	width: 282px;
	padding-top: 10px;
	background-color: #FFFFFF;
	border-top-width: 7px;
	border-top-style: solid;
	border-top-color: #EFEEE5;
	padding-left: 10px;
	line-height: 17px;
	padding-right: 8px;
}
.of_de span, .of_iz span {
	color: #FF4500;
}
.of_iz {
	float: left;
	width: 300px;
	background-color: #EFEEE5;
	padding: 7px;
}
.of_iz .o a {
	height: 250px;
	width: 300px;
	display: block;
	cursor:pointer;
	background-image: url(/img/home/iz.jpg);
	background-repeat: no-repeat;
}
/*.ofe: es la cabecera de la oferta de la semana */
.ofer {
	width: 300px;
	height: 40px;
	background-image: url(/img/vari/oferta-semana.gif);
	background-repeat: no-repeat;
	background-color: #EEF1CD;
	float: left;
}
.ofer_ads {
	width: 300px;
	text-align: center;
	height: 250px;
	background-color: #F0F0F0;
	float: left;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	cursor: pointer;
}
.ofer_foot {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 9px;
	color: #232323;
	height: 22px;
	line-height: 21px;
	background-color: #EEF1CD;
	text-align: center;
	background-image: url(/img/bgoferta-semana.gif);
	background-repeat:  repeat-y;
	margin-bottom: 22px;
	font-weight: normal;
	float: left;
	width: 300px;
}
.ofer250 {
	height: 274px;
	width: 274px;
	background-color: #F0F0F0;
	text-align: center;
	background-image: url(/img/bgoferta-semana.gif);
	background-repeat:  repeat-y;
	padding-right: 13px;
	padding-left: 13px;
	float: left;
	margin-bottom: 22px;
}

/* .ofer_250 span - al poner anuncio quita todo de fondo salvo color blanco */
.ofer250 span {
	height: 250px;
	width: 250px;
	display: block;
	text-align: center;
	padding-right: 11px;
	padding-left: 11px;
	padding-top: 10px;
	cursor: pointer;
	background-image: url(/img/250x250gra.gif);
	background-repeat: no-repeat;
	background-position: 12px;
	border: 1px solid #FFFFFF;
}
/* toda la caja de Ofertas coincide en tamaño total de alto con caja de Glosario, News e Guida grande */
.ofe_cab {
	text-align: left;
	line-height: 21px;
	height: 21px;
	font-weight: bold;
	color: #CCCCCC;
	width: 100%;
	font-family: Verdana, Arial, sans-serif;
	display: block;
	background-color: #FAFBF0;
	text-indent: 18px;
	padding-top: 12px;
}

.ofe_h {
	color: #FF00BF;
	text-align: left;
	font-weight: bold;
	line-height: 14px;
	height: 14px;
	text-decoration: underline;
	clear: both;
	border-top-width: 14px;
	border-top-style: solid;
	border-top-color: #FAFBF0;
	background-color: #FAFBF0;
	padding-right: 16px;
	padding-left: 18px;
}
.ofe_h a:link, .ofe_h a:visited {
	text-decoration: underline;
	color: #FF00BF;
}
.ofe_h a:hover, .ofe_h a:active {
	text-decoration: underline;
	color: #5900BB;
}
/* .ofe: antesfont color era #444444 */
.ofe {
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #8C8C8C;
	line-height: 14px;
	background-color: #FAFBF0;
	padding-right: 17px;
	padding-left: 17px;
	padding-bottom: 4px;
}
.ofe_end {
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #8C8C8C;
	line-height: 14px;
	background-color: #FAFBF0;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #EEF1CD;
	padding-right: 17px;
	padding-bottom: 6px;
	padding-left: 17px;
}
.prod_ho {
	width: 100%;
	line-height: 22px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDD;
	margin-bottom: 22px;
	float: left;
}
.prod_ho2 {
	width: 100%;
	line-height: 22px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDD;
	margin-bottom: 22px;
	float: left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DDD;
}
.prod_ho h2, .prod_ho2 h2 {
	color: #FF4500;
	line-height: 16px;
	font-size: 15px;
	height: 16px;
	padding-top: 2px;
	margin-bottom: 20px;
	margin-top: 0px;
	float: left;
	width: 100%;
}
/* .prod_ho h2.bor: si quieres borde gris abajo de h2 */
.prod_ho h2.bor, .prod_ho2 h2.bor {
	color: #FF4500;
	line-height: 16px;
	font-size: 15px;
	height: 16px;
	padding-top: 2px;
	margin-bottom: 22px;
	float: left;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDD;
	padding-bottom: 11px;
}
.prod_ho dt, .prod_ho2 dt {
	font-size: 13px;
	font-family: Arial, Tahoma, sans-serif;
	color: #4B0082;
	font-weight: bold;
	clear: left;
}
.prod_ho_iz, .prod_ho h3, .prod_ho2 h3, .dl_ho_iz, .prod_ho dt, .prod_ho2 dt {
	float: left;
	width: 314px;
}
.prod_ho h3, .prod_ho2 h3, .prod_ho dt, .prod_ho2 dt {
	font-size: 13px;
	line-height: 12px;
	height: 12px;
	padding-bottom: 7px;
	padding-top: 4px;
	text-decoration: none;
}
.prod_ho h3 a:link, .prod_ho h3 a:visited, .prod_ho2 h3 a:link, .prod_ho2 h3 a:visited,.prod_ho dt a:link, .prod_ho dt a:visited, .prod_ho2 dt a:link, .prod_ho2 dt a:visited {
	text-decoration: underline;
}
.prod_ho_de, .dl_ho_de {
	float: left;
	width: 314px;
	margin-left: 22px;
}
/*#prod_ho p, #prod_ho2 p: puesto padding-bottom 22 en lugar de margen si no salta IE7 */
.prod_ho p, .prod_ho2 p, .prod_ho dd, .prod_ho2 dd {
	line-height: 16px;
	float: left;
	color: #655D50;
	padding-bottom: 22px;
}
/* .prod_ho p a:link: color oscuro era #4A443B */
.prod_ho p a:link, .prod_ho p a:visited, .prod_ho2 p a:link, .prod_ho2 p a:visited, .prod_ho dd a:link, .prod_ho dd a:visited, .prod_ho2 dd a:link, .prod_ho2 dd a:visited {
	color: #FF4500;
	text-decoration: none;
}
/* todos los .pag: serve también como cleaner IE */
/* .pag: CODIGO PARA anterior-siguiente: <div class="pag"><h5 class="t">Titulo</h5><ul><li class="n">anterior</li><li>2</li><li><a href="http://www.negoziinformatica.com/offerte-computer-firenze.html">3</a></li><li class="n"><a href="http://www.negoziinformatica.com/offerte-computer-firenze.html">siguiente</a></li></ul></div> */
.pag, .pag_mrg, .pag4 {
	clear: both;
	text-align: center;
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DDD;
	position: relative;
	float: left;
}
.pag {
	height: 33px;
}
.pag4 {
	height: 55px;
}
/* .pag_mrg: como pag pero con margen abajo */
.pag_mrg {
	height: 33px;
	margin-bottom: 22px;
}
.pag_xs, .pag_xs_mrg {
	clear: both;
	height: 22px;
	text-align: center;
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DDD;
	position: relative;
	float: left;
}
.pag_xs_mrg {
	margin-bottom: 22px;
}
.pag2 {
	clear: both;
	float: left;
	height: 44px;
	text-align: center;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDD;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DDD;
	margin-bottom: 22px;
	position: relative;
}
.pag .fle4, .pag_mrg .fle4, .pag2 .fle4, .pag4 .fle4 {
	position: absolute;
	left: 0px;
	top: 16px;
}
.pag2 .fle4 {
	top: 14px;
}
.pag3, .pag3_xs, .pag3_xxs {
	clear: both;
	float: left;
	text-align: center;
	width: 100%;
	position: relative;
}
.pag3 {
	height: 22px;
}
.pag3_xs {
	height: 11px;
	line-height: 11px;
}
/* .pag3_xxs: alto de linea para IE y puesto caracter espacio dentro de div (ver) */
.pag3_xxs {
	line-height: 0px;
	height: 0px;
	float: left;
}
/* .pag t: eventuale titulo h5 de accesibilidad */
.pag .t {
	color: #787878;
	position: absolute;
	left: 0px;
	top: 17px;
	line-height: 11px;
	height: 11px;
	padding-top: 1px;
	font-size: 12px;
	padding-bottom: 1px;
}
/* .pag ul: se usa para numeros pagina y pagina seguente y anterior */
.pag ul {
	list-style-image: none;
	list-style-type: none;
	line-height: 44px;
	text-align: center;
	padding: 0px;
}
.pag li {
	color: #787878;
	font-size: 14px;
	font-family: Arial, Verdana, sans-serif;
	font-weight: normal;
	line-height: 44px;
	padding-right: 2px;
	padding-left: 2px;
	display: inline;
}
.pag li.n {
	padding-right: 6px;
	padding-left: 6px;
}
/* No cambies de sitio todas las "fle" en CSS, no pongas antes de pag, dejalo aqui despues de pag sino se ve mal en todo navegador - INCREIBLE pero es así */
.fle {
	background-image: url(/img/flechas/7x7FF6600.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 10px;
}
.fle_cad2, .fle_cad2-2, .fle_cad2_f {
	float: left;
	line-height: 14px;
	margin-bottom: 16px;
}
.fle_cad2 li, .fle_cad2-2 li, .fle_cad2_f li {
	font-family: Arial, Tahoma, sans-serif;
	font-size: 11px;
	line-height: 14px;
	height: 15px;
	float: left;
	list-style-image: none;
	list-style-type: none;
	color: #FF4500;
	padding-top: 0px;
	padding-right: 13px;
	padding-bottom: 0px;
	padding-left: 11px;
}
.fle_cad2 li, .fle_cad2-2 li {
	background-image: url(/img/flechas/7x7FF6600.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
}
.fle_cad2-2 li {
	margin-top: -2px;
}
.fle_cad2_f li {
    background-image: url(/img/flechas/7x74B0082.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
}
.fle_cad2_t {
	float: left;
	line-height: 14px !important;
	font-weight: normal;
	color: #444444;
	padding-right: 0px !important;
	font-size: 11px;
	height: 15px;
}
.fle_cad2_sin {
	float: left;
	line-height: 14px;
	margin-bottom: 16px;
}
.fle_cad2_sin li {
	font-family: Arial, Tahoma, sans-serif;
	font-size: 11px;
	line-height: 14px;
	height: 15px;
	list-style-image: none;
	list-style-type: none;
	color: #444444;
	float: left;
	padding-right: 4px;
}
/* .fle4: (ej. busco-tienda.html) - ver estilo .pag */
.fle4 {
	float: left;
	line-height: 15px;
}
.fle4 li {
	background-image: url(/img/flechas/7x7FF6600.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 11px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	list-style-image: none;
	list-style-type: none;
	color: #4B0082;
	text-decoration: none;
	font-weight: bold;
	height: 15px;
	line-height: 15px;
	float: left;
	display: block;
	padding-right: 15px;
}
.fle4 li a:link, .fle4 li a:visited {
	font-weight: bold;
	text-decoration: underline;
	color: #4B0082;
}
.hazclic {
	color: #FF4500;
	font-weight: bold;
	height: 18px;
	line-height: 18px;
	text-align: left;
	width: 278px;
	display: block;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFCC00;
	text-indent: 8px;
	float: left;
	margin-bottom: 12px;
}
/* hazclic278: si usa per liste derecha che terminano con borde */
.hazclic278 {
	color: #FF4500;
	font-weight: bold;
	height: 18px;
	line-height: 18px;
	text-align: left;
	width: 278px;
	display: block;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFCC00;
	text-indent: 8px;
	float: left;
	margin-bottom: 16px;
	padding-bottom: 1px;
}
.pul {
	clear: both;
}
/* pulito2: si usa cuando hay 2 listas en a derecha una debajo de otra. Si usa nell aprima lista per dare un espacio poc menos que el br que sería demasiado */
.pul2 {
	clear: both;
	height: 18px;
	background-color: #FFFFFF;
}
/* p, ul, dl, dd: no ponga también li, si no pierdes control de color de numeros en li */
p, ul, dl, dd {
	color: #333333;
}
p a.ob, li a.ob, dd a.ob, .ne {
	color: #FF4500!important;
	text-decoration: none !important;
}
p a.ob3, li a.ob3, dd a.ob3, .ne3 {
	color: #4B0082!important;
	text-decoration: none !important;
} 
/* IMPORTANTE ob4: reservado para pagina tipo segunda-mano.html, parte de arriba, deja posibilidad cambiar algún día color link */
p a.ob4, li a.ob4, dd a.ob4, .ne4 {
	color: #4B0082!important;
	text-decoration: none!important;
}
p b, p strong, dd b, dd strong {
	color: #FF4500;
} 
/* strong.ne, b.ne : para verlos en color negro y sin bold */
strong.ne, b.ne  {
	font-weight: normal!important;
	color: #181818!important;
}
/* .p4: para parrafos con links del colro declarado */
.p4 {
	color: #333333;
}
.p4 a:link, .p4 a:visited  {
	font-weight: normal;
	color: #4B0082;
	text-decoration: none;
}  
.p4 a:hover, .p4 a:active  {
	font-weight: normal;
	color: #4B0082;
	text-decoration: underline;
}
p.mrg, dd.mrg, ul.mrg {
	margin-bottom: 18px;
}
p.mrg9, dd.mrg9, ul.mrg9 {
	margin-bottom: 9px;
}
.lis2 {
	margin: 0px;
	padding: 0px;
}
/*.lis2: deja Arial, Tahoma 12 feo */
.lis2 li {
	color: #FF4500;
	list-style-type: square;
	list-style-position: inside;
	line-height: 15px;
	font-size: 12px;
	margin-bottom: 10px;
	font-family: Arial, Tahoma, sans-serif;
	padding-bottom: 6px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
}
.lis2 li a:link, .lis2 li a:visited {
	font-weight: normal;
	color: #4B0082;
	text-decoration: none;
}
.lis2 li a:hover, .lis2 li a:active {
	color: #FF4500;
	text-decoration: underline;
}
.tab_div {
	float: left;
	margin-bottom: 22px;
	width: 302px;
	background-color: #F0F0F0;
	padding: 5px 6px 6px;
}
.tab_div h2, .tab_div h3 {
	line-height: 16px;
	height: 16px;
	font-size: 15px;
	color: #FF4500;
	padding-bottom: 10px;
	padding-top: 12px;
	text-indent: 3px;
	text-transform: uppercase;
}
/* ######### CSS for Shade Tabs. Remove if not using ######### */
.tab_in {
	width: 271px;
	background-color: #FFFFFF;
	border: 1px solid #DDDDDD;
	margin-top: -1px;
	padding-left: 15px;
	padding-top: 20px;
	padding-right: 14px;
	padding-bottom: 9px;
	height: 271px;
	overflow: hidden;
}
/*.tab_in p: deja Arial, Tahoma 12 feo */
.tab_in p {
	font-family: Arial, Tahoma, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #444444;
	padding-left: 10px;
	margin-bottom: 8px;

}
.tab_in p span {
	font-weight: normal;
	color: #4B0082;
    text-transform: uppercase;
}
.tab_in p b {
	font-weight: normal;
	color: #FF4500;
}
.ultima_ul {
	float: left;
	line-height: 15px;
	padding-left: 11px;
}
/*.ultima_ul li: deja Arial, Tahoma 12 feo */
.ultima_ul li {
	background-image: url(/img/flechas/7x74B0082.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 11px;
	list-style-image: none;
	list-style-type: none;
	color: #FF4500;
	text-decoration: underline;
	font-weight: normal;
	height: 15px;
	line-height: 15px;
	float: left;
	display: block;
	padding-right: 15px;
	font-family: Arial, Tahoma, sans-serif;
	font-size: 12px;
}
.ultima_ul li a:link, .ultima_ul li a:visited {
	font-weight: normal;
	text-decoration: underline;
	color: #FF4500;
}
.shadetabs {
	margin-left: 0;
	margin-bottom: 0;
	font: bold 12px Verdana;
	list-style-type: none;
	text-align: left;
	padding: 0px;
}
.shadetabs li {
    display: inline;
    margin: 0;
}
/*.shadetabs li a: no quites position: relative para ver bien */
.shadetabs li a {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #4B0082;
	z-index: 1;
	padding: 4px 6px;
	margin: 0px 6px 0px 0px;
	line-height: 22px;
	height: 22px;
	border-top: 1px solid #DDD;
	border-right: 1px solid #DDD;
	border-left: 1px solid #DDD;
	position: relative;
}
.shadetabs li a:visited {
	color: #333333;
	text-decoration: none;
}
.shadetabs li a:hover {
    text-decoration: underline;
    color: #FFFFFF;
}
.shadetabs li a.selected {
	background-color: #FFFFFF;
	color: #333333;
	padding-top: 4px;
	line-height: 22px;
	padding-bottom: 4px;
}
.shadetabs li a.selected:hover {
    text-decoration: none;
}
.tabcontent {
    display: none;
}
@media print {
.tabcontent {
    display:block !important;
}
}
.neg, .neg2, .negads, .neg2ads {
	line-height: 12px;
	font-size: 10px;
	font-family: Verdana, Arial, sans-serif;
	text-align: left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DDD;
	float: left;
	width: 100%;
	position: relative;
	height: 114px;
} 
.neg3 {
	line-height: 15px;
	font-size: 11px;
	font-family: Verdana, Arial, sans-serif;
	text-align: left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DDD;
	float: left;
	width: 100%;
	position: relative;
	height: 114px;
} 
.neg h3, .neg2 h3, .neg3 h3 {
	margin-bottom: 8px;
	text-align: left;
	padding-top: 1px;
	position: absolute;
	top: 23px;
	left: 104px;
	line-height: 12px;
	height: 12px;
	padding-bottom: 4px;
}
.neg h4 {
	font-size: 10px;
	font-family: Verdana, Arial, sans-serif;
	color: #FF4500;
	font-weight: normal;
	line-height: 12px;
	padding-top: 1px;
	position: absolute;
	left: 104px;
	top: 41px;
}
.neg3 h4 {
	font-size: 11px;
	font-family: Verdana, Arial, sans-serif;
	color: #FF4500;
	font-weight: normal;
	line-height: 15px;
	padding-top: 1px;
	position: absolute;
	left: 104px;
	top: 41px;
}
.neg h3 a, .neg2 h3 a, .neg3 h3 a {
	font-weight: bold;
	color: #4B0082;
	text-decoration: underline;
} 
.neg img, .neg2 img, .neg3 img {
	height: 58px;
	width: 80px;
	border: 1px solid #C0C0C0;
	overflow: hidden;
	margin-right: 12px;
	position: absolute;
	left: 0px;
	top: 22px;
	display: block;
	background-color: #FFFFFF;
	padding: 5px;
} 
.neg p {
	position: absolute;
	left: 104px;
	top: 66px;
	color: #555;
}
.neg2 p {
	position: absolute;
	left: 104px;
	top: 42px;
}
.neg3 p {
	position: absolute;
	left: 104px;
	top: 60px;
} 
/*.neg span è la barrita rosa*/
.neg span, .neg3 span {
	color: #4B0082;
	font-weight: normal;
}
.neg2 .w {
	color: #FF4500;
	font-weight: normal;
	position: absolute;
	left: 104px;
	top: 78px;
} 
.neg2 .w a {
	color: #FF4500;
	font-weight: normal;
	text-decoration: none;
} 
.negads .img {
	height: 58px;
	width: 80px;
	border: 1px solid #C0C0C0;
	margin-right: 12px;
	position: absolute;
	left: 0px;
	top: 22px;
	background-image: url(/img/es/publi.jpg);
	background-repeat: no-repeat;
	padding: 5px;
	background-position: 5px 5px;
}
.negads .tra468 {
	height: 60px;
	width: 468px;
	background-image:  url(/NUEVOS/ads/468x60tra-7E18DA.gif);
	background-repeat: no-repeat;
	position: absolute;
	top: 25px;
}
.negads .ggl468 {
	height: 60px;
	width: 468px;
	position: absolute;
	top: 34px;
}
/* .negads span, .neg2ads span: para ads 234x60 */
.negads span, .neg2ads span {
	position: absolute;
	left: 104px;
	top: 25px;
	height: 60px;
	width: 234px;
	display: block;
} 
/* .neg2ads span: para ads 234x60 */
.neg2ads span {
	left: 0px;
}
.ng2, .ng3, .ng6, .ng7, .ngads, .ng2ads {
	text-align: left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DDD;
	float: left;
	width: 100%;
	position: relative;
	height: 114px;
}
.ng2, .ng3, .ngads, .ng2ads {
	font-family: Verdana, Tahoma, sans-serif;
}
.ng6, .ng7 {
	font-family: Tahoma, Arial, sans-serif;
}
.ng7, .ng6 {
	line-height: 15px;
	font-size: 11px;
}
.ng3 {
	line-height: 14px;
	font-size: 11px;
}
.ng2, .ngads, .ng2ads {
	line-height: 12px;
	font-size: 10px;
}
.ng_hi4 {
	height: 164px!important;
}
.ng2 dt.tit, .ng2 h3.tit, .ng3 h3, .ng3 dt, .ng6 h3, .ng6 dt, .ng7 h3, .ng7 dt.tit {
	margin-bottom: 8px;
	text-align: left;
	padding-top: 1px;
	position: absolute;
	top: 24px;
	left: 104px;
	line-height: 12px;
	height: 12px;
	padding-bottom: 4px;
}
.ng2 dt.tit, .ng2 h3.tit, .ng3 dt, .ng6 dt, .ng7 dt.tit {
	font-size: 13px !important;
	font-family: Arial, Tahoma, sans-serif;
	color: #4B0082;
	font-weight: bold;
	clear: left;
}
.ng3 h4, .ng3 dd.col {
	font-size: 11px;
	font-family: Verdana, Tahoma, sans-serif;
	color: #FF4500;
	font-weight: normal;
	line-height: 15px;
	padding-top: 1px;
	position: absolute;
	left: 104px;
	top: 41px;
}
.ng2 dt.tit a, .ng2 h3.tit a, .ng3 h3 a, .ng3 dt a, .ng6 h3 a, .ng6 dt a, .ng7 h3 a, .ng7 dt.tit a {
	font-weight: bold !important;
	color: #4B0082 !important;
	text-decoration: underline !important;
}  
/* VARIOS .imag: dejalo nombre ".imag", sirve paar utilizar una img dentro de un dt o un dd */
.ng2 .imag, .ng3 .imag, .ng6 .imag, .ng7 .imag {
	height: 58px;
	width: 80px;
	border: 1px solid #C0C0C0;
	overflow: hidden;
	margin-right: 12px;
	position: absolute;
	left: 0px;
	top: 22px;
	display: block;
	background-color: #FFFFFF;
	padding: 5px;
} 
.ng2 .gri {
	color: #555;
	position: absolute;
	left: 104px;
	top: 65px;
}
.ng2 .col {
	color: #FF4500;
	position: absolute;
	left: 104px;
	top: 41px;
}
.ng3 p, .ng3 dd {
	color: #555;
	position: absolute;
	left: 104px;
	top: 60px;
} 
/*.ng span è la barrita azul*/
.ng2 span, .ng3 span, .ng6 span {
	color: #4B0082;
	font-weight: normal;
}
.ng6 p, .ng6 dd {
	color: #555;
	position: absolute;
	left: 104px;
	top: 43px;
}
/*.ng6 dl.col: no quitar el width:210px si no sale texto de margen */
.ng7 .col {
	font-size: 11px;
	font-family: Tahoma, Arial, sans-serif;
	color: #FF4500;
	font-weight: normal;
	line-height: 15px;
	width: 210px;
	padding-top: 1px;
	position: absolute;
	left: 104px;
	top: 43px;
}
.ng7 .gri {
	margin: 0px;
	padding: 0px;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 100px;
}
/*.ng2 .dl_gri: no quitar el width:210px si no sale texto de margen */
.ng2 .dl_gri {
	margin: 0px;
	padding: 0px;
	width: 210px;
	position: absolute;
	left: 104px;
	top: 41px;
}
.ng7 .col dt, .ng7 .gri dt, .ng2 .dl_gri dt {
	font-size: 11px;
	color: #707070;
	font-weight: bold;
	padding-right: 3px;
	margin: 0px;
	clear: left;
	float: left;
}
/* .ng2 .dl_gri dt: puesto Tahoma paar ganar espacio, Verdana demasiado largo */
.ng2 .dl_gri dt {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 10px;
} 
.ng7 .col dd, .ng7 .gri dd, .ng2 .dl_gri dd {
	color: #555;
	margin: 0px;
	padding: 0px;
}
.ng7 .gri dt a {
	font-weight: normal;
	text-decoration: underline;
}  
.ngads .img {
	height: 58px;
	width: 80px;
	border: 1px solid #C0C0C0;
	margin-right: 12px;
	position: absolute;
	left: 0px;
	top: 22px;
	background-image: url(/img/es/publi.jpg);
	background-repeat: no-repeat;
	padding: 5px;
	background-position: 5px 5px;
}
.ngads .tra468 {
	height: 60px;
	width: 468px;
	background-image: url(/NUEVOS/ads/468x60tra-7E18DA.gif);
	background-repeat: no-repeat;
	position: absolute;
	top: 25px;
}
.ngads .ggl468 {
	height: 60px;
	width: 468px;
	position: absolute;
	top: 34px;
}
/* .ngads span, .neg2ads span: para ads 234x60 */
.ngads span, .ng2ads span {
	position: absolute;
	left: 104px;
	top: 25px;
	height: 60px;
	width: 234px;
	display: block;
} 
/* .ng2ads span: para ads 234x60 */
.ng2ads span {
	left: 0px;
} 
.tcat {
	text-align: center;
	color: #FFFFFF;
	line-height: 30px;
	height: 30px;
	background-image: url(/img/vari/tcat.gif);
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;
	background-repeat:  repeat-x;
	width: 100%;
	float: left;
}
/*No pongas "float:felt" a petits si no cosas raras en Mozilla*/
.petits, .petits_fin {
	line-height: 14px;
	padding: 0px 8px 0px 0px;
	text-align: left;
	background-color: #FAFBF0;
	height: 98px;
	width: 304px;
	color: #887D6C;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
	font-size: 11px;
	font-family: Verdana, Arial, sans-serif;
	border-top: 1px solid #DDD;
	border-right: 1px solid #DDD;
	border-bottom: 2px solid #DDD;
	border-left: 1px solid #DDD;
}
.petits_fin {
	margin-bottom: 22px;
}
.petits p, .petits_fin p {
	color: #887D6C;
}
.petits .img1, .petits .img2, .petits .img3, .petits .img4, .petits_fin .img4 {
	margin: 10px 0px;
	padding: 0px;
	height: 80px;
	width: 100px;
	background-repeat: no-repeat;
	float: left;
	background-position: center center;
	display: block;
	border-right-width: 13px;
	border-left-width: 10px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FAFBF0;
	border-left-color: #FAFBF0;
}
.petits .img1 {
	background-image: url(/img/favoritos/carro.gif);
}
.petits .img2 {
	background-image: url(/img/favoritos/glosario.jpg);
}
.petits .img3 {
	background-image: url(/img/favoritos/nuovi.gif);
}
.petits .img4, .petits_fin .img4 {
	background-image: url(/img/favoritos/ecologia.gif);
}
.petits h3, .petits_fin h3 {
	margin: 0px 0px 3px;
	padding: 21px 0px 0px;
	line-height: 14px;
	height: 14px;
	display: block;
}
.petits h3 a:link, .petits_fin h3 a:link {
	font-weight: bold;
	color: #4B0082;
	text-decoration: underline;
}  
/*strong:target, para evidenciar enlaces dentro de paginas */
strong:target {
	background-color: #4B0082;
	color: #FFFFFF;
}
/* .a200x200: Puesto display:block por si se usa con span */
.a200x200 {
	height: 200px;
	width: 200px;
	display: block;
	float: left;
}
.a200x200_prod_ho {
	display: block;
	float: left;
	height: 200px;
	width: 200px;
	margin-top: -16px;
}
/* .a250x250: cuando pongas ads recuerda quitar todo en fondo salvo el color #FCFDF7 */
.a250x250 {
	height: 250px;
	width: 250px;
	background-color: #FFFFFF;
	border: 1px solid #DDD;
	float: left;
	margin-bottom: 22px;
	position: relative;
	padding-top: 30px;
	padding-right: 42px;
	padding-bottom: 18px;
	padding-left: 20px;
}
/* .a250x250 h5: puesto width para IE6 si no salta al tener absolute */
.a250x250 h5 {
	position: absolute;
	left: 271px;
	top: 2px;
	color: #CCCCCC;
	line-height: 16px;
	height: 16px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-weight: normal;
	width: 36px;
}
/* .a250x250 span: este css para span sobra, solo es para IE6, eliminar */
.a250x250 span {
	display: block;
	height: 250px;
	width: 250px;
}
/* .a234x60_2_prod_ho: cuando categorías son de tres lineas */
.a234x60_prod_ho {
	display: block;
	float: left;
	height: 60px;
	width: 234px;
	padding-top: 6px;
	padding-bottom: 25px;
}
/* .a234x60_2_prod_ho: cuando categorías son de dos lineas */
.a234x60_2_prod_ho {
	display: block;
	float: left;
	height: 60px;
	width: 234px;
	padding-top: 3px;
	padding-bottom: 14px;
}
.a300-up-debajo-img {
	padding-right: 14px;
	display: block;
	height: 250px;
	width: 300px;
	margin-bottom: 22px;
}
/* .a300x250: Puesto display: block por si se usa con span */
.a300x250 {
	height: 250px;
	width: 302px;
	display: block;
	float: left;
	margin-bottom: 22px;
	background-color: #F0F0F0;
	padding-left: 6px;
	padding-right: 6px;
}
.a300x250 .in {
	height: 250px;
	width: 300px;
	display: block;
	float: left;
	background-color: #FFFFFF;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}
.a300x250xl {
	height: 250px;
	width: 300px;
	display: block;
	float: left;
	margin-bottom: 22px;
	padding: 6px 6px 42px;
	border: 1px solid #DDD;
	position: relative;
}
.a300x250xl h5 {
	position: absolute;
	left: 7px;
	top: 267px;
	color: #CCCCCC;
	font-family: Arial, Tahoma, sans-serif;
	font-size: 15px;
	line-height: 16px;
	height: 16px;
	padding-top: 2px;
	padding-bottom: 2px;

}
/* .a728x90a2: lo mismo que .a728x90a, pero en uso - va con estilo csopra2 */
.a728x90a, .a728x90a2 {
	width: 100%;
	float: left;
	height: 90px;
	text-align: center;
	position: absolute;
	left: 0px;
	top: 0px;
	margin-top: 27px;
}
/* .a728x90a: Si lo usas (va con csopra) poner: height: 90px; margin-top: 27px;  */
/* .a728x90a: puesto en absolute para, si quieres colocarlo abajo de todo. Recuerda que en el caso de Adsense mejor dejarlo arriba (mejores ads, bloque principal) */
.a728x90a {
	height: 0px;
	margin-top: 0px;
}
.a729x90bajotxt {
	height: 98px;
	text-align: center;
	float: left;
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DDD;
	padding-top: 23px;
}
.a729x90bajotxt2 {
	height: 98px;
	text-align: center;
	float: left;
	width: 100%;
}
.ann468x60 {
	margin: 0px;
	padding: 0px;
	height: 60px;
	width: 468px;
	display: block;
	background-image:  url("/NUEVOS/ads/468x60ggl-7E18DA.gif");
}
.a468x15up {
	position: absolute;
	left: 0px;
	top: 0px;
	display: block;
	height: 15px;
	width: 468px;
}
.ann250x250upder {
	float: right;
	height: 250px;
	width: 250px;
	margin-left: 10px;
}

.ann250x250derggl {
	float: right;
	height: 250px;
	width: 250px;
	margin-left: 10px;
	margin-top: -9px;
}

.ann250x250izqggl {
	float: left;
	height: 250px;
	width: 250px;
	margin-right: 10px;
	margin-top: -9px;
}
.ann250x250upizq {
	float: left;
	height: 250px;
	width: 250px;
	margin-right: 10px;
}
/* .boxitem2 se diferencia de boxitem por tener el titulo dentro de la caja */
.box200item2 {
	float: right;
	width: 198px;
	display: block;
	height: 198px;
	margin-left: 16px;
	clear: both;
	border: 1px solid #CCCCCC;
}
.box200item2 a:link, .box200item2 a:visited {
	text-decoration: underline !important;
	color: #FF8800;
}
.box200item2 a:hover, .box200item2 a:active {
	text-decoration: underline !important;
	color: #FF8800;
}
.box200item2 b {
	text-align: center;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	color: #FF8800;
	line-height: 11px;
	display: block;
	padding-top: 8px;
	padding-bottom: 3px;
}
.box200item2 span {
	width: 198px;
	height: 176px;
	display: block;
	line-height: 11px;
	overflow: hidden;
}
.ann200x200izq {
	float: left;
	height: 200px;
	width: 200px;
	margin-right: 20px;
} 
.ann300x250izq {
	float: left;
	height: 250px;
	width: 300px;
	margin-right: 10px;
} 
.box200item {
	float: right;
	width: 200px;
	display: block;
	height: 200px;
	margin-left: 16px;
	clear: both;
}
.box200item a:link, .box200item a:visited {
	text-decoration: underline !important;
	color: #FF8800;
}
.box200item a:hover, .box200item a:active {
	text-decoration: underline !important;
	color: #FF8800;
}
.box200item b {
	text-align: center;
	width: 200px;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	color: #FF8800;
	line-height: 11px;
	display: block;
	padding-bottom: 6px;
	padding-top: 1px;
}
.box200item span {
	width: 198px;
	height: 180px;
	display: block;
	line-height: 11px;
	border: 1px solid #CCCCCC;
	overflow: hidden;
}
.cabann300graf {
	height: 18px;
	line-height: 18px;
	text-align: center;
	display: block;
	color: #CAB38A;
	font-family: Tahoma, Arial, "Trebuchet MS";
	background-color: #EEF1CD;
	font-size: 9px;
	width: 300px;
	font-weight: normal;
	padding-top: 4px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CEBA97;
}
.ann300graf {
	width: 300px;
	text-align: center;
	height: 252px;
	background-color: #CEBA97;
	padding-bottom: 2px;
	border-bottom-width: 17px;
	border-bottom-style: solid;
	border-bottom-color: #EEF1CD;
}
.ann300graf span {
	height: 250px;
	width: 300px;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000033;
	display: block;
	background-color: #F8F9E3;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333333;
}
.cabann250graf {
	height: 13px;
	line-height: 13px;
	text-align: center;
	display: block;
	color: #CAB38A;
	font-family: Tahoma, Arial, "Trebuchet MS";
	background-color: #EEF1CD;
	font-size: 9px;
	width: 300px;
	font-weight: normal;
	padding-top: 2px;
}
.ann250graf {
	height: 274px;
	width: 274px;
	background-color: #EEF1CD;
	text-align: center;
	padding-right: 13px;
	padding-bottom: 6px;
	padding-left: 13px;
}
.ann250graf span {
	height: 250px;
	width: 250px;
	display: block;
	background-color: #FFFFFF;
	text-align: center;
	padding: 12px;
}
/* .ann336x280cierre: no le pongas float: left si no se vee mal en algunas ocasiones en IE7 (cuando el anuncio es lo ultimo abajo) */
.ann336x280cierre {
	width: 336px;
	height: 280px;
	position: relative;
	left: -7px;
	display: block;
}
/* .items: se usa por ejemplo para AdTool dentro de cder (ver codigo en libreria) */
.items {
	background-color: #F0F0F0;
	width: 274px;
	padding-bottom: 13px;
	padding-left: 13px;
	float: left;
	margin-bottom: 22px;
	padding-right: 13px;
	padding-top: 13px;
}
.items_h {
	height: 21px;
	line-height: 21px;
	text-align: left;
	color: #FF00BF;
	padding-top: 2px;
	padding-left: 1px;
	font-family: Verdana, Arial, sans-serif;
	float: left;
	padding-bottom: 3px;
}
.items span {
	display: block;
	width: 250px;
	background-color: #FFFFFF;
	float: left;
	padding: 12px;
}
/* DEJA TODO ESTO aquí al final para que funcione, el orden influye (increible) */
p a:link, p a:visited, dd a:link, dd a:visited, .fle_cad2 li a:link, .fle_cad2 li a:visited, .fle_cad2-2 li a:link, .fle_cad2-2 li a:visited, .fle_cad2_f li a:link, .fle_cad2_f li a:visited, .cad2 span a:link, .cad2 span a:visited, .cad3 span a:link, .cad3 span a:visited {
	font-weight: normal;
	color: #FF4500;
	text-decoration: none;  
}  
p a:hover, p a:active, dd a:hover, dd a:active, .fle_cad2 li a:hover, .fle_cad2 li a:active, .fle_cad2-2 li a:hover, .fle_cad2-2 li a:active, .fle_cad2_f li a:hover, .fle_cad2_f li a:active, .cad2 span a:hover, .cad2 span a:active, .cad3 span a:hover, .cad3 span a:active, .prod_ho p a:hover, .prod_ho p a:active, .prod_ho2 p a:hover, .prod_ho2 p a:active, .prod_ho h3 a:hover, .prod_ho h3 a:active, .prod_ho2 h3 a:hover, .prod_ho2 h3 a:active {
	color: #FF4500;
	text-decoration: underline;
}
.fle_cad2_sin li a:link, .fle_cad2_sin li a:visited {
	font-weight: normal;
	color: #4B0082;
	text-decoration: none;  
}