@import url('https://fonts.googleapis.com/css2?family=Tinos&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Mulish&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
/*
#e3004f fuchsia
#e79a14 giallo
*/

body {
    background-color: #ffe5cc;
    margin: 0px 0px 0px 0px;
    font-family: 'Mulish', serif;
    font-size: 18px;
    color: #262015
}

H1, H2, H3, H4, H5, TH, THEAD, TFOOT {
    COLOR: #5B3407;
    font-family: 'Raleway';
}
H1 {
    font-size: 25px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
    color: #5B3407;
    text-align: center;
    margin: 0px 0px 20px 0px;
}
H1 B {
    color: #5B3407;
	font-weight:	normal;
   }

.imgHome
{   
    
    height: auto;
    margin-bottom: 19px;
    width: 32%;
    margin-right:1%;
    
}
		
H2	{	
	font-size:	40px;
	font-weight:	normal;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
    color: #5B3407;
    text-align: center;
    margin: 0px 0px 0px 0px;
	}	
		
H3	{	
	font-size:	23px;
	font-weight:	normal;
	font-style: italic;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
    color: #5B3407;
    text-align: center;
    /*margin-left: 400px;*/
    margin-top: 0px;
	}	
		
H4	{	
	font-size:	23px;
	font-weight:	normal;
	font-style: italic;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
    color: #5B3407;
    text-align: center;
    margin-top: 0px;
	}	
		
H5, DT	{	
	font-size:	1em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}
h5{
    margin-bottom: auto;
}    		
H6	{	
	font-size:	.8em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
    margin-top: -20px;
	}	
		
TFOOT, THEAD	{	
	font-size:	1em;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
TH	{	
	vertical-align:	baseline;
	font-size:	1em;
	font-weight:	bold;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	


A:link	{	
	text-decoration:	none;
	color:	#990014;
	}	
		
A:visited	{	
	text-decoration:	none;
	color:	#990014;
	}		
A:active	{	
	text-decoration:	none;
	color:	#990014;
	}	
    .divLingue
    {
     
        position: absolute;
    top: 15px;
    /* left: 92%; */
    right: 19px;
    }
    .iconL
    {
        height: 27px;
        margin-left: 7px;
    }
A:hover	{	
	text-decoration:	underline;
	color:	#990014;
	}
	  /* Style the input elements and the submit button */
input[type=text], input[type=submit], input[type=email] {
    width: 50%;
    padding: 12px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
    font-size: 19px;
}
SMALL	{	
	font-size:	.7em;
	}	

BIG	{	
	font-size:	1.17em;
	}	

BLOCKQUOTE, PRE	{	
	}	
	

UL {	
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: -10px;
	}	
UL LI	{	
    text-align: justify;
	
    margin-left: 0px;
	}	

UL LI LI	{	
	list-style-type: square;
	}	

UL LI LI LI	{	
	list-style-type:	circle;
	}	
	
OL LI	{	
	list-style-type:	decimal;
	}	

OL OL LI	{	
	list-style-type:	lower-alpha;
	}	

OL OL OL LI	{	
	list-style-type:	lower-roman;
	}	

FORM {
    margin: 0 0 0 0;
}
IMG {
    margin: 0 0 0 0;
    border: 0;
}
th, td { padding: 0px; }

table { border-collapse: collapse; border-spacing: 0; } 

th, td { vertical-align: top; }

table { margin: 0 auto; }

.tblPagina {
    width: 1200px;
}
.tblPagina TD {
    padding: 0px 0px 0px 0px;
    }
.imgLogo {
    margin-top:32px;
    
}

#divLang {    
    top: 5px;
    right: 5px;
    position: fixed;
    z-index: 1002;
    text-align: right;
    
}
#divLangM {    
    top: 5px;
    right: 5px;
    position: fixed;
    z-index: 1002;
    
    display:none;
}
#divLangMobile {
    text-align: center;
}
.dropdown-content a:hover {
    background-color: #a8705d !important;
    
}

#divLang .lang {
    margin-left: 10px;
}

#divLang .social {
    margin-top: 7px;
}
#divLangM .social {
    margin-top: 7px;
}
.imgDiv {
    margin-bottom: 19px;
    width: 19%;
    height: 200px;
    margin-right: 1%;
    overflow: hidden;
    float: left;
    border-radius: 20px;
}

    .imgDiv .imgH {
        width: 100%;
    }

