@import url(https://fonts.googleapis.com/css?family=Raleway);
@import url(https://fonts.googleapis.com/css?family=Lobster+Two);

/* offset verticali */
.voffset  { margin-top: 2px; }
.voffset1 { margin-top: 5px; }
.voffset2 {	margin-top: 10px; }
.voffset3 { margin-top: 15px; }
.voffset4 { margin-top: 30px; }
.voffset5 { margin-top: 40px; }
.voffset6 { margin-top: 60px; }
.voffset7 { margin-top: 80px; }
.voffset8 { margin-top: 100px; }
.voffset9 { margin-top: 150px; }

/* offset orrizontali */
.hoffset  { margin-left: 0px; margin-right: 0px;}
.hoffset1  { margin-left: 5px; margin-right: 5px;}
.hoffset2  { margin-left: 10px; margin-right: 10px;}
.hoffset3  { margin-left: 15px; margin-right: 15px;}
.hoffset4  { margin-left: 30px; margin-right: 30px;}
.hoffset5  { margin-left: 40px; margin-right: 40px;}
.hoffset6  { margin-left: 60px; margin-right: 60px;}
.hoffset7  { margin-left: 80px; margin-right: 80px;}
.hoffset8  { margin-left: 100px; margin-right: 100px;}
.hoffset9  { margin-left: 150px; margin-right: 150px;}

/* centered columns styles http://www.minimit.com/demos/bootstrap-3-responsive-centered-columns */
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    /* margin-right:-4px;*/
}
.col-fixed {
    /* custom width */
    width:320px;
}
.col-min {
    /* custom min width */
    min-width:320px;
}
.col-max {
    /* custom max width */
    max-width:320px;
}

/****************************** DIV row centrati in veticale  *********************************/
.row-vertical-center {
  	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;

	align-items: center;
} 
/* Extra small devices (767px and down) */
@media (max-width: 767px) { 
	.row-vertical-center {
		display: block; /* turn off the flexible box layout */
	}
} 

/****************************** DIV allineati in orrizontale  *********************************/
.nowrap {
  display: inline-block;
  white-space: nowrap;
}
.nowrap_after {/* inserirla nell'ultimo div  */
  clear: left;
}

.allineato_destra{ 
       float:right;     
       text-align:right;
}
/***********************************************************************************************/


.text-compresso{
	line-height: 10px;
}
/****************************** TEMI DI BOOTSTRAP  *********************************/

.glyphicon{
	font-size: 16px;
}

/********************************************************/
/************************ btn ***************************/
.btn-custom {
    background: #666666;
    color: #f0f0f0;
    border-color: #666666;
}
.btn-custom:active, .btn-custom.active{
    background: #f0f0f0;
    color: #333333;
}
.btn-custom:hover, .btn-custom:focus,  .open > .dropdown-toggle.btn-custom {
    background: #464646;
    color: #f0f0f0;
}

.btn-custom2 {
    background: #056b06;
    color: #dddddd;
    border-color: black;
}
.btn-custom2:active, .btn-custom2.active{
    background: #00ca02;
    color: #dddddd;
}
.btn-custom2:hover, .btn-custom2:focus, .open > .dropdown-toggle.btn-custom2 {
    background: #049305;
    color: #dddddd;
}

.btn-custom3 {
    background: #c4dc8e;
    color: #023303;
    border-color: black;
}
.btn-custom3:active, .btn-custom3.active{
    background: #c4dc8e;
    color: #023303;
}
.btn-custom3:hover, .btn-custom3:focus, .open > .dropdown-toggle.btn-custom2 {
    background: #dae9b8;
    color: #003100;
}

/********************************************************/
/************************ menu ***************************/

.navbar-default {
	background-color: #ffffff;
}

.navbar-default .navbar-nav > .admin {
    background-color: #6b6a6a;
}

.navbar-default .navbar-nav > li > a {
    color: #6b6a6a;
    font-size: 18px;
}
  
.navbar-default .navbar-brand, .navbar-default .navbar-brand:hover {
	color: #6b6a6a;
	/* padding-left: 30px; */
	background-color: #b7e0de;
} 

 
.nav > li:hover {
	background-color: #b7e0de;
	-webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out;
}

/*  gestione altezza menu   */
.navbar-nav > li > a, .navbar-brand {
    padding-top:9px !important; 
    padding-bottom:0 !important;
    height: 40px;
}

.navbar {min-height:40px !important;}

.navbar-toggle{
	 margin-top: 4px;
	 margin-bottom: 4px;
	 padding: 7px 8px;
	 margin-right: 8px;
}

/***centra il menu***/
.navbar .navbar-nav {
    display: inline-block;
    float: none;
}
.navbar .navbar-collapse {
    text-align: center;
}
/*******************/

.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
	background-color: #b7e0de;	
}

