@charset "utf-8";
/* CSS Document */

* {
margin: 0;
padding: 0;
}

BODY {
	font-size: 62.5%; font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	background:#C0D9D9 url("/imagenes/fondo1.gif") repeat-x fixed left top;}


		
/*-------------CABECERA ----------------------------------------------------*/	
	
#cabecera{/*envolvente fila titulo + curva*/
	margin:0 auto !important;
	width: 1000px;
	height : 95px!important;
	background:#FFFFFF;
	margin-top: 15px !important;
	}
	#cabecera_titulo{/*fila titulo con fondo azul difuminado*/
		height: 52px; 
		background: #0080C0  url("/imagenes/barratitu52.gif") repeat-x left top;}	
		
	#imglogo {/*logotipo arkiplot*/
	display: block !important;
	float: right;
	height : 60px; width: 368px;
	margin: 5px 20px 0 0;
	background: url("/imagenes/logoraya.png")no-repeat left center !important;
	} 	
	
	#imglogo h1{/*arkiplot.com*/
		font-family: Candara, Arial, Helvetica, sans-serif; 
		font-size:50px;
		color:#fff;
		font-weight: bold;
		text-align:right !important;
		margin-right:4px;
		padding-bottom:4px !important;
		}		
	
	#cabecera_CURVA{/*pastilla curva de la cabecera */
	height : 18px; width: 1000px;
	background: #fff url("/imagenes/barratitucurva.gif") no-repeat right top;}	
	
/* BUSCADOR Y MENÚ PRINCIPAL */
	#menusuperior{/*envolvente*/
	position:relative !important;
	height : 24px; 
	width: 1000px !important;
	margin: 0 auto !important;
	vertical-align: top;
	margin-top: -26px !important; }	
	
	#menusuperior_busca{/*envolvente buscador */
	width:260px;
	position:relative !important;
	float:left !important;
	margin:0 auto !important;
	padding-left: 0px;
	text-align: left;
	vertical-align: top;
	}	
		form#elBuscador { /* el formulario en general */
		height: 20px; /* es igual a la altura de la imagen */
		margin: -8px 0 2px 2px;  /* eliminamos los márgenes por defecto */
		padding: 0;  /* eliminamos los paddings por defecto */
		width: 235px;  /* el ancho total */
		padding-right:5px;

		}	
		
		form#elBuscador input { /* los controles en general */
		border: 0; /* eliminamos el borde de los controles */
		color:#999; /* el color del texto */
		float: left; /* nos permite colocarlos uno al lado del otro */
		font-size: 12px; /* el tamaño del texto */
		height: 17px; /* la altura de la imagen menos el padding superior */
		margin: 0;  /* eliminamos los márgenes por defecto */
		padding: 3px 5px 0px 3px; /* con esto controlamos la posición del texto */
		width: 195px; /* el ancho de la imagen menos los paddings dercho e izquierdo */
		margin-left:5px;
		border-width:thin;
		border-color:#FFF;
		border-style:double;
}
			.elBuscadorBLUR { /* el fondo normal */
		  background: transparent url("/imagenes/search-box-bg.png") no-repeat right top;
		}
			.elBuscadorFOCUS { /* el fondo activo */
		  background: transparent url("/imagenes/search-box-bg.png") no-repeat right bottom;
		}
			.elBuscadorENVIO { /* el botón de envio */
		  padding: 2px 0 0 2px !important;  /* lo alineamos con el control */
		  width: 23px !important; /* es igual al ancho de la imagen */
		}
	#menusuperior_marcas{/*envolvente buscador marcas*/
	position:relative !important;
	width:215px;
	float:left;
	padding-left: 2px;
	margin-top: -20px;
	margin-left:245px;
	text-align: left;
	vertical-align: top;
	}	
	#menusuperior_menu{/*menú superior*/
	display: block !important;
	position:relative !important;
	width:430px;
	float:right;
	text-align: right !important;
	vertical-align: bottom !important;
	margin-top:4px !important;
	margin-right: 10px;}
		
		#menusuperior_menu a {/*links menú superior*/ vertical-align: bottom !important;}
		#menusuperior_menu a:active, 
		#menusuperior_menu a:link,
		#menusuperior_menu a:visited {font-size:12px;text-decoration: none; color: #333;}
		#menusuperior_menu a:hover {font-size:12px;text-decoration: none;font-weight:bold;color: #C70000;}

	#menusuperior_menu span{/*iconos menú superior casa, cesta, candado*/
	display: inline-block !important;
	width:16px;
	text-align: left !important;
	vertical-align: bottom !important;
	color:transparent !important;}		
	#menusuperior_menu p{/* palo vertical menú superior*/
	display: inline-block !important;
	text-align: left !important;
	font-size:12px;
	vertical-align: bottom !important;}		


