/* OBECNE STYLY */

body, html {height: 100%;margin: 0;padding: 0;width: 100%;}
body {width: 100%;height: 100%;}

* { margin: 0; padding: 0; }
BODY, DIV, TABLE, CAPTION,ADRESS, IMG {
  border: 0;
  font-family: Arial;
  margin: 0;
  padding: 0;
}

p, ul, ol, b {    
    padding-top: 0;
}

ul, ol {
        line-height: 100%;
}

a:link, a:active, a:visited {
	color: #978440;
        text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color: #ffcc00;
}

.toLeft {
  float: left;
}

.toRight {
  float: right;
}

.toCenter {
	display: block;
	text-align: center;
	margin: 0 auto;
}

.cleaner {
	display: block;
	height: 0;
	clear: both;
	overflow: hidden;
	content: ' ';
	font-size: 0;
}

a.delete{
	margin: 0 10px;
	color: red;
}

h1, h2, h3 {
	padding: 0;
	text-align: left;
    letter-spacing: normal;
	font-size: 20px;
    font-weight: bold;
    text-align: center;
}

h1{color: #464646; margin: 20px 0px 0px 0px; font-family: 'Open Sans', sans-serif; letter-spacing: normal; font-weight: 300; line-height: 50px; text-transform: uppercase; font-size: 40px; text-align: center;}
h2{color: #464646; font-family: 'Open Sans', sans-serif; font-size: 20px; text-align: center;}
h3{color: #464646; font-family: 'Open Sans', sans-serif; font-size: 18px; text-align: center;}

.msgOK{background-color: #29166f; color: white; text-align: center; padding: 5px; margin-bottom: 10px;}
.msgError{background-color: #E21A1A; color: white; text-align: center; padding: 5px; margin-bottom: 10px;}
.seznam{width: 100%; font-size: 12px; text-align: center;}
.seznam th{padding: 5px;}
.seznam td{padding: 5px;}

/* LAYOUT */

#panelMiddle {min-height: 100%;position: relative;width: 100%;z-index: 98;background-attachment: fixed;background: transparent url('../img/background.jpg') no-repeat;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.panelMiddleIn{max-width:1200px; padding: 0px 10px; margin:0 auto; text-align:left;}

#panelTop{width:100%; height: 120px; box-shadow: 0 5px 11px 0 rgba(50, 50, 50, 0.08);left: 0;position: fixed;top: 0;z-index: 100;background-attachment: fixed;background: transparent url('../img/bottom_bg.jpg') no-repeat;background-position: center center;background-repeat: no-repeat;background-size: cover;}
#panelContent{position: relative; z-index: 98; width:100%; padding: 30px 0px;}
#panelBottom{background-attachment: fixed;background: transparent url('../img/bottom_bg.jpg') no-repeat;background-position: center center;background-repeat: no-repeat;background-size: cover; bottom: 0;height: 190px;position: absolute;width: 100%; box-shadow: 5px 0px 11px 0 rgba(50, 50, 50, 0.20);}
#panelSlider{width: 100%;position: relative;}
#panelInner{padding-bottom:190px;padding-top:120px;}

#logo{float: left;}
#logo a{float: left;display: block;margin-top:10px; width:300px; height:100px;text-decoration: none; color: white;background: transparent url('../img/logo.png') no-repeat;}

#panelSocial{margin-top: 20px; margin-bottom: 20px;}

#bottom{position: relative; padding: 20px;}
#bottom p{color: white; font-family: 'Open Sans', serif;font-size: 17px; font-weight: 500;}
#bottom a{color: #978440; font-family: 'Open Sans', serif;font-size: 17px; font-weight: 700;}
div.kontakt{border-left: 1px solid rgba(255, 255, 255, 0.3);float: right;text-align: right; margin: 0 20px 0 0;padding: 0 0 0 20px;}

#footer {padding:15px 10px 0px 10px; border-top: 1px solid #f2f2f2;}
#footer p{color: white; font-family: 'Open Sans', serif;font-size: 15px; font-weight: 400;}
#footer a{color: #978440; font-family: 'Open Sans', serif;font-size: 15px; font-weight: 700;}
#footer div.social{float: left;}
#footer div.autor{float: right;}

.social {
    display: flex;
    gap: 10px;
    align-items: center;
}

.social-link {
    display: inline-flex;
    width: 26px;
    height: 26px;
    padding: 4px;
    border-radius: 50%;
    background: transparent;
    transition: transform 0.2s, opacity 0.2s;
}

.social-link:hover {
    transform: translateY(-2px);
    opacity: 0.7;
}

.icon {
    width: 100%;
    height: 100%;
    fill: #978440;
}

#edit{float: right; margin: 5px; width: 130px;}

#upload label{float: left; padding-top: 4px; font-size: 13px; color: white; margin-left: 10px;}
#upload b{cursor: pointer; float: left;}
#upload input{float: left; margin-left: 10px;}
#upload .popis{height: 21px;}
#upload div.img{display: none; float: left; padding: 5px; background-color: #546a76;color: white;}
#upload div.file{display: none; float: left; padding: 5px; background-color: #546a76;color: white;}

/*Menu*/
#menu{float: right;position: relative;}

#panelRight{position: relative;float: right;border-left: 1px solid rgba(0, 0, 0, 0.10);margin-left: 20px;padding-left: 20px; width: 250px;}
#panelRight h2{color: #2d3134; font-family: 'Open Sans', sans-serif; margin-bottom: 20px; text-transform: uppercase;font-size: 20px; font-weight: 700;text-align: left;}
#panelRight a{color: #978440;}
#panelRight p{margin-bottom: 10px; font-size: 14px; font-family: 'Open Sans', sans-serif;}

#panelMain{float: none;overflow: hidden;text-align: left;width: auto;}
#panelMain h1{font-family: 'Open Sans', serif;color: #2d3134;margin-top: 0px;margin-bottom: 20px;font-size: 30px;font-weight: 700;text-transform: uppercase; text-align: left;}
#panelMain h2{color: #2d3134; font-family: 'Open Sans', sans-serif;font-size: 20px; text-align: center;}
#panelMain h3{color: #2d3134; font-family: 'Open Sans', sans-serif;font-size: 18px; text-align: center;}
#panelMain p{color: #2d3134; font-size: 17px; margin-bottom: 10px; font-family: 'Open Sans', sans-serif; font-weight: 400;}
#panelMain a{color: #978440; font-family: 'Open Sans', sans-serif;}
span.img_stranky img{max-width:100% !important;height:auto !important;}
#panelMain div.popis img{max-width:100% !important;height:auto !important;}
#panelMain div.popis a{max-width:100% !important;height:auto !important;}
#panelMain ul{margin-left: 30px; margin-bottom: 10px; line-height: 150%;}
#panelMain li{color: #615d60; font-size: 15px; font-family: 'Open Sans', sans-serif;}
#panelMain ol{margin-left: 20px; margin-bottom: 20px; line-height: 150%;}
#panelMain hr{color: #8A8F95; background-color: #8A8F95; height: 1px; border-width: 0px; margin-bottom: 20px;}
#panelMain table{border-collapse: collapse; color: #464646;}

#podmenu{text-align: center;}
#podmenu a{background-color: #978440; padding: 5px 10px; color:white; font-size: 13px; font-weight: 900; text-transform: uppercase;}
#podmenu a:hover{color:#2d3134;}

#rozcestnik{z-index: 98;position: relative; top: -50px;text-align: center;}
.rozcestnik{display: inline-block; vertical-align: top; width:230px;text-align: center;}
.rozcestnik div.inner{position: relative;margin:5px;transition: all 0.5s ease 0s;border: 10px solid white; box-shadow: 9px 13px 26px -8px #2d3134;}
.rozcestnik div.inner:hover{}
.rozcestnik img {height: auto;max-width: 100%;vertical-align: middle;}
.rozcestnik .caption{text-align: center; background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;bottom: 0;left: 0;padding: 15px;}
.rozcestnik .caption h2{letter-spacing: normal; text-align: center; margin-bottom: 10px; font-family: 'Open Sans', sans-serif; font-size: 23px;font-weight: 900;color: #2d3134;text-transform: uppercase;}
.rozcestnik .caption ul{line-height: 1.7; margin-left: 10px;}
.rozcestnik .caption p{font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 14px;color: #2d3134;text-transform: uppercase;}
.rozcestnik a.button{font-family: 'Open Sans', serif; font-size: 15px; font-weight: 900; transition: all 0.5s ease 0s; text-transform: uppercase;background-color: #978440;border: 1px solid #978440;color: #ffffff;margin-top:20px; padding:10px;}
.rozcestnik a.button:hover{background-color: white;border: 1px solid #978440;color: #978440;}

#formular{width: 80%; margin: 0 auto;}
#formular h3{text-transform: uppercase;margin: 10px;font-weight: 400;}
#formular label{width: 80px;font-family: 'Open Sans', sans-serif; font-weight: 400; color: #2d3134;}
#formular input{border: 1px solid #978440;}
#formular textarea{border: 1px solid #978440;}
#formular input[type="submit"] {background-color: #978440;border: 1px solid #978440;color: #ffffff;font-family: "Open Sans",serif;font-size: 15px;font-weight: 900;margin-top: 20px;padding: 10px;text-transform: uppercase;transition: all 0.5s ease 0s;}
#formular input[type="submit"]:hover{background-color: white;border: 1px solid #978440;color: #978440;}

#text_unhappy{position: relative; left:260px; top: -30px; font-size: 12px; color: #ff0000;}
#email_unhappy{position: relative; display: block; width: 170px;left:260px; top:-15px; font-size: 12px; color: #ff0000;}
#tel_unhappy{position: absolute; width: 250px; left:5px; top: 8px; font-size: 12px; color: #ff0000;}

.container{position: relative;text-align: left;}
.container div.foto{float:left; position: relative;}
.container a{position: relative; padding:0 5px 5px 5p;text-decoration:none;display:inline-block;}
.container b{float: left;height: 200px;background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);color: #fff;font-size: 12px;overflow: hidden;position: relative;width: 200px;}
.container span{display: block;font-family: 'Open Sans', serif;font-size: 14px;font-weight: normal;position: relative;text-align: center;top: 40%;padding:10px;}
.container span.popis_fotky{display: block;font-family: 'Open Sans', serif;font-size: 14px;font-weight: normal;text-align: center; position: static;}
.container a.del{position:absolute; top: 3px; left:3px;background: transparent url('../img/kos_foto.png') no-repeat; width:15px; height:15px; border: none;}
.container a.edit{position:absolute; top: 3px; left:21px;background: transparent url('../img/pencil_foto.png') no-repeat; width:15px; height:15px; border: none;}

.tile a.del{position:absolute; top: 3px; left:3px;background: transparent url('../img/kos_foto.png'); width:15px; height:15px; border: none;}
.tile a.edit{position:absolute; top: 3px; left:21px;background: transparent url('../img/pencil_foto.png'); width:15px; height:15px; border: none;}

.prodej{width: 200px; float: left;text-align: center; margin:20px;}
.prodej a{margin:0; border: none;}
.fotky{display: inline-block;width: 200px; position: relative; text-align: center; margin:10px;}

#blog{border-top: 1px dotted #e5e5e5; padding-top: 20px;}
#blog a{text-align: left; text-transform: none; color: #5e5e5e; font-family: 'Open Sans', serif; font-weight: normal;}
#blog a.vice{text-align: center; color: #9cc451;}
#blog a:hover{text-decoration: none; border-bottom: 1px solid #9cc451;}
#blog span{color: #c6c6c6;}

#toTop {display:none; background:url(../img/totop.png) no-repeat center bottom; position:fixed; right:50%; margin-right:-550px !important; bottom:104px; overflow:hidden; width:60px; height:60px; border:none; z-index:999;}
#toTopHover {background:url(../img/totop.png) no-repeat center top; width:60px; height:60px; display:block; overflow:hidden; float:left; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0);}
#toTop:active, #toTop:focus {outline:none;}

/*Menu*/

/*Podmenu*/
#podmenu ul{list-style:none; text-align:center; margin-left: 0px; margin-bottom: 0px;}
#podmenu ul li{display:inline; margin: 0px 10px;}

#podmenu ul li.mark a{text-decoration: underline;}

/*detail*/

#aktuality h3{margin: 0px;}
#aktuality strong{font-family: 'Open Sans', sans-serif; font-size: 1px;}
#aktuality b{color: #2d3134;font-size: 15px;font-weight: 700;}
#aktuality p{color:#2d3134;font-size: 15px;font-weight: 400;}
#aktuality a{color: #978440;font-family: "Open Sans",serif;font-size: 15px;font-weight: 400;}
#aktuality span.datum{margin-right: 10px; background-color: #978440; padding: 0px 3px 0px 3px; font-weight: 700; color: white;}

/*Nevim heslo*/
#login{width: 500px; margin: 0 auto;}
#nevim-heslo {width: 350px;}
#nevim-heslo a{color: white;}
#nevim-heslo input.button{position: relative; top: -5px;}

@media only screen and ( max-width: 830px ){
   #logo a{float: left; margin-top:20px; width:250px; height:83px;background: transparent url('../img/logo_small.png') no-repeat;}
   #rozcestnik{top: 0px;} 
   .container{text-align: center;}
   #panelInner{padding-bottom:0px;}
   #panelBottom{height: auto;position: static;}
   #panelRight{float: none;border: none;margin-left: 0px;padding-left: 0px; width: 100%;}   
   #footer div.social{float: none;text-align: center;}
   #footer div.autor{float: none;text-align: center;margin-top: 10px;margin-bottom: 10px;}
   div.kontakt{border-left: none; border-top: 1px solid rgba(255, 255, 255, 0.3); float: none;margin: 0;padding: 0; text-align: center; padding: 10px; margin: 10px;}
}