
/*                      Casarini v2010                      */
/* -------------------------------------------------------- */
/* per la compatibilità con IE6 sono indicate le direttive  */
/* css precedute da '* html tag+id'                         */

* {
   margin: 0;
   padding:0;
  }

body 
{
  background: #161613 url(../i/pagebg.gif) left top repeat;
  color: #eee;
  font: 14px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
  margin:0;
  padding:0;
}

#topborder_index 
{
  width:100%;
  margin:0; 
  height:40px;
  border-top:4px solid #3d3d33;
}

* html div#topborder_index 
{
  margin:0; 
  height:40px;
  border-top:4px solid #3d3d33;
}

#sidebar 
{
  position:absolute; 
  top:0px; 
  left:0px;
  margin:0;
  width:290px;  
  padding:0;
  z-index:55;
  background:
}

* html div#sidebar 
{
  top:117px; 
  left:0px;  
  position:absolute;
}

#sidebar_index 
{
  position:fixed; 
  top:0px; 
  left:0px;
  width:290px;
  height:100%; 
  padding:0;
  margin:36px 0 0 0;
  z-index:55;
}

* html div#sidebar_index 
{
  top:0px; 
  left:0px; 
  width:240px; 
  margin:51px 0 0 0;
  position:absolute;
}

#nav_index
{
  list-style:none; margin: -3px 20px 10px 45px; width:230px;
}

#nav 
{
  list-style:none; margin: 117px 20px 10px 45px; width:230px;
}

* html ul#nav 
{
  list-style:none; margin: 0px 20px 10px 45px; width:230px;
}

#intestazione
{
  position:absolute; 
  top:0px; 
  left:0px;
  width:100%;
  height:117px;
  z-index:100;
  background:#161613 url(../i/int_int.jpg)top left no-repeat;
}
* html div#intestazione
{
  width:100%;
  height:117px;
  z-index:100;
  background:#161613 url(../i/int_int.jpg)top left no-repeat;
}

#content 
{
  position:absolute; 
  top:0px; 
  left:0px;
  margin:110px 0 0 300px; 
  max-width: 600px; 
}
		 
* html div#content 
{
  margin:120px 0 0 320px; 
  padding:-20px 0 0 0;
  width: 600px; 
}

#content_index 
{
  height:430px; 
  background:#0f0f0d url(../i/sf_home.jpg) top left no-repeat; 
  margin:0;
  padding:0 0 0 270px;
}

#anim_flash 
{
  position:relative; top:0px; width:600px;
}




/* typography
----------------------------------------------- */

p {line-height: 20px; margin-bottom:12px; font-size:12px; text-align:justify;}
p.lead {font-size: 10px; }
span { font-size: 9px;}

