@charset "utf-8";
/* CSS Document */

html {
font-size: 100.01%;
}

body {
font-family:Arial, Helvetica, sans-serif;
font-size: 0.85em;
line-height:1;
background:#adbccf url(../img/bg.jpg) top repeat-x;
color:#333;
text-align:center;
margin:0;
padding:0;
}

h1, #header h2{
position:absolute;
top:-2000em;
left:-5000em;
font-size:1px;
text-indent:-2000em;
margin:0;
padding:0;
}

/*h1{
position:relative;
float:left;
display:inline;
font-size:1px;
text-indent:-2000em;
width:245px;
height:80px;
margin: 71px 0 10px 55px;
padding:0;
}

h1 a{
background: url(../img/logo.jpg) left no-repeat;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:block;
cursor:pointer;
}*/




p{
margin:10px 0 0 0;
padding: 0;
}

/* Specificando a:link, a:visited ecc. ci sono dei conflitti con gli stili dei link del menù e con il first-letter */
a{
color:#333;
}

a:hover,a:active,a:focus{
color: #8b97a6;
}

b,strong{
/*color:#fc0;*/
font-weight:bold;
}

#contenitore{
position:relative;
width:980px;
line-height:1.5em;
text-align:left;
margin:0 auto;
padding:0;
border-top: 1px solid #fff;
}

#cont-wrapper{
background: #8b97a6 url(../img/bg-cont.jpg) top left repeat-x;
padding:5px;
margin:30px 0 0 0;
}

#lingua{
position:absolute;
top:0;
right:10px;
font-size:0.90em;
text-align:center;
width:65px;
height:25px;
background:url(../img/bg-menu-lingua.jpg) no-repeat;
margin:0;
}

#lingua a{
color: #666;
line-height:25px;
text-decoration:none;
}

#lingua a:hover,#lingua a:focus,#lingua a.selected{
color:#fff;
}


#header{
background:#fdfdfd url(../img/header.jpg) no-repeat;
width:100%;
height:250px;
margin: 0;
padding:0;
}

#main{
height:1%;
clear:both;
background:#fdfdfd;
}

#main h2{
text-indent:-5000em;
font-size:1px;
margin:0;
padding:0;
}

#main h3,#main h4{
clear:both;
font-size:1.6em;
color:#8b97a6;
/*background:url(../img/bg-titolo.jpg) left center no-repeat;
text-indent:20px;*/
line-height:43px;
font-weight:normal;
margin: 0;
padding:0;
}

#main h4{
margin:40px 0 0 0;
}

#main h5{
font-weight:bold;
font-size:1em;
}

#contenuto{
float:left;
display:inline;
width:600px;
text-align:justify;
margin: 10px 0 0 0;
padding:0 50px;
/*border: 1px solid #fc0;*/
}

#contenuto p{
padding: 5px 0;
}

#contenuto img{
border:3px solid #bcc780;
}

#menu{
width:220px;
float:left;
display:inline;
margin:0 0 0 30px;
padding:0;
}

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

#menu ul li{
list-style:none;
/*height:2em; 35px */
text-align:left;
font-size:1.2em;
letter-spacing: 0.1em;
margin: 0.8em 0;
padding:0;
}

/* Specificando a:link, a:visited ecc. ci sono dei conflitti con il first-letter */
#menu ul li a{
width:100%;
height:100%;
display:block;
font-weight:bold;
color:#666;
background: url(../img/bullet-menu.jpg) left center no-repeat;
text-indent: 10px;
text-decoration:none;
line-height:2em;
margin: 0;
padding:0;
}

#menu ul li a:first-letter {
color:#333;
}

#menu ul li a:hover,#menu ul li a:focus,#menu ul li a.selected{
color:#333;
font-weight:bold;
background:url(../img/bullet-menu-hover.jpg) left center no-repeat;
}

#menu ul li a.selected:first-letter {
color:#fff;
}

#menu #partners{
list-style:none;
text-align:center;
margin:30px 0;
padding:0;
}

#menu #partners li{
list-style:none;
text-indent:-5000em;
font-size:1px;
margin:10px auto;
border:1px solid #8b97a6;
width:145px;
padding:0;
}

