/* IMPOSTAZIONI GENERALI DI RESET */

/* Reset generale dei padding e dimensioni font */

h1, h2, h3, h4, h5, h6, p, form, 
dl, dt, dd, ol, ul, li, table {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

/* Stili generici */

body {
	font-family:Lucida Grande,Lucida Sans Unicode,'Georgia',Times,serif;
	font-size:0.8em;
	line-height:1.5em;
	background:url(../_img/bg_body.jpg) bottom right no-repeat #04090F;
	margin: 0;
	padding: 0;
}
input, textarea {
	font-family:Lucida Grande,Lucida Sans Unicode,'Georgia',Times,serif;
	font-size:0.85em;
	margin:4px 0;
	color:#666666;
	padding:0;
}

ol, ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

h1 {
	font-size:140%;
}
h2 {
	font: 130%;
}
h3 {
	font: 110%;
}
a {
	color:#666666;
}
p {
	padding:3px;
}
.clear {
	clear:both;
}
.alignRight {
	float:right;
	padding: 0 0 5px 5px;
}
.alignLeft {
	float:left;
	padding: 0 5px 5px 0;
}
a img {
	border: none;
}
/* CONTENITORE PRINCIPALE */

#page {
	width:100%;
	background: url(../_img/bg_page.png) no-repeat top left;
}

/* CONTENITORE SITO */

#container {
	width:1000px;
}

/* HEADER */

#header {
	height: 65px;
	padding:9px 0 0 36px;
}
#header #logo {
	float:left;
	width: 180px;
}

/* HEADER Menu */

#header #menu {
	float:left;
	width: 780px;
}
#header #menu li {
	float:left;
}
#header #menu li a, #header #menu li a.sel {
	color:#d9d9d9;
	text-decoration:none;
	padding: 6px 8px;
	font-size:1.0em;
	background:url(../_img/menu_div.gif) no-repeat right;
	display:block;
}
#header #menu li a.lastItem {
	background:none;
	padding-right:0;
}
#header #menu li a:hover {
	color:#FFFFFF;
	border-bottom:3px solid #FFFFFF;
}

/* CONTENITORE BLOCCO A SINISTRA */

#content {
	clear: both;
}

.mappa {
	width: 660px;
	height: 350px;
}

/* CONTENITORE TESTI E PORTFOLIO */

#content #mainBox {
	width:738px;
	float: left;
}
#content #mainBox #mainBox_top {
	background:url(../_img/main_box_top.png) top left no-repeat;
	height:30px;
}
#content #mainBox #mainBox_middle {
	background:url(../_img/main_box_middle.png) top left repeat-y;
	width: 738px;
}
#content #mainBox #mainBox_bottom {
	background:url(../_img/main_box_bottom.png) bottom left no-repeat;
	height:22px;
}
#content #mainBox #mainBox_middle #text {
	padding: 0 36px 20px 36px;
}
#content #mainBox #mainBox_middle #text h1 {
	padding:0 0 20px 0;
}
#content #mainBox #mainBox_middle #text h1.divider {
	border-top:1px solid #E1E1E1;
	padding-top:20px;
	margin-top: 10px;
}
#content #mainBox #mainBox_middle #text h2.subtitle {
	border-top:1px solid #E1E1E1;
	padding-top:20px;
	margin-top: 10px;
	font-size:1.3em;
	margin-bottom:8px;
}
#content #mainBox #mainBox_middle #text ul{
	list-style-type:circle;
	margin-left: 18px;
}

/* PORTFOLIO */

#content #mainBox #mainBox_middle #portfolio {
	width: 400px;
	float: left;
	margin-right: 30px;
}
#content #mainBox #mainBox_middle #portfolio p {
	margin-left:13px;
}
#content #mainBox #mainBox_middle #portfolio ul {
	margin-left:30px;
	list-style:circle;
}
#content #mainBox #mainBox_middle #portfolio ul li {
	border-bottom:1px solid #E1E1E1;
}
#content #mainBox #mainBox_middle #portfolio ul li a, #content #mainBox #mainBox_middle #portfolio ul li .noLink {
	text-decoration:none;
	display:block;
	color:#333333;
	padding:5px 0 5px 5px;	
}

