/*
----------------------------------------------------------------------
GENARAL RULES
----------------------------------------------------------------------
*/

body {
	font-size:100%;
	margin:0;
	padding:0 0 20px 0;
	color:#333333;
	font-family: verdana, arial, Helvetica, sans-serif;
	background: url(../images/gradient.jpg) repeat-x top left #fff; /*edit the header background colour*/
	
}


.hidden {display: none;}
hr {display: none;}

a,
a:link,
a:visited {
	color: #CE2127; /*edit colour*/
		text-decoration:underline;
}
a:hover {background-color:#CE2127; color:#fff; padding:0; text-decoration: none;} /*edit colour*/


/* back in h1*/
a.back,
a.back:link,
a.back:visited {
	diplay:block;
	color: #FF9900; /*edit colour*/
	text-decoration: none;
	border-bottom: dotted 1px #FF9900;
}
a.back:hover {background-color:#CE2127; color:#fff; padding:0; text-decoration: none;} /*edit colour*/



#header-logo a.logo  { border: 0; margin: 0; padding: 0;}
#header-logo a.logo:hover  { border: 0; margin: 0; padding: 0; background-color:transparent; }
	
p {margin: 0; padding: 0 0 20px 0; font-size: 70%; color: #333333; line-height: 1.7em; }

.b {font-weight: bold; color: #000;}
.i {font-style: italic; color: #707070;}
.ititle {font-style: italic; color: #000; font-size: 85%; display: block;}
.country {  padding: 4px 0 4px 0; color: #3A4447; font-weight: normal; }
p.partner {margin-left: 140px; margin-top: 10px;}
.vcard {font-size: 75%; line-height:1.5em; }
.red {color: #cc0000;}
.fileinfo {color: #7c7a7a;}


ol {font-size: 75%; padding: 0; margin:0 0 0 40px; line-height: 1.5em;}
ol li {padding: 0; margin: 0 0 20px 0;}

#overview-image {float: right; width: 190px; height: 256px; padding: 0 0 20px 20px; background: url(../images/overview.jpg) no-repeat right top; }
#concept-image {float: right; width: 190px; height: 256px; padding: 0 0 20px 20px; background: url(../images/concept.jpg) no-repeat right top; }
#objectives-image {float: right; width: 190px; height: 256px; padding: 0 0 20px 20px; background: url(../images/objectives.jpg) no-repeat right top; }
#benefits-image {float: right; width: 190px; height: 256px; padding: 0 0 20px 20px; background: url(../images/benefits.jpg) no-repeat right top; }

h1 {
	color:#CC0000;/*edit colour*/
	font-size: 130%;
	/*font-weight: normal;*/
	font-family: arial,helvetica,sans-serif;
letter-spacing: -1px;
font-weight: 100;
	margin:0;
	padding: 10px 0 15px 0;
	/*font-family: "georgia", trebuchet MS, times, serif;*/
}


h1.intro {
	padding: 10px 0 0 0;
	}


h2 {
	color:#E21F27;/*edit colour*/
	font-family: arial,helvetica,sans-serif;
	font-size: 90%;
	letter-spacing: -0.3px;
	font-weight: 400;
	margin:0;
	padding: 0 0 0 0;
}

h3 {
	color:#E21F27;/*edit colour*/
	font-family: arial,helvetica,sans-serif;
	font-size: 80%;
	font-weight: 400;
	letter-spacing: -0.3px;
	margin:0;
	padding: 0 0 0 30px;
}

h2.news-title {
	color:#4A5559;/*edit colour*/
	font-size: 90%;
	font-weight: bold;
	margin:0;
	padding: 0 0 5px 0;
}

p.indent {
	padding: 0 0 20px 30px;
}

.indentdatavisita {
	padding: 0 0 0 40px;
}



ul.bullet {
list-style-type: disc;
margin: 0 0 20px 10px;
padding: 0 0 0 20px;
line-height: 1.5em;
font-size: 70%;

}

ul.subbullet {
list-style-type: disc;
margin: 10px 0 20px 5px;
padding: 0 0 0 10px;
line-height: 1.5em;
font-size: 90%;

}

/*
-------------------------------------------------------------------------
HEADER
-------------------------------------------------------------------------
*/

ul, dl, dd {
list-style-type: none;
margin: 0;
padding: 0;

}

#accessibility {
width: 100%;
text-align: left;
list-style-type: none;
margin: 0;
padding: 0;
position: relative;
font-size: 65%;
}

#accessibility li {
display: inline;
}


#accessibility a {
color: #EA7E01;
text-decoration: none;
padding-left: 10px;
background: url(../images/arrow_down.gif) no-repeat left 50% transparent;
}

#accessibility a:hover {
text-decoration: none;
border-bottom: 1px dotted #EA7E01;
}


#accessibility li.normal {
padding-left: 15px;
}

#accessibility li.first {
padding-left: 0;
}

#accessibility li.home a {
background: url(../images/arrow_left.gif) no-repeat left 50% transparent;
padding-left: 7px;
margin-left: 10px;
}

#accessibility li.languagea {
position: absolute;
top: 0;
right: 10px;
}

#accessibility li.languagea a {
background: url(../images/arrow_right.gif) no-repeat left 50% transparent;
padding-left: 6px;
}