#menu #partners li a{
text-indent:-5000em;
background:none;
}

#menu #partners li#cusinato{
background: url(../img/logo-cusinato.jpg) no-repeat;
height:40px;
}

#menu #partners li#elysia{
background: url(../img/logo-elisia.jpg) no-repeat;
height:55px;
}

#menu #partners li#menegatto{
background: url(../img/logo-menegatto.jpg) no-repeat;
height:50px;
}

#menu #partners li#its{
background: url(../img/logo-its.jpg) no-repeat;
height:55px;
}

#recapiti{
font-size:0.90em;
background:#e1e6ed;
padding:10px;
margin:20px 0;
}



#footer{
clear:both;
color: #333;
height:70px;
margin:0 20px;
padding:0;
border-top:none;
}

#footer a{
color:#333;
}

#footer a:hover,#footer a:active,#footer a:focus{
color: #000;
}

#dati{
font-size:0.90em;
text-align:left;
float:left;
width:650px;
line-height:1.2em;
margin:0;
padding:5px 0 0 0;
}


#credit{
font-size:0.85em;
border:none;
width:275px;
height:20px;
float:right;
text-align:right;
margin:1em 0;
padding:0;
}

#credit p{
line-height:1.8em;
margin:0;
padding:0;
}

ul.elenco{
list-style:none;
margin:0;
padding:0;
}

ul.elenco li{
list-style:none;
clear:both;
margin:0;
padding:0;
}


.gallery{
clear:both;
margin: 0 0 0 20px;
padding:0;
}

.gallery ul{
list-style: none;
margin: 0 auto;
padding:0;
}

.gallery ul li{
text-align:center;
display: inline;
float: left;
width:120px;
height: 80px;
list-style: none;
margin: 0 10px 20px 0;
padding:0;
}


/* CONTATTI */

/*
#recapiti{
width: 180px;
text-align:left;
float:left;
display:inline;
margin: 20px 20px 0 0;
line-height:1.5em;
padding:0 ;
}
*/

#contactform{
float:left;
display:inline;
width: 300px;
border-left:1px solid #ccc;
margin: 20px;
padding: 0 0 0 40px;
}

#contactform label{
display:block;
}

#nome, #azienda, #email,#tel,#messaggio,#provenienza{
display:block;
width:300px;
height:1.5em;
line-height:1.5em;
background:#e1e5ce;
border:none;
border-bottom:1px solid #697b05;
margin: 2px 0 10px 0;
}

#messaggio{
height:auto;
}

#provenienza{
border:1px solid #697b05;
}

/*#provenienza{
margin: 0 0 2px 130px ;
}*/

#privacy{
float:left;
margin: 3px 5px 0 0;
}

#privacytext{
width:320px;
clear:both;
padding:10px 0;
margin: 10px 0;
}

#contactform label{
cursor:pointer;
/*text-align:right;*/
padding: 0 10px 0 0;
}

/*#contactform label[for=provenienza],#provenienzalabel{
clear:both;
float:none;
display:block;
text-align:left;
width:100%;
margin: 5px 0;
}*/


#spedisci{
text-align:center;
margin: 5px 0 0 150px;
}

#datitecnici{
width:98%;
text-align:center;
margin:10px 0;
padding:0;
}

#datitecnici tr{
padding:5px;
margin:0;
}

#datitecnici td,#datitecnici th{
border:1px solid #666;
margin:0;
padding:5px;
}

#datitecnici th{
background:#eee;
font-weight:bold;
font-size:0.95em;
padding:5px;
margin:0;
}


.asterisco{
font-weight:bold;
color: #c00;
}


/* STILI VARI */

.slogan{
font-weight:bold;
text-align:center;
font-size:1.2em;
color:#5b690d;
}

.sx{
float:left;
display:inline;
margin: 5px 20px 20px 0;
}

.dx{
float:right;
display:inline;
margin: 5px 0 20px 20px;
}

.right{
text-align:right;
}

.center{
text-align:center;
}

.center img{
margin:0 auto;
padding:0;
border:1px solid #333;
}

.clr{
clear:both;
}

.accessibile{
position:absolute;
top:-2000em;
left:-2000em;
font-size:1px;
}

.picc{
font-size:0.80em;
}