/* Add here all your css styles (customizations) */
		.row {margin-left: 0;margin-right: 0;}
		
		#htmlcaptionmap {	
		display:block; 
		position: absolute;
		top:120px; 
		background: none;
		font-size: 2.9em;
		font-weight: normal;
		color: #fff;
		opacity: 1;
		line-height: 36px;
		opacity: 1;
		left: 10%;
		width: 80%;
		z-index: 999;	
		}	
		
		
		#mappa .text2 {
		text-shadow: 1px 1px 0px #000;
		position: relative;
		font-size: 0.5em;
		color: #cce8fa;
		font-family: "Source Sans Pro",sans-serif;
		line-height: 16px;
		padding: 10px;
		background: url(../../images/caption-bg.png);
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		overflow:auto;
		}	
		
		input[type="text"].hintText {
		/*height: 32px;*/
		padding: 17px 2px 8px 13px;
		font-size: 16px;
		font-weight: bold;
		color: #000;
		font-style: normal;
		border: 0;
		background-color: transparent;
		border-top: 1px solid #dcdcdc;
		border-left: 1px solid #e5e5e5;
		-webkit-appearance: textfield;
		padding: 1px;
		background-color: white;
		border: 2px inset;
		border-image-source: initial;
		border-image-slice: initial;
		border-image-width: initial;
		border-image-outset: initial;
		border-image-repeat: initial;
		-webkit-rtl-ordering: logical;
		-webkit-user-select: text;
		cursor: auto;
		border-radius: 12px;
		width:90%;
		}
		
		.text2 div {z-index:99;}
		
		
@media only screen and (min-width: 960px) and (max-width: 1219px) {		
		.boxes {padding-top: 100px;}
}
@media only screen and (min-width: 468px) and (max-width: 959px) {		
		.boxes {padding-top: 200px;}
}
@media only screen and (max-width: 767px) {		
		.divfiltri {width: 100%;}
}
@media only screen and (min-width: 768px) {		
		.divfiltri {width: 55%;}
}

#nav_bar li {	
	display: inline;
	list-style: none;
	position: relative;
	padding: 0 20px;
	border-left: 1px solid #EEE;
}
#nav_bar li:first-child {
	border-left: none;
}	

.def-border {
border: 1px solid #ccc;
border-radius: 16px;
}	

.def-border-std {
border: 4px solid #c2edc2;
border-radius: 16px;
}	


.radiazioni {background-color:#c2edc2;}
.paura {background-color:#4fb8cb;}
.infezioni {background-color:#d8aff5;}
.studi {background-color:#fff6a7;}

#radiazioni_butt.selected {
border: 4px solid #c2edc2;
border-radius:16px 0px 0px 16px;
border-right: none;
width: 389px;
z-index: 2;
padding-top:12px;
box-shadow: 0px 0px 0px #999;
}
#paura_butt.selected {
border: 4px solid #4fb8cb;
border-radius:16px 0px 0px 16px;
border-right: none;
width: 389px;
z-index: 2;
padding-top:12px;
box-shadow: 0px 0px 0px #999;
}
#infezioni_butt.selected {
border: 4px solid #d8aff5;
border-radius:16px 0px 0px 16px;
border-right: none;
width: 102%;
z-index: 2;
padding-top:12px;
box-shadow: 0px 0px 0px #999;
}


@media only screen and (max-width: 1199px) {		
#radiazioni_butt.selected, #paura_butt.selected, #infezioni_butt.selected {
width: 322px;
}

}
@media only screen and (max-width: 991px) {		
#radiazioni_butt.selected, #paura_butt.selected, #infezioni_butt.selected {
width: 249px;
}

}




@media only screen and (max-width: 767px) {		
	#radiazioni_butt.selected {
		border-right: 4px solid #c2edc2;
		border-radius:16px 16px 16px 16px;
		width: 100%;
	}
	#paura_butt.selected {
		border-right: 4px solid #4fb8cb;
		border-radius:16px 16px 16px 16px;
		width: 100%;
	}
	#infezioni_butt.selected {
		border-right: 4px solid #d8aff5;
		border-radius:16px 16px 16px 16px;
		width: 100%;
	}
}

