/** BASIC */

html, body {
	height: 100%;
}

h1, h2, h3, h4, .title {
	margin-bottom: 10px;
	padding-left: 21px;
	background: url(images/homepage14.gif) no-repeat left center;
	font-size:14px;
	text-align:left;
}

h1 {margin-top: 15px;}

#box1 ul {padding: 10px 0 0 15px;}
#box1 li {margin: .5em 0 0 0 ;}

/** HEADER */

#header {
	width: 736px;
	height: 125px;
	margin: 0px auto;
}

#logo {
	float: left;
	width: 463px;
	height: 125px;
	background: url(images/homepage02.jpg) no-repeat left top;
}

#logo h2 { margin: 80px 0 0 60px; font-size: 220%; letter-spacing:-2px; }
#logo a {text-decoration:none;color:#999999;}

#search {
	float: right;
	width: 273px;
	height: 37px;
	padding-top: 88px;
}

/** MENU */

#menu-rbgr {
	width: 736px;
	height: 61px;
	margin: 0px auto;
	background: url(images/homepage10.jpg) no-repeat right top;
	padding:0px;
	background-color:#FFFFFF;

}
#menu-lbgr {background: url(images/homepage04.jpg) no-repeat left top; 	padding: 0px 0px 0px 42px; margin: 0px; height:61px; position:relative;}


/* ----------- hlavni menu ------------ */
#hmenu {	position: absolute; z-index: 10; top: 0px; left:0px; width: 736px; }
#hmenu li { float: left; list-style-type: none; }
/* menu spolecne */
#menu-1 a span, #menu-2 a span, #menu-3 a span, #menu-4 a span, #menu-5 a span{ background-image: url("images/menu.jpg");}

#menu-1, #menu-2, #menu-3, #menu-4, #menu-5 { position: relative; top:0; left:0;  }

#menu-1 a span, #menu-1 a:hover span, #menu-1 strong span,
#menu-2 a span, #menu-2 a:hover span, #menu-2 strong span,
#menu-3 a span, #menu-3 a:hover span, #menu-3 strong span,
#menu-4 a span, #menu-4 a:hover span, #menu-4 strong span,
#menu-5 a span, #menu-5 a:hover span, #menu-5 strong span { position: absolute; top: 0; left: 0; }

/* menu jednotlive */
#menu-1, #menu-1 a, #menu-1 strong, #menu-1 a span, #menu-1 a:hover span, #menu-1 strong span
{ height: 61px; display: block; overflow: hidden; width: 131px; background-image: url("images/menu.jpg"); background-position: 0 0;}
#menu-2, #menu-2 a, #menu-2 strong, #menu-2 a span, #menu-2 a:hover span, #menu-2 strong span
{ height: 61px; display: block; overflow: hidden; width: 131px; background-image: url("images/menu.jpg"); background-position: -131px 0px;}
#menu-3, #menu-3 a, #menu-3 strong, #menu-3 a span, #menu-3 a:hover span, #menu-3 strong span
{ height: 61px; display: block; overflow: hidden; width: 131px; background-image: url("images/menu.jpg"); background-position: -262px 0px;}
#menu-4, #menu-4 a, #menu-4 strong, #menu-4 a span, #menu-4 a:hover span, #menu-4 strong span
{ height: 61px; display: block; overflow: hidden; width: 131px; background-image: url("images/menu.jpg"); background-position: -393px 0px;}
#menu-5, #menu-5 a, #menu-5 strong, #menu-5 a span, #menu-5 a:hover span, #menu-5 strong span
{ height: 61px; display: block; overflow: hidden; width: 131px; background-image: url("images/menu.jpg"); background-position: -524px 0px;}
/* menu spolecne */
#menu-1 a:hover span, #menu-1 strong span, #menu-1 .aktiv span,
#menu-2 a:hover span, #menu-2 strong span, #menu-2 .aktiv span,
#menu-3 a:hover span, #menu-3 strong span, #menu-3 .aktiv span,
#menu-4 a:hover span, #menu-4 strong span, #menu-4 .aktiv span,
#menu-5 a:hover span, #menu-5 strong span, #menu-5 .aktiv span { background-image: url("images/menu_hover.jpg"); }


