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

@font-face {
	font-family: 'Din';
	src: url('DINMd.eot');
	src: local('☺'), url('DINMd.woff') format('woff'), url('DINMd.ttf') format('truetype'), url('DINMd.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*HTML*/

* { margin:0; padding:0; }

body { color:#45464a; font-family:'Din', Arial, Helvetica, sans-serif; font-size:13px; }

a img { border:none; }

p { font-size:13px; line-height:20px; }

h1{ font-size:26px; color:#3a7b05; font-weight:normal;}

h2{ font-size:22px; font-weight:normal; color:#606165;}

.clear{ clear:both;}

/*------------- header ------------------------*/

#headerContainer{ width:100%; background:url(../img/header_dx.jpg) repeat-x; height:61px; position:relative;}
#headerContainer .headerSx{ width:100%; right:50%; position:absolute; background:url(../img/header_sx.jpg) repeat-x; height:61px;}
#headerContainer .header{ width:960px; height:61px; background:url(../img/header_strip.jpg) repeat-x; position:absolute; z-index:10; left:50%; margin-left:-480px;}
a.mainSite{ text-decoration:none; color:#025d8c; font-size:11px; padding-top:14px; background:url(../img/deamici_logo_small.png) no-repeat 178px 10px; display:block; height:34px; position:absolute; right:0; width:270px; top:4px;}

/*------------- menu ---------------------------*/
#menu{ width:960px; margin:auto; margin-top:20px; padding-bottom:10px; border-bottom:solid 1px #CCC;}
#menu ul{ float:right; list-style:none; margin-top:5px; margin-right:10px;}
#menu ul li{float:left; margin-left:20px; height:24px; font-size:16px; padding-left:8px;}
#menu ul li a{text-decoration:none; padding-right:8px; display:block; height:22px; margin-right:-10px; padding-top:2px; color:#3a7b05;}
#menu ul li.selected, #menu ul li:hover{  background:url(../img/bt_grey.png) no-repeat; }
#menu ul li.selected a, #menu ul li:hover a{ color:#FFF; text-decoration:none; background:url(../img/bt_grey.png) no-repeat right; }

/*------------- settori ---------------------------*/
#settori{ width:960px; margin:auto; margin-bottom:20px; margin-top:15px;}
#settori ul{ list-style:none; margin-top:50px;}
#settori ul li{ float:left; width:160px; text-align:center; font-size:16px;}
#settori ul li a{ color:#003d01; text-decoration:none;}

/*-------------- ecopoint ------------------------*/
#ecopoint{ width:100%; background:url(../img/bg_ecopoint.gif) repeat-x; height:127px;}
#ecopoint .ecopointContent { width:960px; margin:auto; padding-top:10px;} 
#ecopoint .ecopointContent .logoeco{ float:left;}
#ecopoint .ecopointContent .rivenditori{ font-size:16px; color:#FFF; border-left:solid 1px #287204; border-right:solid 1px #287204; margin-left:25px; margin-right:25px; padding-left:25px; padding-right:25px; width:325px; display:block; float:left; height:72px; padding-top:30px;}
#ecopoint .ecopointContent .ecopointsite{ font-size:16px; padding-top:46px;}
#ecopoint .ecopointContent .ecopointsite a{ color:#9cff4b; text-decoration:none;}
#ecopoint .ecopointContent .ecopointsite a:hover{ text-decoration:underline;}

/*---------------- colonnehome ------------------*/
.colonne{ width:960px; margin:auto; margin-top:20px; padding-bottom:20px;  margin-bottom:20px;}
.colonne h1{ font-size:26px; color:#606165;}
.colonne img.icona{ float:left;  width:85px;}
.colonne .sxCol{ width:460px; float:left; margin-right:30px;}
.colonne .sxCol h2{ font-size:14px; color:#3a7b05; margin-bottom:15px;}
.colonne .dxCol{ width:460px; float:left; }
.colonne .dxCol h2{ font-size:14px; color:#003e5f; margin-bottom:15px;}
.colonne p{ padding-left:105px;}
.colonne .blubutton{  background:url(../img/bt_blue.png) no-repeat; margin-left:105px; height:24px; font-size:14px; padding-left:8px;  float:left;  }
.colonne .blubutton a{ color:#FFF; text-decoration:none; background:url(../img/bt_blue.png) no-repeat top right; display:block; padding-right:8px;  height:21px; padding-top:3px; margin-right:-8px; }
.colonne .greenbutton{  background:url(../img/bt_green.png) no-repeat; margin-left:105px; height:24px; font-size:14px; padding-left:8px;  float:left;  }
.colonne .greenbutton a{ color:#FFF; text-decoration:none; background:url(../img/bt_green.png) no-repeat top right; display:block; padding-right:8px;  height:21px; padding-top:3px; margin-right:-8px; }

/*----------------- settori impiego -------------*/
.settoreImpiego{width:960px; margin:auto; margin-top:15px; padding-bottom:15px; border-bottom:solid 1px #CCC;}
.settoreImpiego .sxCol{width:490px; float:left; margin-top:15px;}
.settoreImpiego h1{ font-size:21px;}
.settoreImpiego .sxCol img.icona{ float:left;  width:85px;}
.settoreImpiego .sxCol p{ padding-left:110px;}
.settoreImpiego .linkCol{ float:left; width:130px; margin-left:50px;}
.settoreImpiego .linkCol a{color:#3a7b05;}

/*----------------- vantaggi -------------*/
.colonne .vantaggi{ width:490px; float:left;}
.colonne .vantaggi .settoreVantaggi{width:490px; margin:auto; margin-top:15px; padding-bottom:15px; border-bottom:solid 1px #CCC;}
.colonne .vantaggi .settoreVantaggi .sxCol{width:490px; float:left; margin-top:15px;}
.colonne .vantaggi .settoreVantaggi h1{ font-size:21px; color:#3a7b05;}
.colonne .vantaggi .settoreVantaggi .sxCol p{ padding-left:0; }
.colonne .vantaggi .settoreVantaggi .linkCol{ float:left; width:130px; margin-left:50px;}
.colonne .vantaggi .settoreVantaggi .sxCol p a{color:#3a7b05;}
.colonne .settori{ width:420px; float:left; margin-left:50px;}
.colonne .settori ul{ list-style:none; margin-top:20px;}
.colonne .settori ul li{ margin-bottom:7px;}
.colonne .settori ul li a{color:#3a7b05;}

/*---------------- contact form ---------------*/

#mappa{ display:block; margin-top:20px; width:420px;}

#contactForm .label{width:207px; font-size:15px;  float:left; display:block; margin-bottom:15px;}
#contactForm label{}
#contactForm .attenzione label{padding-right:25px; background:url(../img/warning.png) top right no-repeat;}

#contactForm .label.last{ margin-left:50px;}
#contactForm .label.start{ clear:left;}

#contactForm .mandatory{ float:right;}

#contactForm input{ background:url(../img/bg_input.gif) no-repeat; width:207px; height:17px; display:block; border:none;  margin-top:5px; padding:5px;  vertical-align:middle; float:left;}

#contactForm select{ background:url(../img/bg_input.gif) no-repeat; width:217px; height:27px; display:block; border:none;  margin-top:5px; padding:5px; margin-bottom:15px;}


#contactForm input.check { width:15px; height:15px; background-image:none; float:left; vertical-align:middle;  margin:13px 5px 0 0 ; padding:0;}

#contactForm .labelcheck{ font-size:15px; float:left; margin-left:5px; line-height:37px;}



#contactForm .checkprivacy{ font-size:12px; color:#666; float:left; margin-left:5px; line-height:37px;  display:block;}

#contactForm .checkprivacy.privacy{ font-size:12px; color:#666; float:left; margin-left:5px; line-height:37px;  display:block;}


#contactForm textarea{ background:url(../img/textarea.gif) no-repeat; width:450px; height:97px; display:block; border:none;  margin-top:5px; padding:5px; margin-bottom:15px; vertical-align:middle; float:left; font-family:Verdana, Geneva, sans-serif; font-size:12px;}

#contactForm input.submitbt { width:125px; height:24px;  background: transparent; background-image:url(../img/bt_send.png); float:right; font-weight:bold; color:#FFF; cursor:pointer; }

/*---------------- footer ---------------------*/
#footer{width:960px; margin:auto; border-top:solid 1px #CCC; padding-top:20px; font-size:12px; margin-bottom:20px;}
#footer a{color:#45464a;}
#footer .credits{ float:right;}