/*                 Estilo General para Oraintxe.com                  */
/*   Por Alvaro Fernandez | www.alvaroweb.com | info@alvaroweb.com   */
/*                 2006 - Codigo completamente libre                 */


/**************** GENERAL  ******************/

* { margin: 0; padding: 0; border: 0;}
li {list-style-type: none;}


/**************** ENLACES  ******************/

/*vinculos estandar*/
a { outline: 0; }
a:link {text-decoration: none; color: #03578B; /*font-size: 90%;*/ font-weight: normal;}
a:visited {text-decoration: none; color: #03578B; /*font-size: 90%;*/ font-weight: normal;}
a:active {text-decoration: none; color: #03578B; /*font-size: 90%;*/ font-weight: normal; border: 0;}
a:hover {text-decoration: underline; color: #03578B; /*font-size: 90%;*/ font-weight: normal;}

/*vinculos MENU*/
#menumensajeria a, #menumensajeria a:link, #menumensajeria a:visited, #menumensajeriaoff a, #menumensajeriaoff a:link, #menumensajeriaoff a:visited {
 display: block;
 height: 18px;
 color: #BAC9EF;
 font-size: 90%; font-weight: normal;
 background: url("../imagenes/comunes/boton-mensajeria-off.gif") no-repeat 152px;
 padding: 0 18px 0 0;
}
#menumensajeria a:hover, #menumensajeriaoff a:hover {
 color: white;
 background: #383D48 url("../imagenes/comunes/boton-mensajeria-on.gif") no-repeat 152px;
 text-decoration: none;
}
#menumundo a, #menumundo a:link, #menumundo a:visited, #menumundooff a, #menumundooff a:link, #menumundooff a:visited {
 display: block;
 height: 18px;
 color: #FFCC00;
 font-size: 90%; font-weight: normal;
 background: url("../imagenes/comunes/boton-mundoraintxe-off.gif") no-repeat 152px;
 padding: 0 18px 0 0;
}
#menumundo a:hover, #menumundooff a:hover {
 color: white;
 background: #383D48 url("../imagenes/comunes/boton-mundoraintxe-on.gif") no-repeat 152px;
 text-decoration: none;
}

#menumensajeria #menuservicios a, #menumensajeria #menuserviciosoff a {
 padding: 0 18px 0 0;
 background-position: 142px;
}

#menumensajeria a#mostrar_servicios, #menumensajeriaoff a#mostrar_servicios {
 color: #BAC9EF;
 background: black url("../imagenes/comunes/icono_ampiar_menuservicios.gif") no-repeat 152px;
}
#menumensajeria a#mostrar_servicios:hover, #menumensajeriaoff a#mostrar_servicios:hover {
 background: #383D48 url("../imagenes/comunes/icono_ampiar_menuservicios.gif") no-repeat 152px;
}

/*vinculos tipo titulo H4*/
a.titulo_enlace:link, a.titulo_enlace:visited, a.titulo_enlace:active {
display: block;
text-decoration: none; font-size: 110%; color: #03578B;
font-weight: bold;
padding-left: 15px; 
background: url("../imagenes/comunes/botones/icono-titulo-off.gif") no-repeat 0 3px;
}
a.titulo_enlace:hover{
display: block;
text-decoration: none; font-size: 110%; color: #A48300; font-weight: bold;
padding-left: 15px; background: url("../imagenes/comunes/botones/icono-titulo-on.gif") no-repeat 0 3px;
}
#contenido p.fecha a:link, #contenido p.fecha a:visited, #contenido p.fecha a:active {
text-decoration: none; color: #0168A7;
}
#contenido p.fecha a:hover {
text-decoration: none; color: black;
}

/*******************************************************/
/**************** ESTRUCUTURA PAGINA  ******************/
/*******************************************************/

body {
 background: #0937AF url("../imagenes/comunes/fondo-relieve.jpg") no-repeat center top;
 font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
 font-size: 80%;
 vertical-align: top; text-align: center;
 margin: 0; padding: 0;
}
#total {
 width: 100%;
 background: url("../imagenes/comunes/fondo-relieve-pie.jpg") no-repeat center bottom;
 padding-bottom: 38px;
}
#contenedor_mensajeria {
 display: block;
 width: 732px;
 margin: 15px auto 0 auto;
 background: white url("../imagenes/comunes/ciclista-negativo2.jpg") no-repeat left bottom;
 text-align: left;
 border-top: 4px solid black;
 border-left: 4px solid black;
 border-right: 4px solid black;
}

