/* **************************************************************** */
/* Estilos para las paginas 8 Terminos legales y 9 Caserio Oiartzun */
/* **************************************************************** */

/* 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');
}

@font-face {
font-family: 'Lato_Bold';
src: url('../fuentes/Lato-Bol.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);
}

header{
/* Anchura */
width: 1024px;
/* Imagen de fondo */
background-image: url("../imagenes/fondo_blanco.jpg");
}

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

}

footer {
/* Modo de presentacion */
display: block;
/* Flota o se situa a la izquierda */
float: left;
/* Anchura del bloque */
width: 1024px;
/* Altura del bloque*/
height: 135px;
/* Imagen de fondo */
background-image: url("../imagenes/fondo_oscuro.jpg");
}



/* ** CUERPO ** */
/* Cuerpo */
#articulo {
/* Modo de presentacion */
display: block;
/* Flota o se situa a la izquierda */
float: left;
/* Anchura del bloque */
width: 1024px;
/* Imagen de fondo */
background-image: url("../imagenes/fondo_blanco.jpg");
}

/* Espacio entre parrafos en pagina 8 (Termios Legales) */
.espacio8_1 {
/* Altura de la linea */
line-height: 0.5;
}

/* Seccion izquierda, textos */
#izquierda {
/* Modo de presentacion */
display: block;
/* Flota o se situa a la izquierda */
float: left;
/* Anchura del bloque */
width: 512px;
/* Margen superior */
margin-top: 30px;
/* Margen inferior */
margin-bottom: 45px;
}

/* Espacio entre parrafos en seccion izquierda */
.espacio {
/* Altura de la linea */
line-height: 1.8;
}

/* Seccion derecha, imagenes */
#derecha {
/* Modo de presentacion */
display: block;
/* Flota o se situa a la izquierda */
float: left;
/* Anchura del bloque */
width: 512px;
/* Margen superior */
margin-top: 30px;
/* Margen inferior */
margin-bottom: 45px;
}



/* *** PIE DE PAGINA *** */
/* Imagen que separa el cuerpo de la pagina del pie */
#separador{
/* Modo de presentacion */
display: block;
/* Flota o se situa a la izquierda */
float: left;
/* Anchura del bloque */
width: 1024px;
/* Altura del bloque*/
height: 19px;
/* Imagen de fondo */
background-image: url("../imagenes/fondo_intermedio.jpg");
}

/* Seccion logo pequeño situado abajo a la izquierda */
#logo2{
/* Modo de presentacion */
display: block;
/* Flota o se situa a la derecha */
float: right;
/* Margen superior */
margin-top: 40px;
}

/* Esto es necesario para que el texto de e-lur 2013 no suba para arriba */
#espacio2{
/* Modo de presentacion */
display: block;
/* Flota o se situa a la izquierda */
float: left;
/* Ancho del bloque */
width: 1024px;
}

/* Seccion e-lur 2013 */
#fin{
/* Modo de presentacion */
display: block;
/* Flota o se situa a la derecha */
float: right;
/* Margen superior */
margin-top: 30px;
/* Margen derecho */
margin-right: 20px;
}



/* *** TEXTOS *** */
/* Texto del titulo */
.textos1{
/* Tipo de letra */
font-family: 'Lato';
/* Tamaño del texto */
font-size: 34px;
/* Altura de la linea (% respecto a la altura del texto) */
line-height: 1;
/* Margen superior */
margin-top: 40px;
/* Margen izquierdo */
margin-left: 34px;
/* Margen derecho */
margin-right: 34px;
/* Centramos el texto */
text-align: center;
/* Sombra */
text-shadow:#707070 0px 1px 2px;
}

/* Texto titulo 2 */
.textos2{
/* Tipo de letra */
font-family: 'Lato';
/* Tamaño del texto */
font-size: 22px;
/* Altura de la linea (% respecto a la altura del texto) */
line-height: 1.2;
/* Margen desde arriba */
margin-top: 10px;
/* Centramos el texto */
text-align: center;
/* Color del texto */
color: #989898;
}

/* Texto titulo3 */
.textos3{
/* Tipo de letra */
font-family: 'Lato_Bold';
/* Tamaño del texto */
font-size: 18px;
/* Altura de la linea (% respecto a la altura del texto) */
line-height: 1.2;
/* Margen superior */
margin-top: 30px;
/* Maregn izquierdo */
margin-left: 34px;
}