/** CONTENT */

#content {
	width: 736px;
	margin: 0px auto;
}

#extra1 {
	float: left;
	width: 30px;
	height: 115px;
	background: url(images/homepage11.jpg) no-repeat left top;
}

#extra2 {
	float: left;
	width: 676px;
}

#extra3 {
	float: left;
	width: 30px;
	height: 115px;
	background: url(images/homepage12.jpg) no-repeat left top;
}

/** FOOTER */

#footer {
	width: 736px;
	height: 80px;
	margin: 0px auto;	
}

#footer .style1 {
	padding-top: 23px;
}

#footer .text1 {
	padding-top: 20px;
}

/** BOX1 */

#box1 {
	float: right;
	padding-right: 11px;
	padding-left: 3px;
	width: 200px;
	overflow:hidden;
	border-left: #C1E7FF 1px solid;
	text-align:center;}

/** BOX2 */

.box2 {
	float: left;
	width: 425px;
	padding-left: 30px;
	font-size: 12px;	
}

#box4 ul {
	float: left;
	width: 168px;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#box4 ul.lined {
	padding-left: 14px;
	background: url(images/homepage20.gif) repeat-y left top;
}

/** BOX5 */

#box5 {
	float: left;
	width: 353px;
	padding: 0px 0px 0px 30px;
}

/** BOX6 */

#box6 {
	float: right;
	width: 222px;
	padding: 0px 30px 0px 21px;
}

/** BOX7 */

#box7 {
	float: left;
	width: 615px;
	padding: 0px 0px 0px 30px;
}

/* ---  My Own  --- */
.border {border:#aaa 1px solid; padding:3px;}
.cleaner {clear:both;}
#navigation {border-bottom:#CCCCCC 1px dashed; margin-bottom: 5px; padding-bottom:3px; font-size:11px;}
address {float:left; font-size:110%; margin: 0 10px 10px 0; width:200px;}
address strong {font-size:130%;}
textarea, input { max-width:400px;}
p {line-height:150%;}
/* -- form -- */

label {width: 6em; text-align:left; margin-right:5px;  float:left; padding-top:5px;}
.formline { vertical-align:middle; margin-top:3px; display:table;}
.povinna {font-weight:bold; color:#006ab3}
.center { text-align:center;}
form {display:inline;}

/* --  Produkty -- */
.ramecek {  margin:.5em 0 ; background:#efefef; border:1px solid #dddddd; padding:.3em;}
.ramecek label {width:auto; float:none; padding: 0px;}
.ramecek p {margin:3px 0 0 0}

#items { background: url(images/items_bgr.gif) repeat-y; padding:0px; margin:0px;}
.item{width:205px; padding: 10px 0 5px; float: left; text-align: center; border-top: 1px solid #dedede; }
.item h2 strong{text-align:center}
.item a img {border:none;text-align:center;}
.item h2 {font-size:120%;text-align:center; background:none; padding: 0px;}
.item h2 a{color:#025C90}
/*.item h2{min-height:2.4em}*/
.item p{text-align:left;font-size:95%;padding:0 0 0 8px;margin:10px 0;min-height:2em}
.first {border-top:none;}

ul.tomia-tree, .tomia-tree li ul {margin-left: 0px; padding-left:0px;}
ul.tomia-tree {margin-top: 0px;}
ul.tomia-tree li { list-style-type:none; padding-left:20px; background:url(images/tomia.png) no-repeat; min-height:18px; text-align:left;}
ul.tomia-tree li.active { background: url(images/tomiagray.png) no-repeat;}

#box1 h3 {margin-bottom:0px; padding-bottom:0px;}

.foto-left { float:left; margin: 0 10px 10px 0; }
.foto-right { float:right; margin: 0 0  10px 10px;}
.half { width:205px; float:left;}

.no-display, hr {display:none}
.fright { float:right;}
.fleft {float:left;}
.mylink {	font-size: 10px; color: #B3B3B2; text-align:right; padding-right:30px; }
.mylink a { color: #B3B3B2;}

#vyhledavani {margin-bottom:10px;}