/** INDEX CAMERE **/
#page_indexcamere .camere-index{margin-top: 10px; margin-bottom: 10px}
#page_indexcamere .gruppo-camere{margin-top: 10px; margin-bottom: 10px }
#page_indexcamere .gruppo-camere .nome-gruppo{text-align: left; font-size: 2.2em; text-transform: uppercase; color: #008bd2;}

#page_indexcamere .gruppo-camere .contenuto-camera{margin: 0px 0px;width: 50%;/* margin-left: 15px; */padding: 10px;}
#page_indexcamere .gruppo-camere .contenuto-camera .foto-background{position:relative;min-height: 320px;height: auto;padding:0;background-repeat: no-repeat;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;overflow: hidden;/* border: 10px solid white; */}
#page_indexcamere .gruppo-camere .contenuto-camera div.mask-anteprimacamera{position: absolute;top: 0;left: 0;right: 0;bottom: 0;opacity: 0;background-color: rgba(202, 175, 87, 0.49);transition: all 0.5s ease;}
#page_indexcamere .gruppo-camere .contenuto-camera span.labelhoverimg {color: #fff;position: absolute;left: 45%;font-size: 1.6em;padding: 10px;top: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);text-transform: uppercase;letter-spacing: 0.1em;font-family: poppins, sans-serif;}
#page_indexcamere .gruppo-camere .contenuto-camera div.mask-anteprimacamera:hover {opacity: 1;}
#page_indexcamere .gruppo-camere .contenuto-camera .interno-foto h4{    
    position: absolute;
    width: 100%;
    text-align: center;
    color: #FFF;
    top: 40%;
    text-transform: uppercase;
    font-size: 2.5em;
    font-weight: 500;
    text-shadow: 1px 1px 3px #333;
    letter-spacing: 0.1em;
}
#page_indexcamere .gruppo-camere .contenuto-camera .interno-foto .bottone_scopri{background-color: #092c4f;border: 1px solid #092c4f;color: #FFF; width: 100%;padding: 10px;position: absolute;bottom: 0; font-weight: 400; z-index: 1;font-size: 1.1em;text-transform: uppercase;text-align: center;}
#page_indexcamere .gruppo-camere .contenuto-camera .interno-foto .bottone_scopri:hover{    background: #000;
    color: #fff;}

.bottone_scopri {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    z-index: 1;
    width: 280px;
    border-bottom: 2px solid #ffb945;
    border-top: 2px solid #ffb945;
    left: 50%;
    margin-left: -140px;
    /* margin-top: 10px; */
    font-size: 16px;
    transition: all 0.5s ease;
    text-transform: uppercase;
}

#page_indexcamere .gruppo-camere .contenuto-camera .bottone_scopri.sovrapponi{padding-top: 10px;padding-bottom: 10px;width: 60%;left: 0;margin-left: 0;border-bottom: 2px solid #c79b09;border-top: 2px solid #c79b09;margin-left: 20%;margin-right: 20%;}

#page_indexcamere .gruppo-camere .contenuto-camera .bottone_scopri.sovrapponi a{color: #c79b09;font-weight: 400;letter-spacing: 0.1em;font-family: poppins, sans-serif;}

#page_indexcamere .gruppo-camere .contenuto-camera .bottone_scopri.sovrapponi:hover{
    background: #c79b07;
    border-bottom: 2px solid #c79b07;
    border-top: 2px solid #c79b07;
    }
#page_indexcamere .gruppo-camere .contenuto-camera .bottone_scopri.sovrapponi:hover > a{color: #ffffff;}

#page_indexcamere .gruppo-camere .contenuto-camera h4.sovrapponi {position: relative;text-align: center;color: #000;text-transform: uppercase;font-size: 3em;font-weight: 200;margin-top: 20px;letter-spacing: 0.15em;margin-bottom: 15px;font-family: poppins, sans-serif;}

#page_indexcamere .gruppo-camere .contenuto-camera .descrizione-camera{height: auto; overflow: hidden; padding: 10px;text-align: justify;}

