@charset "utf-8";
/*
Master style sheet; Asja
Output: Screen
Author: Sergionoriega.com
August 2009
--------------------------------------*/

img {
border: none;
}
body {
margin: 0;
text-align: center;
font: 75% Arial, Helvetica, Verdana, sans-serif;
line-height: 1.66em;
color: #000;
background: #fff url(../img/bg.gif) top repeat-x;
}
html>body {font-size: 12px;}
#caja {
width: 875px;
margin: 0 auto;
text-align: left;
}
a {
text-decoration: none;
color: #2a4;
}
a:hover {
color: #999;
}

/* Tipográficos
----------------------------------------------------------------------*/
h1 {
float: left;
margin: 0;
padding: 0;
width: 146px;
text-indent: -5000px;
}
h1 a {
display: block;
margin: 75px 0 0 0;
height: 55px !important;
background: url(../img/logo.gif) no-repeat;
border: none;
}
h2 {
float: right;
width: 185px;
height: 19px !important;
margin: 25px 15px 10px 0;
overflow: hidden;
text-indent: -5000px;
}
h3 {
font-size: 1.333em;
font-weight: normal;
margin-bottom: 1em;
color: #182;
}
h4 {
font-size: 1em;
margin: 0;
color: #232;
}
p {
font-size: 1em;
margin: 0 0 1.66em 0;
}
ul {
list-style: none;
margin: 0 0 1.66em 0;
padding: 0;
}
ol {
list-style-type: decimal;
color: #555;
padding-left: 25px;
margin-left: 25px;
}
ul, li, ol {
text-align: left;
}
#textos ol li {
background: none;
padding-left: 5px;
}

/* Heading
----------------------------------------------------------------------*/
#heading {
width: 100%;
}
.logoprint {
display: none;
}
.skip a, .skip a:hover, .skip a:visited {
position: absolute;
left: 0px;
top: -500px;
width: 1px;
height: 1px;
overflow: hidden;
visibility: hidden;
}
.skip a:active, .skip a:focus {
position: static;
width: auto;
height: auto;
}

/* CSS navigation */
#nav {
width: auto;
float: right;
margin-right: 15px;
}
.submenu{
overflow: hidden;
}
.submenu ul {
margin: 0;
padding: 0;
float: left;
width: auto;
}
.submenu ul li {
display: inline;
}
.submenu ul li a {
float: left;
color: #777;
width: 95px;
padding: 8px 0 5px 5px;
}
.submenu ul li.actual a,
.submenu ul li.actual a:hover {
background: #f9f9f9;
}
.active {
color: #555;
background: #e5e5e5;
}
.submenu ul li a:hover {
color: #555;
background: #e5e5e5;
}

/* Sub level menus*/
#sub1 {margin-left: 100px;}
#sub2 {margin-left: 200px;}
#sub3 {margin-left: 300px;}
#sub4 {margin-left: 400px;}

.submenu ul li ul {
position: fixed;
z-index: 100;
left: 0;
top: 0;
width: auto;
background: none;
visibility: hidden;
}
.submenu ul li ul li ul {
position: absolute;
z-index: 200;
left: 0;
top: 0;
width: auto;
background: none;
}

/* Sub level menu links style */
.submenu ul li ul li a {
width: auto;
padding: 2px 7px;
color: #888;
margin: 0;
border-bottom: 2px solid #d1d1d1;
}
.submenu ul li ul li a:hover,
.submenu ul li.actual ul li a:hover { /*sub menu links' background color onMouseover */
color: #656565;
background: #f0f0f0;
}

/* Sub-sub level menu links style */
.submenu ul li ul li ul li a {
width: auto;
padding: 4px 7px;
color: #999;
margin: 0;
background: none;
border-bottom: 2px solid #d1d1d1;
}
.submenu ul li ul li ul li a:hover,
.submenu ul li.actual ul li ul li a:hover { /*sub menu links' background color onMouseover */
color: #229944;
background: #f8f8f8;
}
.submenu ul li.actual ul li a,
.submenu ul li.actual ul li ul li a  {
background: none;
}
/* Ends CSS navigation */

