@charset "UTF-8";
/*
LEGENDA

	1.0 GRID
	2.0 FORMATTAZIONE
		2.1 FORMATTAZIONE: "P"
		2.2 STILI TITOLI
		2.3 COLONNA NEWS HOMEPAGE
		2.4 LINKS FILMATI
		2.5 COLONNA CLIENTI HOMEPAGE
		2.6 COLONNA PORTFOLIO PORTFOLIO
		2.7 VETRINA PORTFOLIO
	3.0 LINKS
		3.1 LINKS GENERALI
		3.2 LINKS NAVIGAZIONE
		3.3 LINKS FILMATI
	4.0 LAYOUT
		4.1 HOMEPAGE
		4.2 DIAMETRO
		4.3 PORTFOLIO
		4.5 CONTATTI
		4.6 AREA RISERVATA
	5.0 BACKGROUNDS
	6.0 CLASSI RIUTILIZZABILI
		6.1	CLASSI RIUTILIZZABILI: COLORI
		6.2 EFFETTO BORDO
		6.3	CLASSI RIUTILIZZABILI: IMMAGINI
	7.0 HACKS
		7.1 HACKS: CLEARFIX
	8.0 MODAL
	9.0 NEWS
	10.0 TB
*/

* {
	margin:0;
	padding:0;
	list-style: none outside;
}

/*
---------------------------------------------------------------------------------------
1.0 GRID
---------------------------------------------------------------------------------------
*/
body {
	font-size:75%;
	font-family:Arial, Helvetica, sans-serif;
	color:#333
}
html>body { font-size:12px }
/*
---------------------------------------------------------------------------------------
2.0 FORMATTAZIONE
---------------------------------------------------------------------------------------
*/

/* 2.1 "P" */
p {
	font-size:1em;
	line-height:1.5em;
	margin:0 0 0.75em
}
#footer p {
	font-size:0.92em;
	font-style:normal;
	line-height:1.25em;
	font-weight:normal;
	padding-bottom:0.75em
}
.col_portfolio p {
	font-size:1.083em;
	color:#000
}

/* 2.2 STILI TITOLI */
h1 {
	line-height:1.5em;
	font-size:1.167em;
	font-weight:normal;
	margin:0 0 1em 0
}
h2 {
	font-size:1.167em;
	line-height:1.286em;
	font-weight:normal;
	margin:0 0 0.75em 0;
	color:#000
}
#description h1 {
	padding-top: 1.5em;
	padding-right: 18px;
	padding-left: 36px;
	color: #FFFFFF
}

/* 2.3 COLONNA NEWS HOMEPAGE */
.col_news h2 {
	font-size:1.1667em;
	font-weight:bold;
	font-style:normal;
	line-height:1.286em;
}
.col_news h3 {
	font-size:1em;
	color:#006e82;
	font-style:normal;
	line-height:1.5em;
	font-weight:bold;
	font-family: "Trebuchet MS", Trebuchet, Arial, Tahoma, sans-serif;
}
.col_news h4 {
	font-size:0.833em;
	color:#898989;
	font-family:"Trebuchet MS", Trebuchet, Arial, Tahoma, sans-serif;
	font-style:normal;
	line-height:1.5em;
	font-weight:normal;
	padding-top: 0.33em;
	letter-spacing: 0.1em;
}
.col_news .abstract {
	font-size:1.083em;
	color:#464646;
	font-style:normal;
	line-height:1.5em;
	font-weight:normal
}

/* 2.4 LINKS FILMATI */
.movie h3 {
	padding-left: 24px;
	font-weight: normal;
}
.movie p { padding-left: 24px; }

/* 2.5 COLONNA CLIENTI HOMEPAGE */
.clients h2 {
	font-size:1.167em;
	line-height:1.5em;
	margin:0em 0 0.643em;
	font-weight:bold;
	color:#000;
}
.clients ul { line-height:1.5em }

/* 2.6 COLONNA PORTFOLIO PORTFOLIO */
.box_portfolio ul {
	font-size:1.083em;
	line-height:1.5em;
}
.box_portfolio ul li { height: 1.5em; }

/* 2.7 VETRINA PORTFOLIO */
ul.vetrina {
	float:left;
	display:block;
	width: 288px;
}

