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

body {
	margin-top:0px;
	background-color:#000;
	margin-left:0px;
	margin-right:0px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	line-height:14px;
	font-weight:normal;
	color:#aaaaaa;
}

:focus {
	outline-style:none;
}

div#titol
{
	text-align:center; padding: 2px; background-color:#868686; border-bottom:#666666 1px solid; width: 100%;
}
div#titol h1
{
	font-size: 9px; color:#ffffff;
} 


#intro{
	width:960px;
	height:550px;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-480px;
	margin-top:-275px;
	text-align:right;
}


#containerSx{
	width:750px;
	height:auto;
	float:left;
	margin-bottom:30px;
	padding-bottom:30px;
}

#headerSx{
	width:550px;
	height:95px;
	background-image:url(images/logo.jpg);
	background-repeat:no-repeat;
	float:left;
	text-align:right;
	padding-top:55px;

}

#headerDx{
	width:180px;
	height:72px;
	float:right;
	padding-top:78px;
	text-align:right;
	margin-right:20px;
}

#bodySx{
	width:700px;
	height:auto;
	float:left;
	margin-left:30px;
	margin-right:20px;
}

#titoli{
	width:85px;
	height:auto;
	float:left;
	padding-right:15px;
}

#contenuti{
	width:600px;
	height:auto;
	float:right;
}

#infoSx{
	width:370px;
	height:auto;
	float:left;
}

#infoDx{
	width:210px;
	height:auto;
	float:right;
	padding-left:20px;
}

#separatore{
	width:600px;
	height:30px;
	float:right;
	background-image:url(images/separatore.jpg);
	background-repeat:no-repeat;
	margin-top:25px;
	margin-bottom:25px;
}

#separatore2{
	width:600px;
	height:30px;
	float:right;
	background-image:url(images/separatore.jpg);
	background-repeat:no-repeat;
	margin-top:0px;
	margin-bottom:25px;
}

#containerDx{
	width:210px;
	height:697px;
	background-image:url(images/backDx.jpg);
	background-repeat:no-repeat;
	position:fixed;
	top:0px;
	right:0px;
}
	
h1 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#f69220;
	margin:0px;
}

h2 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	line-height:14px;
	font-weight:normal;
	color:#aaaaaa;
	margin:0px;
}

h3 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	line-height:14px;
	font-weight:normal;
	color:#ffffff;
	margin-top:0px;
	margin-bottom:5px;
	margin-left:0px;
	margin-right:0px;
}

.titolo {
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	line-height:14px;
	font-weight:bold;
	color:#CCC;
	margin:0px;
}

.enfasi {
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	line-height:14px;
	font-weight:normal;
	color:#ffffff;
	margin:0px;
}

.titolired{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	line-height:14px;
	font-weight:normal;
	color:#8e4a20;
	margin:0px;
}

.titolone {
	font-family:Verdana, Geneva, sans-serif;
	font-size:22px;
	line-height:20px;
	font-weight:lighter;
	color:#c2c2c2;
	margin:0px;
}

.sottotitolo{
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	line-height:20px;
	font-weight:lighter;
	color:#c2c2c2;
	margin:0px;
}

a {	
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height:14px;
	font-weight: bold;
	color:#ffffff;
	text-decoration:none;
}

a:hover, a:active, a:focus {
	text-decoration:none;
	color:#b8b8b8;
}

.testolink a {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height:14px;
	font-weight: bold;
	color:#ffffff;
	text-decoration:none;
}

.testolink a:link {
	text-decoration:none;
}

.testolink a:visited {
	text-decoration:none;
}

.testolink a:hover {
	text-decoration:none;
	color:#b8b8b8;
}

.testolink2 a {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height:14px;
	font-weight: normal;
	color:#f69220;
	text-decoration:none;
		text-align:right;
}

.testolink2 a:link {
	text-decoration:none;
}

.testolink2 a:visited {
	text-decoration:none;
}

.testolink2 a:hover {
	text-decoration:none;
	color:#8e4a20;
}



