/* Makeshift CSS Reset */
*{
/* Ponemos el margen a 0 */
margin: 0;
/* Ponemos el margen interior a 0 */
padding: 0;
}



/* *** TIPOS DE LETRA PERSONALES *** */
@font-face {
font-family: 'Lato';
src: url('../fuentes/Lato-Reg.ttf');
}

@font-face {
font-family: 'Lato_light';
src: url('../fuentes/Lato-Lig.ttf');
}



/* *** ELEMENTOS BASICOS *** */

/* renderizar los elementos de html5 como bloque */
header, footer, section, aside, nav, imagen, article {
/* Modo de presentacion */
display: block;
/* Flota o se situa a la izquierda */
float: left;
/* Alisado del texto*/
/* Me parece que esto no funciona ni a pedales */
-webkit-font-smoothing: antialiased;
text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}

body {
/* Color del fondo */
background: #808080;
/* Fuentes a utilizar */
font-family: Lato, Arial, Helvetica, sans-serif;
/* Anchura */
width: 1400px;
/* Margen 0 en horizontal y auto en vertical, o eso creo */
margin: 0 auto;
}

nav{
float: right;
/* Imagen de fondo */
background-image: url("../imagenes/fondo_cabe.jpg");
/* Altura */
height: 81px;
/* Anchura */
width: 1000px;
}

footer {
/* Modo de presentacion */
display: block;
/* Flota o se situa a la izquierda */
float: left;
/* Imagen de fondo */
background-image: url("../imagenes/fondo_oscuro.jpg");
}



/* *** SECCIONES *** */
/* ** CABECERA ** */
#logo1 {
/* Modo de presentacion */
display: block;
/* Flota o se situa a la izquierda */
float:left;
/* Imagen de fondo */
background-image: url("../imagenes/fondo_blanco.jpg");
/* Altura */
height: 81px;
/* Anchura */
width: 400px;
}


/* ** CUERPO ** */
/* Cuerpo index */
#articulo {
/* Altura */
height: 797px;
/* Imagen de fondo */
background-image: url("../imagenes/fondo_blanco.jpg");
}

/* Cuerpo paginas 1,2,3,4,5,6 */
#articulo_1 {
/* Modo de presentacion */
display: block;
/* Flota o se situa a la izquierda */
float: left;
/* Imagen de fondo */
background-image: url("../imagenes/fondo_blanco.jpg");
/* Margen interior inferior */
padding-bottom: 40px;

}

/* Cuerpo pagina 7 (contacto) */
#articulo7_1{
/* Modo de presentacion */
display: block;
/* Flota o se situa a la izquierda */
float: left;
/* Imagen de fondo */
background-image: url("../imagenes/fondo_blanco.jpg");
/* Margen interior inferior */
padding-bottom: 30px;
}

/* Seccion texto principal situado a la izquierda en pagina index */
#izquierda {
/* Anchura */
width: 700px;
/* Margen superior */
margin-top: 315px;
/* Margen interior izquierdo */
padding-left: 51px;
}

/* Seccion imagen grande superior paginas 1,2,3,4,5,6 */
#titulo {
/* Modo de presentacion */
display: block;
/* Anchura */
width: 1400px;
}

/* Seccion texto principal paginas 1,2,3,4,5,6 */
#texto_1 {
/* Modo de presentacion */
display: block;
/* Margen superior*/
margin-top: 20px;
/* Margen interior izquierdo */
padding-left: 51px;
/* Margen interior derecho */
padding-right: 51px;
}

/* Imagen mano en pagina index */
#imagen0_1{
/* Modo de presentacion */
display: block;
/* Flota o se situa a la izquierda */
float: left;
/* Margen superior */
margin-top: 210px;
/* Margen izquierdo */
margin-left: -30px;
/* Posicion en el plano Z */
z-index: 1;
}

