html{
	overflow-x:hidden; overflow-y:scroll;
	}
	
body{
	margin:0; padding:0; font-size:100%; text-align:left;
	}

h1, h2, .hidden {
	width: 1px;
	overflow: hidden;
	position: absolute;
	left: 0px;
	top: -10000px;
}

#podbody {
	font-size: 100%;
}

#bloknavrat {
	clear: left;
}

#bloknavrat {
	margin-top: 1.1em;
}

/* ---- Elementy HTML 5 --------*/

main, nav, section, footer, header, address, article, aside, figcaption, figure {
	display:block;
	margin:0; 
	padding:0;
}

/* -- cleaner --- */

.clnr::before, 
.clnr::after{display:table; content:"";}
.clnr::after{clear:both;}

a {
	text-decoration:none; 
	outline:none;
}

#portmain a {
		text-decoration:underline; 	
}

#portmain img {
	margin:0; 
	padding:0; 
	width:auto; 
	max-width:100%; 
	height:auto; 
	border:none; 
}

.art-middle p {
	padding-top: 0;
	margin-top: 0;
}
.oramovat {
	padding:4px; border:1px solid; box-sizing:border-box;
}

section {
	clear:both;
}

#port-middle {
	
	
	
/*	padding-right: 10px;*/
	padding-left: 0px;
	padding-bottom: 10px;
	margin-top: 20px;
	 line-height: 1.2em;
	
}

#port-middle.col-2-4 {
	
	
	

	width: 54.71794%;
}

#port-middle.col-3-4 {
	
	width: 79.35897%;
}


#port-middle>article {

	
}

#firstblock {
	margin-left: 0;
}

.textbox.spodnitexty {
	clear: left;
}


/* ------ Fonts -------*/
body, button, input{
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	-moz-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}

body, h3, h4, h5, h6 {font-weight:400;}

strong {font-weight:700;}

body {
	font-family:"OpenSansRegular", Arial, Helvetica, sans-serif; 
	
	-webkit-font-smoothing: subpixel-antialiased;
	font-smoothing: subpixel-antialiased;	
	
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	-moz-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
	
}

h3, h4, h5, h6 {
	font-family: "OpenSansRegular", Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	font-weight:bold !important;
	}

#topnav #rsmenu {
	font-family: "Roboto", Arial, Helvetica, sans-serif;
	/* font-variant: small-caps; */
	text-transform: uppercase;
	}

.flex-caption span.obal {
	font-family:"Roboto", Arial, Helvetica, sans-serif;}

.art-middle .vypis .vtitle, #port-right .vypis .vtitle  {
	font-family:"Roboto", Arial, Helvetica, sans-serif;}

/* ------- Řádky -------*/

.row-pageheader {
}

.row-slider {
}

.row-main {
}

.grid-obal-pagefooter {
	border-bottom: 1px solid silver;
	z-index: 99;
	position: relative;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}

.grid-obal-webdesign {
	border-top:1px solid;
	z-index: 99;
	position: relative;
}


/* ------- Nadpisy ------*/

h3, h4, h5, h6 {
	margin:0 0 0.7em 0; 
	font-weight:normal; 
	line-height:normal; 
}

h3 {font-size:1.6em;}



h4 {font-size:1.4em;}
h5, h6 {font-size:1.2em;}

h3, h4, h5, h6 {
	display:block; 
	position:relative; 
	
	border-bottom:1px solid;
}

.row-nadpis h3  {
	display: inline-block;
	padding-bottom: 0px;
	border-bottom: none;
	margin-bottom: 3px;
	color: white;
	text-shadow: 1px 1px 4px #000;
	margin-top: 5px;	
}

#port-left  {
	
margin-top: 20px;
	
}



#port-left  h4 {
	
	padding-bottom: 0px;

border-bottom: none;
margin-bottom: 5px;
margin-top: 10px;
	
}



#port-left h4:first-child  {
	
	margin-top: 0px;

}

#port-left  h4::after  {
	
	display:none;
	
}


#port-middle  h4 {
	margin-top: 0.7em;
	clear: left;
}

h3::before, h4::before, h5::before, h6::before{
}

h3::after, h4::after, h5::after, h6::after {
	display:block; 
	position:absolute; bottom:-10px; left:0; 
	width:29px; height:8px; content:"";
	display: none;
}

.row-nadpis h3::after {
	display:none; 
	
}

/* -------- Header ------*/
#header{
	position:relative;
	
	background-position: right 47px;
	background-repeat: no-repeat;
	width: 1200px;
margin: 0px auto;

}
#header #logo{float:left;
float: left;

width: 240px;
height: 1px;
margin-top: 0px;
position: absolute;

top: 5px;

left: 5px;
 
}


#header #logo2{
position:absolute;
top: 0px;
left: 350px;
}

/* ------- Main -------*/

.row-main, .row-bread {
   
   /*  width: 1200px !important;*/
    margin: 0px auto !important;
}

#portmain {
	position:relative; 
	padding: 0 1.3em 1.3em 1.3em;
	clear:both; 
	z-index:1;
	padding-bottom: 1em;
	background: rgba(255, 255, 255, 0.94);
	margin-bottom: 1em;
/*	border: 1px solid #FFFFFF; */
} 

 

