/*formateo de css*/
body { font-family:Arial, Helvetica, sans-serif; font-size:75%; color:#333333; background:url(../img/fons-web.jpg); text-align:center; margin: 0.5em auto; }
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:64.75em; text-align:left; margin: 0 auto; border:#666666 4px solid; background:#FFFFFF;  }
#wrap { background-image:url(../img/cap.gif); background-repeat:no-repeat; background-position:top;}
	#contorno_uno { border:#FFFFFF 4px solid;}
	#contorno_dos { border:#333333 1px solid; padding:0.5em;}

/*cabecera & logo*/
#logo     { padding:1.7em 0 0 3.2em; height:2.8em;}
#idiomas  { padding:0.5em; font-size:0.9em; margin-left:3em; margin-bottom:1em;}
#login    { background:url(../img/login.gif) no-repeat; margin:0.3em 0 0 7.8em; padding:0.5em 0.3em 0 0.3em; width:80%; text-align:right; height:2em;}
	
/*izquierda*/		
#izquierda { width:30%; float:left; }

	/*menu home*/
	#menu        { background:#F6F5F1;}
	#menu ul, li { list-style-type:none;}
	/*Calendario intranet*/
	#cal { margin:2em 0.5em;}
	


	

	/*notis home*/
	#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;}
	
	/*Include asistencia*/
	#asistencia h2   { background:#006699; color:#FFFFFF; font-size:1.3em; font-weight:bold; padding:0.3em 0.2em 0.2em 2em; margin-top:0.5em;}
	#asistencia h2   { background:url(../img/h2-notis.gif) no-repeat top left; }
	#asistencia h3   { font-size:0.9em; color:#006699;}
	
	#asistencia h3 a:link,
	#asistencia h3 a:visited { color:#006699;   }
	#asistencia h3 a:hover   { text-decoration:none;color: #000000;}
	
	#asistencia p            { font-size:0.9em; padding:0.5em;}
	
	
	/*flash*/
	#flash {  text-align:right;  background:url(../img/fons-flash.gif) bottom repeat-x; }
	
	#marcas { clear:both; padding:0.2em; text-align:center;}

/*derecha*/
#derecha { width:69%; float:right; }

	/*estilos para cajas*/
	
	.trenta       { width:28%;}
	.cuarenta     { width:38%;}
	.sesenta      { width:57%;}
	.setenta      { width:67%;}
	
	#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_home { padding:0.5em;}
	#derecha div.cajas_home img, #derecha div.cajas_granate img  { float:left; padding:0.5em;}
	#derecha div.cajas_home h3, #derecha div.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 home*/
	#caja_a { float:left; width:47%;}
	#caja_b { float:left; width:47%;}
	
	
	.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, #derecha div#retocs_home li  {  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;}
	
	
		/*INTRANET*/
		.contenidos { padding-top:4em;}
		.titulares_b { color: #990000; font-weight:bold; padding:0.3em;}
		.pie { font-size:0.9em; border-bottom:#CCCCCC 1px dashed; margin-bottom:1em;}
		.fecha { font-weight:bold; }
		.pading_intranet { padding-top:2em;}
		.pie  a:link,
		.pie  a:visited        { color:#095F9A;text-decoration:underline;}
		.pie  a:hover          { text-decoration:none;}
		
		

/*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 */