/* CODA SLIDER */
	     
		
		.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 0px 0 px;
		}
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			margin: 0px 0;
			position: relative;
			width: 600px;
		}

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 200px; background: #000000;}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			margin: auto;
			width: 600px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			clear: both;
			background: #000000;
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 600px;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height:auto;
			position: relative;
			width: 600px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 0px;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: 0;
			padding-left:0px;
			float: left;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
			width: 600px;
			margin: 0px;
			float:left;
			padding:0px;
		}
		
		.stripNav ul li {
			float: left;
			margin-right: 0px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
						margin: 0;
						padding:0px;
		}
		
		.stripNav a { /* The nav links */
			text-decoration: none;
	display: block;
	text-indent: -9000em;
		}
		
		.stripNav li.tab1 a { background:url(images/servizi1.jpg) no-repeat; height:70px; width:95px;}
		.stripNav li.tab2 a { background:url(images/servizi2.jpg) no-repeat; height:70px; width:176px;}
		.stripNav li.tab3 a { background:url(images/servizi3.jpg) no-repeat; height:70px; width:220px;}
		.stripNav li.tab4 a { background:url(images/servizi4.jpg) no-repeat; height:70px; width:109px;}
		
		.stripNav li a:hover {
		}
		
		.stripNav li.tab1 a:hover { background:url(images/servizi1_hover.jpg) no-repeat; height:70px; width:95px;}
		.stripNav li.tab2 a:hover { background:url(images/servizi2_hover.jpg) no-repeat; height:70px; width:176px;}
		.stripNav li.tab3 a:hover { background:url(images/servizi3_hover.jpg) no-repeat; height:70px; width:220px;}
		.stripNav li.tab4 a:hover { background:url(images/servizi4_hover.jpg) no-repeat; height:70px; width:109px;}
		
		.stripNav li a.current {
		}
			
		.stripNav li.tab1 a.current{ background:url(images/servizi1_hover.jpg) no-repeat; height:70px; width:95px;}
		.stripNav li.tab2 a.current{ background:url(images/servizi2_hover.jpg) no-repeat; height:70px; width:176px;}
		.stripNav li.tab3 a.current { background:url(images/servizi3_hover.jpg) no-repeat; height:70px; width:220px;}
		.stripNav li.tab4 a.current { background:url(images/servizi4_hover.jpg) no-repeat; height:70px; width:109px;}	
		
/* LOGIN AREA JQUERY */
   
  
#panel {   
    width: 162px;
    position: relative;      
    margin-right: auto;   
    z-index: 10;   
    overflow: hidden;   
    text-align: left;  
}   
#panel_contents {    
    height: 100%;   
    width: 162px;   
    position: absolute;   
    z-index: -1;   
}   

  
img.border_pic {      
    position: absolute;   
    top: 110px;   
    float: left;   
    margin-left: 150px;   
    width: 162px;   
    height: 50px;   
    z-index: 30;   
}   
div#login {
	width: 162px;
	height: 240px;
	position: absolute;
	background-image:url(images/back_area.jpg);
	background-repeat:repeat-y;
	text-align: center;
}
div#test {
	float:right;
	height:1px;
	width:162px;
}      
div#login p {   
    color: #CCCCCC;   
font-family:"Trebuchet MS";  
    line-height: 25px;   
}   
div#login input#password {   
    position: relative;   
    rightright: -6px;   
}   
div#login input#login_btn {     
    cursor: pointer;   
    position: relative;   
    top: 15px;      
}   

.panel_button {   
   
    position: relative;    
    width: 162px;   
    height: 28px;   
    background:url(images/area_clienti.jpg);   
	z-index: 20;
	cursor:pointer;
}   
.panel_button a {   
    text-decoration: none;   
    color: white;   
    font-size: 20px;   
    font-weight: bold;   
    position: relative;   
    top: 40px;   
    left: 5px;   
font-family:"Trebuchet MS";
}   
.panel_button a:hover {   
color: #999999;   
}

 input.user {
 color:#999;
 font-size: 11px;
 font-family:Arial, Helvetica, sans-serif;
 height:15px;
 width:130px;
 border:1px solid #666;
 margin-top:3px;
 margin-bottom:10px;
 }
 
 /* preview*/

#screenshot{
	position:absolute;
	border:1px solid #999;
	background:#000000;
	display:none;
	color:#000000;
}