@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700);
@import url(https://fonts.googleapis.com/css?family=Bree+Serif&subset=latin,latin-ext);

body {
	font-family: "Open Sans", "sans-serif" !important;
	background-color: #FFAA50 !important;
	/*
	background: url("../img/background.jpg") no-repeat top center;
	*/
}

a:link, a:visited {
	color: #FFBD59;
}
a:active, a:focus, a:hover {
	color: #FFAA50 !important;
}

a.btn:link, a.btn:visited, a.btn:active, a.btn:focus, a.btn:hover {
	color: #FFF !important;
}

#logo {
	position: relative;
	margin-bottom: 20px;
}
.logo-in {
	height: 200px;
	background: #FFBD59 url("../img/radioplanargia-logo.png?v=2025") no-repeat center center;
}
.logo-in a {
	display: block;
	width: 100%;
	height: 100%;
}
.button {
	background: #AAA;
}
.bodybox {
	margin-top: 20px;
	position: relative;
}
.bodybox-in {
	padding: 30px;
	background: #F5F5F5;
	border-top: 10px solid #FFBD59;
	position: relative;
}
h1, h2, h3, h4, h5, h6  {
	font-family: 'Bree Serif', serif !important;
	color: #444 !important;
}
h1.n_title,
h2.n_title,
h3.n_title,
h4.n_title,
h5.n_title,
h6.n_title {
	color: #FFAA50 !important;
	margin: 0.2em 0em 0.3em 0em !important;
	font-weight: 300;
	border-bottom: 5px solid #ddd;
}
h1.n_subtitle,
h2.n_subtitle,
h3.n_subtitle,
h4.n_subtitle,
h5.n_subtitle,
h6.n_subtitle {
	color: #FFAA50 !important;
	margin: -0.5em 0em 0.3em 0em !important;
	font-weight: 300;
}
.menu li {

}
.menu li a:link, 
.menu li a:visited {
	text-transform: uppercase;
	font-size: 1.39em;
	color: #FFF !important;
	line-height: 1.5em;
} 
.menu li a:focus, 
.menu li a:active, 
.menu li a:hover {
	text-decoration: none;
	color: #FFBD59 !important;
}

@media (min-width: 768px) {
	.menubar {
		background: #111;
		background: rgba(17, 17, 17, 0.8); 
	}
	.menu li a:link, 
	.menu li a:visited {
    	/*
		background-image: url("../img/menu-hover-bg.png");
        */
		background-repeat: no-repeat;
		background-position: -1000px;
	} 
	.menu li a:focus, 
	.menu li a:active, 
	.menu li a:hover {
		background-position: center 40px;
	}
}
@media (max-width: 767px) {
	.menubar {
		background: #FFBD59;
	}
	.menubar .navbar-collapse {
		background: #111;
		background: rgba(17, 17, 17, 0.8); 
	}
}
.menubar .navbar-header {
	background: #FFBD59 url("../img/radioplanargia-logo-xs.png?v=2025") no-repeat left center;
}
.menubar .navbar-default {
	background: none !important;
}
.menubar .navbar-collapse {

}


/*
.menu-padding {
}
.menu li:first-child {
	padding-left: 0px;
}
.menu li:last-child {
	padding-right: 0px;
}
*/
.menu .active a {
	background: #FFAA50 !important;
}


#box-alert {
	margin-top: 20px;
}
#marquee {
	background: #FFBD59;
	font-size: 1.6em;
	color: #FFF;
	font-weight: 600;
	text-transform: uppercase;
	padding: 3px 0px;
	overflow: hidden;
	display: block;
	white-space: nowrap;
}
#box-alert a:link,
#box-alert a:visited {
	color: #FFF;
}

#box-adv {
	margin-top: 20px;
	max-height: 250px;
	text-align: center;
}

.area {
	position: relative;
	margin-top: 20px;
	/*
	max-height: 400px !important;
	overflow: hidden;
	*/
}
.area-in {
	position:relative;
	width: 100%;
	height: 0;
	padding-bottom: 125%;  /*% of width, defines aspect ratio*/

	background-color: #320032 !important;
	-moz-background-size: cover !important;
	-webkit-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
}
#area-photogallery {
	background: url("../img/area-photogallery.jpg") no-repeat center center;
}
#area-speciali {
	background: url("../img/area-speciali.jpg") no-repeat center center;
}
#area-direttaattiva {
	background: url("../img/area-direttaattiva.jpg") no-repeat center center;
}
#area-facebook {
	background: #000 !important;
}

