/* Studio Cappello CSS, Copyright 2010 Studio Cappello - WMR srl.

1:- Tipografia
2:- Struttura
3:- Header
4:- Menù
5:- Main Content
6:- Right Column
7:- Footer
8:- Form

*/

/* 1. ------ TIPOGRAFIA ------ */

/* reset */
body, div, h1, h2, h3, h4, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote {
 margin: 0px;
 padding: 0px;
 border: 0px;
}

.clear:after {
	content: ""; display: block; clear: both;
}
	.clear { zoom: 1; } 

.clearer {
 clear: both;
 margin:0;
 height:0px;
 line-height:0px;
}

#pulsante_privacy{
 width:10px;
}
/* stili sul body */
body {
 background: #f5f5f5 url(img/bg.gif) left top repeat-x;
 font: 12px Verdana, Geneva, sans-serif;
 color:#4c4c4c;
}

/*collegamenti ipertestuali*/
a {
 color: #333333;
 font-weight:normal;
}

.pulsante_privacy{
 width:10px;
}

a:hover {
 color: #940000;
}

a b {
 font-weight:normal !important;
}

/*paragrafi e titoli*/

p, ul {
 line-height: 18px; margin: 0 0 16px 0;
}




/* 2. ------ STRUTTURA ------ */

#container {
 width: 960px; margin: 0 auto;
}

#content {
 width: 960px;
 background: #f5f5f5 url(img/content_bg.gif) left top repeat-y;
 margin:15px 0;
}

#content #main {
 width: 640px;
 float: left;
 margin: 10px 40px 0 0;
 padding-left:20px;
 line-height:18px;
}

#content #side {
 width: 260px; float: left; margin: 0;
 background: url(img/side_bg.gif) left top repeat-y;
}

#lingua {
float:right;
margin:32px 10px 0 0;
text-align:right;
}

#lingua a {
font-size:12px;
font-weight:normal;
}

/* 3. ------ HEADER ------ */

#header {
 height: 244px; padding: 0;
}

#header h1 a {
 display: block; width: 253px; height: 80px; float: left;
 background: url(img/logo.png); text-indent: -9999px;
 font-weight:normal;
}

#header .indirizzo {
 height:3px;
 color:#7F766D;
 font-size:1px;
}

#header .logo-menu {
 height:80px;
}

#header .testata {
 height:161px;
 background: url(img/testata_bg.jpg) left top no-repeat;
}

#header .testata p {
 padding: 90px 84px 0px 0px;
 color:#FFF;
 font-family:Arial, Helvetica, sans-serif;
 font-size:18px;
 text-align:right;
}

/* 4. ------ MENU ------ */

/*# header ul#nav {
 float: right;
 list-style: none;
 margin: 40px 0 0 0;
  padding-right:10px;
}*/

#header ul#nav {
float:left;
list-style:none outside none;
margin:30px 0 0 130px;
padding-right:10px;
}

#header ul#nav li {
 float: left;
 padding: 0;
 margin: 0;
 /*background: url(img/nav-separatore.gif) left no-repeat;*/
}

#header ul#nav li:first-child {
 /*background: none;*/
}

#header ul#nav li a { 
 font-size: 12px;
 color: #333333;
 padding: 0;
 margin:0 0 0 20px;
 font-weight:normal;
 /*text-decoration:none;*/
}

#header ul#nav li a:hover {
 color: #940000;
 border-bottom:3px solid #8c1102;
 text-decoration:none;
}

#header ul#nav li a.active {
 color: #333333;
 font-weight:bold;
 text-decoration:none;
 border-bottom:3px solid #8c1102;
}

/* 5. ------ MAIN CONTENT ------ */

#breadcrumb  {
  font-size:10px;
  float:left;
  margin-left:2px;
  color:#666666;
  width:500px;
}

#breadcrumb a  {
  font-size:10px;
  color:#666666;
  font-weight:normal;
  font-family:Arial, Helvetica, sans-serif;
}

#breadcrumb a:hover  {
  font-size:10px;
  color:#940000;
  font-weight:normal; 
  font-family:Arial, Helvetica, sans-serif;
}

#content #main h1 {
 font:normal 28px/28px "Trebuchet MS", Arial, Helvetica, sans-serif;
 letter-spacing:0.25px;
 color: #940000;
 margin-bottom:20px;
 padding-bottom:12px;
 margin-top:18px;
 border-bottom: 1px solid #EEEEEE;
 line-height:30px;
}

#content #main h2 {
 font-weight:bold;
 line-height:18px;
 font-size:12px;
 color: #940000;
 margin-bottom:10px;
 margin-top:10px;
}

