/* generated by csscreator.com */
h1,h2,h3,h4,h5,h6,ul,p {
margin:0;
padding:0;
margin-bottom: .7em;
font-weight: 400;
}


html, body{
 margin:0;
 padding:0;
 }

body {
background:url(images/mainpagebgd.gif) ;
font-family:"Segoe UI",Arial, helvetica, sans-serif;
font-size:90%;
background-color:#323232;
}
body * {
	 box-sizing:border-box;
}
.titletext {
}
#maintop {
	position:relative;
}

span.animburger.trigger {
    cursor: pointer;
    display: block;
}

span.menutxt {
    display: block;
}

.line1 {
  position: absolute;
  right:412px;
  top: 64px;
}
.line2 {
  position: absolute;
  right: 388px;
  top: 106px;
  color:#fc0;
}
/* animace jen na titulce!*/
.line1, .line2 {
	transition: .7s cubic-bezier(.09,.73,.31,.96) all;
	opacity: 1;
	transform: translateX(0em);
}
.line2 {
	transition-delay: .1s;
}


.homepage .line1.noinit, .homepage .line2.noinit {
	opacity: 0;
	transform: translateX(-2em);	
	filter: blur(10px);
}






/* animace end*/














p {
line-height:1.5em;
}

li {
line-height:2em;
list-style:unset;

}

a img {
border:0;
}

a {
color:#323232;
/*text-decoration: none;*/
}
a:hover {
text-decoration:underline;
color:#323232;
}
a:visited {
color:#444444;
}

p img {
	max-width:100%;
}

#pagewidth{
width:auto;	
 max-width:1024px;
 background:#fff;
box-shadow:0 0 20px #000000;
margin:auto; /*center layout ?*/
}

#header{
 position:relative;
 height:130px;
/* background:url(images/toppage.gif) transparent 0 0 no-repeat ;*/
 background-color:white;
 width:100%;
}

.headerwrapper {
background: white url("../../data/titleimgbig/mainimage1.gif") 100% 100% no-repeat;
background-size: cover;	
}





#lefttop{
 position:relative;
 background-color:#FFF;
 width:270px;
 background:url("images/leftmenu_bgd.gif") repeat-x scroll 0 0 #FFFFFF;
 background-image: radial-gradient( circle at top left, #FFF, #f0eeee, #ACACAD );
 }

#maintop{
/* background-color: #FFFFFF;
 float: right;
 position: relative;
 width:669px;
 height:246px;
 background:url(images/mainimage.gif) transparent 0 0 no-repeat;*/
 display: block;
 font-family: Jost;
font-size: 40px;
}

.mainpage {
background-color:white;
display:flex;
flex-wrap:wrap;
}

.frontpage .mainpage {
flex-direction: row-reverse;
}

.addressblock {
    padding: 0.8rem 1.3rem;
    background: #4f4f4f;
    color: white;
    font-size: 82%;
    text-align: right;
}
.addressblock a {
	color:white;
}

.mainblockhrd  {
padding:15px 0;
}
.menunadpis  {
padding:15px 0 13px 0;
}

#topleftcol {
float:left;
}

#toprightcol {
float:right;
}



#maintext{
 display:block;
 position: relative;
 flex: 1;
}
#rightmenu{
 display:block;
 position: relative;
 flex: 0 1 30%;
}



#maintext .inner  {
	padding:1rem 2.4rem;
	text-align:justify;
}
	

#rightmenu .inner{
padding:10px 20px 10px 20px;
}

.menuborder ul{
list-style:none;
padding:10px;
}
.menuborder ul ul{
padding:0 0 0 10px;
}

.menuborder a.active{
font-weight:bold;
}




.menuborder {
 border:1px solid black;
}


#footer{
 height:50px;
/* background:url(images/bottomblock.gif) transparent 0 0 no-repeat;*/
 clear:both;
 background-color:white;
 margin-bottom:1em;
 }



 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */
.clearfix:after {
 content: ".";
 display: block;
height: 0;
 clear: both;
 visibility: hidden;
 }

.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */



 /*printer styles*/
 @media print{
/*hide the left column when printing*/
#leftcol{display:none;}
#twocols, #maincol{width:100%; float:none;}
}

h1 {
font-size:160%;
color:#6F6F6F;
margin-bottom:.7em;
}

h2 {
font-size: 130%;
margin-bottom:.7em;
}



