@font-face {
  font-family: 'MYRIADPRO-COND';
  src: url('MYRIADPRO-COND.eot?') format('eot'), url('MYRIADPRO-COND.woff') format('woff'), url('MYRIADPRO-COND.ttf') format('truetype');
}
.error{display:none}
.field-field-img .field-item {float:left; margin:0 1% 1% 0; }
.field-field-img .field-item img{border:3px solid #fff;width:100%;margin:0 1% 1% 0; }
a{text-decoration:none; color:#000;}
body{

				width: 100%;
				margin: 0 auto;
				position: relative;
				font-size: 90%;	
			font-family: 'Sarala', sans-serif;
				color: #000;
				font-size: 100%;
				line-height: initial;	
			}
.bord img{border:2px solid #fff; border-radius:3px; width:100%}
ul#nice-menu-1 li {background: rgba(254, 254, 254, 0.5);}
ul#nice-menu-1 li a:hover, ul#nice-menu-1 li a.active{background: rgba(53, 136, 200, 0.5);}
#bg {
  position: fixed; 
  top: 0; 
  left: 0; 

  /* Preserve aspet ratio */
  min-width: 100%;
  min-height: 100%;
  
}
.left{float:left;}
.right, .fright{float:right;}
.fright{padding-top:40px; width:20%}
.fright img{width:100%;}
.clear{clear:both;}
.logo{float:left; width:27%; margin-top:0.5%;margin-right: 1%;margin-left: 4%; }
.logo img{width:100%; display:block}
nav{font-family: 'Oswald', sans-serif; margin-top:25px;float:right; width:auto;background: rgba(254, 254, 254, 0.5); }
.rez{position:absolute; right:3%; top:60%; width:20%;}
nav li {float:left;padding:5px;}
nav li a{font-size:115%; text-transform:uppercase; padding:5px 6px;}
nav li a:hover, nav li a.active{background: rgba(85, 48, 31, 0.5);padding:5px 6px; color:#fff}
header{height: 120px;
z-index: 999;
width: 100%;
position: relative;
background: transparent url("../images/header.png") repeat-x scroll left bottom;
top: 0px;}

h1{font-size:215%;line-height: 140%; font-weight:400; width:60%; float:left; color:#55301f; margin:5px 0;}
h2, h2.title{font-size:180%; font-weight:300; width:100%; color:#5f3a2a; margin-top:0; border-bottom:1px solid #5f3a2a}
h2.title{margin-top:15px;font-weight:500; }
#navi{width:40%; float:left; font-size:80%;display:none }

#navi a, section a{
color:#09458e;}

.webform-client-form label{font-size:110%; font-weight:400;}
input, select, textarea{background: rgba(246, 242, 208, 0.5);border:1px solid #fff }
.webform-client-form input, textarea{width:95%}

input[type=submit] {background:#80523c; color:#fff;border:0 none;padding:5px;
cursor:pointer;width:auto; margin:auto;
-webkit-border-radius: 5px;
border-radius: 5px; }
#wrapper{position:relative; top:-23px; }


section{float:left; width:70%;padding-bottom:80px;}
aside{float:left; font-size:107%; width:25%; margin-right:4%;padding-bottom:80px;}

.aparta{float:left; width:37%; margin:0 3% 3% 0;}
.aparta img{width:100%; border:2px solid #fff; border-radius:3px;}


footer{background:url(../images/footer.png) repeat-x;width:100%; position:fixed; bottom:0px; height:auto;z-index: 99;}
footer .left{width:60%;padding-top:30px;}

#footer_menu li{margin-right:5px; font-size:80%;}
#google_translate_element{float:left; width:auto}

table{width:100%}
table tr{border-bottom:1px solid #48230a; }
tr td.ap{background: rgba(53, 136, 200, 0.5); font-size:120%;}
.wrap, #wrapper{margin:auto; width:75%}
			.responsive {
				max-width: 100%;
				height: auto;
				display: block;
			}
	    .rozmtext {
	    	font-size:95%;

	    }

 .google-maps {
position: relative;
padding-bottom: 45%; 
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}	
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  margin-bottom:1px;
  z-index:9;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 96%;
  left:2%;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }
.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  z-index:1;
  }
ul.rslides1_tabs	{list-style:none;margin:auto;}
ul.rslides1_tabs	li{float:left; margin-right:5px;}
	
	hr{border:none;border-top:1px solid #333}
	
	@media screen and (min-width: 1650px){
header {  height: 125px;}
.logo{width:25%; margin-top:0%; }
nav li a {
    font-size: 122%;
    padding: 5px 9px;}
    nav{margin-top:28px  }
	}	
		
@media all and (min-width:1050px) and (max-width:1450px) {
header {   height: 110px;}
#wrapper, .wrap { width:85%}
nav li a{font-size:105%; }
.logo { width: 25%; }
}		
	
@media all and (min-width:840px) and (max-width:1050px) {
header {    height: 108px;}
#wrapper, .wrap { width:94%}
nav li a{font-size:95%; }
.logo { width: 28%; margin-top:1%; margin-left:0%;}
}	
	
@media all and (min-width:620px) and (max-width:840px) {.rozmtext {font-size:10px;}
header {     height: 100px;}
#wrapper, .wrap { width:92%}
nav li a{font-size:105%; padding:5px;}
.logo { width: 25%;margin-top:2%; margin-left:1%;}
.field-field-img .field-item {width:48%; height:100%}
#footer_menu{font-size:11px;}
}
@media all and (max-width:700px) {.rozmtext {font-size:9px;}}
/* Media Queries */
@media screen and (max-width: 620px) {
.rozmtext {font-size:12px;}
header{    left: 0%;
	background:none;
    position: relative;
    top: 0%;
	padding-top:10px;
    z-index: 999;}
footer{background:none; position:relative;}
nav {
   left: 1px;
    position: relative;
    text-transform: uppercase;
    top: 38px;
    width: 100%;
    z-index: 1;
	padding:0px;
	border:none;
}
.p1{padding:10px 10px 20px 10px; position:relative; top:10px;background-color:#fff; }
		.logo {
		width:60%;
		float:none;
		margin:auto;
		position:relative;
		padding-top:15px;
		padding-bottom:5px;
	}
	nav, aside{
		float: left;
		clear: left;
		width: 100%;

		}	aside{
		padding-bottom:5px;
		margin:auto; width:100%; float:none; text-align:center;
		}	
		section{
    float: left;
    font-size: 85%;
    margin-left: 3%;
    text-align: justify;
    width: 95%;
			margin-top:0%;
			padding-bottom:5px;
}
.rez{display:none;}
	h2.title {
    margin-top: 10px;}
		nav li {
		
			border-bottom: 1px solid #FFFFFF;
			display: block;
			width: 100%;padding:0;
			}
			nav {
   left: 0px;
    position: static;
    text-transform: uppercase;
    top: 38px;
    width: 100%;
    z-index: 1;
}
.fright {
    padding-top: 35px; width:25%;}
#footer_menu{font-size:11px;}
.field-field-img .field-item {float:none;  width:100%; height:100%}
.field-field-img .field-item img {height:auto;margin:0 0 1% 0;}
ul#nice-menu-1 li {width:100%;}
#wrapper, .wrap {top:0%; width:95%}
		nav a {
				display: block;
				padding: 5px;
				text-align: center;
				}	
		nav li a{padding:10px 12px;font-size:14pt; }
		nav li a:hover,nav li a.active, nav li.active-trail a{padding:10px 12px;}
		nav  .block-edit-link ul li a{color:#444}
	h1{padding:10px 0;margin:auto;float:none; width:100%; text-align:center}	
	
	.kontakt {display:none;}
 


}