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%;
}

#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 {
	margin-left: 0;
	
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	
}

#firstblock {
	margin-left: 0;
}


/* ------ 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;}

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; 
	padding-bottom:5px; 
	border-bottom:1px solid;
}

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:"";
}



/* -------- Header ------*/
#header{
	position:relative;
	
	background-position: right 47px;
	background-repeat: no-repeat;

}
#header #logo{float:left;}


#header #logo2{
position:absolute;
top: 20px;
right: 0px;

}

/* ------- Main -------*/

#portmain {
	position:relative; 
	padding: 10px;
	clear:both; 
	z-index:99;
	padding-bottom: 1em;
background: rgba(235, 227, 217, 0.53);
	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  {
	padding: 10px;
	
}	

/* ----- Pagefooter navigace ----- */

.footer_nav {}

.footer_nav ul li {
	margin-top:6px; 
	padding-top:6px; 
	border-top:1px solid;
	

}
	
.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 1em 0; font-size:1em; font-weight:bold; text-transform:uppercase;}
.page-footer .footer_title span{padding-bottom:0.1em; border-bottom:2px solid; line-height: 1.5em;}
.page-footer ul {
	padding: 0px;
	margin: 0px;
	list-style-position: inside;
	
}

.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 {
	
}

#sumavanet a {
}

#webdesign {
	float: right;
}
#webdesign a {

}
/* --- PORT-BOTTOM ---- */

#port-bottom {

    position: relative;
    padding: 10px;
        padding-bottom: 10px;
    clear: both;
    z-index: 99;
    padding-bottom: 1em;
    background: rgba(244, 254, 255, 0.7);
    margin-bottom: 1em;
    border: 1px solid #FFFFFF;

}