body {font-size: 62.5%; font-family: Verdana,Arial,Helvetica,sans-serif ! important; background-color: #ffffff;}


.oculta { 
    visibility: hidden;
}


h1.oculta {
padding: 0;
margin: 0;
font-size: 0;
}

h2.oculta {
padding: 0;
margin: 0;
font-size: 0;
}

label.oculta {
padding: 0;
margin: 0;
font-size: 0;
float: right;
}

img { border: 0; }

a { color: #0c0cf0; text-decoration: none; }
a:hover { text-decoration: underline; }


/*
+----------+
| Cabecera |
+----------+
*/

/* AROA */

div#main {
    clear: both;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    width: 100em;
}

/*Para centrar la pagina en firefox*/
/*
div#main { 
    width: 76.5em;
    margin: 0 auto;  
    clear: both;
} */

div#top {
margin: 0%;
padding: 0%; 
width: 100%;
min-width: 100em;
float: left;
}

    div#toplogo{
    margin: 0 0 0 0.4em;
    padding: 0%;
    width: 18%;
    min-width: 22em;   
    float: left;  
    }

    div#topbanner{
    margin: 0%;
    padding: 0%;
    width: 77%;   
    float: left;  
    }

      DIV#barra_sup {
      margin: 0%;
      padding: 0%;			
      width: 100%;
      background-color: #fff8c5; 
      height: 2em;
      float: left;
      }

      DIV#barra_sup2 {
      margin: 0%;
      padding: 0%;			
      width: 100%;
      background-color: #fff8c5; 
      height: 2em;
      float: left;
      }

        DIV#skip {
        padding-left: 1em;
        padding-right: 1em;
        padding-top: 0.4em;
        float: left;
        }
          DIV#skip A { 
          color: #041364;  
          font-size: 1.1em;
          /*text-decoration: none; */
          }
          /*DIV#skip A: hover { text-decoration: underline; }*/

        div#suger{
        margin: 0;
        padding-top: 0.35em;
        padding-bottom: 0.35em;
        background-color: #ffd90f; 
        padding-left: 1em;
        padding-right: 1em;
	width: 19em;
        text-align: right;				
        float: right;
        }
        div#suger A{
        color: #041364; 
        font-size: 1.1em;  
        /*text-decoration: none;*/
        } 
        /*div#suger A: hover { text-decoration: underline; }*/
      
      DIV#imagen {
      margin: 0%;
      padding: 0%;   
      float: left; 
      background-image: url(../img/OIAC_fototop.jpg); 
      background-repeat: no-repeat;
      width: 100%;
      }
        DIV#imagen img { border: 0; vertical-align: middle; }
        IMG#imagen_oiac { float: left; }
  	DIV#logo_oiac { 
        float: right; 
        /*text-align: center;*/ 
        margin: 0.7em 0.5em 0.5em 0em;        
        height: 7.5em;
        width: 24.4em;
        background-image: url(../img/OIAC_lo.jpg); 
        background-repeat: no-repeat;
        }

      DIV#imageninter {
      margin: 0%;
      padding: 0%;
      width: 100%;   
      float: left;  
      background-image: url('../img/OIAC-TopInterregIII.jpg');
      text-align: center;
      }

      DIV#barra_inf {
      margin: 0%;
      padding: 0%;  
      background-color: #feec88;
      width: 100%;
      height: 2em;
      float: left; 
      }

      DIV#barra_inf2 {
      margin: 0%;
      padding: 0%;  
      background-color: #feec88;
      width: 100%;
      height: 2em;
      float: left; 
      }
      
        DIV#migas {
        background-color: #feec88;
        padding-left: 1em;
        padding-right: 1em;
        padding-top: 0.4em;
        float: left;
        }
          DIV#migas A { 
          color: #041364;  
          font-size: 1.1em;
          /*text-decoration: none; */
          }
          /*DIV#migas A: hover { text-decoration: underline; }*/
          
          span#migaoculta {
          visibility: hidden;
          padding: 0em;
          margin: 0em;
          font-size: 0em;
          float: left;
          }


        DIV#buscar{
        background-color: #ffd90f; 
        float: right;
        }
        
        input#boton{
        margin: 0;
        padding: 0;
	padding-bottom: 0.1em;
        width: 7em;
        background-color: #ffd90f; 
        color: #041364; 
        font-family: Verdana,Arial,Helvetica,sans-serif; 
        font-size: 1.1em;
        text-align: center;				
        float: left;
        }
        
        input#campotexto{
        width: 12em;
        background-color: #feec88;
        color: #041364;
        font-size: 1.1em;
        text-align: left;
        float: right;
        }
      
        #cse-search-results iframe {
          width: 100%;
        }
        form {margin: 0; padding: 0;} /*C�DIGO A�ADIDO PARA MEJORAR IMAGEN MOZILLA*/

