/* **************************** */
/* ABBONATI AI PORTICI - GINGER */
/* **************************** */

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

* {
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
}

/* COLORI */
.orange 		{ background-color:  #f19100; }
a,
.orange-txt, 
.orange-txt:hover,
.orange-txt:focus,
.orange-txt:active	{ color:  #a63b0e; }

.right-txt { text-align: right; }
.left-txt { text-align: left; }

.no-space {
	margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; 
}

/* FULL 100% Container */
	html, body {
		position: relative;
		margin: 0 auto; padding: 0;
	}

	body,
	p { font-family: 'Open Sans', sans-serif; }

	header, section, footer {
		position: relative;
		display: block;
	}
/* */

/* TITOLI */
	h1, h2, h3, h4, h5, h6 {
		font-family: 'Open Sans', sans-serif;
		color:  #f19100; font-style: italic; font-weight: bold;
	}
/* */

/* CUSTOM */
	.margin-top { margin-top: 12px; }
	.margin-bottom { margin-top: 12px; }

	.clear {
		position: relative; overflow: hidden;
		display: block;
		margin: 0 auto; padding: 0;
		width: 100%; height: 0; visibility: hidden; clear: both; content: ' ';
	}
	.clear.spacer {height: 12px;}
/* */

/* TESTATA */
	#start_video {
		display: block;
		position: relative;
		width: 100%; height: auto;
		text-align: center;
		width: 100%; height: auto;

		cursor: pointer;
	}
	#start_video a {
		display: block; overflow: hidden;
		background-image: url(../img/bg-video.jpg);
		background-position: center center;
		background-size: cover;
	}
	#start_video a img {
		margin: 0 auto; padding: 0;
		width: 100%; height: auto;
	}
	#start_video a img:hover {
		opacity: 0.7;
	}

	#box_video {
		display: none; overflow: hidden;
		margin: 0 auto; padding: 0;
		width: 100%; height: 100%;
		text-align: center;
	}
	#video_cont {
		display: inline-block;
		position: relative; overflow: hidden;
		width: 100%; height: auto;
	}
	#chiudiVideo {
		position: absolute; top: 30px; right: 40px; z-index: 9999;
		display: block;
		width: 45px; height: 45px;
		text-align: center; line-height: 45px;
		background-color: rgba(0, 0, 0, 0.7);
		border: 1px solid #f19100;

		cursor: pointer;

		-webkit-border-radius: 85px;
		-moz-border-radius: 85px;
		border-radius: 85px;
	}
	#chiudiVideo:hover {
		opacity: 0.7;
	}

