/* |||||||||||||||||||||||||||||| vychozi nastaveni xhtml |||||||||||||||||||||||||||||| */

body, h1, h2, h3, h4, a, input, select, textarea{font: 81% Arial, Helvetica, sans-serif} /* 13px */

h1, h2, h3, h4{margin: 1em 0 0.4em; padding: 0; color: white; font-weight: bold}
h1{font-size: 115%}
h2{font-size: 115%}
h3{font-size: 108%}
h4{font-size: 100%}

a {font-size: 100%; color: white; text-decoration: underline}
a:hover{color: #2e91f4}

p, ul, ol, img, table, form, .gallery{margin: 10px 0; padding: 0}

img.left {margin: 0 10px 10px 0}
img.right {margin: 0 0 10px 10px}

.gallery{text-align: center}
.gallery img{margin: 0 5px 5px 0}

ul{list-style: disc inside}
ol{list-style: decimal inside}

input, select, textarea{color: #333; font-size: 100%}
input{padding: 1px; background-color: white; border: 2px solid #94db0b}
input.submit{background-color: #94db0b}
fieldset{padding: 10px; text-align: right}
legend{color: #94db0b; font-size: 108%; font-weight: bold;}

hr{display: none}
#main_wrap hr{display: block}

#main_wrap p{margin-right:20px;}

#main_wrap ul, #main_wrap ol {
	padding-left: 15px;	
}

.left{float: left}
.right{float: right}
.hidden{display: none}
.clear, .clear-r, .clear-l{clear: both; height: 1px; margin: -1px; font-size: 1px}
.clear-r{clear: right}
.clear-l{clear: left}

/* ||||||||||||||||||||||||||||||||||| pozi? bloky ||||||||||||||||||||||||||||||||||| */

body {
	margin: 0;
	padding: 0 0 25px;
	color: white;
	background-color: #001932;
	text-align: center;
	}

#head, #wrap, #foot {
	margin: 0 auto;
	width: 1000px;
	text-align: left;
	}
	
#head {
	position: relative;
	height: 188px;
	background: url(../images/head_bg.jpg) no-repeat;
	}

.wrap-1 {
	background: #002e5c url(../images/wrap_bg.gif) repeat-y;
	}

.wrap-2 {
	background: #002e5c url(../images/wrap_bg2.gif) repeat-y;
	}

#column {
	float: left;
	width: 200px;
	}

#right-column {
	float: right;
	width: 199px;
	}

#main {
	float: left;
	}

.main-1 {
	width: 601px;
	}
.main-2 {
	width: 800px;
	}

#main_wrap {
	margin: 18px 22px;
	text-align: justify;
	}

#foot {
	padding: 1px 0;
	background: #93DB0B url(../images/foot_bg.gif) repeat-y;
	font-size: 77%;
	}

/* |||||||||||||||||||||||||||||||||||||| hlavi? ||||||||||||||||||||||||||||||||||||| */

#logo, #slogan, #lang {
	position: absolute;
	margin: 0;
	}	

#logo {
	top: 5px;
	left: 20px;
	width: 160px;
	height: 80px;
	}
#logo a {
	display: block;
	height: 100%;
	}

#slogan {
	top: 25px;
	left: 210px;
	color: #94db0b;
	font-size: 18px;
	font-weight: normal;
	}
	
#lang {
	top: 5px;
	right: 0;
	width: 204px;
	height: 16px;
	line-height: 16px;
	list-style: none outside;
	}
#lang li {
	float: left;
	width: 68px;
	}
#lang a {
	display: block;
	margin: 2px 6px 2px 16px;
	color: #94db0b;
	font-size: 10px;
	text-decoration: none;
	}
#lang a:hover {
	color: white;
	}

/* |||||||||||||||||||||||||||||||||||||| sloupec |||||||||||||||||||||||||||||||||||||| */

#column h2, #news h2, #mainhead, #shorthead {
	margin: 0;
	padding: 0 16px;
	line-height: 35px;
	background-color: #2e91f4;
	white-space: nowrap;
	}
	
#mainmenu {
	margin: 0 1px 20px 0;
	border-bottom: 1px solid #001932;
	background-color: #094c8d;
	list-style: none outside;
	}
#mainmenu ul {
	margin: 0;
	background-color: #1868b6;
	list-style: none outside;
	}
