@font-face {
 font-family: MyCustomFontt;
 src: url("font/FjallaOne-Regular.eot") /* EOT file for IE */
}
@font-face {
 font-family: MyCustomFontt;
 src: url("font/FjallaOne-Regular.ttf") /* EOT file for IE */
}



@font-face {
 font-family: MyCustomFont;
 src: url("font/Anton.eot") /* EOT file for IE */
}
@font-face {
 font-family: MyCustomFont;
 src: url("font/Anton.ttf") /* TTF file for CSS3 browsers */
}


body {
background-color: #f2f2f4;
font-size: 1em;
font-family:Georgia, Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
padding:0;
margin:0;
border-top: 4px solid #671212;
 overflow-y:scroll;
}
a {color: #671212;}
a:visited {color:#671212;}
a:hover {color: #000000;}
a:active { color:#000000;}

h3{padding:0 0 0 0 ; font-weight: 400; font-size: 19px; color: #898484;font-family: MyCustomFontt, sans-serif; }
h1{padding:0 0 0 0 ; font-weight: 400; color: #636363;font-family: MyCustomFontt, sans-serif;}

h4{
font-size:1.1em;
font-weight: normal;
padding: 5px 0 7px 0;
margin:0px;
color: #671212;}

h2 {
font-size:1.2em;
font-weight: normal;
padding: 5px 0 7px 0;
margin:0px;
color: #671212;}

h6 {
font-size:1.2em;
font-weight: bold;
padding: 0px 0 0px 0;
margin:0px;
color: #564b47;}

h5{line-height:1.5;font-size:0.95em;color: #564B47;margin-left:0px;margin-right:0px;padding: 0px 0px 0px 0px;margin-top: 0px;margin-bottom: 0px;  }
.ombra{border-bottom:1px solid #f2f2f4;border-top:1px solid #f2f2f4;padding:10px 0 10px 0;}
.ombra:hover{ background-color:#f7f5f5;border-bottom:1px solid #cecccc;border-top:1px solid #e3e2e2;}

.ombra2{padding:5px 0 5px 0;border-bottom:1px solid #f2f2f4;border-top:1px solid #f2f2f4;width: 99%;}
.ombra2:hover{ background-color:#f7f5f5;border-bottom:1px solid #e2dfdf;border-top:1px solid #e3e2e2;width: 99%;}

img.download {vertical-align:middle;}

/* ----------container layout-------------- */
#container {
width: 860px;
margin: 0px auto;
padding:0;
background-color: #f2f2f4;
}

/* ----------banner for logo-------------- */
#banner {

text-align: left;
padding: 0;
margin: 5px 0 0 0px;

}
#banner img {padding: 0 0 0px 0;} 

/* -----------------content--------------------- */
#content {
/* background-color: #f2f2f4;*/
padding:0px 20px 0px 25px;
margin: 40px 0 0 250px; 
/* min-height:550px;*/

background-image: url(images/content6.png);
background-repeat: repeat-y;
background-position: center top;

}


p, pre{
line-height:1.5em;
 padding:0 0px 0px;
 margin:0;
font-size: 0.95em;

}
pre, code {
font-size:1.3em;
}

/* --------------left navigavtion------------- */


#sidebar {
float: left;
width: 240px;
padding:0px 0 0;
margin: 20px 0 0 20px;
}

#sidebar ul {
font-family: MyCustomFont, sans-serif;font-weight: 400;font-size: 19px;list-style: none;text-align:left; 
}

#sidebar a {
color: #898484; display: block;line-height: 30px; padding: 0 0 2px 0px; text-decoration: none; width: 191px; 
}
#sidebar a:hover {
 border-bottom: 1px solid #e9e8e8; border-top: 1px solid #e9e8e8; color: #671212; display: block; line-height: 28px; text-decoration: none; width: 189px; 
}

#sidebar .first a {
 border-bottom: 1px solid #f2f2f4; border-top: 1px solid #f2f2f4; color: #671212; display: block; line-height: 28px; text-decoration: none; width: 189px; 
}


#sidebar2 {

position: absolute;
float: left;
width: 240px;
padding:0px 0 0;
margin: 350px 0 0 20px;
}
#sidebar2 a {
color: #671212;	font-size: 15px;margin-top:10px;margin-left:0px;display: block;text-decoration: none;
}
#sidebar2 a:hover {
color: #000;	font-size: 15px;margin-top:10px;margin-left:0px;display: block;text-decoration:underline;
}





/* -----------footer--------------------------- */
#footer {
clear: left;
margin: 0;
padding: 0;
text-align: right;
font-size:13px;


 }
#footer a {
clear: left;
margin: 0;
padding: 0;
text-align: right;
font-size:13px;
color: #564b47;
text-decoration: none;
 }
#footer a:hover {
clear: left;
margin: 0;
padding: 0;
text-align: right;
font-size:13px;
color: #671212;
text-decoration:underline;
 }


