@charset "UTF-8";

/*

font-family: 'Droid Serif', serif;
font-family: 'Michroma', sans-serif; H4 - H5 - H6
font-family: 'Comfortaa', cursive; H3

COLORE H1 H3 TITOLO: #FFF
COLORE H2 SOTTOTITOLO: #6699CC
COLORE HOVER: #99CCFF
COLORE SFONDO: #003366

*/

body{
	margin:0px;
	padding:0px;
	background:url(immagini/bg.jpg) no-repeat fixed top center #000;							
	font-family: 'Comfortaa', cursive; 				
	font-size: 16px;
	font-weight:normal;
	text-align:left;									
	color: #FFF; 											
}

a{
	color:#FFF; 
	text-decoration:none;
	transition: all .2s;
}

a:hover{
	color:#6699CC; 
	text-decoration:none;
}

.clear{
	clear:both; 
	margin:0; 
	padding:0;
}

.toplogo {
	max-width:350px; 
	width:98%; 
	margin:1%;
}

.thumbs {
	margin:0 5px 5px 0;
	width:150px;
	height:auto;
	border: 1px solid #999;
}

hr.gradient{
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
}

.mediacontainer{
	margin-top:20px; 
	padding-top:20px; 
	border-top:1px dashed #999;
}

.apparisparisci{
	display:none; 
	clear:both; 
	overflow:hidden; 
}

.barratitolo {
    margin: 10px 0;
}
  
.barrasottotitolo {
    margin: 10px 0;
}

/* TESTI -----------------------------------*/
 
h1, h2, h4, h5, h3, h6{
	font-family: 'Comfortaa', cursive;
	font-weight:normal;
	padding: 0;
	margin: 0;
	color: #FFF;
}

.rosso .juniper{
	font-family: 'Michroma', sans-serif;
}

h1, .titolo{
	font-family: 'Droid Serif', serif;
    margin: 0 0 15px 0;
    font-size: 26px;
    border-bottom: 1px solid #FFF;
}

.titolo{
	font-size: 22px;
	border-bottom: none;
}

