/* Reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
a, a:link, a:visited, a:active, a:hover {outline: none;}
small { font-size:0.8em; }

/* Main Styles */

body {
font-family: arial, sans-serif;
background: url(../images/bg-1.jpg) top center no-repeat #eeeeee;
margin: 0 0 0 0;
/* border-top: 6px solid #FFFFFF;  bordo bianco sopra il body  */
}
h1, h2, h3, h4, h5, h5 {
color: #616054;
font-family: arial, sans-serif;
font-weight: normal;
}
p {
font-size:14px;
/* line-height:1.4; */
text-align:justify;
}
p strong {
/* font-weight:bold; 
font-style:italic; */
color:#000000;
font-size:14px;

}

/* Header */

#header {
color: #eeeeee;
padding-bottom: 0;
margin-top:0px; 
}
#header h1, #header h2, #header h3, #header h4, #header h5, #header h6 {
color: #222222;
}
#header a:link, #header a:visited {
color: #FFF;
}
#header a:hover {
color: #000000;
}
#header .inner {
border-bottom: 1px solid #5ece6b;
padding-bottom: 0px;
position: relative;
}
.inner {
width: 940px;
overflow: hidden;
margin: 0 auto;
text-align: left;
font-family: 'Molengo', arial, serif;
}
#header, #footer {
padding: 20px;
}

/* Logo */

h1#logo a {
background-image: url(../images/logo-sidaf.png);
background-repeat: no-repeat;
width: 537px;
height: 90px;
text-indent: -10000px;
float: left;
margin: 5px 0 0 0 ;
}

/* Navigation */

#global-nav, #utility-nav {
float: right;
margin-bottom: 0;
margin-right: 0;
font-family: Verdana, arial, serif;
font-size:14px;
font-weight:normal;
text-align:right;
}
ul#global-nav {
margin-left: 20px;
line-height: 115px;
padding-bottom:20px;
}
ul#global-nav li {
margin-left:4px;
line-height:1.3em;
}
ul#global-nav li.current_page a:link, ul#global-nav li.current_page a:visited {
color: #fff;
text-decoration: none;
}
ul#global-nav li.current_page {
font-weight: normal;
}
ul#global-nav li.current_page a {
}
ul#global-nav a:link, ul#global-nav a:visited {
text-decoration: none;
color:#000000;
/* text-transform:uppercase; 
font-weight:bold;*/
}
ul#global-nav a:hover {
text-decoration: none;
color:#009933;
/* text-transform:uppercase; */
}
/* Main */
#main {
color: #000000;
padding: 0 20px;
}
#main h1, #main h2, #main h3, #main h4, #main h5, #main h6 {
color: #000000;
}
#main a:link, #main a:visited {
color: #98a1a3;
}
#main a:hover {
color: #d0d7d9;
}
#main div.big-picture .nav a:hover {
color: #15181a;
background-color: #98a1a3;
}
#main .content {
float: left;
}
#main h1 {
font-family:Arial, Times New Roman, Times, serif;
font-size: 24px;
padding-bottom:10px;
color:#000000;
font-weight:normal;
}
#canvas h2 {
color:#000000;
font-family:Arial, Times New Roman, Times, serif;
font-size: 20px;
padding-bottom:10px;
font-weight:normal;
}

#mapContainer { border:1px solid #c8c8c8; width:298px; height:360px; margin:0; }
#main .sidebar {
float: right;
}
.sidebar_text {
/*padding: 0 10px;*/
}
#main .date, #main .date-published, #main .note, #main blockquote {
color: #eeeeee;
}
#main .years .total {
color: #eeeeee;
}
#main li.selected>a:link, #main li.selected>a:visited {
color: #535E66; 
}
#main .commentlist li {
border-bottom: 1px solid #343B40;
}
/* Canvas */

#canvas {
padding-top: 10px;
padding-bottom: 20px;
}
#canvas .content {
width: 622px;
float: left;
}
#canvas .content img {
margin-bottom:10px;
}
#canvas .sidebar {
width: 294px;
float: right;
}
#canvas .sidebar_text h3 {
margin-bottom: 5px;
}
#canvas ul.archive h3 {
margin-bottom: 0;
}
#canvas a:link, #canvas a:visited {
color: #000000;
}
#canvas a:hover {
color: #006633;
}
#canvas .sidebar p {
margin:0 0 20px;
}
#canvas .sidebar #feature { background:#0CAAD1; padding:10px; margin-bottom:20px; -moz-border-radius: 8px;
-khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
#canvas .sidebar ul { font-family: arial, sans-serif; font-size:14px; margin: 0 0 0 9px; list-style-type: square; line-height:1.4em;}
#canvas .sidebar ol { font-family: arial, sans-serif; font-size:14px; margin: 0 0 24px 9px; line-height:1.4em;}
#canvas .sidebar ul li {margin: 0 24px 0 14px;}
#canvas .sidebar ol li {margin: 0 24px 0 14px;}

