/* reset */
html,body,
applet,object,iframe,
h1,h2,h3,h4,h5,h6,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,p,q,s,samp,
small,strike,sub,sup,tt,var,
dd,dl,dt,li,ol,ul,form,label,
table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-size: 100%;
	font-family: inherit;
	outline-style: none;
}
/* basic */
body {
margin: 0px; 
padding: 0px;
text-align: left;
/* font-family: 'Lato', sans-serif; */
font-family: 'Open Sans', sans-serif;
font-size: 15px;
color: rgb(16,16,16); 
background: rgb(255,255,255); 
}
.reset {
clear: both;
line-height: 0px;
height: 0px;
}
img.border {
border: 2px solid rgb(208,208,208);
}
em {
font-style: italic;
}



/* main photo */
#mainphoto {
position: fixed;
width: 100%;
height: 100%;
min-height: 1080px; 
z-index: -1;
background: rgb(235,235,235);
}
.mphoto {
position: absolute;
background-position: center top;
background-repeat: no-repeat;
width: 100%;
height: 100%;
}
#bg1 {
background:  url('../images/bg-1.jpg') no-repeat rgb(255,255,255);
background-position: center top;
} 



/* menu */
.menu-button {
display: none;
}
.menu-env {
margin: 0px  auto 0px 15px;
padding-top: 20px;
width: auto;
height: 25px;
text-align: center;
}
.menu {
position: relative;
margin: auto;
width: 100%;
height: 25px;
color: rgb(175,175,175);
text-align: left;
}
.menu ul {
margin: 0px;
list-style-type: none;
}
.menu li {
float: left;
position: relative;
margin-right: 6%;
}
@media screen and (max-width: 1200px) {
.menu li {
margin-right: 5%;
}
}
@media screen and (max-width: 1060px) {
.menu li {
margin-right: 3%;
}
}
@media screen and (max-width: 880px) {
.menu li {
margin-right: 2%;
}
}
.menu a {
height: 25px;
color: rgb(120,120,120);
text-transform: uppercase;
font-size: 18px;
font-weight: normal;
padding: 10px 0px 16px 0px;
text-align: left;
text-decoration: none;
-webkit-transition: all 0.2s;  -moz-transition: all 0.2s;  -ms-transition: all 0.2s;  -o-transition: all 0.2s;  transition: all 0.2s;
text-shadow: 1px 1px 2px rgb(255,255,255);
}
.menu ul li:hover > a {
text-decoration: underline;
color: rgb(150,150,150);
}
.menu ul li ul {
z-index: 2;
padding: 12px 0px 12px 0px;
position: absolute;
top: -12px;
left: 110px;
width: auto;
background:  url('../images/bg-content.png');
opacity: 0;
filter: alpha(opacity=0);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition: all 0.2s;  -moz-transition: all 0.2s;  -ms-transition: all 0.2s;  -o-transition: all 0.2s;  transition: all 0.2s;
visibility: hidden;
box-shadow: 0px 10px 10px -10px rgb(10,10,10);	
}
.menu ul li ul.lastlink {
right: 0px;
left: auto;
}
.menu ul li ul li {
line-height: 30px;
display: block;
width: 100%;
text-align: left;
}
a.submenu {
white-space: nowrap;
background-image: none;
padding: 0px 18px 0px 18px;
margin: 0px 0px 0px 0px; 
border-right: none;
}
a.submenu:hover {
color: rgb(150,150,150);
text-decoration: underline;
}
a.active {
font-weight: bold;
text-decoration: underline !important;
}
.menu ul li:hover ul {
display: block;
opacity: 1;
filter: alpha(opacity=100);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
visibility: visible;
}



/* content */
.frame-envelope {
position: relative;
}
.envelope {
position: relative;
max-width: 1200px;
min-width: 800px;
height: auto;
margin: 0px auto 0px auto;
}


/* frames */
.left-frame {
position: fixed;
float: left;
width: 220px;
height: 220px;
}
.logo {
position: fixed;
margin: 30px 0px 0px 15px;
width: 180px;
height: 100px;
}
.title-logo img {
max-width: 100%;
height: auto;
}
.right-frame {
position: relative;
float: left;
width: 65%;
margin: 20px auto 20px 230px;
min-height: 600px;
}




/* main content */
.content {
position: relative;
width: 100%;
height: auto;
background:  url('../images/bg-content.png');
}
.main-content {
background: rgb(255,255,255);
color: rgb(100,100,100);
margin: 22px;
padding: 20px;
box-shadow: 0px 0px 15px 0px rgb(140,140,140);
}

