/*formateo de css*/
body { font-family:Arial, Helvetica, sans-serif; font-size:75%; color:#333333; background:url(../img/fons-web.jpg); }
p, ul, ol, dl, dt, dd, li, blockquote, cite, h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-weight:normal;}
img{ border:0;}



h1 { display:none; }
h2 { font-size:1em;    color:#990000;}
h3 { font-size:1em;    color:#000;}
h4 { font-size:0.9em;  color:#000;}
h5 { font-size:0.9em;  color:#000;}
h6 { font-size:0.9em;  color:#666; padding:0.5em;}



h2, h3, h4, h5 {padding:0.5em; font-weight:bold;}


p  { padding:0.3em; font-size:0.9em;}
li { font-size:0.9em; }


.right { text-align:right;}
.left  { text-align:left;}
.clear { clear:both;}

a:link,
a:visited { color:#333333; }
a:hover   { text-decoration:none;color: #000000;}

input,  textarea { border:#D7DFEA 1px solid; font-size:1em; background:#F8F9FB; color:#CC0000;}

/*contenedor - wrap*/
#wrap { width:100%;  border:#666666 4px solid; background:#FFFFFF;  }
#wrap { background-image:none;}
	#contorno_uno { border:#FFFFFF 4px solid;}
	#contorno_dos { border:#333333 1px solid; padding:0.1em;}

/*cabecera & logo*/
#logo     { padding:1em; background:#CCCCCC; height:auto;}
#login    { display:none;}
	
/*izquierda*/		
#izquierda { width:100%; float:none; }

	/*menu home*/
	#menu        { background:#FFF; border-bottom:#990000 1px solid;}
	#menu ul { padding:-2em;}
	#menu ul, li { list-style-type:none; padding:0.2em;}

	

	/*notis home*/
	#pastilla_notis { display:none;}
	#pastilla_notis h2   { background:#006699; color:#FFFFFF; font-size:1.3em; font-weight:bold; padding:0.3em 0.2em 0.2em 2em; margin-top:0.5em;}
	#pastilla_notis h2   { background:url(../img/h2-notis.gif) no-repeat top left; }
	#pastilla_notis h3   { font-size:0.9em; color:#006699;}
	.fecha p             { font-size:0.9em; font-weight:bold; }

	.lista_notis     { border-bottom:#CCCCCC 1px dashed; padding:0.5em; }
			
	#pastilla_notis h3 a:link,
	#pastilla_notis h3 a:visited { color:#006699;   }
	#pastilla_notis h3 a:hover   { text-decoration:none;color: #000000;}
	
	#pastilla_notis p            { font-size:0.9em; padding:0.5em;}
	
	.mas_notis  a:link,
	.mas_notis  a:visited        { color:#006699;   }
	.mas_notis  a:hover          { text-decoration:none;color: #000000;}
	
	#detalle_notis h3   { font-size:0.9em; color:#006699;}
	#detalle_notis img          { float:right; padding:0.8em;}
	
	.volver { font-size:0.9em; text-align:right;}
	
	
	/*flash*/
	#flash { display:none; }
	
	#marcas { clear:both; padding:0.5em;}

/*derecha*/
#derecha { width:100%; float:none; }

	/*estilos para cajas*/
	
	.trenta       { width:100%;}
	.cuarenta     { width:100%;}
	.sesenta      { width:100%;}
	.setenta      { width:100%;}
	
	#derecha div.trenta, #derecha div.cuarenta, #derecha div.sesenta, #derecha div.setenta { float:left; padding:0.5em;}	
	#derecha div.trenta img, #derecha div.cuarenta img { padding:0.5em 0 0 0.9em;}
	
	.cajas_granate     { clear:both; padding:0.5em;}
	.cajas_granate img { float:left; padding:0.5em;}
	.cajas_granate h3  { background:url(../img/h3-home.jpg) repeat-x top; color:#FFFFFF; font-weight:bold; padding:0.6em 0.2em 0.6em 2.3em; font-size:1em;}
	
	
	.cajas_granate  a:link,
	.cajas_granate  a:visited        { color: #990000;   }
	.cajas_granate  a:hover          { text-decoration:none;color: #000000;}
	
	.cajas_granate dl { font-size:0.9em; padding:0.5em 0.5em 0.5em 2em;}
		#derecha div.cajas_granate dt { padding:0.3em 0 0 0.5em;}
		#derecha div.cajas_granate dd { padding:0.3em 0 0 2em;}
	

	.mitad        { width:47%; float:left; padding:0.5em;}	
	.mitad img    { padding:1em 0 0 2em;}
	.radio        { }

	#contenido_gris     { padding:0.5em; margin:1em 0; clear:both;}  	  
	#contenido_gris h4  { font-size:1.2em; color:#990000; padding:0.2em; }
	#contenido_gris img { padding:0.5em; float:right;}
	#contenido_gris li  { padding:0.3em 0 0.3em 2em ; display:block; list-style-type:square;}
	
	/*#derecha div.cajas_granate li, #derecha div.cajas_granate ul{ padding:1em; }*/

		#derecha div#caja_gris, #derecha div#contenido_gris {background:#E8E8E8; border-bottom:#990000 1px dashed;}
		
		/*FIN DE ESTILOS PARA CAJAS*/

	/*menu EMPRESAS*/
	#empresa { background:url(../img/soluciones.jpg) bottom no-repeat;}
	
	/*menu SERVICIOS*/
	#servicios
	
	/*listados en todos los sub-apartados*/
	#derecha div#filosofia ul, #derecha div#empresa ul, #derecha div#servicios ul  { padding:0.1em 0.1em 0.1em 2em; list-style-type:none;}
	#derecha div#filosofia li, #derecha div#empresa li, #derecha div#servicios li  { padding:0.5em 0.1em 0.1em 0.1em; }
	#derecha div#filosofia li, #derecha div#empresa li, #derecha div#servicios li, #derecha div.cajas_granate dt {  background:url(../img/icon.gif) left no-repeat; padding-left:1.4em;}

	/*Politica de privacidad*/
	#politica { padding-top:5em;}
	
	/*Contacto*/
	#derecha div#contacto  p h3{ padding-left:4em;}
	#contacto img   { float: right;}
	
	#form label  { font-size:1.1em; vertical-align:top; width:10em; float:left; clear:left;}
	#forms input { vertical-align:top; margin-top:-1.5em; float:right;}
	
	/*Include contacto*/
	.include_contacto h3, h4, p  { padding:0.2em;}
	.include_contacto { border-bottom:#CCCCCC 1px dashed; margin:0.8em 0;}
	
	/*Oficinas*/
	#oficinas     { background:#EAEAEA;}
	#oficinas img { padding:0.5em 1em;}	
	#oficinas_detalle { padding:0.5em; clear:both;}
	
	/*Include asistencia permanente*/
	.asistencia_permanente ul { padding:0.5em}
	.asistencia_permanente li { padding:0.3em 0 0 1.2em; color:#0066CC;}

/*peu*/
#peu { height:3em; clear:both;  background:url(../img/fons-peu.gif) top; }
#peu p { padding-top:1.5em;}
 


/*HACK PARA LAS CAJAS---------------http://www.positioniseverything.net/easyclearing.html--------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */







.cajas_granate:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.cajas_granate {display: inline-block;}

/* Hides from IE-mac \*/
* html .cajas_granate {height: 1%;}
.cajas_granate {display: block;}
/* End hide from IE-mac */


/*Menu principal*/
/*Home*/
a#menu_home {
    display: list-item;
    width:100%;
	height:auto;
	background:none;
	background-image:none;
}
a#menu_home:hover {
    background-position:-36px;
}

/*Porque*/
a#menu_porque {
    display: list-item;
    text-indent:0;
    width:100%;
	height:auto;
	background-image:none;
	background:none;
}
a#menu_porque:hover {
   background-position:-36px;
}

/*Oficinas*/
a#menu_oficinas {
    display: list-item;
    text-indent:0;
    width:100%;
	height:auto;
	background-image:none;
}
a#menu_oficinas:hover {
    background-position:0 -36px;
}

/*Filosofia*/
a#menu_filosofia {
    display: list-item;
    text-indent:0;
    width:100%;
	height:auto;
	background-image:none;
}
a#menu_filosofia:hover {
    background-position:0 -36px;
}

/*La empresa*/
a#menu_empresa {
    display: list-item;
    text-indent:0;
    width:100%;
	height:auto;
	background-image:none;
}
a#menu_empresa:hover {
    background-position:0 -36px;
}

/*Servicios*/
a#menu_servicios {
    display: list-item;
    text-indent:0;
    width:100%;
	height:auto;
	background-image:none;
}
a#menu_servicios:hover {
    background-position:0 -36px;
}

/*Noticias*/
a#menu_noticias {
    display: list-item;
    text-indent:0;
    width:100%;
	height:auto;
	background-image:none;
}
a#menu_noticias:hover {
    background-position:0 -36px;
}

/*MENU OFICINAS*/
/*Girones*/
a#menu_girones {
    display: list-item;
    text-indent:0;
    width:100%;
	height:auto;
	background-image:none;
}
a#menu_girones:hover {
    background-position:0 -36px;
}


/*Pons*/
a#menu_pons {
    display: list-item;
    text-indent:0;
    width:100%;
	height:auto;
	background-image:none;
}
a#menu_pons:hover {
    background-position:0 -36px;
}


/*Enuve*/
a#menu_enuve {
    display: list-item;
    text-indent:0;
    width:100%;
	height:auto;
	background-image:none;
}
a#menu_enuve:hover {
    background-position:0 -36px;
}