/*************************************************************/
/* ELECTRO HILO CSS*******************************************/
/*************************************************************/


/* ELEMENTOS COMUNES                                         */
/*-----------------------------------------------------------*/

body
{
	margin: 0;
	padding: 0;
    color:#000000;
	background-color: #FFFFFF;
	font-family: verdana, arial, hevetica, sans-serif;
	font-size: x-small;

}


img
{
	margin: 0 0 0 0px;
    padding: 0px;
    border: 0px;
}

.imgc
{
	margin: 0;
    padding: 4px 10px 0px 0px;
    border: 0;
    float:left;
}

h1 
{
	margin:0px 0px 15px 0px;
	padding:0px;
    font:bold 1.59em verdana, arial, helvetica, sans-serif;
    background-color:white;
	color:#626262;
}

h2 
{
	font:bold 1.4em verdana, arial, helvetica, sans-serif;
	margin:0px 0px 5px 0px;
	padding:0px;
    background-color:white;
    color:#626262;
}

h3 
{
    margin:0px 0px 5px 0px;
	padding:0px;
	font:bold 1.3em verdana, arial, helvetica, sans-serif;
    background-color:white;
    color:#000000
}

h4 
{
    margin:0px 0px 5px 0px;
	padding:0px;
	font:bold 1.1em verdana, arial, helvetica, sans-serif;
    background-color:white;
    color:#000000
}

p 
{
	font:1.09em verdana, arial, helvetica, sans-serif;
	margin:0px 0px 16px 0px;
	padding:0px;
}


a
{
	margin: 0;
	border: 0;
	padding: 0;
    background-color:transparent;
	color: #000000;
 	text-decoration: none;

}

a:visited
{
    background-color:transparent;
	color: #000000;
}

a:hover
{
	text-decoration: underline;
}

kbd {  line-height:2em; font-size:.8em; font-weight:normal; font-family:"Lucida console", Courier, monospace, sans-serif; border-top:.15em solid #ccc; 
		  border-right:.25em solid #aaa; border-bottom:.3em solid #888; border-left:.2em solid #bbb; padding:.05em .2em; color:#000; background:#eee; 
		  vertical-align:text-bottom; }

/* ELEMENTOS TIPOGRAFICOS DE SECCION                                      */
/*-----------------------------------------------------------*/

#bancab 
{   
    font-family: verdana, arial, helvetica, sans-serif;
	font-size: 170%;
    background-color:white;
	color: #FFFFFF;
    text-indent:295px;
    /*word-spacing: -0.05em;
      letter-spacing: -0.02em; */
	text-decoration: none;
	font-weight: 700;
}

#top 
{   
    font-family: verdana, arial, helvetica, sans-serif;
	font-size: 170%;
    background-color:white;
	color: #8DCC00;
	text-decoration: none;
	font-weight: bold;
}

.newsfecha

{   
    font-family: verdana, arial, helvetica, sans-serif;
	font-size: 100%;
    background-color:white;
	color: black; 
	text-decoration: none;
	font-weight: bold;
}

.migas

{   
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 60%;
    background-color:white;
	color: #626262; 
	text-decoration: none;
	font-weight: bold; 
}

.migas a

{   
	background-color:white;
    color: #626262;
    text-decoration: none;
	font-weight: bold; 
}

.migas a:visited

{   
	background-color:white;
    color: #626262; 
}

.migas a:hover
{
	text-decoration: underline;
}


#titmenuv
{   
    font-family: arial, helvetica, sans-serif;
	font-size: 115%;
	background-color:white; 
    color: #004FD2;
	text-decoration: none;
	font-weight: bold;
}

.negri
{ font-weight: bold; }