#contenedor_mundoraintxe {/*AL LORO QUE ESTO LO HE CAMBIADO DE NOMBRE*/
 display: block;
 width: 732px;
 margin: 15px auto 0 auto;
 background: white url("../imagenes/comunes/ciclista-negativo2.jpg") no-repeat left bottom;
 text-align: left;
 border-top: 4px solid black;
 border-left: 4px solid black;
 border-right: 4px solid black;
}

/* Cabecero */
#cabecero {
 /*display: inline;Esto quita el espacio bajo el div*/
 height: 142px; width: 732px;
 background: white url("../imagenes/comunes/oraintxe-mensajeria-pamplona.jpg") no-repeat left top;
 color: black; overflow: hidden;
}
#cabecero h1 { /*Ocultar el titulo*/
 /*text-indent: -10000px;*/
 position: absolute; left:-9999px;
 /*TRUCO precarga*/ background: white url("../imagenes/comunes/botones/icono-titulo-on.gif") no-repeat left top;
} 

/**************** FRANJA IZQUIERDA  ******************/

#menu {
 float: left;
 width: 196px;
 /*height: 488px; Con mundoraintxe en el menu*/
/* height: 108px; Sin mundoraintxe en el menu??*/
 text-align: right;
 padding-bottom: 130px;
 color: white;
 /*background-color: black;*/
}
#separador_servicios { background: black url("../imagenes/comunes/fondo-servicios.gif") no-repeat; }
#separador_servicios span { padding: 0 18px 3px 0; font-size: 90%; font-weight: normal; color: white;}
.servicios {padding-right: 18px; color: white; /*color: #BAC9EF;*/ font-size: 90%; font-weight: normal;}
#menu img { display: block; overflow: hidden;}
#menu ul { background-color: black; }
#menumensajeria {display: block;}
#menumensajeriaoff {display: none;}
#menumundo {display: block;}
#menumundooff {display: none;}
#menuservicios {display: block;}
#menuserviciosoff {display: none;}
#telefono { 
 background: black url("../imagenes/comunes/telefono-oraintxe-mensajeria-pamplona.jpg") no-repeat left top;
 width: 196px; height: 37px;
 color: white; overflow: hidden;
 /*display: inline;*/
}
#telefono h2 { display: none;/*text-indent: 10000px;*/ } /*Ocultar el titulo*/

a#mostrarmensajeria:link, a#mostrarmensajeria:visited, a#mostrarmensajeria:active  {
 display: block;
 background: black url("../imagenes/comunes/botones/mensajeria.gif") no-repeat 0 0;
 width: 196px;
 height: 61px;
 overflow: hidden;
}
a#mostrarmensajeria:hover  { background-position: 0 -61px; }
a#mostrarmensajeria span { 
 position: absolute; left:-9999px;
 /*Truco precarga*/ background: url("../imagenes/comunes/boton-mensajeria-on.gif") no-repeat -1000px 0;
}

a#mostrarmundo:link, a#mostrarmundo:visited, a#mostrarmundo:active  {
 display: block;
 background: black url("../imagenes/comunes/botones/mundOraintxe.gif") no-repeat 0 0;
 width: 196px;
 height: 61px;
 overflow: hidden;
}
a#mostrarmundo:hover  { background-position: 0 -61px; }
a#mostrarmundo span { position: absolute; left:-9999px; }

#menu li {
 width: 167px;
 height: 18px;
 margin: 0 13px 0 16px;
}
#menu li#menuserviciosoff, #menu li#menuservicios {
 height: 36px; 
}
#menu #menumensajeria #menuservicios li, #menu #menumensajeria #menuserviciosoff li, #menu #menumensajeriaoff #menuservicios li, #menu #menumensajeriaoff #menuserviciosoff li {
 width: 157px;
 margin: 0 10px 0 0;
}
#menu #menumensajeria #menuservicios li a, #menu #menumensajeria #menuserviciosoff li a, #menu #menumensajeriaoff #menuservicios li a, #menu #menumensajeriaoff #menuserviciosoff li a {
 background-position: 142px;
}
/**************** ZONA CONTENIDOS  ******************/

#contenido {
 width: 536px;
 float: left;
 /*overflow: hidden;*/
 padding-bottom: 30px;
 background-color: white;
}
#contenido_mundoraintxe {
 width: 536px;
 float: left;
 /*overflow: hidden;*/
 padding-bottom: 30px;
 /*background-color: #FFF7D5;*/
 background-color: white;
}

