/* 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-size: 15px;
color: rgb(16,16,16); 
background: url('../images/bg.jpg');
}
.reset {
clear: both;
line-height: 0px;
height: 0px;
}
img.border {
border: 2px solid rgb(208,208,208);
}
em {
font-style: italic;
}
.width-hack {
visibility: hidden;
overflow: hidden;
height: 1px;
}



/* envelope */
.frame-envelope {
position: relative;
}
.envelope {
position: relative;
max-width: 1150px;
min-width: 750px;
min-height: 800px;
margin: 0px auto 20px auto;
background: white;
padding: 10px;
box-shadow: 0px 0px 15px 0px rgb(50,50,50);
}


/* head */
.head {
position: relative;
text-align: left;
width: 100%;
height: 110px;
margin: 0px auto 0px auto;
background: rgb(180,200,50);
border: 1px solid rgb(180,200,50);
}

h1 {
color: rgb(40,40,95);
text-transform: uppercase;
font-size: 36px;
margin: 12px auto 10px 20px;
}
h2 {
color: rgb(40,40,95);
font-size: 26px;
font-weight: normal;
text-align: center;
}

.logo {
position: absolute;
top: 10px;
right: 10px;
width: 215px;
height: 197px;
z-index: 500;
}
.logo.notitle {
width: 175px;
height: 160px;
}
.logo.notitle img {
width: 175px;
height: 160px;
}










/* obsah */
.content {
position: relative;
text-align: left;
background: url('../images/bg-content-others.jpg') no-repeat rgb(208,202,188);
min-height: 700px;
width: 100%;
margin: 10px auto 0px auto;
border: 1px solid white;
}
.content.title {
background: url('../images/bg-content-title.jpg') no-repeat rgb(180,200,50);
/*background-attachment: fixed;
background-position: center 90px;
*/
}



/* menu */
.menu-button {
display: none;
}
.menu {
position: absolute;
float: left;
width: 160px;
margin: 35px;
/* background: url('../images/bg-menu.png'); */
padding: 10px 0px 10px 10px;
}
.menu a {
height: 32px;
width: auto;
line-height: 32px;
margin: 0;
padding: 3px;
text-decoration: none;
color: rgb(50,50,100);
border-bottom: 1px solid rgb(50,50,100);
font-size: 18px;
text-transform: uppercase;
}
.menu a.sublink {
height: 32px;
width: auto;
line-height: 32px;
margin: 0;
padding: 3px;
text-decoration: none;
color: rgb(50,50,50);
border-bottom: 1px solid rgb(50,50,100);
font-size: 18px;
text-transform: uppercase;
z-index: 100;
}
.menu a:hover {
background: rgb(41,42,93);
color: white;
}
.menu a.active {
font-weight: bold;
}
ul#hlavniMenu {
width: 130px;
z-index: 100;
}
ul#hlavniMenu {
padding:0;
margin:0;
list-style-type:none;
z-index: 100;
}
ul#hlavniMenu ul {
position:absolute;
top:0;
left: 130px;
width: 155px;
visibility: hidden;
list-style-type: none;
z-index: 100;
background: url('../images/bg-menu.png');
padding: 10px; 
}
ul#hlavniMenu li {
position:relative;
width:auto;
z-index: 100;
}
ul#hlavniMenu li:hover ul, ul#hlavniMenu li:hover ul {
visibility:visible;
}



.content-container {
position: relative;
float: left;
width: auto;
margin-left: 180px;
}
.mid-box {
float: left;
width: 50%;
height: 550px;
overflow: auto; 
background: url('../images/bg-text-content.png');
margin: 60px 0px 0px 70px;
border-right: 5px solid rgb(180,200,50);
box-shadow: 5px 2px 8px 0px rgb(100,100,100);
}
.arrow {
position: absolute;
display: block;
width: 77px;
height: 59px;
background: url('../images/bg-box-arrow.png');
top: 60px;
left: 0px;
}
.right-box {
float: left;
width: 30%;
height: 550px;
overflow: auto; 
background: url('../images/bg-text-content.png');
margin: 60px 0px 0px 30px;
border-right: 5px solid rgb(180,200,50);
box-shadow: 5px 2px 8px 0px rgb(100,100,100);
}
.wide-box {
float: left;
width: 85%;
min-height: 400px;
background: url('../images/bg-text-content.png');
margin: 60px 0px 30px 70px;
border-right: 5px solid rgb(180,200,50);
box-shadow: 5px 2px 8px 0px rgb(100,100,100);
}




.title-text-triangle {
position: relative;
float: right;
display: block;
margin: 110px 20px auto auto;
background: url('../images/bg-text-triangle-title.png') no-repeat;
background-position: top right;
width: 487px;
}
.title-text {
position: relative;
display: block;
background: url('../images/bg-text-title.png') repeat-y;
width: 370px;
padding-right: 30px;
min-height: 200px;
margin-top: 11px;
}
.akcnicena {
position: relative;
width: 285px;
height: 285px;
float: right;
margin-top: -10px;
background: url('../images/akce.png') no-repeat;
}
.akcnicena-2etapa a {
position: relative;
width: 200px;
height: 200px;
float: right;
margin-top: -10px;
background: url('../images/akce-2etapa.png?upd=1234') no-repeat;
text-decoration: none;
}
.akcnicena-1etapa a {
position: relative;
width: 200px;
height: 200px;
float: right;
margin-top: -10px;
background: url('../images/akce1etapa.png?upd=1234') no-repeat;
text-decoration: none;
}






