.desktop-off {display: none;}

.mceContentBody{background: #fff;color: #000;}
.mceContentBody h1,.mceContentBody h2,.mceContentBody h3,.mceContentBody h4,.mceContentBody h5,.mceContentBody h6{color: #000;}

p.mod-articles-category-introtext {line-height: 25px;}

#ofirmemobile {display: none;}
#ofirme {text-align: justify;}

#ofirmekovosrot {text-align: justify;}
#ofirmekovosrot h2 {line-height: 30px;text-align: center;}

table.oteviracka {border-collapse: collapse;padding: 0px;margin-left: -1px;}
table.oteviracka td {border: 0px !important;}

.navigationmobile {display: none;}

* {margin: 0;}
    
body {font-family: 'Open Sans', sans-serif;line-height: 25px;margin: 0;padding: 0;font-size: 15px;color: #676767;}

.clr {clear: both; display: block;}
.error {border: 1px solid red !important;}
.hidden {display: none;}

.wrapper {position: relative; width: 1160px; padding: 20px 20px; height: auto; display: block; margin: 0 auto;}
.button {color: white; height: 35px; line-height: 35px; text-align: center; width: 200px; border-radius: 5px; background: orange}
.button:hover {background: #F29900; cursor: pointer; }

.fixed {position: fixed;}
.fixed.top {top: 0px;}
.fixed.success {z-index: 99999;width: 100%;height: 100px;background: rgb(93, 173, 66);color: white;line-height: 100px;text-align: center; overflow: hidden;}

.navigation {display: block !important;}

#uvod ul li {line-height: 25px;font-size: 16px !important;}

#mapa {height: 365px;overflow: hidden;position: relative;}
#mapa iframe {border-width: 0px;width: 100%;height: 550px;margin-top: -5px;}
#mapa .kontakt_info {padding: 20px;background: rgba(255,255,255,0.8);position: absolute;top: 40px;right: 40px;text-align: center;box-shadow: 0px 0px 3px #ccc;}
#mapa .kontakt_info span, 
#mapa .kontakt_info a {display: block;}
#mapa .kontakt_info .cara {background: #ccc;height: 3px; margin: 20px auto;width: 100px;}

ul.category-module {list-style: none;display: table;width: 100%;}
ul.category-module li {display: table-cell;width: 29%;padding: 0 2%;font-weight: bold;color: #9F0C04;}
ul.category-module li .mod-articles-category-date {display: none;}
ul.category-module li a.mod-articles-category-title {display: none;}
ul.category-module li p.mod-articles-category-introtext {font-weight: normal;color: #676767;}

.kontakt_box {width: 50%;float: left;padding: 20px;box-sizing: border-box;font-size: 15px;}
.kontakt_box:nth-of-type(1) {text-align: right;}
.kontakt_box:nth-of-type(2) {border-left: 1px solid #aeaeae;}
.kontakt_box h2 {font-weight: bold}


table.tabulka {width: 500px;margin: 0 auto;background: white;box-shadow: 0px 0px 3px #ccc;padding: 10px;}
table.tabulka tr td {padding: 10px;border-bottom: 1px solid #e8e7e7;}
table.tabulka tr td:nth-child(2) {text-align: right;width: 80px;}
table.tabulka tr th {padding: 20px 10px !important;border-bottom: 1px solid #e8e7e7;}

div.upozorneni {margin-top: 25px;}

.phocagallery {}
.phocagallery-box-file, .pg-csv-box {box-shadow: none !important;width: 18% !important;}

/* HEADROW
---------------------------------------------- */ 
#headrow {z-index: 2;position: fixed; top: 0px; left: 0px; width: 100%; height: 65px; border-bottom: 0px solid #dcdcdc; background: #9F0C04;}

#headrow #logo {position: absolute; top: 10px; left: 20px;}
#headrow #logo a {position: relative; z-index: 2; text-decoration: none; height: 100px; width: 116px; display: block;}
#headrow #logo a img {position: relative; display: block; max-height: 107px; margin: -8px 0 0 8px;box-shadow: 0px 0px 3px #ccc;border-radius: 10px;}

#headrow #title {position: absolute; top: 17px;left: 190px;}
#headrow #title a {color: white; text-decoration: none;}
#headrow #title a h1 {color: white; font-weight: lighter;}

#headrow #nav {position: absolute; top: 0px; right: 0px; width: auto; height: 65px;}
#headrow #nav ul {margin: 0; padding: 0;}
#headrow #nav ul li {margin: 0; padding: 0; list-style-type: none; display: block; float: left;

}
#headrow #nav ul li a {text-transform: uppercase; text-decoration: none; color: white; display: block; height: 65px; line-height: 65px; padding: 0px 20px;
	-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
#headrow #nav ul li:hover a {color: white; background: #DA251C;} 


/* MAINROW
---------------------------------------------- */ 
#mainrow {z-index: 1;position: relative; width: 100%; background: white; padding: 0px 0 0 0; margin: 0px 0 0 0}

.item-128 #mainrow {height: 100%;}

#mainrow>.wrapper {}

#mainrow section {min-height: 200px;border-bottom: 1px solid #dcdcdc;}
#mainrow section h2 {padding: 20px 0px; display: block; text-align: center;}

#mainrow section#uvod {}
#mainrow section#uvod .wrapper {padding-bottom: 0px;}


#mainrow section#aktuality {background: #f9f9f9;}
#mainrow section#aktuality .blog {}
#mainrow section#aktuality .blog .items-row {border-top: 2px solid rgb(84, 152, 194); width: 570px; float: left; display: block; background: white; border-radius: 0px; margin: 0 10px 10px 0;
-webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.25);
-moz-box-shadow:    1px 1px 1px 0px rgba(0, 0, 0, 0.25);
box-shadow:         1px 1px 1px 0px rgba(0, 0, 0, 0.25);

}

#mainrow section#aktuality .blog .items-row:nth-child(odd) {float: left; clear: left;}
#mainrow section#aktuality .blog .items-row:nth-child(even) {float: right; clear: right;}

#mainrow section#aktuality .blog .items-row:hover {border-top: 2px solid #3072B5; }
#mainrow section#aktuality .blog .items-row:hover .item a {color: #3072B5;}
#mainrow section#aktuality .blog .items-row .unknown {display: none;}
#mainrow section#aktuality .blog .items-row .art_sep {display: none;}

#mainrow section#aktuality .blog .items-row .item>div {padding: 10px;} 
#mainrow section#aktuality .blog .items-row .item>div+div {padding: 0;}
#mainrow section#aktuality .blog .items-row .item .art_image {background: url("../images/wheel.png") center center no-repeat;width: 80px; height: 80px; display: block; float: left; margin: 0 20px 0 0;}

#mainrow section#aktuality .blog .items-row .item a {color: rgb(84, 152, 194);font-weight: bold;}

#mainrow section#aktuality .blog .items-row .item .art_author {position: relative; color: rgb(150,150,150); display: block; float: left; margin: 0 10px 0 0;}
#mainrow section#aktuality .blog .items-row .item .art_date {position: relative; color: rgb(150,150,150); display: block; float: left; margin: 0 10px 0 0;}

#mainrow section#aktuality .blog .items-row .item .art_intro {min-height: 50px; width: 440px; display: block; float: left;}
#mainrow section#aktuality .blog .items-row .item .art_intro h2 {font-size: 14px;padding: 0px;}

#mainrow section#aktuality .blog .items-row .item .readmore {border-radius: 5px; width: 80px; height: 25px; line-height: 25px; float: right; text-align: center; color: white; background: rgb(84, 152, 194);}
#mainrow section#aktuality .blog .items-row .item .readmore a {color: white; text-decoration: none;display: block;}
#mainrow section#aktuality .blog .items-row .item .readmore:hover {background: #3072B5;}

#mainrow section#cenik {background: #f9f9f9;}
#mainrow section#novinky {background: #f9f9f9;}
#mainrow section#kontakt {background: #f9f9f9;}


.tabulky {float: left;}


#slider {
    height: 350px;
    background: url('../images/slider_img-min.jpg');
    text-align: center;
    line-height: 190px;
    color: #fff;
}
#slider p {
    font-size: 57px;
    font-weight: 200;
    padding-top: 85px;
    text-shadow: 0 0 8px #000,0 0 8px #000,0 0 8px #000,0 0 8px #000,0 0 8px #000,0 0 8px #000;
}


/* FOOTROW
---------------------------------------------- */ 

#footrow {position: relative;background: white; padding-top: 52px;}
#footrow #copy {padding: 0;position: absolute; bottom: 0px; display: block; width: 100%;background: #787878;border-top: 1px solid black;}
#footrow #copy p {display: block; height: 52px; line-height: 52px; margin: 0; padding: 0; text-align: center;color: white;}
#footrow #copy p a {color: white;}
#footrow #foot_bg {position: relative; max-width: 1900px; margin: 0 auto; height 300px;}
#footrow #foot_bg img {width: 100%;}


.item-128 #footrow #foot_bg {display: none;}

/* OTHER
---------------------------------------------- */        

#popupbg {z-index: 998; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%;}

p {margin-bottom: 12px;}
form {margin: 0;padding: 0;}
img,table {border: none;}

a {text-decoration: underline;font-weight: normal;color: #9F0C04;}
a:hover {text-decoration: none;font-weight: normal;color: #DA251C;}

strong {color: #9F0C04;}

.fl {float: left;}
.w30 {width: 30%;}
.w40 {width: 40%;}
.w50 {width: 50%;}
.w60 {width: 60%;}
.w70 {width: 70%;}

h1 {text-transform: uppercase; line-height: 30px; padding: 0 0 10px 0;margin: 0px 0px 10px 0px;font-size: 1.5em;color: black;font-weight: 600;text-align: center;}
h2 {text-transform: uppercase; padding: 0 0 9px 0;margin: 9px 0px 10px 0px;font-size: 2.2em;color: rgb(50,50,50);font-weight: 600;}
h3 {text-transform: uppercase; padding: 0 0 5px 0;margin: 9px 0px 10px 0px;font-size: 1.3em;color: #9F0C04;font-weight: 600;text-align: center;}
h4 {padding: 0 0 5px 0;margin: 5px 0px 10px 0px;font-size: 1.2em;color: black;font-weight: 600;}
h5 {padding: 0 0 5px 0;margin: 5px 0px 10px 0px;font-size: 1.1em;color: black;font-weight: 600;}
h6 {padding: 0 0 5px 0;margin: 5px 0px 10px 0px;font-size: 1.0em;color: black;font-weight: 600;}
.clr {clear: both;}
hr {width: 100%;height: 2px;border-left: none;border-top: none;border-right: none;border-bottom: 1px solid #1fc4fc;margin-bottom: 15px;}