.cielo
{ background-color:white; color:#A4BBFF; }


/* MAQUETACION                                               */
/*-----------------------------------------------------------*/

#contenedor
{
	margin: 5px auto;
    width: 770px;
    height: 600px;	
    border:0px solid #004FD2;/*borde para situar objeto*/
}

#portada
{
	margin: 30px auto;
    padding: 0;
    background :transparent url(img/portada_800x387.jpg);
	width: 100%;
    height: 390px;
    float:left;
    border:0px solid #004FD2;/*borde para situar objeto*/
	
}

#menuport
{
	margin:330px 0px 0px 530px;
    padding: 10px 0 0 0px;
    width: 130px;
    height: 40px;
    border:0px solid #004FD2;/*borde para situar objeto*/
}

#cabecera
{
	margin: 0;
    padding: 0;
	width: 100%;
    border:0px solid #004FD2;/*borde para situar objeto*/
	
}

#menutop
{
	margin:0;
    padding:2px 0 0 10px;
    border:0px solid #004FD2;/*borde para situar objeto*/
}

#logo
{
	margin:0px 4px 0 0;
    padding: 0;
	width: 170px; 
	float: left;
    border:0px solid #004FD2;/*borde para situar objeto*/
}

#bancab
{
	margin:8px 0 0 0px;
    padding: 8px 0 0 0;
    width: 594px;
    height: 71px; 
    background-image: url(img/bancab1_594x75.jpg);
    background-repeat: no-repeat;
	float: left;
    border:0px solid #004FD2;/*borde para situar objeto*/
}

#menuprin
{
    margin: 0 0 0 0px;
	padding: 0;
	width: 594px;
    height: 20px;
    background: #004FD2;
    color: #FFCC66;
    float: left;
}

#izquierda
{
    margin:4px 0 0 5px;	
	width:145px;
    float: left;
}

#menufijo
{   
    margin: 4px 0 0 0;
    padding:0;
    height: 22px;
}

#titmenuv
{
    margin: 12px 0px 0 0; 
    padding:10px 0 40px 48px;
    height: 46px;
    background-repeat: no-repeat;
    background-position: 5px 0px;
    border-top:1px dashed #A4BBFF;
    border-bottom:1px dashed #A4BBFF;
    border-right:1px dashed #A4BBFF;
	background-color:#A4BBFE;
}

#menuv1
{
    margin: 4px 2px 0 0; 
    padding:0px 0 0 0;
    border:0px solid #004FD2;/*borde para situar objeto*/	
}

#contenido
{
	margin: 12px 0px 0px 23px;
	padding: 0;
    width: 52.6%;
    float: left;
    border:0px solid #004FD2;/*borde para situar objeto*/	
}

#contenido_dos
{
	margin: 12px 0px 0px 23px;
	padding: 0;
    width: 76%;
    float: left;
    border:0px solid #004FD2;/*borde para situar objeto*/	
}

#top
{
	margin:0;
    padding:0px 0 0px 0;
    border:0px solid #004FD2;/*borde para situar objeto*/

}

.central
{
	margin:9px 0px 0px 0px;
    padding:2% 2% 2% 2%;
    width: 96%;
    height: auto;
    border:1px solid #626262;
}

.central_tres
{
	margin:9px 0px 0px 0px;
    padding:2% 2% 2% 2%;
    height:145px;
    width: 96%;

    border:1px solid #626262;
}

.central_cuatro
{
	margin:9px 0px 0px 0px;
    padding:2% 2% 2% 2%;
    height:160px;
    width: 96%;

    border:1px solid #626262;
}

.central_cinco
{
	margin:9px 0px 0px 0px;
    padding:2% 2% 2% 2%;
    width: 96%;
    height: auto;
    border:1px solid #626262;
}

#map 
{
    margin: 0px 0px 0px 0px;	
    padding:0px;
    width: 385px;
    height: 300px;
    border:2px dashed black;
}

#derecha 
{
    margin: 40px 0px 0px 0px;	
    padding:0px;
    width: 22%;
    background-color:transparent;
    border:0px dashed black;
    float: right;
}

#derecha_dos
{
    margin: 40px 0px 0px 0px;	
    padding:0px;
    width: 20%;
    background-color:transparent;
    border:0px dashed black;
    float: right;
}

#base 
{
    margin: 30px 3px 0 0;	
    padding:0;
    float: left;
    border:0px solid #004FD2;/*borde para situar objeto*/
}

#sede 
{
    margin: 0px;	
    padding:2px 0px 0px 50px;
	width:559px;
    height:26px;
    float: left;
    color:black;
    background: #FFFFFF;
    background-image: url(img/direcc_156x24.jpg);
    background-repeat: no-repeat;
    background-position: 1px 2px;
    border: 2px solid #A4BBFF;
}

#conecta 
{
    margin: 0;
    padding:0;
    float: right;
    border:0px solid #004FD2;/*borde para situar objeto*/
}

#menucopy 
{
    margin: 5px 0 0 0;
    padding:0px 0 0 225px;
    width: 540px;
    float: left;
    border:0px solid #004FD2;/*borde para situar objeto*/
}

#menubase 
{
    margin: 2px 0 0 0px;
    padding:0px 0 0 130px;
    width:630px;
    float: left;
    border:0px solid #004FD2;/*borde para situar objeto*/
}


/* DEFINICION DE MENUS                                       */
/*-----------------------------------------------------------*/

/*Menu portada -idiomas-*/

#menuport ul
		{
			margin: -10px;
      		padding: 0;
		    font: bold 170% arial, sans-serif;
		}
		
		#menuport li
		{
			margin: 0;
            padding: 3px 2px;
            list-style: none;
			display: inline;
            color: #004FD2;
            background-color: #FFFFFF;
		    float: left;
		}
		
		#menuport li a
		{
			padding: 0 0 0 6px;
		    background-color: #FFFFFF;
		    color: #004FD2;
		    text-decoration: none;
		    float: left;
		    border-left: 1px solid #004FD2;
		}
        
        #menuport li a.primer
		{
		    border-left: 0px solid #004FD2;
		}
		
		#menuport li a:link { background-color: #FFFFFF; color:#004FD2; }
		#menuport li a:visited { background-color: #FFFFFF; color: #004FD2; }
		#menuport li a:hover { background-color: #FFFFFF; color: #000000; }
        
        
/*Menu horizontal -idiomas,accesibilidad,mapa-*/

#menutop ul
		{
			margin:0 0 0 182px;
            padding: 0;
			font: bold 95% Verdana, sans-serif;            
		}
		
		#menutop li
		{
            margin:0 0 0 0;
			list-style: none;
			display: inline;
		}
		
		#menutop li a
		{
            padding: 0  0.5em;
            color: blue;
			border-top: 1px solid #626262;
            border-left: 1px solid #626262;
            border-right: 1px solid #626262;
			border-bottom: none;
            background: #FFFFFF;
			text-decoration: none;
		}
		
		#menutop li a:link { background: #FFFFFF; color: #626261; }
		#menutop li a:visited { background: #FFFFFF; color: #626262; }
		
		#menutop li a:hover
		{
			color: #000000;
            background: #AED7FF;
			border-color: #282828;
		}

/*Menu horizontal -secciones-*/		
		
#menuprin ul
		{
			margin: 0 0 0 4px;
      		padding: 0 0 0 0;
		    font: bold 110% Arial, sans-serif;
            float:left;         
		}
		
		#menuprin li
		{
			list-style: none;
			margin: 0;
			display: inline;
		}
		
		#menuprin li a
		{
			padding: 3px 0.65em;
		    background-color: #F8B000;
		    color: #FFCC66;
		    text-decoration: none;
		    float: left;
		    border-right: 1px solid #FFFFFF;
		}
		
		#menuprin li a:link { background-color: #F8B000; color:#FFFFFE; }
		#menuprin li a:visited { background-color: #F8B000; color: #FFFFFF;}
		
		#menuprin li a:hover
		{
			color: #626262;
			background: #FFE7CE;
		}
	
    	
/*Menu horizontal -inicio,volver-*/
        
#menufijo ul
		{
			margin: 0;
      		padding:0;
		    font: bold 107% Arial, sans-serif;
            float:left;         
		}
		
		#menufijo li
		{
			margin: 0;
            
            list-style: none;
			display: inline;
		}
		
		#ini a
		{
			padding: 4px 0px 4px 30px;	    
            width:38px;		    
            text-decoration: none;
            color: #FFFFFF;
            background-color: #8DCC00;
		    float: left;
		    border-right: 5px solid #FFFFFF;
		}
		
		#ini a:link 
        { 
            color: #FFFFFF;
            background-color: #8DCC00; 
            background-image: url(img/bothome_32x22.gif);
            background-repeat: no-repeat;
            background-position: 0px 0px;
        }
		
        #ini a:visited 
        {
            color: #FFFFFF;
            background-color: #8DCC00;
            background-image: url(img/bothome_32x22.gif);
            background-repeat: no-repeat;
            background-position: 0px 0px;
        }
		
		#ini a:hover
		{
			color: #626262;
			background: #C6FFC6;
            background-image: url(img/bothome_a_32x22.gif);
            background-repeat: no-repeat;
            background-position: 0px 0px;
		}       
        
        #vol a
		{
			padding: 4px 0px 4px 30px;
            width:40px;
		    background-color: #8DCC00;
		    color: #FFCC66;
		    text-decoration: none;
		    float: left;
		}
		
		#vol a:link { 
            color: #FFFFFF;
            background-color: #8DCC00;
            background-image: url(img/botvolver_32x22.gif);
            background-repeat: no-repeat;
            background-position: 0px 0px; }
            
		#vol a:visited 
        {
            color: #FFFFFF;
            background-color: #8DCC00;
            background-image: url(img/botvolver_32x22.gif);
            background-repeat: no-repeat;
            background-position: 0px 0px;
        }
		
		#vol a:hover
		{
			color: #626262;
			background: #C6FFC6;
            background-image: url(img/botvolver_a_32x22.gif);
            background-repeat: no-repeat;
            background-position: 0px 0px;
		}       
        
