/* 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,  ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0px;padding:0px;border:0px;outline:0px;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
:focus {outline:0px;}
body {line-height:16px;color:#474747;background:white;}
ol, ul {list-style:none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:separate;border-spacing:0px;}
caption, th, td {font-weight:normal; padding: 4px 5px;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes: "" "";}
strong {font-weight:bold;}
body em {font-style:italic;}
/*CLEARFIX*/
.clearfix:after {content:".";display: block;height:0px;clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* end reset */
r{color: red;}
small{font-size: 8pt; font-family: arial;}

html,body{margin: 0;padding: 0}
img{border: 0}
body{font-family: Arial,sans-serif; font-size: 9pt;text-align:center; background: url(images/bg.jpg) repeat;  }	
h1{color: #f5f5f5; padding: 0px 15px;  line-height: 26px;display: inline-blocK; clear: both;margin-bottom: 30px; font-family: Myriad Pro, arial, serif; text-transform: uppercase; background: #40A308; text-shadow: 0px 1px 1px #2d2d2d; font-size: 15pt; text-align: left; margin-left: -9px; }
h2{color: #666; padding: 7px 50px; height: 26px; margin-bottom: 10px; font-family: 'Mako', arial, serif; text-transform: uppercase;  font-size: 18pt;  line-height: 24px; text-align: left;}
h3{ font-size:16px;
	letter-spacing: -0,8px;
	font-family: Arial, Tahoma;
	text-transform:uppercase;
	margin-top: 0px;
	text-align: left;
	width: 290px; 
	margin-bottom: 10px;}
p{margin: 0 0 0.8em 0}
h5{font-size: 12pt; font-weight: bolder; letter-spacing: -1px; font-family: Myriad PRo, Arial; color: #666;  text-align: center; width: 160px;}
b, strong { }

a:link, a:visited { color: #333; text-decoration: none; }
a:active { outline: none; }
a:focus { -moz-outline-style: none;}
a:hover { color: #666; text-decoration:underline; }
h1 a{text-decoration: none; color: #fff;}

#container {
    text-align: center;
    width: 975px;
    margin: 0px auto;
    padding: 0px;

	z-index: 0;
	position: relative;
	
}

#header {
    height:142px;
	margin-bottom: 10px;
	position: relative;
    width: 982px;
	*width: 982px;
	background: url(images/header_bg.jpg) no-repeat center top;
    margin: 0px auto;
	display: block;
	z-index: 0;
    padding: 0px;
}

#header_bg {
	background: url(images/header_bg_repeat.png) repeat-x top ;height:142px;
	z-index: 0;
}

#news_holder{
	display: block;
	float: right;
	background: url(images/news_holder.jpg) no-repeat right;
	width: 315px;
	height: 480px;
	

}
ul#news{
	width: 310px;
	display: block;
	margin: 8px 0px 0px 0px;
	
	float: left;
	padding: 0px 0px;
	
}

ul#news li{
	text-align: left;
	display: blocK;
	padding: 8px 10px 0px 10px;
	font-size: 8pt;
	height: 115px;
	color: #666;
	line-height: 13px
}

ul#news li b{
	font-family: Arial;
	font-size: 8pt;
	text-shadow: 0px 1px 1px #fff;
	color: #474747
}

ul#news li img{
	float: left;
	margin: 0 5px 0 0;
	border: 3px solid #a0a0a0;
	-moz-border-radius: 5px;
	border-radius:5px; 
}

ul#news li a{
	
	text-align: left;
	line-height: 14px;
	
	color: #474747;
}

ul#news li a:hover{
	text-decoration: underline;
}

.social_icons{
	width: 180px;
	float: right; 
	margin-right:5px;
	margin-top: 24px;
}

#review{
	display: block;
	background: url(images/review.jpg) no-repeat top center;
	width: 505px;
	height: 676px;
	color: #666;
	font-weight: normal;
font-family: 'Tienne', serif;
	font-size: 11pt;
	text-shadow: 1px 1px 1px #fff;
	line-height: 25px;
	text-align: justify;
	padding: 50px 55px 0px 55px ;
}

img.review_photo_right{
	float: right;
	margin-right: -65px;
	margin-top: -82px;
}

img.review_photo_left{
	float: left;
	margin-left: -70px;
}



