/* 
 * HTML5 ✰ Boilerplate
 *
 * What follows is the result of much research on cross-browser styling. 
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 * 
 * ==|== normalize ==========================================================
 */


/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Force vertical scrollbar in non-IE
 * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; font-size: 13px; line-height: 1.231; }

body, button, input, select, textarea { font-family: sans-serif; color: #222; }

/* 
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

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


/* =============================================================================
   Links
   ========================================================================== */

a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }

a { color: #666; }
a:visited { color: #666; }
a:hover { color: #666; text-decoration:underline;}
a:focus { outline: thin dotted; }


/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }


/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #fff; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e 
 */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*
 * Correct overflow not hidden in IE9 
 */

svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/* 
 * 1. Correct color not inheriting in IE6/7/8/9 
 * 2. Correct alignment displayed oddly in IE6/7 
 */

legend { border: 0; *margin-left: -7px; padding: 0; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */

button, input { line-height: normal; *overflow: visible; }

/*
 * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
 */

table button, table input { *overflow: auto; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/* 
 * Remove inner padding and border in FF3/4: h5bp.com/l 
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* 
 * 1. Remove default vertical scrollbar in IE6/7/8/9 
 * 2. Allow only vertical resizing
 */

textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }


/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* ==|== primary styles =====================================================
   Author: DANIELE MILANA
   ========================================================================== */

body {
	background-image: url(../img/bg_pattern.gif);
	background-color: #f8f8f8;
	background-repeat: repeat;
}

#container {
	width: 100%;
	min-height:300px;
}

/*header elements*/
header {
	width: 960px;
	height: 138px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../img/bg_menu.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
}
#menutop_wrapper{
	width: 960px;
	height: 28px;
	float:left;
}
#menutop_wrapper .social{
	float: right;
	min-width:50px;
	height: 28px;
}
#logo_wrapper{
	width:244px;
	height:117px;
	background-image:url(../img/logo.png);
	float: left;
	margin-right: 38px;
	margin-top: -17px;
	}
#logo_wrapper a {
	width:244px;
	height:117px;
	display:block;
	}
#logo_wrapper h2, #logo_wrapper h1 , #logo_wrapper span {display:none;}
.social a{width:73px; height: 28px;display:block; text-indent: -9999px;background-position: top left;}
.social.youTube a {background-image: url(../img/social_yt.jpg);}
.social.facebook a {background-image: url(../img/social_fb.jpg);}
.social.twitter a {background-image: url(../img/social_tw.jpg);}
.social a:hover{background-position: bottom left;}
/*SEARCH DEFINITION*/
.social.search, .social form {display block; width:200px; height: 28px;background-color:#fff;text-align:right;padding:0px; margin:0px;}
.social.search input {width:54px;height:28px;padding:0px; margin:0px;}
.social.search input.query {width:140px;height:28px;padding:0px; margin:0px;border: 0px none #fff;position:relative;top:-10px;}
.ie7 .social.search input.query {width:140px;height:28px;padding:0px; margin:0px;border: 0px none #fff;position:relative;top:5px;}
.social.search {display:none;}

/*MENU PRINCIPALE*/
#main_menu { width: 675px;	height:110px; float:left;}
#main_menu nav, #main_menu ul { display:block;	width: 675px;	height:110px;}
#main_menu nav {}
#main_menu ul{text-align: right;}
#main_menu li {min-width:30px; height:110px; display: inline; display: inline-table;}
.ie7 #main_menu li {display: inline;}
#main_menu a {display:block; height: 110px; min-width: 30px; margin-right: 23px; padding-top:85px;
			 voice-family: "\"}\"";   
			 voice-family:inherit;	
			 height: 25px; }
.ie7 #main_menu a {float: left;}
#main_menu .last a {margin-right: 0px;}
#main_menu .currentPage a, #main_menu a:hover {	background-image:url(../img/bg_menu_h.gif); background-position: bottom left; background-repeat: repeat-x; color:#a9a9a9;}

#main{width: 100%; min-height:300px;}
/*SLIDER*/
#slider_wrapper {width:960px; height:366px; margin-left:auto; margin-right:auto;margin-top:10px; background-image:url(../img/slider_shadow.png);background-position:center bottom; background-repeat: no-repeat;}
#slider{width:960px; height:350px; position:relative; top:0px; left:0px;}
#slider_shadow {width:960px; height:16px;position:relative; top:350px;}


/*NEWS AREA*/
#news_wrapper{
	width:960px;
	margin-left: auto;
	margin-right: auto;
	float:none;
	margin-top:40px;
}
#news_wrapper .news {
	width:260px;
	float:left;
	margin-right: 90px;
}
#news_wrapper_box {
	float:left;
	width:960px;
	clear:both;
}
#news_wrapper .news.zero_margin{ margin-right: 0px; clear:right;}


#news_wrapper  .media p {display:block; height:200px;}