#content #mainBox #mainBox_middle #portfolio ul li a:hover {
	background-color: #e3e3e3;
}
#content #mainBox #mainBox_middle #portfolio #web,
#content #mainBox #mainBox_middle #portfolio #grafica,
#content #mainBox #mainBox_middle #portfolio #multimedia {
	height: 170px;
}
#content #mainBox #mainBox_middle #portfolio #web {
	border-left: 25px solid #e2001a;
}
#content #mainBox #mainBox_middle #portfolio #grafica {
	border-left: 25px solid #f29400;
}
#content #mainBox #mainBox_middle #portfolio #multimedia {
	border-left: 25px solid #6e0154;
}
#content #mainBox #mainBox_middle #portfolio #web h2,
#content #mainBox #mainBox_middle #portfolio #grafica h2,
#content #mainBox #mainBox_middle #portfolio #multimedia h2 {
	padding-left: 34px;
	line-height:25px;
	display:block;
	margin: 0 0 15px 13px;
}
#content #mainBox #mainBox_middle #portfolio #web h2 {
	background:url(../_img/dot_W.gif) top left no-repeat;
}
#content #mainBox #mainBox_middle #portfolio #grafica h2 {
	background:url(../_img/dot_G.gif) top left no-repeat;
}
#content #mainBox #mainBox_middle #portfolio #multimedia h2 {
	background:url(../_img/dot_M.gif) top left no-repeat;
}

#content #mainBox #mainBox_middle #portfolio h3 {
	padding:4px 0 0 15px;
}
img.details {
	border:none;
	float:right;
	margin-top:2px;
	margin-right:5px;
}
/* CASE STUDY */

#content #mainBox #mainBox_middle #caseStudy {
	width: 266px;
	float: left;
	background:url(../_img/bg_case.gif) top left no-repeat;
	padding: 10px 12px;
}
#content #mainBox #mainBox_middle #caseStudy #closeCaseStudy {
	background:url(../_img/bg_case_close.gif) bottom left no-repeat;
	display: block;
}
#content #mainBox #mainBox_middle #caseStudy .showcase {
	height: 150px;
	margin-top: 10px;
	border-bottom: 1px solid #efefef;
	width: 253px;
}
#content #mainBox #mainBox_middle #caseStudy .web a, .linkWeb {
	color:#e2001a;
	text-decoration:none;
}
#content #mainBox #mainBox_middle #caseStudy .grafica a, .linkGrafica {
	color:#f29400;
	text-decoration:none;
}
#content #mainBox #mainBox_middle #caseStudy .multimedia a, .linkMultimedia {
	color:#6e0154;
	text-decoration:none;
}
#content #mainBox #mainBox_middle #caseStudy .web a,
#content #mainBox #mainBox_middle #caseStudy .grafica a,
#content #mainBox #mainBox_middle #caseStudy .multimedia a {
	background:url(../_img/case_arrow.gif) left no-repeat;
	padding-left:15px;
	display:block;
}
#content #mainBox #mainBox_middle #caseStudy a.showcaseLinkImg {
	background: none;
	padding-left: 0;
}

img.imgShowcase {
	border:1px solid #e4e4e4;
	padding:10px;
	background-color:#FFFFFF;
}
#content #mainBox #mainBox_middle #caseStudy #paging {
	padding: 5px;
	text-align:right;
	background-color:#FFFFFF;
	margin-right:15px;
}
#content #mainBox #mainBox_middle #caseStudy #paging a {
	padding: 0 3px;
}
/* NEWS */
#content #mainBox #mainBox_middle #news ul {
	list-style:none;
	margin:0;
}
#content #mainBox #mainBox_middle #news ul li {
	border-bottom:1px solid #E1E1E1;
	padding: 10px 0;
}
#content #mainBox #mainBox_middle #news ul li a {
	color:#333333;
}
#content #mainBox #mainBox_middle #news ul li a:hover {
	text-decoration:none;
}
#content #mainBox #mainBox_middle #newsDetails ul {
	list-style:circle;
	margin-left:18px;
}
/* COLONNA DESTRA CONTENITORE BOX */