#divMenu {
    background-color: #bd8961;
    /*background-image: url(Img/BGMenu.png);
    background-repeat: repeat-x;*/
    height: 100px;
    width: 100%;
    top: 0px;
    left: 0px;
    position: fixed;
    z-index: 1001;
    text-align: center;
}

    #divMenu .tblPagina {
        width: 1200px;
        /*height: 90px;*/
    }

#divMenu .imgLogo {
    margin-top:32px;
}
.tblMenu {
    margin-top: 67px;
    text-align: right;
    
}
.tblMenu TD {
    padding-left: 15px;
    padding-right: 15px;
    color: #990014;
    font-size: 18px;
}
.tblMenu A {
    color: #232222;
}
.tblMenu A:link {
    color: #232222;
}
.tblMenu A:visited {
    color: #232222;
}
.tblMenu A:hover {
    color: #990014;
    text-decoration: none;
}

.divImg {
    height: 800px;
    width: 100%;
}


/* CAMERA OVERRIDES */

.fluid_container {
    margin: 0px auto;
    max-width: 5000px;
    
}
.newsletterDiv
{   
    margin-top: 5%;
    text-align: center;
    
    
    
}

.formNews
{
    margin-bottom: 4px;   
    color:rgb(91, 52, 7);
    font-family: Tinos, serif;
    width: 20%;
    border-color: black;
    border-radius: 4px;
}
.btnNews

{   
    margin-top:4px;
    font-family: Tinos, serif;
    
    
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #5B3407;
    opacity: 1; /* Firefox */
  }
  
  :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #5B3407;
  }
  
  ::-ms-input-placeholder { /* Microsoft Edge */
    color: #5B3407;
  }

.camera_pag {
    display: none;
    
}

/* END CAMERA OVERRIDES */


/* CAMERA MINI OVERRIDES */
.divImgMini {
    height: 360px;
    width: 100%;
}

.fluid_containerMini {
    margin: 0px auto;
    max-width: 5000px;
    min-width: auto;
}
.fluid_containerMini .camera_fakehover {
    height: 350px;
}

/* END CAMERA OVERRIDES */

.trBody {
    height: 430px;
    vertical-align: top;
}
.trBody P {
    margin-top: 0px;
    }

.trBody IFRAME {
    margin-right: 40px;
    border: solid 1px #990014;
    }

.tblFooter {
    
}
.tdPreFooter {
    padding-top: 5px;
    padding-bottom: 5px;
}
.tdFooter {
    padding-top: 20px;
    padding-bottom: 10px;
}
.tblFooter {
    width: 1200px;
    font-size: 15px;
    color: #262015;
    line-height: 22px;
}
.tblFooter B {
    color: #5B3407;
    font-size: 15px;
    font-weight: bold;
}
.tblFooter A {
    color: #5B3407;
    text-decoration: none;
}
    .tblFooter A:visited {
        color: #5B3407;
        text-decoration: none;
    }
.tblFooter A:hover {
    color: #5B3407;
    text-decoration: underline;
}

.divCamera {
    width: 350px;
    display: inline-block;
    font-size: 17px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 110px;
}

.divCamera:first-child  {
    
}