/*Menu vertical -subsecciones-*/		
		
#menuv1 ul
		{
			margin: 10px 0 0 0px;
      		padding: 0px 0 0 0px;
            width:130px;         
		    font: bold 110% Arial, sans-serif;         
		}
		
		#menuv1 li
		{
			margin:5px 0 0 0;
            padding: 4px 0 0px 10px;           
            list-style: none;
		}
		
		#menuv1 li a
		{
			display: block;
            padding:5px 5px;
		    color: #FFCC66;
            width:110px;
            text-decoration: none;   
            background: #FFFFFF;
            border-left: 10px solid #A4BBFF;
            border-right: 2px solid #A4BBFF;
            border-top: 2px solid #A4BBFF;
            border-bottom: 2px solid #A4BBFF;       	   	    		    
		}
		
		#menuv1 li a:link { background: #FFFFFF; color: #004FD1; }
		#menuv1 li a:visited { background: #FFFFFF; color: #004FD2;}
		
		#menuv1 li a:hover
		{
			color: #000000;
            background: #FFFFFF;
            border-left: 10px solid #004FD2;
            border-right: 2px solid #004FD2;
            border-top: 2px solid #004FD2;
            border-bottom: 2px solid #004FD2;   
		} 

/*Boton vertical -conecta-*/	

