@charset "UTF-8";
/* CSS de Initzia Renovables */
/* Hoja de estilos para las Secundarias */


/* Imports
------------------------------------------------------------------------------------------------------------------------ */
@import 'reset.css';
@import 'general.css';


/* Cabecera
------------------------------------------------------------------------------------------------------------------------ */
#cabecera #contacto a.contacto{ color: #91C73F;}


/* Navegacion y Banner
------------------------------------------------------------------------------------------------------------------------ */
#nav #menu_principal{ padding-bottom: 143px; margin-left: 20px; width: 249px; background: transparent url(../images/banda_bajo_nav.gif) left bottom no-repeat;}
#nav #photodiv{ width: 974px; height: 140px;}
	ul#menu { margin-top: -140px; margin-left: 0;}
	
	
/* Contenido
------------------------------------------------------------------------------------------------------------------------ */
#contenido{ margin-top: -152px; height: 100%;}
#contenido h2{ color: #91C73F;}
#contenido h3{ float:left; width:610px; font-size: 2.5em; font-weight: normal; padding-bottom: 8px; margin-bottom: 7px; margin-top: 30px; color: #91C73F; background: transparent url(../images/linea_h2.gif) bottom left no-repeat;}
#contenido dl.separados{ float: left; background-color: #FFF;}
#contenido dl.separados dt{ background-color: #EDEDED;}
#contenido dl.separados dd{ padding-bottom: 16px; margin-bottom: 20px; background-color: #EDEDED;}

#contenido .paneles{ float: left; width: 300px;}
#contenido .paneles.colder{ padding-left: 10px;}
#contenido .paneles h3{ width: 300px;}
#contenido .paneles dd{ padding-top: 8px;}
#contenido .paneles dd.padbot{ padding-bottom: 14px;}
#contenido .paneles.termica dd{ padding-top: 0;}
#contenido .espaciotop { float: left; padding-top: 16px;}

#contenido #fotoleft { float: left; width: 400px;}
#contenido ul.fotouno{ background: transparent url(../images/pastilla_fotovoltaica_fondo.gif) left top no-repeat; float: right; width: 192px; padding: 0; margin-top: 10px;}
#contenido ul.fotouno li{ background-image: none; padding: 0;}
#contenido ul.fotouno li img{ float: left; padding: 9px 0 0 8px;}
#contenido ul.fotouno li h3{ float: left; width: auto; padding: 0 0 0 8px; margin: 8px 0 4px 2px; background: transparent url(../images/raquo_fotovoltaica.gif) left top no-repeat; font-size: 1em;}
#contenido ul.fotouno li h3 a{ font-weight: bold;}
#contenido ul.fotouno li a.pdf{ float: left; height: 31px; display: block; margin: 8px 0 0 8px; padding: 2px 0 8px 20px; font-size: .75em; line-height: 1em; font-weight: normal; text-decoration: none; color: #333; background: transparent url(../images/bajar_pdf.gif) left top no-repeat;}
#contenido ul.fotouno li a.pdf:hover{ text-decoration: underline; background-position: 0 -50px;}

#contenido #solodos{ float: left; padding: 20px 90px 0 0;}
#contenido #solodos ul{ margin-left: 22px;}

#contenido p.fotovoltaica{ float: left;}
#contenido ul#cajasfoto { float: left; width: 610px; margin-top: 16px;}
#contenido ul#cajasfoto li{ float: left; display: block; width: 290px; background-image: none; padding: 3px 2px 4px 8px; background-color: #EDEDED; margin-bottom: 15px;}
#contenido ul#cajasfoto li.derecha{ margin-left: 10px;}
#contenido ul#cajasfoto li img{ float: left; padding: 5px; background: transparent url(../images/pastillas_general_marcofotos.gif) left top no-repeat;}
#contenido ul#cajasfoto li h3{ float: left; width: 158px; font-size: 1em; line-height: 1.2em; font-weight: bold; color: #003E7E; padding: 6px 0 0 6px; margin: 0; background: none;}
#contenido ul#cajasfoto li p{ float: left; width: 178px; font-size: .937em; font-weight: normal; color: #333; padding: 2px 0 0 6px; margin: 0;}