/*        div#lupa{
        background-color: #ffd90f;
        text-align: center;
        color: #fff8c5; 
        font-weight: bold;
        padding-left: 1.5em;
        padding-right: 1.5em;
        float: right; 
        }
            
         	DIV#lupa A{
          text-decoration: none;
          color: #192e7d;
          }
          A#lupa1{
          font-size: 1.1em;
          }
          A#lupa2{
          font-size: 1.3em;
          }
          A#lupa3{
          font-size: 1.5em;
          }
          A#lupa4{
          font-size: 1.7em;
          }*/

/*
+-------+
| Medio |
+-------+
*/

div#medio{
margin: 0;
padding: 0;
width: 100%;
min-width: 100em;
}


/*
+------+
| Menu |
+------+
*/
					
.oculto { 
background-color: #ffffff; 
border-color: #ffffff; 
color: #ffffff; 
border-width: 0;
}

.hueco{
	display: none;      
}

.no_hueco{
	display: block;
}				

div#lateral {
margin: 0%;
padding-top: 0em;
padding-bottom: 8em;
padding-left: 0em;
padding-right: 0em;
width: 18%;
min-width: 22em; 
float: left;
}
  div#menu{
  margin-top: 1.5em;
  }

  div#menu ul{padding: 0; margin: 0; list-style-type: none;}

    li.opcion{
    padding-top: 0em;
    background-color: #ffd90f;  
    margin-left: 0.4em;
    width: 18.5em;
    border: 0.1em solid #fff;
    /*display: block;*/
    /*white-space: nowrap;*/
    }

    li.opcion A{
    height: 1.3em;
    padding-left: 0.2em;
    background-color: #ffd90f;  
    color: #011576;
    display: inline; 
    font-family: Arial,Helvetica,sans-serif; 
    font-size: 1.3em; 
    } 
    
    /*a.sinflecha:hover{
    color: #fff;
    background-color: #011576; 
    text-decoration: none;
    }*/
    
    a.flecha { padding-left: 0.3em; }

    li.subopcion{
    /*width: 16.5em;*/
    text-align: left;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    margin-left: 0.8em;
    border-width: 0em 0em 0em 0.1em;
    border-style: solid;
    border-color: #011576;
    }

    li.subopcion A{
    height: 1.3em;
    /*padding-left: 0.3em;*/
    padding-left: 0em;
    margin-left: 0em;
    color: #011576; 
    font-family: Arial,Helvetica,sans-serif; 
    font-size: 1.3em; 

    } 

  
/*    div.opcion{
    height: 1.8em;
    background-color: #ffd90f;  
    margin-left: 0.4em;
    width: 18.7em;
    white-space: nowrap;
    border-bottom: 0.2em solid #fff;
    }
    div.opcion A{
    color: #000; 
    display: block; 
    font-family: Arial,Helvetica,sans-serif; 
    font-size: 1.3em; 
    } 

    div.opcion a:hover{
    color: #fff;
    background-color: #011576; 
    text-decoration: none;
    }*/

    
    .indice_desp_on, .indice_desp_over {  font-family: Arial,Helvetica,sans-serif; font-size: 1.3em; height: 100%; padding: 0em 0.2em; }
    .indice_desp_on { color: #000; }
    .indice_desp_over { color: #fff; }


  img.logo_telf{
  border: 0;
  margin-top: 1em;
  margin-left: 0.5em;
  margin-bottom: 0em;
  }

  img#logo_inter{
  border: 0;
  margin-top: 1em;
  margin-left: 0;
  margin-bottom: 0em;
  }

  div#flash{
  border: 0;
  margin-top: 1em;
  margin-left: 0.5em;
  margin-bottom: 0em;
  }