/* Imagen grifo en pagina index */
#imagen0_2{
/* Modo de presentacion */
display: block;
/* Flota o se situa a la izquierda */
float: right;
/* Margen superior */
margin-top: -130px;
/* Margen derecho */
margin-right: 50px;
/* Posicion en el plano Z */
z-index: 2;
}

/* Parte izquierda (mapa google) en pagina 7 (contacto) */
#izquierda7_1 {
/* Modo de presentacion */
display: block;
/* Flota o se situa a la izquierda */
float: left;
/* Anchura del bloque */
width: 750px;
/* Altura del bloque*/
height: 930px;
/* Altura de la linea (% respecto a la altura del texto) */
line-height: 1.25;
/* Tipo de letra */
/*font-family: 'Crimson';*/
/* Tamaño del texto */
/*font-size: 18px;*/
}

/* Seccion del mapa de google en pagina 7 (contacto) */
#Google {
/* Anchura */
width: 616px;
/* Altura */
height: 527px;
/* No es un objeto flotante */
float: none;
/* Tamaño del texto */
font-size: 15px;
/* Altura de la linea (% respecto a la altura del texto) */
line-height: 1.2;
/* Margen superior */
margin-top: 44px;
/* Margen inferior */
margin-bottom: 10px;
/* Margen interior izquierdo */
padding-left: 67px;
}

/* Parte derecha (formulario de contacto) en pagina 7 (contacto) */
#derecha7_1 {
/* Modo de presentacion */
display: block;
/* Flota o se situa a la izquierda */
float: left;
/* Anchura del bloque */
width: 650px;
/* Altura del bloque*/
height: 930px;
}

/* Para crear un espacio entre el titulo Formulario de contacto y el formulario en pagina 7 (contacto) */
.espacio1 {
/* Altura de la linea (% respecto a la altura del texto) */
line-height: 2;
}



/* *** PIE DE PAGINA *** */
/* Imagen que separa el cuerpo de la pagina del pie */
#separador{
/* Anchura del bloque*/
width: 1400px;
/* Altura del bloque*/
height: 19px;
/* Imagen de fondo */
background-image: url("../imagenes/fondo_intermedio.jpg");
}

/* Imagen en seccion anuncios en el pie de pagina de las paginas index,3,4 */
#imagen1{
/* Modo de presentacion */
display: block;
/* Flota o se situa a la izquierda */
float: left;
/* Margen desde la izquierda */
margin-left: 150px;
/* Margen superior */
margin-top: 37px;
}

/* Secuencia de imagenes en paginas 1,2,5,6 */
#presentacion {
/* Modo de presentacion */
display: block;
/* Flota o se situa a la izquierda */
float: left;
/* Margen izquierdo */
margin-left: 150px;
/* Margen superior */
margin-top: 37px;
}

/* Seccion anuncios situada a la izquierda en paginas index,3,4 */
#pie1 {
/* Modo de presentacion */
display: block;
/* Flota o se situa a la izquierda */
float: left;
/* Margen superior */
margin-top: 38px;
/* Margen izquierdo */
margin-left: 33px;
}

/* Linea divisoria que esta debajo del titulo en la seccion anuncios abajo a la izquierda en paginas index,3,4 */
.lineadivi1 {
/* Modo de presentacion */
display: block;
/* Anchura del bloque */
width: 450px;
/* Margen superior */
margin-top: 10px;
/* El atributo color seria para el interior, al ser unicamente el borde definimos su color desde las propiedades del borde */
border: 1px solid #C6C4BF;
}

/* Seccion enlaces a paginas inferior en paginas Index,1,2,3,4,5,6*/
#pie2 {
/* Modo de presentacion */
display: block;
/* Flota o se situa a la derecha */
float: right;
/* Anchura del bloque */
width: 400px;
/* Margen superior */
margin-top: 47px;
/* Margen dercho */
margin-right: 151px;
}