#searchwrapper {
	width:290px; /*follow your image's size*/
	height:40px;/*follow your image's size*/
	background-image:url(images/search_box.png);
	background-repeat:no-repeat; /*important*/
	padding:0px;
	margin:0px;
	float: right;
	
	margin-top: 40px;
	position:relative; /*important*/
}
 
#searchwrapper form {
	display:inline;
}
 
.searchbox {
	border:0px; /*important*/
	background-color:transparent; /*important*/
	position:absolute; /*important*/
	top:4px;
	left:9px;
	width:256px;
	font-size:10pt;
	color: #666;
	height:28px;
}
 
.searchbox_submit {
	border:0px; /*important*/
	background-color:transparent; /*important*/
	position:absolute; /*important*/
	top:4px;
	left:255px;
	width:32px;
	text-align: center;
	height:28px;
}

.textbox {
	color: #474747;
	font-size: 9pt;
	border: 1px solid #c8c8c8;
	width: 105px;
	height: 16px;
	margin-bottom: 2px;
}

.flag{
	position: absolute;
	top: 10px;
	right: 10px;
}

.logo {
	position: absolute;
 	top: 0px;
 	left: 10px;
 	padding-top: 10px;
	margin-left: 20px;
	margin-bottom: 0px;
}
#logo_animation {
 	position: absolute;
 	top: 5px;
 	left: 11px;
}

#shadow{background: url(images/shadow.png) repeat-y; width: 1020px; height: 140px;margin: 0px auto;}
#shadow1{background: url(images/shadow1.png) repeat-y; width: 1020px; margin: 0px auto;}
.scroll_text{font-size: 9pt; color: #db0808; font-weight: bolder; }
.left_logo{float: right}



.textbox {
	background: #f5f5f5;
	border: 1px solid #c3c3c3c;
	width: 135px;
	height: 19px;
	float: left;
	margin-bottom: 2px;
	padding-top: 5px;
}

.textbox_big {
	background: white;
	border: 1px solid black;
	margin-top:3px;
	width: 135px;
	height: 19px;
	margin-bottom: 6px;
}

#active{
	display: block;
	width: 980px;
	height: 22px ;
	position: ablute;
	top: 0px;
	left: 0px;
}
#corpo_left{
	float: left; 
	width: 650px; 
	display: block;
	font-size: 10pt;
	color: #666;
	margin-top: 10px;
	line-height: 18px;
	margin-left: 5px;
	text-align: justify;
	
}

#corpo_left p a{color: #666; font-weight: bolder;}

.riga.guestbook_entry{border-bottom: 1px solid #ccc}
.riga b{background: #ccc; padding: 0px 2px; color: #666; font-style: normal;}
.riga{
	margin-top: 20px;
	min-height: 100px;
	margin-bottom: 30px;
	height : auto !important;
	height : 100px;
}

div.riga_archivio{
	line-height: 18px;
	font-size: 9pt;
	color: #666
}


div.riga_archivio a{font-size: 12pt; font-family: Tahoma;  padding: 0px; margin: 0px;border-bottom :1px solid #ccc;  color: #666; margin-bottom : 0px; display: block;}


#corpo_right{
	float: right; 
	width: 300px;
	margin-right: 5px;
	margin-top: 10px;
	display: block;
	text-align: left;
/*	background-color: #E5EAE5;*/
}

#footer{
	background:url(images/footer_bg.jpg) repeat-x;
	clear: both;
	text-align: center;
	width: 100%;
	height: 322px;
    margin: 0px auto;
	padding: 20px 0px 0px 0px ;
   
	color: #fff;
	
	font-size: 11px;
	font-family: arial;
}

ul#banner{
	float: right;
	width: 300px;
	padding: 10px;
	margin-right: 15px;

}

ul#banner li{
	background:#2d2d2d;
	padding: 5px;
	border: 1px solid #353535;
	width: 300px;
	height: 50px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	margin: 10px;
}