#content #boxColumn {
	width:240px;
	float:left;
	padding: 10px;
}
#content #boxColumn h2 {
	color: #FFFFFF;
	padding-left:5px;
}
h2.categorie {
	border-top:1px solid #EFEFEF;
	padding-top:10px;
	margin: 5px 15px 0 0;
}
h2.categorie a {
	text-decoration:none;
}
#content #boxColumn .boxBox {
	width:230px;
}

/* COLONNA DESTRA CONTENITORE BOX Lavagna */

#content #boxColumn #lavagna_top {
	background:url(../_img/lavagna_top.png) 0 0 no-repeat;
	height: 29px;
	margin-top: 10px;
	width:242px;
}
#content #boxColumn #lavagna {
	background: url(../_img/lavagna_base.png) 0 0 repeat-y;
	width:242px;
	color: #FFFFFF;
	font-size:0.9em;
	line-height:1.3em;
}
#content #boxColumn #lavagna_bottom {
  background: url(../_img/lavagna_bottom.png) 0 0 no-repeat;
  height: 30px;
  width:242px;
}
#content #boxColumn #lavagna p{
	padding:4px 25px;
}
#content #boxColumn #lavagna p.data{
	padding:4px 25px 0;
}
#content #boxColumn #lavagna h3{
	padding:5px 25px 0 25px;
}
#content #boxColumn #lavagna h3 a{
	color:#FFF;
}
#content #boxColumn #lavagna h3 a:hover{
	text-decoration:none;
}
#content #boxColumn #lavagna .abstract{
	color: #ffcc66;
	background:url(../_img/blackboard_div.gif) bottom no-repeat;
	padding-bottom:20px;
	display:block;
}

/* COLONNA DESTRA CONTENITORE BOX Tag Cloud */

#content #boxColumn #tagCloud {
	background:url(../_img/tag_cloud_top.png) top left no-repeat;
	margin-top: 10px;
	text-align: left;
	padding: 50px 40px 20px 20px;
	width: 180px;
}
#content #boxColumn #tags {
	text-align: center;
}
#content #boxColumn #tagCloud_close {
	background:url(../_img/tag_cloud_bottom.png) bottom left no-repeat;
	height:20px;
	display:block;
}
#content #boxColumn #tagCloud a {
	color: #0099CC;
}
#content #boxColumn #tagCloud .smallest {
	font-size: 80%;
}
#content #boxColumn #tagCloud .small {
	font-size: 90%;
}
#content #boxColumn #tagCloud .medium {
	font-size: 100%;
}
#content #boxColumn #tagCloud .large {
	font-size: 110%;
}
#content #boxColumn #tagCloud .largest {
	font-size: 120%;
}
/* COLONNA DESTRA CONTENITORE BOX Bianco generico */

#content #boxColumn .whiteGeneralBox_top {
	background:url(../_img/white_box_top.png) 0 0 no-repeat;
	height: 14px;
	margin-top: 10px;
	width:230px;
}
#content #boxColumn .whiteGeneralBox  {
	background: url(../_img/white_box_base.png) 0 0 repeat-y;
	padding: 0 15px;
	width:200px;
}
#content #boxColumn .whiteGeneralBox_bottom {
  background: url(../_img/white_box_bottom.png) 0 0 no-repeat;
  height: 15px;
  width:230px;
}
#content #boxColumn #whiteGeneralBox form {
	padding-top:10px;
}
div.descContatti {
	float:left;
	width:165px;
	padding-top:3px;
}
/* CAMPO NASCOSTO PER FORM */
input#nascosto {
	display: none;
}

/* FOOTER */
#footer {
	padding: 20px;
	font-size:90%;
	color:#000000;
	clear: both;
}
