/*************************************************************/
/* ARENAL CSS*******************************************/
/*************************************************************/


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

body
{
	margin: 0;
	padding: 0;
    color:#000000;
    background: url(img/aefond.gif);
    background-repeat: repeat-x;
	background-color: #fff;
	font-family: verdana, arial, hevetica, sans-serif;
	font-size: x-small;

}

img
{
	margin: 0 10px 0 0px;
    padding: 0px;
    border: 2px solid ;
    border-color:rgb(150,150,150);
}

.imgbig
{
	margin: 8px 10px 5px 0px;
    padding: 1px;
    width: 325px;
    border: 0px solid ;  
    border: 3px solid ;
    border-color:rgb(220,220,220);
}

.imgbign
{
	margin: 8px 10px 5px 0px;
    padding: 1px;
    width: 325px;
    border: 0px solid ;  
    border-color:rgb(220,220,220);
}

.imgmed
{
	margin: 8px 10px 5px 0px;
    padding: 1px;
    width: 250px;
    float: right;  
    border: 3px solid ;
    border-color:rgb(220,220,220);
}

.imgint
{
	margin: 8px 10px 5px 0px;
    padding: 1px;
    width: 173px;
    border: 0px solid ;  
    float: left;
    border: 3px solid ;
    border-color:rgb(220,220,220);
}

.imgdbig
{
	margin: 8px 0px 5px 0px;
    padding: 1px;
    width: 176px;  
    border: 3px solid ;
    border-color:rgb(220,220,220);
}

.imgdbign
{
	margin: 8px 0px 5px 0px;
    padding: 1px;
    width: 186px;  
    border: 0px solid ;
    border-color:rgb(220,220,220);
}

.imgdpeq
{
	margin: 8px 0px 5px 0px;
    padding: 1px;
    width: 156px;  
    border: 3px solid ;
    border-color:rgb(220,220,220);
}

.imgdpeqn
{
	margin: 8px 0px 5px 0px;
    padding: 1px;
    width: 156px;  
    border: 0px solid ;
    border-color:rgb(220,220,220);
}

.imgdmini
{
	margin: 8px 0px 5px 0px;
    padding: 1px;
    width: 96px;  
    border: 3px solid ;
    border-color:rgb(220,220,220);
}

.imgdminin
{
	margin: 8px 0px 5px 0px;
    padding: 1px;
    width: 96px;  
    border: 0px solid ;
    border-color:rgb(220,220,220);
}



h1 
{
	margin: 0px 0px 3px 0px;
	padding: 0px;
        font: bold 1.6em verdana, arial, helvetica, sans-serif;
        background-color: transparent;
	color: red;
    line-height: 135%;
}

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

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

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

p 
{
	font:1.19em verdana, arial, helvetica, sans-serif;
	margin:0px 0px 16px 0px;
	padding:0px;
    line-height: 145%;
}


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 
{   
    
    background-color: transparent;
	color: #FFFFFF;
    /*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;
}

.piei

{   
     margin: 0 0px 0 27px;
    font-family: verdana, arial, helvetica, sans-serif;
	font-size: 110%;
	color: #303030; 
	font-weight: bold;
        float: left;
}

.pied

{   
    margin: 0 27px 0 0px;
    font-family: verdana, arial, helvetica, sans-serif;
	font-size: 110%;
        float: right;
	color: #303030; 
	font-weight: bold;
}

.piedd

{   
    margin: 0 0px 0 0px;
    font-family: verdana, arial, helvetica, sans-serif;
	font-size: 110%;
        float: right;
	color: #303030; 
	font-weight: bold;
}

#sede
{   
    font-family: verdana, helvetica, sans-serif;
	font-size: 105%;
	background-color: transparent; 
    color: #202020;
	text-decoration: none;
	font-weight: bold;
}

#titmenuv
{   
    font-family: "trebuchet ms", arial, helvetica, sans-serif;
	font-size: 150%; 
    color:  #808060;
	text-decoration: none;
	font-weight: bold;
}

.negri
{ font-weight: bold; }

.negrili
{ font-weight: bold; font-size: 150%;line-height: 170%;}

.negriblu
{ font-weight: bold; color:rgb(10,0,235);}

.mediline
{ line-height: 70%; }

.cielo
{ background-color:transparent; color:rgb(250,255,0); }


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

#contenedor
{
	margin: 0px auto;
    padding:0;
    width: 787px!important; width: 770px;
    height: auto;
    background: url(img/aefondo2.gif);
    background-repeat: repeat;
    clear: both;	
    border:0px solid #004FD2;/*borde para situar objeto*/
}