#accessibility li.languageb {
position: absolute;
top: 0;
right: 70px;
}

#accessibility li.languageb a {
background: url(../images/arrow_right.gif) no-repeat left 50% transparent;
padding-left: 6px;
}

/* generic print header style - displays only when printed */
.print-header {display:none;}
/* end generic print header style */

#header-home {
	padding:0;
	width:700px;
	margin:0 auto;
	height:241px;
	background: url(../images/blurb.jpg) no-repeat left bottom transparent;
	
}


#header-logo {
	width: 251px;
	padding:0;
	margin:0;
	border: 0;
}

#header-logo .journal-header {
	border: 0; 
	width: 251px; 
	height:74px;
	padding:5px 0 147px 0;
	margin:0;
}

#header-visual-wrapper {
	padding:0;
	width:448px;
	margin:5px 0 0 0;
	float: right;
	}

/*
------------------------------------------------------------------------
CONTENT DIV 
-----------------------------------------------------------------------
*/

#content-wrapper {
	padding:0 0 25px 0;
	max-width:700px;
	margin:0 auto;
	
}


/* begin clearing styles */
#content-wrapper:after {
    content:url(/common/images/clear.gif); 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}

/* Hides from IE-mac \*/
* html #content-wrapper {height: 1%;}
/* End hide from IE-mac */
/*end clearing styles*/


/*
------------------------------------------------------------------------
MAIN CONTENT 
-------------------------------------------------------------------------
*/

#main-content {
	padding:0 10px 0 10px;
	margin-top:7px !important;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	width: 60%;
	float: right;
	background-color: transparent;
}

*:first-child+html #content-wrapper #main-content /* solo IE 7.0 */
{
margin-top: 8px!important;
}

#main-content .foto {
	display: inline;
	padding: 4px;
	border: 1px solid #ccc;
	width: 200px;
	margin: 0 0 10px 5px;
	float: right;
}

#main-content .foto .dida,
#main-content .fotohome .didahome 
{margin: 0; 
padding: 00; 
font-size: 65%; 
font-style: italic;
color: #333333; 
line-height: 1em;}


#main-content div.sapevi 
{background: url(../images/sapevi_bg.jpg) no-repeat left top transparent; padding: 20px; }

#main-content h2.sapevi
{font-weight: bold; font-family: arial,helvetica,sans-serif;}


#main-content .fotohome {
	display: inline;
	padding: 4px;
	border: 1px solid #ccc;
	width: 120px;
	margin: 0 0 5px 5px;
	float: right;
}





/*
-------------------------------------------------------------------
NAVIGATION
-------------------------------------------------------------------
*/

