/* CSS Document */
body {
	font-size: 67%;
	color: #000;
	font-family:Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #fff;
}

h1 {
	font-size: 2.2em;
	margin: 10px 0 0 20px;
	color: #333;
	float: left;
}
	h1 span { color: #FF9900; font-weight:normal; font-size: .9em;}
	h1.oculto { margin-left: -9000px;}
	h1.cuatrocientoscuatro {color: #FF9900; font-size: 9em; margin: 50px 0 0 50px;}
	h1.cuatrocientoscuatro span { font-size: 34px; color: #333; display: block;}

h2 { font-size: 1.4em; color: #ff9f00; margin: 30px 0 0 50px;}




p { margin: 20px 10px 0 50px; font-size: 1.2em;}

a { color: #000099; text-decoration: underline; }
a:hover { color: #ff9f00; text-decoration: none;}

ul { list-style-type: none; margin: 0; padding: 0; font-size: 1.2em;}
	
img { border: none;}

	img.right {
		float: right;
		margin: 0 20px 10px 20px;
	}
	
	img.left {
		float: left;
		margin: 0 20px 10px 0;
	}





/* LAYOUT
-------------------------------------------------------------*/

#contenedor {  /* - engloba toda la pagina - */
	margin: 20px auto;
	padding: 0;
	border: 1px solid #000;
	max-width: 920px;
	text-align: left;
	min-width: 704px;				
	width: 90%;	
}

#cabecera {
	float: left;
	width:100%;
	height: 90px;
	margin: 0;
	padding: 0;
	background: url(../imagen/claim.gif) right top no-repeat;
}

#contenido {   /* - engloba el contenido por debajo del menu - */
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}
					/* - con imagen de fondo - */
	#contenido.fondoilustrado { background: url(../imagen/fondoclientes.gif) 80% 150px no-repeat fixed;}
	#contenido.mapaweb { background: url(../../webV8/images/fondologo.gif) bottom center no-repeat;}

					/* - para contenido sin divs (cono en legal) - */
#cuerpo { width: 90%; margin-top: 20px; float: left;}

#promo {
	width: 95%;
	margin: 20px 0 0 20px;
	margin-top: 20px;	
	padding: 0;
	float: left;
	overflow: hidden;
	/*border: 1px solid red;*/
}

	#promo h2 { margin: 0; font-size: 2.5em; line-height: .9em;}
	#promo p { margin:0; margin-top: 20px;}
	#promo img.fotopromo { float: right; margin: 0; margin-left: 10px;}
	

.destacahome {
	width: 45%;
	float: left;
	margin: 20px 0 0 20px;
	border-top: 1px dashed #fb8b00;	
}
	.destacahome h2 { margin: 0; padding-top: 10px; font-size: 2em; line-height: .9em;}
	.destacahome p{ margin: 0; margin-top: 20px;}

.centradoanuncio {text-align: center;}

dl { font-size: 1.2em; margin: 20px 0px 0 40px;}
dt {font-weight: bold; color: #fb8b00; display:block; border-bottom: 1px solid #666;}
dd { margin: 10px 100px 20px 20px; font-weight: bold;}
	dd p{ font-size: .9em; font-weight: normal; margin-left: 20px; }

ul.encontenido {list-style-image: url(../imagen/lista1.gif); margin: 10px 80px;}

ul.ilustra {
	list-style-image: url(../imagen/lista1.gif);
	width: 60%;
	min-height: 150px;				 /* ----------------*/
	height:auto !important;			/*- hack para IE6 -*/
	height: 150px;				   /* ----------------*/
	padding:  10px 180px 0 20px;
	margin: 10px auto;

}

	ul.ilustra.dibu01 {background: url(../imagen/ilustra_01.gif) top right no-repeat;}
	ul.ilustra.dibu02 {background: url(../imagen/ilustra_02.gif) top right no-repeat;}
	ul.ilustra.dibu03 {background: url(../imagen/ilustra_03.gif) top right no-repeat;}
	ul.ilustra.dibu04 {background: url(../imagen/ilustra_04.gif) top right no-repeat;}
	ul.ilustra.dibu05 {background: url(../imagen/ilustra_05.gif) top right no-repeat;}
	ul.ilustra.dibu06 {background: url(../imagen/ilustra_06.gif) top right no-repeat;}
	ul.ilustra.dibu07 {background: url(../imagen/ilustra_07.gif) top right no-repeat;}
	ul.ilustra.dibu08 {background: url(../imagen/ilustra_08.gif) top right no-repeat;}
	ul.ilustra.dibu09 {background: url(../imagen/ilustra_09.gif) top right no-repeat;}

	ul.ilustra ul li{ list-style-image: url(../imagen/dot2.gif); margin-left: 20px; font-size: .8em;}


#pie {
	width: 100%;
	float: left;
	text-align: center;
	font-size: 0.9em;
	margin: 15px 0 5px 0;
	/*background-image: url(../imagen/botones.gif);*/
	background-position: 0 -50px;	
}

			

#nueva_ventana {
	width: 100%;
	margin:0;
	padding:0;
	text-align: left;
}
	#nueva_ventana h1 { float: right; display: inline; margin-right: 60px; width: auto;}
	#nueva_ventana p { text-align: left;}

.cuadro {
	text-align: center;
	margin: 0;
	padding: 20px;
}

.cursor { cursor: pointer;}

.salto { clear: both;}


/*
-- clientes ---------------------------------------------- */

	h2 span { font-size: .8em; color: #666; padding-right: 10px; }

ul.cliente { margin: 10px 40px 20px 50px; padding-left: 160px;}
ul.cliente li { border-left: 2px solid #fb8b00; padding: 0 0 10px 5px;}
	ul.cliente#mutual{ background: url(../imagen/logo_mutual.gif) top left no-repeat;  }	
	ul.cliente#enae{ background: url(../imagen/logo_national.gif) top left no-repeat;  }	
	ul.cliente#racc{ background: url(../imagen/logo_racc.gif) top left no-repeat;  }	
	ul.cliente#ae{ background: url(../imagen/logo_ae.gif) top left no-repeat;}
	ul.cliente#sba{ background: url(../imagen/logo_sba.gif) top left no-repeat;}
	ul.cliente#galicia{ background: url(../imagen/logo_galicia.gif) top left no-repeat;  }
	ul.cliente#balumba{ background: url(../imagen/logo_balumba.gif) top left no-repeat;}	
	ul.cliente#imagine{ background: url(../imagen/logo_imagine.gif) top left no-repeat;  }
	ul.cliente#medit{ background: url(../imagen/logo_medit.gif) top left no-repeat; }
	ul.cliente#coverlife{ background: url(../imagen/logo_coverlife.gif) top left no-repeat;  }
	ul.cliente#advantage{ background: url(../imagen/logo_advantage.gif) top left no-repeat;  }	
	

/*---------- enlaces soluciones
--------------------------------------------------------------*/

.enlaces_sisnet { width: auto; height: 65px; float: right;	padding: 0 60px 0 0; margin-right: 20px; background: url(../imagen/logosisnet_grande.gif) top right no-repeat;}


ul.enlaces_soluciones {
	margin: 0;
	width: 100%;
	height: auto;
	font-size: .9em;
	text-align: right;
	}

ul.enlaces_soluciones li { font-weight: bold; color: #000;}
ul.enlaces_soluciones  li a { font-weight: normal;}

.ver_pdf {width: auto; float: right;	padding: 0 18px 0 0; margin-right: 20px; background: url(../imagen/hoja3.gif) top right no-repeat;}

/*
--- cajas ------------------------------------------------*/

div.caja {
	margin: 30px auto;
	padding: 0;
	width: 90%;
	}
			
		div.caja h2 {
		font-size: 1.2em;
		color: #fff;
		margin: 0;
		padding: 2px;
		}
		
	div.caja  .cab_caja {
	background-color: #fb8b00;
	margin: 0;
	padding: 0;
	height: 1.9em;	
	}
	
	div.caja  .cab_caja1 {
	background: url(../imagen/esquina_1.gif) top left no-repeat;
	padding: 0 0 0 15px;
	margin: 0;	
	}
	
	div.caja  .cab_caja2 {
	background: url(../imagen/esquina_1a.gif) top right no-repeat;
	padding: 0;
	margin: 0;
	}

	div.caja .cont_caja {
	padding: 0;
	margin: 0;
	background: url(../imagen/borde_izq.gif) left repeat-y;
	}

	div.caja .cont_caja2 {
	background: url(../imagen/borde_der.gif) top right repeat-y;
	margin: 0;
	padding: 1px;
	}

	div.caja .pie_caja {
	margin: 0;
	padding: 0;
	}

	div.caja .pie_caja1 {
	background: url(../imagen/esquina_2.gif) bottom left no-repeat;
	padding: 0 0 0 5px;
	margin: 0;
	}
	
	div.caja .pie_caja2 {
	background: url(../imagen/esquina_2b.gif) bottom right no-repeat;
	}


/* --------- FICHAS CONTACTO -----------------------------------------   */
		

.ficha { width: 500px; background: url(../imagen/esquina.gif) top left no-repeat; padding: 4px; margin:20px auto; border: 2px dashed #666; overflow: auto;}
.cajaficha { width: 248px; height: 120px; border: 1px solid #ff9f00; background-color:#FFF; float: left;}
.cajaficha2 { width: 249px; height: 120px; border: 1px solid #ff9f00; background-color:#FFF; float: right; border-left: none;}	
	
	.cajaficha a { 
		font-size: 1.2em;
		font-weight: 800;
		text-decoration: none;
		}
	.cajaficha a:hover { 
		background-color: #CC035C;
		color: #FFF;
		}
		
.ficha p { margin: 10px; font-size: 1.1em;}

.cajaplano1 { background-image: url(../imagen/planomadrid.gif); }
.cajaplano2 { background-image: url(../imagen/planobilbao.gif); }
.cajaplano3 { background-image: url(../imagen/planodominicana.gif); }
.cajaplano4 { background-image: url(../imagen/planobarcelona.gif); }
a.plano { background-color: #fff; float: right; padding: 2px; border-bottom: 1px solid #ff9f00; border-left: 1px solid #ff9f00;}
a.plano:hover { background-color: #ff9f00; color: #fff; text-decoration: none;}





/* MENU DE PAGINA PRINCIPAL
-----------------------------------------------------------------*/

#menu_home {
	width: 99%;
	margin: auto; 
}

#menu_home ul {

}

#menu_home ul li{
	width: 16.62%;
	float: left;
	margin: 0;
	padding: 0;
}

#menu_home ul li a {
	color: #000;
	font-size: 0.9em;
	font-weight: bold;
	text-decoration: none;
	background-image: url(../imagen/boton_home.gif);
	background-position: 0 -150px;
	border: 1px solid #000;
	overflow: hidden;
	display:block;
	margin: 1px;
	padding: 5px 0 100px 0;
	text-align: center;
	height: 100%;
}
	
#menu_home ul li a:hover {
	background-image: url(../imagen/boton_home.gif);
	background-position: -150px 0;	
	color: #000;}


/* MENU DE CABECERA
--------------------------------------------------------------------*/


#iracontenido {margin-left: -9000px;}

#menu_cab {
	position: relative;
	float: left;
	width: 100%;
	overflow: hidden;
	height: 70px;
}

#menu_cab ul {
	top: 0;
	left: 0;
	position: absolute;
	z-index: 20;
	width: 100%;
}

#menu_cab ul li{
	width: 16.6%;
	float: left;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#menu_cab ul li a {
	color: #000;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	background-image: url(../imagen/botones.gif);
	background-position: 0 -50px;
	border: 1px solid #999;
	overflow: hidden;
	display:block;
	margin: 1px;
	padding: 2px 0 2px 0;
	text-align: center;
	white-space: nowrap;
}
	
#menu_cab ul li a:hover {
	color: #fff;
	background-image: url(../imagen/botones.gif);
	background-position: -50px 0;}

#menu_cab ul li a.activo {
	padding: 2px 0 6px 0;
	border-bottom: none;
	background-image: url(../imagen/botones.gif);
	background-position: -50px 0;
	color: #000;
	cursor: default;
}