.sidelinks {
font-size:100%;
text-transform:uppercase;
padding-left:15px;
background:url(images/odrazka.gif) 0 50% no-repeat;
margin-bottom:1.5rem;
font-weight:bold;
}

#maintext p {
color:#4C4C4C  ;
padding:0px;
margin-bottom: .7em;
}

#maintext h1 {
padding:0 0px;
}

.mainlogo {
position:absolute;
left:42px;
top:10px;
}

.abstract {
background:#E9E9E9 ;
box-shadow:0 2px 5px #999999;
padding: 1em;
border:1px solid #FFFFFF;
margin: 0 -0.7rem 1rem;
}
#maintext .abstract p {
	margin-bottom:0;
}

.titletext .abstract {
padding:0;
background:none;
box-shadow:none;
}




#lefttop ul {padding: 17px 9px;list-style:none;font-weight:bold;text-transform:uppercase;margin-bottom: 0;}


#lefttop li  {
position:relative;
list-style:none;
/* background:url(images/mainmenu_podtrzitko.gif) 0 100% repeat-x; */
border-bottom: 1px solid #aaa5;
}
#lefttop li:last-child {
	background:none;
	border-bottom:none;
}


#lefttop li a {
line-height:35px;
padding:0;
padding-left:37px;
margin:0;
background:url(images/bullet-noselect.svg) 10px 50% no-repeat;
text-decoration:none;
color:inherit;
display:block;
background-size: 11px;
}

#lefttop li a.active {
background: url(images/bullet-select.svg) 10px 50% no-repeat;
background-size: 11px;
}








#lefttop li:hover, #lefttop li.active {
    background-image: linear-gradient(to right, #bbb0,#bbb8,#bbb0 );
}

.novinky {
padding-bottom:5px;
}

.novimg {
float:left;
padding:0;
width: 36%;
}
.novimg img {
	max-width:100%;
	height:unset;
}

.hidesidebar {
	display:none;
}



.novinky p a{
margin:0;
padding:0;
}

.novtext {
width:60%;
float:right;
margin-bottom:2em;
}

#maintext .novtext p, #maintext .novtext h3 {
/* font-family:Verdana; */
font-size:94%;
margin:0 0 0.5em 10px;
padding:0 ;
line-height:1.4em;
}

#maintext .novtext .bold {
/* font-family:Verdana; */
font-weight:bold;
}

#maintext p.datum {
font-weight:bold;
font-size:94%;
color:#FEC20F ;
margin:0;
padding-left:10px;
background:url(images/odr_novinky.gif) 0 60% no-repeat;
}

.titletext {
/* font-family:Verdana; */
font-size:100%;
text-align:justify;
}

.titletext ul {
    margin-bottom: 1em;
    padding: 0 0.7rem;
}


.titletext h1{
color:#FEC20F;
margin:0 0 0.5em 0;
padding:0;
}

.floatright {
float:right;
margin-left:7px;
}
.floatleft {
float:left;
margin-right:7px;
}
.ramecek {
border:1px solid #666;
}


#maintext .inner  ul {
padding-left:20px;

}

.atm_gallery {
	display: flex;
	flex-wrap: wrap;
	margin: 1rem -0.8rem;
}

.atm_gallery .imggallery {
    max-width: 46%;
    padding: 2%;
    flex: 0 0 33%;
}

.atm_gallery img {
    max-width: 100%;
}


.googlemap {
	display:block;
}
.cms_gmap {
	width:100%;
	height:30em;
}

/* Sidebar menu */

.topright { /* menu trigger */
    float: right;
    margin-right: 1.6rem;
    margin-top: 1rem;
}

#sliderx {
    background: white;
	overflow: auto;
	padding:1rem;
}
#sliderx ul {
    padding: 0 1rem 0 .5rem;
    list-style: none;
}

#sliderx ul ul {
	padding-left:2rem;
}

#sliderx li {
    list-style: none;
}

#sliderx li a{
	text-decoration:none;
}
#sliderx .sidelogo {
	margin-bottom:1rem;
}

#sliderx a.active {
	font-weight:bold;
}









/* Sidebar menu end*/



@media only screen and (max-width: 960px) {
	.mainpage {
		background:white;
		flex-direction: column;
	}
	
	.homepage .mainpage {
		flex-direction: column-reverse;
	}
	
	
	
	
	
	
	
	
	#maintext {
		float:none;
	}
	#rightmenu {
		float:none;
		
	}




	#maintop {
		display:none;
	}






















}