#lang {
float: right;
margin-top: 5px;
}
#lang select {
width: 125px;
font: normal .916em Verdana, Arial, sans-serif;
padding: 2px 0 3px 2px;
color: #492;
}
/* Contents
----------------------------------------------------------------------*/
#cont {
width: 875px;
float: left;
margin-top: 25px;
}
#titulares {
width: 100%;
min-height:327px;
height:auto !important;
height:327px;
}
#entrada {
width: 650px;
float: left;
}
#modulo {
float: right;
width: 200px;
}
#modulo h3 {
margin-bottom: .2em;
}
#modulo p {
margin-bottom: 0;
}
#modulo strong {
font-weight: normal;
color: #666;
}
#subnav {
width: 180px;
clear: right;
float: right;
margin-right: 20px;
padding-top: 5px;
border-top: 1px solid #bbb;
}
#subnav a {
color: #666;
}
#subnav a:hover {
color: #333;
}
#subnav ul {
margin-bottom: 1em;
}
#subnav ul li {
margin-bottom: 3px;
}
#subnav ul ul {
margin-bottom: 0;
}
#subnav ul ul a {
color: #888;
}
#subnav ul ul a:hover {
color: #555;
}
#subnav ul ul li {
padding-left: 17px;
margin-bottom: 0;
}
#subnav ul li.actual a {
color: #999;
}
#subnav ul ul li.actual {
background: url(../img/bullet-subnav.gif)  5px 50% no-repeat;
}
.cerrado {
display: none;
visibility: hidden;
}
.abierto {
display: block;
visibility: visible;
}
#leyenda {
clear: both;
width: 505px;
float: right;
font-style: italic;
text-align: right;
line-height: 1em;
color: #787;
margin: 0 270px 15px 0;
}
#leyenda p {
margin-bottom: 0;
}
#textos {
width: 525px;
float: left;
margin: 0 0 0 100px;
padding-bottom: 5px;
display: inline;
}
#textos h3 {
font-weight: bold;
}
#textos ul {
width: 400px;
color: #666;
margin-left: 25px;
}
#textos li {
background: url(../img/bullet.gif) left .5em no-repeat;
padding-left: 12px;
}
#textos .pais-contacto {
color: #676;
margin-right: 5px;
font-style: italic;
}
#aux, #like-box {
width: 200px;
float: right;
clear: right;
}
#like-box {
margin: 1.5em 0 1em 0;
}
#aux h3 {
color: #787;
}
#aux li {
background: url(../img/bullet.gif) left .3em no-repeat;
padding: 0 0 9px 12px;
line-height: 1.3em;
}
#aux em {
margin-left: 8px;
color: #777;
font-style: normal;
}
.banners {
clear: right;
width: 200px;
float: right;
margin-bottom: 1.5em;
}
#mapa-piccolo {
width: 200px;
float: right;
}
#mapa-piccolo img {
margin: .25em 0;
}
#mapa-piccolo p a {
background: url(../img/bullet-plus.gif) right .1em no-repeat;
padding-right: 17px;
}
.bullet {
clear: both;
background: url(../img/bullet-gris.gif) left 45% no-repeat;
padding-left: 11px;
margin-top: 0;
}

/* Stampa
----------------------------------------------------------------------*/