#menu_cab ul ul {
	background-color: #fb8b00;
	width: 2000px;
	height: 20px;	
	top: 25px;
	left: 0;
	border-top:1px solid #999;
	border-bottom: 1px solid #666;
	position:absolute;
	z-index: -10;
}

#menu_cab ul ul li{
	width: auto;
	margin-left: 1em;
}

#menu_cab ul ul li a{
	background: none;
	border: 0;
	display:block;
	font-size: .8em;

}

#menu_cab ul ul li a:hover{
	background: none;
	display:block;
	color: #fff;
}

#menu_cab ul ul li a.actual{
	background: none;
	border: 0;
	display:block;
	color: #666;
	cursor: text;
}


/* MAPA WEB

-------------------------------------------------------------------------------*/


#mapaweb { clear:both; height:400px; text-align:center; margin-left:1em;}

#mapaweb a { 
            text-decoration: none;
            padding: 5px 5px;
            background-color:#FF9900;
            color: #000;
            z-index: 50;
            }

#mapaweb a:hover { background-color: #fff; color: #000;}
#mapaweb ul { width: 98%; text-align:center; margin: 0 auto;}
#mapaweb ul ul#niveluno{ margin-top:15px;}
#mapaweb ul li {margin:0; padding:0}
#mapaweb ul li#portada { width: 100%; margin: 0; position:relative;}

