@charset "utf-8";
/* CSS Document */

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

html,body{
height:100%;	
}

body{
background:#fff url(../img/home_bg.jpg) no-repeat center left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
}

p{line-height:20px;}

#chi-siamo{
background:#fff url(../img/chi-siamo_bg.jpg) no-repeat center left;
}

#servizi, #dove-siamo{
background:#fff url(../img/servizi_bg.jpg) no-repeat center left;
}

#servizi{background:#fff url(../img/servizi-new_bg.jpg) no-repeat center left;}
#clienti{background:#fff url(../img/clienti_bg.jpg) no-repeat center left;}
#certificazioni{background:#fff url(../img/certificazioni_bg.jpg) no-repeat center left;}
#lavora{
background:#fff url(../img/lavora_bg.jpg) no-repeat center left;
}

#contatti{
background:#fff url(../img/contatti_bg.jpg) no-repeat center left;
}


a.logo{
display:block;
background:url(../img/logo.jpg) no-repeat top left;
width:264px;
height:83px;
margin-top:10px;
}

h2 span{
display:none;	
}

#tabs a:link, #tabs a:visited{color:#41819c;text-decoration:underline;}
#tabs a:hover{}


#maincontainer{
width:100%;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 0 -75px;

}


#sx{
display:inline;
float:left;
margin:60px 0px 0px 220px;
width:400px;

}

#dx{
display:inline;
float:left;
margin:60px 20px 0px 40px;
width:300px;
}

#content{
display:inline;
float:left;
margin:60px 0px 0px 220px;

}


#footer, .push {
height: 20px;
padding:35px 0px 10px 20px;
}

.push{padding:0px;}

#footer{
background:url(../img/footer_bg.gif) no-repeat top left;
color:#d3d3d3;
clear:both;
}

#footer .dx-footer{
float:right;
color:#367294;
margin-top:-20px;
margin-right:20px;
text-align:right;
}

#footer .dx-footer a:link, #footer .dx-footer a:visited{
color:#367294;
text-decoration:none;
text-transform:none;
}

#footer .dx-footer a:hover{
text-decoration:underline;	
}

img.chi-siamo{
float:left;
margin:0px 20px 0px 0px;
}

p.fr{
float:left;
width:270px;
line-height:20px;
}

ul.lista-servizi{
display:inline;
float:left;
}

ul.list li, ul.lista-servizi li{
background:url(../img/small-arrow.png) no-repeat top left;
padding-left:23px;
margin-bottom:2px;
}

p.title{
font-size:16px;
font-style:italic;
font-weight:bold;
}


h2.lavora-con-noi{
width:167px;
height:25px;
float:left;
background:url(../img/lavora.png) no-repeat top left;
margin-left:5px;
}

h2.dove-siamo{
width:167px;
height:25px;
float:left;
background:url(../img/dove-siamo.png) no-repeat top left;
margin-left:5px;
}

h2.contatti{
width:167px;
height:25px;
float:left;
background:url(../img/contatti.png) no-repeat top left;
margin-left:5px;
}

input, select{
background:#41819c;
color:#fff;
padding:5px;
margin:0px 10px 20px 10px;
width:165px;
}

input.cap{
width:58px;
text-transform:uppercase;
}

div.fileinputs {
	position: relative;
}

div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	
}

input.file {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
	width:450px;
	cursor:pointer;
}

textarea.msg{
background:#41819C;
color:#FFFFFF;
display:block;
height:80px;
margin:0px 0px 20px 10px;
padding:5px;
width:445px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

input.check{
width:13px;
height:13px;
margin-right:10px;
margin-bottom:0px;
margin-top:0px;
}

input.invia{
width:98px;
height:38px;
background:url(../img/invia.png) no-repeat top left;
border:none;
cursor:pointer;
}

/*   --------------------------------------------------------------------------   NAVIGATION   -------------   */

div.nav{
position:absolute;
right:0px;
top:0px;	
}


ul#nav{
/*float:right;
margin-right:30px;*/
position:absolute;
right:0px;
top:-25px;
}

ul#nav li{
display:inline;
float:left;
margin:30px 0px 4px 0px;
padding:0;
width:auto;
}

ul#nav li a{
display:block;
height:83px;
cursor:pointer;
}

ul#nav li a:hover{
background-position:0px -83px;
}

ul#nav li a.selected{
background-position:0px -83px;
}

ul#nav li a span{
display:none;	
}

li#chi-siamo a:link, li#chi-siamo a:visited{background:url(../img/chi-siamo_btn.gif) no-repeat top left; width:132px;}
li#servizi a:link, li#servizi a:visited{background:url(../img/servizi_btn.gif) no-repeat top left; width:87px;}
li#lavora a:link, li#lavora a:visited{background:url(../img/lavora_btn.gif) no-repeat top left; width:148px;}
li#dove-siamo a:link, li#dove-siamo a:visited{background:url(../img/dove-siamo_btn.gif) no-repeat top left; width:113px;}
li#contatti a:link, li#contatti a:visited{background:url(../img/contatti_btn.gif) no-repeat top left; width:99px;}

/*   --------------------------------------------------------------------------   	FOOTER-NAV   -------------   */



#footer a:link, #footer a:visited{
font-size:11px;
text-transform:uppercase;
color:#9c9a9a;
text-decoration:none;
}

#footer a:hover{
text-decoration:underline;
}


/*   ---------------------------------------------------------------------------------------   SLIDER  -------------------   */

div.first{
float:left; 
width:450px;	
}

div.second{
float:left; 
padding-top:120px; 
margin-left:20px;	
}


.slider-wrap {
margin:20px 0 0 -5px;
position: relative;
width: 100%;
}

.csw {
width: 100%; 
height: 460px; 
background: #fff; 
overflow: scroll;
}
.csw .loading {
margin: 200px 0 300px 0; 
text-align: center
}

.stripViewer {
background: url(../img/arrow-bg.gif) no-repeat 0px 265px;
clear:both;
height:300px;
margin:-20px auto auto;
overflow:hidden;
position:relative;
width:760px;
}
		
.stripViewer .panelContainer { 
position: relative;
left: 0; top: 0;
width: 100%;
list-style-type: none;	
}
		
.stripViewer .panelContainer .panel {
float:left;
height: 100%;
position: relative;
width: 760px;

}
		
.stripViewer .panelContainer .panel .wrapper { 
padding: 0px;
}
		
.stripNav { 
margin: auto;
display:none;
}
		
.stripNavL, .stripNavR {
position: absolute;
top: 272px;
text-indent: -9000em;
z-index:10000;
}
		
.stripNavL a, .stripNavR a {
display: block;
height: 38px;
width: 197px;
outline:none;
}
		
.stripNavL {
left:500px;
top:0px;
width:133px;
}
		
.stripNavR {
left:650px;
top:0px
}

/*.stripNavR {
left:100px;
top:200px
}*/
		
.stripNavL {
background: url(../img/indietro_btn.png) no-repeat top left;

}
		
/*.stripNavL:hover {
background-position:0px -22px;
}*/
		
.stripNavR {
background: url(../img/avanti_btn.png) no-repeat top left;
}
		
/*.stripNavR:hover {
background-position:0px -22px;
}*/