/* LOGO */
	#logo, 
	#logo a,
	#logo a img {
		position: relative;
		width: 100%; height: auto;
	}
	#logo:hover {
		opacity: 0.7;
	}

	.box-testate {
		position: relative;
		margin: 0 auto; padding: 0;
		width: 100%;
		text-align: center;
	}
	.box-testate img {
		position: relative;
		margin: 0 auto; padding: 0;
		width: 100%; height: auto;
	}
	.head-box-cont {
		padding: 0.5em 1.2em 0.5em;
		width: 100%; min-height: 110px;
		color: #fff; text-align: center; font-style: italic; font-size: 12px; line-height: 13px;
	}
	.head-box-cont a {
		color: #fff;
	}

	.head-box-cont.unesco { background-color: #aa4d17;}
	.head-box-cont.comuni { background-color: #c58d38;}
	.head-box-cont.portici { background-color: #925f36;}


	/* BOX INFO */
		#info-box {
			position: relative;
		}
		#info-box img {
			position: relative;
			width: 100%; height: auto;
		}
		#info-box .cont-txt {
			padding: 1.5em 1em;
		}
		#info-box .cont-txt p {
			font-size: 14px; line-height: 16px;
		}
		#chiudi-info {
			position: relative;
			display: block;
			float: right;
			width: 50px; height: 35px;
			text-align: center;

			cursor: pointer;
		}
		#chiudi-info:hover {
			opacity: 0.7;
		}
		#chiudi-info img {
			position: relative;
			width: 100%; height: auto;
		}

		#chiudi-info-box, #info-box { display: none; }
	/* */

	/* FOOTER */
		.linea {
			width: 100%; height: 1px;
			border-top: 3px solid #808080;
		}

		footer { 
			margin-bottom: 12px;
		}
		footer .linea {
			margin-bottom: 12px;
		}

		footer .foot-cont small {
			font-size: 9px;
		}

		.foot-title {
			margin-bottom: 12px;
		}
		
		.foot-title,
		.foot-title a {
			position: relative;
			display: inline-block;
			font-style: italic; font-size: 12px; line-height: 14px; color: #000;
		}

		.foot-cont {
			display: block;
			font-style: italic; font-size: 12px; line-height: 14px; 
		}

		.box-sponsor {
			position: relative;
			margin: 0 auto; padding: 0;
			width: 100%; height: 100%;
		}
		.box-sponsor img {
			position: relative;
			margin: 0 auto; padding: 0;
			width: 100%; height: 100%;
		}
	/* */

	/* SOCIAL ICON round */
		ul.social-network {
			list-style: none;
			display: inline;
			margin-left:0 !important;
			padding: 0;
		}
		ul.social-network li {
			display: inline-block;
			margin: 0 2px 0 2px;
		}
		
		.social-network a { 
			background-color: #a63b0e;
		}

		/* footer social icons */
		.social-network a.icoRss:hover {
			background-color: #F56505;
		}
		.social-network a.icoFacebook:hover {
			background-color:#3B5998;
		}
		.social-network a.icoTwitter:hover {
			background-color:#33ccff;
		}
		.social-network a.icoGoogle:hover {
			background-color:#BD3518;
		}
		.social-network a.icoVimeo:hover {
			background-color:#0590B8;
		}
		.social-network a.icoLinkedin:hover {
			background-color:#007bb7;
		}
		.social-network a.icoRss:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i,
		.social-network a.icoGoogle:hover i, .social-network a.icoVimeo:hover i, .social-network a.icoLinkedin:hover i {
			color:#fff;
		}
		a.socialIcon:hover, .socialHoverClass {
			color:#44BCDD;
		}

		.social-circle li a {
			display:inline-block;
			position:relative;
			margin:0 auto 0 auto;
			-moz-border-radius: 50%;
			-webkit-border-radius: 50%;
			border-radius: 50%;
			text-align:center;
			width: 26px; height: 26px;
			font-size: 16px;
		}
		.social-circle li i {
			margin:0;
			line-height: 28px;
			text-align: center;
		}

		.social-circle li a:hover i, .triggeredHover {
			-moz-transform: rotate(360deg);
			-webkit-transform: rotate(360deg);
			-ms--transform: rotate(360deg);
			transform: rotate(360deg);
			-webkit-transition: all 0.2s;
			-moz-transition: all 0.2s;
			-o-transition: all 0.2s;
			-ms-transition: all 0.2s;
			transition: all 0.2s;
		}
		.social-circle i {
			color: #fff;
			-webkit-transition: all 0.8s;
			-moz-transition: all 0.8s;
			-o-transition: all 0.8s;
			-ms-transition: all 0.8s;
			transition: all 0.8s;
		}
	/* */

/* MEDIA QUERY */
	@media (max-width: 767px) {
		
		.boxCont {
			position: relative; overflow: hidden;
			margin: 8px auto 4px;
		}
		.boxed-cont {
			overflow: hidden;

			-webkit-border-top-right-radius: 35%;
			-webkit-border-bottom-right-radius: 0;
			-moz-border-radius-topright: 35%;
			-moz-border-radius-bottomright: 0;
			border-top-right-radius: 35%;
			border-bottom-right-radius: 0;
		}
		.box-testate {
			float: left;
			text-align: left;
		}
		.box-testate img {
			width: 70%; height: auto;
		}

		.box-testate.unesco { background-color: #aa4d17;}
		.box-testate.comuni { background-color: #c58d38;}
		.box-testate.portici { background-color: #925f36;}

		.head-box-cont {
			min-height: auto;
			float: left;
			text-align: left;
		}
		.head-box-cont p { padding: 5px 40px 5px 5px;}

		footer {
			text-align: center;
		}
		
		footer .foot-cont small {
			font-size: 7px; white-space: nowrap;
		}

		.foot-cont {
			margin: 12px auto;
		}
	
	}	
/* */