img.alignright {
	margin: 0 0 10px 20px;
	display: inline;
	float: right;
	clear: right;
/*	border:1px solid #c8c8c8; */
 	padding:5px; 
	background:#0CAAD1;
}

img.no-border {
	background:none;
	padding:0;
}

img.alignleft {
	margin: 0 20px 10px 0;
	display: inline;
	float: left;
	clear: left;
/*	border:1px solid #c8c8c8; */
	padding:5px;
	background:#0CAAD1;
}

.columns {
width: 100%;
overflow: hidden;
}
/* Footer */
#footer_content p {
font-size:11px;
}
#footer {
background: #FFF;
/* background: url(../images/footer_bg.jpg) bottom left repeat-x #FFF; */
color: #000000;
}
#footer_content p, #footer_content ul, #footer_content ol {
margin-bottom: 10px;
}
#footer .footer_text {
width: 660px;
}
#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 {
color: #fff;
}
#footer a:link, #footer a:visited {
color: #bdbdbd;
text-decoration: none;
}
#footer a:hover {
color: #000;
text-decoration: underline;
}
#footer .inner {
padding-top: 5px;
}
#footer_extra, #footer_extra .commentlist, #footer_extra .commentlist li {
border-bottom-color: #FFF;
width: 100%;
overflow: hidden;
border-bottom: 1px solid;
padding-bottom: 10px;
margin-bottom: 20px;
}
#footer_extra hr, #footer_extra div.hr { 
border-bottom-color: #FFF;
}
#credits {
text-align: right;
float: right;
clear: right;
width:200px;
}
/* inline gallery  */
.igallery, .islideshow {
margin-bottom: 0;
}

.igallery li, .islideshow li {
margin: 0;
padding: 0;
list-style-type: none;
margin-bottom: 20px;
}
.igallery img, .islideshow img, .bigimage img {
display: block;
}
.igallerywrap, .islideshowwrap, .bigimage {
overflow: hidden;
position: relative;
margin-bottom: 20px;
}
#canvas .igallerywrap a, #canvas .islideshowwrap a, #canvas .bigimage a {
color: #333 !important;
}
#canvas .igallerywrap a:hover, #canvas .islideshowwrap a:hover, 
#canvas .bigimae a:hover {
color: #999;
}
.igallerywrap .igallery, .igallerywrap .igallery li,
.islideshowwrap .islideshow, .islideshowwrap .islideshow li {
margin-left: 0;
padding-left: 0;
list-style-type: none;
}
.igallerywrap .igallery li {
float: left;
margin-bottom: 0;
position: relative;
}
.igallerywrap .nav, .bigimage .nav {
position: absolute;
top: 10px;
left: 10px;
right: 10px;
padding: 5px 10px;
color: #000;
background-color: #eee;
opacity: 0.7;
height: 18px;
font-variant: small-caps;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
width: expression(parentNode.clientWidth-40); /* ie fix */
}
.mouseout .nav {
display: none;
}
.mouseover .nav {
display: block;
}
.igallerywrap .prev, .bigimage .prev {
position: absolute;
right: 50px;
top: 5px;
}
.igallerywrap .prev {
display: none;
}
.igallerywrap .next, .bigimage .next {
margin-left: 10px;
position: absolute;
right: 10px;
top: 5px;
}
.igallerywrap .total {
position: absolute;
right: 10px;
bottom: 10px;
color: #333;
background-color: #eee;
opacity: 0.7;
padding: 5px 10px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.islideshowwrap .islideshow li {
position: absolute;
left: 0;
top: 0;
display: none;
}
.islideshowwrap .playpause {
position: absolute;
font-variant: small-caps;
padding: 5px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
z-index: 3;
width: 60px;
background-color: #eee;
opacity: 0.7;
text-align: center;
font-size:14px;
text-decoration: none;
}
.mouseout .playpause {
display: none;
}
.mouseover .playpause {
display: block;
}

/* Quotes Styling */

blockquote {
	font-family: Arial, Times, serif;
	width: 220px; /* required */
	margin: 0 auto;
	}	
blockquote p { margin-bottom: 10px; font-style: italic; }
blockquote cite { font-style: normal; display: block; text-align: right; text-transform: uppercase; font-size: 10px; font-weight: bold; letter-spacing: 1px; font-family: Arial, Helvetica, sans-serif; }
#quote_wrap { 
	background: #1B1F21 url(../images/quote_mark.gif) no-repeat 20px 20px;
	margin: 40px 0; padding: 20px; border: 1px solid #222222;
	}


