/* Maria Cristina Corso *MiniumDesign*   */

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*XXXXXXXXXXXX       INIZIO	     XXXXXXXXXXXXX*/
/*XXXXXXXXXXXX        FINE       XXXXXXXXXXXXX*/


/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*XXXXXXXXXXXX       INIZIO	     XXXXXXXXXXXXX*/
/*XXXXXXXXXXXX       RESET       XXXXXXXXXXXXX*/

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;}

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;}

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*XXXXXXXXXXXX        FINE       XXXXXXXXXXXXX*/
/*XXXXXXXXXXXX       RESET       XXXXXXXXXXXXX*/

body {
padding: 0;
text-align: center; /* per IE5.x/Win */
background: #A5AEB5;
color: #000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:70%;
line-height:1.2em;}

/*STRUTTURA PAGINA*/
#container{
margin:auto;
text-align: left; /* per IE5.x/Win */
width:1160px;
background:#A5AEB5;
color:#fff;
height:870px;}

#centrato {
width:1160px;
margin:auto;
text-align: left; /* per IE5.x/Win */
overflow:hidden;}

#corpo {
width:1160px;
float:left;
display:inline;
background: #A5AEB5;
color:#666;}

#header {
margin-top:20px;
background: #A5AEB5 url("img/header_big.jpg") 0 0 no-repeat;
float:left;
display:inline;
width:1160px;
height:400px;
color:#000;}


#header_intro {
margin-top:20px;
background: #000 url("img/header_big.jpg") 0 0 no-repeat;
float:left;
display:inline;
width:1160px;
height:683px;
color:#000;}


#left{
float:left;
display:inline;
background:#A5AEB5;
width:200px;
height:280px;}

#navigazione{
margin-left:50px;
float:left;
display:inline;
background:#f6f3eb;
width:190px;
height:280px;}

.menu{
margin-top:15px;
float:left;
display:inline;
font:regular 11px Helvetica, Arial, sans-serif;}

.menu li {
margin:0;
list-style:none;}

.menu a, .menu a:visited {
width:186px;
height:8px;
margin:0px 0px 2px 5px;
display:block;
color:#A5AEB5;
text-decoration:none;
padding:4px 0 0 8px;}


.menu li.current a, 
.menu li.current a:visited  {
background: url("xxmenu_linea.jpg") no-repeat;
color:#930;
text-decoration:none;}	

.menu li.current a, 
.menu li.current a:visited  {
font-weight:bold;
background:f6f3eb;
color:#000;
text-decoration:none;}	

li.distanziato{
margin-top:25px}

#center{
float:left;
display:inline;
background:#f6f3eb;
width:600px;
height:280px;
text-align:justify;}

#center p{
margin-top:15px;
margin-right:15px;
margin-bottom:15px;}

.box_elenco_sx{
padding-left:20px;
float:left;
display:inline;
width:365px;}

.box_elenco_dx{
padding-left:25px;
float:left;
display:inline;
width:150px;}

.elenco{
list-style:disc;}

#right{
float:left;
display:inline;
background:#A5AEB5;
width:50px;
height:280px;}

#slv{
float:left;
display:inline;
width:1160px;}

#footer {
float:left;
display:inline;
width:1160px;
height:20px;
background:#A5AEB5;
text-align:left;
color: #666;}

#footer p{
padding-top:5px;
text-align:center;}

.overflow{
overflow:hidden;}



/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

/*STRUTTURA PAGINA intro*/
body#intro {background:#000;}

#intro #container{
background:#000;}

#intro #header{
background:#000;}

#intro #corpo {
background: #000;}

#intro #left{
background:#000;}

#intro #right{
background:#000;}

#intro #footer{
background:#000;}

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/


/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

/*STRUTTURA PAGINA video*/
body#video {background:#728874;}

#video #container{
background:#728874;}

#video #header{
background:#728874;}

#video #corpo {
background: #728874;}

#video #left{
background:#728874;}

#video #right{
background:#728874;}

#video #footer{
background:#728874;}

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

/*STRUTTURA PAGINA GALLERY*/
body#gallery {background:#291C14;}

