/* Code by Filippo Montanari - www.cianciolab.com */



body {

	background-color : #EEE;

	margin: 0;

	text-align: center;

	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;

	color: #003F6A;

}

img {

	vertical-align: middle;

	border: 0;



}





form {

	margin: 0;

	padding: 0;

}

#container {

	margin: auto;

	width: 992px;

	background: White url(../images/container_bgr.gif) repeat-y top;

	padding: 0 6px;

	text-align: left;

}

.header {

	height: 117px;

	position: relative;

	border: 1px solid #C5C5C5;

	border-width: 0 1px;

}

.header.default { background: url(../images/header_home.gif) no-repeat right; }

.header.clienti { background: url(../images/header_clienti.gif) no-repeat right; }

.header.contatti { background: url(../images/header_contatti.gif) no-repeat right; }

.header.lavora { background: url(../images/header_lavora.gif) no-repeat right; }

.header.preventivi { background: url(../images/header_preventivi.gif) no-repeat right; }



/* BOX ricerca, login in div header */

#login {

	position: absolute;

	bottom: 0 !important; bottom: -1px;

	right: 15px;

}

#loginContent {

	background: url(../images/loginContent_bgr.png) no-repeat top;

	height: 72px;

	width: 227px;

	padding: 0 10px 0 10px;

}

#find {

	position: absolute;

	bottom: 0 !important; bottom: -1px;

	right: 290px;

}

#findContent {

	background: url(../images/findContent_bgr.png) no-repeat top;

	height: 27px;

	width: 227px;

	padding: 0 10px 0 10px;

}

#login input, #find input {

	border: 0;

	vertical-align: middle;

	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;

	color: #003F6A;

}

#login a {

	color: #0170B7;

	text-decoration: none;

	letter-spacing: 1px;

	font-size: 10px;

}

#login a:hover {

	color: #003F6A;

	text-decoration: underline;

}



/* Menu principale */

#navFst {

	border: 1px solid #D38E00;

	border-width: 0 1px 1px 1px;

	height: auto !important;

	height: 21px; min-height: 21px;

	background: #FEB51F url(../images/navFst_bgr.gif) no-repeat top;

	position: relative;

	overflow: auto;

	clear: both;

}

#navFst ul {

	list-style-type: none;

	margin: 5px 0 0 225px; padding: 0;

}

#navFst ul li {

	float: left;

	border-right: 2px solid #D38E01;

}

#navFst li a {

	font-weight: bold;

	color: #9E6A00;

	text-decoration: none;

	letter-spacing: 1px;

	display: block;

	padding: 0 19px;

}

#navFst li a:hover {

	color: White;

}

#navFst li a.current {

	color: White;

}



/* TABLE main - contenuti principali */

table#main {

	background: url(../images/main_bgr.gif) repeat-x top;

	border: 1px solid #C5C5C5;

	border-width: 0 1px;

	padding-top: 15px;

}

#main td {

	vertical-align: top;

}



/* Menu di secondo livello - spalla sinistra */

td#navSec {

	width: 198px;

	background: url(../images/navSec_bgr.gif) no-repeat bottom left;

	padding-bottom: 250px;

}

#navSec ul {

	list-style-type: none;

	margin: 0; padding: 0;

	background-color: White;

}

#navSec li {

	background: White url(../images/navSec-li_bgr.gif) no-repeat bottom left;

	display: inline;

}

#navSec a {

	border-left: 6px solid #F09D01;

	display: block;

	color: #003F6A;

	text-decoration: none;

	padding: 5px 9px 9px 9px;

	margin-bottom: 7px;

	background: White url(../images/navSec-li_bgr.gif) no-repeat bottom left;

}

#navSec a:hover {

	border-left: 6px solid #0170B7;

	color: #F09D01;

}

#navSec a.current {

	border-left: 6px solid #0170B7;

	font-weight: bold;

	color: #F09D01;

}



/* Contenuto centrale */

#mainContent {

	padding-right: 10px;

}

#mainContent ul {

	list-style-image: url(../images/mainContent-li.gif);

	margin: 10px 0 10px 30px; padding: 0;

}



/* Menu di terzo livello - spalla destra */

td#navTrd {

	width: 168px;

}



/* footer */

#footer {

	background: #FDB41E url(../images/footer_bgr.gif) no-repeat top left;

	border: 1px solid #D38E00;

	text-align: center;

	letter-spacing: 1px;

	color: #9E6A00;

	font-weight: bold; font-size: 10px;

	padding: 3px 0;

}

#footer span {

	color: #0170B7;

}

