/* ******************************************************************* PARTI COMUNI */
body {
    margin: 1px;
    padding: 0;
    font: 11px Tahoma, Arial, Sans-serif;
    color: #7B7878;
    text-align: center;
    background-color: #E8E6D1;
}

#box {
    width: 980px;
    margin: 0 auto;
    text-align: left;
    position: relative;
    background-color: #fff;
}

#main {
    background: url(sfondo_foto.jpg) no-repeat;
}

#nav {
    position: absolute;
    top: 130px;
    left: 22px;
    width: 210px;
}

#corpo {
    margin-left: 222px;
}

.bigprice {
    font-size: 16px;
}

form {
    margin: 0;
}

input, textarea, select {
    border: 1px solid #8A0A03;
    font: 11px 'Trebuchet MS', Arial, Sans-serif;
    color: B5B4B4;
}

input.no_color {
    border: 0;
}

input.invia {
    background-color: #E8E6D2;
    padding: 1px 17px;
}

/* ******************************************************************* FINE PARTI COMUNI */

/* ******************************************************************* HOMEPAGE */
body#home h1 {
    color: #E8E6D1;
    font: 20px Tahoma, Arial, Sans-serif;
    margin: 0;
    float: right;
    text-align: right;
    line-height: 28px;
    margin-right: 20px;
    display: inline;
}

#foto_home {
    height: 287px;
}

#foto_home img {
    border: 1px solid #8A0A03;
    float: left;
    display: inline;
    margin-left: 4px;
    margin-top: 17px;

}

#home_lingua {
    line-height: 139px;
    color: #8A0A03;
    text-align: center;
}

#home_lingua a:link, #home_lingua a:visited, #home_lingua a:hover, #home_lingua a:active {
    color: #97978F;
    text-decoration: none;
    padding: 0 6px;
}

#home_lingua a:hover {
    text-decoration: underline;
}

/* ******************************************************************* FINE HOMEPAGE */

/* ******************************************************************* TOP */
#logo {
    margin: 5px 0 7px 4px;
}

#lingua {
    float: right;
    color: #8A0A03;
    display: inline;
    margin-right: 11px;
    margin-top: 4px;
}

#lingua a:link, #lingua a:visited, #lingua a:hover, #lingua a:active {
    color: #97978F;
    text-decoration: none;
    padding: 0 6px;
}

#lingua a:hover {
    text-decoration: underline;
}

/* ******************************************************************* FINE TOP */

/* ******************************************************************* MENU */
#menu {
    padding: 0;
    margin: 0;
    list-style: none;
    height: 260px;
}

#menu li {
    float: left;
    width: 180px;
}

#menu a:link, #menu a:visited, #menu a:hover, #menu a:active {
    display: block;
    width: 165px;
    padding-left: 15px;
    text-decoration: none;
    line-height: 24px;
    color: #97978F;
    background: url(sfondo_menu.gif) no-repeat center left;
}

#menu a:hover {
    background-image: url(sfondo_menux.gif);
}

#menu a.evid:link, #menu a.evid:visited, #menu a.evid:hover, #menu a.evid:active {
    background-image: url(sfondo_menux.gif);
}

/* ******************************************************************* FINE MENU */

/* ******************************************************************* SOTTO MENU */
#sotto_menu {
    padding: 0;
    margin: 10px 0 0 0;
    list-style: none;
}

#sotto_menu li {
    float: left;
    width: 180px;
}

#sotto_menu a:link, #sotto_menu a:visited, #sotto_menu a:hover, #sotto_menu a:active {
    display: block;
    width: 180px;
    text-decoration: none;
    line-height: 24px;
    color: #97978F;
}

#sotto_menu a:hover {
    font-weight: bold;
}

#sotto_menu a.evid:link, #sotto_menu a.evid:visited, #sotto_menu a.evid:hover, #sotto_menu a.evid:active {
    font-weight: bold;
}

