/* @package OxCMS_Base */

/* 	|=======================
		BODY
	==========================*/
body { font: normal 16px/24px Helvetica, Arial, sans-serif; height: 100%; text-align: center; color: #333; background-color: #000; }

a {color: #799900; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; transition: all 0.3s ease-in;  }
a:hover {color: #A8CE00; text-decoration: none;}
a:visited { color: #4D6600; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

::selection {background: #A8CE00; color: #fff; text-shadow: none;}
::-moz-selection {background: #A8CE00; color: #fff; text-shadow: none;}

/*** Clearfix ***/
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/*** Typo ***//*--- HEADINGS ---*/
h1, h2, h3, h4, h5, h6 {font-weight: bold; font-family: 'Klavika', Helvetica, Arial, sans-serif;}
h1{	font-size:2em;			/* 32px */
	margin-bottom:0.75em;	/* 24px */
	line-height:1.5;		/* 48px */}
h2{	font-size:1.5em;		/* 24px */
	margin-bottom:1em;		/* 24px */
	line-height:1;			/* 24px */}
h3{	font-size:1.25em;		/* 20px */
	margin-bottom:1.2em;	/* 24px */
	line-height:1.2;		/* 24px */}
h4{	font-size:1.125em;		/* 18px */
	margin-bottom:1.333em;	/* 24px */
	line-height:1.333;		/* 24px */}
h5,
h6{	font-size:1em;			/* 16px */
	margin-bottom:1.5em;	/* 24px */
	line-height:1.5;		/* 24px */}
	
h1.pagetitle {color: #A0C100; border-bottom: 8px solid #A0C100; font-size: 42px; width: 700px; margin-top: -30px; margin-bottom: 15px; }
h1.pagetitle span {position: relative; bottom: -27px; padding: 0 20px 0px 0;
				background: url(../pics/background.jpg) top center repeat-x fixed; }

h2.pagesubtitle {color: #333; }

.klavika {font-family: 'Klavika', Helvetica, Arial, sans-serif;}
/* body copy -based on 6px baseline */
.text_big { font-size: 21px; line-height: 27px;}
.text_body { font-size: 16px; line-height: 24px;} 
.text_htmlarea { font-size: 14px; line-height: 21px;}
.text_small { font-size: 12px; line-height: 18px;}
.text_verysmall { font-size: 9px; line-height: 12px;}
.last {margin-bottom: 0; padding-bottom: 0; border: none;}

/*** Struttura Generale ***/
.wrapper {width: 940px; margin: 0 auto; padding: 0 10px; text-align: left;}

/*** Header ***/
header {background: #000; padding: 30px 0 40px; color: #fff;}
header a {color: #fff;}
header a:hover {color: #ccc;}
header .wrapper {position: relative;}

a#logo img {margin: 0; vertical-align: bottom;}
a#logo {display: block; padding: 0 0 1px; }
a#logo:active{padding: 1px 0 0;opacity:.9;filter:alpha(opacity=90);}

header #langswitch {position: absolute; top: 10px; right: 10px; padding: 1px 4px; font-size: .9em; font-family: 'Klavika', Helvetica, Arial, sans-serif; /*display: none;*/}
header #langswitch a {color: #999;}
header #langswitch a.current {font-weight: bold; color: #fff;}

/*** Navbars ***/
nav {font-family: 'Klavika', Helvetica, Arial, sans-serif;}
ul#navbar_principale { position: absolute; bottom: 0; right: 0; list-style:square outside; color: #fff; }


ul#navbar_principale li {display: inline; }
ul#navbar_principale li.last {padding-left: 0; margin-left: 0; border-right: none;}
ul#navbar_principale li {color: #999; font-weight: bold;}
ul#navbar_principale li:before { content:'\ffed'; font-size: 8px;}
ul#navbar_principale li.first:before { content:'';}

ul#navbar_principale li a {color: #fff;padding: 2px 6px; margin-right: 6px;}
ul#navbar_principale li.current a {color: #999; background: #333; }

ul#navbar_secondario {float: right;}
ul#navbar_secondario li {display: inline; font-weight: bold;}
ul#navbar_secondario li a {color: #fff;}
ul#navbar_secondario li.current a {color: #333;}

ul#navbar_footer {float: right;}
ul#navbar_footer li {display: inline; margin-left: 10px;}

.sidebar nav {margin-top: 100px;/* padding-bottom: 18px; background: url(../pics/bottomshadow.png) no-repeat bottom;*/}
.sidebar ul {padding: 4px 13px 13px; position: relative; margin-bottom: 20px; }
.sidebar ul li {padding: 5px 0 4px; border-bottom: 1px solid rgba(255,255,255,0.2); color: #fff; font-size: 17px; font-weight: bold;}
.sidebar ul li.last {padding-bottom: 0; border-bottom: none;}
.sidebar ul li a {color: #fff; color: rgba(255,255,255,1); display: block; width: 100%;}
.sidebar ul li a:hover,
.sidebar ul li.current a {color: #ccc; color: rgba(255,255,255,.4);}

.sidebar nav ul {
  -webkit-border-radius: 10px; 
     -moz-border-radius: 10px; 
          border-radius: 10px;           
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; 
	/* Legacy browsers */
	background: #89A500 url("../pics/gradient-bg.png") repeat-x top;
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	/* Internet Explorer */
	*background: #89A500;
	background: #89A500\0/;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FF89A500, endColorstr=#FF1F2600);
	/* Recent browsers */
	background-image: -webkit-gradient(linear,left top, left bottom,from(#89A500),to(#1F2600));
	background-image: -webkit-linear-gradient(top,#89A500,#1F2600);
	background-image: -moz-linear-gradient(top,#89A500,#1F2600);
	background-image: -o-linear-gradient(top,#89A500,#1F2600);
	background-image: linear-gradient(top,#89A500,#1F2600);
}

.sidebar nav ul:after {background: url(../pics/bottomshadow.png) no-repeat bottom; content: ""; display: block; height: 18px; width: 220px;
  position: absolute; bottom: -18px; left: 0; }
.sidebar nav ul ul:after {display: none;}

.sidebar ul ul {background: rgba(255,255,255,0.3); margin: 0 -5px; padding: 8px; } 
.sidebar ul ul li {font-size: 15px; border: none; padding: 0; }
.sidebar ul .current ul li a {color: #fff; color: rgba(255,255,255,1);}
.sidebar ul .current ul li a:hover,
.sidebar ul .current ul li.current a {color: #ccc; color: rgba(255,255,255,.4);}


.sidebar .box {  padding: 13px; position: relative;	background: #F8F9F8; border: 1px solid #B3C200; margin-bottom: 20px; border-radius: 5px;          
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }
.sidebar .box:after {background: url(../pics/bottomshadow.png) no-repeat bottom; content: ""; display: block; height: 18px; width: 220px;
  position: absolute; bottom: -18px; left: 0; }
.sidebar .box.no-padding { padding: 0; }
.sidebar .box.no-border { border: none; }
.sidebar .seguici {font-size: 18px; color: #666; font-family: 'Klavika', Helvetica, Arial, sans-serif; margin-bottom: 10px; display: block; font-weight: bold;}
.sidebar .socialbox a { display: table-cell; width: 80px; text-align: center;}
.sidebar .socialbox a span {font-size: 10px; color: #333; display: block;}

.sidebar .green-box { background: #A1C200; padding: 10px; font-size: 13px; line-height: 1.1em; font-weight: bold; color: #ffffff;}

#latestPosts {font-family: 'Klavika', Helvetica, Arial, sans-serif; }
#latestPosts .latestPosts-boxtitle { font-size: 17px; font-weight: bold; color: #333333; margin-bottom: 10px;}
#latestPosts .latestPosts-date { font-family: Helvetica, Arial, sans-serif;  font-size: 11px; line-height: 1em; }
#latestPosts .latestPosts-title { font-size: 16px; line-height: 1.4em; color: #A1C200; margin: 0 0 10px; padding: 0 0 5px; border-bottom: 1px solid #A1C200;}
#latestPosts .button { font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #ffffff; padding: 3px 12px; background: #333333; display: inline-block;}

/*** Mainwrapper - corpo della pagina ***/
#mainbody { margin: 0; background: #fff url(../pics/background2.jpg) top center repeat-x fixed; padding-bottom: 50px;}
#mainwrapper { padding: 10px 0; position: relative;}
#mainwrapper #pathbar {font-size: 12px; margin-top: 10px;}
#mainwrapper .pagethumb {float: left; margin: 0 15px 10px 0;}
#mainwrapper .fb_iframe_widget {position: absolute; top: 20px; right: 0;}
/* lista sottopagine nel corpo 
--------------------------------------------------------------------------------------------- */
#mainwrapper ul.subpageslist {margin: 10px 0; padding: 10px 0 0; border-top: 4px solid #ccc;}
#mainwrapper ul.subpageslist li {display: block; margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px dotted #666; 
	font-size: 14px; line-height: 21px;}
#mainwrapper ul.subpageslist li.last {border-bottom: none;}
#mainwrapper ul.subpageslist li h2 {font-size: 14px; font-weight: bold; }
#mainwrapper ul.subpageslist li a.thumb_left {float: left; margin: 0 10px 10px 0;}
#mainwrapper ul.subpageslist li a.thumb_right {float: right; margin: 0 0 10px 10px;}
#mainwrapper ul.subpageslist li a.thumb img {padding: 3px; border: 1px solid #ccc;}
#mainwrapper ul.subpageslist li .date {font-weight: bold; margin-top: 10px;}
#mainwrapper ul.subpageslist li .abstract {color: #666; margin-top: 5px; }


/*  Footer
---------------------------------------------------------------------------------------------------------------------- */
footer { clear: both; text-align: left; padding: 20px 10px 10px; font-size: 10px; letter-spacing: .5px;	background-color: #000; color: #fff; }
footer .titolologhi { display: block; font-size: 18px; color: #666; position: relative; margin-bottom: 15px;}
footer #promotori {background: url(../pics/loghi-footer.png) no-repeat; position: relative; height: 80px; width: 940px;
	border-bottom: 1px solid #333; padding-bottom: 20px; }
footer #promotori a#cineteca {position: absolute; top: 30px; left: 0; width: 124px; height: 44px;}
footer #promotori a#comune {position: absolute; top: 0; left: 410px; width: 124px; height: 80px; }
footer #promotori a#almamater {position: absolute; top: 0; right: 0; width: 106px; height: 84px; }
footer #promotori li a:hover {background: #000; opacity: .5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50);	}
footer p { float: left; width: 800px;}
footer .titolologhi { float: none;}
footer #dsign {font-size: 10px; text-align: right; margin: 0 auto 40px; float: right; width: 130px; }

.wrapper-promotori { border-top: 1px solid #333;  border-bottom: 1px solid #333; margin-bottom: 20px; }
.promotori { display: none; padding: 20px 0; margin: 0; text-align: center; display: table; width: 100%;}
.promotori li { display: table-cell; margin: 0 10px; vertical-align: middle;}
.promotori li a:hover img { opacity: .7;}


/* 	|=======================
		struttura 3 colonne
	==========================*/
/* column container */
.colmask { position:relative; clear:both; float:left; width:100%;}
/* common column settings */
.colright, .colmid, .colleft {float:left; width:100%;position:relative;}
.col1, .col2, .col3 { float:left; position:relative; padding: 0;}


/* 3 Column settings 
------------------------------------------------------------------------------------------------
	DIMENSIONI:
	page = 940px
 	col1 = 460px (460)
	col2 = 240px (220 + 20)
	col3 = 240px (20 + 220)	
--------------------------------------------------------------------------------------------------------*/
.threecol {
	background: transparent;		/* right column background colour */}
.threecol .colmid {
	right: 240px;			/* width of the right column */
	background: transparent;		/* center column background colour */}
.threecol .colleft {
	right: 460px;			/* width of the middle column */
	background: transparent;		/* left column background colour */}
.threecol .col1 {
	width: 460px;			/* width of center column content (column width minus padding on either side) */
	left:  940px;			/* 100% plus left padding of center column */}
.threecol .col2 {
	width: 220px;			/* Width of left column content (column width minus padding on either side) */
	left:  240px;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */}
.threecol .col3 {
	width: 220px;			/* Width of right column content (column width minus padding on either side) */
	left:  740px;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */}

/* Struttura 2 colonne
------------------------------------------------------------------------------------------------
	DIMENSIONI:
	page = 940px
 	col1 = 700px (700)
	col2 = 240px (220 + 20)
--------------------------------------------------------------------------------------------------------*/
.twocol {
	background: transparent;		/* right column background colour */}
.twocol .colleft {
	right: 700px;					/* right column width */
	background: transparent;		/* left column background colour */}
.twocol .col1 {
	width: 700px;					/* right column content width */
	left: 940px;					/* 100% plus left column left padding */}
.twocol .col2 {
	width: 220px;					/* left column content width (column width minus left and right padding) */
	left: 0px;						/* (right column left and right padding) plus (left column left padding) */}


/* 	|=======================
		Allegati
	==========================*/

p.doctitle {font-weight: bold; margin: 10px 0 15px; padding-bottom: 3px; border-bottom: 2px solid #A1C200;
		font-family: 'Klavika', Helvetica, Arial, sans-serif; font-size: 18px; color: #6C6C6C; }
p.doctitle span {position: relative; bottom: -13px; padding: 0 10px 10px 0;
				background: #fff url(../pics/background.jpg) repeat-x top center fixed; }
				
.attachment { font-size: 12px; line-height: 18px;}

/* Allegati: immagini */

.images {margin: 1em 0;}
.images .imagewrapper {float: left; text-align: center; margin: 0 5px 0; overflow: hidden; width: 120px; height: 150px; }
.images .imagewrapper a {text-align: center;}
.images .imagewrapper a:hover {text-decoration: none;}
.images .imagewrapper a img {border: 1px solid #ccc; padding: 2px; margin: 0;}
.images .imagewrapper a .didascalia {font-size: 11px; line-height: 1em; margin: 0 auto; display: block; width: 90%; }

.col3 .images .imagewrapper {float: right; text-align: right; margin: 0 0 5px 0; width: auto; }
.col3 .images .imagewrapper .didascalia {font-size: 10px; line-height: 1em;}
.col3 .images .imagewrapper a img {border: 0px solid #ccc; padding: 0px; margin: 0;}
.col3 .images .imagewrapper a:hover {text-decoration: none;}



/* Allegati: photogallery */

.photogallery {margin: 1em 0; }
.photogallery .imagewrapper {float: left; text-align: center; margin: 0 10px 10px 0;  }

.photogallery .imagewrapper a {display: block;}
.photogallery .imagewrapper a:hover {text-decoration: none;}
.photogallery .imagewrapper a img {margin: 0; vertical-align: bottom;}
.photogallery .imagewrapper a .didascalia {display: none;}

.photogallery .imagewrapper_con_dida {float: left; text-align: center; margin: 0 .5em 0 0;  }
.photogallery .imagewrapper_con_dida a img {border: 1px solid #ccc; padding: 2px; margin: 0;}
.photogallery .imagewrapper_con_dida a:hover {text-decoration: none;}
.photogallery .imagewrapper_con_dida .didascalia {font-size: 11px; line-height: 1em; height: 34px; width: 70px; 
	overflow: hidden; color: #666; }

.col3 .photogallery .imagewrapper a img {border: 0px solid #ccc; padding: 0px; margin: 0;}
.col3 .photogallery .imagewrapper a:hover {text-decoration: none;}


/* Allegati: loghi */

.loghi {margin: 0; padding-bottom: 1em; text-align: left; }
.loghi .imagewrapper { margin-bottom: 10px; padding-bottom: 10px; font-size: 16px;}

.loghi a {float: left; margin: 0 15px 10px 0;}
.loghi h4 {margin-bottom: 5px;}
.loghi .descrizione {font-size: 12px; line-height: 1.1em; color: #333; }
.loghi img {border: 1px solid #fff; padding: 2px; margin: 0 10px 0;}
:hover {text-decoration: none;}

/* Allegati: doc */

.docs {margin: 1em 0;}
.docs .doc_abstract {margin: .5em;}
.docs .doc_info {margin: 2px 0; color: #666; font-size: .9em; padding-left: 25px;}

.docs .singledocument a {
	display: block;
	padding: 3px 0 0 25px;
	margin: 0;
	background-image: url(../pics/icons/page_white.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	font-size: 1em;
}

.docs .singledocument a.doc {background-image: url(../pics/icons/page_white_word.gif);}
.docs .singledocument a.pdf {background-image: url(../pics/icons/page_white_acrobat.gif);}
.docs .singledocument a.rar,
.docs .singledocument a.zip {background-image: url(../pics/icons/page_white_compressed.gif);}
.docs .singledocument a.xls {background-image: url(../pics/icons/page_white_excel.gif);}
.docs .singledocument a.ppt {background-image: url(../pics/icons/page_white_powerpoint.gif);}
.docs .singledocument a.txt,
.docs .singledocument a.rtf {background-image: url(../pics/icons/page_white_text.gif);}
.docs .singledocument a.png,
.docs .singledocument a.gif,
.docs .singledocument a.jpg {background-image: url(../pics/icons/page_white_picture.gif);}


/* Allegati: video */

.video {margin: 1em 0;}
.video .singledocument {float: left; margin: 0 10px 10px 0;}
.video .video_abstract {margin: .5em 0;}

.col3 .video h3,
.col3 .attachments .doctitle {display: none;}