﻿/* === Clearfix Hack === */

#main:after { clear: both; content: " "; display: block; height: 0; clear: both; visibility: hidden; }

* html #main { height: 1%; }

body#home #main #content #news-consorzio .box-news:after { clear: both; content: " "; display: block; height: 0; clear: both; visibility: hidden; }

* html body#home #main #content #news-consorzio .box-news { height: 1%; }

#content-main:after { clear: both; content: " "; display: block; height: 0; clear: both; visibility: hidden; }

/* === End Clearfix Hack === */

html, body { border: 0; height: 100%; margin: 0; padding: 0; }

body { background-color: #e7e7e7; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 72.5%; text-align: center; }
    
div, ul, ol, li, h1, h2, h3, h4, a, p, img { border: 0; margin: 0; padding: 0; }

h1 { font-size: 2em; }

h2 { font-size: 1.5em; }

h3 { font-size: 1.2em; }

h4 { font-size: 1.1em; }

#container { width: 950px; min-height: 600px; height: auto !important; height: 600px; margin: 20px auto; }

/* HEADER--------------------------------------------------------------------------------------------------------------------------------------------*/

#header { width: 950px; height: 464px; background: url(../images/bg-header.jpg) bottom left no-repeat; position: relative; }

h1.h1 { width: 379px; height: 0 !important; padding: 85px 0 0; overflow: hidden; background: url(../images/logo.jpg) top left no-repeat; position: absolute; display: block; bottom: 3px; left: 20px; }

#nav { width: 950px; height: 42px; line-height: 42px; }

#nav li { float: left; list-style-type: none; }

#nav li#btn-1 a { width: 150px; height: 0 !important; padding: 42px 0 0; display: block; overflow: hidden; background: top left no-repeat; }

#nav li#btn-1 a:link, #nav li#btn-1 a:visited { background: url(../images/btn-1.jpg); background-position: 0 -42px; }

#nav li#btn-1 a:hover, #nav li#btn-1 a:active { background: url(../images/btn-1.jpg); }

#nav li#btn-1-sel { width: 150px; height: 0 !important; padding: 42px 0 0; display: block; overflow: hidden; background: url(../images/btn-1.jpg) top left no-repeat; }

#nav li#btn-2 a { width: 242px; height: 0 !important; padding: 42px 0 0; display: block; overflow: hidden; background: top left no-repeat; }

#nav li#btn-2 a:link, #nav li#btn-2 a:visited { background: url(../images/btn-2.jpg); background-position: 0 -42px; }

#nav li#btn-2 a:hover, #nav li#btn-2 a:active { background: url(../images/btn-2.jpg); }

#nav li#btn-2-sel { width: 242px; height: 0 !important; padding: 42px 0 0; display: block; overflow: hidden; background: url(../images/btn-2.jpg) top left no-repeat; }

#nav li#btn-3 a { width: 161px; height: 0 !important; padding: 42px 0 0; display: block; overflow: hidden; background: top left no-repeat; }

#nav li#btn-3 a:link, #nav li#btn-3 a:visited { background: url(../images/btn-3.jpg); background-position: 0 -42px; }

#nav li#btn-3 a:hover, #nav li#btn-3 a:active { background: url(../images/btn-3.jpg); }

#nav li#btn-3-sel { width: 161px; height: 0 !important; padding: 42px 0 0; display: block; overflow: hidden; background: url(../images/btn-3.jpg) top left no-repeat; }

#nav li#btn-4 a { width: 141px; height: 0 !important; padding: 42px 0 0; display: block; overflow: hidden; background: top left no-repeat; }

#nav li#btn-4 a:link, #nav li#btn-4 a:visited { background: url(../images/btn-4.jpg); background-position: 0 -42px; }

#nav li#btn-4 a:hover, #nav li#btn-4 a:active { background: url(../images/btn-4.jpg); }

#nav li#btn-4-sel { width: 141px; height: 0 !important; padding: 42px 0 0; display: block; overflow: hidden; background: url(../images/btn-4.jpg) top left no-repeat; }

#nav li#btn-5 a { width: 125px; height: 0 !important; padding: 42px 0 0; display: block; overflow: hidden; background: top left no-repeat; }

#nav li#btn-5 a:link, #nav li#btn-5 a:visited { background: url(../images/btn-5.jpg); background-position: 0 -42px; }

#nav li#btn-5 a:hover, #nav li#btn-5 a:active { background: url(../images/btn-5.jpg); }

#nav li#btn-5-sel { width: 125px; height: 0 !important; padding: 42px 0 0; display: block; overflow: hidden; background: url(../images/btn-5.jpg) top left no-repeat; }

#nav li#btn-6 a { width: 131px; height: 0 !important; padding: 42px 0 0; display: block; overflow: hidden; background: top left no-repeat; }

#nav li#btn-6 a:link, #nav li#btn-6 a:visited { background: url(../images/btn-6.jpg); background-position: 0 -42px; }

#nav li#btn-6 a:hover, #nav li#btn-6 a:active { background: url(../images/btn-6.jpg); }

#nav li#btn-6-sel { width: 131px; height: 0 !important; padding: 42px 0 0; display: block; overflow: hidden; background: url(../images/btn-6.jpg) top left no-repeat; }

#flag { position: absolute; bottom: 5px; right: 10px; }

#flag li { list-style-type: none; display: inline; margin: 0 3px; }

/* MAIN----------------------------------------------------------------------------------------------------------------------------------------------*/

body#home #main { width: 950px; min-height: 400px; height: auto !important; height: 400px; background-color: #fff; padding: 30px 0 0 0; }

body#int1 #main { width: 950px; min-height: 453px; height: auto !important; height: 453px; background: url(../images/bg-main-int.jpg) bottom left repeat-x #fff; padding: 30px 0; }

body#home #lista-loghi { width: 950px; /*height: 40px; padding: 30px 0;*/ background-color: #fff; }

body#int1 #lista-loghi { width: 950px; /*height: 40px; padding: 30px 0;*/ background-color: #ededee; }

#lista-loghi li { display: inline; margin-right: 20px; }

/* CONTENT----------------------------------------------------------------------------------------------------------------------------------------------*/

#content { width: 714px; float: right; text-align: left; }

body#int1 #content { width: 690px; float: right; text-align: left; margin-left: 24px; line-height: 1.7em; }

body#int1 #content ul { margin: 0 0 0 20px; }

body#int1 #content ul li { margin: 10px 0 0 0; }

body#int1 #content p { margin-right: 20px; }

body#int1 #content #menu2-int { width: 650px; margin: 0; padding-bottom: 10px; border-bottom: 1px solid #ededed; font-family: Arial; }

body#int1 #content #menu2-int li { list-style-type: none; display: inline; }

body#int1 #content #menu2-int li a { padding: 0 10px; font-weight: bold; font-size: 1.2em; border-right: 1px solid #0f5287; }

body#int1 #content #menu2-int li a:link, body#int1 #content #menu2-int li a:visited { color: #0f5287; text-decoration: none; }

body#int1 #content #menu2-int li a:hover, body#int1 #content #menu2-int li a:active { color: #ee8720; text-decoration: underline; }

body#int1 #content #menu2-int li.menu-2-int-sel { padding: 10px; font-weight: bold; font-size: 1.2em; color: #ee8720; text-decoration: underline; background: url(../images/bg-menu2-sel.jpg) top right no-repeat; }

body#int1 #content a:link, body#int1 #content a:visited { text-decoration: none; color: #18639C; }

body#int1 #content a:hover, body#int1 #content a:active{ text-decoration: underline; color: #18639C; }

#content-main { width: 690px; min-height: 100px; height: auto !important; height: 100px; margin: 0 0 20px 0; padding: 0 0 20px 0; border-bottom: 1px solid #d6d5d5; }

.box-divisione { width: 210px; float: left; text-align: left; margin: 0 10px; color: #58585a; }

.box-divisione h3 { text-transform: uppercase; color: #0b63aa; margin: 0 0 5px 0; padding: 0 0 5px 0; border-bottom: 1px solid #d6d5d5; min-height: 35px; height: auto !important; height: 35px; }

.box-divisione h4 { color: #f0891f; min-height: 40px; height: auto !important; height: 40px; }

.box-divisione img { margin: 10px 0; }

.box-divisione p { min-height: 60px; height: auto !important; height: 60px; }

.box-divisione a {  width: 75px; padding: 24px 0 0; height: 0 !important; display: block; overflow: hidden; background: url(../images/bg-a-divisione.jpg) top left no-repeat; float: right; margin: 20px 0 0 0; }

#content-side { width: 690px; min-height: 100px; height: auto !important; height: 100px; color: #58585a; }

#content-side h2 { color: #0b63aa; margin: 0 0 10px 0; padding: 30px 0 0 0; }

/* SIDE----------------------------------------------------------------------------------------------------------------------------------------------*/

#side { width: 236px; float: left; }

#box-motivi { width: 194px; height: 321px; margin: 0 auto 10px; background: url(../images/bg-motivi.jpg) top left no-repeat; text-align: left; }

#box-motivi h2 { width: 194px; height: 0 !important; padding: 76px 0 0; display: block; overflow: hidden; background: url(../images/bg-h-motivi.jpg) top left no-repeat; }

#box-motivi ul { margin: 20px 0 0 25px; }

#box-motivi ul li { color: #7f7777; margin: 0 0 13px 0; font-weight: bold; }

#qualita { width: 198px; padding: 48px 0 0; height: 0 !important; display: block; overflow: hidden; background: url(../images/qualita.jpg) top left no-repeat; margin: 3px auto;  }

#news { width: 198px; padding: 36px 0 0; height: 0 !important; display: block; overflow: hidden; background: url(../images/news.jpg) top left no-repeat; margin: 3px auto;  }

#novita { width: 198px; padding: 179px 0 0; height: 0 !important; display: block; overflow: hidden; background: url(../images/nov.jpg) top left no-repeat; margin: 3px auto;  }

/* FOOTER--------------------------------------------------------------------------------------------------------------------------------------------*/

#footer { width: 950px; height: 69px; background: url(../images/bg-footer.jpg) top left no-repeat; color: #fff; padding-top: 10px; font-size: 0.9em; text-align: left; }
#footer p { height: 69px; margin: 0 0 0 210px; line-height: 1.2em; background: url(../images/logoFooter.jpg) left top no-repeat; padding: 2px 0 0 48px; }
#footer a:link, #footer a:visited { color: #fff; text-decoration: none; }
#footer a:hover, #footer a:active { color: #fff; text-decoration: underline; }

body#int1 #gallery2 { margin: 0; width: 650px; clear: both; padding: 30px 0; }
body#int1 #gallery2 h2 { color: #18639C; font-variant: small-caps; margin: 0 0 10px 0; }
body#int1 #gallery2 ul { list-style: none outside none; display: inline-block; text-align: left; }
body#int1 #gallery2 ul li { float: left; display: inline; margin: 0 40px 0 -10px; }
body#int1 #gallery2 ul li a img { height: 128px; width: 90px; border: 1px solid #ccc; }

body#int1 #gallery3 { margin: 0; width: 650px; clear: both; padding: 30px 0; }
body#int1 #gallery3 h2 { color: #18639C; font-variant: small-caps; margin: 0 0 10px 0; }
body#int1 #gallery3 ul { list-style: none outside none; display: inline-block; text-align: left; }
body#int1 #gallery3 ul li { float: left; display: inline; margin: 0 40px 0 -10px; }
body#int1 #gallery3 ul li a img { height: 128px; width: 90px; border: 1px solid #ccc; }

body#int1 #gallery { margin: 0 auto; width: 650px; height: 607px; clear: both; text-align: center; background: url(../images/img_nov.jpg) top left no-repeat; position: relative; }
body#int1 #gallery ul { list-style: none outside none; display: inline-block; margin: 0; padding: 0; border: 0; }
body#int1 #gallery ul li { float: left; display: inline; list-style-type: none; margin: 0; padding: 0; border: 0; }
body#int1 #gallery ul li img { width: 0; margin: 0 auto; }

#box-cont { width: 643px; min-height: 600px; height: auto !important; height: 600px; background-image: url("../images/bg-cont.jpg"); background-position: top left; background-repeat: no-repeat; }