.block {
display: block;
font-weight: normal;
font-family: "verdana", arial, sans-serif;
font-size: 60%;
padding-bottom: 5px;
}


#navcontainer { 
margin-left: 0px; 
margin-top:0px;
width: 251px;
height: 400px;
/*float: left;*/ /* scommentato perchè dava problemi di allineamento su IE6*/
padding-bottom: 0px;
background: url(../images/gradient_menu.jpg) repeat-x top left;
font-size: 70%;
font-weight: bold;
}


#navcontainer ol.navigation {
font-size: 190%;
margin-left: 10px;
padding-top: 20px;
font-family: arial,helvetica,sans-serif;
color: #CC0000;
font-weight: 400;
line-height: 1em;
letter-spacing: -1px;


}

#navcontainer ol.navigation li {
margin: 0;
padding:0;
list-style-type: none;
}


/*lista di primo livello*/
#navcontainer ol.navigation ul.subnavlist
{
margin: 10px 0 0 0;
padding: 0;
font-size: 70%;
list-style-type: none;
}

#navcontainer ol.navigation ul.subnavlist li { 
margin: 0; 
padding:0;
background: url(../images/bullet.gif) left center no-repeat;
}

#navcontainer ol.navigation ul.subnavlist li.last { 
margin: 0 0 20px 0;
}

#navcontainer ul.subnavlist li a
{
display: block;
padding: 0 0 0 15px;
margin: 0;
color: #4A4A37;
text-decoration: none;
font-family: "verdana", arial, sans-serif;
font-weight: normal;
font-size: 75%;
}

#navcontainer ul.subnavlist li a:hover
{
color: #CC0000;
background-color: transparent;
text-decoration: dotted;
background: url(../images/bullet_b.gif) left center no-repeat;
}

#navcontainer ul.subnavlist li #current,
#navcontainer ul.subnavlist li.last #current
{
color: #CC0000;
text-decoration: none;
background: url(../images/bullet_b.gif) left center no-repeat;
}


/*lista di secondo livello*/
#navcontainer ul.subsubnavlist
{
margin: 0px 0 0 25px;
padding: 0;
font-size: 100%;
list-style-type: none;
}

#navcontainer  ul.subsubnavlist li { 
margin: 0; 
padding:0;
background: url(../images/bullet.gif) left center no-repeat;
}

#navcontainer ul.subsubnavlist li a
{
display: block;
padding: 0 0 0 15px;
margin: 0;
color: #4A4A37;
text-decoration: none;
font-family: "verdana", arial, sans-serif;
font-weight: normal;
font-size: 75%;
}

#navcontainer ul.subsubnavlist li a:hover
{
color: #CC0000;
background-color: transparent;
text-decoration: none;
background: url(../images/bullet_b.gif) left center no-repeat;
}

#navcontainer ul.subsubnavlist li #subcurrent,
#navcontainer ul.subsubnavlist li.last #subcurrent
{
color: #CC0000;
text-decoration: none;
background: url(../images/bullet_b.gif) left center no-repeat;
}

/*
------------------------------------------------------------------------
PER SAPERNE DI PIU
------------------------------------------------------------------------
*/
#main-content ul.books {list-style-type: none;
margin: 0;
padding: 0;}

#main-content ul.books li {
line-height: 2em; 
font-size: 70%;
margin: 0;
padding: 0 0 0 20px;
background: url(../images/bullet.gif) left center no-repeat;
}

/*
------------------------------------------------------------------------
SCEGLI LA TUA VISITA GUIDATA
------------------------------------------------------------------------
*/

#container-table {margin: 0 0 40px 0; padding: 0;}




/* this rollover CSS created by collys rollover generator at http://www.collylogic.com/scripts/rollover.html */


.prenota {
float:right;
width:120px;
height:17px;
font-size: 65%;
border:1px solid #8B0504;
font-weight: bold;
text-align:center;
color: #fff;
background-color: #CC0000;
}
a.prenota:link, a.prenota:visited, a.prenota:active {
color:#fff;
text-decoration:none;
background-color: #CC0000;
padding-top: 6px;
}
a.prenota:hover {
color:#fff;
background-color: #FD9500;
padding-top: 6px;
}