#mainmenu li {
	border-top: 1px solid #001932;
	background: transparent url(../images/mainmenu_li_1.gif) repeat-x center top;
	}
#mainmenu ul li {
	background-image: url(../images/mainmenu_ul_li_1.gif);
	}
#mainmenu a, #mainmenu strong, #mainmenu em {
	display: block;
	padding: 6px 10px;
	line-height: 17px;
	border-left: 6px solid #023465;
	background: transparent url(../images/mainmenu_li_2.gif) repeat-x center bottom;
	text-decoration: none;
	}
#mainmenu ul a, #mainmenu ul strong, #mainmenu ul em {
	padding-left: 20px;
	background-image: url(../images/mainmenu_ul_li_2.gif);
	}
#mainmenu a:hover {
	border-color: #2e91f4;
	color: white;
	}
#mainmenu a:active {
	border-color: red;
	}
#mainmenu strong {
	border-color: #94db0b;
	font-weight: normal;
	}
#mainmenu em {
	color: #94db0b;
	font-weight: bold;
	font-style: normal;
	}
	
.ref {
	margin: 0 1px 0 0;
	padding: 14px 14px 16px;
	font-size: 85%;
	}
.sep-ref {
	height: 3px;
	line-height: 0px;
	font-size: 0px;
	margin: 0;
	padding: 0;
	background: url(../images/ref_bg.gif) no-repeat center bottom;
}
.sep-ref.last {
	background-image: none;
	}
.ref h4 {
	margin: 0;
	font-weight: normal;
	}
.ref h3 {
	margin: 0;
	font-size: 100%;
	}
.ref img {
	float: left;
	margin: 8px 8px 8px 0;
	}
.ref p {
	margin: 0;
	}

.ref-page {
	background: url(../images/ref_bg.gif) repeat-x center bottom;
}
.ref-page img {
	float: left;
	margin: 0px 8px 8px 0;
	}

/* ||||||||||||||||||||||||||||||||||||||| obsah ||||||||||||||||||||||||||||||||||||||| */

#mainhead {
	color: black;
	background: #94db0b url(../images/mainhead_bg2.jpg) no-repeat 698px 0px;*
	}
	
#news {
	/*float: right;*/
	margin: 0;
	/*width: 200px;*/
	font-size: 85%;
	}
#news_wrap, #news h2 {
	/*margin-left: 15px;*/
	}

#news h2 {
	font-size: 140%;
	background: #2e91f4 url(../images/mainhead_bg.jpg) no-repeat 102px 0px;
}

#news_wrap {
	padding: 0 12px;
	background-color: #094683;
	}
#news h4 {
	margin: 0;
	padding: 12px 0 0;
	color: #94db0b;
	}
#news p {
	margin: 0;
	padding-bottom: 14px;
	background: url(../images/ref_bg.gif) no-repeat center bottom;
	}
#news p.last {
	background-image: none;
	}
	
#shorthead {
	width: 275px;
	color: black;
	background: #94db0b url(../images/shorthead_bg.gif) no-repeat right top;
	}
	
#products {
	list-style: none outside;
	}
#products li {
	float: left;
	width: 168px;
	border-right: 1px solid white;
	font-size: 85%;
	text-align: center;
	overflow: hidden;
	}
#products li.last {
	border-right: none;
	}
#products p, #products h3 {
	margin: 0 10px;
	text-align: justify;
	}
#products h3 {
	color: #63b1ff;
	text-align: left;
	}

/* |||||||||||||||||||||||||||||||||||||| pati? |||||||||||||||||||||||||||||||||||||| */

#copy {
	margin: 8px 12px;
	width: 176px;
	}
#copy a:hover {
	color: black
	}

#bottommenu {
	float: right;
	padding: 0px 12px;
	width: 500px;
	line-height: 2em;
	color: black;
	text-align: right;
	}
#bottommenu a {
	color: black;
	text-decoration: none;
	}
#bottommenu a:hover {
	text-decoration: underline;
	}

#wrap div#sponzorujeme h2 {
	background-color: #DB214C;
}

#wrap div#sponzorujeme h2 a {
	line-height: 35px;
}

div#sponzorujeme p {
	padding: 0px 10px;
	font-size: 90%;
}

p.sponzorujemep {padding: 0px 10px;
	font-size: 90%;}