ol, ul{ margin: 5px 0 15px 2px; list-style:none;}	
ol, ul, dl { line-height: 20px; }
ol li{ margin-bottom: 2px; }
li { font-size: 12px; list-style:none;}
li strong {color: #999;}

h1, h2, h3{ font-family: "Trebuchet MS",Verdana,Sans-Serif;}

h2 {
	font-size: 17px;
	letter-spacing: 9px;
	color: #369;
	text-transform: uppercase;
	padding:5px 0 0 0;
	}
	
h3 {
	font-size: 16px;
	letter-spacing: 4px;
	color: #887;
	text-transform: uppercase;
	padding-top: 5px;
	margin:0 0 10px 0;
	}

a, .contact-link{
	color: #999;
	text-decoration: none;
	/*cursor: hand*/;
	}

#content p a:hover,
#content dd a:hover {color: #835b33;}
a img {border: none;}

small {font-size: 0.8em;}

pre{
	display: block;
	margin: 1em 0 20px 0;
	padding: 0 0 8px 25px;
	border-left: 6px solid #0d0d09;
	background-color: #000;
	width:560px;
	/*overflow: auto;*/
	}

code{
	font-size: 11px;
	font-family: Verdana,Sans-Serif;
	background-color: #000;
	color: #8d8d73;
	padding: 3px 2px;
	}

pre code {padding:0; margin:0; width:540px;}

/* sidebar
----------------------------------------------- */
#sidebar a, #sidebar_index a {color: #fff;}

#sidebar h1 a, #sidebar_index h1 a {font-weight: bold;}
#sidebar h1 a:hover, #sidebar_index h1 a:hover {  }

#sidebar h1.logo a, #sidebar_index h1.logo a {color:#7e8ea4; font-weight: bold;}
#sidebar p, #sidebar p a, #sidebar_index p, #sidebar_index p a {color:#835b33;}
#sidebar p a:hover, #sidebar_index p a:hover {}
#sidebar p.sf, #sidebar_index p.sf {background:#0f0f0d url(../i/bg_ombra.gif) left no-repeat; padding:0 0 3px 5px; color:#999;}

#nav_index li {padding: 0; margin: 0;}
#nav_index a 
{
	display: block;
	height: 25px;
	padding: 2px 2px 1px 8px;
	margin:0;
	border-bottom:#000 solid 1px;
	color: #fff;
	background-color: #363633;
}

#nav_index a:hover
{
	color:#000;
	background-color:#a9c9d7;
}

#nav_index li.nav_on a
{
	color:#000;
	background-color:#9c9d9e;
}
	
#nav_index li.li_int a
{
	display: block;
	height:16px;
	padding: 0 2px 7px 15px;
	font-size:10px;
	color: #ccc;
	background-color: #262623;
}
	
#nav_index li.li_int a:hover
{
	color: #000;
	background-color: #1b657e;
}

#nav_index li.li_int_on a
{
	display: block;
	height:16px;
	padding: 0 2px 7px 15px;
	font-size:10px;
	color: #000;
	background-color: #9c9d9e;
}


#nav li {padding: 0; margin: 0;}
#nav a 
{
	display: block;
	height: 25px;
	padding: 2px 2px 1px 8px;
	margin:0;
	border-bottom:#000 solid 1px;
	color: #fff;
	background-color: #363633;
}

* html ul#nav a 
{
	display: block;
	height: 22px;
	padding: 2px 2px 1px 8px;
	margin:0;
	border-bottom:#000 solid 1px;
	color: #fff;
	background-color: #363633;
}

#nav a:hover
{
	color:#000;
	background-color:#a9c9d7;
}

* html ul#nav a:hover
{
	color:#000;
	background-color:#a9c9d7;
}

#nav li.nav_on a
{
	color:#000;
	background-color:#9c9d9e;
}
	
#nav li.li_int a
{
	display: block;
	height:16px;
	padding: 0 2px 7px 15px;
	font-size:10px;
	color: #ccc;
	background-color: #262623;
}
	
#nav li.li_int a:hover
{
	color: #000;
	background-color: #1b657e;
}

#nav li.li_int_on a
{
	display: block;
	height:16px;
	padding: 0 2px 7px 15px;
	font-size:10px;
	color: #000;
	background-color: #9c9d9e;
}

/* content
----------------------------------------------- */
#content ul{ margin-left: 4px;}
#content ul li{
	list-style: none;
	padding: 0 0 0 12px;
	background: url(../i/bullet.gif) no-repeat 0 6px;
	}
#content ul ul{ margin-top: 0;}
	
#content img
{
	border:7px solid #363633;
	border-bottom:17px solid #363633;
	margin:0 5px 10px 0;
}
#content img.img_home
{
	border:0;
	margin:0;
}


/* misc
----------------------------------------------- */

.section_first{
	/*border-top: 4px solid #3d3d33;*/
	margin:25px 0 0 0;
	padding: 10px 0 5px 0;
	width: 100%;
	}
.section{
	/*border-top: 4px solid #3d3d33;*/
	padding: 16px 0 5px 0;
	width: 100%;
	}
.first{ border-top: none; padding-top: 0; }

.thumbnail{
	padding: 3px 3px 8px 3px;
	background-color: #222;
	border: 1px solid #2a2a2a;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	}	


/* mie
--------------------------------------------------- */
.content_home {position:relative; top:25px; padding:0;}
.content_home h2 {padding-bottom:15px;}
.section_first h2 {padding-bottom:15px;}

.section_home 
{
	position:relative;
	top:45px;
	padding: 0 0 0.5em 0;
	width: 100%;
}
	
.linea {width:920px; height:2px; background:url(../i/linea.gif) left repeat-x; position:relative; left:-320px; top:0; margin:0 0 10px 0; z-index:-100;}
.linea_index {width:100%; height:2px; background:url(../i/linea.gif) left repeat-x; margin:0;}
* html div.linea_index {width:100%; height:2px; background:url(../i/linea.gif) left repeat-x; margin:0 0 -7px 0; padding:0;}

.span_ico {position:relative; left:0; top:0; display:inline; float:left; width:180px; height:174px;}
.span_descr {position:relative; top:0; display:inline; float:left; width:420px; height:174px;}

#contatti li{list-style:none;}
#txt_contatti {font-size:12px;}

/*-----------------------------------------------------------------------------------*/

#footer {position:fixed; bottom:0px; left:70px; width:830px; z-index:60;}
#footer p, #footer p a {color:#666; font-size:10px; display:block; vertical-align:text-top; margin:0 0 0 70px;}
#footer p a:hover {border-bottom:1px dotted #666;}

#footer_index {padding:10px 0 0 0;}
#footer_index p {color:#666; font-size:10px; display:block; vertical-align:text-top; margin:0 0 0 50px;}

#referer {margin:10px 0 0 50px;}