#portmain section{
	margin-bottom: 1.3em;
/*	margin-top: 1.3em; */
}  

#portmain section.nospace {
	margin-bottom:0;
}


.grid.grid-pad .col-2-4  .col-1-1  {
	margin-left:0px;
} 



/* ----- Pravý sloupec ---- */

#port-right {
	padding-top: 0;
	margin-top: 20px;
	width: 17.07692%;

min-width: 147px;
	
}

.rr-box  {

	
}

/* ----- Levy sloupec ---- */

#leftnav {
	background-color: #00a5e5;
	margin-bottom: 20px;
	
}

.pgkt-uv #leftnav {
	margin-top:20px;
	
}

#leftnav a {
	color: white;
	text-decoration: none;
	
}

#leftnav li:hover a {
	
	text-decoration: underline;
	
}

#leftnav a.zvol {
	
	text-decoration: underline;
	
}

#leftnav a.zvolp {
	
	text-decoration: underline;
	
}

		

/* ----- Pagefooter navigace ----- */

.footer_nav {}

.footer_nav ul li {
	margin-top:6px; 
	padding-top:6px; 
	border-top:1px none;
	

}
	
.footer_nav ul li:first-child {
	margin-top:0; 
	padding-top:0; 
	border-top:none;
}

/* ------- Pagefooter ------*/

.page-footer{padding:2em 0; }/* zmeneno */

.page-footer .footer_title{margin:0 0 2em 0; font-size:1em; font-weight:bold; text-transform:uppercase;}
.page-footer .footer_title span{padding-bottom:0.5em; border-bottom:3px solid;}

.page-footer .footer_gallery.spacing li{margin-bottom:15px;}

.page-footer .footer_gallery img {
    opacity: 0.7;
}

.page-footer .footer_gallery img:hover {
    opacity: 1;
}
.page-footer .socsiste li, .p-footer .socsite div{margin-right:8px;}

.page-footer .nav.inline li{margin:0 8px 5px 0; padding:0 0 0 15px;}
.page-footer .nav.inline li:last-child{border-right:0;}

.page-footer .testimonial{margin-top:0;}

.page-footer nav ul {margin:0; padding:0; list-style:none;} 

.page-footer h3, .page-footer h4, .page-footer h5, .page-footer h6 {
	border-bottom: none;
}

.page-footer h3::after, .page-footer h4::after, .page-footer h5::after, .page-footer h6::after {
	display:none; 
}

/* ---- menu ve footer - zobrazime pouze 2 level --- */

.page-footer .footer_nav ul.level1 > li > a {
	
}

/* --- COPYRIGHT ---- */

#copyright {font-size:.90em; padding-top: 1em; padding-bottom: 2.5em;}
#copyright p{margin:0; padding:0;}

#copyright #sumavanet {
	/* display: none; */
}

#sumavanet a {
}

#webdesign {
	float: right;
}
#webdesign a {

}
/* --- nastavení ul ---- */
ul  {
	padding: 0px;
	margin: 1em 0em 1em 0em;
	
}
ul li  {
	padding: 0px 0px 0px 0px;
	margin: 0.7em 0em 0.7em 1em;
	
}

#midnav ul li, #pagemenu ul li {
	display: inline-block;
	margin: 0em 0em 1px 0em;
	background-color: #00a5e5;
	padding: 3px 5px;
	
}

#midnav ul li, #pagemenu ul li  {
	display: inline-block;
	
	margin: 0em 1px 1px 0em;

background-color: #00a5e5;

padding: 5px 8px;

font-size: 15px;
}

#midnav ul li a, #pagemenu ul li a  {
color: white;
font-weight: bold;

text-decoration: none;
}

#midnav ul li a:hover, #pagemenu ul li a:hover  {


text-decoration: underline;
}

#midnav ul li a.zvol  {


text-decoration: underline;
}

#midnav ul, #pagemenu ul {
	margin: 5px 0px;
	font-size: 0px;
}


#leftnav ul  {
	
	padding-left: 10px;
	color: white;
	
}

.debuginfo {
	clear: both;
	padding: 3px; 
	margin: 2px;
	font-size: 0.9rem;
	background-color: #FFFFCC;
}

div[class^="sekce-"] {
  
clear: left;

}

/* google custom search */

.gsearch {
	position: absolute;
  top: 5px;
  left: 380px;
  width: 30%;
}

.cse .gsc-search-button-v2, .gsc-search-button-v2 {
    padding: 6px 6px !important;
}

.gsc-search-box-tools .gsc-search-box .gsc-input {
    padding-right: 0px !important;
}

.gsc-search-button-v2, .gsc-search-button-v2:hover, .gsc-search-button-v2:focus {
    border: 2px solid #CECECE !important;
    margin-left: 2px !important;
    -webkit-border-radius: 22px !important;
		-moz-border-radius: 22px !important;
		border-radius: 22px !important;
}

.gsc-search-box-tools .gsc-search-box .gsc-input input.gsc-input {
}

/* banner reklama - right box - animace */
#port-right  .wrap2025 {
	width: 172px;
	height: 172px;
	overflow: hidden;
	}
	#port-right  iframe.scaledown {
	width: 480px;
	height: 480px;
	transform: scale(0.36);
	transform-origin: 0 0;
	}