/* Reset*/ 

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font: normal 12px Georgia;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}




/* Fine Reset*/ 

.panelContainer{display: none;}
#pagewidth{width:1000px; text-align:left; margin-left:auto; margin-right:auto;}

#branding{ height:120px; width:160px; background-color:red; float:left; background: url("images/logo.jpg") no-repeat bottom center; } 
 
#header{ height:120px; width:100%;} 

#menu{float:right; width: 800px;}

#menu ul {float:right; list-style-type:none;margin:90px 6px 0 0;padding-bottom:18px;}

#menu li {float:left;margin: 0 5px 0 5px;}

#banner{ height:300px; background: url("images/banner.jpg") no-repeat top center; width:100%;}
	
.content{height:260px; width:100%;}
 		

 
#maincol{float:left; width:100%;  margin:5px 5px 10px 5px; }
 
#footer{float:left; height:50px;  width:990px; padding: 0 5px 0 5px; background-color:black; clear:both;padding-top: 5px;} 




.staff  {margin:0 ; padding:2 px 0 5px 0; }

.staff li {margin: 0 0 5px 0;}

.servizi  {margin:0 ; padding:10px 0 5px 0; }

.servizi li {margin: 0 0 8px 0;}


#col1{position:relative;width:250px;margin:0 5px 0 5px;height:100%; float:left;padding:10px; }

#col2{position:relative;width:250px;margin:0 5px 0 5px; border-left: 4px solid black; border-right: 4px solid black;height:100%;float:left;padding:10px 15px 10px 15px; }

#col3{position:relative;width:250px;margin:0 5px 0 5px;height:100%;float:left;padding:10px; }

.col4{position:relative;width:250px;margin:0 5px 0 5px; height:100%;float:left;padding:10px 15px 10px 10px ; }
#col14{position:relative;width:250px;margin:0 5px 0 5px; height:100%;float:left;padding:10px 15px 10px 10px ; }


.col5{position:relative;width:290px;margin:0  ;height:100%; float:left;border-left: 4px solid black; border-right: 4px solid black; padding:10px 6px 10px 15px; }

.col6{position:relative;width:290px;margin:0 ; height:100%;float:left;padding:10px;}

#col7{position:relative;width:250px;margin:0 5px 0 5px; height:100%;float:left;padding:10px 15px 10px 10px ;}

#col8{position:relative;width:360px;margin:0  ;height:100%; float:left;border-left: 4px solid black; border-right: 4px solid black; padding:10px 6px 10px 15px; }

#col9{position:relative;width:200px;margin:0 ; height:100%;float:left;padding:10px;}
#col9 a {font-size:14px;font-weight:bold;}
#col9 p {text-align:left;}
#col11{position:relative;width:580px;margin:0  ;height:100%; float:left;border-left: 4px solid black; padding:10px 6px 10px 15px; }

#col12{position:relative;width:290px;margin:0  ;height:100%; float:left;border-left: 4px solid black; border-right: 4px solid black; padding:5px 6px 10px 15px; }

#col13{position:relative;width:290px;margin:0 ; height:100%;float:left;padding:5px 6px 10px 15px;}

#contactFormArea {margin: 0 0 0 10px;}

#status{margin-top:100px;}

#social{ padding:10px 0 0 0;border-top:2px solid black;cursor:pointer;width:100%;}
#social ul li{width:280px; height:250px; float:left;margin:10px 0;padding:0 20px;}
#twitter{border-right:1px solid #ddd;}
#facebook{border-right:1px solid #ddd;}
#twitter a{text-decoration:none;font-size:12px;}

li.buttons div {float:left;width:100px;}
#social ul li.buttons{width:300px;}