.main-content h1  {
font-size: 18px;
font-weight: bold;
color: white;
background: rgb(15,90,105);
display: block;
line-height: 22px;
padding: 8px;
text-transform: uppercase;
margin: 0px 0px 15px 0px;
text-align: left;
}
.main-content h2, .main-content h3  {
font-size: 22px;
font-weight: bold;
color: rgb(100,100,100);
margin: 20px 0px 5px 0px;
text-align: left;
}
.main-content h3  {
font-size: 20px;
font-weight: normal;
color: rgb(15,90,105);
margin: 0px 0px 3px 0px;
text-align: left;
}
h2.pagename {
font-size: 24px;
color: rgb(41,42,93);
}
h3.r-b {
background: rgb(180,200,50);
color: rgb(41,42,93);
padding: 5px;
}
.main-content p {
font-size: 15px;
line-height: 22px;
margin: 5px 0px 20px 0px;
}
.main-content strong {
color: rgb(15,90,105);
}
.main-content h4 {
font-size: 14px;
font-weight: bold;
line-height: 20px;
margin: 5px 0px 0px 0px;
}
.main-content img {
max-width: 100% !important;
height: auto;
}
.main-content a {
color: rgb(100,100,100);
}
.main-content a:hover {
color: rgb(215,60,30);
text-decoration: none;
}
.main-content a:hover img {
opacity: 0.90;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; 
filter: alpha(opacity=90);
}


.main-content ul, .main-content ol {
margin: 5px 0px 20px 0px;
}
.main-content li {
list-style-image: url('../images/li-blue.png');
list-style-position: outside;
margin: 0px 0px 0px 30px;
}
.main-content table {
border-collapse: collapse;
width: 100%;
padding: 5px 0px 5px 0px;
margin-bottom: 20px;
box-shadow: 0px 10px 10px -10px rgb(80,80,80);	
}
.main-content tr td {
padding: 8px;
border-bottom: 1px dotted rgb(150,150,150);
}
.main-content table tr th {
background: rgb(25,140,160);
color: rgb(255,255,255);
padding: 1%;
}
.main-content hr {
height: 1px;
width: 90%;
border: none;
background: url('../images/bg-hr.jpg') repeat-x;
margin: 30px auto 30px auto;
clear: both;
}
tr.byty-param.rezerv td {
background: rgb(195,220,240) !important;
}
tr.byty-param.prod td {
background: rgb(200,200,200) !important;
}
.main-content iframe {
max-width: 100%;
}
.main-content iframe.ifr-byt {
max-width: 100%;
height: 1000px;
}
.blue p, .blue h2, .blue h3, .blue li {
color: rgb(255,255,255);
} 
.blue li {
list-style-image: url('../images/sipka-prava-bila.png');
} 

td.first {
width: 78px;
}
input.submit {
background: rgb(50,128,205);
font-weight: bold;
text-transform: uppercase;
width: 100%;
}
.nopadding {
padding: 1px;
}
.titletr td {
color: white;
background: rgb(23,140,160) !important;
}
.legenda {
width: 100%;
margin-bottom: 30px;
}
.volny, .rezervovan, .prodan {
display: inline-block; 
height: 30px;
line-height: 30px;
border-left: 30px solid rgb(193,240,217);
padding-left: 5px;
padding-right: 20px;
}
.rezervovan {
border-left: 30px solid rgb(195,217,240);
}
.prodan {
border-left: 30px solid rgb(170,170,170);
padding-right: 0px;
}
.vyber {
float: left;
width: 30%;
height: 40px;
margin-bottom: 20px;
}
.vyber select {
width: 60%;
padding: 2%;
background: rgb(41,42,93);
color: rgb(255,255,255);
font-weight: bold;
border: none;
}
.zmenapatra {
float: right;
margin: 0px auto 10px auto;
width: 50%;
height: 40px;
text-align: right;
}
.zmenapatra select {
width: 40%;
padding: 4px 2% 4px 2%;
}
.filtr {
float: right;
margin: 15px auto 10px auto;
width: 33%;
height: 40px;
text-align: right;
}
@media screen and (max-width: 1040px) {
.filtr {
width: 100%;
margin: 0px auto 0px auto;
}
}
.filtr select {
width: 55%;
padding: 4px 2% 4px 2%;
}
.right-link {
text-align: right;
margin-bottom: 10px;
}
.right-link a {
font-weight: normal;
text-decoration: underline;
padding: 8px;
}
.right-link a:hover {
text-decoration: none;
color: rgb(215,60,30);
}
tr.byty-param:hover td {
background: rgb(240,240,240) !important;
}
td.td-first {
width: 270px;
font-weight: bold;
background: rgb(23,138,160) !important;
color: rgb(255,255,255);
}
img.mappedimage {
width: 100%;
height: auto;
}