/*
+-----------+
| Contenido |
+-----------+
*/

div#contenido {
/*margin: 0%;*/
margin-top: 2em;
margin-bottom: 2em; 
margin-left: 0.4em;
margin-right: 0em;
padding: 0%;
width: 76%;
float: left;  
}

h1 {  font-weight: normal; font-size: 2.5em; color: #011576; margin: 0; padding-top: 0.5em; padding-bottom: 0.5em; }
h2 {  font-weight: normal; font-size: 2em; color: #011576; margin: 0; padding-top: 0.5em; padding-bottom: 0.5em; }
h3 {  font-weight: bold; font-size: 1.5em; color: #011576; margin: 0; padding-top: 1.5em; padding-bottom: 0.5em; padding-left: 1em; }
/*h3 a {font-weight: bold; font-size: 1.4em; color: #1424fd; text-decoration: none;}*/
/*h3 a: hover{ background-color: #ffd90f; }*/
h4 { font-weight: bold; font-size: 1.2em; color: #011576; margin: 0; padding-top: 1.5em; padding-bottom: 0.5em; padding-left: 1.3em; clear: left;}

p { color: #011576; /*#0e2645;*/ font-size: 1.2em; margin: 0; padding-top: 1.5em; padding-left: 1.3em; padding-bottom: 0; text-align: justify;}
/*p.centrado {text-align: center;}*/
p.negrita {font-weight: bold; color: #011576; /*#0e2645;*/ font-size: 1.2em; margin: 0; padding-top: 1.5em; padding-left: 1.3em; padding-bottom: 0; text-align: justify;}

p.errorno {font-weight: bold; color: #FF0000;}

span.negrita {font-weight: bold;} /*Para usar dentro de los p�rrafos para resaltar algunas palabras*/

span.centrado {color: #011576; font-size: 1.2em; text-align: center;}  /* text-align: centrado No s� d�nde se est� usando, pero hay que tener ciudado porque tiene un font-size*/

ul { color: #C74200; margin-bottom: 0; margin-top: 0; padding-top: 0; padding-left: 4.5em; padding-right: 0; padding-bottom: 1em; text-align: justify;}
ol { color: #011576; margin-bottom: 0; margin-top: 0; padding-top: 0; padding-left: 5.5em; padding-right: 0; padding-bottom: 1em; text-align: justify;}
ul ul { color: #C74200; /*color: #011576;*/ padding-bottom: 0em;}
li { /*font-size: 1.2em;*/ padding-top: 1em; padding-bottom: 0; margin: 0;}

li span { color: #011576; font-size: 1.2em; text-align: justify;}
/*span { color: #011576; font-size: 1.2em; text-align: justify;}*/

li div { color: #011576; font-size: 1.2em; text-align: justify;}

ul.errorno {font-weight: bold; color: #FF0000; font-size: 1.2em; text-align: justify; padding-left: 16em;}

/*div { color: #011576; font-size: 1.2em; text-align: justify;}*/

/*textarea { scrollbar-base-color: #b1c5ea;
			scrollbar-face-color: #b1c5ea; 
			scrollbar-arrow-color: #011576; 
			scrollbar-track-color: #fff; 
}*/


/*
+--------------------+
|  Pagina principal  |
+--------------------+
*/

div.fila{
width: 75.5em;
height: 13.8em;
}
div.columnaI{
width: 37em;
height: 12.3em;
float: left;
}
div.columnaD{
width: 37em;
height: 12.3em;
float: right;
}

div.scroll_cab { background-color: #011576; height: 0.1em; width: 100%; font-size: 0.2em; border-color: #011576; border-style: solid; border-width: 0 0.1em;}

div.scroll_tit { background-color: #fff8c5; border-color: #b7b7b7; border-style: solid; border-width: 0 0.1em; height: 2.5em; width: 100%; margin: 0; padding: 0; }
div.scroll_tit h2 {padding: 0em 1em;}

DIV.scroll_txt_DIV { overflow: auto; width: 100%; height: 9.4em; border-color: #b7b7b7; border-style: solid; border-width: 0 0.1em 0.1em;}

div.scroll_txt2 { 
width: 70%;
float: left; 
}

ul.nov { padding-top: 0.8em; padding-left: 3em; }


div.scroll_img { 
padding-top: 1em;
padding-right: 1em;
float: right; 
}


/*
+-----------------------------+
|  Paginas con texto y fotos  |
+-----------------------------+
*/

div#conttexto {
background-color: #ffffff;
width: 60%;
float: left;
padding-right: 2.5em;
}
div#contgraf {
text-align: center;
background-color: #ffffff;
width: 35%;
padding-top: 6.5em;
float: right;
}

div#contgraf div { margin-bottom: 10em;}

div.grafirel { margin: 5em 0em 0em 10em; text-align: center; }
div.grafirel img { float: left; margin-left: 10em; }

/*
+---------------+
|  Formularios  |
+---------------+
*/

div.formulario{ width: 100%; margin: 0; padding-left: 0; padding-top: 0; padding-bottom: 5em; padding-right: 0;} /*Usado tambien en la lista de distri. y en la encuesta*/
div.fila_datos{ width: 100%; margin: 0; padding-left: 0; padding-top: 1.5em; padding-bottom: 0; padding-right: 0; clear: both;} /*Usado tambien en la lista de distri. y en la encuesta*/
div.columna_datos{ color: #011576; font-size: 1.2em; float: left; margin: 0; padding-left: 2em; padding-top: 0; padding-bottom: 0; padding-right: 0;} /*Usado tambien en la encuesta*/
div.columna_datos1{ color: #011576; float: left; margin: 0; padding-left: 0; padding-top: 0; padding-bottom: 0; padding-right: 0;} 
div.columna_datos1_5{ color: #011576; float: left; margin: 0; padding-left: 2em; padding-top: 0; padding-bottom: 0; padding-right: 0;} 
div.columna_datos2{ color: #011576; font-size: 1.2em; float: left; margin: 0; padding-left: 4em; padding-top: 0; padding-bottom: 0; padding-right: 0;} /*Usado tambien en la lista de distri.*/
span.entrada { margin: 0; padding: 0; display: block; clear: left; } /*Tambi�n se usa en la encuesta*/
/*div.entrada { margin: 0; padding: 0; }*/
div.entrada2 { font-weight: bold; float: left; margin: 0; padding: 0;}
div.vip2 { float: left; margin: 0; padding-left: 0; padding-top: 0.3em; padding-bottom: 0; padding-right: 0;}

/*div.vip { font-size: 1.2em; font-weight: bold; color: #011576; float: left; margin: 0; padding-left: 3em; padding-top: 0; padding-bottom: 0; padding-right: 0;}*/ /*Usado en la plantilla OIAC-Lista_Distribucion.xsl*/


/*
+--------------+
|   Encuesta   |
+--------------+
*/

div.cuestionario{ width: 100%; margin: 0; padding-left: 0; padding-top: 0; padding-bottom: 2.5em; padding-right: 0;}
div.fila_datos3{ width: 100%; margin: 0; padding-left: 2em; padding-top: 1.5em; padding-bottom: 0; padding-right: 0; clear: both;}
div.columna_datos3{ width: 35%; color: #011576; font-size: 1.2em; float: left; margin: 0; padding-left: 0em; padding-top: 0; padding-bottom: 0; padding-right: 0; text-align: left;}

div.columna_datos3_5{ width: 55%; color: #011576; font-size: 1.2em; float: left; margin: 0; padding-left: 0em; padding-top: 0; padding-bottom: 0; padding-right: 0; text-align: left;}

div.fila_datos4{ width: 100%; margin: 0; padding-left: 0; padding-top: 1.5em; padding-bottom: 0; padding-right: 0; clear: both; vertical-align: middle; }
div.columna_datos4{ width: 60%; color: #011576; /*font-size: 1.2em;*/ float: left; margin: 0; padding-left: 2em; padding-top: 0; padding-bottom: 0; padding-right: 2em;}
div.columna_datos4 p {padding: 0;}



/*
+-------------------+
|    Alertas Sms    |
+-------------------+     
*/

div#imgsms {
text-align: center;
width: 100%;
padding-top: 2em;
/*padding-bottom: 1em;*/
}

div#imgsms img {
border: 0;
/*vertical-align: bottom;*/
}


/*
+---------------------------------------+
|  Contenido de tramites y yacimientos   |
+---------------------------------------+
*/
/*div#tabtram { padding-left: 10px; padding-top: 15px; padding-right: 10px;}
TABLE#tramites {  border-width: 2px 1px 1px 0px; border-style: solid; border-color: #011576 #b7b7b7 #b7b7b7; }
TABLE#tramites TH { color: #011576; font-family: Arial,Helvetica,sans-serif; font-size: 12px; border-width: 0px 0px 0px 1px; border-style: solid; border-color: #b7b7b7; text-align: center; padding-left: 15px; padding-right: 15px; }
TABLE#tramites TD { color: #011576; font-family: Arial,Helvetica,sans-serif; font-size: 12px; border-width: 1px 0px 0px 1px; border-style: solid; border-color: #b7b7b7; padding-left: 5px; padding-right: 5px;}

TD.centrado{ text-align: center; }

th.tittabtram { background-color: #fff8c5; height: 32px; }
th.tittabtram h3 { padding-top: 6px; text-decoration: none; text-align: center; }*/

div.tabtram { padding-left: 1em; padding-top: 1.5em; padding-right: 1em;}
TABLE.tramites { font-size: 100%; color: #011576; font-family: Arial,Helvetica,sans-serif; border-width: 0.2em 0.1em 0.1em 0em; border-style: solid; border-color: #011576 #b7b7b7 #b7b7b7; }
TABLE.tramites TH { /*color: #011576; font-family: Arial,Helvetica,sans-serif;*/ font-size: 1.2em; border-width: 0em 0em 0em 0.1em; border-style: solid; border-color: #b7b7b7; /*text-align: center;*/ padding-left: 1.5em; padding-right: 1.5em; }
TABLE.tramites TD { /*color: #011576; font-family: Arial,Helvetica,sans-serif;*/ font-size: 1.2em; border-width: 0.1em 0em 0em 0.1em; border-style: solid; border-color: #b7b7b7; padding-left: 0.5em; padding-right: 0.5em;}

TD.centrado{ text-align: center; }

th.tittabtram { background-color: #fff8c5; height: 3.2em; }
/*td.tittabtram { background-color: #fff8c5; height: 3.2em; text-align: left; font-weight: bold;}*/

td.camtra { width: 52em; }
/*td.camper { width: 7.5em; }*/
/*th.tittabtram h3 { padding-top: 0.6em; text-decoration: none; text-align: center; }*/


/*
+--------------------------+
| Contenido de como llegar |
+--------------------------+
*/

/*div#comollegar { padding-left: 10px; padding-top: 15px;}
div#comollegar img {float: left;}
div#comollegar table {float: left; margin-left: 15px; }

TABLE#situacion { width: 50%; border-top: 2px solid #011576; border-left: 1px solid #b7b7b7; border-right: 1px solid #b7b7b7; border-bottom: 1px solid #b7b7b7;}
TABLE#situacion TH { color: #011576; font-size: 12px; text-align: left; padding-left: 5px; padding-right: 5px; padding-top: 10px; padding-bottom: 5px; vertical-align: top; }
TABLE#situacion TD { color: #011576; font-size: 12px; text-align: justify; padding-left: 5px; padding-right: 10px; padding-top: 10px; padding-bottom: 5px; }

th.tittabsit { background-color: #fff8c5; height: 32px; }
th.tittabsit h3 { padding-top: 3px; text-decoration: none; text-align: center; }*/

/*td ul li {font-size: 12px;}*/

div#comollegar { padding-left: 1em; padding-top: 1.5em; display: inline; }

div#comollegar table { float: right; }

div#plano {float: left;}

TABLE#situacion { font-size: 100%; color: #011576; font-family: Arial,Helvetica,sans-serif; width: 47%; border-top: 0.2em solid #011576; border-left: 0.1em solid #b7b7b7; border-right: 0.1em solid #b7b7b7; border-bottom: 0.1em solid #b7b7b7; }

.tittabsit { font-size: 1.5em; background-color: #fff8c5; height: 3.2em; padding-top: 0.3em; text-decoration: none; text-align: center;}
.camptabsit { /*color: #011576; font-family: Arial,Helvetica,sans-serif;*/ font-size: 1.2em; text-align: left; padding-left: 0.5em; padding-right: 0.5em; padding-top: 1em; padding-bottom: 0.5em; vertical-align: top; font-weight:bold; }
td.valtabsit { /*color: #011576; font-family: Arial,Helvetica,sans-serif;*/ font-size: 1.2em; text-align: justify; padding-left: 0.5em; padding-right: 1em; padding-top: 1em; padding-bottom: 0.5em; }
td.horario { padding-right: 1em; }
/*th.tittabsit h3 { padding-top: 0.3em; text-decoration: none; text-align: center; }*/

/*
+----------------+
| Visita Virtual |
+----------------+
*/

  div#flash2{
  border: 0;
  margin-top: 0em;
  margin-bottom: 2em;
  text-align: center;
  /*margin-left: 0.5em;
  margin-bottom: 0em;*/
  }

  div#flashcontent2 img{
  margin: 0em 0em 1.5em 1.5em;
  float: left;
  }

#imagen1{
margin-top: 5em;
position: relative;
float: left;
width: 43%;
padding-right: 2em;
}

#imagen2{
margin-top: 5em;
position: relative;
float: left;
width: 43%;
}

#imagen3{
position: relative;
float: left;
width: 43%;
padding-top: 3em;
padding-right: 2em;
}

#imagen4{
position: relative;
float: left;
width: 43%;
padding-top: 3em;
}


/*
+-----+
| Pie |
+-----+
*/

div#foot {  
margin: 0%;
padding: 0%; 
width: 96%;
min-width: 100em;
padding-top: 0.5em;	
padding-bottom: 0.5em;
background-color: #011576; 
float: left;
}

DIV#foot P , DIV#foot A{
padding: 0%; 
color: #fff;
font-size: 1.0em;
text-align: center;
}

div#wai{
margin: 0%;
padding: 0%; 
width: 96%;
min-width: 100em;
padding-top: 1em;	
padding-bottom: 0.5em;
float: left;
}

div#wai img{
  border: 0;
  margin: 0em;
  float: right;
}

div#texto_ns { width: 85%; }

/*
+-----------+
|           |
+-----------+
*/


.negrita { 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 1em; 
	COLOR: #011576; 
	FONT-FAMILY: Tahoma,Verdana; 
	TEXT-ALIGN: justify; 
}


/*Estefanía: estilos de OIAC-Contactenos.xsl*/
.caption_oculto{
    display:none;
}
/*Estefanía: estilos de OIAC-accesibilidad.xsl*/
#contenido_accesibilidad {
    margin-top: 2em;
    margin-bottom: 2em;
    margin-left: 0.4em;
    margin-right: 0em;
    padding: 0%;
    width: 76%;
    float: left;
}

#contenido_accesibilidad p {
    color: #011576;
    font-size: 1.2em; 
    margin: 0;
    padding-top: 0.2em;
    padding-left: 1.3em;
    padding-bottom: 1.2em;
    text-align: justify;
}

#contenido_accesibilidad li {
    margin: 0;
    padding-bottom: 0;
    padding-top: 0;
}