#mapaweb ul li#portada a.nivel1{
            border: 1px solid #000;
            margin: 0 auto;
            text-align: center;
            width: 10%;
            display: block;
            padding: 10px 5px;
            }
            
li#portada a.nivel1{ margin: 0 auto; z-index: 300; width: 8%; background-color: #ccc;}

            li#portada a.nivel1:hover{ background-color: #FF9900; color:#FFF;}

li#soluciones, li#productos, li#clientes, li#quien, li#novedades, li#accesibilidad, li#legal, li#contacto {         
            float: left; width: 12.4%; top: 20px; position:relative; z-index: 50;}

li li#soluciones a, li#productos a, li#clientes a, li#quien a, li#novedades a, li#contacto a, li#soluno a, li#soldos a, li#produno a, li#proddos a, li#prodtres a, li#prodcuatro a, li#quienuno a, li#quiendos a, li#quientres a, li#quiencuatro a, li#novedadesuno a, li#accesibilidad a, li#legal a{ 
			display:block; width:80%; border: 1px solid #000; overflow:hidden; font-size: .8em;}

li#soluciones a.lineatop, li#productos a.lineatop, li#quien a.lineatop{ background-color: #FFCC66; font-size: .8em; white-space: nowrap; }
li#soluciones a.lineatop:hover, li#productos a.lineatop:hover, li#quien a.lineatop:hover{ background-color: #FF9900;}

