/* zakladni styly*/
body,html { font-family: verdana; font-size: 11px; padding: 0px 0px 0px 0px; margin: 5px 0px 0px 0px; color: #000000;background-color: #cccccc; }
div { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
a { text-decoration: none; color: #555555	; }
a:hover {text-decoration: none; color: #ce0000; }

.banner { padding-bottom: 4px; padding-top: 4px;}
.banner img {border: solid 1px #313131;}
/* .banner embed {border: solid 1px #313131;} */

/* kontejner*/
#content { width: 880px; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px}

/* ======= #### Header #### ======= */
#header { }
#header img {float: left; border: none; }

/* top menu */
#topmenucontainer ul {float: right; font-family: arial; font-size: 10px; font-weight: bold; padding-top: 20px; padding-bottom: 5px; }
#topmenucontainer ul li {display: inline; }
#topmenucontainer ul li a { color: #cccccc; background-color: #ce0000; float: left; text-decoration: none; border: 0 none; margin-left: 7px; margin-right: 1px; width: 55px; text-align: center; line-height: 18px;  }
#topmenucontainer ul li#current a{ color: #ce0000;}
#topmenucontainer ul li a:hover{ color: #494949; border: 0 none; }

#references_body li {font-size: 12px; padding-top: 2px;}

/* language select */
#languagecontainer ul {float: right; }
#languagecontainer ul li {display: inline; }
#languagecontainer ul li a { float: left; padding-top: 18px; padding-bottom: 0px; padding-left:2px; padding-right:2px; text-decoration: none; border: 0 none; }

/* ====== #### Submenu #### ====== */
#smenu { padding: 0px 0px 110px 0px; margin-bottom: 25px;}
#smenu .menu2item { margin: 0px 10px 0px 0px; float: left; width: 117px}
#smenu .menu2itemE { margin: 0px 0px 0px 0px; float: left; width: 117px}
#smenu img { border: solid 1px #313131; }
#smenu .text { background-color: #ce0000; text-align: center; color: #cccccc; font-weight: bolder; line-height: 16px; border-top: solid 3px white; }
#smenu .text2 {text-align: center; color: #808080; font-weight: bolder; font-size: 9px; }

.picnic_cat { margin-left: 5px;}
.branch_cat_item { float: left; margin-top: 15px; margin-left: 15px;}

.branch_cat_img { border: solid 1px #313131; }
.branch_cat_text { text-align: center; }

/* ====== #### Homepage body #### ====== */
#homepage_body { width: 750px; height: auto; float: left; overflow: hidden; }
#homepage_body .banner { text-align: center; margin-bottom: 10px;}

#homepage_body .newsitem { width: 365px;  margin: 10px 10px 10px 0px; float: left;}
#homepage_body .newsitem img {float: left; margin-right: 10px; border: solid 1px #313131;}
#homepage_body .newsitem .head { font-size: 12px; margin-bottom: 3px;}
#homepage_body .othersitem { font-size: 12px;  float:right; font-style: italic;}

/* ====== #### Homepage partners #### ====== */
#homepage_partners { width: 100px; height: auto; margin-right:10px; float: right; font-family: verdana; font-weight: bold; text-align: center;}
#homepage_partners .header { font-size: 14px; padding-bottom: 2px; position: relative; top: -17px }
#homepage_partners img { padding: 0px; margin: 2px; border: solid 1px #313131;position: relative; top: -17px  }

/* ====== #### Homepage projects #### ====== */
#homepage_projects { width: 150px; height: auto; float: right; font-family: verdana; font-weight: bold; text-align: center; line-height: 18px;}
#homepage_projects .header { font-size: 14px; padding-bottom: 15px; }
#homepage_projects a { text-decoration: none; color: black;}
#homepage_projects a:hover { text-decoration: none; color:  #cccccc}

#homepage_projects .projectsitemZ { font-size: 11px; margin: 0px 0px 0px 0px; background-color: #ce0000; color: white; border: solid 1px #313131; border-bottom: none }
#homepage_projects .projectsitemZ a { color: #cccccc; }
#homepage_projects .projectsitemZ a:hover {color: #494949}
#homepage_projects .projectsitemE { font-size: 11px; margin: 0px 0px 0px 0px; background-color: #ce0000; color: white; border: solid 1px #313131; }
#homepage_projects .projectsitemE a { color: #cccccc; }
#homepage_projects .projectsitemE a:hover {color: #494949}
#homepage_projects .projectsitem { font-size: 11px; margin: 10px 0px 0px 0px; border: solid 1px #313131  }
#homepage_projects .projectsitem a:hover { text-decoration: none; color: #ce0000}

#calendar_body .calendar { }
#calendar_body .calendar table {padding:0px; margin: 0px;}
#calendar_body .calendar tr {}
#calendar_body .calendar th {font-weight: bold; background-color:#F4F0E5; border:1px ridge #C2D5E7;}
#calendar_body .calendar td {padding:0px; margin: 0px;}

/* ====== #### News body #### ====== */
#news_body .newsitem { margin: 10px 10px 0 0px; }
#news_body .newsitem img {float: left; margin-right: 10px; margin-bottom: 10px; border: solid 1px #313131;}
#news_body .newsitem .head { font-size: 12px; margin-bottom: 5px;}
#news_body .anotation { font-size: 13px;}

/* ====== #### News body #### ====== */
#newsitem_body { }
#newsitem_body img { border: solid 1px #313131; margin-right: 2px;}
#newsitem_body .head { font-size: 12px; font-weight: bolder; }
#newsitem_body .anotation {font-style: italic; font-size: 12px;}
#newsitem_body .nextimages {margin-left: 600px; font-size: 11px; }

#newsitem_body .navigace { padding-bottom: 10px; }
#newsitem_body .navigace a { color: #ce0000; font-weight: bolder;}
#newsitem_body .navigace a:hover { color: #666666; font-weight: bolder;}
#newsitem_body .navigace .prev {float:left; text-align: left; margin-left: 5px;  }
#newsitem_body .navigace .next {float:right; text-align: right; margin-right: 5px; }	

/* ====== #### Gallery body #### ====== */
#gallery_body {}
#gallery_body img { margin: 2px 2px 2px 2px; border: solid 1px #313131; }
#gallery_body .back {margin-left: 600px; font-size: 11px;}

/* ====== #### Branch body #### ====== */
#branch { font-size: 13px;}
#branch img {border: solid 1px #313131; }
#branch .titlem {font-size: 20px; font-weight: bolder; color: rgb(34,34,34);}
#branch .left {float:left; width: 254px;}
#branch .textleft {padding-right: 20px; margin-left: 12px; color: rgb(34,34,34);}
#branch .center {float:left;}
#branch .right {float:right; width: 255px; }
#branch .textright {padding-left: 28px; margin-right: 8px; color: rgb(34,34,34);}
#branch .imgright { margin-left: -8px; border: 8px #2A2929 solid}

#branch .activityitem { margin: 10px 10px 0 0px; }
#branch .activityitem img {float: left; margin-right: 10px; margin-bottom: 10px; border: solid 1px #313131;}
#branch .activityitem .head { font-size: 12px; margin-bottom: 5px;}
#branch .anotation { font-size: 13px;}

#branch .exitem { font-size:11px; font-weight:bolder; margin:0px 0px 0px 28px; }
#branch .exitem img { margin:4px; }


#activity_switch { font-size: 11px; }
#activity_switch a { font-weight: bolder; }

/* ====== #### About body #### ====== */
#about_body {}
.title { font-size: 15px ; font-weight: bolder; padding-left: 10px; margin-bottom: 15px; background: url(../images/tab.gif) no-repeat left;}
.title2 { font-size: 13px ; font-weight: bolder; padding-left: 10px; margin-bottom: 5px; margin-top: 15px; background: url(../images/tab2.gif) no-repeat left;}

/* ====== #### Contact body #### ====== */
#contact_body {}

/* ====== #### Footer #### ====== */
#footer {margin: 20px 0 0 0; border-top: solid 5px white;}
#footer a { color: #cccccc; }
#footer a:hover{ color: #494949;}
#footer .copyright {padding-left: 15px; width:425px; font-size:12px; color: #cccccc; float: left; background-color: #ce0000; height: auto; line-height: 25px;}
#footer .proverb {padding-right: 15px; width:425px; font-size:12px; color: #cccccc; background-color: #ce0000; float:right; text-align: right; height: auto; line-height: 25px; }

th,td { padding: 0.25em 0.25em; vertical-align: baseline; }
th {  color: #cccccc; background-color: #ce0000; } 

#calendar {border: 1px solid black; width: 680px; border-collapse: collapse; } 
#calendar thead { text-align: center;}
#calendar thead th { border-left: dotted #666 1px; border-bottom: solid black 1px; }
#calendar .month_light { font-weight: bolder; border-top: dotted #666 1px; background-color: white;}
#calendar .month_dark { font-weight: bolder; border-top: dotted #666 1px; background-color: #EFEFEF;}
#calendar .item_light {background-color: white; }
#calendar .item_dark { background-color: #EFEFEF; }
#calendar .border_month {border-top: solid 1px black;}

#archive_switch { font-size: 11px; }
#archive_switch a { font-weight: bolder; }


.clear {clear: both;}
.u{ text-decoration: underline; }
.i{ font-style: italic; }
.b {font-weight: bold; }

.test { background-color: red;}

.red { color: #ce0000; }

element {
  background: expression(
    this.onmouseover = new Function("this.className += ' hover';"),
    this.onmouseout = new Function("this.className = this.className.replace(' hover', '')")
  );
}

.debug_sql { 
	font-size: 10px; color: #ce0000;
	margin: 4px;
	background-color: white;
	border: solid 1px black;	
}

.debug_class {
	font-size: 10px; color: #green;
	margin: 4px;
	background-color: white;
	border: solid 1px black;
}