#studi_eccellenza_butt 
{
	background: #225294;
	background-image: url(../../images/ragazza_OK.png); /* fallback */
	background-image: url(../../images/ragazza_OK.png), -webkit-gradient(linear, 0 0, 0 bottom, from(#012f6d), to(#225294));
	background-image: url(../../images/ragazza_OK.png), -webkit-linear-gradient(#012f6d, #225294);
	background-image: url(../../images/ragazza_OK.png), -moz-linear-gradient(#012f6d, #225294);
	background-image: url(../../images/ragazza_OK.png), -ms-linear-gradient(#012f6d, #225294);
	background-image: url(../../images/ragazza_OK.png), -o-linear-gradient(#012f6d, #225294);
	background-image: url(../../images/ragazza_OK.png), linear-gradient(#012f6d, #225294);
	background-position: 100% 100%;
	padding-top: 12px; padding-bottom: 12px;
	color: #FFF;
	background-repeat: no-repeat;
	}

.radiazionisel {
border: 4px solid #c2edc2;
border-radius: 0px 16px 16px 16px;
}
.paurasel {
border: 4px solid #4fb8cb;
}
.infezionisel {
border: 4px solid #d8aff5;
}

#note_cartina {font-size:12px; line-height:125%; text-align:left;float:none;clear:both;padding-top:20px;}

.left_home_butt, #mappa, .left_home_butt2, #startmsg {background:#FFF; opacity: 0.95; min-height: 80px; padding:0 auto; margin-bottom:12px; box-shadow: 0px 5px 5px #999}
#mappa, #startmsg {padding: 48px;}

@media only screen and (min-width: 960px) and (max-width: 1219px) {		
	#mappa {padding: 16px;}
}
@media only screen and (max-width: 650px) {		
	#mappa {padding: 4px;}
}

#maincontent 
{	padding: 48px;
	background:#FFF; opacity: 0.95; min-height: 80px; padding:0 auto; margin-bottom:12px; box-shadow: 0px 5px 5px #999
		}
@media only screen and (min-width: 960px) and (max-width: 1219px) {		
	#maincontent {padding: 32px;}
}

h2 {font-weight:500;}

.left_home_butt {opacity: 1; cursor:pointer; }

#header {background:url(../../images/topbg.jpg) repeat-x; height:120px;}
#logo {position:absolute; height: 200px; width:400px; top: 0px; background:url(../../images/logotop.png) no-repeat; background-size:contain;}
#campagna_sociale {position:absolute; height: 200px; width:400px; top: 0px; right: 0px; background:url(../../images/pubsociale.png) no-repeat; background-size:contain;}
.container {position:relative;}
#subheader {background: #fff; height:30px;}
#nav_bar {position:relative;}
#nav_bar ul {right: 170px; top:24px; position:absolute;}
.butt_main {font-size:28px; color: #4474b4; font-weight:700;}
.butt_sub {font-size:28px; color: #51b8c7; font-weight:200;}
.butt_det {font-size:12px; line-height: 125%; padding-bottom:16px;}
#nav_bar ul a {color: #3c6db9;}

@media only screen and (max-width: 640px) {		
	#subheader {height: 82px;}
	#nav_bar li {display:block; border-left:0px;}
}

.button {
background: #3266b1;
border: 2px solid #58b1d3;
border-radius:8px;
color: #FFF;
font-size:16px;
padding: 4px 20px 4px 20px;
font-weight: 700;
 box-shadow: 0px 5px 5px #999
}

.circle {
	width: 16px;
	height: 16px;
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

a.green {color: #37a532}

@media only screen and (max-width: 767px) {		
		#campagna_sociale {display:none;}
}