/* --------------------------------------------- CUERPO PRINCIPAL ESTRUCTURA------------------------------------------------------------ */		
/* XXXXXXXXXXX CONTENEDOR GLOBAL DE PÁGINA XXXXXXXXXXXXXXXXXXX */
/*#contenedor{
	margin:15px auto !important;
	width:1000px;
	background-color:#FFFFFF;
	vertical-align:bottom;
	display: inline-table;
	margin-top:0px !important;

	}*/
		
#contenedor {
	display:table !important;
	margin:15px auto !important;
	background:#fff;
	width:1000px !important;
	margin-top:2px !important;
}
	#columna div {
	display:table-cell;
	width: 100%;
}

		#menuizq {
		display:table-cell;
		width:168px;
		border-right: 1px dotted #996;
		vertical-align:top;
		text-align:center;
		padding-right: 2px;
		padding-left: 8px;
}

		.centro {
		width:auto !important;
		text-align: center;
		float: none;
		margin-left: 183px !important;
		position:relative;
		padding-bottom:6px;
}
  
/* ESTRUCTURA CUERPO CENTRAL "engloba central + robapáginas derecho" */ 
.panel_central {
	display:table;
	border-collapse:separate;
    margin:auto;
	float: none;
	width:812px;
}

	.central {/*columna central de la pagina*/
		display:table-cell;
		position:relative;
		width:658px !important;
		vertical-align:top;
		text-align: center;
	}
	
	.robadrch {/*barra derecha*/
	display:table-cell;
	width:154px !important;
	vertical-align:top;
	border-left: 1px dotted #996;
	text-align: center;
	padding-left: 5px;
}


	
/* -----------RUTA---------------------------*/	
.cabecera_ruta {
display:block !important;
width: 70em !important;
height: 1.5em;
left:1em;
margin: 0.6em .3em 0em 1em;
position: relative;
float: none;
}

.cabecera_ruta p{
color: #00254A;
text-align:left;
font-family:verdana;
font-size: 11px;
font-weight: normal;
position: relative;
float: none;
}
.cabecera_ruta p a:active,.cabecera_ruta p a:link,.cabecera_ruta p a:visited {
color: #C70000;
}

/* -----------ROBAPAGINAS DERECHO---------------------------*/	

.panel_central div.robadrch img {/*marco linea punteada de las imagenes*/
	border: 1px dotted #996;
	padding:2px;
	margin: 4px;
	text-align: center;
	}	

.boletin {/* casilla suscripción boletin*/
	 display:table-cell;
	 width : 138px !important;
	 height : 95px ;
	 float : left ;
	 margin: 0px 4px 14px 4px !important;
	 padding: 3px 2px;
	 background-color : #fff ;
	 border : 1px dotted #996;
	 -moz-border-radius: 4px;
	 -webkit-border-radius:4px;
	 border-radius: 4px;
	 } 
	.boletin ul /* celda boletin*/{
		color:#ffffff; text-align:left; 
		background: #0080C0 url("/imagenes/alt2.gif") repeat-x left center;
		height: 14px; 
		padding: 1px 0 1px 3px; 	
		margin-bottom:2px; 
		list-style-type:none;}	 

.contacto {/*carita de rafalin*/
	 display:table-cell;
	 width : 138px !important;
	 height : 68px ;
	 float : left ;
	 margin: 10px 4px 14px 4px !important;
	 padding: 3px 2px;
	 background: #fff  url("/imagenes/rmontes.png") no-repeat -4px 1px;
	 border : 1px dotted #996;
	 -moz-border-radius: 4px;
	 -webkit-border-radius:4px;
	 border-radius: 4px;
	 }	
	.contacto li{
		 text-align:center;
		 margin: 2px 0px 1px 53px;
		 padding: 0px 1px;
		}	 

.contactoj {
	 display:table-cell;
	 width : 138px !important;
	 height : 68px ;
	 float : left ;
	 margin: 10px 4px 14px 4px !important;
	 padding: 3px 2px;
	 background: #fff  url("/imagenes/jlahoz.png") no-repeat -4px 1px;
	 border : 1px dotted #996;
	 -moz-border-radius: 4px;
	 -webkit-border-radius:4px;
	 border-radius: 4px;
	 }	
	.contactoj li{
		 text-align:center;
		 margin: 2px 0px 1px 53px;
		 padding: 0px 1px;
		}	 


