/*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; }
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:11px 0px 10px 6px; height:2.8em;}
#idiomas  { padding:0.5em; font-size:0.9em; margin-left:3em; margin-bottom:1em;}
#login    { background:url(../img/login.gif) center center no-repeat; margin:22px 0px 19px 60px; 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 { min-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 */

#boxCalculadora {
    position:fixed;
    display:block;
    width:300px;
    height:190px;
    border:3px solid #62060C;
    background: url("../img/bg_calculadora.jpg") repeat-x top #EAEAEA ;
    font-size: 12px;
    -moz-box-shadow: 10px 10px 5px #888;
    -webkit-box-shadow: 10px 10px 5px #888;
    box-shadow: 10px 10px 5px #888;
    overflow:hidden;
    
}

#btnClose{
    background: url("../img/close.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 19px;
    position: absolute;
    right: -4px;    
    top: -4px;
    width: 19px;
}
.titleCalculadora{
    color : #62060C;
    font-size:14px;
    font-weight:bold;
}


body{
    background:#FFF;
}

.header-new{
    background:#666666;
    display:block;
    min-height: 108px;
}

.header-new header{
    max-width: calc(1300px - 100px);
    margin:auto auto;
}

.header-new header .branding{
    text-align: left;
    padding-top: 29px;
    float:left;
}

.header-new #primary-menu{
     text-align: left;
     font: normal 16px / 30px "Roboto", Helvetica, Arial, Verdana, sans-serif;
     margin-left: 293px;
      padding-top: 40px;
}

.header-new #primary-menu li{
    display:inline-block;
    position:relative;
}

.header-new #primary-menu li a{
    color:#FFF;
    font-size:16px;
    margin: 18px 5px 18px 5px;
    padding: 4px 3px 4px 3px;
    font-weight:bold;
}

.header-new #primary-menu li ul{
    display:none;
}

.sub-nav {
    background-color: #fff;
}
.sub-nav {
    padding: 10px;
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,.2);
    box-shadow: 0 0 4px rgba(0,0,0,.2);
    box-sizing: border-box;
    width: 200px;
}

.sub-nav li a { color : #000 !important; }

.header-new #primary-menu li:hover ul{
    display:block;
    position:absolute;
    top:30px;
    left:0px;
}
.header-new #primary-menu li ul li {
    display:block;
}
.header-new #primary-menu li:after{
    margin-top: -5px;
    right: 0;
    width: 8px;
    height: 8px;
    content: "|";
    color: #FFF;
}

.header-new #primary-menu li:last-child:after{
    content:'' !important;
}

.header-new #primary-menu li a:hover{
    color:#000;
}

.footer-new{
    margin-top:30px;
    background: #6c6b6b none repeat center top;
}
.footer-new .footer{
    margin:auto auto;
    max-width: calc(1300px - 100px);
    padding-top: 60px;
    padding-bottom: 25px;
    text-align:left;
    color:#FFF;
}

.footer-new .footer section{
    display:block;
    width: 25%;
    float:left;
}

.footer-new .footer section a{
    color:#FFF;
    font-size: 14px;
    line-height: 25px
}

.footer-new .footer section a:hover{
    color:#000;
}

.widget-title{
    font: normal 16px / 26px "Slabo 27px", Helvetica, Arial, Verdana, sans-serif;
    margin-bottom: 15px;
    clear: both;
}

.box-title{
    background: #F7F7F7;
    display:block;
    padding:50px 0px;
}

.box-title h1{
    display: block;
    color:#000;
}
.box-title h2{
    color: #B4BBD1;
}

.login-box{
    margin:50px 0px;
    text-align:left;
}

.login-box #login_{
    width:300px;
    margin:auto auto;
}

.login-box #login_ label{
    display:block;
    margin-bottom:10px;
    font-size: 16px;
    color: #666666;
    font-weight:bold;
}

.login-box #login_ input{
    display:block;
    padding:10px;
    border:1px solid #666666;
    width: 68%;
    margin-bottom:10px; 
}

.login-box #login_ input[type="submit"]{
    background: #555555;
    color:#F1F1EC;
    padding:10px;
    border-bottom:2px solid #393939;
    width: 73.5%;
}

.contenidos{
     margin:auto auto;
    max-width: calc(1300px - 100px);
     text-align: left;
}

.barra-optiones{
    background:#F7F7F7;
    text-align: left;
}

.barra-optiones .contenidos{
    padding-top: 0px; 
}

.barra-optiones a{
    padding: 20px;
    padding-left: 0px;
    display: inline-block;
    font-size:18px;
    text-transform: uppercase;
}

.col-40{
    width:40%;
    float:left;
    display:block;
    text-align:left;
}

.col-50{
    width:50%;
    float:left;
    display:block;
    text-align:left;
}

.col-60{
    width:60%;
    float:left;
    display:block;
    text-align:left;
}