/* 2.7 COLONNA GADGETS HOMEPAGE */
.gadgets dl {
	position: relative;
	height: 180px;
}
.gadgets dt {
	position: absolute;
	font-family:"Trebuchet MS",Trebuchet,Arial,Tahoma,sans-serif;
	font-size: 0.833em;
	color: #FFFFFF;
	padding-right: 18px;
	padding-left: 36px;
	background: url(../img/bg_grey_square.gif) repeat-y;
	height: 14px;
	padding-top: 4px;
}
.gadgets dd {}
.gadgets #immPag {
	display:block;
}

hr {
	clear:both;
	border-style: none;
}

.clear {
	clear: both;
	padding-top: 1em;
}

/*
---------------------------------------------------------------------------------------
3.0 LINKS
---------------------------------------------------------------------------------------
*/

/* 3.1 GENERALI */
a, a:link {
	text-decoration:none;
	color:#006e82;
	line-height: 1.285em;
	font-family:Arial, Helvetica, sans-serif;
}
a:hover, a:focus { text-decoration:underline }

/* 3.2 NAVIGAZIONE */
#navigation ul { list-style: none outside; 	
}
#navigation ul li {
	height: 1.5em;
	color: #FFFFFF;
}
#navigation a {
	color: #FFF;
	text-transform: uppercase;
	line-height: 1.5em;
	font-size:0.917em;
	font-weight: bold;
	font-family: "Trebuchet MS", Trebuchet, Arial, Tahoma, sans-serif;
	letter-spacing: 0.1em;
	text-decoration: none
}
#navigation a:hover, #navigation a:focus { color: #000 }
#navigation a.selected { color: #000 }

/* 3.3 LINKS FILMATI */
.movie h3 a { font-size: 1em; }

/*
---------------------------------------------------------------------------------------
4.0 LAYOUT
---------------------------------------------------------------------------------------
*/

#wrapper { width:864px }
#header { height:9em }

/*logo FAR*/
.logo { }
.logo a {
	display:block;
	background:url(../img/logo.gif) no-repeat 0 0;
	width:200px;
	height:0pt;
	padding-top: 9em;
	overflow: hidden;
}

#description {
	float:left;
	width:576px;
	height:15em;
	background-color:#125B6E;
	background-image:url(../img/bg_green_square.gif);
	background-position:top left;
	background-repeat:repeat-y;
}
#navigation {
	float:left;
	width:252px;
	height:13.5em;
	background-color:#125B6E;
	padding-top:1.5em;
	padding-left:36px;
	background-image:url(../img/bg_green_square.gif);
	background-position:top left;
	background-repeat:repeat-y;
}

/*body#home #content {
	clear:both;
	position: relative;
	background: #E6E6E6;
}

body#news #content {
	clear:both;
	position: relative;
	background: #E6E6E6;
}

body#scheda #content {
	clear:both;
	position: relative;
}

body#contatto #content {
	clear:both;
	position: relative;
}
*/
#content {
	clear:both;
	position: relative;
	background: #E6E6E6 url(../img/content_bg.png) repeat-y left top;
}

.col_news {
	float:left;
	width:288px;
	height:30em
}
.txt_news {
	background:url(../img/bg_grey_square.gif) no-repeat top left;
	width:234px;
	padding:0 18px 0 36px
}
.gadgets {
	float:left;
	width:288px;
	height:30em
}
.clients {
	float:left;
	width:234px;
	height:28.5em;
	padding:1.5em 18px 0 36px
}

.gadgets #slide { height: 180px; }
#footer {
	clear:both;
	padding-left:36px;
	padding-top:4.5em
}

/* 4.2 SEZIONE CHI SIAMO */
.col_chisiamo {
	float:left;
	width:234px;
	padding:1.5em 18px 1.5em 36px;
}
.box_chisiamo {
	float:left;
	width:522px;
	/*height:28.5em;*/
	padding:1.5em 18px 1.5em 36px;
	/*overflow: auto;*/
}

.box_chisiamo h2 {
	font-size: 1.167em;
	line-height: 1.5em;
	margin-bottom: 1em;
}
.box_chisiamo dl {
	float: left;
	width: 174px;
	padding-bottom: 1.5em;
}
.box_chisiamo dt {
	font-weight: bold;
	color: #000000;
	font-family: "Trebuchet MS", Arial, Tahoma, sans-serif;
	text-transform: uppercase;
	font-style: normal;
	line-height: 1.5em;
	font-size:0.917em;
	letter-spacing: 0.1em;
}
.box_chisiamo dd { }