/* ---------------DEFINICION DE NOTICIAS 600PX ------------------------*/
#noti1, #noti2, #noti3  {/*envolvente*/
	display:block;
	height:1%;
	overflow:hidden;
	text-align:center;
	margin-top: 1em;
	margin-bottom: 1em;
	position: relative;
	width: 64em;
}
	div#img1, div#img2, div#img3  {/*imagen*/
		display:block;
		width:130px;
		height: 100px;
		text-align:center;
		margin:3px auto;
		float:left;
		vertical-align: top;
		overflow:hidden !important;
	}
	div#art1, div#art2, div#art3  {/*articulo*/
		width:490px;
		text-align:left;
		float:right;
		margin-right: 10px;
	}

/* ---CAJAS DE sugerimos --- */
#sugerimos  {/*envolvente*/
	display:block;
	height:1%;
	overflow:hidden;
	text-align:left;
	margin: 1em 0 3em 0;
	padding: 10px 10px 10px 80px;
	position: relative;
	left: 1.5em;
	width: 53em;
	background: #e7f3ff  url("/imagenes/rmontes.png") no-repeat 10px 20px;
	border:1px dotted #888;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;	
}
#sugerimos a,#sugerimos a:active,#sugerimos a:link,#sugerimos a:visited  {
font-size:13px;
text-align: left;
color: #036!important;
font-weight: 900 !important;
}
	
#sugerimos a:hover{
text-align: left;
color: #f46200!important;
font-weight: 900!important;
}

#sugerimos2  {/*envolvente*/
	display:block;
	height:1%;
	overflow:hidden;
	text-align:left;
	margin: 1em 0 3em 0;
	padding: 10px 10px 10px 80px;
	position: relative;
	left: 1.5em;
	width: 53em;
	background: #e7f3ff  url("/imagenes/jlahoz.gif") no-repeat 10px 20px;
	border:1px dotted #888;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;	
}
#sugerimos2 a,#sugerimos2 a:active,#sugerimos2 a:link,#sugerimos2 a:visited  {
font-size:13px;
text-align: left;
color: #036!important;
font-weight: 900 !important;
}
	
#sugerimos2 a:hover{
text-align: left;
color: #f46200!important;
font-weight: 900!important;
}

	
/*-----------------------------CAJA DE NOTICIAS -----------------------*/
.cajanoticias { /*envuelve caja noticias*/
  position:relative;
  height:180px !important;
}

#csstabs { /*envoltura*/
  display:table-row !important;
  margin:0px auto !important;
  width: 580px !important;
  height: 180px;
  position:absolute !important;
}
#csstabs div {
  left:37px !important;
  padding:2px; 
}
#csstabs h3 { /* los títulos de las pestañas */
  color: #333;
  cursor: pointer;
  display: block;
  font-size: 11px;
  font-weight: normal;
  height: 19px;
  line-height: 19px;
  text-align: center;
  width: 150px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #f4aa00;
}
#csstabs:hover h3, #tabs:focus h3, #tabs:active h3 {
  z-index: 0;}
#csstabs:hover .tabcontent, #tabs:focus .tabcontent, #tabs:active .tabcontent {
  opacity: 1; z-index: 0;}
.tabcontent {  /* el contenido de las pestañas */
  display: block;
  height: 120px;
  position: absolute;
  top: 20px;
  left:30px
}
#tab1 .tabcontent {/*contenedor noticias comerciales enfocado fondo amarillo*/
  background-color: #ffffcc;
  z-index: 2;
  border : 1px solid #f4aa00;overflow-y:Scroll;
}
#tab1 h3 {/*boton noticias comerciales*/
  left: 0;
  position: absolute;
  top: 0;
  z-index: 3;
  left:50px;
  color:#fff;
  background-color: #f46200 !important;
}
#tab1:hover h3, #tab1:focus h3, #tab1:active h3 {/*boton noticias comerciales enfocado*/
  background-color: #f7e074;
  color: #fff;
  font-weight:bold;
  z-index: 4;
}
#tab1:hover .tabcontent, #tab1:focus .tabcontent, #tab1:active .tabcontent {/*boton noticias comerciales enfocado*/
  opacity: 1;
  z-index: 3;
}

#tab2 .tabcontent {/*caja articulos tecnicos celeste*/
  background-color: #E6EAF3;
  opacity: 0;
  z-index: 1;
  border : 1px solid #f4aa00;
  overflow-y:Scroll;
}
#tab2 h3 {/*boton articulos tecnicos*/
  left: 210px;
  position: absolute;
  top: 0;
  color: #fff;
  background: #0080C0 url("/imagenes/alt2.gif") repeat-x left center;
  border : 1px solid #0080C0;
}
#tab2:hover h3, #tab2:focus h3, #tab2:active h3 {/*boton articulos tecnicos enfocado*/
  color: #fff;
  font-weight:bold;
  z-index: 4;
}
#tab2:hover .tabcontent, #tab2:focus .tabcontent, #tab2:active .tabcontent {/*boton articulos tecnicos enfocado*/
  opacity: 1;
  z-index: 3;
}