.picPreivew {
	float:right;

		margin:60px 20px 0px 20px;	
		padding: 1px;
		/*background-color: #f2c445;*/
		border: 1px solid #cec8c8;
		margin-left:0px;margin-right:0px;
}
.picContent {
	margin:0 170px 5px 5px;
	text-align:justify;	
}

.separator {
	height:1px;
	border-bottom:1px dotted #bdbaba;
	padding:0px 0;
	clear:both;
	margin:3px 0px 0px 0px;	
}



.separatorlibro2 {
	height:1px;
	border-bottom:1px;
	padding:0px 0;
	clear:both;
		margin:0px 20px 0px 20px;		
}


#prova{

 }
#prova img {
 
    margin-right:20px;
    float:left;
 }
#prova #nopadding {
    margin-right:0
}



div#immagine {
	width: 100%;


}
div.split2 div {
	float: left;
	width: 50%;
	margin-left:0px;
}
div.wide {
	clear: left;
}

.libro{

	/*background-color: #f2c445;*/
	border: 1px solid #cec8c8;
	margin-left:0px;margin-right:0px;	
}

.pic2{
padding: 0px;
/*background-color: #f2c445;*/
border: 1px solid #cec8c8;
margin-right:12px;margin-top:12px;
opacity:0.8;
filter:alpha(opacity=80); /* For IE8 and earlier */
}

.pic2:hover{
padding: 0px;
/*background-color: #f2c445;*/
border: 1px solid #cec8c8;
margin-right:12px;;margin-top:12px;
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}

div#pic2{text-align:left;padding:0px 0px 0px 0px;}

.pic{

/*background-color: #f2c445;*/
border: 1px solid #cec8c8;
margin-left:0px;margin-right:0px;
}
.piccenter{

/*background-color: #f2c445;*/
border: 1px solid #cec8c8;
margin-left:0px;margin-right:0px;
text-align:center;
}
.pichome{
padding:5px;
/*background-color: #f2c445;*/
border: 1px solid #cec8c8;
margin-left:0px;margin-right:0px;
}
.picleft{padding: 0px;
/*background-color: #f2c445;*/
border: 1px solid #cec8c8;
margin-left:0px;margin-right:15px;margin-top:8px;
float:left;
}

.picright{padding: 0px;
/*background-color: #f2c445;*/
border: 1px solid #cec8c8;
margin-left:15px;margin-right:0px;margin-top:8px;
float:right;
}
	
div#pic{text-align:center;padding:0px 0px 0px 0px;margin:0px 7px 0px 0px;}
div#picleft{float:left;padding:0px 0px 0px 0px;margin:0px 7px 0px 0px;}