/* Seccion logo pequeño situado abajo a la derecha en paginas index, 1,2,3,4,5,6,8,9 */
#logo2{
/* Modo de presentacion */
display: block;
/* Flota o se situa a la derecha */
float: right;
/* Anchura del bloque */
width: 500px;
/* Margen superior */
margin-top: 50px;
}

/* Seccion logo pequeño situado abajo a la izquierda en la pagina 7 (contacto) */
#logo7_1{
/* Modo de presentacion */
display: block;
/* Flota o se situa a la izquierda */
float: left;
/* Margen izquierdo */
margin-left: 150px;
/* Margen superior */
margin-top: 47px;
}

/* Seccion texto situado abajo del todo */
#pie3 {
/* Modo de presentacion */
display: block;
/* Flota o se situa a la izquierda */
float: left;
/* Margen superior */
margin-top: 35px;
/* Margen izquierdo */
margin-left: 150px;
/* Margen inferior */
margin-bottom: 27px;
/* Centramos el texto */
text-align: center;
}

/* Linea divisoria que separa la pagina del texto situado al pie de la pagina en las paginas index,1,2,3,4,5,6,7 */
.lineadivi2 {
/* Modo de presentacion */
display: block;
/* Anchura del bloque */
width: 1100px;
/* Margen superior */
margin-top: 10px;
/* El atributo color seria para el interior, al ser unicamente el borde definimos su color desde las propiedades del borde */
border: 1px solid #C6C4BF;
}

/* Seccion e-lur 2013 en paginas index,1,2,3,4,5,6,7,8,9 */
#fin{
/* Modo de presentacion */
display: block;
/* Flota o se situa a la derecha */
float: right;
/* Margen superior */
margin-top: -13px;
/* Margen derecho */
margin-right: 20px;
/* Posicion en el plano Z */
z-index: 4;
}



/* *** TEXTOS *** */
/* Titulo pagina index */
.texto0_1{
/* Tipo de letra */
font-family: 'Lato_light';
/* Tamaño del texto */
font-size: 71px;
/* Margen interior superior */
padding-top: 48px;
}

/* Texto cuerpo pagina index */
.texto0_2{
/* Tipo de letra */
font-family: 'Lato';
/* Tamaño del texto */
font-size: 25px;
/* Altura de la linea (% respecto a la altura del texto) */
line-height: 1.5;
/* Margen desde arriba */
margin-top: 0px;
/* Espacio entre el borde del bloque y el texto */
padding-top: 22px;
}

/* Titulo paginas 1,2,3,4,5,6 */
.textos1{
/* Tipo de letra */
font-family: 'Lato_light';
/* Tamaño del texto */
font-size: 51px;
/* Espacio entre el borde del bloque y el texto */
padding-top: 48px;
/* Color del texto */
color: #6D609E;
}

/* Texto cuerpo paginas 1,2,3,4,5,6 */
.textos2{
/* Tipo de letra */
font-family: 'Lato';
/* Tamaño del texto */
font-size: 25px;
/* Altura de la linea (% respecto a la altura del texto) */
line-height: 1.5;
/* Margen desde arriba */
margin-top: 0px;
/* Margen interior superior */
padding-top: 22px;
/* Alineamos el texto en modo justificado para ocupar todo el ancho */
text-align: justify;
}

/* Texto encabezado parrafos en paginas 3,4 */
.encabezado{
/* Tipo de letra */
font-family: 'Lato_light';
/* Estilo de la letra */
font-style: italic;
/* Tamaño del texto */
font-size: 30px;
/* Color del texto */
color: #6D609E;
}

.cursivat2{
/* Estilo de la letra */
font-style: italic;
/* Tamaño del texto */
font-size: 23px;
}

/* Texto titulo en anuncio situado a la izquierda en el pie de pagina en las paginas index,3,4 */
.textos3{
/* Tipo de letra */
font-family: 'Lato';
/* Tamaño del texto */
font-size: 33px;
/* Color del texto */
color: #6D609E;
/* Quitamos el subrayado del enlace */
text-decoration: none;
/* Ponemos una sombra debajo */
text-shadow: 0px 1px 1px #fff;
}