#gallery #container{
background:#291C14;}

#gallery #header{
background:#291C14;}

#gallery #corpo {
background: #291C14;}

#gallery #left{
background:#291C14;}

#gallery #right{
background:#291C14;}

#gallery #footer{
background:#291C14;}

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/


/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

/*STRUTTURA PAGINA collaboratori*/
body #contatti {background:#666A5B;}

#contatti #container{
background:#666A5B;}

#contatti #header{
background:#666A5B;}

#contatti #corpo {
background: #666A5B;}

#contatti #left{
background:#666A5B;}

#contatti #right{
background:#666A5B;}

#contatti #footer{
background:#666A5B;}

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

/*STRUTTURA PAGINA collaboratori*/
body#collaboratori {background:#666A5B;}

#collaboratori #container{
background:#666A5B;}

#collaboratori #header{
background:#666A5B;}

#collaboratori #corpo {
background: #666A5B;}

#collaboratori #left{
background:#666A5B;}

#collaboratori #right{
background:#666A5B;}

#collaboratori #footer{
background:#666A5B;}

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

/*STRUTTURA PAGINA SERVIZI*/
body#servizi {background:#697068;}

#servizi #container{
background:#697068;}

#servizi #header{
background:#697068;}

#servizi #corpo {
background: #697068;}

#servizi #left{
background:#697068;}

#servizi #right{
background:#697068;}

#servizi #footer{
background:#697068;}

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

/*STRUTTURA PAGINA SERVIZI*/
body#mission {background:#5A5349;}

#mission #container{
background:#5A5349;}

#mission #header{
background:#5A5349;}

#mission #corpo {
background: #5A5349;}

#mission #left{
background:#5A5349;}

#mission #right{
background:#5A5349;}

#mission #footer{
background:#5A5349;}

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

/*STRUTTURA PAGINA LINKS*/
body#links {background:#96828B;}

#links #container{
background:#96828B;}

#links #header{
background:#96828B;}

#links #corpo {
background: #96828B;}

#links #left{
background:#96828B;}

#links #right{
background:#96828B;}

#links #footer{
background:#96828B;}

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/


/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

/*STRUTTURA PAGINA CONTATTI*/
body#contatti {background:#666A5B;}

#contatti #container{
background:#666A5B;}

#contatti #header{
background:#666A5B;}

#contatti #corpo {
background: #666A5B;}

#contatti #left{
background:#666A5B;}

#contatti #right{
background:#666A5B;}

#contatti #footer{
background:#666A5B;}

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/



/* CAROUSEL
---------------------------------------------*/

.stepcarousel{
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 600px; /*Width of Carousel Viewer itself*/
	height: 280px; /*Height should enough to fit largest content's height*/
	margin-top:20px;
}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left:0;
	top: 0;
}

.stepcarousel .panel{
	background: url("../img/gallery/bk_featured.png") 0 0 no-repeat;
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin:2px;
	width: 600px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	height:280px;
	position:relative;
}


.stepcarousel .panel .projectImg {
	position:relative;
	top:10px;
	left:10px;}




/*FORMATTAZIONE LIGHTBOX*/

#lightbox{
position: absolute;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}

#lightbox a img{ 
border: none; }

#outerImageContainer{
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
}

#imageContainer{
padding: 10px;
}

#loading{
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}

#hoverNav{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}

#imageContainer>#hoverNav{ 
left: 0;}

#hoverNav a{ 
outline: none;}

#prevLink, #nextLink{
width: 49%;
height: 100%;
background: transparent url(../libo/images/blank.gif) no-repeat; /* Trick IE into showing hover */
display: block;
}

/*#prevLink { 
left: 0; 
float: left;
}

#nextLink { 
right: 0; 
float: right;}
*/
#prevLink:hover, #prevLink:visited:hover {
background: url(../libo/images/prevlabel.gif) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { 
background: url(../libo/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
overflow: auto;
width: 100%	}

#imageData{	
padding:0 10px; 
color: #666; }

#imageData #imageDetails{ 
width: 70%; 
float: left; 
text-align: left; }	

