/* Site settings */
body {background-color:#ffffff;font-family:Arial,sans-serif;font-size:13px;font-weight:normal;font-style:normal;text-decoration:none;color:#000000;letter-spacing:0em;
    background-image: url('1.png');
    background-position: top;
    background-repeat: no-repeat;

}
a {text-decoration:underline;}
a:link {color:#46756B; cursor:pointer;}
a:visited {color:#46756B;}
a:hover {color:#46756B;}
a * {color:#46756B;text-decoration:underline;}
sup {font-size:0.7em; vertical-align: 0.3em;}
sub {font-size:0.7em;}
.xr_tl {position: absolute; white-space: pre; unicode-bidi:bidi-override;}
.xr_tr {position: absolute; white-space: pre; unicode-bidi:bidi-override; text-align:right;}
.xr_tc {unicode-bidi:bidi-override; text-align:center;}
.xr_tj {position: absolute; unicode-bidi:bidi-override; text-align:justify;}

.xr_tb {position: absolute; unicode-bidi:bidi-override;}
.xr_tu {unicode-bidi:bidi-override;margin-top:0px;margin-bottom:0px;}



@media only screen and ( max-width: 62.5em ) /* 1000 */
{
    .gmap {
        width:70% !important;
    }
	.leftdiv {
		text-align:center;
		height: auto;
		width:560px !important;
		overflow: auto;
		display: inline-block !important;
		padding: 0px !important;
	}
	.singlediv {
		padding-left:12px !important;
		padding-right:12px !important;
	}
	img.smaller { height: 100px;}

}

@media only screen and ( max-width: 40em ) /* 640 */
{
    .gmap {
        width:auto !important;
    }

    .presentation img {
        width: 100%;
    }
	
	.leftdiv {
		text-align:center;
		height: auto;
		width:100% !important;
		overflow: auto;
		display: inline-block !important;
		padding: 0px !important;
	}
	.singlediv {
		padding-left:12px !important;
		padding-right:12px !important;
	}
}

/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
    div.maindiv {
        width: auto;
        height: 701px;
    }
	div.prices {
		height: 400px;
		width: 544px;
		overflow-y: scroll;
	}
	
}

/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
    div.maindiv {
        width: auto;
        height: 701px;
    }
	div.prices {	
		height: 400px;
		width: 544px;
		overflow-y: scroll;
	}
}
div.maindiv {
    width: auto;
    height: 701px;
}

div.title {
    min-height: 120px;
    width: auto;
    text-align: center;
}


div.menu1 {
    max-width: 700px;
    /* Set the margin-left and margin-right automatically set */
    display: inline-block;
    height: 26px;
    z-index: 1000;
    overflow: auto;
}

.menulink {
    text-decoration:none;
    height:16px;
    border:1px solid gray;
    width:95px;
    background: linear-gradient(0deg, #49776D, #F2F5F4);
    text-align: center;
    padding: 4px;
    color: #376158;
    font-weight: bold;
    float: left;
}
div.menulink a {
    text-decoration:none;padding: 4px;height:16px;width:95px;
}
div.menulink a:visited {
    color: #376158;
}

div.menulink:hover {
    cursor: pointer;
    text-decoration:none;
    height:16px;
    border:1px solid gray;
    width:95px;
    background: linear-gradient(0deg, #E0F4F2, #66C1B8);
    text-align: center;
    padding: 4px;
    color: #376158;
    font-weight: bold;
    float: left;
}


div.presentation {
    text-align: center;width: auto;padding-top: 30px;
}


div.middle{
    text-align: center;width: auto;margin-top: 30px;
    overflow: hidden;
}
div.hoverimg {
    text-align: center; width: auto; height:auto;
    overflow: hidden;
}
div.ahref{
    display: inline-block;
}

#a1,#a2,#a3,#a4,#a5,#a6,#a7,#a8,#a9,#a10,#a11,#a12,#a13,#a14,#a15,#a16,#a17,#a18 {
    cursor:pointer;
    height: 98px;
    width: 98px;
}

#a1       { background-image: url('3.jpg'); }
#a1:hover { background-image: url('20.jpg'); }
#a2       { background-image: url('4.jpg'); }
#a2:hover { background-image: url('23.jpg'); }
#a3       { background-image: url('5.jpg'); }
#a3:hover { background-image: url('21.jpg'); }
#a4       { background-image: url('6.jpg'); }
#a4:hover { background-image: url('22.jpg'); }

#a5       { background-image: url('34.jpg'); }
#a5:hover { background-image: url('50.jpg'); }
#a6       { background-image: url('38.jpg'); }
#a6:hover { background-image: url('55.jpg'); }
#a7       { background-image: url('37.jpg'); }
#a7:hover { background-image: url('54.jpg'); }
#a8       { background-image: url('40.jpg'); }
#a8:hover { background-image: url('57.jpg'); }
#a9       { background-image: url('36.jpg'); }
#a9:hover { background-image: url('53.jpg'); }
#a10      { background-image: url('39.jpg'); }
#a10:hover{ background-image: url('56.jpg'); }
#a11      { background-image: url('35.jpg'); }
#a11:hover{ background-image: url('52.jpg'); }
#a12      { background-image: url('13.jpg'); }
#a12:hover{ background-image: url('51.jpg'); }

#a13      { background-image: url('239.png'); }
#a13:hover{ background-image: url('251.png'); }
#a14      { background-image: url('237.png'); }
#a14:hover{ background-image: url('249.png'); }
#a15      { background-image: url('236.png'); }
#a15:hover{ background-image: url('248.png'); }
#a16      { background-image: url('240.png'); }
#a16:hover{ background-image: url('252.png'); }
#a17      { background-image: url('235.png'); }
#a17:hover{ background-image: url('247.png'); }
#a18      { background-image: url('238.png'); }
#a18:hover{ background-image: url('250.png'); }


div.copyright {
    text-align: center;
    width: auto;
    height: 32px;
    background-image: url('11.png');
    background-position: top;
    background-repeat: no-repeat;
}

.gmap {
    width: 49%;
}

table.prices td {
    border-bottom: 1px solid gray;
    padding: 6px;
}

.gradient {
    background: linear-gradient(120deg, orange, white);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    color: #0a6b44;
}

.rgradient {
    background: linear-gradient(120deg, #fff1b8, #fed22f);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    color: #0a6b44;
}

.sectiontitle {
    background: linear-gradient(90deg, #E0F4F2, #66C1B8);
    padding: 10px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    font-size: 16px;
    text-transform: uppercase;
    width:100%;
    display: inline-block;
    max-width:800px;
    text-align: left;
    color: #49776D;
    margin-bottom: 8px;
}

.xr_s1 p {
    padding: 8px;
    color: #0a6b44;
}


.leftdiv {
	text-align:center;
	padding-left:2px;
	padding-right:2px;
	height: auto;
	width:250px;
	display: inline-block;
	overflow: auto;
}