@import url('https://fonts.googleapis.com/css?family=Raleway:300');
@import url('https://fonts.googleapis.com/css?family=Roboto:400,500');

body {font-family: 'Raleway', sans-serif; font-size:1.2em; font-weight:300; color:#333; background-color:#FFF}

#riga-logo{background-color:#cdcdbd; color:#000; border-bottom:#ff9900 2px solid}
.logo{background-color:#79796a; padding:20px 10px 20px 10px;}
.vendita{font-size:1.4em; font-weight:300; color:#79796a}
.slogan {font-size:1.9em; font-weight:300; color:#000}
.bandiera {background:#cdcdbd;}
.alt4{height:4px}

h1 {font-family: 'Roboto', sans-serif; font-size:1.9em; font-weight:400}
/* ------------------------------------------------ */

#menu {background:#79796a;}

.icon-bar {background:#ff9900}
.navbar-nav li {font-size:1.1em; text-transform:uppercase}
.navbar-nav li a:link, .navbar-nav li a:visited {font-size:inherit; color:#fff; background:none;}
.navbar-nav li a:hover {font-size:inherit; color:#000; background:#cdcdbd}
.navbar-nav li.active{background:#cdcdbd}
.navbar-nav li.active a{color:#000;}
.dropdown-toggle:hover {background:#cdcdbd !important; color:#000 !important}
.open .dropdown-toggle {background:#cdcdbd !important; color:#000 !important}

.dropdown-menu {
border:0;
background:#79796a;
 -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
.dropdown-menu li {font-size:0.9em; text-transform:uppercase;}
.dropdown-menu li a:link, .dropdown-menu li a:visited {color:#fff; background:#79796a}
.dropdown-menu li a:hover {background:#ff9900;}
.dropdown-menu li.active a:hover {background:#ff9900;}

.cerca{font-size:1.0em;
  outline: none;
  border: 1px #666 solid;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
input[type="text"].cerca:focus {border: 1px #ff9900 solid;}
.invio-cerca{padding:0; margin:0; background:none; border:0; color:#666}
.invio-cerca:hover {padding:0; margin:0; background:none; border:0; color:#ff9b00}
.ombra {margin:0 auto 0 auto}

a.social:link, a.social:visited {color:#79796a;}
a.social:hover {color:#ff9900}

input[type="text"], input[type="email"], textarea, select {font-family: 'Roboto', sans-serif; font-size:1.2em;}
/* --------------- MENU LATERALE --------------- */
.camporicerca {margin:0; padding:0;}
.invio-ricerca {font-size:24px}
.bottone-prodotti{border:#79796a 2px solid}
.laterale > li {
	float:none !important;
	padding:0; margin:0
	
	}
.laterale > li {border-bottom:#ff9900 1px dotted;}
.laterale > li a {padding:2px 2px 2px 2px; margin:2px 0 2px 0;}
.laterale > li a:link, .laterale > li a:visited {color:#000; font-size:0.9em;}
.laterale > li a:hover {color:#fff; font-size:0.9em; background:#ff9900;}
.laterale > li a.active {color:#fff; background:#ff9900;}
.segnalino {font-size:1.4em}

/* ---------------- CORPO ----------------- */

.carousel-control {font-size:2.0em; background:none !important}

#grigio{background:#ff9b00;}

#corpo{margin-top:0px}
.fascia-sx{background:#cdcdbd; padding-top:50px}
.fascia-dx{padding-top:50px}

/* ---------------- PRODOTTI HP ----------------- */
.bottone-hp {background:#ff9900; color:#000; font-size:1.6em}
.bottone-hp:hover {background:#79796a; color:#fff}

.item {margin:0 8px 0 8px}
.thumbnail{border-radius:0; font-family: 'Roboto', sans-serif; border:0; min-height:330px}
.thumbnail:hover {background:#f0f0e1;}
.thumbnail h3 {font-size:1.0em; margin:0; padding:6px 0 6px 0}
.thumbnail .cod{font-weight:700; color:#EE1C24}
a.thb {text-decoration:none}
.art {font-weight:500; color:#333; margin-top:8px}
.prezzosc {color:#C00; text-decoration:line-through; font-weight:500; font-size:1.2em}
.prezzo {font-weight:500;  font-size:1.2em}
.thumbnail > hr {border-bottom:#cdcdbd 1px solid; margin:3px 0 3px 0; padding:0}

/* ---------------- PRODOTTI SPECIFICHE ----------------- */
.dati-articolo {font-size:1.2em;}
.thumb {min-height:0}
.bottone {background:#79796a; color:#fff}
.bottone:hover {background:#ff9900; color:#fff}
.cellafiniture{text-align:center; margin-top:1em;}

a.thumbnail:hover {border:#eaeaea 1px solid}
.opzione {font-size:1.3em;}

.nav-tabs a {background-color:#cdcdbd !important; color:#000 !important;}
.nav-tabs .active a {background-color:#79796a !important; color:#FFF !important;}
.tab-content{border:#79796a 1px solid; border-bottom-right-radius:6px; border-bottom-left-radius:6px}
.seleziona:link, .seleziona:visited {font-family: 'Roboto', sans-serif; font-size:1.0em; color:#79796a}
.seleziona:hover {font-family: 'Roboto', sans-serif; font-size:1.0em; color:#79796a; text-decoration:underline}
.sa_prezzo{font-family: 'Roboto', sans-serif; font-size:1.2em}
.divisore{border:0; border-bottom:1px dashed #ff9900; background:none;}
.spedizione {font-size:1.3em}
#prezzospedizione {font-family: 'Roboto', sans-serif;}
.descrizione-pre-acquisto{font-size:1.3em}

.bottone-cart {background:#ff9900 !important; color:#000; border:#79796a 1px solid;}
.bottone-cart:hover {background:#79796a; color:#fff;  border:#ff9900 1px solid;}
.risultato{background:#79796a; color:#fff;  border:#ff9900 1px solid; border-radius:6px}

.tabfiniture td {font-family: 'Roboto', sans-serif; font-size:0.8em}
.titolofinitura {font-family: 'Raleway', sans-serif; font-size:1.2em; }

.provincia {font-family: 'Roboto', sans-serif; font-size:1.1em}

a.media:link, a.media:visited {font-family: 'Roboto', sans-serif; color:#ff9900;font-size:1.3em; text-decoration:none}
a.media:hover {font-family: 'Roboto', sans-serif; color:#79796a;font-size:1.3em; text-decoration:none}

/* ---------------- CARRELLO ----------------- */
.table{font-size:1.2em}
.importo{font-family: 'Roboto', sans-serif; font-size:1.0em; text-align:right;}
.qta{font-family: 'Roboto', sans-serif; font-size:1.0em; text-align:center;}
.rimuovi{font-size:1.6em; text-align:center;}
.rimuovi a {color:#C00; text-decoration:none}
.intestazione td {background:#cdcdbd; color:#333; text-align:center}
.fa-plus-circle, .fa-minus-circle {font-size:1.4em; color:#cdcdbd; cursor:pointer}
.qt{font-size:1.2em; padding:0 4px 0 4px}
.ico-bottoni{font-size:1.4em}
.datiacquirente {font-size:1.2em;}
.img-cart{width:80px}

/* ---------------- ACQUISTI ----------------- */
.acq-titoli{font-size:1.4em; color:#ff9900; padding-bottom:4px}


/* ---------------- FOOTER ----------------- */

#foot {background:#79796a; font-family: 'Roboto', sans-serif; color:#FFF; font-size:1.0em;}
#foot > .container > .row {padding:20px 0 20px 0 !important}
.ftt:link,  .ftt:visited {color:#ff9900}
.ftt:hover {color:#fff}

.subfoot{background:#ff9900; padding:6px 0 6px 0}

#map-canvas{min-height:400px; padding-left:20px}

/* ---------------- MODAL VIDEO ----------------- */
.bottone-video {background:#ff9900 !important; color:#000; border:#79796a 1px solid;}
.bottone-video:hover {background:#79796a; color:#fff;  border:#ff9900 1px solid;}

/* ------------------------ TESSUTI ------------------------- */
.modal.modal-wide .modal-dialog {
  width: 90%;
}
.modal-wide .modal-body {
  overflow-y: auto;
}
.nome-tessuto{font-family: 'Roboto', sans-serif; font-size:1.2em; font-weight:500}
#modal-login-label {font-size:1.6em; line-height:0.8em}
#tessuti-content{background:#FFF !important}
.btn-tessuti {background:#ff9900 !important; color:#000; border:#79796a 1px solid;}
.btn-tessuti:hover {background:#79796a; color:#fff;  border:#ff9900 1px solid;}
/*
a.tessuti {font-family: 'Raleway', sans-serif; font-size:1.1em; text-decoration:none;}
a.tessuti:link, a.tessuti:visited {color:#fff;}
a.tessuti:hover {color:#ff9900;}
*/
.cell-cont-tess {padding:0 !important; background:#000 !important; margin-bottom:30px; display: inline-block; min-height:auto; text-align:center; cursor:pointer}


.cell-cont-tess.on .overlay {
    opacity: 1;
}

 .cell-cont-tess.on img{opacity: 0.3; 
	-webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    -transition: .4s;}
	
.overlay {
	position: absolute;
    width:100%; height:100%;
	/* background: rgba(0, 0, 0, 0.7); */
    font-size:1.2em; color:#fff; 
    text-transform: uppercase;
    padding:30% 20px 0 20px;
    opacity: 0;
    top: 0;
    left: 0;
    text-align: center;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    -transition: .4s;
}

.modal-header{background:#79796A; color:#FFF}
#zoom-tessuti{text-align:center; background:#FFF;  color:#000; font-size:1.4em}
#zoom-tessuti img{margin:10px auto 10px auto;}
.tessuti-close{opacity: 1 !important; font-weight:normal; text-shadow:none; color:#ff9900}
.tessuti-close:hover{color:#CDCDBD}