/*
=Start table structure
*/
#Summary, #Caption {
	width: 100%;
}

.tableStyle {
	width: 100%;
	margin: 0;
	border: solid #DACCAF;
	border-width: 1px 0 0 1px;
	border-collapse: collapse;
	text-align: left;
	font-size: 70%;
}

.tableStyle th, .tableStyle td {
	border: solid 1px #DACCAF;
	border-width: 0 1px 1px 0;
	padding: 0.5em;
}
/*
=End table structure
*/

/*
=Start blue colour scheme
*/
.blueScheme, .blueScheme th, .blueScheme td {
	border-color: #DACCAF;
}

.blueScheme .even {
	background-color: #fff;
}

.blueScheme th, .blueScheme thead td {
	background-color: #F5F1E9;
}

.blueScheme th.firstColumn {
	background-color: #F5F1E9;
}
/*
=End blue colour scheme
*/




/*
------------------------------------------------------------------------
FORM
------------------------------------------------------------------------
*/

#form form {
	margin-top:0;
	margin-left: 0;
}

#form form fieldset {
	margin: 1em 1em 0 0;
	padding: 1em;
	border: 1px solid #E1E1D7;
	background: url(../images/gradientform.jpg) left bottom repeat-x;

}

#form form legend {
	font-weight: bold;
	color: #000;
	border: 1px solid #E1E1D7;
	margin: 0;
	padding: 0.3em;
	font-size:80%
}

#form form .required {
	color: red;
	font-style: italic;
}

#form form div.row {
	float:left;
	clear:both;
	width:99%;
	text-align:left;
}

#form form div label.data {
	float:left;
	clear:left;
	width:30em;
	font-size:70%;
	margin-left:0;
	line-height:2.3em;
}

* html #form form div label {margin-left:0;}

* html #form form div input {width:22.55em;/* IE only */}
#form div input {width:22.7em;}
#form form div input, #form div select, #form div textarea {
	float:left;
	margin:3px 0;
}


#form form div textarea {
	width: 24em;
}

#form form .dataradio {
	font-size:70%;
}


* html #form form div textarea {
	width: 17.55em;
}

#form div select {
	width:23.3em;
}

#form  .check {
	width:1em;
	margin-left:6px;
}
* html #form  .check {
	margin-left:12px;
}

#form  .text {
	font-size: 70%;
	line-height: 2.1em;
	padding-left: 0.5em;
}

#form form div.checkrow {
	width: 90%;
}

#form div input.button {
	border: 1px solid #000;
	padding: 0.20em;
	background-color: #BA0001;
	color: #fff;
	font-size: 70%;
	font-weight: bold;
	width:7em;
	margin-top: 1em;
	margin-right: 1em;
} 

/* styles for chi siamo page */
ul.chisiamo
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.chisiamo li
{
	background-position: 0px 18px;
	background-repeat: no-repeat;
	padding: 15px 10px 15px 125px;
	margin: 0 0 1em 0;
	}

ul.chisiamo li.stefania {background-image: url(../images/stefania.gif);}
ul.chisiamo li.giulia {background-image: url(../images/giulialasen.jpg);}
ul.chisiamo li.giuliano {background-image: url(../images/giuliano.gif);}
 
ul.chisiamo p
{
	font-size: 70%;
	margin: 0;
	padding: 0;
	line-height: 1.5em;
}