/** CAROUSEL CAMERE **/
#carousel-camere{margin: 0;}
#carousel-camere .conten_camere{padding: 2px;/* background-color: #f2f2f2; */min-height: 150px;}
#carousel-camere .conten_camere .conten_foto{padding: 0; margin: 0}
#carousel-camere .conten_camere span.labelhoverimg{color: #fff;position: absolute;left: 50%;font-size: 1.2em;padding: 10px;top: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
#carousel-camere .conten_camere .conten_testo{font-size: 1.2em;}
#carousel-camere .conten_camere span.titolocamera {text-align: center; float: left; display: block; width: 100%; font-size: 1.5em;padding: 10px 0;text-transform: uppercase;}
#carousel-camere .conten_camere .testosovrapposto span.titolocamera {text-align: center;float: none;position: absolute;top: 20%;min-height: 60px;display: block;width: auto;left: 0;right: 0; font-weight: 500;font-size: 1.8em;text-transform: uppercase;}
#carousel-camere .conten_camere span.datablog {display: block; width: 100%; padding-left: 0; padding-right: 0; margin-top: 5px; color: #9e9e9e;}
#carousel-camere .conten_camere .testosovrapposto{position: absolute; top: 0; left:0px; right: 0px; padding: 10px; height: 100%; color: #fff;text-align: center; background-color: rgba(0,0,0,0.3)}
#carousel-camere .conten_camere .bottonecamera a {color: #ffffff;border: none;background: none;padding: 0px 10px;text-align: center;margin-top: 0;letter-spacing: 0.2em;font-family: poppins, sans-serif;font-size: 0.7em;font-weight: 300;text-transform: uppercase;}
#carousel-camere .conten_camere .bottonecamera a:hover{background-color: #000000;border-color: #ffffff;color: #ffffff;}
#carousel-camere .conten_camere .testosovrapposto .bottonecamera{color: #fff;border: solid 1px #5fbaff;background: #5fbaff;padding: 5px 10px;text-align: center;margin-top: 10px; position: absolute; bottom: 0; left:0; right: 0; font-size: 1.3em;}
#carousel-camere .conten_camere .testosovrapposto .bottonecamera:hover{background-color: #008bd2; border-color:#008bd2;}
#carousel-camere .conten_camere div.mask-anteprimacamera{position: absolute;top: 0;left: 0;right: 0;bottom: 0;opacity: 0;background-color: rgba(33, 60, 104, 0.9);transition: all 0.5s ease;/* height: 50%; */background-color: rgba(40, 145, 206, 0.69);transition: all 0.5s ease;background: rgba(255,255,255,0);background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(46,109,151,0.48) 63%, rgba(9,84,133,0.63) 74%, rgba(22,56,115,1) 100%);background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(63%, rgba(46,109,151,0.48)), color-stop(74%, rgba(9,84,133,0.63)), color-stop(100%, rgba(22,56,115,1)));background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(46,109,151,0.48) 63%, rgba(9,84,133,0.63) 74%, rgba(22,56,115,1) 100%);background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(46,109,151,0.48) 63%, rgba(9,84,133,0.63) 74%, rgba(22,56,115,1) 100%);background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(46,109,151,0.48) 63%, rgba(9,84,133,0.63) 74%, rgba(22,56,115,1) 100%);background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(46,109,151,0.48) 63%, rgba(9,84,133,0.63) 74%, rgba(22,56,115,1) 100%);}
#carousel-camere .conten_camere span.labelhoverimg {color: #fff;position: absolute;left: 50%;font-size: 2.5em;padding: 10px;top: 75%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);font-family: 'Mrs Saint Delafield', cursive;letter-spacing: 0.2em;font-family: 'Catamaran', sans-serif;-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;transition: opacity 0.2s, transform 0.35s;-webkit-transform: translate3d(0,30px,0);transform: translate3d(0,30px,0);text-align: center;width: 100%;left: 0;}
#carousel-camere .conten_camere div.mask-anteprimacamera:hover {opacity: 1;}
#carousel-camere .conten_camere div.mask-anteprimacamera:hover span.labelhoverimg{
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
    -webkit-transition-duration: 0.35s;
    transition-duration: 0.35s;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

#carousel-camere .conten_camere .conten_testo .titolocamera{font-size: 3.8em;text-align: left;padding: 0;font-weight: 100;margin-top: 8%;color: #d1b85f;letter-spacing: 0.15em;font-family: poppins, sans-serif;margin-left: 10%;}
#carousel-camere .conten_camere .conten_testo .testocamera{text-align: left;/* text-align: center; */padding: 10px;/* display: none; */color: #000;margin-left: 10%;margin-right: 10%;width: 80%;}
#carousel-camere .conten_camere .conten_testo .bottonecamera{font-size: 1.4em;margin-top: 0;width: 320px;/* left: 50%; *//* margin-left: -150px; */color: #ffffff;float: left;padding: 13px;background: #000000;margin-left: 11%;margin-top: 23px;display: none;}
#carousel-camere .conten_camere .conten_testo .bottonecamera a:link{text-decoration: none}
#carousel-camere .conten_camere .fianco.conten_testo .titolocamera{font-size: 1.3em; text-align: center; padding: 10px}
#carousel-camere .conten_camere .fianco.conten_testo .testocamera{text-align: left; text-align: center; padding: 10px}
#carousel-camere .conten_camere .fianco.conten_testo .bottonecamera{font-size: 1.3em; margin-top: 10px}
#carousel-camere .conten_camere .fianco.conten_testo .bottonecamera a:link{text-decoration: none}