/* Contacto
------------------------------------------------------------------------------------------------------------------------ */
#contenido div.mapa{ float: left; display:block; margin-top: 10px;}
#contenido .vcard{ float: left; font-size: 1.4em; margin: 6px 0 0 14px;}
#contenido .vcard .org{ font-size: 1.2em; color: #003E7E;}
#contenido .vcard a{ color: #333; text-decoration: none;}
#contenido .vcard a:hover{ text-decoration: underline;}
#contenido #formcontacta{ float: left; width: 594px; height: 156px; margin: 8px 0 0 8px; background: transparent url(../images/contacto_fondo_formulario.gif) top left no-repeat;}
#contenido #formcontacta #formizquierda{ float: left; width: 274px; margin-left: 10px;}
#contenido #formcontacta #formderecha{ float: left; width: 282px; margin-left: 22px;}
#contenido #formcontacta p{ float: left; width: 250px;}
#contenido #formcontacta p span{ font-size: .8em; color: #003E7E;}
#contenido #formcontacta input, #contenido #formcontacta textarea, #contenido #formcontacta select{ width: 274px;}
#contenido #formcontacta textarea{ height: 66px;}
	#contenido #formcontacta input.boton{ float:right; width: 110px; margin: 12px 0 0 0; padding: 0 0 8px 0; background: transparent url(../images/contacto_boton_enviar.gif) no-repeat; font-size: 1.8em; font-weight: bold; border:0; color: #FFF;}
	* html #contenido #formcontacta input.boton{ padding: 0 0 2px 0;} /* Hack IE6*/
	*+html #contenido #formcontacta input.boton{ padding: 0 0 3px 0;} /* Hack IE7*/
	#contenido #formcontacta input.boton:hover{ background-position: 0 -32px;}


/* Panel informativo (faq´s)
------------------------------------------------------------------------------------------------------------------------ */
#contenido h3.faqs { float: left; font-size: 2.2em; font-weight: bold; color: #FFF; height: 31px; width: 602px; padding: 1px 0 0 8px; margin: 10px 0 0 0; background: #5A90DB url(../images/faqs_titulo_banda.gif) top left no-repeat;}
#contenido h3.faqs span{ font-size: .774em; font-weight: normal;}
#contenido ol#faqs{ float: left; width: 610px; background: #dfeaf8 url(../images/faqs_degrade_fondo.gif) left top no-repeat; padding-bottom: 30px; margin-bottom: 20px;}
#contenido ol#faqs li{ float: left; width: 610px; background: none;}
#contenido ol#faqs li dl{ float: left; width: 594px; background: none; padding: 0 8px; margin: 8px 0 0 0;}
#contenido ol#faqs li dl dt{ float: left; width: 586px; padding: 0 0 0 8px; font-size: 1.4em; font-weight: normal; background: transparent url(../images/raquo_faqs.gif) top left no-repeat; cursor:pointer;}
#contenido ol#faqs li dl dt:hover{ color: #000;}
#contenido ol#faqs li dl dt span{ text-decoration: underline;}
#contenido ol#faqs li dl dd{ float: left; width: 586px; font-size: 1.4em; padding: 0 0 2px 8px;}
#contenido ol#faqs li dl dd a{ color: #00A9E1;}
#contenido ol#faqs li dl dd a:hover{ color: #000;}
#contenido ol#faqs li dl dd p{ font-size: 1em; padding-top: 0;}
#contenido ol#faqs li dl dd ul{ float: left; width: 580px; font-size: 1em; font-weight: normal; margin: 0; padding: 4px 0 0 0; color: #333; }
#contenido ol#faqs li dl dd ul li{ float: left; line-height: 1.1em; width: auto; padding-bottom: 4px;}
#contenido p.marcolegal{ float: left; padding-top: 8px;}
#contenido dl#marco{ float: left; width: 610px; background: none;}
#contenido dl#marco dt{ font-size: 1.8em; padding-left: 0; padding-right: 0;}
#contenido dl#marco dt.segundo{ font-size: 1.5em; padding-top: 4px; padding-bottom: 6px; color:#333;}
#contenido dl#marco dd{ padding-left: 0; padding-right: 0; padding-bottom: 6px;}
#contenido div#descarga { float: left; width: 610px; background-color: #EDEDED; padding-bottom: 10px;}
#contenido div#descarga p{ float: left; font-size: 1.8em; font-weight: bold; color: #003E7E; width: 580px; padding: 0 0 0 20px; margin: 10px 10px 2px 10px; background: transparent url(../images/ico_pdf.gif) center left no-repeat;}
#contenido div#descarga ul{ float: left; width: 580px; padding: 0; margin: 0 10px 10px 10px;}
#contenido div#descarga ul li{ float: left; font-size: .814em; font-weight: normal; padding-bottom: 4px; background: transparent url(../images/raquo_faqs.gif) top left no-repeat;}
#contenido div#descarga ul li a{ color: #333;}
#contenido div#descarga ul li a:hover{ color: #00A9E1;}