.dropdown-submenu > a:focus, 
.dropdown-submenu > a:hover, 
.dropdown-submenu:focus>a, 
r, 
.dropdown-submenu:hover>a,
.dropdown-menu > li a:hover,
.dropdown-menu > li a:focus{
	background-color: #cce8e7;
}
/************************************************************/
/************************** Pannel **************************/

.panel-default > .panel-heading {
    background-image: none;
    background-color: #e28403;
    color: white;
    padding: 3px 15px;  /*spessore titolo*/ 	
}
.panel-default {
	border: 1px solid #e28403;
	-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;

}
.panel-default > .panel-body{
	background-color: #f4f4f4;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}
.panel-title{
	font-size: 17px;
	font-weight: bold;
	text-transform:capitalize ;
}

/************************************************************/
/********************* input-group **************************/
.form-control:focus {/* alone attorno agli input*/
  border-color: #ffc175;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(80, 0, 0, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(80, 0, 0, .6);
 } 
  
.form-group{
	margin-bottom: 6px;
}

.list-unstyled{
	font-size: 12px;
}

.help-block {
	margin-top: 2px;
	margin-bottom: 0px;
}

.input-group-sm > .form-control,  {/*spazio a dx pe la spunta verde*/
	padding-right: 20px;
}
/************************************************************/
/********************* tabelle ******************************/

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {/*testo table al centro verticale*/
	vertical-align: middle;
}

.table > tbody > tr > td{
	border-top: 1px solid #afafaf;
	padding: 4px;
	font-size: 13px;
}

.table-hover > tbody > tr:hover {
	color: white;
	background-color: #969696;
}

.table-hover > tbody > tr:hover a {
	color: white;
}

.table-hover > tbody > tr:hover input {
	color: #7e7e7e;
}

.table > thead > tr > td{
	border-bottom: 2px solid #7e7e7e;
	background-color: white;
}

/************************************************************/
/********************* tooltip ******************************/

.tooltip.bottom { 
	margin-top: 5px;
	margin-left: -4px;   
}
.tooltip.bottom .tooltip-inner {
    background-color:#4b4b4b;
}
.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #4b4b4b;
}

.tooltip-inner {
    max-width: 450px;
}

.tooltip_text{
	color:#c7c7c7;
}
/************************************************************/
/********************* modal ********************************/

.modal-xl {
	width: 90%;
	max-width:1200px;
}

/************************************************************/
/************** bottoni loading animato *********************/

.glyphicon.spinning {
    animation: spin 1s infinite linear;
    -webkit-animation: spin2 1s infinite linear;
}
 
@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}
 
@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}
 
.glyphicon-left {
    margin-right: 7px;
}

/************************************************************/
/***************************** well *************************/

.well {
    margin-bottom: 5px;
}

.well_1 {
	background-color: #e6d1b5;
	border: 1px solid #fcb85c;
}

.well_2 {
	background-color: #ece9e3;
	border: 1px solid #f5dbb9;
	
}
/***************************************************************************************************
***************************************************************************************************/  