/* Texto parrafos */
.textos4{
/* Anchura del bloque */
width: 956px;
/* Tipo de letra */
font-family: 'Lato';
/* Tamaño del texto */
font-size: 18px;
/* Altura de la linea (% respecto a la altura del texto) */
line-height: 1.2;
/* Alineacion del texto */
text-align: justify;
/* Margen inferior */
margin-bottom: 10px;
/* Margen izquierdo */
margin-left: 34px;
}

/* Texto titulo4 seccion izquierda */
.textos5{
/* Tipo de letra */
font-family: 'Lato_Bold';
/* Tamaño del texto */
font-size: 22px;
/* Altura de la linea (% respecto a la altura del texto) */
line-height: 1.2;
/* Margen superior */
margin-top: 30px;
/* Margen izquierdo */
margin-left: 34px;
}

/* Textos parrafos seccion izquierda */
.textos6{
/* Anchura del bloque */
width: 478px;
/* Tipo de letra */
font-family: 'Lato';
/* Tamaño del texto */
font-size: 18px;
/* Altura de la linea (% respecto a la altura del texto) */
line-height: 1.2;
/* Alineacion del texto */
text-align: justify;
/* Margen superior */
margin-top: 15px;
/* Margen inferior */
margin-bottom: 10px;
/* Margen izquierdo */
margin-left: 34px;
}

/* Texto e-lur 2013 abajo a la derecha en paginas */
.textos7{
/* Tamaño del texto */
font-size: 11px;
/* Altura de la linea (% respecto a la altura del texto) */
line-height: 1;
/* Color del texto */
color: #000000;
}

/* Texto lugar y fecha en pagina 8 (terminos legales) */
.textos8{
/* Tipo de letra */
font-family: 'Lato';
/* Tamaño del texto */
font-size: 18px;
/* Altura de la linea (% respecto a la altura del texto) */
line-height: 1.2;
/* Alineacion del texto */
text-align: right;
/* Margen inferior */
margin-bottom: 45px;
/* Margen izquierdo */
margin-right: 34px;
}



/* *** IMAGENES *** */
/* Imagen superior izquierda */
.imagen1 {
/* Margen superior */
margin-top: 10px;
/* Margen izquierdo */
margin-left: 220px;
}

/* Imagen superior central */
.imagen2 {
/* Margen superior */
margin-top: 15px;
/* Margen izquierdo */
margin-left: 130px;
}

/* Imagen superior derecha */
.imagen3 {
/* Margen superior */
margin-top: 29px;
/* Margen izquierdo */
margin-left: 130px;
}

/* Imagen paneles termosolares */
.imagen4 {
/* Flota o se situa a la derecha */
float: right;
/* Margen superior */
Margin-top: -40px;
/* Margen izquierdo */
margin-left: 1px;
}

/* Imagen caserio seccion izquierda */
.imagen5 {
/* Flota o se situa a la izquierda */
float: left;
/* Margen superior */
Margin-right: 15px;
/* Margen izquierdo */
margin-left: 0px;
}

/* Imagen caldera antigua seccion derecha */
.imagen6 {
/* Flota o se situa a la izquierda */
float: left;
/* Margen superior */
Margin-top: 85px;
/* Margen izquierdo */
margin-left: 145px;
}

/* Imagen deposito seccion derecha */
.imagen7 {
/* Flota o se situa a la izquierda */
float: left;
/* Margen superior */
Margin-top: 45px;
/* Margen izquierdo */
margin-left: 35px;
}

/* Imagen panel mandos seccion derecha */
.imagen8 {
/* Flota o se situa a la izquierda */
float: left;
/* Margen superior */
Margin-top: 110px;
/* Margen izquierdo */
margin-left: 40px;
/* Margen inferior */
margin-bottom: 55px;
/* Margen derecho */
margin-right: 35px;
}

/* Imagen instalacion tejado seccion derecha */
.imagen9 {
/* Flota o se situa a la izquierda */
float: left;
/* Margen superior */
Margin-top: 45px;
/* Margen izquierdo */
margin-left: 145px;
}

/* Logotipo inferior derecho */
.logo {
/* Modo de presentacion */
display: block;
/* Flota o se situa a la derecha */
float: right;
/* Margen izquierdo */
margin-right: 15px;

}