/* Lateral
------------------------------------------------------------------------------------------------------------------------ */
#lateral { padding: 31px 0 60px 12px;}

#lateral #foto{ float: left; width: 252px; height: 114px; margin: 0 0 40px 7px; background: transparent url(../images/banner_panelinformativo_fondo.gif) left top no-repeat;}
#lateral #foto img{ float: left; padding: 21px 0 0 10px;}
#lateral #foto h4{ float: left; width: 120px; font-size: 1.6em; font-weight: bold; padding: 0 0 0 8px; margin: 16px 0 0 10px; background: transparent url(../images/raquo_fotovoltaica.gif) left top no-repeat;}
#lateral #foto h4 a{ font-weight: bold;}
#lateral #foto a.pdf{ float: left; height: 31px; width: 112px; display: block; margin: 8px 0 0 10px; padding: 0 0 8px 20px; font-size: 1.2em; line-height: 1.1em; font-weight: normal; text-decoration: none; color: #333; background: transparent url(../images/bajar_pdf.gif) left top no-repeat;}
#lateral #foto a.pdf:hover{ text-decoration: underline; background-position: 0 -50px;}

#lateral #links{ float: left; margin: 0 0 40px 8px;}
#lateral #links h4{ float: left; width: 240px; height: 32px; padding: 2px 0 0 10px; font-size: 2.2em; font-weight: bold; color: #FFF; background: transparent url(../images/linksinteres_titulo_banda.gif) top left no-repeat;}
#lateral #links dl{ float: left; width: 240px; padding: 2px 0 14px 10px; background-color: #EDEDED;}
#lateral #links dl dt{ font-size: 1.8em; font-weight: bold; color: #003E7E; padding-top: 2px;}
#lateral #links dl dd { padding-bottom: 4px;}
#lateral #links dl dd.ultimo{ padding-bottom: 10px;}
#lateral #links dl dd a{ padding: 0 4px 0 8px; display: block; font-size: 1.3em; line-height: 1.3em; color: #333; background: transparent url(../images/raquo_faqs.gif) top left no-repeat;}
#lateral #links dl dd a:hover{ color: #00A9E1;}


/* ERVE
------------------------------------------------------------------------------------------------------------------------ */
#contenido .erve{ float: left; width: 610px; background: #dfeaf8 url(../images/faqs_degrade_fondo.gif) left center no-repeat; padding-bottom: 20px; margin-bottom: 20px;}
#contenido .erve p{ float: left; width: 182px; font-size: 1.7em; line-height: 1.2em; color: #333; padding: 10px 0 0 16px;}
#contenido .erve img{ float: right; padding: 2px; border: 1px solid #CCC; margin: 10px 16px 10px 0; background-color: #EDEDED;}

#contenido .erve a{ float: right; clear: both; margin-right: 220px; height: 31px; width: 150px; padding: 2px 0 0 24px; font-size: 1.2em; line-height: 1em; text-decoration: none; color: #333; background: transparent url(../images/bajar_pdf.gif) left top no-repeat;}
#contenido .erve a:hover{ text-decoration: underline; background-position: 0 -50px;}

#contenido p.getpos{ float: left; display: block;}

#unique { margin-top: 40px;}