#menutop
{
	margin: 11px 0px 0px 0px;
    padding:5px 0 0 222px;
    background-color: transparent;
    float: left;
    border:0px solid #004FD2;/*borde para situar objeto*/
}

#bancab
{
	margin:5px 0 0px 0px!important;margin:5px 0px 0px 0px;
    padding: 0;
    width: 104%!important;width: 787px;
    height: 295px; 
    background: url(img/aecab.gif);
    background-repeat: no-repeat;
	float: left;
    border:0px solid #004FD2;/*borde para situar objeto*/
}

#sede 
{
    margin: 148px 0px 0 0;	
    padding:0px 30px 0px 0px!important;padding:0px 0px 0px 0px;
    width:140px;
    height:98px;
    text-align:left;
    line-height:140%;
    float: right;
    border: 0px solid #A4BBFF;
}

#menuprin
{
    margin: 0px 0 0 94px;
	padding: 0;
	width: 87%!important;
    height: 20px;
    background-color: transparent;
    color: #FFCC66;
    border:0px solid #004FD2;/*borde para situar objeto*/
}

#izquierda
{
    margin: 0px 2px 0 0px;
    padding: 0;	
	width:208px;
    background-image: url(img/aefondo3.gif);
    background-repeat: no-repeat;
    float: left;
    border:0px solid #004FD2;/*borde para situar objeto*/
}

#titmenuv
{
    margin: 40px 0px 0 6px; 
    padding:0px 0 0px 0px;
}

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

#contenido
{
	margin:1px 0px 0px -3px!important;margin:1px -20px 0px -3px;
	padding: 10px 0 0 25px !important;padding: 0 0 0 0px; 
    width: 70%!important; width: 575px;
    float: left;
    background-color: white;
    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;
    width: 100%;
    border: 0px solid #004FD2;/*borde para situar objeto*/

}

.central
{
	margin: 0!important;margin: 0 0 0 10px;
    padding: 0;
    width: 60%!important; width: 330px;
    height: auto;
    float: left;
    border:0px solid #626262;
}

.central_dos
{
	margin:0px 0px 10px 0px!important;margin:0px 0px 10px 8px;
    padding:2% 2% 0% 2%;
    height:auto;
    width: 93%;
    border:1px solid #626262;
}

#map 
{
    margin: 0px 0px 4px 14px;	
    padding:0px;
    width: 350px;
    height: 350px;
    float: right;
    border:2px dashed black;
}

#derecha 
{
    margin: 0px 0px 0px 0px;	
    padding:0px;
    width: 36%!important; width: 190px;
    background-color:transparent;
    border:0px dashed black;
    float: right;
    border: 0px solid #004FD2;/*borde para situar objeto*/
}

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

#base 
{
    margin: 6px 3px 0 0!important;margin: 6px 0px 0 0;	
    padding:0;
    width: 99.8%!important;width: 785px;
    height:38px;
    background-color:rgb(35,105,170);
    float: left;
    border:0px solid #004FD2;/*borde para situar objeto*/
}

#menubase 
{
    margin: 2px 0 0 7px!important;margin: 8px 0 0 0px;
    padding:0;
    width:100%!important;width: 784px;
    float: left;
    border:0px solid red;/*borde para situar objeto*/
}

.precios
{
    background: rgb(200,250,190);
    border-style: outset;
    font:1.35em verdana, arial, helvetica, sans-serif;
    line-height: 125%;
}

.twhite
{
    background: rgb(250,250,250);
}

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


        
/*Menu horizontal -idiomas,accesibilidad,mapa-*/

#menutop ul
		{
			margin: 0px 0 0px 20px;
            padding: 0;
			font: bold 95% Verdana, sans-serif;            
		}
		
		#menutop li
		{
            margin:0;
			list-style: none;
			display: inline;
		}
		
		#menutop li a
		{

            margin:0px 0px 0px 5px;
            padding: 0.3em 0.5em 0.2em 0.5em;
            color: blue;
			border-top: 1px solid #797979;
            border-left: 1px solid #797979;
            border-right: 1px solid #797979;
			border-bottom: none;
            background: transparent;
			text-decoration: none;
		}
		
		#menutop li a:link { background: transparent; color: #303030; }
		#menutop li a:visited { background: transparent; color: #303030; }
		
		#menutop li a:hover
		{
			color: #8080FF;
            background: transparent;
			border-color: #9395EE;
		}

