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

body {
	background-color:#fff;
	margin:0;
	padding:0;
}

:focus {
	outline-style:none;
	}

p {
	font-family:Georgia, Times New Roman, serif;
	text-align:left;
	font-size:11px;
	color:#000;
	margin:0 40px 10px 40px;
}

h1 {
	font-family:Georgia, Times New Roman, serif;
	font-size:14px;
	font-weight:normal;
	color:#000;
	margin:0 40px 10px 40px;
}

h2 {
	font-family:Georgia, Times New Roman, serif;
	font-size:13px;
	font-weight:normal;
	color:#000;
	margin-top:10px;
}

h3 {
	font-family:Georgia, Times New Roman, serif;
	font-size:13px;
	font-weight:normal;
	color:#000;
	margin-top:8px;
	margin-bottom:2px;
}

h4 {
	font-family:Georgia, Times New Roman, serif;
	font-size:11px;
	font-weight:normal;
	color:#000;
	margin-top:8px;
	
}

ul {
	list-style-type:none;
	margin:0;
	padding:0;
	text-align:center;
}

li {
	font-family:Georgia, Times New Roman, serif;
	text-align:center;
	margin:0 5px 5px 5px;
	display:block;
	font-size:12px;
	color:#000;
	padding:0;
}

li a {
	text-decoration:none;
	color:#000;
	margin:0 5px;
}

li a:hover {
	text-decoration:none;
	color:#767676;
	margin:0 5px;
}

a {
	text-decoration:none;
	color:#000;
}

a:hover {
	text-decoration:none;
	color:#767676;
}

span {
	font-family:Georgia, Times New Roman, serif;
	font-size:14px;
	font-weight:bold;
	color:#000;
	margin-top:10px;
}

#Container {
	width:800px;
	height:auto;
	margin:auto;
	margin:80px auto 30px;
	
}

#boxhome {
	width:480px;
	height:375px;
	margin:auto;
	margin-top:80px;
	background:#fff;
}

#Topbox {
	width:355px;
	height:120px;
	display:block;
	margin:0 auto;
	padding:0;
	background:#fff;
}

#BodyCont{
	width:602px;
	height:auto;
	margin:auto;
	margin-top:80px;
}

.BodyTop{
	width:602px;
	height:50px;
	float:left;
	padding:0;
	background:url("../img/top-about.jpg") no-repeat top left;
}

.BodyContainer{
	width:602px;
	min-height:212px;
	float:left;
	background:url("../img/center-about.jpg") repeat-y top left;


}

.BodyDown{
	width:602px;
	height:50px;
	float:left;
	background:url("../img/down-about.jpg") no-repeat left bottom;
	margin:0;
	padding:0;
}

.BodyTopW{
	width:700px;
	height:50px;
	background:url("../img/top-works.jpg") no-repeat;
	margin:auto;
	background-position:center;
	margin-top:50px;
}

.BodyContainerW {
	width: 700px;
	margin: auto;	
}

.BodyDownW{
	width:700px;
	height:50px;
	background:#fff;
	margin:auto;
	background-position:center;
}


#Left{
	width:240px;
	min-height:212px;
	float:left;
	margin-left:10px;
}

#Right{
	width:341px;
	height:auto;
	float:right;
	margin:0;
}

#Footer {
	text-align:center;
font-size:10px;
width:700px;
height:10px;
border-top:2px solid #78b242;
margin:0 auto;
padding:5px;
	
}

.organigramma {
	font-size:11px;
	
}

.organigramma td {
	padding:0 2px;
}


#form{
	width:341px;
	height:auto;
}

/* CODA SLIDER */
	     
			
		.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 15px 0 30px;
		}
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			margin: 0px 0;
			position: relative;
			width: 100%;
			background:url("../img/center-works.jpg");
			background-position:center;
			background-repeat:repeat-y;
		}

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

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			/*border: 5px solid #000;  this is the border. should have the same value for the links */
			margin: auto;
			width: 540px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: /* 200px */ auto;
			clear: both;
			background:#fff;
		}
		
		.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: 540px;
			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: /*200px*/ auto;
			width: 540px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 10px;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: auto;
		}
		
		.stripNav a { /* The nav links */
			font-size: 0px;
			font-weight: normal;
			color: #e41371;
			text-decoration: none;
			text-align:left;
			display: block;
			margin:0;
			float:left;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
			width: 510px;
			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 li.tab1 a { }
		.stripNav li.tab2 a { }
		.stripNav li.tab3 a { }
		.stripNav li.tab4 a { }
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 100px;
			text-indent: -9000em;
		}
		
		.stripNavL {
			left: 0;
			background: url("../img/freccia-left.jpg") no-repeat center;
		}
		
		.stripNavR {
			right: 0;
			background: url("../img/freccia-right.jpg") no-repeat center;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 40px;
			width: 40px;
		}
		
 		.stripNavL a:hover {
			background: url("../img/freccia-left-hover.jpg") no-repeat center;
		}
		
		.stripNavR a:hover {
			background: url("../img/freccia-right-hover.jpg") no-repeat center;
		}
		
		
/*logo*/
#image {
background:url('../img/banner_logo.jpg') no-repeat top left;
display:block;
float:left;
width:220px;
height:120px;
}

#image a:hover{
background:url('../img/banner_logo.jpg') no-repeat top left;
display:block;
margin:0;
}

#image a{
background:url('../img/banner_logo.jpg') no-repeat top left;
text-decoration:none;
display:block;
float:left;
width:220px;
height:120px;
}

#image a span {
visibility:hidden;
}
/*fine logo*/


/*inizio filosofia*/
.image-filosofia {
background:url('../img/banner_filosofia.jpg') no-repeat top left;
display:block;
float:left;
width:135px;
height:40px;
}

.image-filosofia a:hover{
background:url('../img/banner_filosofia_hover.jpg') no-repeat top left;
display:block;
margin:0;
}

.image-filosofia a{
background:url('../img/banner_filosofia.jpg') no-repeat top left;
text-decoration:none;
display:block;
float:left;
width:135px;
height:40px;
}

.image-filosofia a span {
visibility:hidden;
}
/*fine filosofia*/


/*inizio portfolio*/
.image-portfolio {
background:url('../img/banner_portfolio.jpg') no-repeat top left;
display:block;
float:left;
width:135px;
height:40px;
}

.image-portfolio a:hover{
background:url('../img/banner_portfolio_hover.jpg') no-repeat top left;
display:block;
margin:0;
}

.image-portfolio a{
background:url('../img/banner_portfolio.jpg') no-repeat top left;
text-decoration:none;
display:block;
float:left;
width:135px;
height:40px;
}

.image-portfolio a span {
visibility:hidden;
}
/*fine portfolio*/


/*inizio contatti*/
.image-contatti {
background:url('../img/banner_contatti.jpg') no-repeat top left;
display:block;
float:left;
width:135px;
height:40px;
}

.image-contatti a:hover{
background:url('../img/banner_contatti_hover.jpg') no-repeat top left;
display:block;
margin:0;
}

.image-contatti a{
background:url('../img/banner_contatti.jpg') no-repeat top left;
text-decoration:none;
display:block;
float:left;
width:135px;
height:40px;
}

.image-contatti a span {
visibility:hidden;
}
/*fine contatti*/

#content {
width:355px;
height:auto;
margin:30px auto 0;
}

#flash {
background-color:#fff;
width:220px;
height:120px;
float:left;
margin:0;
}