/* CSS Document */
body {
  width : 100%;
  height : 98%;
	font-family : verdana, arial;
	font-size : 10px;
	padding : 0px;
	margin : 0px;
	text-align : center;
	cursor : default;
	display : block; 
  background-color : #006bb3;
}
a { color : #000; text-decoration : none; }
a:hover { text-decoration : underline; }

h1 { float : left; width : 988px; height : 208px; margin : 0px; padding : 0px; background : transparent url("../img/logo.jpg") no-repeat top left; }
h1 a { float : left; width : 988px; height : 208px; }
h1 a span {display: none;}

h2 { float : left; width : 750px; margin : 20px 0px 5px 0px; font-size : 16px; color : #0066ae; }
h3 { font-size : 16px; color : #0066ae; }

div#container { 
	position : relative;
  width : 988px;
  
  margin : 0px auto;
  text-align : left;
}
div#complet { 
  float : left; 
  width : 100%;
  height : 100%;
}

div#menu { position : absolute; top : 208px; left : 0px; width : 989px; height : 65px; background : #004d84 url("../img/back_menu.gif") repeat-x top left;  }
div#menu ul { float : left; margin : 10px 0px; padding : 0px; list-style-type: none; }
div#menu ul li { float : left; text-transform : uppercase; }
div#menu ul a { 
  float : left; 
  display : block;
  padding : 3px 15px 3px 15px;
  text-decoration : none; 
  color : #fff; 
  font-weight : bold;
	font-size : 13px;
	border-right : 1px solid #fff;
}
div#menu ul a.active { color : #9dd6ff; }

div#menu ul ul { position : absolute; top : 35px; left : 0px; float : left; }
div#menu ul ul a { padding : 1px 15px 1px 15px; font-size : 11px;}
div#menu ul ul a.active { color : #c0e4fe; }

div#page { float : left; width : 988px; padding : 70px 0px 10px 0px; background-color : #fff;}
div#page_logo { width : 988px; text-align : center; background-color : #fff; }
div#page_container { float : left; width : 745px; padding : 0px 20px 20px 40px;  }

.text { font-size : 11px; }
.textbold2bila { font-size : 13px; color : #fff; font-weight : bold; }
.textbold1bila { font-size : 10px; color : #fff; font-weight : bold; }


.right { text-align : right; }

div#clanek { float : left; width : 900px; font-size : 11px;}
div#clanek div { float : left; width : 900px; border-top : 1px solid #006AB3; padding : 10px 7px;}
div#clanek span { float : left; width : 100px; text-align : center; margin : 0px 10px 10px 0px; }
div#clanek h3 { float : left; width : 750px; margin : 10px 0px 10px 0px; }
div#clanek div.news { border-top : 0px; background : transparent url("../img/tecka.gif") no-repeat 0px 5px; padding : 5px 7px 10px 25px;}

div#clanek_detail { float : left; width : 900px; font-size : 11px;}
div#clanek_detail h2 { padding : 5px 0px 10px 0px; }
div#clanek_detail div { float : left; width : 900px; border-top : 1px solid #006AB3; padding : 3px 7px;}
div#clanek_detail img { float : left; padding : 0px 10px 10px 0px; }
div#clanek_detail p { float : left;  width : 900px; }

div#hraci { float : left; width : 900px; }
div#hraci table { float : left; width : 900px; border : 1px solid #004D84; text-align : left;}
div#hraci table th { text-align : center; width :25%; background-color : #004D84; color : #fff; height : 17px;}
div#hraci table td { vertical-align : bottom; font-size : 11px;}
div#hraci table tr.text { background-color : #d2edff; }

div#hrac_detail { float : left; width : 900px; }
div#hrac_detail table { float : left; width : 100%; text-align : left; font-size : 11px; }
div#hrac_detail table.vypis { border : 1px solid #004D84; }
div#hrac_detail table th { background-color : #004D84; color : #fff; font-weight : bold;  }

div#hrac_detail fieldset { float : left; width : 710px; border : 1px solid #316F9B;  cursor :  default; margin : 10px 0px 10px 0px; padding : 5px; }
div#hrac_detail fieldset legend { font-size : 11px; color : #316F9B; font-weight: bold; padding : 0px 4px 0px 4px;}
div#hrac_detail fieldset#foto {  width : 170px; text-align : center; margin : 15px 10px; padding : 7px 5px 7px 5px;}
div#hrac_detail fieldset#udaje {  width : 505px; }
div#hrac_detail fieldset.pulka { width : 343px; margin : 10px 10px 10px 0px;}
div#hrac_detail div#foto { float : right; width : 170px; }
div#hrac_detail div#foto table { background-color : #9bbedc; }

div#galerie_detail { float : left; width : 900px; }

div#galerie { float : left; width : 900px; }
div#galerie table { float : left; width : 900px; font-size : 12px; text-align : left;}

div#kontakt { float : left; width : 900px; }
div#kontakt table { float : left;  font-size : 12px; text-align : left;}