.middle{ width:100%; margin:0 auto; text-align:center}
.middle span{ display:inline-block;width:30%;margin:0 1%; }



	
.black{color:#333;}
.idcolor{ color:#671212;}

hr{ height:2px; border:none; clear:both; background:url(images/line.png) center repeat-x;} 
hr.risorse { height:20px; border:none; clear:both; background:url(images/line.png) center repeat-x;margin:10px 0 40px 0;}
hr.ca { height:20px; border:none; clear:both; background:url(images/line.png) center repeat-x;margin:20px 0 15px 0;}




.linklink ul
{
list-style: none;
padding: 0px;
margin: 0px;
text-align: left;
}

.linklink a
{
display: block;
text-decoration: none;
width: 100%;
padding-left: 0px;
}


.linklink title{float:left}
.linklink .sname{color:#671212;font-size:15px;height:7px;font-weight:bold;text-decoration: underline;}
.linklink .sname:hover{color:#000;font-size:15px;height:7px;font-weight:bold;text-decoration: underline;}
.linklink .surl{clear:both;color:#888;font-size:11px;margin:0;padding:0}
.linklink p{color:#999;font-size:11px;margin:0;padding:0}




/* ========== blockquote ========== */

blockquote{ min-height: 100px;margin-top:40px;margin-left:20px;margin-right:20px;margin-bottom:20px; padding:15px 0 0 15px; font-style:italic; background:url(images/quote.png) top left no-repeat; font-size:14px; }


/*
|--------------------------------------------------------------------------
| AYRI
|--------------------------------------------------------------------------
*/


/*
------acoordion close
*/

.accordionclose-close span {
/*	width: 50px; */
    display:block;
    float:left;

    padding:7px;
	margin-top:3px;
	margin-left:3px;
	margin-right:13px;
}

.accordionclose {
      	margin-left:30px;
        padding:9px 0px 0px 5px;
        height:28px;
        border-bottom:#e8e6e6 1px solid;
        background: #f2f2f4;
        font-family: Georgia,Arial, Helvetica, sans-serif;
        text-decoration:none;
 
        color: #564B47;
        font-size:1em;
cursor:pointer;
    }

/*
------acoordion close end
*/

.accordion {
        margin: 0;
        padding:9px 0px 0px 5px;
        height:28px;
        border-bottom:#e8e6e6 1px solid;
        background: #f2f2f4;
        font-family: Georgia,Arial, Helvetica, sans-serif;
        text-decoration:none;
 
        color: #564B47;
        font-size:1em;
cursor:pointer;
    }

.accordion:hover
	{ background:#eeeef0;
	
		
		}
.accordion:active
	{ background:#eeeef0;

		border-bottom:#f2f2f4 1px solid;
		}
		.accordion:visited
			{ background:#eeeef0;

				border-bottom:#F2F2F4 1px solid;
				}



    .accordion-open {
        background:#eeeef0;#
        color: #671212;border-bottom:#F2F2F4 1px solid;


    }
/*

    .accordion-open span {
        display:block;
        float:right;
        padding:10px;

    }
*/
    .accordion-open span {
		display:block;
        background:url(images/minus.png) center center no-repeat;
 		padding:7px;
		margin-left:3px;
		margin-top:3px;
	 	float:left;
		margin-right:13px;
	
    }

    .accordion-close span {
	/*	width: 50px; */
        display:block;
        float:left;
        background:url(images/plus.png) center center no-repeat;
        padding:7px;
		margin-top:3px;
 		margin-left:3px;
		margin-right:13px;
    }
  
    div.content2 ul, div.content2 p {
        padding:0 ;
        margin:0;
        padding:0px;
    }
    div.content2 {
        margin: 7px 0 7px 0;
        padding:0px;
        font-size:1em;
        line-height:1.5em;
        font-family:Georgia, Arial, Helvetica, Geneva, sans-serif;
		color: #564B47;
		text-align:justify;	

    }
 div.content2 a {
		color: #671212;
    }

 div.content2 a:hover {
		color: #000000;

    }

	div.container2 {
	        padding:3px;
	        margin-left:5px;
	
	    }


/*
|--------------------------------------------------------------------------
| UItoTop jQuery Plugin 1.2
| http://www.mattvarone.com/web-design/uitotop-jquery-plugin/
|--------------------------------------------------------------------------
*/

#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:none;
	text-indent:100%;
	background:url(images/ui.totop.png) no-repeat left top;
}

#toTopHover {
	background:url(images/ui.totop.png) no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}

/*
|--------------------------------------------------------------------------
| form 
|--------------------------------------------------------------------------
*/
#form2{float:left;margin-right:10px;clear:left;}
#form{width: 600px;}
#uploadform {width: 400px;}
label {}
input, textarea {width: 90%;}
input#submit {width: auto;margin-top:20px;}
input#reset {width: auto;margin-top:10px;}
.required {color: red;}
#formfeedback {background: #eee6d8; padding: 5px;margin-left:25px;margin-bottom:25px;}

.button				{ background: url(../../images/button-bg.png) repeat-x top center; border: 1px solid #999;cursor:pointer;
					  -moz-border-radius: 5px; padding: 3px; color: #666666; font-weight: bold;margin-left:25px;
					  -webkit-border-radius: 5px; font-size: 14px;  width: 70px; font-family:'Trebuchet MS', Tahoma, Georgia, serif;
					outline: 0 none !important;}

.button:hover		{ background:#ffffff; color: #666666;cursor:pointer; font-family:'Trebuchet MS', Tahoma, Georgia, serif;
					outline: 0 none !important;}

.button:active  {
    color: #d5d2d2;
}
.checkbox  {
    color: #d16ed7;
}


/*
|--------------------------------------------------------------------------
| accordion
|--------------------------------------------------------------------------
*/
a.opening {
font-family:'Georgia', Tahoma, Trebuchet, serif;

font-size:1em;
	padding:  0px  0px 3px 3px;
	 
}
 
a.opening:hover {}

a.opening.active	{
font-family:'Georgia', Tahoma, Trebuchet, serif;

font-size:1em;
	padding:  0px  0px 3px 3px;
}


.expanded {
	color:#666666;

	padding:20px 0px 0px 0px;
	font-size:1em;


	}
.expanded p {
	color:#666666;


font-size:1em;

	}
.expanded .expanded {

	}
.expanded .expanded p {

	}
	
.level {
	color:#666666;


font-size:1em;
		}

/*--------- privacy  -------------*/
/*--------- privacy -------------*/


		#cookieChoiceInfo {           /* Imposto le proprietà del banner/dialog box e caratteri del messaggio */
		  background-color: #000;     /* Lo fondo è di colore nero (#000) */

		  font-size: 16px;            /* i caratteri devono essere grandi 16 pixel */
		  color: #222;                /* il colore dei caratteri è grigio chiaro (#DDD) */
		  padding: 10px;              /* lo spazio intorno al messaggio (sopra, sotto e di lato) quindi il bordo dista 10 pixel */  
		  opacity: .8;                /* questa proprietà modifica la trasparenza del banner/dialogbox */
		}
		#cookieInfoLink {                      
		  color: #E00;                /* il testo del link che aprire la pagina della cookie policy è rosso (#E00)  */
		  text-decoration: underline; /* questa proprietà indica che il testo del link è sottolineato  */
		}
		#cookieInfoLink:hover {       /* la parola hover, vicino al selettore, indica che le proprietà seguenti verranno applicate... */
		                              /* ... al link che conduce alla cookie policy solo quando il mouse ci passa sopra  */
		  color: #F44;                /* il testo del link in questo caso diventa di un rosso più chiaro al passaggio del mouse...  */
		  test-decoration:none;       /*   .... e allo stesso tempo il testo non sarà più sottolineato            */
		}
		#cookieChoiceDismiss {        /* Impostiamo per il link "accetto/ok/chiudi" le proprietà per renderlo... */
					      /* ...visivamente come un pulsante */
		  background-color: #0A0;     /* lo sfondo è verde (#0A0) */
		  color: #FFF;                /* Il colore del testo è bianco (#FFF) */
		  text-decoration: none;      /* Il testo non è sottolineato         */
		  font-weight: 600;           /* Il testo è in grassetto             */
		  font-size: 16px;
		  padding: 3px 10px;          /* Imposto lo spazio tra i caratteri e il bordo del pulsante 2pixel sopra e sotto e 10px ai lati */
		  border-radius:  3px;        /* Lo sfondo del pulsante ha i bordi arrotondati con un raggio di 3 pixel */
		}
		#cookieChoiceDismiss:hover {  /* Passando il mouse sopra il pulsante, questo cambia colore in verde chiaro. */
		  background-color: #0F0;
		}