﻿body{margin:0; padding:0; font-size:14px; font-family:Arial, sans-serif;}
ul{margin:0;padding:0; list-style-type:none;}
li{float:left; margin:0; padding:0; list-style-type:none;}
p{line-height:20px;}
header{position:fixed; top:40px; z-index:9999; left:0; right:0; width:100%;}
.header{width:1100px; height:80px; margin:0px auto; background-color:#242424; border-radius:20px; -webkit-border-radius:20px;}
.header nav ul li a {padding:10px; border-radius:10px; display:block; margin-right:10px; color:#fff; margin-top:10px; font-size:14px;}
.header nav ul li a:hover, .header nav ul li a:active{text-decoration:none; background-color:#D4A352; color:#fff;}
.header nav ul li a.active{background-color:#D4A352; color:#fff;}
.header div.logo{padding:30px 0 0 20px;}
.header div.logo img{height:20px;}
.contenttitle{margin:30px 0 20px 0;}
.contenttitle h2{position:relative; font-size:20px;}
.contenttitle h2:before{position:absolute; content:''; left:0px; bottom:-10px; border-radius:10px; -webkit-border-radius:10px; width:100px; height:4px; background-color:#f8e797;}
.roombg{width:100%; height:330px; margin-bottom:20px;}
.roombg a{display:block; width:100%; height:100%; border-radius:10px; -webkit-border-radius:10px;}
.roombg a:hover, .roombg a:active{background-color:#f8f8f8; text-decoration:none;}
.roombg .image{width:100%; height:200px; overflow:hidden; border-radius:10px;}
.roombg .image img{width:100%; min-height:200px;}
.roombg a div.title{color:#000; margin-bottom:15px;}  
.roombg .textgri{color:#7d7d7d;}
.roombg .price{font-size:20px; color:#D4A352;}
.filters{width:100%; height:auto; padding:20px 0 0 0; background-color:#000; color:#fff;}
.filters .inputtext{width:100%; height:40px; display:block; line-height:40px; border:1px #D4A352 solid; background-color:#000; color:#fff; margin-bottom:20px;}
.BtnBlack{width:100%; height:35px; line-height:35px; background-color:#000; color:#fff; text-align:center; border:1px #D4A352 solid; display:block;}
.BtnBlack:hover, .BtnBlack:active{background-color:#D4A352; color:#fff; text-decoration:none;}
.headerimage{width:100%; height:160px; background:url(/Content/images/header-top.jpg); background-repeat:no-repeat; background-size:cover;}
footer .icon{width:30px; height:30px; background-color:#fff; margin-right:10px; line-height:30px; text-align:center; color:#D4A352; border-radius:10px; -webkit-border-radius:10px;}
.footermenu ul li{float:none;}
.footermenu ul li a{color:#fff; height:40px; line-height:40px;}
.footermenu ul li a:hover, .footermenu ul li a:active{color:#f1f1f1;}
.sitemaps{width:100%; height:40px; line-height:40px; background-color:#D4A352;}
.sitemaps ul li{float:left; margin-right:10px;}
.sitemaps ul li a,.sitemaps ul li span{color:#fff;}
.sitemaps ul li a:hover,.sitemaps ul li a:active{text-decoration:none; color:#f1f1f1;}

.galerie .image {width:100%; height:250px; overflow:hidden; margin-bottom:30px; border-radius:10px; -webkit-border-radius:10px; position:relative;}
.galerie .image img{width:100%; min-height:250px;}
.galerie .zoom{font-size:30px; position:absolute; left:15px; bottom:15px; color:#fff; opacity:0.5;}

.videos .video{width:100%; height:200px; overflow:hidden; margin-bottom:30px;}
.videos .video iframe{width:100%; height:200px;}
.contact .icon{width:30px; height:30px; color:#fff; background-color:#D4A352; text-align:center; line-height:30px; border-radius:5px; -webkit-border-radius:10px; margin-right:5px;}
.contact .iframe{width:100%; height:300px; border-radius:10px; -webkit-border-radius:10px; overflow:hidden;}
.contact iframe{width:100%; height:300px;}
.contactform{width:100%; height:auto; padding:20px; background-color:#D4A352; color:#fff; border-radius:10px; -webkit-border-radius:10px;}

.rezervationform{width:100%; height:auto; padding:20px; background-color:#D4A352; color:#FFF; border-radius:10px; -webkit-border-radius:10px;}
.roomdetail div.title{width:100%; margin-bottom:20px; height:40px; line-height:40px; background-color:#D4A352; padding-left:10px; border-radius:10px; overflow:hidden; color:#fff;}
.roomdetail div.image{width:100%; height:350px; overflow:hidden; text-align:center; background-color:#fff; border:1px #f8f8f8 solid; margin-bottom:20px; border-radius:10px; -webkit-border-radius:10px;}
.roomdetail div.image img{height:350px; }
.roomdetail div.imagelist ul li{width:17.7%; height:120px; text-align:center; background-color:#fff; margin-bottom:20px; border-radius:10px; -webkit-border-radius:10px; margin-right:20px; overflow:hidden;}
.roomdetail div.imagelist ul li:nth-child(5n+5){margin-right:0px;}
.roomdetail div.imagelist ul li img{height:120px; cursor:pointer;}
.roomdetail div.iframe{width:100%;}
.roomdetail div.iframe iframe{width:100%;}

footer div.logo img{ height:20px; width:auto;}

.about img{width:100%; height:auto;}