.scrolltotop {
    width:51px;
    height:51px;
    position:fixed;
    bottom:25px;
    right:10px;
    display:none;
    text-indent:-1000px;
    opacity:0.7;
    background: url('immagini/arrow-up.png') no-repeat;
    z-index: 1000;
}

.scrolltotop:hover {
    opacity:0.9;
}

.border_dx_sx{
	border-right: 1px solid #8C8C8C;
	border-left:  1px solid #8b8b8b;
   margin-top: -6px;
   margin-right: -16px;
   margin-left: -16px;
}

input { padding-left: 5px;}  

hr {
  margin-top: 2px;
  margin-bottom: 2px;
  border-top: 1px solid #d8d8d8;
}

.text-through{
	text-decoration: line-through;
}

.Testo_grande {
	font-size: 12px;
	}
.t_rosso {
	color:#F00;
}


.loading_ajax {
	background-image:url('immagini/ajax2.gif');
	z-index: 10;
	background-color:#fff;
	background-repeat:no-repeat;
	background-position:center;
   -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
	border: 1px solid #c7c7c7;
	opacity: 0.9;
	position: absolute;
}

.messaggio_ok {
	background-image:url('immagini/ok.png');
	z-index: 10;
	background-color:#fff;
	background-repeat:no-repeat;
	background-position:center;
   -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
	border: 1px solid #c7c7c7;
	opacity: 0;
	position: absolute;
}
	
.SuperTitolo {
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	background-color: #666;
	text-align: center;
	background-image: none;
	color: #F30;
	}
	
.Titolo {
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	background-color: #666;
	text-align: center;
	background-image: none;
	color: #FFF;
	margin-right: 120px;
	margin-left: 120px;
}
.Titolo3 {
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	background-color: #CCC;
	text-align: center;
	background-image: none;
	color: #666;
	margin-right: 120px;
	margin-left: 120px;
}
.Titolo2 {
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	background-color: #666;
	text-align: center;
	background-image: none;
	color: #FFF;
}

.textGr {
	font: normal 12px/12px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	border: 1px solid #CCC;
	padding-right: 2px;
	padding-left: 2px;
	vertical-align: middle;
	background-color: #F3F3F3;
	text-align: center;
}

.testo_evidenziato {
	font-size: 12px;
	color: #FF0000;
	text-align: center;
}

.t_color{
	color: #487d7b;
}

.t_color2{
	color: #82a2a1;
}

.aforismo{
	font-family: 'Lobster Two';
	font-style: italic;
	font-size: 17px;
}

.pulsante_down {
	font-weight: bold;
	color: #FFFFFF;
}
.pulsante_up {
	font-weight: bold;
	color: #FFFFFF;
}
/*
a:link {
    text-decoration: none;
	color: #4B4B4B;
}
a:visited {
    text-decoration: none;
	color: #4B4B4B;
	
}
a:hover {
	color: #4B4B4B;
	text-decoration: none;
}
a:active {
    
	color: #4B4B4B;
}
*/
 
.spento_1 {
	background-color: #eaeaea;
	-webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; /* animate style changes (hover, active, etc.) */
}
.spento_2 {
	background-color: #d4d4d4;
	-webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; /* animate style changes (hover, active, etc.) */
}

.spento_1:hover {
	background-color: #c1c1c1;
}
.spento_2:hover {
	background-color: #c1c1c1;
}