.box_chisiamo dd.mail { padding-top: 1em; }

/* 4.3 SEZIONE PORTFOLIO */
.col_portfolio {
	float:left;
	width:234px;
	padding:1.5em 18px 0 36px;
	height:28.5em
}
.box_portfolio {
	float:left;
	width:522px;
	/*height:28.5em;*/
	padding:1.5em 18px 1.5em 36px;
	/*overflow: auto;*/
}
.box_portfolio dl {
	float: left;
	width: 261px;
	padding-bottom: 1.5em;
}
.box_portfolio dt {
	font-weight: bold;
	color: #000000;
}
.box_portfolio dd {}

body#scheda #content { position: relative; }

#schedaPortfolio {
	float:left;
	width:288px;
	overflow:hidden;
	position: absolute;
	left: 0px;
	top: 0px;
}

#schedaPortfolio .AccordionPanel {
	
}

#schedaPortfolio .AccordionPanel .AccordionPanelTab {
	color: #FFF;
	text-transform: uppercase;
	font-size:0.917em;
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, sans-serif;
	letter-spacing: 0.1em;
	background: #125B6E;
	padding-left: 36px;
	height:23px;
	padding-top:7px;
}

#schedaPortfolio .AccordionPanel .AccordionPanelContent { 
	padding:0.5em 18px 1.5em 36px;
	height: 175px;
	overflow: auto; 
}

#schedaPortfolio .AccordionPanel .AccordionPanelContent h4 {
	font-size:0.833em;
	line-height: 1.8em;
	color: #333;
}

#schedaPortfolio .AccordionPanel .AccordionPanelContent h1 {
	margin: 0px;
	padding: 0px;
}

#schedaPortfolio .AccordionPanel .AccordionPanelContent h2 {
	font-size:1em;
	line-height: 1.5em;
	color: #333;
}

#schedaPortfolio .AccordionPanel .AccordionPanelContent ul {
	font-size:1em;
	line-height: 1.5em;
	color: #333;
	list-style: none;
	padding-bottom: 0.75em;
}

.schedaImmagine {
	width:576px;
	margin-left: 288px;
}

.schedaImmagine img {
	display: block;
}

.controlliImmagine {
	float:left;
	width:540px;
	height: 23px;
	background: #125B6E;
	padding-right: 18px;
	padding-left: 18px;
	padding-top: 7px;
}

.controlliImmagine .pager {
	float: left;
	color: #FFFFFF;
}

.controlliImmagine .pager a {
	color: #CCCCCC;
	text-decoration: none;
	padding-right: 10px;
	outline:none;
}

.controlliImmagine .pager a.activeSlide {
	color: #FFFFFF;
	text-decoration: none;
}

.controlliImmagine .goBack { float: right; }

.controlliImmagine .goBack a {
	color: #FFFFFF;
	text-decoration: none;
}

/* 4.4 SEZIONE CONTATTI */
.col_contatti {
	float:left;
	width:234px;
	padding:1.5em 18px 0 36px;
	height:28.5em
}

a.lente {
	background: url(../img/ico_lente.gif) no-repeat left 2px;
	padding: 0px 0px 5px 20px;
	display: block;
	margin-top: 20px;
}

.box_contatti {
	float:left;
	width:576px;
}

.box_contatti iframe {
	display:block;
}

.box_contatti dl {
	float: left;
	width: 234px;
	padding-bottom: 1.5em;
}
.box_contatti dt {
	font-weight: bold;
	color: #000000;
}
.box_contatti dd {}

/*
---------------------------------------------------------------------------------------
5.0 BACKGROUNDS
---------------------------------------------------------------------------------------
*/