#tab1 ul, #tab2 ul {margin:0;padding:0;}
#tab1 li, #tab2 li {font:1.1em/1.3 left "Trebuchet MS",Arial, Helvetica,sans-serif; color:#333333; margin:2px -2px 2px -2px; text-align:left;}
#tab1 li  a:hover,#tab2 li  a:hover  {text-decoration: none;font-weight:700;color: #C70000;}
#tab1 li:nth-child(2n+1), #tab2 li:nth-child(2n+1) {background-color:#fff;}
#tab1 li span, #tab2 li span{font:0.9em/1.3 "Trebuchet MS",Arial, Helvetica,sans-serif; color:#C70000; margin:2px 8px 2px 8px; text-align:left;}

#csstabs .busca { /*pie buscador de noticias*/ display:block; float:none; padding-top:44px; margin:100px 50px 0 37px;background-color:#f7e074; 
height:22px; vertical-align:center; border : 1px solid #f4aa00;}

/* ---CAJAS DE DESTACADOS --- */
div#caja310{/*cajas especiales y expertos*/
	display:inline;
	width:290px;
	height: auto;
	margin-bottom: 20px;
	background-repeat: no-repeat;
	background-position: center center;
}
.derecha   { float: right; margin-right:20px;}
.izquierda { float: left; margin-left:20px;}
.marginador{
	height:14px;
	width: 100%;
	background-color: #C0D9D9;
	text-align: center;
	vertical-align: top;
	display: table;
}

/*boton carro*/			
.superboton {/*envoltura boton carro*/
	display:block !important;
	float:left !important;
	margin-left: 4px !important; 
	vertical-align:top !important;
	padding: 2px !important;
	width:128px !important;
	overflow: hidden !important; 
	margin-top: 10px !important; 
	height:22px !important;
	background:#0080C0 url("/imagenes/alt2.gif") repeat-x left center;
	border: 1px solid #0080C0 !important;
	border-bottom: 0px !important;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;	
	}
		
.superboton a {/*envoltura imagen carrito boton carro*/
	display:inline-block !important;
	float:left !important;
	position: relative !important;
	margin-left: 6px !important;
	text-align:left !important;
	padding:0px 2px 0px 2px;
	text-decoration: none;
	}
.superboton a:hover {/*envoltura imagen carrito boton carro*/
	text-decoration: none;
	}
	
.superboton span {/*texto boton carro*/
	display:block !important;
	width: 110px !important;
	font-size:12px !important;
	text-align:left;
	margin-left: 25px !important;
	padding-top:3px;
	vertical-align: middle !important;
	font-weight:bold;
	color:#FFF;	
	}
	


		
	/* XXXXXXXX PIE DIRECTORIO XXXXXXXXXXXXXXXXXXXXX */
#pie {display:inline-block !important;width: 100% !important; margin-top: 10px !important; height: 100% !important; background-color: #00254A;}
#pie .inner {width: 978px !important; margin: 0 auto; padding: 10px 11px;}
#pie b {display: block; color: #0b0b0b; padding-bottom: 2px}
#pie .list, #pie .two, #pie .three ,#pie .SIX{float: left; width: 168px; border-right: 1px dotted #996;}
#pie .SIX {border-left: 1px dotted #996;}
#pie .three {border-right: none !important;}
#pie .list {padding-top: 5px;}
#pie .two {padding: 5px 0 0 10px;}
#pie .three {padding: 5px 0 0 10px;}
#pie .SIX {padding: 5px 0 0 10px;}
#pie .four {
	float: left;
	width: 145px;
	margin-left: 5px;
	padding: 5PX 0px 0 10px;
	}
#pie .five {
	float: left;
	width: 100px;
	padding: 5px 0 0 10px;
}
#pie .five img {margin-bottom: -1px;}
#pie .seven {
	float:left;
	width: 614px;
	height:80px;
	text-align: left;
	margin-top:5px;
	padding: 8px 0 0 10px;
	}