.titolo_cornice_grossa { 
	background: #6c8074; 
	border-right:1px solid #6c8074; 
	border-left:1px solid #6c8074; 
	font-size: 18px; 
	font-weight: bold; 
	text-align: center; 
	color: #FFF; 
	line-height: 6px; 
	padding-bottom: 10px;
	height: 13px;
}
.titolo_mod_ins { 
	background: #666; 
	border-right:1px solid #111; 
	border-left:1px solid #111; 
	font-size: 16px; font-weight: bold; 
	text-align: center; 
	color: white; 
	/*text-shadow: 0px 0px 10px #e28403, 0px 0px 2px #e28403;*/
	padding-top: 10px;
	height: 35px;
	/* border radius */
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
}
.cornice_grossa {
	background-color: #dbdbdb;
	border-style: solid;
	border-color:  #6c8074;
	border-width: 3px;
	border-style: solid;
	margin: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0px;
	border-spacing: 0px;
	/* border radius */
	-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
}
.cornice_bianca {
	background-color: white;
	border-style: solid;
	border-color: #666;
	border-width: 1px;
	border-bottom-style: solid;
	margin: 4px;
	/* border radius */
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
	border-spacing: 2px;
	border-collapse: separate;
}



.navigation {
border:0 none;
color:#666666;
padding:2px;
}
.navigation a:link, .navigation a:visited, .navigation a:hover, .navigation a:active {
background-color:#F9F9F9;
border:1px solid #666;
color:#636363;
padding:3px 6px;
text-decoration:none;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #666;
border-right-color: #666;
border-bottom-color: #666;
border-left-color: #666;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-bottom-style: solid;
margin: 0px;
padding:2px 4px;
/* border radius */
-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; /* animate style changes (hover, active, etc.) */	
}
.navigation a:hover {
background:none repeat scroll 0 0 #666;
border-color:#666;
color:#FFFFFF;
text-decoration:none;
-webkit-box-shadow: 0 0 5px rgba(144, 208, 149, .8); 
-moz-box-shadow: 0 0 5px rgba(144, 208, 149, .8); 
box-shadow: 0 0 5px rgba(144, 208, 149, .8);
}
.navigation span {
background-color:#FFFFFF;
border:1px solid #666;
color:#CCCCCC;
padding:3px 6px;
text-decoration:none;
/* border radius */
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
}


/* Forms and inputs
---------------------------------------------- */
textarea:hover, input[type="text"]:hover, input[type="password"]:hover, .textInput:hover, .textInput.inputHover { /* color - hover */
	background: #f4f4f4;
	}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, .textInput:focus, .textInput.inputFocus { /* color - hover */
	background: white;
	}

	

#cookieChoiceInfo {           /* Imposto le proprietà del banner/dialog box e caratteri del messaggio */
  background-color: #424242;     /* Lo fondo è di colore nero (#000) */
 line-height: 25px;				 
  font-size: 14px;            /* i caratteri devono essere grandi 16 pixel */
  color: #f0f0f0;                /* il colore dei caratteri è grigio chiaro (#DDD) */
  padding: 10px;              /* lo spazio intorno al messaggio (sopra, sotto e di lato) quindi il bordo dista 10 pixel */  
  opacity: 0.85;                /* questa proprietà modifica la trasparenza del banner/dialogbox */
}
#cookieInfoLink {                      
  color: #F44;                /* il testo del link che aprire la pagina della cookie policy è rosso (#E00)  */
  text-decoration: underline; /* questa proprietà indica che il testo del link è sottolineato  */
}
#cookieInfoLink:hover {       /* la parola hover, vicino al selettore, indica che le proprietà seguenti verranno applicate... */
                              /* ... al link che conduce alla cookie policy solo quando il mouse ci passa sopra  */
  color: #ff8282;                /* il testo del link in questo caso diventa di un rosso più chiaro al passaggio del mouse...  */
  test-decoration:none;       /*   .... e allo stesso tempo il testo non sarà più sottolineato            */
}
#cookieChoiceDismiss {        /* Impostiamo per il link "accetto/ok/chiudi" le proprietà per renderlo... */
			      /* ...visivamente come un pulsante */
  background-color: #696969;     /* lo sfondo è verde (#0A0) */
  color: #FFF;                /* Il colore del testo è bianco (#FFF) */
  text-decoration: none;      /* Il testo non è sottolineato         */
  font-weight: 600;           /* Il testo è in grassetto             */
  font-size: 13px;
  padding: 3px 10px;          /* Imposto lo spazio tra i caratteri e il bordo del pulsante 2pixel sopra e sotto e 10px ai lati */
  border-radius:  3px;        /* Lo sfondo del pulsante ha i bordi arrotondati con un raggio di 3 pixel */
}
#cookieChoiceDismiss:hover {  /* Passando il mouse sopra il pulsante, questo cambia colore in verde chiaro. */
  background-color: #a8a8a8;
} 