#titulozona {
 background: #8BA4E4 url("../imagenes/comunes/titulo-mensajeria.jpg") no-repeat;
 color: white;
 height: 37px;
}
#titulozonamundoraintxe {
 background: #FFCC00 url("../imagenes/comunes/titulo-mundoraintxe.jpg") no-repeat;
 color: white;
 height: 37px;
}
#titulozona, #titulozonamundoraintxe h2 {
 text-indent: -10000px;  /*Sacamos el texto de los enlaces del campo de vision */
}

/*Titulos de subseccion*/
h3#noticias {
 display: block;
 width: 536px; height: 34px;
 background: black url("../imagenes/comunes/titulos/noticias-mensajeria.gif") no-repeat;
 color: #BAC9EF;
 clear: left;
}
h3#noticias span {position: absolute; left:-9999px;}
h3#novedades {
 display: block;
 width: 536px; height: 34px;
 background: black url("../imagenes/comunes/titulos/novedades-mensajeria.gif") no-repeat;
 color: #BAC9EF;
 clear: left;
}
h3#novedades span { position: absolute; left:-9999px;}
h3#sobre_oraintxe {
 display: block;
 width: 536px; height: 34px;
 background: black url("../imagenes/comunes/titulos/sobre-oraintxe.gif") no-repeat;
 color: #BAC9EF;
 clear: left;
}
h3#sobre_oraintxe span { position: absolute; left:-9999px;}
h3#historia {
 display: block;
 width: 536px; height: 34px;
 background: black url("../imagenes/comunes/titulos/historia.gif") no-repeat;
 color: #BAC9EF;
 clear: left;
}
h3#historia span { position: absolute; left:-9999px;}
h3#local {
 display: block;
 width: 536px; height: 34px;
 background: black url("../imagenes/comunes/titulos/local.gif") no-repeat;
 color: #BAC9EF;
 clear: left;
}
h3#local span { position: absolute; left:-9999px;}
h3#nacional {
 display: block;
 width: 536px; height: 34px;
 background: black url("../imagenes/comunes/titulos/nacional.gif") no-repeat;
 color: #BAC9EF;
 clear: left;
}
h3#nacional span { position: absolute; left:-9999px;}
h3#varios {
 display: block;
 width: 536px; height: 34px;
 background: black url("../imagenes/comunes/titulos/varios.gif") no-repeat;
 color: #BAC9EF;
 clear: left;
}
h3#varios span { position: absolute; left:-9999px;}
h3#contacta {
 display: block;
 width: 536px; height: 34px;
 background: black url("../imagenes/comunes/titulos/contacta.gif") no-repeat;
 color: #BAC9EF;
 clear: left;
}
h3#contacta span { position: absolute; left:-9999px; }
/*MundOraintxe*/
h3#avance {
 display: block;
 width: 536px; height: 34px;
 background: black url("../imagenes/comunes/titulos/mundo-avance.jpg") no-repeat;
 color: #BAC9EF;
 clear: left;
}
h3#avance span { position: absolute; left:-9999px; }

/*Bloques de contenido*/

/*.bloquecontenido {
 width: 536px;
 background: white url("../imagenes/comunes/esquina-redondeada.gif") no-repeat;
}*/

.bloquecontenido_imagen { width: 536px; padding-top: 100px; } /*Todos los bloques con imagen*/
.bloquecontenido_texto { width: 536px; padding-top: 15px; background: white url("../imagenes/comunes/esquina-redondeada.gif") no-repeat;} /*Todos los bloques sin imagen*/

#bloque_portada {background: white url("../imagenes/contenido/fondo-portada.jpg") no-repeat;}
#bloque_local {background: white url("../imagenes/contenido/fondo-local.jpg") no-repeat;}
#bloque_oraintxe {background: white url("../imagenes/contenido/fondo-oraintxe.jpg") no-repeat;}
#bloque_historia {background: white url("../imagenes/contenido/fondo-historia.jpg") no-repeat;}
#bloque_nacional {background: white url("../imagenes/contenido/fondo-nacional.jpg") no-repeat;}
#bloque_varios {background: white url("../imagenes/contenido/fondo-varios.jpg") no-repeat;}
#bloque_contacta {background: white url("../imagenes/contenido/fondo-contacta.jpg") no-repeat;}

#bloque_avance {background: white url("../imagenes/contenido/fondo-avance.jpg") no-repeat;}

.limpia {clear: both;}