li#clientes a, li#contacto a, li#accesibilidad a, li#legal a {  height:290px; background-color: #FFCC66; }
li#clientes a:hover, li#contacto a:hover, li#accesibilidad a:hover, li#legal a:hover { height:290px; background-color: #FF9900;}
li#soluno, li#soldos, li#produno, li#proddos, li#prodtres, li#prodcuatro, li#quienuno, li#quiendos, li#quientres, li#quiencuatro, li#novedadesuno {z-index: 50; margin:0; padding:0; width: 100%;}

li#novedades a {height:136px; background-color: #FFCC66;}
li#novedadesuno a{ margin-top: 5px; height: 137px;}

li#soluno, li#soldos { font-size: .8em;}
li#soluno a, li#soldos a, li#produno a, li#proddos a, li#prodtres a, li#prodcuatro a, li#prodcinco a, li#quienuno a, li#quiendos a, li#quientres a, li#quiencuatro a, li#novedadesuno a{font-size: .7em;}

	
li#soluno a{ margin-top: 15px; height: 115px;}
li#soldos a{ margin-top: 5px; height: 115px;}

li#produno a{ margin-top: 15px; height: 35px;}
li#proddos a{ margin-top: 5px; height: 36px;}
li#prodtres a{ margin-top: 5px; height: 36px;}
li#prodcuatro a{ margin-top: 5px; height: 36px;}
li#prodcinco a{ margin-top: 5px; height: 35px;}

/*li#quienuno a{ margin-top: 15px; height: 32px;}*/
li#quiendos a{ margin-top: 15px; height: 71px;}
li#quientres a{ margin-top: 5px; height: 72px;}
li#quiencuatro a{ margin-top: 5px; height: 71px;}

li#portada span.lineanivel1 {
            border-left: 1px solid #000;
            position: absolute;
            height:13px;
            left: 50%;
            top: 37px;
            z-index: 10;
}

li#portada span.lineahorizontal {
            position: absolute;
            z-index: 10;
            border:1px solid #000;
            border-bottom:0;
            margin-top:13px;
            margin: 0 7%;
            margin-top:13px;
            height:300px;
            left: 0;
            right:0;
            top: 36px;
            width:84.5%;
}

li#productos span, li#clientes span, li#novedades span, li#quien span, li#accesibilidad span, li#contacto span {
            position: absolute;
            border-left: 1px solid #000;
            margin: -39px 0 0 0;
            left: 45%;
            top: 16px;         
            text-align:center;
            height: 300px;
            }
			
li#portada span { z-index: -100;}