/* OBECNE STYLY */

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

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

p, ul, ol, b, a, li {font-family: 'Open Sans', serif;font-size: 14px; color:#808080;}

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

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

.toLeft {
  float: left;
}

.toRight {
  float: right;
}

.toCenter{display: block;text-align: center;margin: 0 auto;}
.halfwidth{width: 50%;}
.right{text-align: right;}
.cleaner{display: block;height: 0;clear: both;overflow: hidden;content: ' ';font-size: 0;}
.napoveda{font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 13px; color: #808080;margin-left: 10px;}
.fb-like{top:-5px;}
.seznam{width: 100%; font-size: 12px; text-align: center;}
.seznam th{padding: 5px;}
.seznam td{padding: 5px;}

h1,h2,h3{font-family: 'Open Sans', sans-serif; font-weight:900; color: #ff6600;}
h1{color: #797979;font-family: "Open Sans",sans-serif;font-size: 26px;font-weight: 700;margin-bottom: 20px;text-align: center;text-transform: uppercase;}

.msgOK{background-color: #ff6600; font-family: 'Open Sans', sans-serif; font-weight: 900; font-size: 15px; color: white; text-align: center; padding: 10px;}
.msgError{background-color: #E21A1A; font-family: 'Open Sans', sans-serif; font-weight: 900; font-size: 15px; color: white; text-align: center; padding: 10px;}

/* LAYOUT */
#panelMiddle{min-height: 100%;position: relative;width: 100%;z-index: 97;background-color: white;}
.panelMiddleIn{max-width:1200px; padding: 0px 10px; min-width: 300px; margin:0 auto; text-align:left;}
#panelStred{padding-top:140px;padding-bottom: 180px;}

#panelTop{width:100%;height: 140px;background: white url("../img/top_bg.png") center center repeat;left: 0;position: fixed;top: 0;z-index: 99;box-shadow: 0 5px 11px 0 rgba(50, 50, 50, 0.3);/*border-top: 10px solid #438bc5;*/}
#panelContent{width:100%; padding: 20px 0;}

#panelSlider {
    /*background: #ff6600 url('../img/light_bg.png') center center no-repeat;*/   
    /*padding: 30px 0;*/
    position: relative;
}

@media only screen and ( max-width: 500px ){    
    #panelSlogan p {font-size: 20px;}
}

div.aktualita{width:33%;display: inline-block; vertical-align: top;}
div.aktualita span.datum{padding: 2px 5px;font-family: 'Open Sans', sans-serif; font-weight: 900; font-size: 15px; color: #ff6600; background-color: white;}
div.aktualita a{font-family: 'Open Sans', sans-serif; font-weight: 900; font-size: 15px; color: white;}
div.aktualita p{font-family: 'Open Sans', sans-serif; font-weight: 500; font-size: 13px; color: white;}

#panelReference{width:100%;padding: 30px 0;background: #ff6600 url('../img/light_bg.png') center center no-repeat;}
#panelReference h2{color: white; text-align: center; font-size: 20px; margin-bottom: 20px; text-transform: uppercase;}
#panelReference a{color: white;}
#panelReference a:hover{text-decoration: none;}

#panelMapa{padding: 20px 0 0 0;}

#panelKontakt{width:100%;padding: 25px 0;}
#panelKontakt form{max-width: 600px; margin: 0 auto; border: 1px solid #e2e2e2; background-color: #f8f8f8; padding: 20px;}
#panelKontakt form label{color: #808080; width: 60px; text-align: right; margin-right: 20px;  color: #808080;font-family: "Open Sans",sans-serif;font-size: 13px;font-weight: 300;text-transform: uppercase;}
#panelKontakt form input{color: #808080; border: 1px solid #ff6600;}
#panelKontakt form textarea{color: #808080; border: 1px solid #ff6600;}
#panelKontakt input[type=submit]{border-radius: 0;border:1px solid #ff6600;background-color: #ff6600;color: white;}
#panelKontakt input[type=submit]:hover{background-color: white; color: #ff6600; transition: all 300ms ease 0s;}
#panelKontakt h2{color: #ff6600; font-size: 20px;margin-bottom: 10px;}
#panelKontakt p{text-align: center;color: #808080;font-size: 15px;}

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

#panelBottom{background: #232323 url("../img/top_bg.png") center center repeat;bottom: 0;box-shadow: 5px 0 11px 0 rgba(50, 50, 50, 0.2);position: absolute;width: 100%;}

#bottom{text-align: right; position: relative;padding: 30px 0;}
#bottom div{vertical-align: middle;padding: 0 20px;}
#panelBottom p{color: #797979; font-family: 'Open Sans', serif;font-size: 13px; font-weight: 900;}
#panelBottom a{color: #ff6600; font-family: 'Open Sans', serif;font-size: 13px; font-weight: 900;}

#footer{border-top: 1px solid #f2f2f2;}
#footer p{color: #464646; font-family: 'Open Sans', serif;font-size: 13px; font-weight: 300;}
#footer a{color: #ff6600; font-family: 'Open Sans', serif;font-size: 13px; font-weight: 700;}
.social{float: left; text-align: center; padding: 10px;}
.author{float: right; text-align: center; padding: 10px;}

@media only screen and ( max-width: 970px ){
    #panelBottom{position:static;}
    #panelStred{padding-bottom:0px;padding-top:140px;}
    #bottom{text-align: center;}
    #bottom div{border: none; padding: 0; margin: 10px;}
    .social{float: none;}
    .author{float: none;}
}

#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;}

#top{float: left;margin-top: 20px; width: 370px;}
#top a{text-align: center; display: block; font-family: 'Open Sans', sans-serif;color:white;text-decoration: none; font-size: 40px;font-weight: 900;letter-spacing: 1px;position: relative; z-index: 100; text-transform: uppercase;text-shadow: 0.5px 0.5px 5px rgba(0, 0, 0, 0.5);}
#top span{background: transparent url("../img/logo.png") left center no-repeat; padding: 10px 0px 10px 80px;}
#top p{text-align: center; color: #797979; font-size: 13px; font-family: 'Open Sans', serif; padding-top: 15px; text-transform: uppercase; font-weight: 900; letter-spacing: 0px;position: relative; z-index: 50;}

#menu{float: right; position: relative; margin-top: 50px;}

@media only screen and ( max-width: 500px ){
    .panelMiddleIn{padding: 0px 10px;}
    .panelTopIn{padding: 0px 10px;}    
    #panelTop{height: 100px;}
    #top{float: left;margin-top: 20px; width: 280px;}
    #top a{font-size: 30px;}
    #top span{background: transparent url("../img/logo_small.png") left center no-repeat; padding: 10px 0px 10px 60px;}
    #top p{font-size: 10px;padding-top: 8px;}
    #menu{margin-top: 30px;}
    #panelStred{padding-bottom:0px;padding-top:100px;}
}

#panelRight{text-align: center;float: right;margin-left: 20px;width: 240px;padding: 10px; box-sizing: border-box; background-color: #f0f0f0; border: 1px solid #e2e2e2;}

@media only screen and ( max-width: 800px ){    
    #panelRight{text-align: center;float: none;margin: 0px;width: 100%;padding: 10px; box-sizing: border-box; background-color: #f8f8f8; border: 1px solid #e2e2e2; margin-bottom: 20px;}
}

#formular{width:100%; background-color: white;}
#formular h2{color: #797979; font-size: 20px;text-align: center;}
#formular p{text-align: center;color: #808080;font-size: 15px;font-weight: 500; margin-bottom: 10px;}
#formular form{background-color: #f0f0f0; border: 1px solid #e2e2e2; padding: 20px;max-width:900px; margin: 0 auto;}
#formular form label{color: black; width: 100px; text-align: right; margin-right: 20px;  color: #808080;font-family: "Open Sans",sans-serif;font-size: 12px;font-weight: 300;text-transform: uppercase;}
#formular form input{color: #808080; border: 1px solid #ff6600;}
#formular form textarea{color: #808080; border: 1px solid #ff6600;}
#formular input[type=submit]{border-radius: 0;border:1px solid #ff6600;background-color: #ff6600;color: white;}
#formular input[type=submit]:hover{background-color: white; color: #ff6600; transition: all 300ms ease 0s;}
#rod{display: none;}

#panelMain{float: none;overflow: hidden;text-align: left;width: auto;}
#panelMain h1{color: #797979;font-family: "Open Sans",sans-serif;font-size: 26px;font-weight: 700;margin-bottom: 20px;text-align: center;text-transform: uppercase;}
#panelMain p{color: #797979; font-size: 15px; font-weight: 500; margin-bottom: 10px; font-family: 'Open Sans', sans-serif;}
#panelMain a{color: #ff6600; font-size: 15px; font-weight: 500; font-family: 'Open Sans', sans-serif;}
#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 ul.r-tabs-nav{margin-left: 0; margin-bottom: 0; line-height: 150%; color: black;}
#panelMain a.r-tabs-anchor{color: #444444;}
#panelMain li.r-tabs-state-active a.r-tabs-anchor{color: #f4811e;}
#panelMain li{color: #666666; font-size: 14px; font-weight: 500; font-family: 'Open Sans', sans-serif;}
#panelMain ol{margin-left: 20px; margin-bottom: 20px; line-height: 150%;}
#panelMain hr{color: black; background-color: #8A8F95; height: 1px; border-width: 0px; margin-bottom: 10px;}
#panelMain table{border-collapse: collapse; color: #464646;}
#panelMain td{padding: 5px; color: #797979; font-family: 'Open Sans', sans-serif;color: #797979;font-size: 15px; font-weight: 500;}

@media only screen and ( max-width: 500px ){    
    #panelMain td{font-size: 12px;}
    #panelMain table a{font-size: 12px;}
}

.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; border: 1px solid #e2e2e2;}
.container span{display: table-cell;height: 200px;text-align: center; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);overflow: hidden;position: relative;vertical-align: middle;width: 200px;font-family: 'Open Sans', serif;font-size: 14px;font-weight: 600;color: white;}
.container span:hover{background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8); color:#ff6600;}
.container a.del{position:absolute; top: 3px; left:21px;background: transparent url('../img/kos_foto.png') no-repeat; width:15px; height:15px; border: none;}
.container div.edit{cursor: pointer; position:absolute; top: 3px; left:3px;background: transparent url('../img/pencil_foto.png') no-repeat; width:15px; height:15px; border: none;}
.container form{display: none; width:180px; float: left; position: relative; top:15px; padding: 5px; background-color: #546a76;color: white;}
.container form label{float: left; margin-right: 5px;font-size: 12px; color: white;}
.container input{padding: 2px; margin-bottom: 5px;}
.container form input.button{text-align: center; color: black; background-color: white; border: none;}

@media only screen and ( max-width: 500px ){    
    .container{position: relative;text-align: center;}
}

#prodej{text-align: center;}
#prodej h2{color: #ff6600; font-size: 20px;margin-bottom: 10px;}
#prodej a{box-sizing: border-box; position: relative; width: 280px;background-color: #f0f0f0; border: 1px solid #e2e2e2; display: inline-block; vertical-align: top;text-align: center; margin:8px;text-align: left;text-decoration: none;}
#prodej a:hover{text-decoration: none; background-color: #e6e6e6;}
#prodej div.img{}
#prodej span{float: left;height: 250px;background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);overflow: hidden;position: relative;width: 250px;}
#prodej span:hover{background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);}
#prodej span p{padding: 5px; display: table-cell;height: 250px;width: 250px;font-family: 'Open Sans', serif;font-size: 14px;font-weight: 500;text-align: center;vertical-align: middle; color: white;}
#prodej div.nadpis{height: 45px;padding: 10px;}
#prodej div.nadpis h3{color: #ff6600;letter-spacing: 0;text-align: center;font-family: 'Open Sans', serif;font-size: 16px;font-weight: 900;}
#prodej div.text{height: 100px;padding: 10px;}
#prodej div.text p{color: black; text-align: center; margin-bottom: 5px; font-family: "Open Sans",sans-serif;font-size: 13px;font-weight: 300;text-transform: uppercase;}
#prodej div.text b{color: #ff6600;font-weight: 700;}

#produkt a:hover{background-color: #f0f0f0;}
#produkt div.img{margin: 20px;}
#produkt .text{padding: 20px; box-sizing: border-box;}
#produkt .text h2{letter-spacing: normal; margin-bottom: 10px; font-family: 'Open Sans', sans-serif; font-size: 23px;font-weight: 900;color: #ff6600;text-transform: uppercase;}
#produkt .text p{color: black; font-size: 16px; font-weight: 300; font-family: 'Open Sans', sans-serif; text-align: justify;}

#produkt a{width: 100%;background: #dcdcdc url('../img/light_bg.png') center center no-repeat;  border: 1px solid #e2e2e2; display: block; text-align: center; margin-bottom:20px;text-align: left;text-decoration: none;}
#produkt .slide-left div.img{float: left;}
#produkt .slide-left h2{text-align: right;}
#produkt .slide-right div.img{float: right;}
#produkt .slide-right h2{text-align: left;}

@media only screen and ( max-width: 500px ){    
    #produkt div.img{margin: 20px 0 0 0; text-align: center; float: none;}
    #produkt .slide-left div.img{margin: 20px 0 0 0; text-align: center; float: none;}
    #produkt .slide-right div.img{margin: 20px 0 0 0; text-align: center; float: none;}
    #produkt .slide-left h2{text-align: center;}
    #produkt .slide-right h2{text-align: center;}
}

a.button{display: inline-block;text-align: center; padding: 5px 100px;border:1px solid #ff6600;background-color: #ff6600;color: white;font-size:15px;cursor:pointer;font-weight: 900;margin: 0;text-decoration: none;}
a.button:hover{background-color: white; color: #ff6600; transition: all 300ms ease 0s;text-decoration: none;}

.fotky{display: inline-block; vertical-align: top; margin:6px; position: relative;}

.reference_detail a{font-family: 'Open Sans', sans-serif; font-size: 15px;font-weight: 700;color: #ff6600; width: 200px; text-align: center; display: inline-block; vertical-align: top; margin:6px; position: relative;}

#blog a{text-align: left; text-transform: none; text-decoration: none;color: #ff6600; font-family: 'Open Sans', serif; font-weight: 700;}
#blog a:hover{text-decoration: underline;}
#blog img{width:200px; float: left; margin: 0px 10px 0px 10px;}
#blog p{font-size: 14px;color: #808080;margin-bottom: 10px;}
#blog p.nadpis{margin-bottom: 10px;}
#blog b{font-family: 'Open Sans', serif;color:black;}
#blog p.vice{text-align: center; font-size: 14px;border-bottom: 1px dotted black;padding-bottom: 10px;margin-bottom: 10px;}
#blog span.datum{margin-right: 10px; background-color: #ff6600; padding: 0px 3px 0px 3px; font-weight: 700; color: white;}

.parallax{overflow: hidden;position: relative;}
.parallax_image{background-repeat: no-repeat;background-size: cover;}
.parallax_image, .parallax_pattern {background-position: center center;height: 100%;left: 0;position: absolute;right: 0;top: 0;will-change: transform;}
.parallax_cnt {position: relative;}
.parallax .container{margin: 0 auto;max-width: 800px; padding: 50px 200px 50px 0px; text-align: left;}
.parallax strong{text-shadow: 2px 2px 10px rgba(50, 50, 50, 0.3);font-family: 'Open Sans', serif;color: #ffffff;font-size: 90px;font-weight: 900;line-height: 90px;text-transform: uppercase;}
.parallax p{font-family: 'Open Sans', serif;color: #2d3134; margin-top: 20px;font-size: 20px;font-weight: 500;}
.parallax a.button{font-family: 'Open Sans', serif; font-size: 15px; font-weight: 900; transition: all 0.5s ease 0s; text-transform: uppercase;background-color: #ff6600;border: 1px solid white;color: #ffffff;margin-top:20px; padding:10px;}
.parallax a.button:hover{background-color: white;border: 1px solid #ff6600;color: #ff6600;}


.rozcestnik{float:left; width:25%;}
.rozcestnik div.inner{margin:20px;box-shadow: 0 5px 11px 0 rgba(50, 50, 50, 0.2); transition: all 0.5s ease 0s;}
.rozcestnik div.inner:hover{box-shadow: 0 5px 11px 0 rgba(50, 50, 50, 0.5);}
.rozcestnik img{height: auto;max-width: 100%;vertical-align: middle;}
.rozcestnik .img{position: relative;}
.rozcestnik .caption{display: none;position: absolute; background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;bottom: 0;left: 0;padding: 15px;right: 0;}
.rozcestnik h2{letter-spacing: normal;text-align: center; font-family: 'Open Sans', sans-serif; font-size: 18px;font-weight: 900;color: #2d3134;text-transform: uppercase;}
.rozcestnik p.caption{letter-spacing: normal;font-family: 'Open Sans', sans-serif; font-size: 14px;font-weight: 500;color: #2d3134;}
.rozcestnik .nadpis{padding: 20px 20px 0px 20px;}
.rozcestnik .button{padding: 20px;}
.rozcestnik .button a{display: block;font-family: 'Open Sans', serif; font-size: 15px; font-weight: 900; transition: all 0.5s ease 0s; text-transform: uppercase;background-color: #ff6600;border: 1px solid #ff6600;color: #ffffff; padding:10px;}
.rozcestnik .button a:hover{background-color: white;border: 1px solid #ff6600;color: #ff6600;}

/*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{color: white; background-color: #ff6600;}

#podmenu{text-align: center;}
#podmenu a{position: relative; color: #ff6600; font-family: 'Open Sans', serif; padding: 3px 10px; font-weight: 700; font-size: 14px; display: inline-block; vertical-align: top;text-align: center; text-decoration: none;}
#podmenu a.mark{color: #f4811e;}
#podmenu a:hover{color: white; background-color: #ff6600;}
#podmenu a.back{font-family: 'Open Sans', sans-serif;font-weight: 700; font-size: 14px;  display: inline-block; vertical-align: top; color: #ff6600; text-decoration: none;}
#podmenu a.back:hover{color: white; background-color: #ff6600;}
#podmenu a img{margin: 0px 35px; width: 70px; height: auto;}

/* FORMULAR */

/* LOGIN */
#login{width: 300px; margin: 0 auto;}
#login h3{text-align: left;font-size: 15px;color: #666666;font-weight: bold;}
#login input[type=submit]{background-color: #666666;border:1px solid #666666;}
#login input[type=submit]:hover{background-color: white; color: #546a76; transition: all 300ms ease 0s;}
#login label{width: 110px;color: #666666;}

/*Search form*/

/*Registrace*/

/*napoveda*/

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