/*************************************************/
/*************************************************/
/*************************************************/ 
/************** Enero de 2008  ***************/
/*************************************************/


BODY {
font-family : verdana, Verdana, Arial, sans-serif;
font-size : 11px; 
margin : 0; 
padding : 0;
} 

/***********************************************/
/* HTML Cabecera  Y Menus                      */
/***********************************************/ 

.menu {font-Family: verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; text-align: center; letter-spacing : normal; color: #ffffff;}
a.menu { color: #ffffff; }
a:link.menu { color: #ffffff; text-decoration: none;}
a:hover.menu { color: #000000; text-decoration: none;}

.menuizq {font-Family: verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; text-decoration: none; text-align: center; letter-spacing : normal; color: #ffffff;}
a.menuizq { color: #ffffff; }
a:link.menuizq { color: #ffffff; text-decoration: none;}
a:hover.menuizq { color: #647080; text-decoration: none;}

.menuizq2 {font-Family: verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; text-decoration: none; text-align: center; letter-spacing : normal; color: #E0BE79;}
a.menuizq2 { color: #E0BE79; }
a:link.menuizq2 { color: #E0BE79; text-decoration: none;}
a:hover.menuizq2 { color: #647080; text-decoration: none;}


.fecha{
	font-family: Verdana,Helvetica, Arial,sans-serif;
	font-size: 10px;
	font-weight:lighter;
	line-height :1,6;
	color:#000000;
}

.foto_bandera {
 	float: right;
	width: 22px;
	height: 15px;
	border: 0px;
	margin-top:35px;
}

.tipo1{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:lighter;
	line-height :1,6;
	color:#DBE3EC;
}

.tipo2{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:lighter;
	line-height :1,6;
	color:#000000;
}

.tipo3{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:lighter;
	line-height :1,6;
	color:#B93A3A;
}


.usuario{
	font-family: Arial,Verdana,Helvetica, sans-serif;
	font-size: 11px;
	font-weight:lighter;
	line-height :1,6;
	text-align: left;
	margin-left:4px;
	color:#000000;
}

.intro_usuario{
	font-family: Verdana,Helvetica, Arial,sans-serif;
	font-size: 11px;
	font-weight:lighter;
	line-height :1,6;
	text-align: left;
	padding : 0px 0px 0px 3px; 
	color:#333333;
	border:1px solid #818181;
	background-color:#FFFFFF;
}
.intro_email{
	font-family: Verdana,Helvetica, Arial,sans-serif;
	font-size: 10px;
	font-weight:lighter;
	line-height :1,6;
	text-align: left;
	padding : 0px 0px 0px 3px; 
	color:#333333;
	border:1px solid #818181;
	background-color:#FFFFFF;
}


.clientes {font-Family: verdana,sans-serif,Helvetica,Arial,sans-serif; font-size: 10px; text-decoration: none; line-height :1,6; letter-spacing : normal; color: #676B6C;}
a.clientes { color: #676B6C; }
a:link.clientes { color: #676B6C; text-decoration: underline;}
a:hover.clientes { color: #8CA1A6; text-decoration: underline;}
a:visited.clientes { color: #676B6C;text-decoration: underline;}


/***********************************************/
/* HTML Central                                */
/***********************************************/ 
.tipo4{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:lighter;
	line-height :1,6;
	color:#9A0021;
}
.base{
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight:lighter;
	line-height :1,6;
	color:#000000;
}

.foro {font-Family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: lighter; text-decoration: none; color: #000000;}
a.foro { color: #666600; }
a:link.foro { color: #cc0000; text-decoration: none;}
a:hover.foro { color: #999999; text-decoration: underline;}

.mini{
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 10px;
	font-weight:lighter;
	line-height :1,6;
	color:#000000;
}

.texto1{
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	font-weight:lighter;
	line-height :1,6;
	color:#585858;
}

.inputtxt{
	font-family: Verdana,Helvetica, Arial,sans-serif;
	font-size: 11px;
	font-weight:lighter;
	line-height :1,6;
	text-align: left;
	padding : 0px 0px 0px 3px; 
	color:#333333;
	border:1px solid #818181;
	background-color:#FFFFFF;
}

.parrafo { font-family: Tahoma; font-size: 11px; font-weight: normal; color: #202020; }
.inputbtn {font-family: Tahoma,Verdana,Arial, Helvetica; font-size:7.5pt; color:#000000; border-width:1;}

.portada { border:2px solid #EB3000;}
.portada2 { border:1px solid #EB3000;}

/***********************************************/
/* HTML estilo pie                			   */
/***********************************************/ 

.copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:lighter;
	line-height :1,6;
	text-align: center;
	color:#a1a1a1;
}

.pie_copyright {font-Family: verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none; letter-spacing : normal; color: #666699;}
a.pie_copyright { color: #666699; }
a:link.pie_copyright { color: #666699; text-decoration: none;}
a:hover.pie_copyright { color: #6699ff; text-decoration: underline;}


.pie {font-Family: verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none; letter-spacing : normal; color: #9A1818;}
a.pie { color: #9A1818; }
a:link.pie { color: #9A1818; text-decoration: none;}
a:hover.pie { color: #9A1818; text-decoration: underline;}
a:visited.pie { color: #9A1818;}


.netcom2 {font-Family: verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none; letter-spacing : normal; color: #767ECE;}
a.netcom2 { color: #767ECE; }
a:link.netcom2 { color: #767ECE; text-decoration: none;}
a:hover.netcom2 { color: #767ECE; text-decoration: underline;}
a:visited.netcom2 { color: #767ECE;}


/*  ficha PRODUCTO  */
.box_fproducto_fotos {width: 216px; border:0px dashed #b4b4b4;float:left;}
.box_fproducto_fgrande {width: 175px; float:left; border:0px solid #b4b4b4;margin:0px;padding:0px;}
.box_fproducto_foto {width: 175px; border:1px solid #b4b4b4;}
.box_fproducto_selector {width: 214px; float:left; overflow:hidden; border:0px solid #009900; margin-top:3px}
.box_fselector {float:left; width: 32px; text-align: center; margin: 0px 4px 0px 0px; display:inline; border:1px solid #b4b4b4;}
.box_fselector_texto {font-family:sans-serif,Arial, Helvetica, Tahoma, Times New Roman; font-size:9px;color: #3300ff; float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px px;}
.box_extras {width: 192px;//width: 202px; border:1px dashed #b4b4b4; float:left; margin-top:15px; padding:5px; margin-bottom: 10px;}
.texto_extras_azul, .texto_extras_rojo {font-Family: "Trebuchet MS",Tahoma,Verdana,Arial, Helvetica, Verdana, sans-serif;  font-size:10px; font-weight: ligther; line-height:1.3em;}
.texto_extras_azul {color: #3300ff; text-align:right; }
.texto_extras_rojo {color: #ff0033; text-align:left; }
.box_leyenda {font-family:sans-serif,Arial, Helvetica, Tahoma, Times New Roman; font-size:9px;color: #909090; border:1px dashed #b4b4b4; padding:5px;clear:both; }

.box_fproducto_titulo1, .box_fproducto_titulo2, .texto_ficha {font-Family: Arial,Tahoma,Verdana, Helvetica, Verdana, sans-serif; color: #25377C;}
.box_fproducto_titulo1 {font-size:20px;font-weight: ligther; text-align:left;}
.box_fproducto_titulo2 {font-size:12px;font-weight: bold; text-align:left;}
.texto_ficha, .texto_ficha_marca {font-size:11px; color: #504C4C; font-weight: ligther; text-align:justify;}
.texto_ficha_marca {font-size:12px;}
.texto_ficha {font-size:11px;margin-left:5px;}

.precio_ficha, .iva_ficha, .precio_tachado_ficha {font-Family: Arial,Tahoma,Verdana, Helvetica, Verdana, sans-serif;font-weight: ligther; color: #FF7E00;}
.precio_ficha {font-size:24px; line-height:22px; float:right;}
.iva_ficha {font-size:9px;line-height:9px;float:right;clear:right;width:85px;border:0px solid #d1d1d1;}
.precio_tachado_ficha {font-size:13px;line-height:22px; float:right;text-decoration: line-through; color:#ff0000; margin-right:10px;}


a.botoncuadrado_naranja{
background: transparent url('../imagenes/square-naranja-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 10px Arial; /* Change 12px as desired */
line-height: 11px; /* This value + 2px + 2px (top and bottom padding of SPAN) must equal height of button background (default is 15px) */
height: 15px; /* Height of button background height */
padding-left: 6px; /* Width of left menu image */
text-decoration: none;
}

a:link.botoncuadrado_naranja, a:visited.botoncuadrado_naranja, a:active.botoncuadrado_naranja{
color: #494949; /*button text color*/
}

a.botoncuadrado_naranja span{
background: transparent url('../imagenes/square-naranja-right.gif') no-repeat top right;
display: block;
padding: 2px 7px 2px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.botoncuadrado_naranja:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.botoncuadrado_naranja:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}


/*  Paginacion SEGMENTADA  */
.MENU3 {font-Family: Verdana,Arial, Helvetica, Verdana, sans-serif; color: #105070; font-size:10px; text-decoration: none;}
a.MENU3 { font-weight: bold; text-decoration: none; color : #105070;}
.MENU3:hover {font-weight: normal; text-decoration: underline;}

.box_indiceAP, .box_indiceOFF, .box_indiceON {font-Family: Verdana,Arial, Helvetica, Verdana, sans-serif;font-size:10px;text-align: center;font-weight:bold;padding-left:5px;	padding-right:5px; padding-top:2px;	padding-bottom:2px;	text-decoration:none; margin-left:1px; margin-top:1px; border:1px solid #105070;}
.box_indiceAP {background-color:#FFFFFF; width:20px; color : #105070;}
.box_indiceOFF {background-color:#99ccff; width:20px; color : #FFFFFF;}
.box_indiceON {background-color:#FFFFFF; width:20px; color : #105070;}

a.box_indiceAP, a.box_indiceON {color : #105070; font-weight: lighter; text-decoration: none;}
.box_indiceAP:hover, .box_indiceON:hover {font-weight: lighter; text-decoration: none; background-color:#99ccff;}


/* Aviso */
.aviso2 {background: transparent url('../imagenes/aviso2.gif') no-repeat; color: #ff9900; font-family: Verdana,Helvetica, Arial,sans-serif; font-size: 11px; font-weight:lighter; height: 50px;padding-left: 60px;text-decoration: none; vertical-align:middle;}
.cestavacia {background: transparent url('../imagenes/cestavacia.gif') no-repeat; color: #ff9900; font-family: Verdana,Helvetica, Arial,sans-serif; font-size: 11px; font-weight:lighter; height: 50px;padding-left: 60px;text-decoration: none; vertical-align:middle;}
.box_mensaje {width:450px; padding:20px; border:1px solid #d8d8d8;margin-top:50px;margin-left:50px;}



/*  Carrito COMPRA  */
.textoboxgris, .cesta {
	font-family: Tahoma, Helvetica,Verdana, Arial,sans-serif;
	font-size: 11px;
	color:#1E384C;
	font-weight:lighter;
	line-height :1,6;	
	margin-left:9px;
	margin-right:9px;
}

.cesta {
	color:#BA3C10;
	margin-left:0px;
	margin-right:0px;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

.cab_mder {	
	background: url("../imagenes/fmenu_de.gif") ;
	width: 155px;
	height:20px;		
}
.tit_cab_der {
	font-family: Tahoma, Helvetica,Verdana, Arial,sans-serif;
	font-size: 11px;
	color:#ffffff;
	font-weight:bold;
	line-height :1,6;	
	margin-left:8px;
	margin-top:8px;
}
.box_gris  {
	width: 153px;
	//width: 155px;
	border:1px solid #d1d1d1;
	padding:0px;	
	margin-bottom:10px;
}

.paddin_box_gris {
	margin:3px;
}

a.botonpagar{background: transparent url('../imagenes/botonpagar-left.gif') no-repeat top left;display: block;float: right;font: normal 11px Arial;line-height: 23px;height: 27px;padding-left: 33px;text-decoration: none;}
a:link.botonpagar, a:visited.botonpagar, a:active.botonpagar{color: #494949;}
a.botonpagar span{background: transparent url('../imagenes/botonpagar-right.gif') no-repeat top right;display: block;padding: 2x 8px 2px 0;}
a.botonpagar:hover{background-position: bottom left;}
a.botonpagar:hover span{background-position: bottom right;color: black;}

a.botonpasarcaja{background: transparent url('../imagenes/botonpasarcaja-left.gif') no-repeat top left;display: block;float: left;font: normal 11px Arial;line-height: 23px;height: 27px;padding-left: 33px;text-decoration: none;}
a:link.botonpasarcaja, a:visited.botonpasarcaja, a:active.botonpasarcaja{color: #494949;}
a.botonpasarcaja span{background: transparent url('../imagenes/botonpagar-right.gif') no-repeat top right;display: block;padding: 2x 8px 2px 0;}
a.botonpasarcaja:hover{background-position: bottom left;}
a.botonpasarcaja:hover span{background-position: bottom right;color: black;}

a.botonscomprando{background: transparent url('../imagenes/botonscomprando-left.gif') no-repeat top left;display: block;float: right;font: normal 11px Arial;line-height: 23px;height: 27px;padding-left: 33px;text-decoration: none;}
a:link.botonscomprando, a:visited.botonscomprando, a:active.botonscomprando{color: #494949;}
a.botonscomprando span{background: transparent url('../imagenes/botonpagar-right.gif') no-repeat top right;display: block;padding: 2x 8px 2px 0;}
a.botonscomprando:hover{background-position: bottom left;}
a.botonscomprando:hover span{background-position: bottom right;color: black;}