#content #main h3 {
 font-weight:bold;
 line-height:18px;
 font-size:12px;
 margin:-15px 0 15px 0;
}

#content #main ol {
 margin: 4px 30px 25px 30px;
}

#content #main ul {
 margin: 4px 30px 25px 30px;
 list-style: none; 
}

#content #main ul li {
 background: url(img/squarebullet.gif) no-repeat 0 7px;
 padding-left:10px;
}

#content .content_top {
 float:left;
 height:14px;
 width:956px;
}

/* 6. ------ RIGHT COLUMN ------ */


#content #side h2 {
 margin:10px 0 2px 0;
}

#content #side h2 a {
 color:#FFFFFF;
 font-size:20px !important;
 font-family:Arial, Helvetica, sans-serif;
}

#content #side h2 a:hover {
 color:#bf0707;
 font-size:20px !important;
 font-family:Arial, Helvetica, sans-serif;

}

#content #side h2 a.active {
 color:#bf0707;
 font-size:20px !important;
 font-family:Arial, Helvetica, sans-serif;
}

#content #side a {
 font-size:11px;
 /*color:#ad9f96;*/
 color:#CCCCCC;
 font-weight:normal;
}

#content #side a:hover {
 font-size:11px;
 color:#bf0707;
 font-weight:normal;
}

#content #side a.active {
 color:#bf0707;
 font-weight:normal;
}

#content #side ul {
 margin-left:30px;
}

#content #side li {
 line-height:18px;
 padding-left:3px;
 /*color:#ad9f96 !important;*/
 color:#ad9f96 !important;
}

#content #side .servizi {
 width: 220px; float: left; margin: 0;
/* background: url(img/col-separatore.gif) left top repeat-y;*/
 padding-left:20px;
}

#content #side .servizi h2 {
font-size:13px;
color:#FFF;
margin-bottom:10px;
padding-left:6px;
font-weight:bold;
text-transform:capitalize;
font-family:Verdana, Geneva, sans-serif;
}

#content #side .servizi-top {
 width: 240px; float: left; margin: 0;
 background: url(img/col-separatore-top.gif) left top repeat-y;
 padding-left:60px;
 height:62px;  
}

#content #side .servizi-bottom {
 width: 240px; float: left; margin: 0;
 background: url(img/col-separatore-bottom.gif) left top repeat-y;
 padding-left:60px;
 height:62px;
}

#content .approfondimenti {
margin:30px 7px 0px 4px !important;
margin:30px 4px 0px 2px;
background-color:#34322D;
float:left;
display:block;
width:249px !important;
width:248px;
}

#content .approfondimenti h2{
font-size:13px;
color:#FFF;
margin-bottom:10px;
padding-left:12px;
padding-top:20px;
font-weight:bold;
text-transform:uppercase;
font-family:Verdana, Geneva, sans-serif;
}

#content #side .approfondimenti a {
}

#content .approfondimenti_home {
margin:30px 7px 0px 4px !important;
margin:30px 4px 0px 2px;
background-color:#34322D;
float:left;
display:block;
width:249px !important;
width:248px;
}

#content .approfondimenti_home h2{
font-size:13px;
color:#FFF;
margin-bottom:10px;
padding-left:12px;
padding-top:20px;
font-weight:bold;
text-transform:uppercase;
font-family:Verdana, Geneva, sans-serif;
}

#content #side .approfondimenti_home a {
font-size:14px;
color:#FFF;
font-weight:bold;
}

/* 7. ------ FOOTER------ */

#footer-container {
 width: 100%; 
 background:url(img/footer_bg.gif) left top repeat-x;
}

#footer {
 width: 960px;
 margin: 0 auto;
 text-align:center;
 height:182px;
}

#footer .riconoscimenti {
 width:700px;
 padding-top:20px;
 padding-right:20px;
 float:left;
}

#footer .footer-menu {
 width: 180px;
 float:left;
 text-align:left;
 padding:20px 0 10px 30px;
 margin:10px 0;
 border-left:1px solid #545355;
 height:132px;
 line-height:1.6;
}

#footer a { 
 font-size: 11px;
 color: #FFF;
 font-weight:normal;
}

#footer a:hover {
 color: #CCC;
}

#footer a.active {
 color: #CCC;
 font-weight:bold;
}

#footer p {
 clear:both;
 text-align:right;
 font-size: 11px; 
 margin:5px 0;
 padding-right:20px;
}

.sc {
 clear:both;
 width: 100%;
 padding: 20px 0 50px 0;
 text-align:center;
 color: #666666;
}

