@media (max-width: @screen-xs-max) { 
body 
{
 font-family:'Raleway',sans-serif;
 font-size: 12px;
 line-height: 1.5em;
 color: #4d4d4d; 
 font-weight: 100;
 } 
}

@media (min-width: @screen-sm-min) {
body
{
 font-family:'Raleway',sans-serif;
 font-size: 8px;
 line-height: 1.5em;
 color: #4d4d4d;
 font-weight: 100;
}
}

.row
{
 padding-top: 10px;
 padding-bottom: 15px;
 padding-left: 0px;
 padding-right: 0px;
}

.bordo-invisibile
{
 border: 1.5px solid #ffffff;
}

.container-fluid
{
 padding-left: 0px;
 padding-right: 0px;
}

header
{
}

main
{
}

footer
{
}

h1
{
 font-size: 4.5em;
 color: #ffffff;
 font-weight: 100;
}

h1 em
{
 font-weight: 700;
 font-style: normal;
}

.grassetto
{
 font-weight: 700;
}
 
h2
{
 font-size: 3em;
 color: #ffffff;
 font-weight: 100;
}
 
h3
{
 font-size: 3.2em;
 color: #4c4c4c;
 font-weight: 700;
}

h4
{
 font-size: 1.6em;
 color: #4c4c4c;
 font-weight: 100;
 line-height: 1.5em;
}

h4.disclamer
{
 font-size: 1.2em;
 color: #4c4c4c;
 font-weight: 100;
 line-height: 1.5em;
}

.navbar-right
{
 padding-top: 26px;
}

.nav.navbar-nav.navbar-right li a
{
 display: inline;
 font-size: 2em;
 font-weight: 200;
 color: #15549e;
}

.nav.navbar-nav.navbar-right li a:hover
{
 border-top: 5px solid #22509b;
 text-decoration: none;
 color: #15549e; 
}

#MainNavigation.in li
{
 line-height: 3em;
}

#MainNavigation.collapsing li
{
 line-height: 3em;
}

#MainNavigation.in li a:hover
{
 border: 0;
}

.logo
{
 padding-top:10px;
 padding-bottom:10px;
}

.MainNav
{
/* padding-top:10px;*/
 padding-bottom:20px;
}

.navbar-default {
 background-color: transparent;
 border: none;
}

.Hero
{
 display: block;
 background-color: #15549e;
}

.galleria
{
 background-color: #c3c3c3;
}

.categorie
{
 background-color: #ececec;
 margin: 5px;
 padding: 5px;
}

.trasparenza
{
 opacity:0.7;
}

.selezionato
{
 border: 1.5px solid #22509b;
}

h5
{
 font-size: 2em;
 color: #15549e;
 font-weight: 700;
 text-align:center;
}

.footer
{
margin-top: 0px;
padding-bottom:15px;
padding-top:15px;
background-image: -ms-linear-gradient(top, #323232 0%, #000000 100%);
background-image: -moz-linear-gradient(top, #323232 0%, #000000 100%);
background-image: -o-linear-gradient(top, #323232 0%, #000000 100%);
background-image: -webkit-gradient(top, #323232 0%, #000000 100%);
background-image: -webkit-gradient(top, #323232 0%, #000000 100%);
background-image: -webkit-linear-gradient(top, #323232 0%, #000000 100%);
}

h6
{
 font-weight: 100;
 font-size: 1.3em;
 color: #ffffff;
 line-height: 2em;
}

.titolo
{
 font-weight: 700;
 font-size: 1.5em;
}

.disclamer
{
 font-size: 1em;
}

main a:hover
{
 text-decoration:none;
}

/* faucs coloumn o false colonne - adatta l'altezza della colonna più piccola a quella più grande.
Utilizzare 2 div, uno dopo la raw con id equalheight e una seconda, dentro la colonna da alzare, con classe equalheight 

esempio css

#equalheight 
{
 overflow: hidden; 
}

.equalheight
{
 margin-bottom: -99999px;
 padding-bottom: 99999px;
}

esempio di struttura

<div class="row">
  <div id="equalheight>
    <div class="col-sm-3"><p>faucs coloumn o false colonne - adatta l'altezza della colonna più piccola a quella più grande.
Utilizzare 2 div, uno dopo la raw con id equalheight e una seconda, dentro la colonna da alzare, con classe equalheight<p></div>
    <div class="col-sm-9">
      <div class="equalheight"><p>Prova<p></div>
    </div>
  </div>
</div>
*/

footer a
{
 color: #ffffff;
 text-decoration:none;
}

footer a:hover
{
 color: #ffffff;
 text-decoration:none;
}

.vantaggi
{
 background-color: #df0e1d;
}

h5.tvantaggi
{
 color: #ffffff;
}

p.tvantaggi
{
 font-weight: 100;
 color: #ffffff;
 font-size: 1.5em;
}

.bsuperiore
{
 height:30px;
}

.prodotto
{
 color: #ffffff;
}

strong
{
 font-weight: 700;
}

div.galleria
{
 padding-top: 10px;
 padding-bottom: 10px;
}

h4.galleria
{
 font-size: 1.6em;
 color: #000000;
 margin-left: 10px;
 margin-right: 10px;
}

img.galleria
{
 padding: 15px;
}

#carousel
{
 margin-top: 25px;
 margin-left: 30px;
 margin-right: 30px;
}

#slider
{
 margin-left: 30px;
 margin-right: 30px;
}

.galleria p
{
 font-size: 2em;
 color: #4c4c4c;
 font-weight: 100;
 text-align: left;
}

#ui-tabs-1 button
{
 margin-left: 35px;
}

#ui-tabs-1 .row
{
  padding-top: 5px;
} 

.tabs li
{
 text-decoration: none;
 display: inline;
} 

.navbar-collapse
{
 border: none;
} 

.riquadrocategorie
{
 margin-top: 20px;
 margin-bottom: 30px;
 border-bottom: 1.5px solid #22509b;
}

.imgcategorie
{
 padding-top: 10px;
 padding-bottom: 10px;
}

a.bottone
{
 text-decoration: none;
}

.map-responsive{
    overflow:hidden;
    padding-bottom:32%;
    position:relative;
    height:0;
	max-height: 500px;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
	max-height: 500px;
}