/* gallery */
.gallery {
margin: 0px auto 10px auto;
width: 100%;
text-align: left;
}
div.gallery-sections {
background: rgb(245,245,245);
border: 1px solid rgb(230,230,230);
padding: 10px;
margin: 0px 0px 20px 0px;
color: rgb(50,90,160);
}
.right {
float: right;
margin-top: -3px;
}
.gallery-sections a {
font-weight: normal;
color: rgb(50,90,160);
text-decoration: underline;
}
.gallery-sections a:hover {
text-decoration: none;
}
.gallery-sections select {
width: 240px;
border: none;
background: rgb(255,255,255);
color: rgb(50,90,160);
padding: 2px;
}
.thumbnails {
margin: 15px auto 0px auto;
text-align: center;
}
.thumbnail {
width: 48%;
float: left;
padding: 3px 1% 3px 1% !important;
margin: 0px 0px 3px 0px;
text-align: left;
}
.thumbnails td {
background: rgb(255,255,255) !important;
}
.thumbnail div.thumb-img {
float: left;
width: 150px;
height: 150px;
}
.thumbnail div.thumb-desc {
width: auto;
}
.thumbnail a h3 {
margin: 0px;
}
.thumbnail a  {
text-decoration: none;
}
.thumbnail a:hover h3, .thumbnail a:hover p {
color: rgb(80,80,80);
}
p.gallery-description {
margin: 10px 0px 15px 0px;
}



/* články */
.articles {
margin: 20px 0px 10px 0px;
padding-top: 20px;
}
.article {
height: auto;
margin: 0px 0px 10px 0px;
clear: both;
}
.article a {
text-decoration: none;
}
.article a p.datum {
margin: 0px;
}
.article a h3 {
margin: 0px;
font-size: 16px;
font-weight: bold;
}
h3.smallh {
padding-top: 5px;
color: rgb(41,42,93);
font-size: 15px !important;
}
.article a:hover h3 {
text-decoration: underline;
}
.article a:hover p {
color: rgb(80,80,80);
}
.article-photo {
float: left;
text-align: left;
width: 200px;
height: auto;
margin: 0px 0px 10px 0px;
}
a .article-photo img {
margin-bottom: 10px;
width: 180px;
height: auto;
}
img.fullwidth {
width: auto !important;
}
.article-text {
height: auto;
}
.article-text p {
margin: 0px:
padding: 0px;
}

.article-link {
text-align: right;
margin-top: 8px;
padding-right: 25px;
background: url('../images/link-more.png') no-repeat;
background-position: right center;
font-size: 13px;
}
.article-link a {
text-decoration: none;
}
.article-link a:hover {
text-decoration: underline;
}
p.archiv-link {
text-align: right;
margin: 20px 25px 0px auto;
}




/* contact form */
.contact-form {
position: relative;
margin: 30px auto 35px auto;
width: auto;
}
.contact-form h3 {
font-size: 20px;
padding-left: 6%;
}
.contact-form p {
padding: 10px 6% 10px 6%;
}
.contact-form input, .contact-form textarea {
width: 98%;
border: 1px dotted rgb(25,140,160);
margin-bottom: 15px;
border-radius: 3px;
padding: 8px 1% 8px 1%;
}
.contact-form img {
text-align: center;
margin-bottom: 15px;
}
.contact-form input.contactformsubmit {
font-weight: bold;
background: rgb(25,140,160);
color: white;
width: 101%;
}
.contact-form-alert {
color: rgb(115,160,40);
margin: 8%;
}
.contact-form-alert2 {
color: rgb(180,45,80);
margin: 8%;
}


/* footer */
.footer {
position: relative;
width: auto;
min-height: 70px;
margin: 0px 22px 22px 22px;
padding: 20px;
}
.footer-text {
text-align: center;
color: rgb(70,70,70);
font-size: 13px;
}
.footer a {
text-decoration: none;
color: rgb(70,70,70);
}
.footer a:hover {
color: rgb(70,70,70);
text-decoration: underline;
}
.footer-text h4 {
font-size: 18px;
font-weight: bold;
}
.footer-text p {
font-size: 15px;
}
.rollicon {
position: fixed;
bottom: 5px;
right: 10px;
z-index: 99;
border: none;
outline: none;
cursor: pointer;
padding: 15px;
border-radius: 10px;
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

.fb {
float: right;
width: 50px;
height: 50px;
margin: 12px 20px 0px 0px;
}