.databox {
width: 550px;
padding-bottom: 2em;
margin-bottom: 2em;
}
.stampabox {
width: 550px;
padding-bottom: 2em;
}
.registro {
margin-bottom: 0;
}
#login {
border-bottom: 2px solid #ddd;
}
.databox h4, .stampabox h4 {
font-size: 1.166em;
font-weight: normal;
color: #666;
}
.stampabox h4 {
color: #444;
}
.databox h5 {
font-size: 1.33em;
font-weight: normal;
margin: 0 0 1.5em 0;
color: #232;
}
.stampabox em {
font-style: normal;
color: #888;
}
.login-txt, .datos-txt {
display: block;
color: #022;
background-color: #fafafa;
border: 1px solid #bbb;
margin: 1px 0 .5em 0;
}
.login-txt {
width : 225px;
}
.datos-txt {
width: 327px;
}
.checkbox {
margin: 0 5px 0 0;
vertical-align: middle;
}
.checklegend, checklegend-bot {
color: #555;
}
.checklegend-bot {
margin-bottom: .5em;
}
.button {
padding: 0 1px;
margin: .5em 0 0 0;
border: 1px solid #900; 
background: #b00;
color: #fff;
cursor: pointer;
}
.listampa {
margin: .75em 0 0 0;
}
.listampa li {
margin-bottom: .5em;
}
.mandatory {
margin-bottom: 0;
color: #555;
}
#privacy #caja, #privacy #heading,
#privacy #cont, #privacy #footer {
width: 690px;
}
#privacy #textos {
margin-top: 3em;
}
.welcome {
font-size: 1.166em;
font-weight: normal;
margin: 0 0 1.5em 0;
color: #555;
}
.externo, .pdf {
clear: both;
padding: 5px 0 0 21px;
border-top: 1px dotted #ded;
}
.externo {
background: url(../img/ico-externo.gif) left 10px no-repeat;
}
.pdf {
background: url(../img/ico-pdf.gif) 1px 11px no-repeat;
}

/* Rassegna Stampa
----------------------------------------------------------------------*/
#text-rassegna {
font-family: Verdana, Arial, sans-serif;
}
#text-rassegna h4 {
font-size: 1em;
font-weight: normal;
}
#text-rassegna h4 em {
color: #888;
}
#text-rassegna p {
font-size: .916em;
color: #666;
}
#text-rassegna h4, #text-rassegna p {
line-height: 1.3em;
margin: 0;
}
#text-rassegna .pdf, #text-rassegna .externo {
display: none;
}
#text-rassegna .noticias {
padding: 7px 0;
margin: 0;
border: none;
}

/* Footer
----------------------------------------------------------------------*/
#footer {
clear: both;
width: 100%;
padding: 17px 0 0 0;
color: #898;
border-top: 1px solid #ddd;
}
#footer p {
float: left;
padding-top: 3px;
}
#footer .clean-energy {
float: right;
padding: 3px 80px 15px 0;
background: url(../img/logo-clean-energy.gif) top right no-repeat;
}

/* Glosario
----------------------------------------------------------------------*/

#textos ul#glosario,
#textos ul#links,
#textos ul#eventi,
#textos #rassegna,
#textos ul#faqs {
width: 525px;
margin-left: 0;
}
#textos ul#glosario h4,
#textos ul#links h4,
#textos ul#eventi h4,
#textos #rassegna h4,
#textos ul#faqs h4,
#galeria #textos h4 {
color: #232;
}
#textos ul#glosario li,
#textos ul#links li,
#textos ul#eventi li,
#textos ul#faqs li {
color: #555;
margin-bottom: 1.5em;
}
#textos ul#links li {
font-size: .916em;
background: url(../img/bullet-vde.gif) left .5em no-repeat;
margin-bottom: 1em;
}
#textos ul#links li img {
float: left;
margin: 0 10px 0 0;
}
#textos ul#links li p {
float: left;
margin-top: 15px;
}
#textos ul#faqs li ul li {
background: url(../img/bullet-verde.gif) left .5em no-repeat;
padding-left: 10px;
}
#textos ul#links a {
font-size: 1.166em;
}
#textos ul#faq-list {
width: 100%;
margin: 0 0 25px 0;
padding-bottom: 25px;
border-bottom: 1px solid #e8e9e8;
}
#textos ul#faq-list li {
margin-bottom: 0;
background: url(../img/bullet-gris.gif) left .5em no-repeat;
}
#textos ul#faq-list li a {
color: #373;
}
#textos ul#faq-list li a:hover {
color: #888;
}
.contatto {
display: block;
line-height: 1.2em;
margin: 5px 10px 1em 0;
}
.contatto a {
color: #060;
}
.contatto img {
float: left;
margin: 2px 8px 0 0;
}
#info-area .contatto {
margin-bottom: 2em;
}