#news_wrapper  p.read_more_btn {display: block; width: 260px; height:32px;}
#news_wrapper  p.read_more_btn a{display: block; width: 104px; height:32px; background-image:url(../img/btn_visual.gif); background-position: top left; text-indent:-9999px;left:78px;position:relative;}
#news_wrapper  p.read_more_btn a:hover { background-position: bottom left;}
#news_wrapper .media p.read_more_btn a{ background-image:url(../img/btn_media.gif); }
/*tweek position*/
#news_wrapper  .fullimg p.read_more_btn {position: relative; left:0px; top: -64px;}
#news_wrapper  .media p.read_more_btn {position: relative; left:0px; top: -64px;}

/*content area*/
#content_wrapper{
	width:960px;
	margin-left: auto;
	margin-right: auto;
	float:none;
	margin-top:40px;
}
#content_wrapper_box {
	float:left;
	width:960px;
	clear:both;
}


#showcase_wrapper {
	width: 260px;
	margin-right: 90px;
	float: left;
}

#showcase_wrapper.mainContent {	width: 480px; margin-right:30px;}
#showcase_wrapper.mainContent.full {	width: 960px; margin-right:0px;}
#showcase_wrapper.mainContent.full .brand {margin:0px; margin-left:5px;margin-right:5px;}
#showcase_wrapper.mainContent .wrapper_title{color:#e51f8a;}
.showcase_separator {
	width:260px;
	height: 5px;
	clear:both;
	margin-top: 5px;
	margin-bottom: 15px;
	background-image:url(../img/separator.gif);
}

.ie7 .showcase_element .head_block img {float:left;}
.showcase_element .head_block h3 {
	width: 180px;
	height: 60px;
	float:right;
	margin:0px;
	font-size: 13px;
	line-height: 16px;
	color: #64b651;
}
.showcase_element .head_block h3 a{
	color: #e51f8a;
	text-decoration:none;
}
.showcase_element .head_block h3 a:hover{
	text-decoration:underline;
}
.showcase_element strong {
	text-transform:uppercase;
	color:#e51f8a;
}
.showcase_element .read_more_btn{display: block; width: 260px; height:32px;}
.showcase_element .read_more_btn a{display: block; width: 104px; height:32px; background-image:url(../img/btn_leggi.gif); background-position: top left; text-indent:-9999px;}
.showcase_element .read_more_btn a:hover { background-position: bottom left;}
.ie7 .showcase_element p {clear:both;}

#partners_wrapper {
	width: 610px;
	float: left;
}
#partners_wrapper a, #partners_wrapper a img {margin:0px; padding:0px;}
#partners_wrapper .partners.edizioni {background-color:#fff;padding: 0px; height:120px;padding-top:20px;}
#partners_wrapper .partners.edizioni a {width:74px; height:74px; display:block; background-position:top left;float:left;margin-left:38px;margin-right:38px;}
/*#partners_wrapper .partners.edizioni a:hover{ background-position:bottom left;}*/
#partners_wrapper .partners.edizioni .ed2008 {background-image:url(../img/ed_2008_h.png);}
#partners_wrapper .partners.edizioni .ed2009 {background-image:url(../img/ed_2009_h.png);}
#partners_wrapper .partners.edizioni .ed2010 {background-image:url(../img/ed_2010_h.png);}
#partners_wrapper .partners.edizioni .ed2011 {background-image:url(../img/ed_2011_h.png);}
/*sidebar*/
#partners_wrapper.sideBar {	width: 450px; background-image:url(../img/bg_sideTitle.gif);background-position:top left; background-repeat:repeat-x;}
#partners_wrapper.sideBar .wrapper_title{text-transform:uppercase;margin-bottom:30px;}
#partners_wrapper.sideBar .showcase_element {margin-top:15px; margin-bottom:15px;}
#partners_wrapper.sideBar .showcase_element .head_block h3 { width: 370px;}
#partners_wrapper.sideBar .showcase_element .head_block h3 a {width:370px; height:60px; display:block; background-image:none; text-decoration:none;}
#partners_wrapper.sideBar .showcase_element .head_block h3 a strong {color: #666;}
#partners_wrapper.sideBar .showcase_element .head_block h3 a:hover {background-image:url(../img/arrow.gif); background-position: center right; background-repeat:no-repeat; text-decoration:none;}
#partners_wrapper.sideBar .showcase_separator { width: 450px;}
#partners_wrapper.sideBar .showcase_element.noicon .head_block h3 {width: 450px;height:80px; color:#666;font-weight:normal;}
#partners_wrapper.sideBar .showcase_element.noicon .head_block h3 a {width: 450px;height:80px;}
#partners_wrapper.sideBar .showcase_element.selected .head_block h3 a{background-image:url(../img/square.gif);background-position: center right; background-repeat:no-repeat;}