#pie .seven img{margin-left:0px; text-align:right;}

	#pagos{/*Medios de pago*/
		float:left;
		width: 260px ;
		text-align: left;
		margin-top:5px;
		padding: 8px 0 0 3px;
		}

	#sociales{/*sprite redes sociales*/
		float:right;
		width: 320px;
		text-align: right;
		margin:5px 0 0 20px;
		padding: 8px 0 0 0px;
		}	
	#sociales ul{
		margin-left:80px;
		padding: 0px;
		}		
	#sociales li{
		display:inline-block; 
		text-align:right;
		margin-top:5px;
		}		
	.social_sprites { background:url("/imagenes/sociales3.gif") no-repeat scroll left center transparent !important; float:left; 
	margin-left: 25px; padding-right:50px;}
	.social_sprites a{width:36px;height:27px; display:block; float:left; background:url("/imagenes/sociales3.gif") no-repeat 0 0 transparent; }	
	.social_sprites a, .social_sprites a:active, .social_sprites a:link,.social_sprites a:visited,.social_sprites a:hover {color:transparent !important;}
	.social_sprites .facebook { background-position: 0px 0px;}	
	.social_sprites .twitter {background-position: 38px 0px;}		
	.social_sprites .LinkedIn {background-position: 77px 0px;}		
	.social_sprites .youtube {background-position: 116px 0px;}	
	.social_sprites .rss {background-position: 153px 0px;}		
	
#foot {clear:both !important; text-align:center; padding-bottom: 10px; height: auto;  background-color: #00254A;}

/* Link menú directorio pie de página sin subrayado en blanco y naranja y negrita al enfocar*/
.letrasblancas, 
.letrasblancas a:active,
.letrasblancas a:link,
.letrasblancas a:visited,
.letrasblancasbold,
#pie ul,
#pie li,
#pie li a:active,
#pie li a:link, 
#pie li a:visited {color:#FFF;text-align:left; font-size: 1.05em; line-height:1.30em; text-decoration: none;}
#pie li a:hover {color:#f46200;text-decoration:none;font-weight: bold;} 