/* Noticias
----------------------------------------------------------------------*/
.noticias {
float: left;
width: 100%;
margin-bottom: 1.5em;
padding-bottom: 1em;
border-bottom: 1px dotted #ccc;
}
.noticias h4 {
font-size: 1.333em;
color: #222;
margin-bottom: 1em;
}
.noticias h4 em {
margin-right: 8px;
}
.noticias img, #nota img {
float: left;
}
.noticias img {
margin: .5em 25px 1em 0;
}
#nota img {
margin: .5em 25px .5em 0;
}
.noticias em, #nota em {
font-style: normal;
font-size: .916em;
color: #686;
}
.noticias em {
margin-bottom: .25em;
}
#nota h4 {
font-weight: normal;
font-size: 1.66em;
margin-bottom: .5em;
padding-bottom: .5em;
border-bottom: 1px solid #e8e9e8;
color: #898;
}
#nota em {
margin-bottom: .5em;
}
.paginacion {
width: 100%;
text-align: center;
color: #454;
font-weight: bold;
letter-spacing: .2em;
}
.paginacion a {
font-weight: normal;
}
#highlighted #textos .fecha {
color: #999;
}
#highlighted #textos img {
float: left;
margin: 0 25px 25px 0;
}

/* Galeria
----------------------------------------------------------------------*/
.carpeta {
width: 555px;
float: left;
padding-bottom: 2em;
}
.carpeta h4 {
clear: both;
margin-bottom: .5em;
}
.carpeta p {
margin: .5em 0 1em 0;
color: #444;
}
.renglon {
clear: both;
margin-top: .5em;
}
.fotogal {
width: 160px;
line-height: 1.5em;
float: left;
margin: 0 25px 0 0;
}
#galeria #heading {
overflow: hidden;
background: url(../img/ima-info-b.jpg) center bottom no-repeat;
}
.mas-galeria {
clear: both;
font-size: .916em;
float: left;
padding-left: 10px;
background: url(../img/bullet.gif) left .5em no-repeat;
}
#paginacion {
width: 525px;
float: left;
text-align: center;
color: #444;
}

/* Questionario
----------------------------------------------------------------------*/
#questionario #caja, #questionario #heading,
#questionario #cont, #questionario #footer {
width: 690px;
}
#questionario #textos {
margin-top: 3em;
margin-left: 45px;
width: 600px;
}
#questions .datos-txt {
width: 600px;
}
#questions #col-izq, #questions #col-der {
width: 285px;
float: left;
}
#questions #col-der {
margin-left: 30px;
}
#questions #col-izq .datos-txt, #questions #col-der .datos-txt {
width: 285px;
}
#questions label {
display: block;
}
#questions #data {
width: 600px;
float: left;
margin: 1.5em 0;
padding-top: .2em;
border-top: 1px solid #ccc;
}
#questions #data label {
margin-top: 1.3em;
}
#questions .pie {
float: left;
display: block;
width: 572px;
font-size: .916em;
color: #555;
padding: 4px;
margin: 0 0 1em 10px;
background: #f4f8f4;
border: 1px solid #cdc;
}
#questionario .button {
margin: 1em 0;
}
#questionario .ico-envio {
float: left;
margin: 3px 10px 2px 0;
}
#questionario .close {
margin-top: 50px;
padding-left: 23px;
background: url(../img/ico-close.gif) left center no-repeat;
}
#questionario .back {
margin-top: 50px;
padding-left: 23px;
background: url(../img/ico-back.gif) left center no-repeat;
}