/* 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: '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: absolute;
width: 100%;
height: 100%;
min-height: 800px; 
z-index: -1;
}
.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;
}  
/*
#index2 {
background:  url('../images/bg-title-2.jpg') no-repeat rgb(255,255,255);
background-position: center top;
} 
*/





/* menu */
.menu-button a {
position: relative;
display: block;
text-align: center;
color: rgb(255,255,255);
text-decoration: none;
font-size: 1.3em;
font-weight: bold;
text-transform: uppercase;
padding: 7px 0px 7px 0px;
background: rgb(15,90,105);
box-shadow: 0px 10px 10px -10px rgb(50,50,50);
}
.menu {
position: absolute;
margin: 0px;
width: 100%;
height: auto;
background: rgb(230,230,230);
box-shadow: 0px 10px 10px -10px rgb(50,50,50);
display: none; 
z-index: 200;
}
.menu a {
display: block;
text-align: center;
height: auto;
width: 100%;
font-weight: bold;
text-transform: uppercase;
line-height: 36px;
margin: 0px 0px 0px 0px;
padding: 0px;
color: rgb(15,90,105);
background: rgb(230,230,230);
border-bottom: 1px dotted rgb(15,90,105);
text-decoration: none; 
}
.menu a.submenu {
font-weight: normal !important;
}
ul#o-projektu {
display: none;
}
.menu-separator {
display: none;
}


/* content */
.frame-envelope {
position: relative;
}
.envelope {
position: relative;
width: 100%;
min-width: 320px;
height: auto;
margin: 0px auto 0px auto;
}


/* frames */
.left-frame {
position: relative;
width: 100%;
height: 90px;
text-align: center;
}
.logo {
position: relative;
margin: 20px auto 0px auto;
width: 180px;
height: 100px;
}
.title-logo img {
max-width: 100%;
height: auto;
}
.right-frame {
position: relative;
float: left;
width: 100%;
margin: 20px auto 20px auto;
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 {
display: none;
}
.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: 100%;
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: 200px;
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: 98%;
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: 0px;
right: 5px;
z-index: 99;
border: none;
outline: none;
cursor: pointer;
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
.rollicon a img {
margin: 0px;
padding: 0px;
}

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