body { background: #E6E6E6 url(../img/bg_body.gif) repeat-y left top }
#navigation { background: #125B6E url(../img/bg_navigation.png) repeat-y left bottom }
/*
---------------------------------------------------------------------------------------
6.0 CLASSI RIUTILIZZABILI
---------------------------------------------------------------------------------------
*/

/* 6.1 COLORI */
.bianco { background:#FFF; }
.grigio { background: #E6E6E6 }
.azzurro { background: #D1DCDB }
/* 6.2 EFFETTO BORDO */
.bordo_grigio_scuro {
	background-image:url(../img/bg_grey_square.gif);
	background-position:top left;
	background-repeat:repeat-y;
}
.bordo_grigio_chiaro {
	background-image:url(../img/bg_grey_light_square.gif);
	background-position:top left;
	background-repeat:repeat-y;
}
.bordo_verde {
	background-image:url(../img/bg_green_square.gif);
	background-position:top left;
	background-repeat:repeat-y;
}
/* 6.3 IMMAGINI */
.block { display: block; }
.float { float:left; }

/*
---------------------------------------------------------------------------------------
7.0 HACKS
---------------------------------------------------------------------------------------
*/

/* 7.1 CLEARFIX */
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
}
.clearfix { display:inline-block }
/* Hides from IE-mac \*/
* html .clearfix { height:1% }
.clearfix { display:block }
/* End hide from IE-mac */

/*
---------------------------------------------------------------------------------------
8.0 GALLERY LAVORO
---------------------------------------------------------------------------------------
*/
#gal a { border: 1px solid #ccc; background: #fc0; text-decoration: none; margin: 0 5px; padding: 3px 5px; }
#gal a.activeSlide { background: #ea0 }
#gal a:focus { outline: none; }
#pics {
	width: 576px;
	height: 432px;
}

/*
---------------------------------------------------------------------------------------
9.0 NEWS
---------------------------------------------------------------------------------------
*/
.col_news_dett {
	float:left;
	width:234px;
	padding:1.5em 18px 3em 36px
}

.col_news_dett h2 {
	font-size:1.1667em;
	font-weight:bold;
	font-style:normal;
	line-height:1.286em;
}
.col_news_dett h3 {
	font-size:1em;
	color:#006e82;
	font-style:normal;
	line-height:1.5em;
	font-weight:bold;
	font-family: "Trebuchet MS", Trebuchet, Arial, Tahoma, sans-serif;
}
.col_news_dett h4 {
	font-size:0.833em;
	color:#898989;
	font-family:"Trebuchet MS", Trebuchet, Arial, Tahoma, sans-serif;
	font-style:normal;
	line-height:1.5em;
	font-weight:normal;
	padding-top: 0.33em;
	letter-spacing: 0.1em;
}

.box_news {
	float:left;
	width:288px;
	height:30em;
}

.box_ultimenews {
	float:left;
	width:234px;
	padding:1.5em 18px 0 36px
}

.box_ultimenews dl { padding-bottom: 0.75em; }

.box_ultimenews dl dt.titolo {}

.box_ultimenews dl dd.data {
	font-size:0.833em;
	color:#898989;
	font-family:"Trebuchet MS", Trebuchet, Arial, Tahoma, sans-serif;
	font-style:normal;
	line-height:1.5em;
	font-weight:normal;
	letter-spacing: 0.1em;
}

.box_archivio {
	float:left;
	width:522px;
	padding:1.5em 18px 0 36px
}

.box_archivio dl {
	float: left;
	width: 261px;
	padding-bottom: 1.5em;
}

.box_archivio dl dt.titolo {}

.box_archivio dl dd.data {
	font-size:0.833em;
	color:#898989;
	font-family:"Trebuchet MS", Trebuchet, Arial, Tahoma, sans-serif;
	font-style:normal;
	line-height:1.5em;
	font-weight:normal;
	letter-spacing: 0.1em;
}

/*
---------------------------------------------------------------------------------------
10.0 HACKS
---------------------------------------------------------------------------------------
*/

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}

/*
---------------------------------------------------------------------------------------
FOOTER LEFT-RIGHT
---------------------------------------------------------------------------------------
*/
#wrapper #footer .left { float: left; }

#wrapper #footer .right { float: right; }

/*
---------------------------------------------------------------------------------------
FIRMA
---------------------------------------------------------------------------------------
*/
p.firma {
	font-size:0.917em;
	line-height: 1.636em;
	color: #999999;
	text-align:right;
}

p.firma a.webtags {
	color: #333333;
	background: url(../img/logo_webtags.gif) no-repeat right center;
	padding: 5px 18px 5px 0px;
}

p.firma a.diametro {
	color: #333333;
	background: url(../img/logo_diametro.gif) no-repeat right center;
	padding: 5px 18px 5px 0px;
}