#sotto_menu.appartamenti a:link, #sotto_menu.appartamenti a:visited, #sotto_menu.appartamenti a:hover, #sotto_menu.appartamenti a:active {
    line-height: 16px;
}

/* ******************************************************************* FINE SOTTO MENU */

/* ******************************************************************* FOTO */
#foto {
    padding-top: 17px;
}

#foto img {
    border: 1px solid #8A0A03;
    display: block;
    margin-bottom: 7px;
    object-fit: cover;
}

#foto #foto_main {
    display: block;
    margin-left: 7px;
}

#foto #gallery, #foto #piantina {
    float: right;
    width: 201px;
    display: inline;
    margin-right: 22px;
}

#foto #gallery_app {
    position: absolute;
    top: 64px;
    right: 232px;
}

#foto #gallery_app img {
    float: left;
    display: inline;
    margin-left: 5px;
}

#gallery_app #script_foto {
    float: left;
    color: #8A0A03;
    padding-top: 24px;
}

#piant_ingrandimento {
    position: absolute;
    top: 40px;
    left: 250px;
    z-index: 5;
}

/* ******************************************************************* FINE FOTO */

/* ******************************************************************* TESTO */
#text, #text_xl {
    line-height: 18px;
}

#text h1, #text_xl h1 {
    color: #8A0A03;
    font-size: 13px;
    margin: 0;
    padding: 30px 0 8px 0;
}

#text_xl {
    padding: 17px 0px 12px 0px;
    width: 738px;
}

#text_xl h1 {
    padding-top: 0;
}

#text_xl #sfondo {
    background-color: #fff;
    padding: 13px 7px;
}

#text #scroll {
    overflow: auto;
    height: 107px;
    margin-bottom: 12px;
    margin-right: 22px;
    padding-right: 7px;
    scrollbar-face-color: #fff;
    scrollbar-arrow-color: #A52129;
    scrollbar-base-color: #fff;
    scrollbar-shadow-color: #A52129;
    scrollbar-dark-shadow-color: #A52129;
    scrollbar-highlight-color: #fff;
    scrollbar-3d-light-color: #fff;
}

#text_xl #scroll {
    overflow: auto;
    height: 372px;
    margin-bottom: 0;
    margin-right: 0;
    padding-right: 7px;
    scrollbar-face-color: #fff;
    scrollbar-arrow-color: #A52129;
    scrollbar-base-color: #fff;
    scrollbar-shadow-color: #A52129;
    scrollbar-dark-shadow-color: #A52129;
    scrollbar-highlight-color: #fff;
    scrollbar-3d-light-color: #fff;
}

#text a:link, #text a:visited, #text a:hover, #text a:active, #text_xl a:link, #text_xl a:visited, #text_xl a:hover, #text_xl a:active {
    color: #7B7878;
}

#text a:hover, #text_xl a:hover {
    text-decoration: none;
}

/* ******************************************************************* FINE TESTO */

/* ******************************************************************* INDIRIZZO */
address {
    background-color: #E8E6D1;
    font-style: normal;
    text-align: center;
    padding-top: 2px;
    line-height: 20px;
    color: #A13B35;
    position: relative;

}

address a:link, address a:visited, address a:hover, address a:active {
    color: #A13B35;
}

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

address a.copyright:link, address a.copyright:visited, address a.copyright:hover, address a.copyright:active {
    position: absolute;
    right: 3px;
    bottom: 1px;
    text-decoration: none;
}

/* ******************************************************************* FINE INDIRIZZO */

/* ******************************************************************* RICHIESTA */

#richiesta {
    margin: 0px;
}

#richiesta .titoloform {
    padding-top: 8px;
    border-bottom: 3px solid #E8E6D2;
    font-weight: bold;
}

input.no_color {
    border: 0;
}

input.red, select.red, textarea.red, select.red {
    border: 1px solid #eb3426;
}