/***************************************************************************************************
BODY
***************************************************************************************************/

body {
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
	/* [disabled]font-style: normal; */
	color: #4f4f4f;
	line-height: 1.3;
}

.testo_espanso{
	line-height: 1.8;
	text-align:justify;
}

#loading{
	position: absolute;
	left: 2px;
	top: 14px;
}

a:link {
    text-decoration: none;
	color: #4B4B4B;
}
a:visited {
    text-decoration: none;
	color: #4B4B4B;
	
}
a:hover {
	color: #4B4B4B;
	text-decoration: none;
}

.completato a:link, .completato a:visited {color: #3a863b;}

/***************************************************************************************************

***************************************************************************************************/
.fascia_foto {
    height: 400px;
    background-position: center;
    background-size: cover;
    position: relative;
    padding: 80px 0px;
    z-index: 1;
}


/***************************************************************************************************
bottom
***************************************************************************************************/
.mappa {
    position: relative;
}

#map {
    width: 100%;
    height: 440px;
}

.contenitore_contatti_mappa {
    position: absolute;
    top: 40px;
    right: 40px;
    padding: 30px 25px;
    width: 25%;
    z-index: 10;
}

.sfondo_bianco {
    background-color: #FFFFFF;
}

.ombra_top {
    width: 100%;
    height: 20px;
    position: absolute;
    top: 0px;
    left: 0px;
    background-image: url(immagini/ombra.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
    z-index: 7;
    opacity: 0.4;
}

.ombra {
    width: 100%;
    height: 20px;
    position: absolute;
    bottom: -20px;
    left: 0px;
    background-image: url(immagini/ombra.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
    z-index: 7;
    opacity: 0.4;
}


.contenuto_footer {
    padding: 20px 20px 30px;
    margin: 0px auto;
    line-height: 1.3em;
    text-align: center;
    position: relative;
    max-width: 960px;
	color: #f0f0f0;
}

.footer {
    
    position: relative;
    z-index: 3;
}

.sfondo_scuro {
    background-color: #69888a;
}

.contatti{
	width: 100%;
	background-color: #94b7b9;
}
/**************************************************************************************************************************/
/*************************************************  max-width: 767px  *****************************************************/
/**************************************************************************************************************************/
/**************************************************************************************************************************/
@media (max-width: 767px) {
	
	/*riport il menu a sx*/
	.navbar .navbar-collapse {
    	text-align: left;
	}
	/*******************/
	
	.logo{
		position: absolute;
		top: -1px;
		height: 34px;
	}
	
	.fascia_foto {
    	height: 200px;
	}

	.contenitore_contatti_mappa {
    	position: inherit;
    	top: 9px;
    	left: -15px;
    	padding-bottom: 10px;
    	width: 100%;
	}

}
/**************************************************************************************************************************/
/*************************************************  max-width: 510px  *****************************************************/
/**************************************************************************************************************************/
/**************************************************************************************************************************/
@media (max-width: 510px){
 /* margini a sx */
	.container, .container-fluid {
  		padding-left: 2px;
	}
		
	.panel-body {
    	padding-left: 4px;
    	padding-right: 4px;
	}
/***********************/
	.border_dx_sx{
   	margin-right: -5px;
   	margin-left: -5px;
	}
}
/**************************************************************************************************************************/
/**************************************************************************************************************************/