/* Texto cuerpo en anuncio situado a la izquierda en el pie de pagina en las paginas index,3,4 */
.textos4{
/* Tipo de letra */
font-family: 'Lato';
/* Tamaño del texto */
font-size: 20px;
/* Altura de la linea (% respecto a la altura del texto) */
line-height: 1.5;
/* Anchura del bloque, para que no se desmadre el texto */
width: 400px;
/* Ponemos una sombra debajo */
text-shadow: 0px 1px 1px #fff;
}

/* Texto-enlace leer mas ... situado a la izquierda en el pie de pagina en las paginas index,3,4,7 */
.textos5{
/* Modo de presentacion */
display: block;
/* Flota o se situa a la izquierda */
float: left;
/* Tipo de letra */
font-family: 'Lato';
/* Tamaño del texto */
font-size: 16px;
/* Color del texto */
color: #007CC3;
/* Margen desde arriba */
margin-top: 18px;
}

/* Texto enlaces inferiores a paginas en paginas index,1,2,3,4,5,6 */
.textos6{
/* Tipo de letra */
font-family: 'Lato';
/* Tamaño del texto */
font-size: 21px;
/* Altura de la linea (% respecto a la altura del texto) */
line-height: 1.5;
/* Alineacion del texto */
text-align: right;
}

/* Texto situado abajo del todo en paginas index,1,2,3,4,5,6,7 */
.textos7{
/* Tamaño del texto */
font-size: 16px;
/* Altura de la linea (% respecto a la altura del texto) */
line-height: 1.6;
/* Color del texto */
color: #000000;
/* Sombra */
text-shadow: 0px 1px 1px #fff;
/* Margen superior */
margin-top: 11px;
}

/* Texto e-lur 2013 abajo a la derecha en paginas index,1,2,3,4,5,6,7,8,9 */
.textos8{
/* Modo de presentacion */
display: block;
/* Flota o se situa a la izquierda */
float: left;
/* Tamaño del texto */
font-size: 11px;
/* Color del texto */
color: #000000;
}

/* Texto nuestra direccion en pagina 7 (contacto) */
.texto7_1{
/* Tipo de letra */
font-family: 'Lato';
/* Tamaño del texto */
font-size: 33px;
/* Color del texto */
color: #6D609E;
/* Margen interior superior */
padding-top: 50px;
/* Maregn interior izquierdo */
padding-left: 67px;
/* Le ponemos sombra */
text-shadow: 0px 1px 1px #fff;
/* Quitamos el subrayado del enlace */
text-decoration: none;
}

/* Texto formulario de contacto en pagina 7 (contacto) */
.texto7_2{
/* Tipo de letra */
font-family: 'Lato';
/* Tamaño del texto */
font-size: 33px;
/* Color del texto */
color: #6D609E;
/* Margen interior superior */
padding-top: 32px;
/* Maregn interior izquierdo */
padding-left: 67px;
/* Le ponemos sombra */
text-shadow: 0px 1px 1px #fff;
/* Quitamos el subrayado del enlace */
text-decoration: none;
}

/* Texto direccion en pagina 7 (contacto) */
.texto7_3{
/* Anchura del bloque */
width: 400px;
/* Tipo de letra */
font-family: 'Lato';
/* Tamaño del texto */
font-size: 20px;
/* Altura de la linea (% respecto a la altura del texto) */
line-height: 1.5;
/* Margen interior izquierdo */
padding-left: 67px;
/* Sombra */
text-shadow: 0px 1px 1px #fff;
}



/* *** IMAGENES *** */
/* Logotipo superior */
.logo1_1{
/* Margen superior */
margin-top: 10px;
/* Margen izquierdo */
margin-left:51px;
/* Tipo de posicion */
position: absolute;
/* Posicion en el plano Z */
z-index: 6;
/* Eliminamos el borde para evitar el cuadrado azul alrededor de la imagen en IExplorer, que raro */
border: 0px;
/* Eliminamos el borde de punto al hacer click */
outline: 0px;
}