.letrasblancas a:hover {text-decoration: underline;}
.letrasblancasbold {line-height:1.80em;font-weight:900;margin-top:8px; color:#f46200 !important;}
.letrasblancas_pagina {font-size: 1.15em !important;line-height:1.7em;font-weight:900; padding:0 2px 0px 2px !important; background:#ff6600; color:#fff !important;}


/* $$$$$$$$$$$$$$$$$$$$$$$$$ ESTILOS DE FUENTES Y LINEAS $$$$$$$$$$$$$$$$$$$$$$$$$*/

/*Link normales sin subrayado y en rojo y negrita al enfocar*/
a:active {text-decoration: none;color: #333;}
a:link {text-decoration: none;color: #333;}
a:visited {text-decoration: none; color: #333;}
a:hover {text-decoration: underline;font-weight:700;color: #C70000;}


/* Link titulares de  noticia*/
A.titulo16 {color:#036;font-size:1.3em;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;line-height:normal; text-align: left; margin-top: 3px; font-weight:bolder;} 
A.titulo16:active {color:#036;font-size:1.3em;font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;line-height:normal; text-align: left;  margin-top: 3px; font-weight:bolder;} 
A.titulo16:link {color:#036;font-size:1.3em;font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;line-height:normal; text-align: left;  margin-top: 3px; font-weight:bolder;} 
A.titulo16:visited {color:#036;font-size:1.3em;font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;line-height:normal; text-align: left;  margin-top: 3px; font-weight:bolder;} 
A.titulo16:hover {color:#C70000;font-size:1.3em;font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; line-height:normal; text-align: left;  margin-top: 3px; font-weight:bolder;} 

/* Fuentes en combos, listas, etc.*/
BODY10  {font: 1em "Trebuchet MS",Arial,Helvetica,sans-serif; color:#000000;background-color : #ffffff;}
H1 {font: 2em "Trebuchet MS",Arial,Helvetica,sans-serif; color:#000000;}
INPUT: {font-size: 1.1em;border:1px solid #CCCCCC; background-color:#FFFFCC;}
SELECT {font: 1.05em Verdana, Geneva, sans-serif;width:150px; height:17px;}
TEXTAREA {font-size: 1.05em;}


/* Mis estilos CUERPOS DE TEXTO*/
.fuente6, .fuente8, .fuente10, .fuente11,.fuente12{color:#333333; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:left;}
.fuente6 /* buscador, menú superior y productos en ofertas y novedades*/{
	padding:3px; font-size: 0.9em; line-height: 1.2; margin: 4px 0 8px 0;}
.fuente8 /* buscador, menú superior y productos en ofertas y novedades*/{
	text-decoration: none; padding-left: 4px; margin: 4px 0 15px 0; font-size: 1.15em; line-height: 1em;}
.fuente10 /* articulos y texto común*/{
	font-size: 1.1em; line-height: 1.15; margin-bottom: 10px;}
.fuente11 /* articulos y texto común*/{
	font-size: 1.16em; line-height: 1.20; margin-bottom: 10px;}	
.fuente12 /* articulos y texto común*/{
	font-size: 1.2em; line-height: 1.30; margin-bottom: 10px;}	
.leermas /* articulos y texto común*/{
	font-style:italic; font-weight:bold; color:#C70000;}
	
/* mis estilos  TITULOS Y SUBTITULOS*/
.subtitulo12, .subtitulo14, .titulo16, .titulo18, .titulo22, .titulo24 {
	font-weight:900;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#036;
    word-wrap: break-word;
	text-align: left;
}

.titulo16b {
	color:#036;
	font-size:1.8em;
	line-height:1.0;
	font-weight:bold;
}

.subtitulo14b {
	color:#cc6600;
	font-size:1.4em;
	line-height:1.2;
	font-weight:bold;
}

.subtitulo14c {
	color:#f46200;
	font-size:1.2em;
	line-height:1.2;
	font-weight:bold;
	margin-bottom:4px;
}


.titulo24 /* TITULO NIVEL 1 EN AZUL*/{font-size: 2.4em; line-height:2em;}
.titulo22 /* TITULO NIV2 EN AZUL*/{font-size:2.2em;}
.titulo18 /* TITULO NIV3 AZUL NOTICIAS PRODUCTOS*/{font-size:1.8em; line-height:1.9; margin-top:3px;}
.titulo16 /* TITULO NIV3 EN AZUL NOTICIAS PRODUCTOS*/{font-size:1.6em; line-height:1.3; margin-top:3px;color:#cc6600;}
.subtitulo14 /* SUBTITULO NIVEL 4 EN NARANJA  NOTICIAS PRODUCTOS*/ {font-size: 1.4em;color:#f46200;margin:0px 0px 2px 0px;vertical-align: middle;}
.subtitulo12 /* SUBTITULO NIVEL 5 EN ROJO  NOTICIAS PRODUCTOS*/ {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1.2em; line-height;1.3em; 
text-align: left; color:#C70000; word-wrap:break-word;}


/* MENUS IZQUIERDA*/

li.alt2 {/* MENU IZQUIERDA FAMILIAS */
	color:#fff; 
	text-align:left; 
	background: #0080C0 url("/imagenes/alt2.gif") repeat-x left center;
	height: 16px; 
	width: 160px;	
	padding: 2px 0 0px 5px !important; 
	font-size: 1.20em;
	line-height:1.3em;
	margin-top:5px; 
	list-style-type:none;
		-webkit-border-top-left-radius: 4px;
		-webkit-border-top-right-radius: 4px;
		-moz-border-radius-topleft: 4px;
		-moz-border-radius-topright: 4px;
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
	}

li.altn, li.altn_enfocado {/* MENU IZQUIERDA SUBFAMILIAS*/
	text-align:left; 
	vertical-align: baseline;
	text-decoration: none;
	border-bottom: dotted #999 1px;
	font-size: 1.20em;
	line-height:1.20em;
	list-style-type:none;
} 
li.altn /* MENU IZQUIERDA SUBFAMILIAS*/{
	width: 162px;
	padding-top: 0.5em;
} 
	li.altn a:active,li.altn a:link,li.altn a:visited {text-decoration: none !important; color: #333 !important;}
	li.altn a:hover {text-decoration: none !important; font-weight:900;color: #C70000 !important;}

	li.altn span {/* hueco para meter el icono de las carpetitas y los >> */
		display: inline-block !important;
		text-align:left; color:#930; 
		margin-left:2px;
		padding-right:3px; 
		margin-top:-1px !important;
		margin-bottom:-2px !important;
		vertical-align: baseline; 
		text-decoration: none !important; 
		color:transparent !important;
		outline: solid #fff 2px !important;
	} 


li.altn_enfocado {/* Menú Izquierda Subfamilia enfocado (la fila gris y las letras en rojo)*/
	width: 162px;
	padding-top: 0.5em;
	font-size: 1.2em;
	font-weight:900;
	color: #333
	/*background:#e7f3ff url("/imagenes/filillaproduc2.png") left center !important;*/
} 

li.altn_enfocado a:active,.altn_enfocado a:link,.altn_enfocado a:visited, .altn_enfocado a:hover {/*link submenú enfocado*/
	color: #C70000 !important; 
	text-decoration: none !important; 
	font-weight:600;
	} 

li.altn_enfocado span {/* Hueco para meter a la derecha en el submenú el galón rojo apuntando abajo*/
	display: inline-block !important;
		text-align:left; color:#930; 
		margin-left:2px;
		padding-right:3px; 
		margin-top:-1px !important;
		margin-bottom:-2px !important;
		vertical-align: baseline; 
		text-decoration: none !important; 
		color:transparent !important;
		outline: solid #fff 2px !important;
}

/*submenus que cuelgan de la subfamilia enfocada*/

ul.altn_submenu {
	width: 162px;
	margin-left: 5px;
	margin-right:0px;
	padding: 0px 0 0 0px;
}

ul.altn_submenu li {/*submenu caracteristicas*/
	text-align:left; 
	padding-left:18px;
	margin: 1px 4px 0 0 !important;
	vertical-align: baseline; 
    background: url("/imagenes/casicruz.png") no-repeat 3px 3px;  	
	border-bottom: dotted #C5C3C3 1px;
	list-style-type:none;
} 
ul.altn_submenu li a,
ul.altn_submenu li a:active,
ul.altn_submenu  li a:link,
ul.altn_submenu li a:visited  {/*submenu texto*/
	color:#0078b3 !important;
	font-size: 1.15em !important;
	line-height:1.80em;
	font-weight:bold !important;
	text-decoration: none !important;
}  

ul.altn_submenu li a:hover{/*quitamos el subrayado al link*/
	color:#C70000 !important;text-decoration: none!important; font-weight:bold !important;
}

ul.altn_submenu li:hover {/*submenu enfocado "celda amarilla" y flecha verde*/
	background:#f7e074 url("/imagenes/casiflecha.png") no-repeat 3px 3px; text-decoration: none!important; }

/*submenu pulsado*/	
ul.altn_submenu li.pulsado{/*submenu pulsado celda naranja y casilla menos*/
	background:#DC6414 url("/imagenes/casiresto.png") no-repeat 3px 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	}
		
		ul.altn_submenu li.pulsado a:active, 
		ul.altn_submenu li.pulsado a:link,
		ul.altn_submenu li.pulsado a:visited,
		ul.altn_submenu li.pulsado a:hover{/*submenu pulsado letras blancas*/
		color: #fff !important; 
		text-decoration: none !important;	
		font-weight: 900 !important;
		font-style:oblique;
		}	
		

/**************************BOTONES*************************/

/*boton subir pagina*/			
.subirpag {/*envoltura boton subir*/
	display:block !important;
	float:right !important;
	margin: 10px 10px 20px 0!important; 
	vertical-align:top !important;
	padding: 1px !important;
	width:52px !important;
	overflow: hidden !important; 
	height:20px !important;
	background:#0080C0 url("/imagenes/filillaproduc2.png") repeat-x left center;
	border: 1px solid #0080C0 !important;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;	
	}

.subirpag a {/*envoltura imagen carrito boton carro*/
	display:inline-block !important;
	float:left !important;
	position: relative !important;
	margin-left: 4px !important;
	margin-top: 2px !important;
	text-align:left !important;
	padding:0px 2px 0px 2px;
	text-decoration: none;
	}
	
.subirpag span {/*texto boton carro*/
	display:block !important;
	font-size:12px !important;
	text-align:left;
	margin-left: 12px !important;
	vertical-align: middle !important;
	font-weight:bold;
	color:#00254A;
	}



	
	/* TIPOS DE LÍNEAS */
.linepunteadavertical_right {border-right:1px dotted #996;}
.linepunteadahorizon_top {border-top: 1px dotted #996; margin:8px 8px;}
.linepunteadahorizon_botom {border-bottom: 1px dotted #996; margin: 8px 8px;}
.linepunteadavertical_left {border-left: 1px dotted #996;}


.iconok{z-index:5; border:solid 1px #DEDEDE; background:#FFFFCC url("/imagenes/validaf.gif") 8px 6px no-repeat; color:#222222; padding:6px; text-align:center; width:140px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size:11px;visibility:visible;position:absolute;left:0px;top:0px;visibility:hidden;}

.iconobc{z-index:5; border:solid 1px #DEDEDE; background:#FFFFCC url("/imagenes/barco.png") 8px 6px no-repeat; color:#222222; padding:6px; text-align:center; width:140px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size:11px;visibility:visible;position:absolute;left:0px;top:0px;visibility:hidden;}

.iconobv{z-index:5; border:solid 1px #DEDEDE; background:#FFFFCC; color:#222222; padding:6px; text-align:center; width:300px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size:11px;visibility:visible;position:absolute;left:0px;top:0px;visibility:hidden;}

.cajanotiz{
font-size:1.25em;
}

.pie2{
background:#C0D9D9 url("/imagenes/fondo1.gif") repeat-x fixed left top !important;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:1.1em;
text-align:center;
}

.pie2 footer{
padding-top:5px;
padding-bottom:5px;	
padding-left:10px;
padding-right:10px;
line-height:1.2em;
color:#999;
}

#pie3{
padding-top:10px;
padding-bottom:10px;	
padding-left:185px;
padding-right:185px;
background-color: #00254A;
}

#pie3c{
padding-top:10px;
padding-bottom:10px;	
}

.alert-box {
    color:#555;
    border-radius:10px;
    font-family:Tahoma,Geneva,Arial,sans-serif;font-size:12px;
    padding:10px 10px 10px 40px;
    margin:10px;
	line-height:18px;
	text-align:left;
}

.alert-box span {
    font-weight:bold;
    text-transform:uppercase;
}

.warning {
    background:#fff8c4 url('/imagenes/warning.png') no-repeat 10px 50%;
    border:1px solid #f2c779;
}

#arkirent {
display:none;
opacity: 0.98;
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);  
-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}

#arkirent input {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
border: 1px solid #CCC;
padding: 8px 8px 8px 16px;
}

.farkirent {
font-family:'Arial', Haettenschweiler, 'Franklin Gothic Bold', sans-serif;
font-size:14px !important;
font-weight:bold;
}

.farkirent2 {
font-family:'Arial', Haettenschweiler, 'Franklin Gothic Bold', sans-serif;
font-style:italic;
font-size:28px !important;
font-weight:bold;
color:#000000;
}

.farkirent3 {
font-family:'Arial', Haettenschweiler, 'Franklin Gothic Bold', sans-serif;
font-size:18px !important;
font-weight:bold;
color:#000000;
}

.farkirent4 label {
font-family:'Arial', Haettenschweiler, 'Franklin Gothic Bold', sans-serif;
font-size:13px !important;
font-weight:bold;
color:#000000;
}

.farkirent4 input {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
border: 1px solid #CCC;
padding: 4px 4px 4px 8px !important;
margin:2px;
color:#666;
}

.farkirent4 textarea {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
padding: 4px 4px 4px 8px !important;
border: 1px solid #CCC;
margin:2px;
color:#666;
}

.farkirent4 select {
font-family:'Arial', Haettenschweiler, 'Franklin Gothic Bold', sans-serif;
font-size:11px !important;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
border: 1px solid #CCC;
padding: 4px 4px 4px 8px !important;
margin:2px;
height:25px;
color:#666;
}

#farkirent_info {font-family:'Arial', Haettenschweiler, 'Franklin Gothic Bold', sans-serif;font-size:20px !important;font-weight:bold;text-decoration:underline;color:#990000;}

#arkirent_importe {
font-family:'Arial', Haettenschweiler, 'Franklin Gothic Bold', sans-serif;	
font-size:14px;	
}

#arkirent_plazo {
  -webkit-appearance: none;
	  width: 160px;
	  height: 20px;
	  margin: 10px 50px;
	  background: linear-gradient(to right, #fff 0%, #fff 100%);
	  background-size: 150px 10px;
	  background-position: center;
	  background-repeat: no-repeat;
	  overflow: hidden;
	  outline: none;
	  zoom: 130%;
	  display: block;
	  margin: auto;
	  margin-bottom: 30px;
}

#arkirent_boton {
	background-color:#046e98;
	padding:10px;
	position:relative;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	text-decoration:none;
	color:#fff;
	border: solid 1px #831212;
	background-image: linear-gradient(bottom, rgb(171,27,27) 0%, rgb(212,51,51) 100%);
	border-radius: 5px;	
}

#text_arkirent {
font-size: 13px;
margin-bottom:10px;
}

.overlay3{
    background:transparent url("/imagenes/overlay.png") repeat top left;
    position:fixed;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    z-index:100;
}

.box3{
	visibility:hidden;
	width:450px !important;
    position:fixed;
    top:-400px;
    left:35%;
    right:30%;
    background-color:#fff;
    color:#7F7F7F;
    padding:20px;
    border:2px solid #ccc;
    -moz-border-radius: 20px;
    -webkit-border-radius:20px;
    -khtml-border-radius:20px;
    -moz-box-shadow: 0 1px 5px #333;
    -webkit-box-shadow: 0 1px 5px #333;
    z-index:101;
	text-align:center;
}

.box3 p{
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:1.3em;	
}

.box3 h1{
    border-bottom: 1px dashed #7F7F7F;
    margin:-20px -20px 0px -20px;
    padding:10px;
    background-color:#b4dcec;
    color:#003366;
    -moz-border-radius:20px 20px 0px 0px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -khtml-border-top-left-radius: 20px;
    -khtml-border-top-right-radius: 20px;
}

a.boxclose1{
    float:right;
    width:26px;
    height:26px;
    background:transparent url("/imagenes/cancel.png") repeat top left;
    margin-top:-30px;
    margin-right:-30px;
    cursor:pointer;
}