h2.titolosocial{color:white; background-color:#000;clear:both;padding:10px;font-size:18px;}


ul {list-style-type:none;}

img {border: 0;} 
 
 /*Typography*/
 
.mappa {width:580px;height:250px;}

p {color:#21333B;margin:0 0 10px 0;}
 
#footer {font-weight:normal; color:white;}
#footer a {font-size: 8pt; text-align:right;font-weight:bold;font-family:Georgia;color:white;}
#footer p{color:white;font-size:8pt;text-align:left;}
 
#menu li, a{ font-size:14pt;text-decoration:none;color:black;outline:none;}

#menu li a:hover{ font-size:14pt;text-decoration:none;color:#7AC6DE;}
 
#maincol div,p {text-align:justify}
 
h1 {font-size:24pt ; color:black;text-align:right;margin:0;}

h2 {font-size:11pt ;font-variant:small-caps; color:black;text-align:left;margin:0;padding-bottom:15px;}
 
h3, h3 a {font-size:13pt ; color:black;text-align:left;margin:0;}

#col12 h3,#col12 h3 a {font-size:10pt ; color:black;text-align:left;margin:0;}

#col13 h3,#col13 h3 a {font-size:10pt ; color:black;text-align:left;margin:0;}

.staff h3 {padding-left:20px;background:url('images/mail.png') no-repeat left}


#col12 .staff h3 {padding-left:20px;background:url('images/arrow.png') no-repeat left}
#col13 .staff h3 {padding-left:20px;background:url('images/arrow.png') no-repeat left} 
h5 {color:#fff;background-color:black;font-size:9pt;text-align:left;display:inline;padding:2px;}
ul.servizi{list-style-type:square;}
ul.servizi li{margin-left:30px;}
ul.servizi li p {text-align:left;}
.col4 p {font-size: 16pt; text-align:right;}
#col14 p {font-size: 16pt; text-align:right;}
#col1 p {font-size: 16pt; text-align:right;}
#col7 p {font-size: 12pt; text-align:right; margin: 2px 0 4px 0;}
#col7 h3 {text-align:right; font-size: 18pt;}
#col7 h5 {display:block; width: 30px;float:right;margin:2px 2px 2px 5px;padding: 2px 0 2px 5px;}

.staff p {margin: 4px 0 0 25px ;padding:0;color:#65A4B8;}

.servizi p {margin: 4px 10px 0 10px ;padding:0;}
.servizi2 p {margin: 10px 10px 0 10px ;padding:0;}
.servizi2 a {font-size: 10pt; text-align:right;font-weight:bold;font-family:Georgia;}
#col11 a {font-size: 10pt; text-align:right;font-weight:bold;font-family:Georgia;color:black;}
#emailSuccess  {color:#65A4B8;}



fieldset { border:0;margin:0 0 0 8px;padding:0; }
	label { display:block; color:#65A4B8;padding:4px;}
	label img{float:right;margin: 4px 20px 0 0;}
	input.text,textarea { width:300px;padding:3px;margin:1px 0;border:1px solid #ccc; }
	input.submit { padding:5px 25px; border:none; font-size: 16pt;color:white;background-color:black; font-variant:small-caps;float:left;}




.stripViewer .panelContainer   {
			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: 20px 0;
			position: relative;
			width:100%;
		}

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

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			margin: auto;
			width: 950px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			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: 100%;
			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: 100%;
			position: relative;
			width: 950px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 5px;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: auto;
			background:red;
			
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
		}
		
		.stripNav ul li {
			float: left;
			margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		
		.stripNav a { /* The nav links */
			font-size: 10px;
			font-weight: bold;
			text-align: center;
			line-height: 32px;
			color: #fff;
			text-decoration: none;
			display: none;
			padding: 0 15px;
		}
		
		.stripNav li.tab1 a { background: #60f }
		.stripNav li.tab2 a { background: #60c }
		.stripNav li.tab3 a { background: #63f }
		.stripNav li.tab4 a { background: #63c }
		.stripNav li.tab5 a { background: #00e }
		
		.stripNav li a:hover {
			background: #333;
		}
		
	
		
		.stripNav li a.current {
			background: #000;
			color: #fff;
			
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 230px;
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 40px;
			width: 40px;
			outline: none;
		}
		
		.stripNavL {
			left: 0;
		}
		
		.stripNavR {
			right: 0;
		}
		
		.stripNavL {
			background: url("images/arrow-left.gif") no-repeat left;
		}
		
		.stripNavR {
			background: url("images/arrow-right.gif") no-repeat right;
		}