/*
CSS-file for Strictly CSS three column layout 2006
http://www.strictlycss.com
Developed by Eivind Savio
*/
* /*Set's border, padding and margin to 0 for all values*/
{
padding: 0;
margin: 0;
border: 0;
}
body, html {
color: #000000; 
font-family: Verdana, Arial, Tahoma, sans-serif;
background-color: #f0f8ff; 
}
body {
font-size: 70%;
min-width: 960px;
text-align: center;
}
p {
padding: 7px 0 7px 0;
}
}
h1, h2, h3 {
font-weight: bold;
padding-bottom: 5px;
}
h1 {
font-size: 2em;
}
h2 {
font-size: 1.4em;
}
h3 {
font-size: 1.3em;
}
h1 a, #header h2{
color: #fff;
}


.clear { clear: both; }



#mainContainer {
min-height: 300px;
background: #fff;
border: 1px solid #1958b7;
width: 960px;
margin: 0 auto 0 auto;
}
* html #mainContainer {
height: 300px; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}
/**************************
HEADER
**************************/
#header {
background: #000099;
}
/**************************
CONTENT AND COLUMNS
**************************/
.outer {
padding-left: 222px;
padding-right: 0px;
background-color: #ffffff; 
}
/*** This is the visible right col background. Because of IE (both 6 and 7) the right col background and inner border is in fact an repating image where 1px of the left part of the image is black, and is simulating a border.
***/
* html .outer {
/*** No need for hacking IE on this layout ***/
}
.inner {
width: 100%;
border: 0px solid #1958b7;
border-width: 0 0 0 1px;
margin-left: -2px; /*** This fixes a small overlap problem. Without this the border on the left side of the right column won't be visible ***/
background-color: #ffffff; 
}
* html .inner {
/*** No need for hacking IE on this layout ***/
}
/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid 
blowing the layout apart. IE gets the original 100% width as in the Livingstone layout. It blows 
my mind that all this hacking is being caused by the mighty Gecko engine! (shakes head ruefully)
***/
.float-wrap {
float: left;
width: 100%;
margin-left: -222px; /*** Same length as .outer padding-left but with negative value ***/
}
* html .float-wrap {
/*** No need for hacking IE on this layout ***/
}
#content {
float: right;
background: #ffffff;
margin-right: -222px; /*** Same length as .outer padding-left but with negative value ***/
width: 100%;
text-align: left;
}
* html #content {
position: relative; /*** IE needs this  ***/
}
.contentWrap{
padding: 5px;

}

/**************************
LEFT COLUMN
**************************/
/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left, 
div.left is carried over into the proper position. 
***/
#left {
float: left;
width: 210px;
min-height: 500px;
background-color: #ffffff; 
border-left: 1px solid #1958b7;
text-align: left;
}
* html #left {
position: relative; /*** IE needs this  ***/
height: 500px;
}

/**************************
FOOTER
**************************/
#footer2 {
text-align: center;
background-color: yellow;
width: 960px;
margin: 0 auto 0 auto;
}

#footer {
  width: 960px;
  margin: 0 auto 0 auto;
  margin-top: 15px;
  color: gray;
  text-align: center;
  background: #f0f8ff;
}




.banery {
  margin-top: 25px;
	width: 220px;
	text-align: center;
	padding-bottom: 25px;
}


#nazevdatum {
  width : 100%;
  padding-top:3px;
  padding-bottom:3px;
  background-color: #00569d;
  border-bottom:1px solid #1958b7;
}

#nazev {
   float : left;
   }
#nazev h1 {
font-size: 11px;
text-transform:uppercase;
background-color: #00569d;
margin:0px;
color: #e1ddd9;
}

   
#datum {
  color: rgb(255,255,255);
  text-align: right;
  font-size: 10px;
  padding-top:2px;
  padding-bottom:2px;
}


#menu-vert-cont {
  width : 100%;
  background-color: #00569d;
  border-bottom:1px solid #1958b7;
  border-top:1px solid #1958b7;
  float : left;
  

}

#menu-vert {
  padding-left: 220px;
}


#menu-vert ul{
margin: 0;

float: left;
width: 100%;
background-color: #00569d;
font-size: 12px;
font-weight: bold;

}

* html #menu-vert ul{ /*IE only rule, reduce menu width*/
width: 99%;
}

#menu-vert ul li{
display: inline;
}

#menu-vert ul li a{
float: left;
color: #e1ddd9;
padding: 2px 12px;
text-decoration: none;

}

#menu-vert ul li a:visited{
color: #e1ddd9;
}

#menu-vert ul li a:hover{
color: #e1ddd9;
background-color: #2586d7;
}





#logo {
  width : 100%;
  height: 150px;
}