.divCamera h1 {
    font-size: 25px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.divCamera img {
    border: none;
    border-radius: 20px;
    margin: 0px 0px 0px 0px;
    cursor: pointer;
    width: 330px;
}
    .divCamera div {
        width: 100%;
        height: 300px;
        margin: -10px 0 0 0;
        padding-top: 10px;
        position: relative;
    }
    .divCamera div i {
        font-size: 0.8em;
    }


    .divCamera INPUT {
        background-color: #232222;
        color: #c29f7d;
        border: 0px;
        width: 345px;
        height: 45px;
        bottom: 0px;
        font-size: 22px;
        cursor: pointer;
        outline: none;
        margin-top: 20px;
        font-family: Tinos, serif;
    }
        .divCamera INPUT:hover {
            background-color: #232222;
            opacity: 0.8;
        }

.divPrezzoCamera {
    font-size: 25px;
    text-align: right;
    float: right;
    height: 40px;
    margin-bottom: 20px;
    margin-top: 20px;
    width:100%;
}

.faWidth {
    width: 35px;
    display: inline-block;
    height: 27px;
}

.tdTesto h2 {
    text-align: left;
    margin-bottom: 0px;
    margin-left: -2px;
    line-height: 30px;
}
.tdTesto h1 {
    text-align: left;
    font-size: 15px;
    margin-left: 0px;
    margin-top: 0px;
}


.divMappa {
    height: 450px;
    width: 100%;
}



.tblContatti tr IMG {
    margin-bottom: 30px;
    width: 300px;
}

.tblDintorni {
    text-align: justify;
}

.tblDintorni h1 {
    text-align: left;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 0px;
}

.tblebike h1 {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 0px;
}

.tblDintorni i {
    text-align: right;
    margin-left: 20px;
    font-weight: normal;
}

.tblDintorni tr IMG {
    margin-bottom: 30px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border: 0px;
}

.tblebike tr IMG {
    margin-bottom: 40px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border: 0px;
}

.tblDintorni tr td {
    padding-bottom: 40px;
}

.tblDintorni tr:nth-child(even) IMG {
    float: left;
    margin-right: 20px;
    margin-left: 0px;
}

.tblDintorni tr:nth-child(odd) IMG {
    float: right;
    margin-left: 20px;
    margin-right: 0px;
}

.tdGalleria {
    text-align: justify;
}

.tdGalleria IMG {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border: 0px;
    margin-bottom: 40px;
    margin-right: 0px;
    margin-left: 0px;
	content: "";
	display: inline-block;
    width: 30%;
}

.contattiMobile
   {
     text-align: left; 
   }
   .contattiMobile h1
   {
    text-align: left;
    font-size: 15px;
    margin-left: 0px;
    margin-top: 0px;
   }

.tblCamera {
    text-align: justify;
}

.tblCamera tr IMG {
    margin-bottom: 30px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border: 0px;
    float: right;
    margin-left: 10px;
    margin-right: 0px;
    
}

.tblTariffe {
    text-align: justify;
}

.menuM
{
  font-size:smaller;
  text-align: center;
}

.tblTariffe tr IMG {
    margin-top: 30px;
    margin-bottom: 0px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border: 0px;
    float: right;
    margin-left: 10px;
    margin-right: 0px;
}

.tblTariffe H5 {
    margin-bottom: 10px;
    font-size: 18px;
}
.tblTariffe
  {
      text-align: left;
  }
.tblTariffe UL li {
    margin-left: -10px;
    font-size: 15px;
    text-align: left;
}
.fotoContattiMobile
{
  display: none;
}
.fotoTariffeM
{
  display: none;
}

.ImgContattiWeb
{
    display: none;
}

@media screen and (max-width:850px) {

    .divCamera {
        margin-left: 0;
        display: block;
        width: 100%;
        text-align: center;
        font-size: 2.7vw;
    }

        .divCamera H1 {
            font-size: 3.5vw;
        }

        .divCamera DIV {
            width: 100%;
            display: inline-block;
            height: auto;
        }

        .divCamera img {
            width: 100%;
            max-width: 100%;
        }
}



    @media screen and (max-width:1200px) {
        .divLingue {
            display: none;
        }

        .camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands, .camera_thumbs_cont {
            visibility: hidden;
        }

        #divLangM {
            display: inline;
        }

        .ImgContattiWeb {
            display: block;
        }

        #divLang {
            display: none;
        }

        .tblMenu {
            display: none;
        }

        .tblFooter {
            width: 95%;
            font-size: 17px;
        }

        .tblFooter tr {
            display: inline-grid;
        }

            .tblFooter tr:not(:first-child) {
                text-align: center;
            }

        .imgHome {
            width: 31.5%;
        }

        .tblPagina {
            width: 95%;
        }

        .fluid_containerMini {
            min-width: auto;
        }

        H3 {
            margin-left: auto;
        }


        .imgDiv {
            height: 14vw;
        }

        .tdGalleria IMG {
            width: 49%;
            margin-bottom: 1%;
        }

        .contattiMobile {
            text-align: center !important;
        }

        .fotoContattiWeb {
            display: none;
        }

        .fotoContattiMobile {
            display: block;
        }

        #divMenu .imgLogo {
            margin-left: 10px;
            margin-top: 4.5px;
            height: 65px;
        }

        .tblDintorni {
            text-align: left;
        }

        input[type=text], input[type=submit], input[type=email] {
            width: 100%;
        }

        .allineamentoCamere {
            display: grid;
        }

        .fotoTariffe {
            display: none;
        }

        .spacerTariffe {
            width: 20%;
        }

        .titleTabTariffa {
            text-align: center;
        }

        .tblTariffe {
            width: 100%;
        }

        .cameraSa {
            width: 36%;
        }

        .cameraSi {
            width: 36%;
        }

        .fotoTariffeM {
            display: initial;
            width: 49%;
            float: inherit !important;
            margin-left: 0% !important;
        }

        .bandiere {
            display: inline !important;
        }

        #camS {
            width: 36%;
        }

        #divMenu {
            height: 73px;
        }

        .tblCamera tr IMG {
            margin-top: 35px;
            width: 100%;
        }
    }




    /* Dropdown Button */
    .dropbtn {
        background-color: #262015;
        color: white;
        padding: 16px;
        font-size: 16px;
        border: none;
        cursor: pointer;
    }



        /* Dropdown button on hover & focus */
        .dropbtn:hover, .dropbtn:focus {
            background-color: #990014;
        }

    /* The container <div> - needed to position the dropdown content */
    .dropdown {
        position: relative;
        display: inline-block;
    }

    /* Dropdown Content (Hidden by Default) */
    .dropdown-content {
        display: none;
        position: fixed;
        background-color: #dac4a9;
        box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
        z-index: 1;
        width: 100%;
        margin-top: 73px;
    }

        /* Links inside the dropdown */
        .dropdown-content a {
            color: black;
            padding: 12px 22px;
            text-decoration: none;
            display: block;
            font-size: 15.5px;
        }

            /* Change color of dropdown links on hover */
            .dropdown-content a:hover {
                background-color: #ddd
            }

    /* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
    .show {
        display: block;
    }

    .menuF {
        color: black;
        padding: 12px 22px;
        text-decoration: none;
        display: block;
        font-size: 15.5px;
        color: #990014;
        margin-top: 0%;
        margin-bottom: 0%;
        text-align: center;
    }

    .allineamento {
        text-align: center;
    }

    /*Newsletter*/


    /* Add some padding and a grey background color to containers */
    .containerN {
    }




    /* Style the submit button */
    input[type=submit] {
        background-color: #232222;
        color: #c29f7d;
        border: none;
    }



        input[type=submit]:hover {
            opacity: 0.8;
        }

    /*zoom*/

    /*.zoom 
  {
    
    
    transition: transform .2s; 
   
  }
  
  .zoom:hover {
    transform: scale(1.1); 
  }*/


    .zoom {
        transition: transform 10s, filter 1.5s ease-in-out;
        transform-origin: center center;
    }

        .zoom:hover {
            transform: scale(1.3);
            overflow: hidden;
        }


    .img-hover-zoom {
        height: 300px; /* [1.1] Set it as per your need */
        /* [1.2] Hide the overflowing of child elements */
    }

    .socialI {
        position: absolute;
        width: 26px;
        height: auto;
        top: 75%;
        left: 96%;
    }

    .socialF {
        position: absolute;
        width: 30px;
        height: auto;
        right: 13%;
        top: 51px;
    }

    .langI {
        width: 45%;
        height: 45%;
        position: relative;
        left: -29%;
        top: -1px;
    }

    .langU {
        width: 50%;
        height: 64%;
        position: absolute;
        left: 51%;
        top: -8px
    }


    .langIcon {
        width: 44%;
        height: auto;
        position: absolute;
        left: -10%;
        top: 53px;
    }



    @media screen and (max-width:1290px) {

        .socialI {
            position: absolute;
            width: 26px;
            height: auto;
            top: 24%;
            left: -11%
        }
    }

    @media screen and (max-width:1225px) {
        .menuMobile {
            display: table;
        }
    }

    /*Drop lingue*/
    .dropbtnL {
    }

    /* The container <div> - needed to position the dropdown content */
    .dropdownL {
        display: inline-block;
    }

    /* Dropdown Content (Hidden by Default) */
    .dropdown-contentL {
        display: none;
        top: 33px;
        right: 37px;
        width: 100%;
        position: absolute;
        background-color: #f2d091;
        z-index: 1;
    }

        /* Links inside the dropdown */
        .dropdown-contentL a {
            color: black;
            padding: 14px 8px 3px 8px;
            text-decoration: none;
            display: block;
        }

    /* Change color of dropdown links on hover */
    /*.dropdown-contentL a:hover {background-color: brown;}*/

    /* Show the dropdown menu on hover */
    .dropdownL:hover .dropdown-contentL {
        display: block;
    }

    /* Change the background color of the dropdown button when the dropdown content is shown */
    /*.dropdownL:hover .dropbtnL {transform: scale(1.6)}*/

    @media screen and (min-width:1200px) {
        .show {
            display: none;
        }
    }