#imageData #caption{ 
font-weight: bold;	}

#imageData #numberDisplay{ 
display: block; 
clear: left; 
padding-bottom: 1.0em;
	}			
#imageData #bottomNavClose{ 
width: 66px; 
float: right;  
padding-bottom: 0.7em;	}	
		
#overlay{
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
background-color: #000;}


.minipics{
width:400px;
text-align:center;
margin:0 auto;
}

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

.minipics li{
float: left;
text-align:center;
margin:6px 6px;
padding:5px;
border:1px solid #666;
}


.overflow{
overflow:hidden;}

.icons{
position:relative;/*senza questo in ie mi sballa i pulsanti next e prev*/
margin-left:156px;
margin-top:16px;}

.icons a img{
margin-top:5px;}


/* LINKS FOOTER INDEX
---------------------------------------------*/	
	
.links_footerindex a:link{
	color: #818E99;
}
.links_footerindex a:visited {
	color: #818E99;
}
.links_footerindex a:hover {
	color: #FFFFFF;
}
.links_footerindex a:active{
	color: #FFFFFF;	}


#index #footer p{
color:#4D5A40;
}

/* LINKS FOOTER MISSION
---------------------------------------------*/	
.links_footermission a:link{
	color: #7B756E;}
	
.links_footermission a:visited{
	color: #7B756E;}
.links_footermission a:hover{
	color: #FFFFFF;}
	
.links_footermission a:active{
	color: #FFFFFF;	}
	
#mission #footer p{
color:#7B756E;
}

	
		/* LINKS FOOTER SERVIZI
---------------------------------------------*/	
.links_footerservizi a:link{
	color: #808782;
}
.links_footerservizi a:visited{
	color: #808782;
}
.links_footerservizi a:hover{
	color: #FFFFFF;
}
.links_footerservizi a:active{
	color: #FFFFFF;
	}

#servizi #footer p{
color:#808782;
}


		/* LINKS FOOTER COLLABORATORI
---------------------------------------------*/	
.links_footercollaboratori a:link{
	color: #808782;
}
.links_footercollaboratori a:visited{
	color: #808782;
}
.links_footercollaboratori a:hover{
	color: #FFFFFF;
}
.links_footercollaboratori a:active{
	color: #FFFFFF;
	}

#collaboratori #footer p{
color:#808782;
}


/* LINKS FOOTER GALLERY
---------------------------------------------*/	
.links_footergallery a:link{
	color: #4F4641;
}
.links_footergallery a:visited{
	color: #4F4641;
}
.links_footergallery a:hover{
	color: #FFFFFF;
}
.links_footergallery a:active{
	color: #FFFFFF;
	}
	
#gallery #footer p{
color:#4F4641;
}

		/* LINKS FOOTER contatti
---------------------------------------------*/	
.links_footercontatti a:link{
	color: #FFFFFF;
}
.links_footercontatti a:visited{
	color: #FFFFFF;
}
.links_footercontattii a:hover{
	color: #FFFFFF;
}
.links_footercontatti a:active{
	color: #FFFFFF;
	}

#contatti #footer p{
color:#FFFFFF;
}



/* LINKS FOOTER collaboratori
---------------------------------------------*/	
.links_footercollaboratori a:link{
	color: #FFFFFF;
}
.links_footercollaboratori a:visited{
	color: #FFFFFF;
}
.links_footercollaboratori a:hover{
	color: #FFFFFF;
}
.links_footercollaboratori a:active{
	color: #FFFFFF;
	}

#links #footer p{
color:#FFFFFF;
}


/*18_09_2009_AGGIUNTO DISTANZIATORE PER BANDIERA NEL MENU*/

li.distanziato_bandiera{
margin-top:18px}


.links_contatti a:link{
	color: #808782;
}
.links_contatti a:visited{
	color: #808782;
}
.links_contatti a:hover{
	color: #96828B;
}
.links_contatti a:active{
	color: #96828B;
	}
	
	
	
	#links_corsi{
	background:#FFCCFF;
	color:#660066;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:16px;
	padding:5px;
	border:1px #990099 dotted;}