/* volby jazyka */
.language { font:Verdana, Arial, Helvetica, sans-serif;
			 font-size:10px;
			 font-weight:bold;
			 vertical-align:middle;
			 text-align:right;
		     padding-right: 5px;
}
.language a {
	text-decoration:none;
	color:#808080
}	 

.language a:hover {
	text-decoration:none;
	color: #ff0000;
}	 


 /* body :-) */
body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
}

 /* hlavni cast obrazovky, nastaveni odsazeni od menu */
#main {
margin-top:5px;
width: 973px;
}

/* obycejny text v hlavni casti obrazovky */
#text {
	padding-left:15px;
	padding-top:10px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#text h1 {
	font-size: 16px;
	color:#004080;

}

#text h2 {
	font-size: 14px;
	color:#809DAD;
	margin-bottom: 3px;
	margin-top: 0px;
	padding:0;
}

#text h3 {
	font-size: 12px;
	color:#809DAD;
	margin-bottom: 0px;
	margin-top: 5px;
	padding:0;
}

#text p {
	text-align:justify;
	margin-bottom:7px;
	margin-top:0px;
	padding:0;
}

#text a{
color:#015E8F;
text-decoration:none;

}

#text a:hover{
color:#809DAD;
text-decoration:underline;
}

/* ramecek vlevo - hlavicka "nejblizsi udalosti" */
#left_top_events{
border:none;
background:url(../images/left_bcg_events.jpg);
height:21px;
text-align:right;
}


/* ramecek vlevo - text "nejblizsi udalosti" */
#left_events {
text-align:left;
border:none;
background:url(../images/left_bcg2.jpg);
margin-left:4px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
}

#left_events h5{
color:red;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:bold;
margin:0px;
}

/* ramecek vlevo - hlavicka "kontakt" */
#left_top_contact {
height:21px;
border:none;
background:url(../images/left_bcg_contact.jpg);
text-align:right;
}

/* ramecek vlevo - text "kontakt" */
#left_contact {
text-align:left;
border:none;
margin-left:4px;
background:url(../images/left_bcg2.jpg);
height:100px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
vertical-align:middle;
}

#left_contact h1 {

font-size: 11px;
font-weight:normal;
margin:0px;

}

#left_contact a{
text-decoration:none;
color:black;
}

#left_contact a:hover{
text-decoration:underline;
color:#1C4A79;
}

/* ramecek vlevo - ramecek "my.oesp.cz" */
#left_my_oesp {
height:35px;
border:none;
background:#b8bcc0;
text-align:left;
vertical-align:middle;
}

/* zapati s copyrighty */
#footer {
	width:973px;
	vertical-align:middle;
	height: 25px;
	margin-top:3px;
	margin-bottom:3px;
	text-align:left;
	border-style:none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999999;
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#808080;

}

#footer a {
text-decoration:none;
color: #999999;
}

#footer a:hover {
	text-decoration:underline;
	color: #495B72;
}


  /* zacatek menu */

#menu {
 

  	width: 973px;
	height:23px;
  	clear: both;
	background-image:url("../images/menu_bcg.gif")

}
#menu ul, #menu ul.sub {

	list-style-type: none;
	margin: 0;
	padding: 0;
}
#menu li {
	float: left;
	

}
#menu li, #menu ul.sub li {

	margin: 0;
	padding: 0;
}
#menu p {
	margin:0;
		
}
#menu p a {
	display: block;
	text-decoration: none;
	width: 100%;
	color: #000000;
	margin-top: 3px;
	margin-bottom: -3px;
	}
#menu ul.sub li {

	display: block;
	width: 100%;
	margin:0;
	padding: 0;
}
#menu ul.sub li a {
	color: #000000;
	display: block;
	margin: 0;
	width: 150px;
	border: 1px solid #909090;
	border-top: 0px;
	background-color: #FEFEFE;
	filter:alpha(opacity=90);
	-moz-opacity:.90;
	opacity:.90;
	text-align:left;
	text-decoration: none;
	
	font-size: 12px;
	padding: 2px 0 5px 6px
}
#menu > ul.sub li a {
	width: 140px;
}
#menu ul.sub li a:hover {
	background-color: #EAF7FD;
	color: #000000;
}
#menu ul li.main:hover p a {

	color: inherit;
}
#menu ul li.main {
	position: relative;
}
#menu ul li > ul.sub {
	position: absolute;
	z-index:10;
	visibility: hidden;
}
#menu ul li.main:hover ul.sub {
	visibility: visible;
}

/* styly hotizontalniho menu - jednotlive vlastnosti konkretnich polozek */

#menu ul li a.first { /* prvni polozka menu */
	border-top: 1px solid #909090;
}
#menu1a, #menu2a, #menu3a, #menu4a, #menu5a, #menu6a, #menu7a, #menu8a, #menu9a, #menu10a, #menu11a, #menu12a {
	display: block;
	height: 23px;
	
	position: relative;
	cursor: pointer;
}

#menu span { 
	position:absolute;
	left:0px;
	z-index:1;
	height: 26px;
	widt:973px;
	}
  #menu1, #menu1a {width: 70px; cursor: pointer;}
  #menu1 ul {left: 4px;}
  #menu2, #menu2a {width: 70px; cursor: pointer;}
  #menu2 ul {left: 8px;}
  #menu3, #menu3a {width: 70px; cursor: pointer;}
  #menu3 ul {left: 8px;}
  #menu4, #menu4a {width: 150px; cursor: pointer;}
  #menu4 ul {left: 8px;}
  #menu5, #menu5a {width: 120px; cursor: pointer;}
  #menu5 ul {left: 8px;}
  #menu6, #menu6a {width: 70px; cursor: pointer;}
  #menu6 ul {left: 8px;}
  #menu7, #menu7a {width: 70px; cursor: pointer;}
  #menu7 ul {left: 8px;}
  #menu8, #menu8a {width: 70px; cursor: pointer;}
  #menu8 ul {left: 8px;}
  #menu9, #menu9a {width: 70px; cursor: pointer;}
  #menu9 ul {left: 8px;}
  #menu10, #menu10a {width: 70px; cursor: pointer;}
  #menu10 ul {left: 8px;}
  #menu11, #menu11a {width: 70px; cursor: pointer;}
  #menu11 ul {left: 8px;}
  #menu12, #menu12a {width: 70px; cursor: pointer;}
  #menu12 ul {left: 8px;}
 
  
  /* konec menu */
	
/* Styl na center textu */
#text .center{
	text-align:center;
}

/* Styl na right textu */
#text .right{
	text-align:right;
}

#text .odsazeny
{
	padding-left: 20px;
}

table.tabulka {
	width: 760px;
	background-color: #fafafa;
	border: 1px #000000 solid;
	border-collapse: collapse;
	border-spacing: 0px;
}

td .header {
	background-color: skyblue;
	border-top: 1px #000000 solid;
	border-bottom: 1px #000000 solid;
	font-family: Verdana;
	font-weight: bold;
	font-size: 12px;
	color: #000000;
	padding-left: 8px;
	padding-right: 5px;
}

td .row {
	border-bottom: 1px #6699CC dotted;
	text-align: left;
	font-family: Verdana, sans-serif, Arial;
	font-weight: normal;
	font-size: 11px;
	color: #404040;
	background-color: #fafafa;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
	padding-right: 5px;
}