@font-face{font-family:'lato';src:url("lato/lato-bold-webfont.woff2") format("woff2"), url("lato/lato-bold-webfont.woff") format("woff");font-weight:bold;font-style:normal}@font-face{font-family:'lato';src:url("lato/lato-regular-webfont.woff2") format("woff2"), url("lato/lato-regular-webfont.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:'lato';src:url("lato/lato-bolditalic-webfont.woff2") format("woff2"), url("lato/lato-bolditalic-webfont.woff") format("woff");font-weight:bold;font-style:italic}@font-face{font-family:'lato';src:url("lato/lato-italic-webfont.woff2") format("woff2"), url("lato/lato-italic-webfont.woff") format("woff");font-weight:normal;font-style:italic}


body,html,div,p,ul,li,table,img {padding: 0; margin: 0;} 
body,html { color: #000000; margin: 0; padding: 0; text-align: center; background: #fff; 
	font-family: 'Lato', sans-serif;	 } 
	/* font-family: "Verdana CE", "Arial CE", "Lucida Grande CE", "Helvetica CE", Verdana, Arial, lucida, sans-serif */
body { font-size: 100%; background:#fff;  }

/* Globalni styly */
hr { position: absolute; top: -12721px; width: 50px }
a {color:#D8262E}
A:link { color: #D8262E; text-decoration: underline } 
A:visited { color: #D8262E; text-decoration: underline } 
A:active, A:hover { color: red; text-decoration: underline } 
a img { border: 0px solid #B1B8B8 }
a:hover img { border: 0px solid #000000 }
h1,h2 { font-weight: normal }
h1 { margin: 5px 10px 30px 0; padding: 0 0 5px 0; color: #D8262E; text-align: left; font-size: 220%; font-weight: bold;} 
h2 { padding: 2px 2px 0 0; margin: 25px 0 0 0; font-size: 150%; color: #454545; clear: left; font-weight: bold;} 
h2 a, h2 a:link, h2 a:visited, h2 a:active, h2 a:hover { font-weight: normal; font-size: 100% }
h2 a:link { color: #D8262E; text-decoration: underline }
h2 a:visited { text-decoration: underline }
h2 a:active { color: red; text-decoration: underline }
h2 a:hover { color: red; text-decoration: underline }
h3 { clear: left; padding: 0 5px 0 0; margin: 25px 0 0 0; font-size: 120%; font-weight: bold; } 
ul { position: relative; right: 10px; clear: left; margin: 10px 0 0 30px }
ul li { list-style-image: url("grafika/icon-list2.gif") } 
em { font-weight: bold; font-style: normal }
acronym, abbr { cursor: help }
a#nahoru2 { display: none }
/* Konec Globalni styly */

/* Globalne pouzivane tridy */
.clear { display: block; clear: left; width: 300px; height: 1px; font-size: 1px }
.chyba { color: #BE050A; font-weight: bold }
.ok { color: #131684; font-weight: bold }
.txt { background: #F7F9FD; border: 1px solid #6797C7 }
p.a { width: 215px; height: 132px; float: left }
p.a img { width: 200px; height: 132px }
p.s { width: 288px; float: left }
p.h  { width: 505px; clear: left }
span.cistic { display: block; width: auto; clear: left; font-size: 0; padding: 0; z-index: 3; height: 4px; background: #fff } 
/* Konec Globalne pouzivane tridy */

/* Sirka webu */
#top, #obsah, #hp { position: relative } 
/* Sirka vseho konec */

/* Hlavicka */
/* http://isifa.com/detail_cr.php?id=3867311&search_id=1194191&pagenum=9 */
div#header {  margin: 0 auto; text-align: left; background-size: cover; background-position: center center; padding-top: 80px;;}
.homepage div#header .container{height: 450px;}
div#header .container{height: 300px;}

div#header p#logo, div#header h1#logo { margin: 0 auto;  font-size: 100%; padding: 0 0 0 0; font-size: 30px; color:#fff; padding: 30px 0px 30px 0px;} 
div#header p#logo, div#header h1#logo a {color:#fff; text-decoration: none;}
div#header p#logo, div#header h1#logo strong,
div#header p#logo, div#header h1#logo span {display: block; font-size: 40px; margin-top: 10px; font-weight:bold; background-color: rgba(0,0,0,0.3); padding: 5px 10px; display: inline-block;
		text-transform: uppercase;}
div#header p#logo, div#header h1#logo strong {font-size: 25px;}
div#header p#logo img, div#header h1#logo img { display:block; position:absolute; left: 0; top: 0; z-index:1; width: 343px; height: 117px; font-weight: bold; font-size: 110% }
div#header p#logo img { cursor: pointer }
div#header p#logo a:link img, div#header p#logo a:visited img { color: #4485C1; }
div#header p#logo a:active img, div#header p#logo a:hover img { color: #63A801; }
div#header p#jumps { width: 200px; position: absolute; top: 36px; right: 9px; text-align: right; font-size: 90%; color: #007FCD }
div#header p#jumps  a#textverze { display: block; width: 10em; padding: 3px 0 4px 0; text-indent: 10px; position: absolute; right: 0; top: 0; text-align: left }
div#header p#jumps  a#textverze:link, div#header p#jumps  a#textverze:visited { color: #14649E; background:url("grafika/icon-text.gif") 96% 54% no-repeat #F0F8FB }
div#header p#jumps  a#textverze:active, div#header p#jumps  a#textverze:hover { color: #000; background:url("grafika/icon-text.gif") 96% 54% no-repeat #C4DDF2 }
div#header p#jumps a#jump2menu { display: none }
/* Konec  Hlavicka */ 

/* Drobecky */
p#drobky { font-size: 80%;  position: relative; top: 6px }
p#drobky a:link { color: #7D8E97 }
p#drobky a:visited { color: #5C6B72 }
p#drobky a:active, p#drobky a:hover { color: #000 } 
/* Drobecky konec */

/* Hlavni navigace */
ul#menu { display: block; padding: 0 0 0 0;font-size: 90%;  z-index: 3; margin: 0 0 0 0; } 
ul#menu li { list-style-type: none; list-style-image: none; padding:  0 0 0 0; margin : 0 12px 0 0; position: relative; left: 5px; }
ul#menu li.uvod {left: 0px; width: 90px;}
ul#menu li.kamion {width: 140px;}
ul#menu li a { display: block; width: 110px; height: 58px; line-height: 58px; font-weight: bold; text-align: center; z-index: 4; overflow: hidden }
ul#menu li a.kamion {width: 140px;}
ul#menu li a:link,ul#menu li a:visited, ul#menu li a:active,ul#menu li a:hover,ul#menu li a#selected { text-decoration: none; font-weight: bold }  
ul#menu li a:link,ul#menu li a:visited { color: #fff; background:url("gfx/menuitem.gifXXX") 0% 0% repeat-x #0C1131 } 
ul#menu li a:active,ul#menu li a:hover  { color: #fff; background:url("gfx/menuitem.gifXXX") 0% -58px repeat-x #A96632 }
#menu a#selected { color: #000; background:url("gfx/menuitemXXX.gif") 0% -116px repeat-x #fff; z-index: 5 }
/* Konec Hlavni navigace */

/* Prepinani jazyku */
ul#langs { background: #fff; display: block; width: 400px; padding: 0 0 0 0; position: absolute; top: -172px; right: 9px; font-size: 90%; z-index: 5; margin: 0 0 0 0; text-align: right } 
ul#langs li { list-style-type: none; list-style-image: none; margin: 0 0 0 0; padding:  0 7px 0 7px;  float: right; text-align: center }
ul#langs li#cesky { border: 0; padding:  0 2px 0 7px !important }
ul#langs li#english { border: 1px solid #A9B5BA; border-width: 0 1px 0 0 }
ul#langs li#deutsch { border: 1px solid #A9B5BA; border-width: 0 1px 0 0 }
ul#langs li a:link,ul#langs li a:visited, ul#langs li a:active,ul#langs li a:hover,ul#langs li a#selected { text-decoration: underline; font-weight: normal }  
ul#langs li a:link,ul#langs li a:visited { color: #0F6AB0; background: #fff } 
ul#langs li a:active,ul#langs li a:hover  { color: #fff; background: #04579C }
ul#langs li.langselected { color: #14649E; background: #fff; z-index: 5; font-weight: bold }
/* Prepinani jazyku konec */


/* Hlavni Obsah - cela sirka vcetne sidebaru */
#obsah, #hp { padding: 3em 0 3em 0; margin: 0px auto 0 auto; text-align: left;}
#hp { background: #fff } 
#obsah span.cistic, #hp span.cistic { display: block; clear: both; font-size: 0; z-index: 3; height: 10px; background: #fff }
 /* Hlavni Obsah - cela sirka vcetne sidebaru konec */
 
/* XXXXXXXXX HLAVNI OBSAHOVE POLE XXXXXXXXXXXXXXX */
#pole, .pole, #home { padding: 0 0 20px 0; margin: 0px 0 0 0; position: relative; color: #585366; font-size: 90%; }
#pole .in { padding: 0 0 0 0px; }
#pole p, .pole p { margin: 10px 0 }
#pole p big { font-weight: bold; }
.hp-sluzby { width: 320px; float: left; padding: 30px 0 0 0; }
.hp-more { width: 302px; float: left; position: relative; left: 20px; padding: 30px 0 0 0; }
.hp-more div.image { width: 300px; _width: 202px; height: 175px; _height: 177px;  background: #F1F1F1; border: 1px solid #BBBBBB; }
.hp-more div.image img { position: relative; top: 6px; left: 6px; }

.perex { background:url("grafika/bg-boxd.gif") 100% 100% repeat-x #F4FFBD; padding: 2px 10px; margin-bottom: 25px; color: #455302; font-weight: bold }

#hplist { font-weight: bold; font-size: 120%; color: #736D85; }
/* XXXXXXXXX HLAVNI OBSAHOVE POLE KONEC XXXXXXXXX */


/* XXXXXXXXX SIDEBAR XXXXXXXXXXXXXXXXXXX */
#side {  margin: 0px 0 0px 0; padding: 20px 0 0 0; position: relative; font-size: 90%; background: #D8262E; overflow: hidden; color:#fff;} 
#side h2 { font-size: 160%; color: #fff; font-weight: bold; margin: 0 0 0 0; padding: 3px 0 3px 0px;  text-transform: uppercase;}
#side h2 a:link, #side h2 a:visited { font-size: 100%; color: #fff; font-weight: bold }
#side h2 a:active, #side h2 a:hover { font-size: 100%; color: #fff; font-weight: bold }
#side a {color:#fff; margin-bottom: 5px;}
#side p, #side p strong { color: #fff; }
#side div.novinka { padding: 15px; }



#side p  { margin: 5px 0px; text-align: left;  }
#side p.datum { font-size: 80%; color: }
#side ul { width: 268px; margin: 0 0 0 0; padding:  0 0 3px 0; right: 0px }
#side ul li { width: 268px; list-style-image: none; list-style-type: none; margin: 0 0 0 0; padding:  0 0 0 0 }
#side ul li a { display:  block; width: 268px; padding: 4px 0 5px 0; border: 1px solid #98CCE9; border-width: 1px 0; border-top-color: #EBF6FA; text-indent: 7px }
#side ul li a:link, #side ul li a:visited { background:url("grafika/bg-sidemenu.jpg") 0% 0% repeat-y #C9E0EF; font-weight: bold; color: #14649E }
#side ul li a:active, #side ul li a:hover { background:url("grafika/bg-sidemenu.jpg") 0% -100px repeat-y #9BC6E1; font-weight: bold; color: #12243F }
#side ul li A#sideselected:link,#side ul li A#sideselected:visited,#side ul li A#sideselected:active,#side ul li A#sideselected:hover { color: #667D17; background:url("grafika/sideselect.jpg") 0% -100px repeat-y #E7F5C4; text-decoration: none; border-bottom-color: #B6E16C; border-top-color: #F5FBEA }

#side div#sidetools {  background:url("gfx/bg-sidetools.gif") 0% 0% repeat-y #353535; border: 1px solid #fff; border-width: 30px 0 0 0; }
#side div#sidetools input.txt { border: 1px solid #AFAFAF; width: 174px;  }
#side div#sidetools h2 { color: #FF3900; text-indent: 20px; font-size: 100%; text-transform: uppercase; padding: 0 0 0 0; font-weight: bold; }
#side div#sidetools form { padding: 20px; }

#side div#sidetools h2.top { height: 55px; line-height: 55px; background:url("gfx/bg-topheading.gif") 0% 0% repeat-y #353535;  }
#side div#sidetools h2.middle { height: 55px; line-height: 55px; background:url("gfx/bg-middleheading.gif") 0% 0% repeat-y #353535;  }

/* XXXXXXXXX KONEC SIDEBAR XXXXXXXXXXXXXXXXXXX */


/* XXXXXXXXX FOTOGALERIE XXXXXXXXX */
p.image { width: 114px; height: 62px; float: left; margin: 0 0 0 0 }
p.image img { display: block; width: 100px; height: 50px; border: 1px solid #000; margin: 4px 0 0 0 }
p.g { width: 505px; margin: 10px 0 0 0; padding: 0 0 0 0; font-size: 90% }
p.g span, p.g span a, p.g span img { display: block; text-align: center }
p.g span { width: 120px; height: 65px; margin: 5px 5px 5px 0; float: left }
p.g span a { width: 114px; height: auto; margin: 0 0 0 0 }
p.g span a:link, p.g span a:visited { background: #E7F0F8; border: 1px solid #8FBDDE; text-decoration: none }
p.g span a:active, p.g span a:hover { background: #F5FAFC; border: 1px solid #0D45A2; text-decoration: none }
p.g span img { width: 100px; height: 50px; margin: 5px auto 6px auto; line-height: 1.3em }
p.g span a img { border: 1px solid #3A88C0 }
p.g span a:hover img { border: 1px solid #F5FAFC }
p.g span.clear { width: 400px !important; height: 1px !important; margin: 0 0 0 0 !important; clear: left; float: none !important }
/* XXXXXXXXX FOTOGALERIE KONEC XXXXXXXXX */

/* XXXXXXXXX VELKA FOTOGALERIE XXXXXXXXX */
p.galery { width: 504px; margin: 10px 0 0 0; padding: 0 0 0 0; font-size: 90% }
p.galery span, p.galery span a, p.galery span img { display: block; text-align: center }
p.galery span { width: 166px; height: 140px; margin: 5px 2px 5px 0; float: left }
p.galery span a { width: 164px; height: auto; margin: 0 0 0 0 }
p.galery span a:link, p.galery span a:visited { background: #fff; border: 1px solid #fff; text-decoration: none }
p.galery span a:active, p.galery span a:hover { background: #E7F0F8; border: 1px solid #8FBDDE; text-decoration: none }
p.galery span img { width: 150px; height: 113px; margin: 5px auto 6px auto; line-height: 1.3em }
p.galery span a img { border: 1px solid #3A88C0 }
p.galery span a:hover img { border: 1px solid #F5FAFC }
p.galery span.clear { width: 400px !important; height: 1px !important; margin: 0 0 0 0 !important; clear: left; float: none !important }
/* XXXXXXXXX VELKA FOTOGALERIE KONEC XXXXXXXXX */


/* XXXXXXXXX PATICKA XXXXXXXXX */
#footer {  margin: 0 auto 0px auto; padding: 0 0; text-align: center; font-size: 90%; color: #666;  background: #f2f2f2; }
#footer p { margin: 0 15px; padding: 4px 0 0 0 }
#footer A:link { color: #D8262E } 
#footer A:visited { color: #D8262E } 
#footer A:active, #footer A:hover { color: red }
#footer div#stat { padding: 3px 0 0 0 } 
/* XXXXXXXXX PATICKA KONEC XXXXXXXXX */



/* Kde vsude chci zmekcit pismo */
h4, #pole, .pole, #side h3, #side ul li, .sidekontakt, #fotodetail, .supatlacitko, #diky, form#hledani label, .box p, .box2 ul, #doporuc, form#kontaktform p#odesli input, .pole#aktuality p.date span.rok, #homenews, #homerezerve, #siderezerve, #side .sidebox#random img, div#header p#logo img, div#header h1#logo img  {
 
}

/* xxxxxxxxxxx Konec Sezony xxxxxxxxxxx */
.pozor { width: auto; height: auto; border: 1px solid #8DB40A; border-width: 1px 0; background: #EEFDA2; margin: 10px 0 20px 0; padding: 0 10px }
.pozor p { color: #536905 }
/* xxxxxxxxxxx Konec Sezony konec xxxxxxxxxxx */

	
	#lang {margin-bottom : 10px; font-size : 0.8em; text-align : right;}
/* }}} */

/* {{{ KONTAKT */
	#kontakt-table td {
		vertical-align : top;
		padding-bottom : 10px;
	}
	#kontakt-table td img {margin-right : 10px;}
	
/* }}} */


/* THICKBOX */
html, body { min-height: 100%; height: auto !important; height: 100% }
/* thickbox specific link and font settings */
#TB_window { font-size: 90%; font-weight: bold; }
#TB_secondLine { color:#666666; font-weight: normal;  position: relative; top: 4px }
#TB_window a { font-weight: bold }
#TB_window a:link { color: #14649E }
#TB_window a:visited { color: #604198 }
#TB_window a:active { color: #000 }
#TB_window a:hover { color: #000 }
/* thickbox settings */
#TB_overlay {	position: absolute; z-index:100; top: 0px; left: 0px }
#TB_window { position: absolute; background: #ffffff; z-index: 102; color:#000000; display:none; border: 1px solid #3C89C1; text-align:left }
#TB_window img { display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc }
#TB_caption { height:40px; padding:10px 30px 10px 15px; float:left }
#TB_closeWindow { height:40px; padding:11px 15px 10px 0; float:right; position: relative; top: 20px }
#TB_closeAjaxWindow {	padding:5px 10px 7px 0; margin-bottom:1px; text-align:right; float:right }
#TB_ajaxWindowTitle {	float:left; padding:7px 0 10px 10px; margin-bottom:1px }
#TB_title {	background-color:#e8e8e8; height:27px }
#TB_ajaxContent { clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em }
#TB_ajaxContent p {	padding:5px 0px 5px 0px }
#TB_load { position: absolute; display:none; height:100px; width:100px; z-index:101 }
#TB_HideSelect { z-index:99; position:absolute; top: 0; left: 0;  border:none }
#TB_iframeContent {	clear:both; border:none; margin-bottom:-1px; margin-top:1px }
/* THICKBOX KONEC */


.header .navbar {background-color: #b21017;}
.header .navbar .navbar-brand {color:#fff; text-decoration: none; font-size: 20px; font-weight: bold; text-transform: uppercase;}
.header .navbar .menu a  {color:#fff; font-size: 16px; text-decoration: none; }
.header .navbar .menu a:hover  {color:#fff; text-decoration: underline;}
.navbar-expand-lg .navbar-nav .nav-link {	padding-right: 1rem;	padding-left: 1rem;  }

@media (min-width: 576px) {.header .navbar .navbar-brand, .topmenu-nav.sitesmenu {margin-left: 10px!important;}}

.navbar-brand {white-space: normal; max-width: 60vw; text-align: left;}
@media (max-width: 576px) {
	.navbar-brand {font-size: 15px!important;}

	div#header p#logo, div#header h1#logo strong,
	div#header p#logo, div#header h1#logo span {font-size: 24px; line-height: 1.5;}
	div#header p#logo, div#header h1#logo strong {font-size: 15px; } 
	div#header .container {height: 250px; }
	h1 {font-size: 180%;}
}

.navbar-toggler {transition: none;}
.navbar-toggler:focus {
	outline: 0;
	box-shadow: none;
  }


h1#logo {text-align: right;;}

#searchform {position: fixed; top:111px; right: 0px; z-index: 1000; background-color: #f7f7f7; padding: 20px 20px; width:100%;}
.form-control {border-radius: 0px;}
.btn-primary {background-color: #D8262E;border-color: #D8262E; border-radius: 0px;}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus {background-color: #B21017;;border-color: #B21017; outline: 0px;
	box-shadow: none;;}
.btn-light {color:#b21017; border-radius: 0px;}
.btn-light:hover, .btn-light:active, .btn-light:focus {color: #B21017; outline: 0px;box-shadow: none;;}
	
.topmenu {
	background-color: #D8262E;
	color: white;
	position: relative;
	padding: 8px 10px;
	font-size: 0.75em;
  }
  .topmenu .topmenu-container ul.topmenu-nav {
	list-style: none;
	display: inline-block;
	margin: 0;
	  margin-right: 0px;
	margin-right: 1em;
	padding: 0;
  }
  .topmenu .topmenu-container ul.topmenu-nav:last-child {
	margin-right: 0;
  }
  .topmenu .topmenu-container ul.topmenu-nav li {
	display: inline-block;
  }
  .topmenu .topmenu-container ul.topmenu-nav {
	list-style: none;
  }  
  .topmenu .topmenu-container a {color:#fff; text-decoration: none;}
  topmenu .topmenu-container a:hover {text-decoration: underline;}