/*Menu horizontal -secciones-*/		
		
#menuprin ul
		{
			margin: 0 0 0 0px!important;margin: 0 0 0 7px;    
      		padding: 7px 0 0 64px!important;padding: 7px 0 0 50px;
            background-color: transparent;
		    font: bold 109% arial, sans-serif;
            float:left; 
            border: 0px solid #004FD2;/*borde para situar objeto*/        
		}
		
		#menuprin li
		{
			list-style: none;
			margin: 0;
			display: inline;

		}
		
		#menuprin li a
		{
		    margin:  0.0em 0em 0.0em 0em;
		    padding: 0em 1.0em 0em 1.0em;
            background-color: transparent;
		    color: #FFCC66;
		    text-decoration: none;       
		    float: left;
		    border-right: 1px solid #9595EE;
		}
		
        #menuprin li a.ulti
		{ border-right: 0px dashed #FFFFFF;}
        
        #menuprin li a.conta
		{ margin:0 0 0 155px; border-right: 0px dashed #FFFFFF;}

		#menuprin li a:link {color: blue; }
		#menuprin li a:visited {color: blue;}
		
		#menuprin li a:hover
		{
			color: #626262;
		}
	       
/*Menu vertical -subsecciones-*/		

        
#menuv1 ul
		{
			margin: 40px 0 20px 65px;
            padding: 0px 0 10px 0;
		    font: bold 125% verdana, arial, sans-serif;
            text-indent: -14px;
            border:0px solid #004FD2;/*borde para situar objeto*/         
		 }

#menuv1 ul.text
		{
			margin: 40px 0 20px 50px;
            padding: 0px 0 10px 0;
		    font: bold italic 120% verdana, arial, sans-serif;
            text-indent: 0px;
            border:0px solid #004FD2;/*borde para situar objeto*/         
		 }
		
		#menuv1 li
		{ 
            margin: 15px 0 0px 0!important;margin: -5px 0 0px 0;          
            padding: 0;
            line-height: 120%!important;
            list-style: none;   
        }
		
		#menuv1 li a
		{
			
            padding: 0;
		    color: #343434;
            text-decoration: none;
            display: block;
		}
		
		#menuv1 li a:link { color: #343434; }
		#menuv1 li a:visited { color: #343434; }
		#menuv1 li a:hover { color: #FF0000; } 
           
/*Menu horizontal -base-*/		
		
#menubase ul
		{
			margin: 0 0 0 0px!important;margin: 0 0 0 8px;
      		padding: 0;
		    font: normal 110% Arial, sans-serif; 
		}
		
		#menubase li
		{
			margin: 0;
            padding: 3px 3px;
            list-style: none;
			display: inline;
            color: rgb(250,250,250);   
            background-color:transparent;
		    float:left ; 
		}
		
		#menubase li a
		{
			padding: 0 0 0 4px;
		    background-color:transparent;
		    color: rgb(250,250,250);
		    text-decoration: none;
		    float: left;
		    border-left: 1px solid rgb(250,250,250);
		}
        
        #menubase li a.primer
		{
		    border-left: 0px solid rgb(0,98,0);
		}
        
        #menubase li.conta
		{ margin:0 0 0 160px; border-right: 0px dashed #FFFFFF;}
		
		#menubase li a:link { background-color:transparent; color: rgb(250,250,250); }
		#menubase li a:visited { background-color:transparent; color: rgb(250,250,250);}
		#menubase li a:hover { background-color:transparent; color: #000000; }

/*Referencias clientes*/        

.lista 
		{
			margin: 0;
      		padding: 0;
		    font: 800 125% "trebuchet ms", verdana, arial, sans-serif;
            list-style-type: circle;
            line-height: 170%;           
            border:0px solid #004FD2;/*borde para situar objeto*/         
		    color:#004FD2;}
        
        #lista a
        
        {
			margin: 0;
      		padding: 0;
		    font: 700 135% "trebuchet ms", verdana, arial, sans-serif;
            list-style-type: circle;
            line-height: 300%;           
            border:0px solid #004FD2;/*borde para situar objeto*/         
		}
        
        #lista a:hover
        {
			color:#848484;
            text-decoration: none;        
		}
        
/*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;
	}

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

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