#conecta ul
        {
            margin: 0;
      		padding: 0;         
		    font: bold 110% Arial, sans-serif;
         }
         
         #conecta li
		 {
			margin:0;
            padding: 0;           
            list-style: none;
		 }
         
         #conecta li a
		{
			display: block;
            padding:7px 2px 7px 5px;
            color: #FFCC66;
            width:134px;
            
            text-decoration: none;   
            background: #FFFFFF;
            border-left: 10px solid #8DCC00;
            border-right: 2px solid #8DCC00;
            border-top: 2px solid #8DCC00;
            border-bottom: 2px solid #8DCC00;       	   	    		    
		}

         #conecta li a:link { background: #FFFFFF; color: #004FD2; }
         #conecta li a:visited { background: #FFFFFF; color: #004FD2;}
		
         #conecta li a:hover
		 {
			color: #000000;
            background: #FFFFFF;
            border-left: 10px solid #004FD2;
            border-right: 2px solid #004FD2;
            border-top: 2px solid #004FD2;
            border-bottom: 2px solid #004FD2;         
		  }
 
           
/*Menu horizontal -copy-*/		
		
#menucopy ul
		{
			margin: 0 auto;
      		padding: 0;
		    font: normal 110% Arial, sans-serif; 
		}
		
		#menucopy li
		{
			list-style: none;
			margin: 0 auto;
			display: inline;
            padding: 3px 2px;
		    background-color: #FFFFFF;
		    color: #626262;
		    text-decoration: none;
		    float: left; 
		}
		
		#menucopy li a
		{
			padding: 0 0 0 6px;
		    background-color: #FFFFFF;
		    color: #004FD2;
		    text-decoration: none;
		    
		    border-left: 1px solid #004FD2;
		}
		
		#menucopy li a:link { background: #FFFFFF; color:#004FD2; }
		#menucopy li a:visited { background: #FFFFFF; color: #004FD2}
		#menucopy li a:hover { background: #FFFFFF; color: #000000; }

/*Menu horizontal -base-*/		
		
