@charset "windows-1250";
html{
	overflow-x:hidden; overflow-y:scroll;
	}
	
body{
	margin:0; padding:0; font-size:100%; text-align:left;
	}

h1, .hidden {
	width: 1px;
	overflow: hidden;
	position: absolute;
	left: 0px;
	top: -10000px;
}

#podbody {
	font-size: 100%;
	
}

#podbodyinn {
	width: 1200px;
	margin: auto;
	background-color: white;
}

#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: 2px dashed blue;*/
	outline-color: #9dc1b9;
		outline-width: 2px;
		
}

a:focus {
	
	 outline: 2px dashed #9dc1b9;
	
		
}






button {
	
	/* outline: 2px dashed blue;*/
	outline-color:#9dc1b9;
		outline-width: 2px;
		
}

button:focus {
	
	/* outline: 2px dashed blue;*/
	outline-color:#9dc1b9;
		outline-width: 2px;
	outline: 2px dashed #9dc1b9;	
}



#portmain a {
		text-decoration:underline; 	
		outline-color:#9dc1b9;
		outline-width: 2px;
		
}

#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: 0px;
	
}

#portmain .grid.grid-pad .col-3-4 {

   width: 76.85897%; 

}

#port-middle>article {
margin-top: 1.3em;	
	
}

#port-middle>article:first-of-type {
   margin-top: 1px;
}

#firstblock {
	margin-left: 0;
	display: none;
}


/* ------ 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: "Open Sans", Arial, Helvetica, sans-serif;}

h3, h4, h5, h6 {
	font-family:  "Open Sans", 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;}

/* ------- Oá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;
margin-top:15px; 
}

h2#obsahstranky + div h4:first-child{
margin-top:0px; 
}

h3.obsnadpis + div div:first-child h4:first-child{
margin-top:0px; 
}

h5, h6 {font-size:1.2em;}

h3, h4, h5, h6 {
	display:block; 
	position:relative; 
	margin-bottom:15px; 
	border-bottom:1px solid;
}
 h3, h4, h5 {   /* ------- h4 -mapa - gabreta------*/
	clear: left;
}

#portmain h3 a, #portmain h4 a, #portmain h5 a {
   text-decoration: none;
}

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:"";
}

h4::after {
	
	width:8px;
}

h3.obsnadpis + h4 {
margin-top:0px; 
}

/* -------- Header ------*/
#header{
	position:relative;
	
	background-position: right 47px;
	background-repeat: no-repeat;

}
#header #logo{float:left;
float: left;

width: 300px;
height: 1px;
margin-top: 0px;
 
}




/* ------- Main -------*/

#portmain {
	position:relative; 
	padding: 0 0 1.3em 0;
	clear:both; 
	z-index:99;
	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;
}


#portmain .col-1-1.onecol article {
	width: 100%;
	margin: 0px auto;
}

/* ----- Pravý sloupec ---- */

#port-right {
	padding-top: 0;
	
	
}

.rr-box  {

	
}

.pgkt-ture .rr-box  {
display: none;
	
}

.pgkt-ture  .grid.grid-pad .col-2-4 {

  

}	

/* ----- 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;
}

#copyright #pristupnost {
	margin-bottom: 10px;
}

#copyright1  {

}

#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;
	
}
/* --- horni ovladani ---- */
#horniovladani {
    font-size: 120%;
    position: absolute;
    top: 7px;
    z-index: 40;
    height: 10px;
    margin-left: 0px;
    right: 2px;
    z-index: 10;
}
#horniovladani ul {
    margin: 0px;
    padding: 0px;
    list-style-image: none;
    list-style-type: none;
}
#horniovladani li {
    padding: 0px;
    list-style-image: none;
    list-style-type: none;
    float: left;
    margin: 0px;
    display: inline;
}

#horniovladani li.skoknaobsah a {
    width:20px;
	height: 20px;
	position: relative;
}

#horniovladani li.skoknaobsah a:after {
   content: "Skok na obsah";
   position: absolute;
   top:0px;
   left: 0px;
   font-size: 10px;
   display: none;
   
}

#horniovladani li.skoknaobsah a:focus:after {
   content: "Skok na obsah";
   position: absolute;
   top:0px;
   left: 0px;
   font-size: 10px;
   display: block;
   
}



#horniovladani li a {
   color: #313131;
   
    text-decoration: underline;
    text-align: center;
    margin: 2px 12px 0px 0px;
    
    line-height: 10px;
   
    display: block;
    float: left;
    text-transform: uppercase;
	
	padding-right: 0px 3px 0px 3px;
   
}

#horniovladani span {
    color: #000000;
    display: block;
    padding-right: 4px;
    padding-left: 4px;
	display: none;
}



.fa-home::before {

    content: "\f015";

}
.fa-print::before {
    content: "\f02f";
}
.fa-sitemap::before {
    content: "\f0e8";
}

#header #logo2 {
display: none;
    position: absolute;
    top: 1px;
 left: 400px;

}

#header #logo3 {

 position: absolute;
top: 50px;
left: 125px;
z-index: 406;

}

#header #logo3 a span{

display: none;
}

#header #logo3 a {
display: none;
width: 250px;
height: 67px;
background-image: url(images/logo.png);
}

.gsearch {
    position: absolute;
    top: 5px;
    left: 580px;
    width: 30%;
}
