/* CSS Document */

/*** HACKS PARA IE ***/
        /* Si tienes la necesidad de aplicar algún hack para IE6 utiliza este selector: */
        *html {
        }
        /* Si necesitas aplicarlo a IE7 utiliza este:*/
        *:first-child+html {
        }
/*** NEUTRALIZANDO ESTILOS:
                elementos que queremos limpiar completamente: ***/
        * {
                margin: 0;
                padding: 0;
                border: none;
        }
        html {
                font: 72% "Lucida Grande", Lucida, Verdana, sans-serif;
                text-shadow: #000 0px 0px 0px;/*Elimina el efecto bold en Safari*/
        }
/*** NEUTRALIZANDO ESTILOS:
                elementos con margen vertical: ***/
        h1, h2, h3, h4, h5, h6, p, pre,
        blockquote, ul, ol, dl, address {
                font-weight: normal;
                margin: 0 0 1em 0;
        }
/*** Algunos ajustes basicos: ***/
        sup {
                position: relative;
                bottom: 0.3em;
                vertical-align: baseline;
        }
        sub {
                position: relative;
                bottom: -0.2em;
                vertical-align: baseline;
        }
        li, dd, blockquote {
                margin-left: 1em;
        }
/*** LINKS:
                recuerda utilizar siempre la regla del LoVe-HAte ***/
                a, a:link, a:visited, a:hover, a:active {
                /*
                Si quisieramos eliminar la línea de puntos que aparece al pulsar un enlace, aplicaríamos la siguiente propiedad:
                outline: 0;
                Sin embargo no se recomienda, por temas de accesibilidad para navegación con teclado (lo cual implica temas legales, un tema peliagudo).
                */
                /*text-decoration: none;*/
        }
        a img {
                border: none;
                text-decoration: none;
        }
        img {
                border: none;
                text-decoration: none;
                /*Si añades un background aparecerá como fondo de la imagen, útil para imágenes de carga*/
        }
/*** FORMULARIOS: ***/
        label, button {
        cursor:pointer;
        }
        input, select, textarea {
                font-size: 100%;
        }
        input:focus, select:focus, textarea:focus {
                background-color: #FFF;
        }
        fieldset {
                border: none;
        }
/*** Algunas clases útiles: ***/
        .clear {
                clear: both;
        }
        .float-left {
                float: left;
        }
        .float-right {
                float: right;
        }
        .helvetica {
                font-family: Arial, Helvetica, Geneva, sans-serif;
        }
		
/*ESTILOS*/

body{
	background-color:#666666;
	margin-top: 40px;
	margin-bottom:40px;
}

#contenedor{
	width: 722px;
	margin-left:auto;
	margin-right:auto;
}

#contenedor #arriba{
	background-image: url(../images/top.gif);
	background-repeat: no-repeat;
	height:21px;
}

#contenedor #medio{
	background-color:#FFF;
}

#contenedor #medio #cabecera{
	padding-top:20px;
}

#contenedor #medio #imagen{
	height:37px;
	padding-top:78px;
	padding-right: 10px;
	text-align:right;
	color:#FFFFFF;
	font-weight:bold;
	font-style:italic;
	font-size:20px;
	font-family:"Trebuchet MS", Verdana;
	clear:both;

	line-height:14px;
}

#contenedor #medio #imagen .ciudades{
	font-size:10px;
	color: #FCDE0A;
	font-weight:bold;
}

#index #imagen{
	background-image:url(../images/fondo.jpg);
}

#energiasolar #imagen{
	background-image:url(../images/fondo3.jpg);
}

#particulares #imagen{
	background-image:url(../images/fondo2.jpg);
}

#empresas #imagen{
	background-image:url(../images/fondo6.jpg);
}

#contactopagina #imagen{
	background-image:url(../images/fondo5.jpg);
}

#enlaces #imagen{
	background-image:url(../images/fondo7.jpg);
}

#biomasa #imagen{
	background-image:url(../images/fondo8.jpg);
}
#infogeneral #imagen {
	background-image:url(../images/fondo4.jpg);	
}

#cabecera h1{
	margin-left:20px;
	float:left;
}

#cabecera h2{
	float:right;
	text-align:right;
	margin-right:20px;
	font-size:0.9em;
}

#contenedor #medio #menu{
	height:43px;
	
	background-image: url(../images/menu.gif);
	background-repeat:  repeat-x;
	text-align:center;
	color:#017F01;
	font-size:1em;
}

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

#menu ul li{
	display:inline;
	height:43px;
	margin:0;
	padding:0;
}

#menu ul li a{
	text-decoration:none;
	color:#017F01;
	line-height:43px;
	padding-left:14px;
	padding-right:14px;
	padding-bottom:14px;
	padding-top:14px;
	margin:0;
	margin-left:-5px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #669900;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #669900;
}

#menu ul li a:hover{
	background-color:#017F01;
	color:#FCDE0A;
}

#menu ul li a.sele{
	background-image: url(../images/fondo-menu.gif);
	background-repeat: no-repeat;
	background-position: center 33px;	
}

#contenedor #medio #contenido{
			
	min-height:350px;
	padding:20px;
	text-align:justify;
}

#contenedor #medio #pie{
	text-align:center;
	clear:both;
	color:#666;
}

#contenedor #abajo{
	background-image: url(../images/bottom.gif);
	background-repeat: no-repeat;
	height:21px;
}

a{
	color:#000000;
	text-decoration:underline;
}

a:hover{
	color:#336600;
}

h3{
	color: #017F01;
}	

#contenido h4, #contenido h5{
	margin-bottom:1.5em;
	margin-top:2.5em;
}

#contenido h5{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #006600;	
}

#contenido h4{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #006600;
}

#contenido ul{
	margin-left:20px;
}

#contenido ul li{
	margin-top:12px;
	margin-bottom:12px;
}

#contenido p{
	margin-bottom:1.5em;
	margin-top:1.5em;
}

#contenido #lateral{
	width:200px;
	float:right;
	margin-left:30px;
	margin-bottom:20px;
	margin-top:50px;
}

#contenido #lateralojos{
	width:200px;
	float:right;
	margin-left:30px;
	margin-bottom:20px;
	margin-top:150px;
}

#contacto{
	width:300px;
	float:right;
	margin-left:20px;
}

#mapa{
	border: 1px solid #007900;
	width:350px;
}

.lema{
	font-style:italic;
	font-size:18px;
}

.amarillo{
	color:#FF9900;
}

.fotoderecha{
	margin-left:15px;
	float:right;
	border: 1px solid #008000;
	padding:3px;
}
.fotoizquierda{
	margin-right:15px;
	margin-top: 5px;
	float:left;
	border: 1px solid #008000;
	padding:3px;
}
.fotos{
	text-align:center;
}

.fotos img{
	margin-left:25px;	
	margin-right:25px;	
	border: 1px solid #008000;
	padding:3px;
}
#tabla_infogeneral {
	margin: auto;
	padding-top: 50px;
	padding-bottom: 50px;
}
#tabla_infogeneral TH {
	vertical-align: top;
	font-weight: bold;
	text-align: left;
}
#tabla_infogeneral TD, #tabla_infogeneral TH {
	padding-bottom: 20px;
}
#columna_der_calderas {
	width: 20%;
	float: right;
	text-align: center;
}
#columna_izq_calderas{
	width: 80%;
	float: left;
}