ul#banner li:hover{background:#3e3e3e;}
.footer_frame{
	float: left; 
	width: 500px; 
	margin-top: 20px;
	text-shadow: 0px 1px 1px #000;
	line-height: 18px;
	
	text-align: justify; 
	font-family: Myriad Pro; 
	font-size: 10pt; 
	color: #6d6d6d 
}
.footer_frame b{ font-size: 12pt; color: #959595; display: blocK; margin-top: 5px; padding: 0px;}
.footer_frame small{font-size: 9pt; color: #40A308; text-shadow:none}
.footer_frame img{
	float: left;
	
}

a.butt{padding: 2px 4px; color: #f5f5f5;}

a:hover.butt{ background: #40A308; text-decoration: none;padding: 2px 4px;border: 1px solid #47b30b; color: #f5f5f5; }

.news_cont{
	width: 290px; 
	padding:10px;
	color: #ccc;
	text-shadow: 0px 1px 1px #000;
	text-align: justify;
	font-family: Arial;
	 background: #2d2d2d;
	 margin-bottom: 20px;
}
.biography{
	width: 290px; 
	padding:5px 5px 10px 5px;
	color: #ccc;
	text-shadow: 0px 1px 1px #000;
	text-align: justify;
	font-family: Arial;
	 background: #2d2d2d;
	 margin-bottom: 20px;
}

.text_desc{
	font-family: Arial;
	font-size: 9pt;
	color: #474747;
	text-align: justify;
	line-height: 18px;
}
.text_desc p img{
	float: left;
	border: 5px solid #ccc;
	margin: 0px 10px 10px 0px;
}

.text_desc b{color:#CE0000}

ul#curiculum{
	float: left;
	clear: both;
	display: block;
	
}

ul#curiculum li{
	float: left;
	width: 210px;
	height: 210px;
	display: block;
	margin-right: 5px;
	background: url(images/curiculum.jpg) no-repeat;
}

ul#curiculum li a img  {
	
	
		
}

ul#curiculum h3{ margin:3px 0px 0px 0px; color:#ccc; font:11px droid sans, Arial, sans-serif; text-align: center;font-weight: bold;  }

.imgl {
	float: left;
	border: 5px solid #ccc;
	margin: 0px 10px 10px 0px;
}
.imgr {
	float: left;
	border: 5px solid #ccc;
	margin: 0px 10px 10px 0px;
}

.img_archivio {
	float: left;
	padding: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border: 1px solid #ccc;
	background: #f5f5f5;
	margin: 0px 10px 10px 0px;
}



.other_logo{position: absolute; right: 300px; top: 10px;}


.clear{clear: both; display: hidden;}

 
.box_news {
	width: 300px;
	display: block;
	margin: 0px auto;
	margin-bottom: 50px;
}
.box_news h3 {
	font-size:16px;
	letter-spacing: -1px;
	padding: 0px;
	margin: 0px;
	margin-top: 10px;
	font-family: Arial, Tahoma;
	text-transform:uppercase;
	
	width: 300px;
}

.box_news .content{
	width:293px;
	display: block;
	padding: 5px 0px 10px 0px;
	border: 4px solid #ccc;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background: #f5f5f5;

	text-align: center;
}
.box_news .content img {	
	margin-bottom: 5px;
	padding: 0px;
	margin: 0px auto;
}
.box_news .content p {
	font-size: 9pt;
	text-align: justify;
	color: #666;
	margin-left: 7px;
	width: 277px;
	line-height: 14px;
	overflow: hidden;
}

a.more {
	float: right;
	margin-top: -14px;
	color:#f5f5f5	;
	text-align:left;
	font-size:10px;
	font-weight: bolder;
	padding: 4px 3px;
	text-shadow: 0px 1px 1px #2d2d2d;
	text-transform:uppercase;
	text-decoration: none;
	background: #40A308;
	margin-right: 10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

a.more:hover{
	
	background: #b1b1b1;
	text-shadow:0px 1px 1px #000;
	color: #fff;
}

a.tasto_back {
	float: right;
	margin-top: 55px;
	margin-bottom: 20px;
	color:#ccc;
	font-size:10px;
	font-weight: bolder;
	text-align: center;
	padding: 2px 0px 2px 3px;
	text-shadow:1px 1px 1px #2d2d2d;
	text-transform:uppercase;
	text-decoration: none;
	
	background: url(/images/butt_back_hover.jpg) no-repeat;
	width: 72px;
	display: block;
}

a.tasto_back:hover{
	background: url(/images/butt_back.jpg) no-repeat;
	color: #fff;
}




.sponsorListHolder {
 	width: 1000px;
	margin: 0px auto;
	padding: 20px 0px;
	text-align: center;
}

.sponsor {
	width:206px;
	height:60px;
	float:left;
	padding: 5px;

	margin:10px;
	
	/* Giving the sponsor div a relative positioning: */
	position:relative;
	cursor:pointer;
}

.sponsorFlip{
	/*  The sponsor div will be positioned absolutely with respect
		to its parent .sponsor div and fill it in entirely */

	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	border:1px solid #ddd;	
	background: #ededed;
	
}

.sponsorFlip:hover{
	border:1px solid #999;
	

}

.sponsorFlip img{
	/* Centering the logo image in the middle of the sponsorFlip div */
	
	position:absolute;
	top:50%;
	left:50%;
	margin:-30px 0 0 -103px;
}


.clear{
	/* This class clears the floats */
	clear:both;
}


/* The styles below are only necessary for the styling of the demo page: */

#main{
	position:relative;
	margin:0 auto;
	border: 2px solid #ededed;
	background: #f5f5f5;
	width:100%
}



/* CURRICULUM */

.box_curriculum { 
	width: 190px; 
	height: 225px; 
	margin:10px; 
	float:left; 
	background:#161613; 
	overflow: hidden; 
	position: relative; 
}

#curriculum li { text-align: center; }

.boxgrid{ 
	width: 190px; 
	height: 188px; 
	margin:10px; 
	float:left; 
	background:#161613; 
	
	overflow: hidden; 
	position: relative; 
}
	.boxgrid img{ 
		position: absolute; 
		top: -200; 
		left: 0; 
		border: 0; 
	}
	.boxgrid p{ 
		padding: 0 10px; 
		color:#afafaf; 
		font-weight:bold; 
		font:10pt "Lucida Grande", Arial, sans-serif; 
	}
	
.boxcaption{ 
	float: left; 
	position: absolute; 
	background: #000; 
	bottom: 88px;
	height: 100px;
	width: 100%; 
	opacity: .8; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}


/*** CONTACT ***/
#contact img { vertical-align: middle; }

.share {margin: 0px 0px 20px 0px;padding-bottom: 10px; border-bottom: 1px solid #ccc;}

/*** FOTO GALLERY ***/
.foto_gallery {
 	width:150px;
	height: 150px;
	float: left;
	text-align: center;
	margin-right: 10px;
	margin-top: 10px;
	
}
.foto_gallery img{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	margin: 5px;
	padding: 5px;
	background: #f5f5f5;
	border: 1px solid #ededed;
	
}

.foto_gallery a:link, .foto_gallery a:visited {
	color: #666;
	font-size: 10pt; 
	width: 150px;
	padding: 5px 10px;
	display: blocK;
	margin-top: 10px;
	line-height: 14px;
	text-align: center;
	
}

.foto_gallery a:hover {
	text-decoration: none;
}

form#contact p{margin-top: 20px;}
form#contact a{color: #666; padding: 3px 5px;}
form#contact a:hover{ background: #474747; color: #fff; text-shadow: 0px 1px 1px #000;	}


/** Gallery slider */
div#slideshow {
	width: 650px; 
	height: 353px; 
	
	margin: 0px;
	float:left;
	
	overflow: scroll; /* Allows the slides to be viewed using scrollbar if Javascript isn't available */ 
	position: relative; 
}
div#slideshow ul#nav {
	display: none;
	list-style: none;
	width: 650px;
	position: absolute; top:140px; z-index:100;
}
div#slideshow ul#nav li#prev {
	float: left; margin: 0 0 0 20px; 
}
div#slideshow ul#nav li#next {
	float: right; margin: 0 30px 0 0;
}
div#slideshow ul#nav li a {
	display: block; width: 42px; height: 80px; text-indent: -9999px;
}
div#slideshow ul#nav li#prev a {
	background: url(/images/prev.png) no-repeat left;
}
div#slideshow ul#nav li#next a {
	background: url(/images/next.png) no-repeat right;
}

div#slideshow ul#slides {
	list-style: none;
	
}
div#slideshow ul#slides li {
	width: 980px; 
	height: 327px; 
	
}

ul#slides li img{width: 650px; }

ul#books{ margin: 0	px 0px;}
ul#books li{
	float: left; 
	width: 150px;
	margin: 0px 30px;
	margin-bottom: 20px;
}
ul#books li img{
	padding: 5px;
	background: #f5f5f5;
	border: 1px solid #ededed;
	
}
#footer .left {
	width: 600px;
	float: left;
	text-align: left;
}
#footer .right {
	width: 150px;
	float: right;
}

#allegati_articolo .allegati a {
	margin: 0px;
	font-weight: bolder;
	display: block;
}
#allegati_articolo .allegati b {	
	font-size: 12pt;
	letter-spacing: 2px;
	font-weight: bolder;
	margin: 0px;
}
