* {margin:0; padding:0;}

html, body {height: 100%;}

body {font-family:Verdana,Geneva,sans-serif; font-size:15px; color:#fff;
	background:#083183 url(images/layout/body.jpg) top center no-repeat fixed;}

p {text-indent:9mm; line-height:24px; padding-bottom:10px}

h1 {padding-bottom:20px; font-size:34px}
#mainContent h1 {font-size:26px}
h2 {padding:15px 0 10px 0; font-size:29px}

h1, h2, h3 {color:#FF6200}
img {border:0}
a {color:#FFF}
a:hover {color:#F60; text-decoration:none;}
a:active {color:#0F0}

a.dotted {text-decoration:none; border-bottom:1px dashed #FFF}
a.dotted:hover {border:0}

ul {padding:0 0 0 30px}
ul.mappa {list-style-image:url(images/icon-pipetta.gif)}
ul.mappa ul {list-style-image:url(images/icon-pipettaV.gif)}
.mappa li {padding:5px}

#all {position: relative; width: 100%;
    height: auto !important;  /* FF2 & IE7 */
    height: 100%;      /* IE5.x & IE6 */
    min-height: 100%;  /* FF2 & IE7 */}

#container, #headerCont {width:905px; margin: 0 auto; padding:0}
#container {padding-bottom:47px;}
#header {height:123px; background:transparent url(images/layout/bg_header.png) repeat-x}
#page {width:905px; margin-top:17px;}

#headerCont {height:100%;}

#main { width:573px; float:left;}
#mainTop { background:transparent url(images/layout/bg_main_top.png) no-repeat bottom left; height:28px;}
#mainContent {background:transparent url(images/layout/bg_main.png) repeat-y left;padding:4px 34px;}
#mainBottom { background:transparent url(images/layout/bg_main_bottom.png) no-repeat bottom left; height:28px;}

/*#big { width:573px; float:left; }*/
#bigTop { background:transparent url(images/layout/bg_big_top.png) no-repeat bottom left; height:28px;}
#bigContent {background:transparent url(images/layout/bg_big.png) repeat-y left;padding:4px 34px;}
#bigBottom { background:transparent url(images/layout/bg_big_bottom.png) no-repeat bottom left; height:28px;}

#sidebar {background:url(images/layout/ultimilavori.png) no-repeat 0 0; width:313px; height:262px; float:left; margin:0 0 0 14px;}
#sidebar h2 {text-align:center; padding:28px 0 0 0; font-size:23px; color:#FF0}
#sidebar img {padding:25px 0 0 46px; border:0;}

#footCont {background:url(images/layout/bg_foot.png) repeat-x;float:left; width:100%; height:27px; padding-top:5px;
		position: absolute; bottom: 0;}
#footer {font-size:12px; text-align:left; width:900px;  color:#000; margin:0 auto; padding:2px 0}
#footer a {color:#000;}
#footer .left {float:left}
#footer .right {float:right; color:#333; position:relative; top:-1px}
#footer .right a {text-decoration:none; color:#333}

/* MENU */

.menu {list-style:none; float:right; margin-top:85px; padding:0; display:block; height:36px}
.menu li {display:block; height:36px; float:left; }
.menu li#home a {width:126px; background:url(images/menu.png) no-repeat 0 0}
.menu li#servizi a {width:110px; background:url(images/menu.png) no-repeat -126px 0}
.menu li#portfolio a {width:124px; background:url(images/menu.png) no-repeat -236px 0}
.menu li#contatti a {width:119px; background:url(images/menu.png) no-repeat -360px 0}

.menu li#home a:hover {background:url(images/menu.png) no-repeat 0 -72px}
.menu li#servizi a:hover {background:url(images/menu.png) no-repeat -126px -72px}
.menu li#portfolio a:hover {background:url(images/menu.png) no-repeat -236px -72px}
.menu li#contatti a:hover {background:url(images/menu.png) no-repeat -360px -72px}

.menu li#home a.current {background:url(images/menu.png) no-repeat 0 -36px}
.menu li#servizi a.current {background:url(images/menu.png) no-repeat -126px -36px}
.menu li#portfolio a.current {background:url(images/menu.png) no-repeat -236px -36px}
.menu li#contatti a.current {background:url(images/menu.png) no-repeat -360px -36px}

ul.menu li a {display:block; width:100%; height:100%; text-indent:-9999px; outline:none;}

a.titleInfo {cursor:help; text-decoration:none; border-bottom:1px dashed #FFF}
a.titleInfo:hover {color:#fff; border-bottom-style:solid}

/*----------------------------------------------*/
/*--------------------- HOME -------------------*/
/*----------------------------------------------*/

.qui {font-size:12px; color:#ccc; margin-bottom:10px; display:block}
.qui .home { font-size:12px; padding-left:15px; background:url(images/icon-home2.gif) no-repeat 0 4px}
.qui a {color:#ccc}
.qui a:hover {color:#FFF}

.banner {margin:0; float:left; padding-top:2px}

.error404 {font-size:18px;}
.error404 b {padding:20px 30px; display:inline-block; background:url(images/icon-warning.gif) no-repeat left center}

.external {padding-right:15px; background:url(images/icon-external.gif) no-repeat right center}
a.external:hover {background:url(images/icon-externalH.gif) no-repeat right center}

#treservizi {clear:left; height:323px;}
#treservizi ul {list-style:none; float:left; margin-top:15px; padding:0; display:block; height:308px}
#treservizi li {display:block; height:308px; width:301px; float:left}
#treservizi li a {display:block; width:100%; height:100%; text-indent:-9999px; outline:none;}

#treservizi li#serv1 a {background:url(images/servizihome.png) no-repeat 0 0}
#treservizi li#serv2 a {background:url(images/servizihome.png) no-repeat -300px 0}
#treservizi li#serv3 a {background:url(images/servizihome.png) no-repeat -600px 0}

#treservizi li#serv1 a:hover {background-position: 0 -308px}
#treservizi li#serv2 a:hover {background-position: -300px -308px}
#treservizi li#serv3 a:hover {background-position: -600px -308px}


/*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/

#slider {
	position:relative;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	right:10px;
	top:10px;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(/images/slider/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(/images/slider/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}


/*----------------------------------------------*/
/*----------------- CHI SONO -------------------*/
/*----------------------------------------------*/

#chisono span {display:block; padding-bottom:10px; line-height:24px}

#chisono dl {display:block; width:100%; margin:0 0 15px 30px; overflow:hidden}
#chisono dt {float:left; color:#FFF; font-weight:bold; width:30%; padding:4px 0; font-size:14px}
#chisono dd {float:left; padding:4px 0; width:65%; text-indent:0}

#chisono ul {margin-left:30px; list-style-image:url(/images/icon-pipetta.gif)}
#chisono li {padding-bottom:6px}

/*----------------------------------------------*/
/*------------------ SERVIZI -------------------*/
/*----------------------------------------------*/

/*
.servizi img {width:100%; height:70px}
*/
.servizi tr {vertical-align:middle}
.servizi td {padding-bottom:0px}
.servizi td.img {width:35%}

.servizi {font-size:14px; margin-top:0px}
.servizi .scheda {font-size:12px; color:#FF0; float:right; text-decoration:none}
.servizi a.scheda:hover { text-decoration:underline}

.serviziScheda img {float:right; padding:0 0 0 10px}
.serviziScheda ul li {line-height:24px}

.serviziScheda h3 {margin:25px 0 10px 0}
.descr {color:#fff; font-weight:normal}

.serviziScheda ul {margin:0 30px; padding-left:25px; list-style-image:url(../../../../images/icon-pipetta.gif)}
.serviziScheda ul li {padding-bottom:10px}

.serviziScheda .elenco {margin:0 30px;}
.serviziScheda .elenco a {display:block; color:#9F3; padding-left:25px; margin-top:20px; text-indent:0; 
		font-weight:bold; font-size:15px; background:url(../../../../images/icon-pipettaV.gif) no-repeat center left}
.serviziScheda .elenco span {display:block; padding-left:35px; line-height:22px; text-indent:.5cm}
/*
p.serviziTit, .portfolioTit {color:#9F3}

p.serviziTit {padding:20px 0 10px 0; text-indent:0; font-weight:bold; font-size:14px }
p.serviziDescr {padding:0 0 0 20px}

ul.servizi {margin:0; list-style-image:url(images/icon-piu.gif); padding-left:60px}
*/
/*----------------------------------------------*/
/*------------------ PORTFOLIO -----------------*/
/*----------------------------------------------*/

dt {text-indent:0;  }
dd {line-height:22px; text-indent:.5cm}

.portfolioDiv {width:700px; margin:0 auto}
.portfolioDiv h3 {font-size:20px; color:#9F3; padding:0 0 8px 0}
.portfolioDiv dl {display:block; width:100%; margin:10px 0 25px 0; overflow:hidden}
.portfolioDiv dt {float:left; color:#FFF; font-weight:bold; width:150px; padding:4px 0 4px 6px; font-size:14px}
.portfolioDiv dd {float:left; padding:2px 0; width:540px; text-indent:0}

.portfolioDiv ul {width:100%; list-style:none; padding:0}
.portfolioDiv li {background:#FFF; border:1px solid #FFF; float:left;
margin:0 5px 10px 0; position:relative; text-align:center;}
.portfolioDiv li a {border:0 none; float:left; height:120px; width:120px; padding:5px;}
.portfolioDiv li img {border:0 none; float:left; height:120px; width:120px;}

/* box */

#moveContainer {width:100%; overflow:hidden; position:relative; height:900px}
#moveBig {width:200%; position:relative;}
#moveIntern1, #moveIntern2 {width:837px; position:absolute;overflow:visible}
#moveIntern1 {left:0}
#moveIntern2 {left:837px}

table#port {margin:30px 0}
table#port span {font-size:26px; padding:25px 0 0 125px; display:block}
table#port span.tit {font-weight:bold; color:#FF6200;}


/*----------------------------------------------*/
/*------------------- CONTATTI -----------------*/
/*----------------------------------------------*/

.email {display:block; padding:0 0 10px 0; text-align:center; font-weight:bold; font-size:18px}
.email a {text-decoration:none}
.email b {color:#F60}

.email a:hover{color:#F60}
.email a:hover b {color:#FFF}

#form {padding-top:15px; padding-left:30px}

label {line-height:30px; display:block}

.tableContatti {width:80%; margin:0 auto}
span.ics, .tableContatti td.ics {color:#FF6200; font-weight:bold}
.tableContatti td.ics {padding:0 8px 0 0;}
/*.tableContatti td.col1a, .tableContatti td.col1b {width:100px}*/
.tableContatti td.col1a, .tableContatti td.ics {vertical-align:middle}
.tableContatti td.col1b {vertical-align:top; padding-top:4px}
.tableContatti td.ics 	{vertical-align:top;}
.tableContatti td.col1a, td.col1b {text-align:right; }
.tableContatti td.colErr {width:20px}

.tableContatti td.ics a, .tableContatti td.ics a:hover {color:#FF6200; cursor:help}

.tableContatti input, .tableContatti textarea {font-size:15px; padding:3px}
.tableContatti input {width:200px}
.tableContatti textarea {width:96%; height:150px}
#invia {padding: 2px 4px; font-size: 80%; font-weight: bold; width:120px; margin-top:10px;
	background: #fff url('images/contatti_invia.png') 2px 50% no-repeat}
	
.privacy {font-size:12px; text-align:left}
input#privacy, input#copia {margin:3px 3px 3px 0; width:20px}

.logInvia, .logInviaOK {width:80%; margin:0 auto}
.logInvia p, .logInviaOK p { text-indent:0; padding:4px 0;}
.logInvia, .logInviaOK {border:2px solid; margin-bottom:10px; text-align:left; padding:10px; padding-left:14px; color:#000;}
.logInvia {border-color:#F00; background-color:#ffc7bf;}
.logInviaOK {border-color:#0F0; background-color:#c8ffbf;}
.error {color:#F00; font-size:13px}