#info {
  padding-left: 5px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 215px;
  border-bottom: 0px solid #1958b7;
  text-align: left;
}

.mesic {
  margin-top: 5px;
  margin-bottom: 25px;
  font-weight: bold;


}

#zpravodaje td a{
	_border: 3px solid #C4E6F4;
}
#zpravodaje td {
	padding-top: 6px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
}

#zpravodaje td a:hover {
	_border-top-color: #4D74DD;
	_border-right-color: #4D74DD;
	_border-bottom-color: #4D74DD;
	_border-left-color: #4D74DD;
}


#zpravodaje img {
	border: 3px solid #C4E6F4;
	_border: 0px solid #C4E6F4;
	margin: -3px;
	_margin: 0px;
	padding: 0px;
}

#zpravodaje img:hover {
	border-top-color: #4D74DD;
	border-right-color: #4D74DD;
	border-bottom-color: #4D74DD;
	border-left-color: #4D74DD;
}


#content ul {
	margin-left:15px;
}

#content ol {
	margin-left:22px;
}


.informace li {
	margin-left:20px;
  margin-bottom:20px;
	list-style-type: decimal;
}

.radni td {
  vertical-align: top;
  height: 120px;

}



#menu {


}

#menu ul { 
	margin: 0; 
	padding: 0; 
	list-style: none;
	width: 220px; /* Width of Menu Items */ 
	border-bottom: 1px solid #ccc; 

} 

#menu ul li { 
	position: relative; 
} 

#menu li ul { 
	position: absolute; 
	left: 219px; /*Set 1px less than menu width */ 
	top: 0; 
	display: block;
} 

#menu li:hover ul {
	display: block; 
} 

#menu li:hover>ul { 
	visibility:visible; 
} 

#menu ul ul {
	visibility:hidden; 
} 

/* Fix IE. Hide from IE Mac \*/ 
* html #menu ul li { float: left; height: 1%; } 
* html #menu ul li a { height: 1%; } 
/* End */ 

/* Make-up syles */ 

#menu ul, li { 
	margin: 0 0 0 0;
} 

/* Styles for Menu Items */ 
#menu ul a { 
	display: block; 
	background: #fff; /* IE6 Bug */ 
	width: 201px;
	padding: 5px; 
	border: 1px solid #ccc; 
	border-bottom: 0; 
	background-color: #2175bc;
  border-left: 8px solid #1958b7;
  	text-decoration: none;
color: white;
font-weight: bold;
} 

/* Hover Styles */ 
#menu ul a:hover { 
  background-color: #2586d7;
  border-left-color: #1c64d1;
	color: white; 
font-weight: bold;
	
} 

/* Sub Menu Styles */ 
#menu li ul a { 
	background: #fff; /* IE6 Bug */ 
	padding: 5px; 
	border: 1px solid #ccc; 
	border-bottom: 0;
	background-color: #2175bc;
	border-left: 8px solid #2175bc;
		text-decoration: none;
color: white;

} 

/* Sub Menu Hover Styles */ 
#menu li ul a:hover { 
	background-color: #2586d7;
	color: white; 
	font-weight: bold;
	border-left-color: #2586d7;
} 

/* Icon Styles */ 
#menu ul a.submenu {background:#2175bc url("r_arrow.gif") no-repeat right; } 
#menu ul a.submenu:hover {background:#2586d7 url("r_arrow.gif") no-repeat right;}


.odkazy { color: 000000; text-decoration:none} 







.item
{
  margin-left: 10px;
  margin-top: 10px;
  min-height: 100px;
}

* html .item {
height: 100px; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}


.item .image 
{
  position: relative;
  float:left;
  margin: 0px 12px 0px 0px;
}

.item h3
{
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
  color: #0066B3;
  font-size: 1,5em;
}
.item h3 a
{
  text-decoration: none;
  font-style: normal;
  color: #000000;
}



.cara hr {
margin: 15px 15px 15px 15px;
color: #1958b7;
background: #1958b7;
border: solid #1958b7 1px; 

}


.cesta {
font-weight: bold;

}

.cesta a{
color: #000000;
}

.cesta a:visited{
color: #000000;
}

.cesta a:hover{
color: #000000;
}






/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(mestskacast/data/js/macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}



#seznam td {
	padding-left: 2px;
	padding-right: 2px;

}

#volby
{
    border: 1px solid;
    padding: 1px;
    margin: 10px;

}

#volby TH
{
    border: 1px solid;
    padding: 10px;
    margin: 10px;
}

#volby TD
{
    border: 1px solid;
    padding: 10px;
    margin: 10px;
}

#komise {
    border-collapse: collapse;
    border: 1px solid;
}

#komise td
{
    border: 1px solid;
}


#urednideska td {

padding-bottom: 5px;


}


#odbory td {

padding-right: 25px;


}