#page_indexcamere .gruppo-camere .contenuto-camera span.labelhoverimg {padding: 0;left: 49%;font-size: 2em;}
#page_mappa #sezione-titolo h1 {margin-bottom: 20px;} 
#page_indexcamere .camere-index {padding: 30px;}
/*#page_indexcamere .sovrapponi p {
    text-align: center;
    font-weight: 200;
    font-size: 1.4em;
    padding-top: 10px;
    font-family: 'Mrs Saint Delafield', cursive;
    text-transform: capitalize;
    color: #c79b09;
    margin-bottom: -10px;
}*/

#page_indexcamere h6 {
    font-size: 4.5em;
    font-family: 'Mrs Saint Delafield', cursive;
    text-transform: capitalize;
    letter-spacing: 0;
    color: #c79b09;
    text-align: center;
}

/************** RESPONSIVE ******************/
@media (max-width: 1600px){
    #page_indexcamere .gruppo-camere .contenuto-camera .interno-foto h4 {font-size: 2.2em;}
    #page_indexcamere .gruppo-camere .contenuto-camera span.labelhoverimg {/* font-size: 1.3em; */left: 50%;padding: 0;}
    #carousel-camere .conten_camere .conten_testo .titolocamera {font-size: 3.2em;letter-spacing: 0.11em;}
    #page_indexcamere h6 {font-size: 3.5em;}
}
@media (max-width: 1400px){
    #page_indexcamere .gruppo-camere .contenuto-camera .interno-foto h4 {font-size: 2em;}
    #page_indexcamere .gruppo-camere .contenuto-camera span.labelhoverimg {font-size: 1.6em; left: 50%; padding: 0;}
    #carousel-camere .conten_camere .conten_testo .titolocamera {margin-top: 0;font-size: 3em;} 
}
@media (max-width: 1200px){
    #page_indexcamere .gruppo-camere .contenuto-camera .interno-foto h4 {font-size: 1.85em;}
    #carousel-camere .conten_camere span.labelhoverimg {font-size: 4em;}
    #page_indexcamere .gruppo-camere .contenuto-camera span.labelhoverimg {font-size: 1.5em; left: 50%;}
    #page_indexcamere .gruppo-camere .contenuto-camera .bottone_scopri.sovrapponi {font-size: 14px;}
    #carousel-camere .conten_camere .conten_testo .titolocamera {font-size: 2.6em;}
}

@media (max-width: 992px) {
    #carousel-camere .conten_camere .conten_testo .titolocamera {margin-top: 40px;}
    #page_indexcamere .gruppo-camere .contenuto-camera h4.sovrapponi {font-size: 2.5em !important;}
    #page_indexcamere .gruppo-camere .contenuto-camera span.labelhoverimg {font-size: 2.5em;}
}

@media (max-width: 767px){
	#page_indexcamere .gruppo-camere .contenuto-camera .interno-foto h4 {font-size: 1.65em;}
	#page_indexcamere .gruppo-camere .nome-gruppo {font-size: 2em;}
	#page_indexcamere .camere-index {padding-left: 0; padding-right: 0; padding-top: 0;}
    #page_indexcamere .gruppo-camere .contenuto-camera .interno-foto .bottone_scopri {font-size: 1.05em;}
    #carousel-camere .conten_camere span.labelhoverimg {font-size: 3.5em;}
    #page_indexcamere .gruppo-camere .contenuto-camera {    margin-left: 0; margin-right: 0; border-left: none;
    border-right: none;}
    #page_indexcamere .gruppo-camere .contenuto-camera span.labelhoverimg {font-size: 1.3em !important; width: 100% !important;} 
    #page_indexcamere .gruppo-camere .contenuto-camera .bottone_scopri.sovrapponi {font-size: 12px;}
    #page_indexcamere .gruppo-camere .contenuto-camera .bottone_scopri.sovrapponi {width: 84%; margin-left: 8%; margin-right: 8%;}
    #carousel-camere .conten_camere .conten_testo .titolocamera {font-size: 2em;margin-top: 30px;margin-left: 0;text-align: center;}
    #carousel-camere .conten_camere .conten_testo .bottonecamera {margin-left: 0; margin-right: 0; width: 100%;}
    #carousel-camere .conten_camere .conten_testo .testocamera {text-align: center;}
    
}
@media (max-width: 320px){
	#page_indexcamere .gruppo-camere .contenuto-camera .interno-foto .bottone_scopri {font-size: 0.95em;}
    #page_indexcamere .gruppo-camere {padding-left: 10px; padding-right: 10px;}
    #carousel-camere .conten_camere span.labelhoverimg {font-size: 2.2em;}
    #page_indexcamere .gruppo-camere .contenuto-camera span.labelhoverimg {font-size: 1.5em !important; width: 100% !important;}
    #carousel-camere .conten_camere .conten_testo .titolocamera {font-size: 1.6em;}
}