/*************************************************************/
/* ORTULANE CSS*******************************************/
/*************************************************************/


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

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

}


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

.imgd
{
	margin: 0;
    padding: 0px 0px 0px 4px;
    border: 0px solid ;  
    float:right;
}

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

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

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

.imglp
{
	margin: 4px 0px 0px 0px;
    padding: 1px;
    width: 185px;
    border: 0px solid ;  
    float: right;
border: 0px solid ;
    border-color:rgb(220,220,220);
}

h1 
{
	margin: 0px 0px 0px 0px;
	padding: 0px;
        font: bold 0.75em verdana, arial, helvetica, sans-serif;
        background-color: transparent;
	color: white;
}

h2 
{
	font: bold 1.2em verdana, arial, helvetica, sans-serif;
	margin: 0px 0px 5px 0px;
	padding: 0px;
    background-color: white;
    color: rgb(0,128,0);
}

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

h4 
{
    margin:0;
	padding:0;
	font:bold 1.2em 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 
{   
    font-family: verdana, arial, helvetica, sans-serif;
	font-size: 170%;
    background-color: transparent;
	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;
}

.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: 125%;
	background-color: transparent; 
    color: #004FD2;
	text-decoration: none;
	font-weight: normal;
}

#conecta
{   
    font-family: verdana, helvetica, sans-serif;
	font-size: 125%;
	background-color: transparent; 
    color: #004FD2;
	text-decoration: none;
	font-weight: normal;
    text-align: right;
}

.negri
{ font-weight: bold; }

.peque 
{
	font-size: 80%;
}

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


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

#contenedor
{
	margin: 10px auto;
    width: 770px;
    height: 600px;
    background-color:transparent;
    clear: both;	
    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: 10px 0px -2px 0px;
    padding:0px 0 0 0px;
    background-color: transparent;
    border:0px solid #004FD2;/*borde para situar objeto*/
}

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

#bantitulo
{
    margin: 59px 0 0 15px;
    padding: 0px 0 0px 0;
    width: 100%;
    height: 54px; 
    border:0px solid #004FD2;/*borde para situar objeto*/
}

#menuprin
{
    margin: 1px 0 0 0px;
	padding: 0;
	width: 100%;
    height: 21px;
    background: rgb(0,128,000);
    color: #FFCC66;
    float: left;
}

#izquierda
{
    margin: 10px 0 0 0px;
    padding: 0px 0 0 0;	
	width:195px;
   
    background-image: url(img/fondolateral3.jpg);
    background-repeat: repeat-y;
    float: left;
}


#contenido
{
	margin: 12px 0px 0px 23px;
	padding: 0;
    width: 71%;
    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;
    width: 100%;
    border: 0px solid #004FD2;/*borde para situar objeto*/

}

.central
{
	margin: 0px 0px 0px 0px;
    padding: 14px 0 0 0;
    width: 100%;
    height: auto;
    border:0px 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 4px 14px;	
    padding:0px;
    width: 350px;
    height: 350px;
    float: right;
    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: 6px 3px 0 0;	
    padding:0;
    float: left;
    border:0px solid #004FD2;/*borde para situar objeto*/
}

#sede 
{
    margin: 0px;	
    padding:4px 0px 0px 0px;
    width:680px;
    height:48px;
    text-align:center;
    line-height:150%;
    float: left;
    color: rgb(030,038,020);
    background: #FFFFFF;
    background-image: url(img/fondobase.jpg);
    background-repeat: repeat-x;
    border: 0px solid #A4BBFF;
}

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

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

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

.iva
{
    
    font-size:80%;
   
}

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

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


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

#menutop ul
		{
			margin: 16px 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.3em 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: white; }
		#menutop li a:visited { background: transparent; color: white; }
		
		#menutop li a:hover
		{
			color: rgb(100,250,100);
            background: transparent;
			border-color: #fff;
		}

/*Menu horizontal -secciones-*/		
		
#menuprin ul
		{
			margin: 0 0 0 40px;
width:600px;
      		padding: 0 0 0 0;
background-color: rgb(050,190,000);
		    font: bold 130% arial, sans-serif;
            float:left;         
		}
		
		#menuprin li
		{
			list-style: none;
			margin: 0;
			display: inline;

		}
		
		#menuprin li a
		{
		    margin:  0.0em 0em 0.0em 0em;
		    padding: 0.15em 1.75em 0.25em 1.65em;
                    background-color: #000000;
		    color: #FFCC66;
		    text-decoration: none;
                    
		    float: left;
		    border-right: 1px solid #FFFFFF;
		}
		
                #menuprin li a.ulti
		{ border-right: 0px dashed #FFFFFF;}

		#menuprin li a:link { background-color: rgb(050,190,000); color:#FFFFFE; }
		#menuprin li a:visited { background-color: rgb(050,190,000); color: #FFFFFF;}
		
		#menuprin li a:hover
		{
			color: #626262;
			background: rgb(100,255,000);
		}
	      
/*Boton vertical -conecta-*/	

#conecta ul
        {
            margin: 0;
      		padding: 0 0 0 6px;         
		    font: bold 90% Arial, sans-serif;
         }
         
         #conecta li
		 {
			margin:0;
            padding: 0 0 0 0px;           
            list-style: none;
		 }
         
         #conecta li a
		{
			display: block;
            padding:8px 6px 0px 5px;
            color: #FFCC66;
            width:48px;
            height:36px;
            
            text-decoration: none;   
            background: #FFFFFF;
            border-left: 20px 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: 20px solid #004FD2;
            border-right: 2px solid #004FD2;
            border-top: 2px solid #004FD2;
            border-bottom: 2px solid #004FD2;         
		  }
 

/*Menu horizontal -base-*/		
		
#menubase ul
		{
			margin: 0 0 0 0px;
      		padding: 0;
		    font: normal 110% Arial, sans-serif; 
		}
		
		#menubase li
		{
			margin: 0;
            padding: 3px 3px;
            list-style: none;
			display: inline;
            color: #404040;
            
            background-color:transparent;
		    float:left ; 
		}
		
		#menubase li a
		{
			padding: 0 0 0 4px;
		    background-color:transparent;
		    color: rgb(0,128,0);
		    text-decoration: none;
		    float: left;
		    border-left: 1px solid rgb(0,98,0)
		}
        
        #menubase li a.primer
		{
		    border-left: 0px solid rgb(0,98,0);
		}
		
		#menubase li a:link { background-color:transparent; color: rgb(0,98,0); }
		#menubase li a:visited { background-color:transparent; color: rgb(0,98,0);}
		#menubase li a:hover { background-color:transparent; color: #000000; }
        
/*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;}