/* generated by csscreator.com */ 
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 font-family: "Arial CE",Arial, hlevetica, sans-serif;
} 

body {
background: url(../images/mainbgd.jpg) 0 0 #517AE3 repeat-x;
color: #fff;
}

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

.leftmenu a, .leftsubmenu a {
text-decoration: none;
color: black;
}


a:hover {
text-decoration: underline;
}



* {
margin:0;
padding:0;
}

a img {
border:0;
}

body {
  font-size:75%;
}
 
#pagewidth{ 
 width:770px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto; 
 padding:0 0px;
 background:url(../images/pozadistranky.gif) #0C0E63;
} 
 
#leftcol{
 width:207px;
 text-align:center; 
 float:left; 
 position:relative; 
 padding:0 0px
}

.blokloga {
text-align:left;
padding-left:40px;
}

 
#twocols{
 width:562px; 
 float:right;    
 position:relative;
 color:#fff;
 }

#twocols p {
 font-size:95%;
}
 
#rightcol{
 width:280px; 
 float:right; 
 position:relative; 
 padding-bottom:20px;
 padding-right:27px; 
 padding-left:17px; 
 color: white;
 text-align: justify;
 }




#centercol{
 float: left; 
 display:inline; 
 position: relative; 
 width:200px;
 padding:0 18px;
 text-align: justify;
 background: url(../images/tecky.gif) 100% 0 repeat-y;
}



 
#footer{
  clear:both;
  font-size:90%;
  background: url(../images/bottombgd.gif);
  height:20px;
 } 
p.footerleft{
display: block;
width:205px;
line-height:25px;
text-align: center;
float:left;
} 
 
p.footermain{
display: block;
line-height:25px;
color: #9D99E8;
font-size:90%;
text-align:center;
padding-left:10px;
}
 
#footer a {
border-bottom: underline;
}

#bottom p{
width:770px;
font-size:90%;
padding:10px 0;
color: black;
text-align:center;
}      
 
 
#headertitle {
height:140px;
background: url(../images/prechod_hlavicka.jpg) #840202 0 0% ;
}


#languages {
text-align: right;
height:90px;
padding-right:20px;
padding-top:20px;
}
#languages a{
color: white;
}
#languages a.bold{
color: #FFC1CC;
}

.gallery_block {
    display: flex !important;
    flex-wrap: wrap;
}

.imggallery {
    margin-bottom: 2rem;
}








 
 /* *** 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;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #centercol{width:100%; float:none;}

}

/*main styles*/

#headertitle h3 {
font-size:11px;
color:white;
text-align: center;

}

.flashplace img {
/*! border-bottom: 1px solid white; */
}

#hdrarea {
display: block;
width:533px;
padding:10px 10px 18px 18px;
}

#hdrarea h1{
float:left;
font-size:140%;
}
#hdrarea p.breadcrumb{
float: right;
text-align:right;
padding-right:28px;
color:#D50020;
}


#logoarea {
height:125px;
padding-top:15px;
}

#centercol h2, #rightcol h2, #maincol h2 {
color: #D50020;
font-size:125%;
margin:.7em 0;
}
#maincol h3, #rightcol h3  {
color: #D50020;
font-size:110%;
margin: .7em 0;

}
#maincol h4, #rightcol h4  {
color: #D50020;
font-size:100%;
margin: .7em 0;
}
#maincol h5, #rightcol h5  {
color: #D50020;
font-size:100%;
margin: .7em 0;
}

#maincol ul {
padding-left:30px;
list-style: square;
}


#rightcol p {
margin-bottom: .7em
}


ul.leftmenu {
text-align:left;
padding-left:24px;
padding-top:10px;
margin-top:0;
list-style: none;
height:205px;
background-color:#e8e8e8;
font-size:90%;          
}
.leftmenu li  {
margin-top:5px;
margin-bottom:0px;
list-style: none;
}



ul.leftsubmenu {
text-align:left;
padding-left:5px;
margin-top:0px;
padding-top:10px;
list-style: none;
/*height:215px;*/
margin-bottom:35px;
font-size:90%;   
}



.leftsubmenu li {
padding: 3px 0 2px 0;
background:url(../images/odrazka2.gif) 6px 6px no-repeat ;
list-style:none;
margin-top:1px;
position:relative;
padding-left:20px;
}


.leftsubmenu li a{
}


ul.leftsubmenu ul {
padding-left:10px;
}


.floatright {
float:right;
margin:.5em 0 .5em 1.5em;
}
.floatleft {
float:left;
margin:.5em 1.5em .5em 0;
}

.ramecek {
border:3px solid #414F69 ;
}


.leftmenu li a.active, .leftsubmenu li a.active {
font-weight: bold;
}

#maincol {
width:502px;
text-align: justify;
padding-left:20px;
display: flex;
flex-wrap: wrap;
}

#maincol p{
margin-bottom:1em;

}


.colleft {
width:240px;
float:left;
margin-right:1rem;
}
.colright {
width:240px;
float:right;
}

.novinka {
margin-bottom:.7em;
}

.novinky img{
border:3px solid #405067;
margin: .7em 0;
}

#maincol .novinka img{
float:left;
border:3px solid #405067;
margin-right:20px;
}
#maincol .novinkafull img {
float:right;
border:3px solid #405067;
margin-left:20px;

}
.novinkafull a {
text-decoration:underline;
}

#twocols ul {
 font-size:90%;
 padding-left:10px;
 padding-top:10px;
 padding-bottom:10px;
}

#twocols ul li {
   list-style: none;
   position:relative; /*IE hack for show bgd*/
   background: url(../images/odrazka1.gif) 4px 4px no-repeat;
   padding-left:30px;
   padding-bottom:4px;
   line-height:1.7em;
   pad

}

p.center {
text-align: center;
clear: both;
color:#4B44D5;
} 

.videoplace {
background:url(../images/pozadivideo.jpg) repeat-x;
text-align: center;
height:240px;
}


.videoblock {
display:block;
padding-top:10px;
border-bottom:1px dotted white;
height:130px;
}
.vblefttext {
width:110px;
float:left;
height:110px;
}
.vbimg {
width:200px;
float:left;
height:110px;
}
.vbimg img{
border:3px solid #414F69 ;
}

.galleryblock {
width:140px;
/*! float:left; */
/*! height:205px; */
margin:3px 10px 0 12px;
}

.gbnadpis {
font-size:120%;
display:block;
}

.galleryblock p {
text-align: center;
}

p.gbimg {
display:block;
vertical-align: top;
}

p.gbimg a img{
vertical-align: middle;
margin:auto;
line-height:190px;
border:3px solid #415065; 
}


.formrow {
padding:5px 0;
width:100%;
}

label.formlabel {
display:block;
color:white;
font-weight:bold;
float:left;
font-size:80%;
width:120px;
}


.forminput {
display:block;
border:1px solid #eee;
float:left;
background-color:white;
width:150px;
margin-right:10px;
}

.sendbtn {
    border: none;
    background: url('../images/submitbgd.gif') no-repeat top left;
    padding: 0 auto;
    width:69px;
}