html,body,div,ul,ol,li,p,h1,h2,h3,h4,h5,h6{padding:0; margin:0; list-style:none; }

html {
  background:url(bg_html.png) 50% 0 repeat;
}

body {
	font-size: 62.5%;
	color: #333;
	background: url(bg_body.gif) 50% 0 repeat-x;
	font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif; 
}
#content {
	width: 910px;
	text-align: left;
	position: relative;
	margin: 0px auto;
	background:white url(bg_side.jpg) 652px 0 repeat-y;
}
#head {
  background:url(bg_head.jpg) 0 0 no-repeat;
  margin:0 -7px;
  width:924px;
  height:350px;
   font-family: Arial, sans-serif;
}

#menu{
  width:900px;
  padding-left:10px; 
  background:#ff6500 url(menu.jpg) 0 0 no-repeat; 
  font-family: Arial, sans-serif; 
  height:30px;
}

#main {
	width: 612px;
	padding:25px 20px 30px 20px;
	float: left;
	position: relative;
	left: 0;
	margin: 0;
	color:#8c8c8c;
}


#side {
	width: 220px;
	padding:25px 15px 175px 15px;
	float: right;
	position: relative;
	right: 8px;
	color:#646464;
}
#flash {
  position:absolute;
  top:75px; 
  left:3px;
}

#footer {
	width: 910px;
	margin: 0px auto;
	background:url(bg_footer.gif) 0 0 no-repeat;
	padding-top:20px;
}

/**************** Doplnky layoutu *******************/
/* Head */
#logo {height:51px; width:242px; float:left; margin:10px 0 0 7px;}
#logo a {height:51px; width:0; padding-left:242px; overflow:hidden; display:block; background:url(logo.gif) 0 0 no-repeat; }
#logo a.logos{display:block; overflow:hidden; width:0; height:115px; padding-left:280px;  margin-left:20px;  background:url(logo.gif) 0 0 no-repeat; position:absolute; top:0; left:0; }

ul#lang {float:right;  margin:10px 7px 0 0;}
ul#lang li {display:block; float:left; font-size:120%; padding:0 5px; border-right:1px solid #767D84;}
ul#lang li a {color:white; text-decoration:none; }
ul#lang li a:hover {text-decoration:underline;}
ul#lang li.last {border:0 none; padding-right:0;}



#head form {width:185px; position:absolute; right:0; top:37px;}
#head form fieldset {margin:0; padding:0; border:0 none;}
#head form input {width:148px; border:2px solid #969696; background:transparent; color:white; float:right;}
#head form button {height:21px; width:21px; margin:0; display:block; background:url(lupa.gif) 0 0 no-repeat; border:0 none; overflow:hidden; float:left;}
#head form button span {position:absolute; top:-550px;}
#head form button:hover {cursor:pointer;}

/* Menu */
ul#menu li{padding:0; display:block; float:left; background:url(menu-item.gif) 100% 0 no-repeat; padding-right:19px; position:relative;  font-size:130%;  z-index:1; height:100%; }
ul#menu li.last {background:none;}
ul#menu a {display:block;  float:left; height:23px; padding:7px 15px 0 15px; color:white;  text-decoration:none; font-weight:bold; background:transparent;}
ul#menu a:active, ul#menu a:focus, ul#menu a:hover {text-decoration:underline;}

/* Second level menu*/
ul#menu li ul{position:absolute;width:155px;left:-999em; top:30px;background:#f57300;   display:block; z-index:1;}
ul#menu li:hover ul, ul#menu li.sfhover ul{left:-20px; }
ul#menu li ul li {background:transparent; float:none; padding:0 !important; margin:0 !important;  width:155px; font-family: Tahoma, sans-serif; font-size:90%; overflow:hidden;}
ul#menu li ul li a {display:block; width:133px; height:auto; margin:0; padding:5px;  background:url(bg_submenu.gif) 0 0 repeat-x; font-weight:normal; border-left:6px solid #F57300; border-right:6px solid #F57300;
}
ul#menu li ul li a:hover {background:url(bg_submenu-hover.gif) 0 0 repeat-x; text-decoration:none; }