/* main content */
.main-content {
color: rgb(40,40,92);
padding: 25px;
}
.right-box .main-content {
padding: 25px 10% 25px 10%;
}
.main-content h2, .main-content h3  {
font-size: 20px;
font-weight: bold;
color: rgb(180,200,50);
margin: 0px 0px 15px 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: 16px;
line-height: 22px;
margin: 5px 0px 20px 0px;
}
.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(40,40,92);
}

.main-content a:hover {
color: rgb(50,50,50);
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 table tr td {
}
.main-content table tr th {
background: rgb(41,42,93);
color: rgb(255,255,255);
padding: 1%;
}

.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: separate;
border-spacing: 1px 1px;
width: 100%;
padding: 5px 0px 5px 0px;
margin-bottom: 20px;
}
.main-content tr td {
background: rgb(240,240,240);
padding: 8px;
}
.main-content hr {
height: 2px;
width: 70%;
border: none;
background: url('../images/bg-hr.jpg') repeat-x;
margin: 30px 0px 30px 0px;
clear: both;
}
.main-content iframe {
max-width: 100%;
}
.blue p, .blue h2, .blue h3, .blue li {
color: rgb(255,255,255);
} 
.blue li {
list-style-image: url('../images/sipka-prava-bila.png');
} 
.titletable td {
background: rgb(255,255,255) !important;
padding: 4px 0px 4px 0px !important;
}
td.first {
width: 78px;
}
.titletable input {
width: 96%;
background: rgb(50,205,128);
color: rgb(255,255,255);
border: none;
padding: 1% 2% 1% 2%;
}
input.submit {
background: rgb(50,128,205);
font-weight: bold;
text-transform: uppercase;
width: 100%;
}
.nopadding {
padding: 1px;
}
.titletr td {
color: white;
background: rgb(41,42,93) !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;
}
.filtr {
float: right;
width: 30%;
height: 40px;
text-align: right;
}
.filtr select {
width: 60%;
padding: 2%;
}
.right-link {
width: 50%;
height: 40px;
float: right;
text-align: right;
margin-top: 10px;
margin-bottom: 10px;
}
.right-link a {
font-size: 16px;
font-weight: normal;
text-decoration: none;
background: rgb(180,200,50);
padding: 8px;
color: rgb(255,255,255);
}
.right-link a:hover {
text-decoration: none;
background: rgb(41,42,93);
color: rgb(255,255,255);
}
tr.byty-param:hover td {
background: rgb(255,255,255) !important;
}
tr.byty-param.rezerv td {
background: rgb(195,220,240) !important;
}
tr.byty-param.prod td {
background: rgb(200,200,200) !important;
}

td.td-first {
width: 270px;
font-weight: bold;
background: rgb(180,200,50) !important;
color: rgb(255,255,255);
}
img.mappedimage {
width: 100%;
height: auto;
}
.link-etapy {
width: 100%;
}
.link-etapy a {
padding: 10px 10px 10px 10px;
background: rgb(150,150,150);
font-size: 20px;
font-weight: bold;
color: rgb(255,255,255);
text-decoration: none;
border-top-right-radius: 8px;
}
.link-etapy a:hover {
background:  rgb(180,200,50);
color: rgb(255,255,255);
}
a.activeet {
background:  rgb(180,200,50);
color: rgb(255,255,255);
}
#etapa2 {
display: none;
}



/* č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;
}





/* kontaktní formulář */
.contact-form {
padding-top: 20px;
}
.contact-form table {
margin-top: 15px; 
padding-top: 10px;
border-collapse: collapse;
}
.contact-form input, .contact-form textarea {
width: 94%;
border: 1px solid rgb(180,180,180);
margin-top: 4px;
padding: 2% 3%;
}
.contact-form textarea {
height: 140px;
}
.contact-form td {
border: none !important;
margin: 0;
padding: 5px 0px 5px 0px;
}
.contact-form input.submit {
width:100%;
font-weight: bold;
cursor: hand;
margin-top: 6px;
color: rgb(255,255,255);
}
.contact-form-alert {
padding: 10px 0px 10px 0px;
color: rgb(180,180,180);
font-weight: bold;
margin-top: 1px;
}
.contact-form-alert2 {
color: rgb(255,0,0);
}





/* 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;
}







/* uživatelské moduly */ 
.modules {
margin: 0;
}
.modules h2 {
background: rgb(238,243,250);
height: 30px;
line-height: 30px;
padding-left: 20px;
margin: 0;	
color: rgb(82,136,197);
}



/* Každý nově vytvořený modul se automaticky vkládá do <div class="module-nazev-uzivatelsoho-modulu">...</div> */
.module-loga {
width: 100%;
margin: 20px;
height: auto;
margin: 0px 0px 25px 0px;
background: rgb(245,245,245);
border: 1px solid rgb(220,220,220);
}




/* footer */
.footer {
position: relative;
width: 100%;
min-height: 70px;
background: rgb(180,200,50);
margin: 10px auto 0px auto;
color: rgb(40,40,95);
}
.footer a {
text-decoration: none;
color: rgb(40,40,95);
}
.footer a:hover {
color: rgb(40,40,95)
text-decoration: underline;
}
.footer-text-left {
margin: 10px 20px 10px 20px;
float: left;
width: 40%;
text-align: left;
font-size: 13px;
}
.footer-text-right {
margin: 12px 20px 0px 0px;
background: url('../images/bg-footer-contact.png') no-repeat;
background-position: 0px 3px;
float: right;
width: 220px;
padding-left: 65px;
height: 50px;
text-align: left;
}
.footer-text-right h4 {
font-size: 18px;
font-weight: bold;
}
.fb {
float: right;
width: 50px;
height: 50px;
margin: 12px 20px 0px 0px;
}