/* Logotipo superior sombra */
.logo1_2{
/* Tipo de posicion */
position: absolute;
/* Margen izquierdo */
margin-left: 309px;
/* Posicion en el plano Z */
z-index: 8;
}

/* Logotipo superior imagen efecto corte transversal */
.logo1_3{
/* Modo de presentacion */
display: block;
/* Flota o se situa a la izquierda */
float: right;
/* Tipo de posicion */
position: absolute;
/* Margen izquierdo */
margin-left: 339px;
/* Posicion en el plano Z */
z-index: 10;
}

/* Bandera lenguaje euskera */
.euskara {
/* Modo de presentacion */
display: block;
/* Flota o se situa a la izquierda */
float: right;
/* Margen desde arriba */
margin-top: 5px;
/* Margen derecho */
margin-right: 11px;
/* Quitamos el puñetero borde azul */
border-style: none;
}

/* Bandera lenguaje castellano */
.castellano {
/* Modo de presentacion */
display: block;
/* Flota o se situa a la izquierda */
float: right;
/* Margen desde arriba */
margin-top: 5px;
/* Margen derecho */
margin-right: 51px;
/* Quitamos el puñetero borde azul */
border-style: none;
}

/* Imagen mano en pagina index */
.imagen0_1{
/* Giramos la imagen hacia la izquierda */
transform: rotate(-22deg);
-moz-transform: rotate(-22deg);
-webkit-transform: rotate(-22deg);
/* Ponemos una sombra debajo */
box-shadow: 0px 0px 15px #000000;
-moz-box-shadow: 0px 0px 15px #000000;
-webkit-box-shadow: 0px 0px 15px #000000;
}

/* Imagen grifo en pagina index */
.imagen0_2{
/* Ponemos una sombra debajo */
box-shadow: 0px 0px 15px #000000;
-moz-box-shadow: 0px 0px 15px #000000;
-webkit-box-shadow: 0px 0px 15px #000000;
}

/* Circulos negros en el centro de la pagina index */
.imagen0_3{
/* Margen desde arriba */
margin-top: 15px;
/* Margen Interno derecho */
padding-right: 30px;
}

/* Imagen grande superior paginas 1,2,3,4,5,6 */
.imagen1{
/* Margen desde arriba */
/*margin-top: 51px;*/
margin-top: 33px;
/* Margen desde la izquierda */
margin-left:51px;
/* Sombra bajo la imagen */
box-shadow: 0px 0px 15px #C1C5C8;
-moz-box-shadow: 0px 0px 15px #C1C5C8;
-webkit-box-shadow: 0px 0px 15px #C1C5C8;
}

/* Logo pequeño situado abajo a la derecha en paginas index, 1,2,3,4,5,6,8,9 */
.imagen2{
/* Margen interior izquierdo */
padding-left: 204px;
}



/* *** ENLACES *** */
/* Enlaces inferiores a paginas */
a.enlace1:link, a.enlace1:visited{
/* Dejamos el texto sin decoraciones */
text-decoration: none;
/* Color del texto */
color: #000000;
}

/* Al poner encima el raton */
a.enlace1:hover {
/* Mostramos el texto subrayado */
text-decoration: underline;
}


/* Enlaces leer mas ... */
a.enlace2:link{
/* Dejamos el texto sin decoraciones */
text-decoration: none;
/* Color del texto */
color: #007CC3;
}

/* Enlace visitado */
a.enlace2:visited{
/* Dejamos el texto sin decoraciones */
text-decoration: none;
/* Color del texto */
color: #800080;
}

/* Al poner encima el raton */
a.enlace2:hover {
/* Mostramos el texto subrayado */
text-decoration: underline;
}