.fb-page {
	position: absolute !important;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}
.fb-page > span {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
}
.fb-page > span > iframe {
	width: 100% !important;
	height: 100% !important;
}

.area-in a:link,
.area-in a:visited {
	color: #FFF;
	display: block;
	font-size: 1.8em;
	font-weight: 300;
	letter-spacing:-2px;
	/*
	margin: 200px 0px 0px 0px;
	*/
	/*
	position: absolute;
	top: 200px;
	left: 0px;
	width: 100%;
	*/
	padding: 80% 0px 45% 0px;
	height: 100% !important;
}
.area-in a span {
	display: block;
	background: #FFBD59;
	padding: 14px 0px;
}
.area-in a:active,
.area-in a:focus,
.area-in a:hover {
	text-decoration: none;
}
.area-in a:active span,
.area-in a:focus span,
.area-in a:hover span {
	background: #fff;
	color: #320032;
}

.area-in iframe {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
}
.ombra {
	background: #111;
	background: rgba(17, 17, 17, 0.8); 
	width: 100%;
	height: 100%;
	position: absolute;
	top: 4px;
	left: -4px;
	z-index: -1;
}
footer {
	position: relative;
}
#footer {
	background: #FFBD59;
	padding: 30px 0px;
	margin-top: 20px;
	font-size: 0.9em;
	color: #FFF;
}
#footer-border {
	background: url("../img/footer-border.png") repeat-y center center;
	position: absolute;
	top: 10%;
	width: 100%;
	height: 80%;
}
#footer-contacts {
	padding: 10px 20px;
}
#footer-contacts img {
	margin-bottom: 10px;
}
#footer-social {
	padding: 10px 20px;
}
#footer-social ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	display: block;
}
#footer-social li {
	display: block;
	padding: 12px 0px 12px 40px;
}
#footer a:link,
#footer a:visited {
	color: #FFF;
}
#footer a:active,
#footer a:focus,
#footer a:hover {
	color: #FFF !important;
}
#footer-email {
	background: url("../img/footer-email-bt.png") no-repeat left center;
}
#footer-freq {
	background: url("../img/footer-freq-bt.png") no-repeat left center;
}
#footer-facebook {
	background: url("../img/footer-facebook-bt.png") no-repeat left center;
}
.adminbody {
	background-color: #FFF;
	padding: 20px;
}
#player {
	margin-bottom: 10px;
}
/*
.fb-comments, .fb-comments span, .fb-comments.fb_iframe_widget span iframe {
    width: 100% !important;
}
*/
.fb-comments span {
	display: block;
	width: 100% !important;
}
.fb-comments span span {
	display: inline !important;
	width: auto !important;
}
.fb-comments, .fb-comments iframe {
	width: 100% !important;
}
.fb-comments iframe .commentas_inner {
	white-space: nowrap !important;
	float: right !important;
}



@media (min-width: 768px) {
	#bgp1 {
		z-index: -99999999;
		position: fixed;
		top: 0;
		left: 0;

		width: 100%;
		height: 100%;
		background: url("../img/background_2.jpg") top center no-repeat;

		-moz-background-size: cover !important;
		-webkit-background-size: cover !important;
		-o-background-size: cover !important;
		background-size: cover !important;
	}
}
	#bgp2 {
		z-index: -99999999;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: url("../img/noise.png") repeat;
	}
@media (max-width: 767px) {
	body {
		background: url("../img/background_2.jpg") top center no-repeat;
		-moz-background-size: cover !important;
		-webkit-background-size: cover !important;
		-o-background-size: cover !important;
		background-size: cover !important;
	}
}

#subfooter {
	background: #000;
	font-size: 0.8em;
	text-align: right;
	padding: 3px;
}

#area-meteo iframe body {
	background: #FFF !important;
}
#area-meteo iframe #box {
	width: 500px !important;
}

.flex-control-paging li a.flex-active {
    background: #FFBD59 !important;
}