.sc h2 { font-size: 10px; font-weight: normal; margin: 0px; padding: 0px; }
.sc h3 { font-size: 10px; font-weight: normal; margin: 0px; padding: 0px; }
.sc a { color: #666666; }
.sc a:hover { color: #940000; }

.sc p { font-size:11px;}


/* 7. ------ FORM ------ */

table td {font-family:Verdana, Geneva, sans-serif; font-size:11px; line-height:18px;}

.formio3 {
 background-color: #FFFFFF;
 border: 1px solid #c6c6c6;
 font-size: 12px;
 width: 400px;
}

.formio {
 background-color: #FFFFFF;
 border: 1px solid #c6c6c6;
 font-size: 12px;
 height: 20px;
 width: 400px;
}

.formio2 {
 background-color: #ffe0a3;
 border: 1px solid #c6c6c6;
 font-size: 12px;
 width: 400px;
    height: 20px;
 }


.auto_form {  }
.auto_form td { padding: 8px 4px; }
.auto_form textarea { width: 400px; height: 75px; }

.mytr { background-color: #FFFFFF; font-size: 11px;}
.mytr3 { background-color: #FFFFFF;  font-size: 11px;}
.mytr2 { background-color: #DDDDDD;  font-size: 11px; }



/* 7. ------ DA CONTROLLARE ------ */

.bread_crumb { padding-left: 25px; padding-top: 10px; padding-bottom: 20px; font-size: 10px; font-weight: bold; color:#666666;}
.bread_crumb a { color: #000000; text-decoration: underline; font-size: 10px; font-weight: normal;  color:#666666; }
.bread_crumb a:hover { color: #940000; font-weight: normal;  }
.bread_crumb span { color: #940000; font-size: 9px; margin-left: 8px; margin-right: 8px; }
.lhome{ text-align: right; padding-right: 40px; padding-top: 5px; }
.lhome a { color: #000000; font-size: 10px; font-weight: normal; text-decoration: none; }
.lhome a:hover { color: #940000; font-size: 10px; font-weight: normal; text-decoration:underline;}
.scfooter { position: absolute; bottom: 0px; text-align: center; width: 650px; }
.scfooter ul{ margin: 0px; padding: 0px; margin-top: 4px; }
.scfooter li{ margin: 0px; padding: 0px; display: inline; font-size: 11px;}
.scfooter ul a { color: #000000; text-decoration: underline;}
.scfooter ul a:hover { color: #940000; text-decoration: underline;}
.scfooter2  { color: #000000; font-size: 11px; margin-top: 5px;}



.ktabella {  font-size: 12px; background-color: #FFFFFF;  }
.ktabella td { font-weight: bold; color: #000000; }
.ktabella li { color: #000000; }
.errori{border: 1px solid #ff5912; background-color: #FFFFFF; text-align: left; margin-top: 3px; margin-bottom: 3px; margin-left: auto; margin-right: auto; width: 300px;    padding: 3px; font-size: 12px;}
.errori ul {list-style: outside url(img/error.gif); font-size: 12px; margin-top: 10px; margin-bottom: 10px;}
.erorri li{ margin-left:40px; font-size: 12px; color: #000000;}

.dtable { border:1px solid #CCCCCC; border-collapse:collapse;}
.dtable td {border:1px solid #CCCCCC; border-collapse:collapse;}
.sub_link { color: #333333; }
.footer_w A { color: #EB512B; }
.kaw_bck { background-image: url(img/patmen2.gif); background-repeat: repeat-y;}

#popup {
width:440px; height:310px; background:#19171a; position:absolute; top:300px; left:30%; display:none; padding:0; margin:0; border:5px solid #80766f; z-index:5;font-size:14px; line-height:30px;}
#popup p {font-size:12px; padding:20px; font-weight:normal; line-height:16px; color:#FFF;}
#popup h1 {font-size:18px; font-weight:bold; line-height:10px;}
#chiudix { float:right; margin-top:-200px}
#nascondi_pagina{width:100%; height:250%; top:0; left:0; position:absolute; background:#000000; filter:alpha(opacity=90); opacity:0.9; display:none;}

form {
	margin: 0;
	padding: 0;
 border:0;
	}
 
form, fieldset {
	margin: 0;
 border:0;
	}
 
form label {
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
 width:200px;
	}
	
form fieldset ol {
	margin: 0;
	padding: 0;
 width:600px;
	}
	
form fieldset li {
	list-style: none;
	padding: 5px;
	margin: 0;
	}
 
form input {
 width:250px;
	}

 
form p {
 margin:10px 5px;
 font-size:10px;

	}