/* CSS NotteNera  - edit: tonidigrigio.it - 2012 */

/*import*/
@import url(normalize.css);
@import url(../js/fancybox/jquery.fancybox.css);
@import url(../js/mansory/jquery.masonry.css);

/*font*/
@import url(http://fonts.googleapis.com/css?family=Expletus+Sans:400,400italic,500,500italic,700,700italic);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,800italic,800,700italic,700,600italic,600,400italic,300italic,300);
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700,300italic,300);

/*default page*/
body {margin:0px;padding:0px;background:#FFF;}
img {margin:0px;padding:0px;border:0px;outline:none;}
a {text-decoration:none;outline:none;border:none;}

/*default link*/
a, a:link, a:visited, a:active, a:hover {color:#66cc00;text-decoration:none;}
a:hover {text-decoration:underline;}

/*typo*/
body {font-family: 'Open Sans', sans-serif;font-size:12px;line-height:18px;color:#333;}
h1, h2, h3, h4, h5, h6, p, blockquote, span, hr {margin:0px;padding:0px;font-weight:normal;}
h1 {font-family: 'Expletus Sans', cursive;font-size:30px;line-height:30px;margin-bottom:20px;color:#66cc00;font-weight:500;}
h2 {font-family: 'Expletus Sans', cursive;font-size:20px;line-height:20px;margin-bottom:20px;color:#1E1D26;}
h3 {font-family: 'Expletus Sans', cursive;font-size:16px;line-height:16px;margin-bottom:20px;color:#1E1D26;}
h4 {font-family: 'Expletus Sans', cursive;font-size:14px;line-height:14px;margin-bottom:10px;color:#1E1D26;font-weight:700;}
p {font-size:14px; line-height:22px;color:#666;margin-bottom:20px;}
blockquote {font-family: 'Open Sans Condensed', sans-serif;font-size:20px;color:#1E1D26;font-style:italic;line-height:30px;margin-bottom:20px;}

/*fixed*/
.left {float:left !important;}
.right {float:right !important;}
.nobottom {margin-bottom:0px !important;}


/*layout*/
#wrapper {width:auto;margin:0px auto;clear:both;}
#wrapper-header {width:auto;height:155px;margin:0px;clear:both;background:url(../img/bg-head.png) repeat-x #333;}
#wrapper-main {width:990px;margin:20px auto;clear:both;}
#wrapper-footer {width:100%;overflow:hidden;margin:0px 0px 20px 0px;clear:both;}

/*head*/
.logo {clear:both;margin:0px auto;width:990px;height:100px;overflow:hidden;}

/*menu*/
#main-menu {width:990px;margin:18px 0px 0px 0px;overflow:hidden; text-align:center;}
#main-menu li {margin-right:8px;color:#FFF;font-family: 'Expletus Sans', cursive;font-size:15px;font-weight:700;display:inline-block;}
#main-menu li:last-child {margin:0px;}
#main-menu li a {
	color:#999;
	text-decoration:none;
	-webkit-transition:  all 0.3s ease-in-out;
	-moz-transition:  all 0.3s ease-in-out;
	-o-transition:  all 0.3s ease-in-out;
	-ms-transition:  all 0.3s ease-in-out;
	transition:  all 0.3s ease-in-out;
	}
#main-menu li a:hover, #main-menu li a.active {color:#FFF;}
#main-menu li a.blog {color:#;}
#main-menu li a.blog:hover {color:#FFF;}

/*footer*/
#wrapper-footer p {margin:0px;}
#wrapper-footer .wrapper {border-top:1px solid #CCC;padding-top:10px;}

/*grid*/
.wrapper {width:990px;margin:0px auto;clear:both;}
.span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10 {float:left;margin-right:20px;}
.span-1 {width:81px;}
.span-2 {width:182px;}
.span-3 {width:283px;}
.span-4 {width:384px;}
.span-5 {width:485px;}
.span-6 {width:586px;}
.span-7 {width:687px;}
.span-8 {width:788px;}
.span-9 {width:889px;}
.span-10 {width:990px;}
.last {margin:0px !important;}

/*homepage*/
.visual {margin-bottom:20px;position:relative;}
.visualInfo {position:absolute;top:20px;left:20px;}
.visualInfo h1 {font-size:24px;margin:0px;}
.visualInfo h2 {font-size:20px;margin:0px 0px 5px 0px;color:#000;}
.visualInfo h3 {font-size:18px;margin:0px; line-height:20px;}
.homearchive h1 {margin:0px;}
.archive-visual {float:left;margin-right:20px;position:relative;background:#000;overflow:hidden;}
.archive-visual a {
	position:absolute;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	display:block;
	font-size:20px;
	padding-top:70px;
	font-family: 'Expletus Sans', cursive;
	-webkit-transition:  all 0.3s ease-in-out;
	-moz-transition:  all 0.3s ease-in-out;
	-o-transition:  all 0.3s ease-in-out;
	-ms-transition:  all 0.3s ease-in-out;
	transition:  all 0.3s ease-in-out;
	color:#999;
	text-decoration:none;
	}
.archive-visual a span {
	background:rgba(31, 30, 39, 0.9);
	display:block;
	padding:15px;
	-webkit-transition:  all 0.3s ease-in-out;
	-moz-transition:  all 0.3s ease-in-out;
	-o-transition:  all 0.3s ease-in-out;
	-ms-transition:  all 0.3s ease-in-out;
	transition:  all 0.3s ease-in-out;
	}
.archive-visual a:hover span {color:#FFF;background:rgba(31, 30, 39, 1);}

.photo-home {background:#000;}
.photo-home img {
	-webkit-transition:  all 0.3s ease-in-out;
	-moz-transition:  all 0.3s ease-in-out;
	-o-transition:  all 0.3s ease-in-out;
	-ms-transition:  all 0.3s ease-in-out;
	transition:  all 0.3s ease-in-out;
	opacity:.50;
	filter:alpha(opacity=50);
	filter:”alpha(opacity=50)”;
	}
.photo-home img:hover {
	opacity:1;
	filter:alpha(opacity=100);
	filter:”alpha(opacity=100)”;
	}
	
/*quote*/
.quote {clear:both;margin-bottom:20px;}
.quote p {margin:0px;font-family: 'Open Sans Condensed', sans-serif;font-style:italic;font-size:18px;line-height:24px;}
.quote span {display:block;margin-top:5px;color:#E05129;font-weight:bold;font-size:14px;}

/*territorio*/
.territorio {background:#1F1E27;}
.territorio p {padding:20px;color:#FFF;margin:0px;}
.territorio a {color:#999;}

/*side gallery*/
.side-gallery {margin:0px;padding:0px;list-style:none;}
.side-gallery li {margin-bottom:20px;background:#000;}
.side-gallery li img {
	-webkit-transition:  all 0.3s ease-in-out;
	-moz-transition:  all 0.3s ease-in-out;
	-o-transition:  all 0.3s ease-in-out;
	-ms-transition:  all 0.3s ease-in-out;
	transition:  all 0.3s ease-in-out;
	opacity:.50;
	filter:alpha(opacity=50);
	filter:”alpha(opacity=50)”;
}
.side-gallery li img:hover {
	opacity:1;
	filter:alpha(opacity=100);
	filter:”alpha(opacity=100)”;
	}
.side-gallery li:last-child {margin:0px;}

/*partners*/
.part-title {border-bottom:1px solid #1F1E27;border-left:1px solid #1F1E27;padding:5px 0px 10px 10px;}
.list-part {margin:0px;padding:0px;list-style:none;}
.list-part li {width:182px;float:left;margin:0px 20px 20px 0px;}
.list-part li.reset {margin:0px 0px 20px 0px;}

/*accordion*/
.accordionButton {
	width:auto;
	clear:both;
	padding:10px;
	color:#999;
	font-family: 'Expletus Sans', cursive;
	font-size:20px;
	line-height:20px;
	font-weight:700;
	-webkit-transition:  all 0.3s ease-in-out;
	-moz-transition:  all 0.3s ease-in-out;
	-o-transition:  all 0.3s ease-in-out;
	-ms-transition:  all 0.3s ease-in-out;
	transition:  all 0.3s ease-in-out;
	cursor:pointer;
	background:url(../img/open.png) no-repeat right center #35343c;
	margin-bottom:20px;
	}
.accordionButton span.autore {font-weight:400;font-style:italic;}	
.accordionButton span.data {font-size:16px;font-weight:400;}
.accordionButton.over {color:#FFF;background-color:#1f1e27;}
.accordionButton.on {color:#FFF;background:url(../img/close.png) no-repeat right center #1f1e27;}
.accordionContent {border-bottom: 1px solid #333333;margin-bottom:20px;}
.accordionContent .open {display:inherit !important;}
.accordionContent .image img {border:2px solid #1f1e27;}
.accordionContent .sideinfo {width:243px;background:#1F1E27;padding:20px 20px 0px 20px;color:#FFF;}
.accordionContent .sideinfo * {color:#FFF;font-size:12px;}
.accordionContent .sideinfo a {color:#999;}
.accordionContent .sideinfo h4 {margin:0px 0px 3px 0px;}
.accordionContent .sideinfo p {margin:0px 0px 20px 0px;line-height:16px;}
.accordionContent h1 {font-size:20px;margin:0px 0px 5px 0px;line-height:normal;color:#1F1E27;}
.accordionContent h1.work-autore {font-size:20px;margin:0px 0px 20px 0px;line-height:normal; font-style:italic;color:#000;}
.accordionContent h2 {font-size:18px;margin:0px 0px 10px 0px;line-height:normal;}
.accordionContent h3 {color:#999;margin:0px 0px 10px 0px;line-height:normal;}
.accordionContent h4 {color:#1F1E27;margin:0px;line-height:normal; text-transform:uppercase;}
.accordionContent blockquote {font-size:16px;margin:0px 0px 20px 0px;line-height:normal;}
.accordionContent span {color:#1F1E27;}
.accordionContent .info h4 {color:#333;font-size:14px;}
.accordionContent .info p {font-size:12px; line-height:18px;color:#333;margin:0px 0px 10px 0px;}
.accordionContent .info span {color:#1F1E27;font-weight:bold;}
.accordionContent .info ul {margin:0px;padding:0px 0px 10px 0px; list-style-position:inside;}

/*bio*/
.bio .image img {border:2px solid #1f1e27;}

/*junior*/
.junior-cont {border-bottom: 1px solid #333333;margin-bottom:20px;}
.junior-cont .image img {border:2px solid #1f1e27;}
.junior-cont h1 {font-size:20px;margin:0px 0px 10px 0px;line-height:normal;color:#1E1D26;}
.junior-cont h2 {font-size:18px;margin:0px 0px 10px 0px;line-height:normal;}
.junior-cont h3 {color:#999;margin:0px 0px 10px 0px;line-height:normal;}
.junior-cont blockquote {font-size:16px;margin:0px 0px 20px 0px;line-height:normal;}
a.junior-download {
	display:block;
	background:#008081;
	color:#bdd9d9;
	margin-top:20px;
	text-align:center;
	font-size:16px;
	line-height:16px;
	font-weight:700;
	padding:10px 0px;
	text-transform:uppercase;
	text-decoration:none;
	font-family: 'Expletus Sans', cursive;
	-webkit-transition:  all 0.3s ease-in-out;
	-moz-transition:  all 0.3s ease-in-out;
	-o-transition:  all 0.3s ease-in-out;
	-ms-transition:  all 0.3s ease-in-out;
	transition:  all 0.3s ease-in-out;
	}
a:hover.junior-download {color:#FFF;}

/*work in progress*/
.work {padding:50px;text-align:center;}
.work p {margin:0px 0px 10px 0px;font-size:18px;}

/*homeblog*/
.homeblog {width:auto;height:auto;}
.blog-wrap {padding:20px;background:#36353D;height:640px; overflow:hidden;}
.homeblog h1 {font-size:20px;line-height:20px;color:#FFF;border-bottom:1px solid #999;padding-bottom:10px;}
.homeblog h1 a {
	color:#999;
	display:block;
	text-decoration:none;
	-webkit-transition:  all 0.3s ease-in-out;
	-moz-transition:  all 0.3s ease-in-out;
	-o-transition:  all 0.3s ease-in-out;
	-ms-transition:  all 0.3s ease-in-out;
	transition:  all 0.3s ease-in-out;
	}
.homeblog h1 a:hover {color:#FFF;}	
.homeblog  ul {width:344px;clear:both;list-style:none;margin:0px;padding:0px;list-style:none;}
.homeblog  ul li {width:344px;margin:0px 0px 10px 0px;overflow:hidden;font-size:14px;}
.homeblog  ul li:last-child {margin:0px;}
.homeblog  ul li a {display:block;font-weight:bold;font-size:14px;font-style:italic;font-family: 'Expletus Sans', cursive;color:#FFF;}
.homeblog  ul li sub {font-style:italic;color:#666;}
.homeblog  ul li div {margin:5px 0px 15px 0px;color:#CCC; line-height:22px;}
/*.homeblog  p {margin-top:20px;}
.homeblog  p span {color:#666;padding-right:5px;}*/
.caroufredsel_wrapper, .RVHFEED_class {height:590px !important;}
.RVHFEED_class li {width:344px !important;}


/*facebook*/
.facebook-home {padding-top:20px;}
.facebook-home h1 {font-size:20px;line-height:20px;background:#36353D;}
.facebook-home h1 a {
	color:#999;
	padding:10px;
	display:block;
	text-decoration:none;
	-webkit-transition:  all 0.3s ease-in-out;
	-moz-transition:  all 0.3s ease-in-out;
	-o-transition:  all 0.3s ease-in-out;
	-ms-transition:  all 0.3s ease-in-out;
	transition:  all 0.3s ease-in-out;
	}
.facebook-home h1 a:hover {color:#FFF;}	
.facebook-button {
	float:left;
	margin:20px 20px 0px 0px;
	width:182px;
	height:100px;
	background:#36353d;
	text-decoration:none;
	-webkit-transition:  all 0.3s ease-in-out;
	-moz-transition:  all 0.3s ease-in-out;
	-o-transition:  all 0.3s ease-in-out;
	-ms-transition:  all 0.3s ease-in-out;
	transition:  all 0.3s ease-in-out;
	}
.facebook-button:hover {background:#1F1E27;}
.facebook-button a {width:182px;height:100px;display:block;}	
.youtube-button {
	float:left;
	margin:20px 0px 0px 0px;
	width:182px;
	height:100px;
	background:#36353d;
	text-decoration:none;
	-webkit-transition:  all 0.3s ease-in-out;
	-moz-transition:  all 0.3s ease-in-out;
	-o-transition:  all 0.3s ease-in-out;
	-ms-transition:  all 0.3s ease-in-out;
	transition:  all 0.3s ease-in-out;
	}
.youtube-button:hover {background:#1F1E27;}
.youtube-button a {width:182px;height:100px;display:block;}	

/*gallery*/
.galleryButton {
	width:auto;
	clear:both;
	padding:10px;
	color:#999;
	font-family: 'Expletus Sans', cursive;
	font-size:20px;
	line-height:20px;
	font-weight:700;
	-webkit-transition:  all 0.3s ease-in-out;
	-moz-transition:  all 0.3s ease-in-out;
	-o-transition:  all 0.3s ease-in-out;
	-ms-transition:  all 0.3s ease-in-out;
	transition:  all 0.3s ease-in-out;
	cursor:pointer;
	background:url(../img/photo.png) no-repeat right center #35343c;
	margin-bottom:20px;
	}
.galleryButton span {font-weight:normal;font-style:italic;}
.galleryButton a {
	color:#999;
	text-decoration:none;
	display:block;
	-webkit-transition:  all 0.3s ease-in-out;
	-moz-transition:  all 0.3s ease-in-out;
	-o-transition:  all 0.3s ease-in-out;
	-ms-transition:  all 0.3s ease-in-out;
	transition:  all 0.3s ease-in-out;
		}
.galleryButton a:hover {color:#FFF;}

/*residenza*/
.residenze-gallery {width:300px;margin:0px;padding:0px;list-style:none;}
.residenze-gallery li {margin:0px 20px 20px 0px;background:#000;float:left;}
.residenze-gallery li img {
	-webkit-transition:  all 0.3s ease-in-out;
	-moz-transition:  all 0.3s ease-in-out;
	-o-transition:  all 0.3s ease-in-out;
	-ms-transition:  all 0.3s ease-in-out;
	transition:  all 0.3s ease-in-out;
	opacity:.50;
	filter:alpha(opacity=50);
	filter:”alpha(opacity=50)”;
}
.residenze-gallery li img:hover {
	opacity:1;
	filter:alpha(opacity=100);
	filter:”alpha(opacity=100)”;
	}
.residenze-gallery li:last-child {margin:0px;}

/*estate*/
.estateContent {border-bottom: 1px solid #333333;margin-bottom:20px;}
.estateContent .image img {border:2px solid #1f1e27;}
.estateContent .sideinfo {width:243px;background:#1F1E27;padding:20px 20px 0px 20px;color:#FFF;}
.estateContent .sideinfo * {color:#FFF;font-size:12px;}
.estateContent .sideinfo a {color:#999;}
.estateContent .sideinfo h4 {margin:0px 0px 3px 0px;}
.estateContent .sideinfo p {margin:0px 0px 20px 0px;line-height:16px;}
.estateContent h1 {font-size:20px;margin:0px 0px 5px 0px;line-height:normal;color:#1F1E27;}
.estateContent h1.work-autore {font-size:20px;margin:0px 0px 20px 0px;line-height:normal; font-style:italic;color:#000;}
.estateContent h2 {font-size:18px;margin:0px 0px 10px 0px;line-height:normal;}
.estateContent h3 {color:#999;margin:0px 0px 10px 0px;line-height:normal;}
.estateContent h4 {color:#1F1E27;margin:0px;line-height:normal; text-transform:uppercase;}
.estateContent blockquote {font-size:16px;margin:0px 0px 20px 0px;line-height:normal;}
.estateContent span {color:#E05129;}
.estateContent .info h4 {color:#333;font-size:14px;}
.estateContent .info p {font-size:12px; line-height:18px;color:#333;margin:0px 0px 10px 0px;}
.estateContent .info span {color:#E05129;font-weight:bold;}
.estateContent .info ul {margin:0px;padding:0px 0px 10px 0px; list-style-position:inside;}

/*NotteNera*/
.headSubTitle{color: #999999;font-size: 20px;font-weight: normal;margin: 5px 0 25px;}
.focus_small {float:left;margin:0 30px 0 0;width:225px;}
.focus_big {float:left;margin:0;width:460px;}
.focus_small h2, .focus_big h2 {font-size:16px;font-weight:normal;margin-bottom:5px;}

.accordionContent.nottenera {border:none;}
.accordionContent.nottenera h1 {font-size:18px;margin:0px;}
.accordionContent.nottenera h2 {font-size:16px;margin:0px;}
.accordionContent.nottenera h3 {font-size:14px;margin:0px 0px 10px 0px;font-style:italic;}
.accordionContent.nottenera p {font-size:13px;line-height:18px;margin:0px 0px 10px 0px;}
.accordionContent .span-5 {min-height:200px;}

.box_spettacolo {border-bottom:1px solid #333333;margin-bottom:20px;}
.box_spettacolo .sideinfo {padding:20px;}

.tas_map {color:#000000 !important;display:inline-block;font-size:14px;font-weight:bold;margin:0 0 5px 10px;padding: 0 3px;}
.magenta_map {background: none repeat scroll 0 0 #FF008A;}
.verde_map {background: none repeat scroll 0 0 #72bf0d;}
.arancio_map {background: none repeat scroll 0 0 #f2701c;}
.giallo_map {background: none repeat scroll 0 0 #ffff00;}

.accordionButton.magenta {color:#c30f6a;}
.accordionButton.magenta.over, .accordionButton.magenta.on {color:#FF008A;}
.accordionContent.nottenera.magenta h1 {color:#FF008A;}
.accordionContent.nottenera.magenta h4 {color:#FF008A;}
.accordionContent.nottenera.magenta .image img {border-color:#FF008A;}

.accordionButton.verde {color:#60961b;}
.accordionButton.verde.over, .accordionButton.verde.on {color:#72bf0d;}
.accordionContent.nottenera.verde h1 {color:#72bf0d;}
.accordionContent.nottenera.verde h4 {color:#72bf0d;}
.accordionContent.nottenera.verde .image img {border-color:#72bf0d;}

.accordionButton.arancio {color:#ba5e26;}
.accordionButton.arancio.over, .accordionButton.arancio.on {color:#f2701c;}
.accordionContent.nottenera.arancio h1 {color:#f2701c;}
.accordionContent.nottenera.arancio h4 {color:#f2701c;}
.accordionContent.nottenera.arancio .image img {border-color:#f2701c;}

.accordionButton.giallo {color:#bcbc0c;}
.accordionButton.giallo.over, .accordionButton.giallo.on {color:#ffff00;}
.accordionContent.nottenera.giallo h1 {color:#FFCC00;}
.accordionContent.nottenera.giallo h4 {color:#ffff00;}
.accordionContent.nottenera.giallo .image img {border-color:#ffff00;}

.spetInfo {display:block;padding:5px;background:#66cc00;margin:10px 0px;font-family: 'Open Sans Condensed', sans-serif;font-size:14px;color:#FFF !important;font-weight:700; text-transform:uppercase;font-size:11px;}

/*ribbon*/
.ribbon {position:absolute;top:0px;right:0px;}

/*ieblocker*/
#blocker {background: none repeat scroll 0 0 #FFFFFF;height: 230px;left: 50%;margin-left: -415px;margin-top: -180px;padding: 40px;position: absolute;text-align: center;top: 50%;width:750px;z-index:9999;}
#blocker h1 {font-weight:normal;color:#252525;font-size:18px;margin:10px 0px 20px 0px;border:none !important; background:none !important;padding:0px !important;}
#blocker p {color:#999;font-size:12px;line-height:18px;}
#blocker ul {margin-top:20px;padding:0px;list-style:none;}
#blocker ul li {display: inline;float: left;padding: 10px 20px 10px 0;width: 125px;}
#blocker ul li.last {padding:10px 0px 10px 0px;}
#blocker ul li a {padding-top:10px;display:block;color:#999;font-size:12px;text-decoration:none;}
#blocker ul li a:hover {color:#000;}