html, body { width: 100%; height: 100%; margin: 0; padding: 0; font-family: 'Roboto Condensed', sans-serif; color: #5a5a57; background-color: #fff; }
img { border: 0; }
h1, h2, h3, h4, ul, ol, li, form, fieldset, legend, label, input { margin: 0; padding: 0; font-size: 100%; font-weight: normal; font-style: normal; }
p { margin: 0; padding: 0; margin-bottom: 15px; }
ul { list-style-type: none; }
.clear { clear: both; }
a { color: #5a5a57; text-decoration: none; outline: 0; cursor: pointer; -webkit-transition: color 0.3s ease; -moz-transition: color 0.3s ease; -ms-transition: color 0.3s ease; -o-transition: color 0.3s ease; transition: color 0.3s ease; }
a:hover { text-decoration: none; color: #333; -webkit-transition: color 0.3s ease; -moz-transition: color 0.3s ease; -ms-transition: color 0.3s ease; -o-transition: color 0.3s ease; transition: color 0.3s ease; }
.colore1 { color: #065A62; }
/* FOOTER allineato sempre in fondo */
#wrap { min-height: 100%; max-width: 100%; margin: 0 auto; }
#main { padding-bottom: 200px; }  /* altezza uguale a quella del footer */
/* header **************************************/

.header { position: relative; margin: 0; padding: 0; width: 100%; height: 85px; background-color: #fff; z-index: 99999999999999999999999; }
.header .innerH { position: relative; width: 940px; margin: 0 auto; }
.header .logo { position: absolute; top: 35px; left: 0; display: block; width: 140px; height: 40px; background: url(../img/logo_contigo.jpg) top left no-repeat; }
/* MENU MAIN */

/* Targeting both first and second level menus */
#menu-main { position: absolute; top: 33px; right: 0px; width: 460px; height: 60px; margin: 0; z-index: 900; }
#menu-main li { float: left; position: relative; padding: 0 60px 0 0; margin: 0; font-size: 16px; font-weight: 400; letter-spacing: 0px; line-height: 30px; height: 70px; }
#menu-main li a { text-decoration: none; text-align: center; color: #999; cursor: pointer; }
#menu-main li a:hover { color: #065B63; background: url(/2013/web/layout/img/menu_rollover_ico.png) bottom center no-repeat }
#menu-main li a.selected { color: #065B63; }
#menu-main li.last { padding: 0; margin: 0; }
/* SUBMENU */
#menu-main li ul { position: absolute; top: 52px; left: -105px; width: 220px; display: none; margin: 0; padding: 0; list-style: none; text-align: left; z-index: 999999999; }
#menu-main li ul li { width: auto; line-height: 36px; height: 36px; }
#menu-main li ul li.first { width: 190px; height: 15px; background: url(/2013/web/layout/img/menu_rollover_ico.png) top center no-repeat; }
#menu-main li ul li a { float: left; display: block; width: 220px; height: 30px; padding: 2px 20px; margin: 2px auto 0 auto; color: #fff; white-space: nowrap; font-size: 14px; font-weight: 400; text-align: left; line-height: 30px; background: url(/2013/web/layout/img/patt_trasp.png) repeat 0 0; }
#menu-main li ul li a:hover, #menu-main li ul li a.selected { text-decoration: none; background: #065B63; color: #fff; }
/* SUB-SUBMENU */
#menu-main li ul li ul { position: absolute; top: 0px; left: 100%; width: auto; display: none; margin: 0 0 0 3px; padding: 0; list-style: none; text-align: center; white-space: nowrap; }
#menu-main li ul li ul li { width: auto; }
/* A class of current will be added via jQuery */
#menu-main li.current > a { /*background: #f7f7f7;*/ }
/* CSS fallback */
#menu-main li:hover > ul.child, #menu-main li ul li ul li:hover > ul.child { display: block; visibility: visible; }
#menu-main li:hover > ul.grandchild { display: block; visibility: visible; }
/* CONTENUTI **************************************/


.contenuti { position: relative; display: block; width: 100%; margin: 15px auto 50px auto; background: url(/2013/web/layout/img/pattern_body.jpg) repeat-x top left; }
.contenuti .innerC { position: relative; width: 940px; margin: 0 auto; padding: 40px 0 60px 0; overflow: auto; }
.contenuti .center { position: relative; width: 940px; overflow: hidden; float: left; padding: 0; margin: 0; }
.contenuti .col2.left { position: relative; display: block; width: 470px; float: left; padding: 0; margin: 0; }
.contenuti .col2.right { position: relative; display: block; width: 450px; /*overflow:hidden;*/ min-height: 300px; float: right; margin: 0; }
.contenuti .titoloSezione { font-weight: 700; line-height: 40px; font-size: 16px; font-family: 'Arimo', sans-serif; }
.contenuti .testo-semplice { margin: 0px 0 0 0; font-size: 12px; font-weight: normal; line-height: 18px; text-align: justify; }
.contenuti .testo-semplice .titoloInterno { color: #EE4523; }
.contenuti .testo-semplice a { color: #5a5a57; }
.contenuti .testo-semplice a:hover { color: #202020; }
/* footer **************************************/


.footer { position: relative; width: 100%; height: 200px; margin: 0; padding: 0; background-color: #878883; margin-top: -200px; /* negative value of footer height */ }
.footer .innerF { position: relative; width: 940px; margin: 0 auto; }
.footer .graphic { position: absolute; top: 0; right: 0; width: 496px; height: 96px; background: url(/2013/web/layout/img/footer_graphic.png) no-repeat; }
.footer .indirizzo { position: relative; float: left; font-size: 12px; font-weight: 400; line-height: 22px; margin: 30px 20px 0 0px; color: #fff; width: 300px; }
.footer .credits { position: absolute; top: 160px; left: 0px; width: 53px; height: 15px; zoom: 1; background: url(/2013/web/layout/img/sprite_cromofilla.png) no-repeat; background-position: 0 0; cursor: pointer; margin: 0; padding: 0; }
.footer .credits:hover { background-position: 0 -20px; }
/* MENU BOTTOM */


.footer .bottomMenu { position: absolute; top: 67px; left: 370px; width: 560px; color: #fff; }
.footer .bottomMenu .nav { float: left; width: 250px; margin: 0 10px 0 0; padding: 0 10px 0 0; list-style: none; }
.footer .bottomMenu .nav.first { width: 100px; }
.footer .bottomMenu .nav.last { border: none; padding: 0; margin: 0; width: 100px; }
.footer .bottomMenu ul.nav li { color: #fff; font-size: 12px; font-weight: 400; line-height: 14px; height: 21px; text-decoration: none; text-align: left; display: block; }
/* this is the parent menu */
.footer .bottomMenu ul.nav li a { padding: 0; margin: 0; font-weight: 400; color: #fff; outline: none; }
.footer .bottomMenu ul.nav li a.last { padding: 0 0 0 14px; border: none; }
.footer .bottomMenu ul.nav li a:hover, .footer .bottomMenu ul.nav li a.selected, .footer .bottomMenu ul.nav li.selected { color: #065B63; }
/*  PAGING  */

.paging .totale { clear: both; display: block; margin: 30px; color: #5a5a57; font-size: 12px; font-weight: bold; }
.impaginazione { clear: both; float: right; width: 470px; margin: 20px 0; display: block; font-size: 12px; color: #065A62; font-weight: bold; }
.impaginazione .pagina { display: none; }
.impaginazione a { color: #5a5a57; padding: 0px 2px; font-size: 12px; font-weight: bold; }
.impaginazione a:hover { color: #065A62; }
.impaginazione .current { color: #065A62; padding: 0px 2px; font-size: 12px; font-weight: bold; }
.impaginazione .prevnext { display: none; color: #5a5a57; margin: 0 10px; text-decoration: none; font-size: 12px; font-weight: bold; }
.impaginazione .prevnext:hover { color: #5a5a57; }
/* MENU SERVIZI*/



.menu-servizi { position: relative; float: left; width: 100%; margin: 0; padding: 0; list-style: none; font-family: 'Roboto Condensed', sans-serif; font-size: 14px; }
ul.menu-servizi li { position: relative; text-decoration: none; text-align: left; margin: 0 0 4px 0; }
ul.menu-servizi li a { position: relative; text-decoration: none; text-align: left; display: block; width: 350px; height: 38px; padding: 8px 10px; margin: 0; color: #5B5A57; background-color: #E2E2E1; font-weight: 400; word-spacing: 0px; outline: none; font-size: 14px; }
ul.menu-servizi li a:hover, ul.menu-servizi li a.selected { background: url(/2013/web/layout/img/servizi_icon.png) #44848A 97% center no-repeat; color: #fff; }
ul.menu-servizi li ul.testo { position: relative; display: block; margin: 10px 0 60px 0px; text-align: justify; font-size: 12px; }