/* styles for list with thumbs per l'elenco visite guidate 

 ul.listfiveitems
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

 ul.listfiveitems li
{
	background-color: #F5F1E9;
	background-position: 10px 18px;
	background-repeat: no-repeat;
	padding: 15px 10px 15px 90px;
	margin: 0 0 1em 0;
}

 ul.listfiveitems li:hover
{
	background-color: #E7DDC9;
}


 ul.listfiveitems li.visita1 {background-image: url(../images/thumvisita1cold.gif);}
  ul.listfiveitems li.visita2 {background-image: url(../images/thumvisita2cold.gif);}
 ul.listfiveitems li.visita4 {background-image: url(../images/thumvisita4cold.gif);}
 ul.listfiveitems li.visita3 {background-image: url(../images/thumvisita3cold.gif);}



 

 ul.listfiveitems h2
{
	font-size: 100%;
	margin: 0 0 0 0;
	margin-top: 0 !important;
	padding: 0;
	background-color:transparent
}

 ul.listfiveitems p
{
	font-size: 70%;
	margin: 0;
	padding: 0;
	line-height: 1.5em;
}

 ul.listfiveitems a:link,
 ul.listfiveitems a:visited
{
	display: inline;
	font-size:80%;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

 ul.listfiveitems a:hover,
 ul.listfiveitems a:focus
{
	
}


div.visitafoto  {margin-left: -100px; width: 80px; }
/* end styles for list  */

/* start definition list per elenco visite guidate con thumbnails  */

dl {
		width : 402px; /* width of the wrapper */
		padding : 0.7em;
		background-color: #F5F1E9;
		font-size: 70%;
		line-height: 1.4em;
		color: #333333;}

dl:hover {	background-color: #E8DDC9;}
		
		
	
 dt {
float : right;
width : 317px;
margin : 0;
padding : 0;
}



	 dt.pr-img {
	float : left;
	width : 70px;
	}

		 dt.pr-img img { /* thumbnail image */
		border : 1px solid #ccc;
		padding: 3px;
		background-color: #fff;
		}

	dt a {
	font-size : 100%;
	font-weight: bold;
	}

	

dd {
float : left;
width : 130px; /* width of the list minus thumbnail image */
margin : 0;
padding : 0;

}

dd ul {
float : left;
width : 330px;
margin : 0 10px 0 15px;
padding : 5px 0 0 0;
list-style-type : none;
}

	

dd ul li {
margin : 0;
padding : 0;
list-style-type : none;
}

	 dd ul li span {
	margin-left : 0;
	}

		
		
.b {
font-weight : bold;
}

br {
clear : both;
}



/* end start definition list per elenco visite guidate con thumbnails   */


/* definition list per elenco visite guidate con thumbnails in home   */
dt.pr-img-thumb {
	float : left;
	width : 30px;
	}

		 dt.pr-img-thumb img { /* thumbnail image */
		border : 1px solid #ccc;
		padding: 1px;
		background-color: #fff;
		}

div#containerlist {
border : 1px solid #CC0000;
}

/* end start definition list per elenco visite guidate con thumbnails   */

/* questo serve a ripulire elementi. Ripreso da: http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content:url(..images/clear.gif);
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}



/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

div.cleardiv {
	clear:both;
	padding:0 !important;
}



span.cleardiv {
	display:block !important;
	clear:both !important;
	padding:0 !important;
	margin:0 !important;
}

/* end ripulitura */




/*
------------------------------------------------------------------------
FOOTER
------------------------------------------------------------------------
*/


#footer-wrapper {
	padding:0;
	clear: both;
	background: url(../images/bg_footer.gif) repeat-x left top; 
	font-size: 65%;
	color: #454545;
}

#footer {
	padding: 2px 0 0 0;
	text-align: left;
	max-width:700px;
	margin:0 auto;
}

p.footer {padding: 10px 0 20px 0; font-size: 100%;}

#footerlinks {
color: #fff;
width: 100%;
text-align: left;
list-style-type: none;
margin: 0;
padding: 0;
position: relative;
font-size: 100%;
}

#footerlinks li {
display: inline;
}


#footerlinks a {
color: #fff;
text-decoration: dotted;
padding-left: 0px;
}

#footerlinks a:hover {
text-decoration: none;
border-bottom: underline;
}


#footerlinks li.normal {
padding-left: 10px;
}

#footerlinks li.first {
padding-left: 0;
}

