* { margin: 0; padding: 0;}

html, body { }

body {font-family: Arial, Helvetica, sans-serif; font-size: 90%; color: #000000; min-width: 59em; }

#header, #footer {text-align: center; background: #999; /*border: solid 1px green;*/}
#center { margin-left: 194px; margin-right: 190px; padding: 0 20px; background: #DCE9F1; background: url(../img/center-bgr.gif) no-repeat;}



#container {
 /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 
	height:auto !important;  real browsers 
	height:100%; /* IE6: treaded as min-height
	min-height:100%;  real browsers 
	/* width: 100%; */
	min-width: 800px;
	/*_width: 1000px;*/
}

#content {
 background: #DCE9F1
}
	
#left {float: left; width: 194px; padding: 0; background: #DCE9F1; color: #666;}
#right {float: right; width: 190px; padding: 0; background: #DCE9F1;}

/* CENTER */

/*h1 {display: none;}*/
p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.75em; padding: 0.3em 0 0.5em 0; overflow: hidden;}
h2, h3 {color: #336699; font-size: 1.4em;}
h2 {background: url(../img/h2-bgr.gif) no-repeat bottom left; padding: 10px 0 5px 0; margin-bottom: 0.5em}
h3 {font-size: 1em; letter-spacing: normal; background: url(../img/h3-bullet.gif) no-repeat 0 0.6em; padding: 0.5em 25px 0 25px;}
h3 a {color: #336699; text-decoration: none;}

div#content h2{
padding: 15px 0 0 25px;
}

.center {text-align: center;}
.ins {color: #999; padding: -0.3em 0;}
.more {padding: 0 0 2em 0;}
.more a, .vstupte a, #mail a, #url a {color: #d22121; font-weight: bold; text-decoration: underline;}
.more a:hover, .vstupte a:hover {text-decoration: none;}

.clr {clear: both; font-size: 1px; line-height: 1px;}

div#mpomoc {background: #fbfae5; border: solid 2px #dddddd; padding: 0 10px 10px 0; margin-bottom: 15px; }
div#mpomoc h2 {color: #888686; font-weight: 200; background: none; padding-left: 28px; margin-bottom: 0}
div#mpomoc ul {list-style: none; padding-left: 15px; _padding-left: 20px; font-size: 0.85em}
div#mpomoc ul li {color: #333; padding: 0 0 5px 15px; _padding: 0 0 5px 10px; background: url(../img/darrow.gif) no-repeat 0 0.5em;}
div#mpomoc ul li a {color: #333; font-weight: bold;}
div#mpomoc ul li a:hover {text-decoration: none;}
div#mpomoc span {display: none;}
div#mpomoc p {position: relative; float: right; margin-top: 10px}
div#mpomoc p a#button {display: block; background: url(../img/vice-info.jpg) no-repeat; width: 135px; height: 35px;}


/* HEADER */
#header {position: relative; height: 105px; background: url(../img/header-bgr.jpg) repeat-x;}
a#logo {display: block; height: 105px; width: 203px; background:url(../img/logo_new.jpg) no-repeat; position: absolute; left: 0; z-index: 5}
h1 span {display: none;}
#top-spomocnik {height: 52px; background: url(../img/spomocnik.jpg); width: 539px; position: absolute; left: 203px; z-index: 0;}

#webquest {width: 194px; height: 104px; background: url(../img/webquest.jpg) no-repeat; position: absolute; top: 0; right: 0; z-index: 1;}
#webquest h2 {display: none;}

/* pre odkaznik */
#webquest2 {width: 194px; height: 104px; background: url(../img/webquest2.jpg) no-repeat; position: absolute; top: 0; right: 0; z-index: 1;}
#webquest2 h2 {display: none;}



/* NAVIGACE */
#nav {width: auto; height: 32px; background: url(../img/nav-bgr.jpg) repeat-x; position: relative; top: 73px;}
#nav ul {list-style: none; margin-left: 205px; padding-top: 7px;}
#nav ul li {float: left; background: url(../img/arrow.gif) no-repeat 0 0.4em; padding-left: 15px; margin-right: 30px}
#nav ul li.item05 {float: left; background: url(../img/bg_nav_item_rss.gif) no-repeat 0 2px; padding: 2px 0 1px 23px ; margin-right: 30px; margin-left: 50px;}
#nav ul li a {font-size: 0.85em; color: #336699; font-weight: bold; text-decoration: none;}
#nav ul li a:hover {color: #82a3bd;}

div#bg_spomocnik{
height: 52px;
background: url(../img/bg_spomocnik.jpg) no-repeat;
}

/*#topnav {position: absolute; left: 430px; top: 10px;}*/
#topnav ul {list-style: none;}
#topnav ul li, #topnav ul li.napiste  {float: left; background: url(../img/topnav1.gif) no-repeat 0 4px; padding-left: 20px; margin-right: 30px}
#topnav ul li.napiste {background: url(../img/topnav2.gif) no-repeat 0 4px;}
#topnav ul li a {font-size: 0.85em; color: #fff; font-weight: bold; text-decoration: none;}
#topnav ul li a:hover {color: #e3eff9;}


/* LEFT*/
div#calender, div#search, div#kontakt {background: url(../img/left-bgr.gif) no-repeat; /*border: solid 1px green*/  padding-bottom: 1em; border-right:1px solid #cccccc;}
div#calender {text-align: center; padding: 15px;}
div#kontakt {padding: 10px;}
.ukpraha {font-size: 1.3em; color: #336699; font-weight: bold;}
#tel, #mail, #url {font-size: 0.75em; padding-left: 20px; margin-left:10px; display: block; margin-top: 5px}
#tel {background: url(../img/tel.gif) no-repeat 0 0.2em; padding-left: 20px; font-weight: bold;}
#mail {background: url(../img/email.gif) no-repeat 0 0.3em;}
#url {background: url(../img/url.gif) no-repeat 0 0.3em;}
#more {margin: 10px 0 0 10px}

/* hledej podle */


span.checkbox {margin-left: 7px;}

/*br {clear: all;}*/

div#search div.head1 {font-size: 1em; font-weight: bold; margin-left: 20px; padding: 1em 0 0.2em 0;}
div#search div.head2 {color: #d22121; font-weight: bold; font-size: 10.5pt;margin: 5px 0 5px 20px;}
div#search input.textfield {margin-left: 20px; color: #333;}
div#search div.input {line-height: 15px; padding: 5px 5px 0 20px;}

div#search{

}

div#search table {
margin: 5px 0 0 20px;
width: 160px;
font-size: 9pt;
}