#bottomShadow {

	height: 5px;

	background: url(../images/bottomShadow.gif) repeat-x top;

	width: 1004px;

	margin: auto;

}



/* HomePage */

#mainContent .hpCentral {

	margin-left: 10px;

}

.prodottoprincipale {

	background: url(../images/hp-prodottoprincipale_bgr.jpg) no-repeat left;

	height: 101px;

	padding: 0 10px 0 190px;

}

.focusprodotto {

	background: #E6F0F7 url(../images/hp-focusprodotto_bgr.jpg) no-repeat right 50%;

	height: 86px;

	padding: 10px 90px 10px 10px;

}

.prodottosimple {

	background: url(../images/hp-prodottosimple_bgr.jpg) no-repeat left 50%;

	height: 90px;

	padding: 10px 10px 0 90px;

}

.offerte {

	padding: 10px;

}

.partnerlab {

	background: url(../images/hp-partnerlab_bgr.gif) no-repeat 50%;

	height: 80px;

	padding: 5px 10px 0 10px;

}

a.portfoliolab {

  border: 0 !important;

  border-right: 6px solid #F09D01;

  display: block;

}

a:hover.portfoliolab {

  border-right: 6px solid #0170B7;

} 

.portfoliolab img {

  border-right: 6px solid #F09D01 !important;

  border: 0;

	/* aggiunta Antonio Pisaniello */

	padding-left:15px;

	padding-right:40px;

	width:107px;

	height:50px;

}

.portfoliolab img:hover {

  border-right: 6px solid #0170B7 !important;

}



/* Elenco Prodotti/Servizi (UL spalla dx) */

ul.menuProdServ {

	list-style-type: none;

	margin: 0; padding: 0;

}

.menuProdServ li {

	border-bottom: 1px dotted #C5C5C5;

	margin-bottom: 7px;

}

.prodottilab li { background: url(../images/ico-prodottolab.gif) no-repeat left; }

.servizilab li { background: url(../images/ico-serviziolab.gif) no-repeat left; }

.prodottilab a, .servizilab a:hover { border-right: 6px solid #F09D01; }

.prodottilab a:hover, .servizilab a { border-right: 6px solid #0170B7; }

.menuProdServ a {

	display: block;

	color: #003F6A;

	text-decoration: none;

	padding: 4px 0 7px 23px;

}

.menuProdServ a:hover {

	color: #F09D01;

}

.menuProdServ a.current {

	color: #F09D01;

	font-weight: bold;

}



/* MiniBox lista portfolio */

.miniBox {

	width: 380px;

	height: 100px;

	float: left;

	border-bottom: 1px dotted #C5C5C5;

	margin-right: 11px;

	padding: 5px 0;

}

.miniBox img {

	float: left;

	border: 1px solid #B2D4E9;

	margin-right: 5px;

}

.miniBox a {

	text-decoration: none;

	color: #F09D01;

}

.miniBox a:hover {

	text-decoration: underline;

}

.miniBox span {

	display: block;

	text-align: right;

}

.miniBox span a {

	background: url(../images/ico-casestudies.gif) no-repeat right;

	padding: 4px 25px 5px 0;

	color: #0170B7;

}



/* Generic Classes */

.dotted {

	/* background: url(../images/dot.gif) repeat-x bottom; */

	border-bottom: 1px dotted #C5C5C5;

}

#main h2 {

	color: #0170B7;

	font: bold 16px Arial, Helvetica, sans-serif;

	margin: 0 0 5px 0; padding: 0;

}

#main h2 span {

	color: #D38E00;

}

#main p {

	padding: 0;

	margin: 0 0 5px 0;

}

#briciola {

	font-size: 10px;

	color: #D38E01;

	margin-bottom: 10px;

}

#briciola a {

	color: #003F6A;

	text-decoration: none;

}

#briciola a:hover {

	color: #F09D01;

}

a.linkBlock {

	display: block;

	color: #003F6A;

	text-decoration: none;

	background: url(../images/linkBlock.gif) no-repeat left 50%;

	padding-left: 12px;

}

a:hover.linkBlock {

	color: #F09D01;

}

h2#titoloProdotto {

	background: url(../images/dettaglio-tit-prodotto.gif) no-repeat bottom left;

	border-bottom: 1px dotted #C5C5C5;

	height: 70px;

	padding: 27px 0 0 100px;

	margin-bottom: 20px;

}





/* contenitore news scroller */

#marqueecontainer{

position: relative;

width: 175px; /*marquee width */

height: 60px; /*marquee height */

background-color: white;

overflow: hidden;

padding: 2px;