#ris_form {
    display: none;
    margin: 3px 3px 3px 0;
    border: 2px solid #eb3426;
    color: #000;
    padding: 7px 16px;
}

#ris_form p {
    margin: 2px 0;
}

/* ******************************************************************* FINE RICHIESTA */

/* ******************************************************************* GOOGLE MAP */
#map {
    width: 517px;
    height: 252px;
    margin: 0;
    border: 1px solid #000000;
}

/* ******************************************************************* FINE GOOGLE MAP */

/* ******************************************************************* ROUTENPLANER MAP24 */
#routenplaner {
    float: right;
    width: 190px;
    display: inline;
    margin-right: 22px;
}

#routenplaner form {
    margin: 0;
    padding: 0;
}

#routenplaner input, #routenplaner select {
    font: 11px Tahoma, Arial, Sans-serif;
    border: 1px solid #A39B84;
    width: 190px;
}

/* ******************************************************************* FINE ROUTENPLANER MAP24 */

.anfahrtsbeschreibung {
    font-weight: bold !important;
    line-height: 35px !important;
    color: #8A0A03 !important;
    text-decoration: none !important;
}

.anfahrtsbeschreibung:hover {
    text-decoration: underline !important;
}

.quickbooking-link {
    position: absolute;
    top: 511px;
    left: 10px;
    background-color: #8A0A03;
    color: #fff;
}

.quickbooking-link a {
    color: #fff;
    display: block;
    padding: 9px 10px;
    width: 170px;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none;
    font-size: 1.3em;
}

/* alteaForm ------------------------------------------------------------------------------- */
.alteaForm {
    display: flex;
    flex-wrap: wrap;
}

.alteaForm .titoloform,
.alteaForm .form-row {
    width: 100%;
    margin: 1rem 0;
}

.alteaForm .inputs,
.alteaForm .textarea {
    width: 50%;
}

.alteaForm .input-ct input,
.alteaForm .textarea-ct textarea,
.alteaForm .input-ct select {
    width: 75%;
    margin: 0.5rem 1rem 0 0;
    padding: 1px 2px;
}

.alteaForm .input-ct {
    display: flex;
    justify-content: space-between;
}

.alteaForm .form-row.submit {
    display: flex;
    justify-content: space-around;
}

.alteaForm .form-row.submit .btn-ct button {
    border: 1px solid #8A0A03;
}

.alteaForm .form-row.errorMessages {
    display: none;
}

.alteaForm .form-row.errorMessages.active {
    display: block;
    padding: 0 1rem;
    border: 1px solid #8A0A03;
    color: #8A0A03;

}

.alteaForm .form-row.errorMessages.active ul {
}

/*.alteaForm .form-row.errorMessages.active ul li {*/
/*	color: #8A0A03;*/
/*}*/

#alteaForm .btn-outline {
    background-color: #8a0a03 !important;
}


.swiper {
	margin:0;
}

.swiper-wrapper {
    height: fit-content;
}
.swiper-container-wrapper {
	display: flex;
	/*gap: 10px;*/
	width: 100%;
	height: 252px;
	padding-top: 15px;
}

.mySwiper2 {
	width: 70%;
	height: 252px;
}

.mySwiper {
	width: 20%;
	height: 252px;
}



.mySwiper .swiper-slide {
	height: auto;
	width: 100%;
	margin-bottom: 8px !important;

	opacity: 1;
	cursor: pointer;
}

.mySwiper .swiper-slide-thumb-active {
	opacity: 1;
}
.swiper-thumbs img{
	max-height:78px;
}
.mySwiper2 {
/*	max-width: 517px;*/
    width: 77%;
}
.mySwiper2 img {
/*	max-height:252px;
	max-width: 517px;*/
    max-height: 246px;
    max-width: 560px;
}
.swiper-slide img {
	width: 98%;
	height: 100%;
	border: 1px solid #8A0A03;
	object-fit: cover;
	display: block;
}

.hide-thumb {
	display:none !important;
}