/* New Slider CSS */

		p#cross-links { text-align: center }
		
		p#cross-links { border-bottom: 1px solid #ccc; margin-bottom: 30px; padding-bottom: 30px }
				
		a:focus { outline:none }
		
		
		.slider-wrap h3 { text-align:left; color:#000000; font-family:Arial, Times New Roman, Times, serif; font-size: 14px; font-weight:normal; line-height: 18px; margin-bottom: 18px; }
		.slider-wrap h3 span { font-size:0.7em; color:#000000; margin-left:10px; font-style:italic; }
		
		.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: 0 0;
			position: relative;
			width: 100%;
			/* border-top: 1px solid #000000; */
			padding:0 0 0 0;
		}
		
		.slider-wrap h2 span.fitovitae {
			width: 150px;
			height: 65px;
			background: url(../images/logo-piccolo.png) no-repeat;
			text-indent: -9999px;
			margin:  0px 25px 0 0px;
		}
		.slider-wrap h2 span{
			float: left;
			font-size: 14px;
			margin-top:0px;
			color:#000000;
		}

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 150px; height: 200px;  overflow: scroll;font-size:12px;}
		.csw .loading {margin-top: 70px; text-align: center; height: 10000px}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			margin: auto;
			width: 150px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 100%;
			clear: both;
			/* background: #336600; */
			padding: 0;
			margin-left: 0px;
			padding-top: 10px;
		}
		
		.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: 150px;
			list-style-type: none;
			font-size:12px;
			/* -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: 150px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 20px 18px 0 0;
			margin-left:0px;
			width:150px;
			float:left;
		}
		.wrapper p {
		font-size:13px; padding-bottom:10px;
		}
		
		.wrapper a {
		font-size:14px; padding-bottom:10px;
		}
				
		.stripViewer .panelContainer .panel img {
		float: left;
		width: 150px;
		height: 200px;
		border-right: 1px solid #000000;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: 20px 0 0 0;
			width: 400px;
			float: left;
		}
		
		.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: 14px;
			text-align: center;
			width:60px;
			height:22px;
			border: 1px solid #000000;
			text-decoration: none;
			display: block;
			margin: 0 8px 0 0;
			line-height: 22px;
			color:#000000 !important;
			/* background: #339900; */
		}
		
		.stripNav li a:hover {
			border: 1px solid #000000;
			background: #FFF;
			color:#000 !important;
		}
		
		.stripNav li a.current {
			border: 1px solid #5ece6b !important;
			color: #000 !important;
			background: #FFF;
		}		
		
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 18px;
			text-indent: -9000em;
			visibility:hidden;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 22px;
			width: 22px;
		}
		
		.stripNavL {
			left: 888px;
		}
		
		.stripNavR {
			right: 0;
		}
		
		.stripNavL {
			background: url("../images/arrow-left.gif") no-repeat center;
		}
		
		.stripNavR {
			background: url("../images/arrow-right.gif") no-repeat center;
		}
		
#prod
{
	color:Black;
}

/* STRIPVIEWER */
.stripViewer { 
    height: 460px;
}
.stripViewer .panelContainer .panel img {
width: 150px;
height: 460px;
}
.stripViewer .panelContainer .panel .wrapper { 
    width:150px;
}

/* LOADER */
.GuX9_Loader
{
	background:url('../images/ajax-loader.gif') center no-repeat;
}

/* PRODOTTI */
#full
{
	margin-top:0px;
	min-height: 300px;
	}

#leftMenu
{
	float:left;
	}

#centerCategorie
{
	float:left;
	}

#rightProdotti
{
	float:left;
	width:700px;
	float:right;
	border: 1px solid #cccccc;
	background:url('../images/btn_categoria_700w.png') top left;
	font-size:12px;
	}	
	
	
		
#leftMenu
{
	/* font-family: Arial, serif; */
	font-size:10px;
	border: 1px solid #cccccc;
	width: 230px;
	background:url('../images/btn_categoria_white2.png') top left;
}


.FloatLeft
{
	float:left;
}