/* VISUALIZZO LA SIGLA DEL MEDIA */

#VisualizzaMedia{ display:inline; display:none;}
#lblmedia{ float:left; }

@media (max-width: 767px){
	/* XS */
	#XS{ display:block;} 
	#SM{display:none;} 
	#MD{display:none;} 
	#LG{display:none;} 
}
@media (min-width: 768px) and (max-width: 991px){ 
	/* SM */
	#XS{ display:none;} 
	#SM{display:block;} 
	#MD{display:none;} 
	#LG{display:none;} 
}
@media (min-width: 992px) and (max-width: 1150px){ 
	/* MD */
	#XS{ display:none;} 
	#SM{display:none;} 
	#MD{display:block;} 
	#LG{display:none;} 
}
@media (min-width: 1151px) { 
	/* LG */
	#XS{ display:none;} 
	#SM{display:none;} 
	#MD{display:none;} 
	#LG{display:block;} 
}
/* / VISUALIZZO LA SIGLA DEL MEDIA */


/* ==========================================================================
   # RIDEFINIZIONE TAG BOOSTRAP
   ========================================================================== */
body {background-color:TRANSPARENT;}
*{
	font-family: 'Trebuchet MS', Helvetica, sans-serif; color:#666; font-size:13px;
}

a { color: #bd1029; }
a:hover, a:link, a:visited  { color: #bd1029; }



input[type="select"], select { width:100%; border:1px solid #dedede; font-size:12px; color:#333; padding:3px; line-height:1.5em;}
input[type="password"], textarea { width:100%; border:1px solid #dedede; font-size:12px; color:#333; padding:3px;line-height:1.5em; }
input[type="text"], textarea { width:100%; border:1px solid #dedede; font-size:12px; color:#333; padding:3px;  margin-bottom:3px;; line-height:1.5em; }
input[type="radio"] { margin-bottom: 0px; margin-right:5px; }


.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, 
.col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, 
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, 
.col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, 
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xs-13, .col-sm-13, 
.col-md-13, .col-lg-13, .col-xs-14, .col-sm-14, .col-md-14, .col-lg-14, .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15, 
.col-xs-16, .col-sm-16, .col-md-16, .col-lg-16, .col-xs-17, .col-sm-17, .col-md-17, .col-lg-17, .col-xs-18, .col-sm-18, 
.col-md-18, .col-lg-18, .col-xs-19, .col-sm-19, .col-md-19, .col-lg-19, .col-xs-20, .col-sm-20, .col-md-20, .col-lg-20, 
.col-xs-21, .col-sm-21, .col-md-21, .col-lg-21, .col-xs-22, .col-sm-22, .col-md-22, .col-lg-22, .col-xs-23, .col-sm-23, 
.col-md-23, .col-lg-23, .col-xs-24, .col-sm-24, .col-md-24, .col-lg-24 { padding-left:5px; padding-right:5px; }

.container{ WIDTH:100%; }
.loading-filtro{ position: fixed;top: 15%;left: 50%;}

/* ==========================================================================
   #MAPPA
   ========================================================================== */
.mappa { overflow:hidden; height:450px; }
#mappa { height:450px; position:absolute; }
#attesaMappa { height:450px; position:absolute;}
#mappa div { }
#mappa img { max-width:none; }

#zoom{text-align: right; }
.lblzoom { line-height:16px; float:left; margin-right:10px;}
.zoommappa{ text-align:center; width:16px; height:16px; float:left; font-size:14px; cursor:pointer; margin-right:10px;}


/* ==========================================================================
   #MAPPA
   ========================================================================== */

/* ==========================================================================
# ICONE DELLE DISPONIBILITA'
========================================================================== */
.disponibile { color:green; }
.richiesta     { color:orange; }   
   
/* ==========================================================================
   #COLONNE
   ========================================================================== */
#colonnasx { overflow:hidden; border: 1px solid #dedede; }
#colonnadx { overflow:hidden; padding-right:10px; }
#colonnacentrale { }

.title{
	/*cursor:pointer;*/
    background-color: #f2f2f2;
    border: 1px solid #dedede;
    border-radius: 0;
    color: #333;
    font-size: 14px;
    padding: 5px;
	/*font-weight:bold;*/
	text-transform:uppercase;
	
	}

.title a{

	color:#666;
	color: #fff;

}

.titolo {color:#333;}

/* ==========================================================================
   # SEZIONI PANNELLO + FILTRI
   ========================================================================== */
   
#SEZIONE_PANNELLO { background-color:#FFF; border:none  }
#sezione_filtri { background-color: #FFF; border:none }
#sezione_login { background-color:#FFF; border:none }

#sezionefiltriavanzati{ 
text-align:left; }

#filtriavanzati{
	text-align:center;
	padding:5px 0 5px 0; 
	
	font-size:100%; 
	color:#fff;
}

/* ==========================================================================
   # BOTTONI
   ========================================================================== */
   	
.bottone i{ color:#fff; }


.bottone{
border:2px solid #3b3735;
padding:3px;
background:#3b3735;
color:#fff;
/*-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;*/
-webkit-transition:.2s;-moz-transition:.2s;transition:.2s;
TEXT-TRANSFORM:UPPERCASE;
}
.bottone:hover{
border:2px solid #bd1029;
color:#fff;
background:#bd1029;
TEXT-TRANSFORM:UPPERCASE;
}
.bottone:hover.cunvailable{
border:2px solid #bd1029;
padding:3px;
background:#bd1029;
color:#fff;
/*-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;*/
-webkit-transition:.2s;-moz-transition:.2s;transition:.2s;
TEXT-TRANSFORM:UPPERCASE;
}
	
.BOTTONE i{ color:#fff; }

/* ==========================================================================
   # BREADCRUMB
   ========================================================================== */

/* Contenitore */
.CONTENITORE_BREADCRUMB_CARRELLO{ margin-bottom:10px; }

.col-breadcrumb{ 
	height:37px;
	background-color: #f5f5f5;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    color: #333;
}

.breadcrumb {
  list-style: none;
  font-size: 9px;
}
 
/* Padding, colore e simbolo del separatore */
.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #cccccc;
  content: "/\00a0";
}
 
/* Colore dell'item attivo */
.breadcrumb > .active {
  color: #999999;
}
/* ==========================================================================
   # / BREADCRUMB
   ========================================================================== */


/* ==========================================================================
   # CARRELLO
   ========================================================================== */
.CARRELLO {padding:5px; text-align:right;}
.link_carrello A, .link_carrello:link, A.link_carrello:hover , A.link_carrello:visited, A.link_carrello:focus {
	color: #333; text-transform:uppercase;
}

/* ==========================================================================
   # RIDEFINIZIONE MISURE PER MOBILE
   ========================================================================== */

@media (min-width: 768px) {
  .container {
	width: 100%;
  }
}

@media (min-width: 992px) {
  .container {
	width: 100%;
  }
}

@media (max-width: 480px) {
	.bottone   { width:100%; }
	.bottone:hover { width:100%; }
	.breadcrumb{ display:none; }
}