div#search table td {
padding: 1px 0;
}
div#search table td.check {
width: 25px;
}
div#search table td.go {
text-align: right;
padding: 7px 0 0 0;
}


/* RIGHT */
div#edu, div#cskola, div#rss {background: url(../img/right-bgr.gif) no-repeat; /*border: solid 1px green*/ width: 100%; padding-bottom: 1em;}
div#edu {background: url(../img/edu-bgr.gif) no-repeat;}
.edu, .cskola, .rss {padding: 1em 25px;}

#right p {color:#999; padding: 0 25px 0.5em 25px;}
#right a {text-decoration: none; color:#999;}
#right a:hover {text-decoration: underline}
#right p.date, p.more {color: #d22121; background: url(../img/arrow.gif) no-repeat 13px 0.4em;}
p.more {background: url(../img/arrow.gif) no-repeat 0 0.4em; padding-left: 12px;}
p.vstupte {display: block; padding: 35px 0 0 5px;}
p.vstupte a {background: url(../img/arrow.gif) no-repeat 0px 5px; padding: 0 0 0 10px;}

/* FOOTER */
div#footerholder{
padding:0 0 36px 0;
background: url(../img/bg_body.gif) repeat-x bottom;
}

div#footer{
background: url(../img/bg_footer.gif) repeat-x;
font-family: Verdana, Arial, Helvetica,   sans-serif;
font-size: 7.5pt;
height: 124px;
color: #FFF;
margin: 0 0 0 0;
text-align: center;
}

div#footer div.sp{
background:url(../img/footer-spomocnik.jpg) no-repeat left 13px;
padding: 68px 0 15px 85px;
}

#footer a {color: #FFF; text-decoration: none;}
#footer a:hover {text-decoration: underline;}