/* Imagen logotipo Iñaki Iturgintza situado arriba a la iquierda */
a.logo1_1 {

}



/* FORMULARIO Pagina 6 */
form {
/* Esta es la definicion general de la parte de formulario */
padding-top: 12px;
}

form p {
/* Modo de presentacion en formato tabla */
display: table;

/* Margen inferior */
margin-bottom: 22px;
/* Margen interior */
/*padding: 0 22px;*/
/* Altura de la linea (% respecto a la altura del texto) */
line-height: 1;
padding-left: 67px;
}
	
/* Cuadros de texto */
/* Tipo de entrada cuadro de texto */
form input[type="text"], form input[type="email"], form input[type="url"] {
/* Modo de presentacion en formato celda de tabla */
display: table-cell;
/* Anchura */
width: 515px;
/* Altura */
height: 25px;
/* Grosor, estilo y color del borde */
border: 1px solid #d7d7d7;
/* Redondeamos las esquinas de los campos */
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
/* Sombra en los campos */
-webkit-box-shadow: 0 -1px 0 0px #000;
-moz-box-shadow: 0 -1px 0 0px #000;
box-shadow: 0 -1px 0 0px #000;
/* Tipo de letra */
font-family: 'Crimson';
/* Tamaño del texto */
font-size: 18px;
}
		
/* Cuadro de texto mensaje */
form textarea {
/* Anchura */
width: 515px;
/* Altura */
height: 200px;
/* Grosor, estilo y color del borde */
border: 1px solid #d7d7d7;
/* Redondeamos las esquinas de los campos */
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
/* Sombra en los campos */
-webkit-box-shadow: 0 -1px 0 0px #000;
-moz-box-shadow: 0 -1px 0 0px #000;
box-shadow: 0 -1px 0 0px #000;
/* Tipo de letra */
font-family: 'Crimson';
/* Tamaño del texto */
font-size: 18px;
}
		
/* Boton nuevo */
/* Tipo de entrada nuevo */
form input[type="reset"] {
/* Margen desde la izquierda */
margin-left: 292px;
/* Anchura */
width: 90px;
/* Altura */
height: 36px;
/* Tipo de letra */
font-family: 'Lato';
/* Tamaño del texto */
font-size: 18px;
text-align: center;
color: #FFF;
/* Grosor, estilo y color del borde */
border: 1px solid #343C3A;
/*background: #24282A;*/
background: #3D4543;
/* Redondeamos las esquinas del boton */
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
/* Sombra en los campos */
-webkit-box-shadow: 0 -1px 0 0px #000;
-moz-box-shadow: 0 -1px 0 0px #000;
box-shadow: 0 -1px 0 0px #000;
}

form input[type="reset"]:active {
/* Sombra en los campos */
-webkit-box-shadow: 0 0px 2px #000;
-moz-box-shadow: 0 0px 2px #000;
box-shadow: 0 0px 2px #000;
background: #3B4042;
}		
		
/* Boton enviar */
/* Tipo de entrada enviar */
form input[type="submit"] {



/* Margen desde la izquierda */
margin-left: 40px;
/* Anchura */
width: 90px;
/* Altura */
height: 36px;
/* Tipo de letra */
font-family: 'Lato';
/* Tamaño del texto */
font-size: 18px;
text-align: center;
color: #FFF;
/* Grosor, estilo y color del borde */
border: 1px solid #343C3A;
background: #3D4543;
/* Redondeamos las esquinas del boton */
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
/* Sombra en los campos */
-webkit-box-shadow: 0 -1px 0 0px #000;
-moz-box-shadow: 0 -1px 0 0px #000;
box-shadow: 0 -1px 0 0px #000;
}

form input[type="submit"]:hover {
}

form input[type="submit"]:active {
/* Sombra en los campos */
-webkit-box-shadow: 0 0px 2px #000;
-moz-box-shadow: 0 0px 2px #000;
box-shadow: 0 0px 2px #000;
background: #3B4042;
}