padding-left: 4px;

}





/* CODE by Antonio Pisaniello - www.webdigitaldesign.it */





/* immagini homepage */

.partnerlab img{

	width:107px;

	height:50px;

}







#ContentLavora{

	width:700px;

	text-align:justify;

	font: 12px Arial, Helvetica, sans-serif;

	color: #666666;



}





#ContentSpace{

	width:100%;

	font: 12px Arial, Helvetica, sans-serif;

	color: #666666;
	
	padding-bottom:15px;

}



#ContentAll{

	width:95%;

	font: 12px Arial, Helvetica, sans-serif;

	color: #666666;

	margin-left:10px;

	float:left;

	text-align:justify

}



#ContentSpace h2 {

	color: #0170B7;

	font: bold 14px Arial, Helvetica, sans-serif;

}





#ContentSpace h4{

	color: #0170B7;

	font: bold 12px Arial, Helvetica, sans-serif;

}



#ContentSpace h5 {

	color: #D38E00;

	font: bold 12px Arial, Helvetica, sans-serif;

}







#ContentSpace p {

	color: #666666;

	font: 12px Arial, Helvetica, sans-serif;

}



#ContentSpace a {

	color: #0170B7;

	text-decoration: none;

}

#ContentSpace a:hover {

	color: #F09D01;

	text-decoration: underline;

}



#ContentLeftAria {

width:180px;

float:left;

margin:5px;

}



#ContentLeft2 {

	width:355px;

	float:left;

	margin-left:5px;

	text-align:justify



}





#ContentRight2 {

	width:400px;

	font: 12px Arial, Helvetica, sans-serif;

	color: #666666;

	margin-left:10px;

	float:left;

	text-align:justify

}





#ContentLeft3 {

	width:255px;

	float:left;

	margin-left:5px;

	text-align:justify

}





#ContentRight3 {

	width:500px;

	margin-left:10px;

	float:left;

	text-align:justify



}



#ContentLeft4 {

width:50%;

float:left;

margin-left:5px;

}





#ContentRight3 {

	width:40%;

	margin-left:10px;

	float:left;

	text-align:justify



}









#ContentLeft {

width:30%;

float:left;

margin-left:5px;

text-align:justify;

}





#ContentRight {

	width:65%;

	margin-left:10px;

	margin-right:10px;



	float:left;

	text-align:justify



}







#ContentRight h2 {

	color: #0170B7;

	font: bold 14px Arial, Helvetica, sans-serif;

}



#ContentRight h4 {

	color: #0170B7;

	font: bold 12px Arial, Helvetica, sans-serif;

}





#ContentRight h5 {

	color: #D38E00;

	font: bold 12px Arial, Helvetica, sans-serif;

}



#ContentRight h6 {

	text-align:justify;

	font: 12px Arial, Helvetica, sans-serif;

	color: #666666;

}



#ContentRight p {

	color: #666666;

	font: 12px Arial, Helvetica, sans-serif;

}



#HousingServer{

clear:both;

margin:5;

}





#clear{

	clear:both;

}



/* tag */



.tag:link {	

	color: #999;

	font-size:10px;

	background-color:#fff;

	text-decoration: none;

	outline: none;

}



.tag:visited {	

	color: #fff;

	border: 1px solid #EAEAEA;

	background-color:#6CABD5;

	font-size:10px;

	text-decoration: none;

	outline: none;

}



.tag:hover {

	color: #000;

	font-size:10px;

	background: inherit;

}





.Sitemap a{

	color: #0170B7;

	text-decoration: none;

}



.Sitemap a:hover {

	color: #F09D01;

	text-decoration: underline;

}



#Sitemap h2{

	color: #F09D01;

}



.Info p{

	margin:10px;

	float:left;

}



.Info a{

	font-size:15px;

	font-weight:bold;

	text-decoration:none;

}







.Info a:hover{

	font-size:15px;

	font-weight:bold;

	text-decoration: underline;

}



.FormTxt{

	color:#666666;

}

.bttnRed {margin-left:175px;}

.bttnRed {background-color:#F9AF18; color:#fff; font-weight:bold; font-size:1em; cursor:pointer; float:right; }





/* contenitore offerte */



.contenitore {

	width:100%;

	margin: 0px auto;

	clear: both;

}



.contenitore div{float:left;}



.divsx{

	width:56%;

	text-align:justify;

}



.divdx{

	width:44%;

	float:right;

	text-align:justify;

}



.divsx2{

	width:40%;

	text-align:justify;

}


#call{ text-align:center; padding:20px;}
#call h2{ font-size:24px;}