/*PIEDEPAGINA*/
footer {width:100%; background-color: #fff; float:left; min-height;100px;margin-top:30px;}
#footer_box {width:960px; margin-left:auto; margin-right:auto;}
#colophon {width:960px; height:15px;}
#colophon #about,#colophon #about a {width:260px; height:15px; display:block;}
#colophon #about {float:left;}
#colophon #about a {text-indent:-9999px; background-image:url(../img/about.gif);background-position:top left;}
#colophon #about a:hover {background-position:bottom left;}
#colophon #credits {width:133px; height:15px; display:block; float:right}
#colophon #credits a {width:133px; height:15px; display:block;text-indent:-9999px; background-image:url(../img/credits.gif);background-position:top left;}
#colophon #credits a:hover {background-position:bottom left;}

footer #sitemap {width:960px; height:60px; clear:both;}
footer #sitemap h6 { text-transform:uppercase;font-size:10px;color:#666;font-weight:bold; clear:both;margin-bottom:5px;}
footer #sitemap ul {min-width:60px; height:60px; list-style-type:none; padding:0px; float:left; margin-right:20px; margin-top:0px;}
footer #sitemap li a {color:666; text-decoration:none;font-size:11px;}
footer #sitemap li a:hover {text-decoration:underline;}
/*footer #sitemap li { float:left; margin-left: 20px;}
footer #sitemap li.home {margin-left: 0px;}
footer #sitemap li a{min-width:30px; height:15px; display:block; background-color:#ccc;padding-top:10px;}
footer #sitemap li.home a{ height:30px;}*/

#flower_upside {width: 208px; height:190px;background-image:url(../img/flower.png);position:absolute; top:350px; left:50%; margin-left:-550px;z-index:9999;}
.ie7 #flower_upside {display:none;}
.ie6 #flower_upside {display:none;}


/*LEGENDA*/
span.legenda {display:block; text-indent:20px; background-position: left center; background-repeat:no-repeat;padding-top:2px; color:#e2007a;}
span.legenda.frontone {background-image:url(../img/legenda_frontone.gif);}
span.legenda.medievale {background-image:url(../img/legenda_medievale.gif);}
span.legenda.unipg {background-image:url(../img/legenda_unipg.gif);}

/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }



/* ==|== media queries ======================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 480px) {
  /* Style adjustments for viewports 480px and over go here */

}

@media only screen and (min-width: 768px) {
  /* Style adjustments for viewports 768px and over go here */

}



/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}






/*
 * jQuery Nivo Slider v2.7
 * http://nivo.dev7studios.com
 *
 * Copyright 2011, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
.nivoSlider img a{
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top: 0px;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:8;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
	display:none;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */

	/*modifico la posizione del box per portarlo sotto allo slider*/
.nivo-controlNav  {
	width: 960px;
	height:10px;
	position:relative;
	top:360px;
	/*background-image: url(../img/bg_menu.gif);*/
	background-position: center center;
	background-repeat: repeat-x;
	text-align:center;
/*tweek position*/
	left:300px;
	width: 32px;
	background-image: url(../img/bg_pattern.gif);
	}
.nivo-controlNav a {
	position:relative;
	z-index:9;
	cursor:pointer;
/*modifico l'aspetto dei bullet*/
	width:10px;
	height:10px;
	margin: 3px;
	margin-top:0px;
	margin-bottom:0px;
	display: block;
	float:left;
	background-image: url(../img/slider_nav.png);
	text-indent: -9999px;
}
.nivo-controlNav a.active {
	font-weight:bold;	
	background-image: url(../img/slider_nav_current.png);
}


/*BUTTON DEFINITION*/
.css3button {
	font-family: CooperStdBlackItalic;
	color: #ffffff !important;
	padding: 8px 20px;
	background: -moz-linear-gradient(
		top,
		#cccccc 0%,
		#cccccc);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#cccccc),
		to(#cccccc));
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 0px solid #e20079;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 5px rgba(255,255,255,0.6);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 5px rgba(255,255,255,0.6);
	margin-right:20px;
}
.css3button.selected {
	font-family: CooperStdBlackItalic;
	color: #ffffff !important;
	padding: 8px 20px;
	background: -moz-linear-gradient(
		top,
		#e20079 0%,
		#e20079);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#e20079),
		to(#e20079));
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 0px solid #e20079;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 5px rgba(255,255,255,0.6);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 5px rgba(255,255,255,0.6);
	margin-right:20px;
}
.css3button.home {
	font-family: CooperStdBlackItalic;
	color: #ffffff !important;
	padding: 8px 20px;
	padding-left: 10px;
	width: 220px;
	display:block;
	background-color: #e20079;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border: 0px solid #e20079;
	-moz-box-shadow:
		0px 0px 0px rgba(000,000,000,0.5),
		inset 0px 0px 0px rgba(255,255,255,0.6);
	-webkit-box-shadow:
		0px 0px 0px rgba(000,000,000,0.5),
		inset 0px 0px 0px rgba(255,255,255,0.6);
	margin-right:0px;
	margin-bottom:30px;
	margin-top:30px;
	background-image: url(../img/arrow_big.png);
	background-position: right center;
	background-repeat: no-repeat;
}

/*FIX ANCHORS FOR CONTATTI*/
a.inline, a.inline:hover {display:inline !important; width:auto !important; height:auto !important; background-image:none !important;color:#666 !important;}
a.inline:hover {text-decoration: underline !important;}