.apartado_texto { clear: left; margin: 0px 40px 0 30px;}
.apartado_texto_izda { clear: left; margin: 0px 25px 0 20px;}
/*.apartado_texto_iconos { clear: left; display: block; background-color: yellow; margin: 0; padding: 0;}*/
.apartado_texto_iconos { clear: left; margin: 0px 25px 0 40px;}
#contenido .apartado_texto h4 { 
/*background: white url("../imagenes/comunes/aro.gif") no-repeat 0 center;
padding-left: 15px;*/
font-size: 130%; font-weight: bold;
}
.slogan {font-weight: bold; color: black;}

.apartado {clear: left;}
.imagen_flotante {
clear: left;
float: left;
width: 129px;
/*margin-bottom: 10px;*/
}

.apartado_texto_iconos p {
 font-size: 90%;
 line-height: 120%;
 margin: 0 0 0 133px;
 color: #666666;
 background: none;
}

/*.apartado_texto_iconos a {
 font-size: 110%;
 /*margin: 0; padding: 0;*/
 /*margin: 0 0 0 5px;*/
 /*padding-top: 15px;*/
 /*color: #03578B;
 background: none;
}*/

#contenido p {
 font-size: 90%;
 /*line-height: 120%;*/
 color: #404040;
 background: #F2F5FB;
 padding: 10px;
 margin-bottom: 10px;
}
#contenido p.parrafo_mundo {
 font-size: 100%;
 font-weight: bold;
 color: #666666;
 background: #FFF7D5;
 padding: 10px;
 margin-bottom: 10px;
}

#contenido p.encabezado { background: none; font-weight: bold; padding-top: 0;}

#contenido h4 {
 font-size: 110%;
 color: #03578B;
 font-weight: bolder;
 padding-left: 19px;
 background: url("../imagenes/comunes/botones/icono-circulo.gif") no-repeat 0 center;
}

#contenido p.fecha {
 padding: 5px 29px 3px 20px;
 margin-bottom: 4px;
 color: #0168A7;
 background: none;
 border-bottom: 1px dotted #0168A7;
 font-style: italic;
 font-size: 80%;
}

#contenido span.secundario {
 display: block;
 color: #03578B;
 font-weight: bold;
 padding-left: 13px;
 background: url("../imagenes/comunes/botones/icono-circulo-peque.gif") no-repeat 0 0;
}


/**************** PIE  ******************/

#pie {
 clear: both;
 font-size: 90%;
 color: white;
 background: black;
 height: 45px;
 width: 536px;
 display: block;
 margin-left: 196px
}
#accesibilidad { 
width: 80px;
float: left;
display: inline; height: 15px; margin-top: 5px;
/*Truco precarga*/ background: url("../imagenes/comunes/boton-mundoraintxe-on-explorer.gif") no-repeat -1000px 0;
}
#diseno { 
width: 112px;
float: left;
display: inline; height: 34px; margin-top: 9px;
/*TRUCO precarga*/ background: url("../imagenes/comunes/botones/icono-titulo-on-explorer.gif") no-repeat -1000px 0;
}
#datos { 
float: right;
display: inline; height: 40px; 
text-align: center;
margin-top: 6px;
margin-right: 25px;
/*Truco precarga*/ background: url("../imagenes/comunes/boton-mensajeria-on-explorer.gif") no-repeat -1000px 0;
}
.pie_destacado {font-weight: bold; color: #BAC9EF;}
a#xhtml {
width: 80px;
height: 15px;
display: block;
overflow: hidden;
text-decoration: none;
background: url("../imagenes/comunes/botones/val_xhtml0.gif") no-repeat 0 0;
margin-right: 5px;
}
a#css {
width: 80px;
height: 15px;
display: block;
overflow: hidden;
text-decoration: none;
background: url("../imagenes/comunes/botones/val_css.gif") no-repeat 0 0;
margin-right: 5px;
}
a#xhtml:hover, a#css:hover { background-position: 0 -15px;}

a#disenador_web {
width: 112px;
height: 34px;
display: block;
overflow: hidden;
text-decoration: none;
background: url("../imagenes/comunes/botones/disenador-web.gif") no-repeat 0 0;
margin: 0 5px 0 30px;
}
a#disenador_web:hover { background-position: 0 -34px;}

#pie a span {
 position: absolute; left:-9999px;
/*Truco precarga*/ background: url("../imagenes/comunes/boton-mundoraintxe-on.gif") no-repeat -1000px 0;
}