#menubase ul
		{
			margin: 0;
      		padding: 0;
		    font: normal 110% Arial, sans-serif; 
		}
		
		#menubase li
		{
			margin: 0;
            padding: 3px 2px;
            list-style: none;
			display: inline;
            color: #004FD2;
            background-color: #FFFFFF;
		    float: left; 
		}
		
		#menubase li a
		{
			padding: 0 0 0 6px;
		    background-color: #FFFFFF;
		    color: #004FD2;
		    text-decoration: none;
		    float: left;
		    border-left: 1px solid #004FD2;
		}
        
        #menubase li a.primer
		{
		    border-left: 0px solid #004FD2;
		}
		
		#menubase li a:link { background-color: #FFFFFF; color:#004FD2; }
		#menubase li a:visited { background-color: #FFFFFF; color: #004FD2;}
		#menubase li a:hover { background-color: #FFFFFF; color: #000000; }
        
        
/*Listados -Maquinaria-*/

.maquinaria
		{
			margin: 0 0 0px 0px;
      		padding: 0 0 0 160px; 
		}
        
/*Listados -Clientes-*/

.aclientes
		{
			margin: 0 0 0px 0px;
      		padding: 20px 0 0 230px; 
		}
        
/*Mapa Web*/

#mapa_w
    {width: 100%;
    margin: 0;
    padding: 0;
    background-image: url(img/fondo_map.gif);
    background-color: transparent;
    }
    
.mapaweb
	{
	margin-left :4.5cm;
	padding-left : 0;
padding-top : 10px;
padding-bottom : 10px;
    font: 800 135% "trebuchet ms", verdana, arial, sans-serif;
    line-height:220%;
	list-style-type : none;
	}

.mapaweb li a
	{
    margin-left: 0em;
	padding-left: 2.5em;
    padding-right : 0.5em;
    color:black;
	background-image: url(img/bolo1_a.gif);
    background-repeat: no-repeat;
    background-color: transparent;
	}

.mapaweb li a:hover
	{
    color:#444444;
    text-decoration: none;
	background-image: url(img/bolo1_b.gif);
    background-repeat: no-repeat;
    background-color: transparent;
	}

.parent
	{
    font: 800 92% "trebuchet ms", verdana, arial, sans-serif;
    line-height: 220%;
	list-style-type : none;
	margin-left : 1.5cm;
	padding: 6px;
    background-color: transparent;
    }
    
.parent li a
	{
    margin-left : 0em;
	padding-left : 2.5em;
    padding-right : 0.5em;
	background-image: url(img/bolo2_a.gif);
    background-repeat: no-repeat;
    background-color: transparent;
	}

.parent li a:hover
	{
    color:#444444;
    text-decoration: none;
	background-image: url(img/bolo2_b.gif);
    background-repeat: no-repeat;
    background-color: transparent;
	}

/*Formulario de contacto*/


form { margin:-50px 0 0 0; }

#formulario form label { }
#formulario fieldset { width:90%; margin:0px 0px 15px 0px; padding:10px 10px 10px 20px; border-color:#E5E5E5; border-width:1px; border-style:solid; clear:both; }
#formulario legend {  font-family: Tahoma, Verdana, Arial, sans-serif; font-weight:bold; font-size:110%; color:#0000A0; margin:5px 0px 11px 0px; padding:0px 5px; }

#formulario form dl { width:100%; font-size:100%; }
#formulario form dt { float:left; width:20%; margin:0; padding:0px 0px 0px 0px; }
#formulario form dd {  margin:0px; padding:0px 1% 6px 0px; }

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

#formulario textarea, input, select { border:solid 1px #8DACDE; background-color:#D9E3F4; font-size:100%; vertical-align:middle; margin-left:0%; padding:2px; margin-right:0px; }
#formulario textarea { font-size:105%; font-family: Tahoma, Verdana, Arial, sans-serif; }
#formulario select { font-size:105%; }

#formulario form p{ font-size:100%; }
.boton { border-bottom:solid 1px #666666; border-right:solid 1px #666666; border-left:solid 1px #E8E8E8; border-top:solid 1px #E8E8E8; 
			 background-color:#0000A0; color:#FFFFFF; font-weight:bold; font-size:90%; padding:2px; }
.obligatorio { color:#0080FF; font-size:105%; padding-left: 2px; font-weight:bold;}
.caja { margin:-10px 0px -20px 0px; width:100%; clear:right; }
div.caja dl { width:90%; }
div.caja dt { float:left; width:3%; margin:0px 0px 3px 90px; padding:3px 0px 0px 1px; }
div.caja dd {  margin:0px 0px 3px 0px; padding:3px 1% 6px 0px; }

/* -------------- Espacio de ajuste ------------------- */

#ajuste {width:97%; height:100%; background-color:#0080FF;}