/* Main */
#main img {border:2px solid #e1e1e1;}
#main p {font-size:110%; padding:0 0 1em 0; line-height:1.4em; }
#main ul,#main ol{padding:0 0 1em 0;}
#main ul li,#main ol li{margin-left:1.5em; font-size:110%; }
#main ul li {padding-left:15px; margin:2px 0; background:url(li.gif) 0 50% no-repeat;}
#main p.lastchange {text-align:center; margin:0; padding:0; position:absolute; bottom:0; left:40%;}

#main p.drobecky {text-align: left; bottom:0; left:40%; color: #CCCCCC}



/* Side */
#side h2 {margin:0; padding:0; font-size:170%;}
#side p {font-size:110%; padding:0 0 0.7em 0; line-height:1.4em; }
#side .item {padding:5px 0 0 0; margin:10px 0 20px 0; background:url(news-item.gif) 0 0 no-repeat;}
#side .item p.date {padding:0; text-align:right; color:#969696;}
#side .item h3 {margin:0 0 0.1em 0; text-align:right; font-size:110%; padding-left:65px;}

#side p.acri {text-align: center;}

#contact {height:175px; padding-left:15px; width:235px; background:url(bg_kontakt.jpg) 0 0 no-repeat; position:absolute; right:8px; bottom:0;}
#contact p {font-size:110%; padding:0 0 0.7em 0; line-height:1.4em; }
#contact img {float:right;}
#contact h3 {margin:18px 0 3px 0;}

/* Footer */
#footer p{font-size:110%; margin:0; padding:0 0 50px 0; color:white; font-weight:bold; text-align:center;}

/*************** Obecne **************/
h1,h2,h3,h4,h5,h6{font-weight:bold; margin:1em 0 0.15em 0; font-family: Arial, sans-serif; color:#002c58; text-transform:uppercase;}
h1{font-size:170%; margin-top:0;}
h2{font-size:130%;}
h3{font-size:120%;}
h4{font-size:120%;}

#main form {margin:0.5em 0; padding:0; border:none; width:100%; font-size:110%; }
#main fieldset{margin:0;  padding:10px; border:1px solid #e1e1e1; }
#main form legend{font-size:125%; font-weight:normal; color:#002c58; text-transform:uppercase; margin:0; padding:0; }
#main form fieldset legend{font-size:130%; margin:0; padding:0; }
#main form label{text-align:left; width:165px; float:left; background:#f0f0f0; color:#646464; padding:4px 5px; margin:2px 5px 2px 0; font-weight:bold;}
#main form input {border:1px solid #e1e1e1;}
#main form input.checkbox, form input.radio {border:0 none;}
#main form textarea {width:400px; height:100px; border:1px solid #e1e1e1;}
#main form button {background:url(bg_submit.gif) 0 0 repeat-x; border:1px solid #e1e1e1; text-align:center; margin:10px 0 5px 0; padding:2px 15px; color:white; }
form br {clear:both;}
form div {text-align:center;}

table{font-size:110%; border-collapse: collapse; margin:0 0 1em 0; width: 100%}
table th, table td{vertical-align:middle; padding:3px 5px; border:1px solid #E1E1E1; }
table th {background:#f0f0f0; color:#646464;}


/************* Specificke *************/
.hidden{display:none;}
.skrt{text-decoration:line-through;}
.cistic{clear:both; font-size:0; height:0; line-height:0;}
.cistic hr{display:none;}
.bold{font-weight:bold;}
a{text-decoration:underline; color:#002c58;}
a:hover{text-decoration:none;}
a img{border:none; }
label.overlabel{color:#333; position:absolute; top:-1000px; left:2px;}
label.overlabel-apply{position:absolute; top:4px; left:4px; z-index:1; color:#333; font-size:110%; }
.floatleft {float:left;}
.floatright {float:right;}
img.floatleft {margin:0 10px 5px 0;}
img.floatright {margin:0 0 5px 10px;}

/*Clanky*/
#main .photo {text-align:center; width:510px; margin:20px auto;}
#main .item {width:150px; height: 150px; margin:5px 8px; float:left; display:inline /*fix IE bug*/; text-align:center;}