h1 a, .titolo a{color:#FFF;}
h1 a:hover, .titolo a:hover{color:#99CCFF;}


h2, .sottotitolo{
	font-size:24px; 
	color:#6699CC; 
	margin:4px 0; 
}

.sottotitolo{font-size:20px; }

h2 a, .sottotitolo a{color:#6699CC;}
h2 a:hover, .sottotitolo a:hover{color:#FFF;}

h3{
    font-size: 16px;
}

h3 a{ text-decoration:underline:}
h3 a:hover{color:#99CCFF; text-decoration:none;}

h4{
	font-size: 12px;
    letter-spacing: 2px;
	margin: 20px 0;
}

h5{
	font-size:14px; 
	font-weight:bold; 
	letter-spacing:2px; 
	color:#FFFF00;
}

h6{
	font-size:12px;  
}

.rosso{
    background-color: #003366;
    font-size: 12px;
    letter-spacing: 2px;
    color: #FFF;
    margin: 4px 0;
    line-height: 30px;
}

.barratitolo {
	line-height: 50px;
    color: #6699CC;
    max-width: 600px;
    margin: 10px;
    padding: 0px;
    font-size: 40px;
    border: 0;
}

.barrasottotitolo {
	line-height: 50px;
    color: #FFF;
    max-width: 600px;
    margin: 10px;
    padding: 0;
    font-size: 22pt;
}

.txt{
	font-size: 13px; 
	line-height: 16px; 
	color:#CCC;
}

.txt a{color:#6699CC;} 
.txt a:hover{color:#99CCFF;}

/* STILI INUTILIZZATI????
.titlenews{font-size:8pt; color:#FFF; font-weight:bold; margin:2px 0;}
.titlenews a{color:#FFF;}
.titlenews a:hover{color:#FFFF00;}
*/

.juniper {
	font-size:12px; 
	color:#CCC; 
	margin:3px 0; 
	padding:3px 0;
}

.data{
	font-size:16px; 
	font-weight:500; 
}

.abstract {
	font-size: 14px;
    color: #CCC;
    float: left;
}

/* FINE TESTI ---------------------------------------------*/

.recap{
	text-align: center;
    width: 100%;
    margin: 10px auto;
    background: url(/immagini/dot.png) repeat;
    padding: 8px 0;
}

.thumbsnews {
	margin: 0;
    margin-right: 20px;
    width: 170px;
    float: left;
	/*min-height: 200px;*/
	
}
.thumbsnews img {
	width:100%;
	height:auto;
	border: 1px solid #999;
}

.thumbsartist {
	margin: 0 ;
	margin-right: 20px;
	width:150px;
	float:left;
	
}
.thumbsartist img {
	width:100%;
	height:auto;
	border: 1px solid #999;
}

.pagimg {
	margin: 0 ;
	border: 1px solid #999;
	margin-left: 20px;
	float:right;
}

.newsepare{
	border-bottom: 1px solid #999;
	margin-bottom: 10px;
	height: 2px;
}

ul, ol{
	font-size:14px; 
	color:#FC0; 
	margin:2px;
}

li{
	list-style:square; 
	list-style-position:inside; 
	padding:2px;
}

li a{color:#300;}
li a:hover{color:#C60;}

.bgnero {
	background:url(/immagini/dot.png) repeat;
	width: 100%;	
}

.bgnero2 {
	width:100%; 
	height: 225px; 
	border: 1px solid #FFF; 
	background:url(/immagini/blackdot.png) repeat; 
	margin:20px auto;
	text-align:center;
	overflow:auto;
}

.bgnero2 img{
	margin:15px 10px 0 0;
}

/* CONTENITORI HOME ----------------------------------------*/

.contentpage {
	width:100%;
	max-width: 980px;
	text-align:left;
	margin:0 auto;
	margin-top: 0.3%
}

.paddingpage {
    width: 96%;
    padding: 2%;
    text-align: left;
}

.quarto {
	width:25%;
	float:left;
} 
.quinto {
	width:20%;
	float:left;
} 
.terzo {
	width:33%;
	margin-right:0.3%;
	margin-bottom:0.3%;
	float:left;
} 
.dueterzi {
	width:66.6%;
	margin-bottom:0.3%;
	float:left;
} 
.intero {
	width: 100%;
	clear: both;
}
.mezzo {
   width:49.7%;
   margin-right:0.3%;
   margin-bottom:0.3%;
   float:left;
}

.mezzotag {
   width:50%;
   max-width: 44.3em;
   float:left;
} 
.solotablet  {
	visibility:hidden;
	display:none;
}
.notablet  {
	visibility: visible;
	display: block;
}

/* GOOGLE MAP -------------------------------------*/

/* Wrap responsive */

.googlemap_wrap  {
	position: relative;
	padding-bottom: 65.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

/* iframe posizionato in maniera assoluta */

.googlemap_wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* IMPOSTAZIONI GENERICHE TASTI  --------------------------------*/

.btn {
	font-family: inherit;
    margin: 5px 5px 5px 0;
    font-size: 12px;
    cursor: pointer;
    line-height: 30px;
    display: inline-block;
    border: 1px solid transparent;
    border-radius: 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
	/* text-align: left; */
    /* text-decoration: none; */
    /* vertical-align: middle; */
	/* white-space: nowrap; */
}
 
.btn:hover,
.btn:focus,
.btn:active,{
	outline: 0;
	transition:all .2s
}

/* TASTI APPROFONDISCI E BACK */

.btn-form {
	color: #FFF;
	background: url(/immagini/ico-right.png) right no-repeat #3366CC;
	padding: 0 30px 0 4px;
}

.btn-back {
	color: #FFF;
	background: url(/immagini/ico-left.png) left no-repeat #0066CC;
	padding: 0 4px 0 30px;
}
 
.btn-form:hover,
.btn-form:focus,
.btn-form:active,
.btn-back:hover,
.btn-back:focus,
.btn-back:active{
	color: #FFF;
	background-color: #6699CC;
}

/* TASTO SOCIAL -------------------------------------*/

.btnsquare [class^="icon-"]:before {
	line-height: 50px;
	font-size:32px;
}

.btnsquare {
	display: inline-block;
    cursor: pointer;
    margin: 0 0 0 10px;
    width: 30px;
    height: 30px;
    text-align: center;
    margin: 6px 2px;
    vertical-align: middle;
}


.faceb {background-color: #3F67AB;}
.youtub {background-color: #E62117;}
.faceb:hover, .youtub:hover { background-color:#FFF;}

a.btnsquare [class^="icon-facebook"]:before, a.btnsquare [class^="icon-youtube"]:before  {
	color: #FFFFFF;
	font-size:24px;
	line-height: 30px;
}
a:hover.btnsquare [class^="icon-facebook"]:before  {
	color: #3F67AB;
}
a:hover.btnsquare [class^="icon-youtube"]:before  {
	color: #E62117;
}

/* FORM ----------------------------------------------*/

input, textarea, button, select, option{
	font-weight:normal;
	font-size:18px;
	color: #FFF;
	border-radius:2px;
	border: none;
	background-color:#6699cc;
}

input:focus, textarea:focus, button:focus, select:focus{
	outline:none;
}

input[type="text"]{
	height:36px;
	line-height:36px;
	padding:0 0.250em;
}

input[Placeholder]{
}

textarea {
	width:98%;
	height:80px;
	padding:0 0.250em;
}

select{
	height:36px;
	line-height:36px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	background: url(/immagini/ico-down.png) right no-repeat;
    cursor:pointer;
	padding:0 0.250em;
}

label{
	color:#FC0;
	font-size:16px;
}

.field {
	width:98%;
	padding:0.1em 0.2em;
}

/*********MEDIA QUERY *************/

@media only screen and (min-width:481px) and (max-width:850px){
	
	 /* CONTENITORI HOME ----------------------------------------*/
	
	.terzo {
		width:50%;
	   margin-right: 0;
	   margin-bottom: 1%;
	} 
	.dueterzi {
		width:50%;
	   margin-right: 0;
	   margin-bottom: 1%;
	} 
	.intero {
		width:100%;
		clear: both;
	}
	.mezzo {
	   width:100%;
	   float:none;
	   margin-right: 0;
	   margin-bottom: 1%;
	}
	
	.evidenzia{
		background-color: #6699cc;
		line-height: 24px;
		margin: 10px auto;
		width: 200px;
		border-radius:2px;
	}
	.evidenzia:hover{
		background-color:#FFF;
	}
}

@media only screen and (max-width:480px){
		.thumbsnews {
			margin: 0 auto;
			margin-right: auto;
			float:none;
			min-height:inherit;	
		}
			
		.contentpage {
			width: 100%;
			text-align: center;
		}
		
		.grey {
			height: 50px;
		}
		
		.greymenu {
			visibility:hidden;
			display:none;
		}
		
		.dx {
			width:100%;
			float:none;
			height:auto !important;
		} 
		
		.sx {
			width:100%;
			margin-right: 0;
			float:none;
			max-width: 50em;
			margin-top: 0;
			padding-top:10px;
			height:auto !important;
		}
		
		.copy {
			margin-top: 5px;
			padding-top: 10px;
		}
		
			
		h3 {padding: 5px !important; text-align:left}
		h1 { text-align:center}
		
		 /* CONTENITORI HOME ----------------------------------------*/
			
		.quarto {
			width:100%;
			float:none;
		} 
		.quinto {
			width:100%;
			float:none;
		} 
		.terzo {
			width:100%;
			float:none;
		   margin-right: 0;
		   margin-bottom: 1%;
		} 
		.dueterzi {
			width:100%;
			float:none;
		   margin-right: 0;
		   margin-bottom: 1%;
		} 
		.intero {
			width:100%;
			clear: both;
		}
		.mezzo {
		   width:100%;
		   float:none;
		   margin-right: 0;
		   margin-bottom: 1%;
		}
		
		.solotablet  {
			visibility:hidden;
			display:none;
		}
		.notablet  {
			visibility: visible;
			display: block;
		}
		
		#searchbox {
			height: auto;
			min-height: 475px;
		}
		
		#searchbox .floatleft{
			float:none;
			text-align:left;
		}
		
		.radiobox{
			float: none;
			text-align:left;
		}
		
		ul.radiobox{
			padding: 0;}
		
		ul.radiobox li{
			display: block;
		}
		
		#searchbox input[type="text"] {
			width: 80%;
			font-size: 12px;
		}
		
		.padding20 {
			//padding: 0;
		}
		
		.boxpadding1 {
			padding-top: 5px;
			margin: 0;
		}
		
		nav ul{display:none;}
		
		nav select{
			display:inline-block;
			position:relative; 
			width: 100%
		}
		.pagimg {
			margin: 10px  auto;
			float: none;
		}
		.rosso{
			padding: 0 2px;
		}
		.rosso small { display:block;}
		.barratitolo {
			margin: 10px 0;
		}
		  
		.barrasottotitolo {
			margin: 10px 0;
		}
		
		.titolo { text-align:center}
		
		.paddingpage {
			text-align:center
		}

}