/* styles for list with thumbs per homepage */
h2.headingboxhome {
	font-weight: normal;
	background: url(../images/h2bgboxhome.gif) no-repeat left top ;
	padding: 3px 3px 3px 6px;
	margin-top: 20px;
	color: white;
}

 ul.listhome
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	border: 1px solid #CC0000;
}

 ul.listhome li
{
	background-color: #F5F1E9;
	background-position: 5px 10px;
	background-repeat: no-repeat;
	padding: 8px 0 8px 50px;
	margin: 0 0 0 0;
}

 ul.listhome li:hover
{
	background-color: #E7DDC9;
}


ul.listhome li.visita1 {background-image: url(../images/visita1small.gif);}
ul.listhome li.visita2 {background-image: url(../images/visita2small.gif);}
ul.listhome li.visita4 {background-image: url(../images/visita4small.gif);}
ul.listhome li.visita3 {background-image: url(../images/visita3small.gif);}



 

 ul.listhome h3
{
	font-size: 85%;
	font-family: verdana, arial, sans-serif;
	margin: 0 0 0 0;
	margin-top: 0 !important;
	padding: 0;
	font-weight: bold;
	background-color:transparent
}

 ul.listhome p
{
	font-size: 70%;
	margin: 0;
	padding: 0;
	line-height: 1.5em;
}

 ul.listhome a:link,
 ul.listhome a:visited
{
	display: inline;
	font-size:80%;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

 ul.listhome a:hover,
 ul.listhome a:focus
{
	
}
/* end styles for list  */


	/* this rollover CSS created by collys rollover generator at http://www.collylogic.com/scripts/rollover.html */


.prenotahome {
float:right;
width:175px;
height:18px;
border:0;
font-weight: bold;
font-size: 70%;
text-align:center;
color: #cc0000;
background: url(../images/buttonb.gif) repeat-x top left;
}
a.prenotahome:link, a.prenotahome:visited, a.prenotahome:active {
color: #cc0000;
text-decoration:none;
background: url(../images/buttonb.gif) repeat-x top left;
padding-top: 5px;
}
a.prenotahome:hover {
color: #cc0000;
background: url(../images/buttona.gif) repeat-x top left;
padding-top: 5px;
}


#containerboxvisita {
border: 1px solid #cc0000;
margin: 0;
padding: 0;
}

/* newsletter form per menu a sx */
/*
------------------------------------------------------------------------
FORM
------------------------------------------------------------------------
*/
#formnews {
width: 90%;
}

h2.newsletter {
color: #cc0000;
font-size: 180%;
font-family: arial,helvetica,sans-serif;
letter-spacing: -1px;
font-weight: 100;
margin-left: 10px;
}

p.newsletter {
font-size: 95%;
font-family: verdana,sans-serif;
font-weight: normal;
margin: 0 0 0 10px;
padding: 0;
}

#formnews  #submit-newsletter {
	margin:0 0 0 10px;
	padding: 0;
}


#formnews  #submit-newsletter .required {
	color: red;
	font-style: italic;
}

#formnews  #submit-newsletter div.row {
	float:left;
	clear:both;
	width:30%;
	text-align:left;
}

#formnews  #submit-newsletter div label.data {
	float:left;
	clear:left;
	width:7em;
	font-size:100%;
	margin-left:0;
	line-height:2.3em;
	padding: 0;
}

* html #formnews  #submit-newsletter div label {margin-left:0;}

* html #formnews  #submit-newsletter div input {width:10em;/* IE only */}
#formnews  #submit-newsletter div input {width:11em;}
#formnews  #submit-newsletterform div input, #form div select, #form div textarea {
	float:left;
	margin:3px 0;
}




#formnews  #submit-newsletter div input.button {
	border: 1px solid #000;
	padding: 0.20em;
	background-color: #BA0001;
	color: #fff;
	font-size: 100%;
	font-weight: bold;
	width:7em;
	margin-top: 10px 10px 10px 10px;
}