/* 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: #c00000;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: #c00000;}
h1{text-align: center;font-family: 'Open Sans', serif;color: #c00000;margin-top: 0px;margin-bottom: 10px;font-size: 25px;font-weight: 900;text-transform: uppercase;}

.msgOK{background-color: #c00000; 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:100px;padding-bottom: 180px;}

#panelTop{width:100%; box-shadow: 0 5px 11px 0 rgba(50, 50, 50, 0.08);left: 0;position: fixed;top: 0;z-index: 99; background-color: rgba(255, 255, 255, 0.9);}
#panelMenu{height: 50px;background: #c00000 url('../img/light_bg.png') center center no-repeat;}
#panelContent{width:100%; padding: 20px 0;}

#panelBottom{background-color: white; bottom: 0;height: 180px;position: absolute;width: 100%; box-shadow: inset 0 20px 20px -20px rgba(50,50,50,0.20);}

#top{float: left;margin-top: 15px;margin-bottom: 15px;}
#menu{float: right; position: relative;}

#bottom{text-align: right; position: relative;padding: 30px 0;}
#bottom div{vertical-align: middle; border-left: 1px solid rgba(255, 255, 255, 0.3);margin-left: 30px;padding-left: 30px;}
#panelBottom p{color: #464646; text-align: right; font-family: 'Open Sans', serif;font-size: 14px; font-weight: 400;}
#panelBottom a{color: #c00000; font-family: 'Open Sans', serif;font-size: 14px; font-weight: 600;}

#footer{padding:10px 10px 0px 10px; border-top: 1px solid #f2f2f2;}
#footer p{color: #464646; text-align: right; font-family: 'Open Sans', serif;font-size: 13px; font-weight: 300;}
#footer a{color: #c00000; text-align: right; font-family: 'Open Sans', serif;font-size: 13px; font-weight: 700;}

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

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

a.logo{line-height: 103%;text-align: center; display: block; font-family: 'Open Sans', sans-serif;color:#c00000;text-decoration: none; font-size: 30px;font-weight: 300;letter-spacing: 1px;position: relative; z-index: 100; text-transform: uppercase;}
a.logo span{color: #2d3134; font-size: 12px; font-family: 'Open Sans', serif; border-top: 1px solid #e4e4e4; padding-top: 7px; text-transform: uppercase; font-weight: 300; letter-spacing: 0px;position: relative; z-index: 50;}

@media only screen and ( max-width: 500px ){    
    a.logo{font-size: 25px;}
    a.logo span{font-size: 10px;}
    #panelStred{padding-bottom:0px;padding-top:0px;}
    #bottom{text-align: center;}
    #panelBottom p{text-align: center;}
    .panelMiddleIn{padding: 0px 10px;}
    .panelTopIn{padding: 0px 10px;}        
    #menu{margin-top: 30px;}    
}


#formular{width:100%; background-color: white;}
#formular h2{color: #c00000; 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 #c00000;}
#formular form textarea{color: #808080; border: 1px solid #c00000;}
#formular input[type=submit]{border-radius: 0;border:1px solid #c00000;background-color: #c00000;color: white;}
#formular input[type=submit]:hover{background-color: white; color: #c00000; transition: all 300ms ease 0s;}
#rod{display: none;}

#panelMain{float: none;overflow: hidden;text-align: left;width: auto;}
#panelMain h1{font-family: 'Open Sans', serif;color: #c00000;margin-top: 0px;margin-bottom: 20px;font-size: 25px;font-weight: 700;text-transform: uppercase; text-align: left;}
#panelMain h3{color: #c00000; font-size: 16px; margin-bottom: 10px; font-family: 'Open Sans', sans-serif;}
#panelMain p{color: #464646; font-size: 17px; margin-bottom: 10px; font-family: 'Open Sans', sans-serif; font-weight: 300;}
#panelMain a{color: #c00000; font-family: 'Open Sans', sans-serif;font-size: 17px;font-weight: 600;}
#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: 170%;}
#panelMain ul.r-tabs-nav{margin-left: 0; margin-bottom: 0; line-height: 170%; color: black;}
#panelMain a.r-tabs-anchor{color: #444444;}
#panelMain li.r-tabs-state-active a.r-tabs-anchor{color: #f4811e;}
#panelMain li{color: #464646; font-size: 16px; font-weight: 300; 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{margin: 0 auto; border-collapse: collapse; color: #464646; background-color: #f0f0f0; border: 1px solid #e2e2e2;}
#panelMain table h3{margin: 0;}
#panelMain th{padding: 5px;}
#panelMain td{padding: 5px;border: 1px solid #e2e2e2; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 300;}
#panelMain tr{}

#panelMain table.mapka{background: none; border: none;}
#panelMain table.mapka td{background: none; border: none; width: auto;}

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

#fakecrop{text-align: center;}
.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 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;}
}

@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 #c00000;background-color: #c00000;color: white;font-size:15px;cursor:pointer;font-weight: 900;margin: 0;text-decoration: none;}
a.button:hover{background-color: white; color: #c00000; transition: all 300ms ease 0s;text-decoration: none;}

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

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

#blog a{text-align: left; text-transform: none; text-decoration: none;color: #c00000; 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{color: #464646; font-size: 17px; margin-bottom: 10px; font-family: 'Open Sans', sans-serif; font-weight: 300;}
#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: #c00000; padding: 0px 3px 0px 3px; font-size: 15px;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 p.slogan{text-shadow: 2px 2px 10px rgba(50, 50, 50, 0.3);margin-bottom: 70px;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;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: #c00000;border: 1px solid white;color: #ffffff;margin-top:20px; padding:10px;}
.parallax a.button:hover{background-color: white;border: 1px solid #c00000;color: #c00000;}

@media only screen and ( max-width: 970px ){
    .parallax .container{padding: 10px; text-align: center;}
    .parallax p.slogan{font-size: 60px;line-height: 100%;text-align: center;margin-bottom: 10px;}
    .parallax p{text-align: center; font-size: 15px;}
}

@media only screen and ( max-width: 500px ){
    .parallax .container{padding: 10px; text-align: center;}
    .parallax p.slogan{font-size: 40px;line-height: 100%;text-align: center;margin-bottom: 10px;}
    .parallax p{text-align: center; font-size: 15px;}
}

.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: #c00000;border: 1px solid #c00000;color: #ffffff; padding:10px;}
.rozcestnik .button a:hover{background-color: white;border: 1px solid #c00000;color: #c00000;}

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

#podmenu{text-align: center;}
#podmenu a{position: relative; color: #c00000; 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: #c00000;}
#podmenu a.back{font-family: 'Open Sans', sans-serif;font-weight: 700; font-size: 14px;  display: inline-block; vertical-align: top; color: #c00000; text-decoration: none;}
#podmenu a.back:hover{color: white; background-color: #c00000;}
#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;}