/* Základní prvky
---------------------------------------------------------------------------------- */
 * { padding:0; margin:0; }

body {
	margin: 0;
	padding: 0;
	border: 0;
	min-width: 776px;
	font: 12px/1.4em Arial, Helvetica,  Sans-Serif;
	color: #ffffff;
	text-align: center;
	background: #333333 url(../gfx/bg.gif) 50% 0;
}

h1 {margin:0; padding:0; font-weight:900; font: 18px/1em Arial, Helvetica,  Sans-Serif;}
h2 {margin:0; padding:0; font-weight:900; font: 16px/1.4  Arial, Helvetica,  Sans-Serif; }
h3 {margin:0; padding:0; font-weight:bold; font: 14px/1.4 Arial, Helvetica,  Sans-Serif;}
h4 {margin:0; padding:0; font-weight:600; font: 12px/1.4 Arial, Helvetica,  Sans-Serif;}
h5 {margin:0; padding:0; font-weight:bold; font: 12px/1.4 Arial, Helvetica,  Sans-Serif;}
h6 {margin:0; padding:0; font-weight:bold; font: 12px/1.4 Arial, Helvetica,  Sans-Serif;}

hr {display:none;}
p {margin:0; padding:0;}
span {margin:0; padding:0;}
ul {margin:0; padding:0; list-style: none;}
li {margin:0; padding:0;}
img {margin:0; padding:0; border: none;}
blockquote {padding: 0 45px 0 45px; font-size: 14px; line-height:1.2em; font-weight:bold;}
div {position:relative;}
kbd, acronym {font-weight:normal;}
a img {border: none;}
acronym[title] {border-bottom:1px dotted #DEFF00; cursor:help; font-style:italic;}
acronym {border-bottom:1px dotted #DEFF00;}
html>body acronym:hover {border-top: 1px dotted #DEFF00;border-bottom:none;}

/* Pomocné prvky
---------------------------------------------------------------------------------- */
div.clear { width: 488px;height: 1px;}
br.clear {clear: left;}
.hide {display: none;}
div {position: relative;}
a img { border: none; }
#skipNav {display:none;}
span.posted {font-size: 11px; font-weight: normal; color: #cccccc;}
.justify {text-align: justify;}

/* vyrovnávání
---------------------------------------------------------------------------------- */
p.min-height {height: 1px; line-height:1px;width: 1px;float: right;}

/* Odkazy
---------------------------------------------------------------------------------- */
a {color: color: Aqua; text-decoration: none;}
a:hover {color:#000; text-decoration:none;}
		
#header a {color:#696969; text-decoration:none;}
#header a:hover {color:#ffffff; text-decoration:none;}

#content a {color: Aqua; text-decoration: none;}
#content a:hover {color: #fff; text-decoration:none;}

#content p a {color: Aqua; text-decoration:underline;}
#content p a:hover {color: #fff; text-decoration:underline;}

#content dd a {color: Aqua; text-decoration:underline;}
#content dd a:hover {color: #999999; text-decoration:underline;}

#sidebar a {color:#666666; }
#sidebar a:hover {color:#3070B9; }

#content h2 a {color: Aqua; text-decoration:none; font-size: 12px;}
#content h2 a:hover {color: #fff; text-decoration:none;}

#content h3 a {color: Aqua; text-decoration:none; font-size: 12px;}
#content h3 a:hover {color: #fff; text-decoration:none;}

#content h4 a {color: Aqua; text-decoration:none; font-size: 12px;}
#content h4 a:hover {color: #fff; text-decoration:none;}
#content h4 span {color: #FFD700; text-decoration:none; font-size: 11px;}
		
/* Indexované Prvky - Základní Face
---------------------------------------------------------------------------------- */
#wrapper {	margin: 0 auto;	padding: 0;	text-align: center;	width: 776px;	background: transparent url(../gfx/mid.gif) repeat-y 50% 50%;}
#container {	width: 776px;	padding: 0;	margin: 0 auto;	text-align: center;	background: transparent url(../gfx/header.gif) no-repeat 50% 0;}
#footer {	clear: both;	margin: 20px 0 0 -19px;	padding: 20px 0 0 0;	width: 776px;	height: 100px;	position: relative;	background: transparent url(../gfx/foot2.gif) no-repeat 50% 0;}
	/* commented backslash hack for hiding stuff from mac-ie5 \*/
#footer {	clear: both;	margin: 0;	padding: 20px 0 0 0;	width: 776px;	height: 100px;	position: relative;	background: transparent url(../gfx/foot2.gif) no-repeat 50% 0;}
	/* end hack */
#odsazeni {	margin: -20px 0 0 0;;}
	
/* Main Content Area Layout
---------------------------------------------------------------------------------- */
#contentarea {	margin:0 0 0 19px; padding:0;text-align: left;}
div#header {margin: 0; padding: 0;width: 776px; height: 209px; text-align: center; 	position:relative;display:block;}
div#content {float: left;width: 402px; padding:10px 0 0 0; }
div#sidebar {float: left;	width: 338px;	margin: 0;	padding: 0;}
div.clearbot {clear:both; height:1px; line-height: 1px;}

/* Header
---------------------------------------------------------------------------------- */
#header h1 {display:none;}
#header h2  {display: none;}

/* Flash Intro
---------------------------------------------------------------------------------- */
#flashcontent {display: inline; width: 261px; height:200px; padding: 0;}
html>body #flashcontent {margin:0 0 0 1px;}
#flashcontent img {margin:0 0 0 1px;}
	/* commented backslash hack for hiding stuff from mac-ie5 \*/
#flashcontent {display: inline;width: 261px; height:200px; margin: 0; padding: 0;}
#flashcontent {margin:0;}
#flashcontent img {margin: 0;}
	/* end hack */

/* Global Navigation
---------------------------------------------------------------------------------- */
#header #global-nav {
	font-size: 10px; float: right; width: 59px;
	margin: 0 9px 0 0; line-height: 12px; font-weight:bold;
}	html>body #header #global-nav {margin:0 17px 0 0;}

#header #global-nav ul {float: right;width:59px;}
#header #global-nav ul li {text-align: center;width: 19px; height: 200px; display:block; float:left; text-indent:-9999px;}
#header #global-nav ul li.contact {width: 20px;}

#header #global-nav ul li a {text-align: center;width: 19px; height: 200px; display:block;}

#header #global-nav ul li.home a {
	width: 19px;
	background: url(../gfx/globalnav.gif) no-repeat -40px 0;
}
#header #global-nav ul li.home a:hover {background-position: -100px 0;}

#header #global-nav ul li.sitemap a {
	background: url(../gfx/globalnav.gif) no-repeat -21px 0;
}
#header #global-nav ul li.sitemap a:hover {background-position: -81px 0;}

#header #global-nav ul li.contact a {
	width: 20px;
	background: url(../gfx/globalnav.gif) no-repeat -1px 0;
}
#header #global-nav ul li.contact a:hover {background-position: -61px 0;}

/* Navigation Menu
---------------------------------------------------------------------------------- */
#header #navmenucontainer {
	float:left; width: 404px;margin: 0 0 0 9px;
}	html>body #header #navmenucontainer {margin: 0 0 0 18px;width:404px;}

#header #navmenucontainer ul#nav {margin: 9px 0 0 0; padding: 0;width: 404px;}
#header #navmenucontainer ul#nav li {float: left; display:block; width: 100px; text-align: center; 
}

#header #navmenucontainer ul#nav li a {display:block; font-weight:800; 
padding: 0 0 1px 0;font-size:10px;}
html>body #header #navmenucontainer ul#nav li a {padding: 1px 0 0 0;}
#header #navmenucontainer ul#nav li a.active {background:#cccccc;color:#333333;}
#header #navmenucontainer ul#nav li a:hover {background: #cccccc;color:#333333;}

#header #navmenucontainer ul#nav li.profile {width: 100px;}


/* Main Content Styling
---------------------------------------------------------------------------------- */
#content div.padder {padding: 4px 15px 0px 20px;}

#content p {margin: 0 0 14px 0;padding:0;font-size:12px;  line-height:1.2em;}
#content p.right {text-align:right;}
#content p.center {text-align:center;}
#content p.goright {float:right; text-align:right;}
#content p.goleft {float:left; text-align:right;}
#content p.floatright {float: right; width: 45%;}
#content p.first {margin-top: 8px;}
#content p.posted {float:right; font-size:10px; color:#cccccc;}

#content ul {padding: 0 0 10px 0; list-style: none;font-size:12px; line-height:1.2em;}
#content ol {padding: 0 0 10px 20px;}
#content ol ol {padding: 0 0 0 20px;}
#content ol li {padding: 0 0 5px 0;}

#content h2 {margin: 5px 0; padding: 0; color: #FFFFFF;font-weight:bold; font-size: 26px;font-weight:normal;}
#content h3 {margin: 5px 0; padding: 0; color: #FFFFFF;font-weight:bold; font-size: 14px; line-height:14px;}
#content h4 {margin: 5px 0; color:#FFFFFF; font-weight:bold;font-size: 12px;}
#content h5 {margin: 5px 0; color:#ffffff; font-weight:bold;font-size: 12px;}
#content h6 {margin: 5px 0; color:#ffffff; font-weight:bold;font-size: 12px;}
#content h3#featured {margin-top: 15px;}

#content img.border {border: 1px solid #C31700;}
#content img.float {float: left; display:inline; padding: 4px;}



body#home #content h2 {text-transform: lowercase;}


/* Side Bar Content
---------------------------------------------------------------------------------- */
#sidebar {color:#696969;}
#sidebar #colB {width: 328px; margin: 0 0 0 10px;}
#sidebar #colB .inside {padding: 10px 15px 10px 15px;}
#sidebar #colB .inside p {line-height: 15px;}
#sidebar #colB h3 {	font-size: 12px;	font-weight: 600;	line-height: 20px;	display: block;	height: 20px;	text-align: right;	font-stretch: expanded;	margin: 0;	padding: 0 8px;	background: #666666;	color: #ffffff;}
html>body #sidebar #colB h3 {margin: 0;}

#sidebar #colB ul {margin: 0 0 20px 0;}
#sidebar #colB ul {font-size:11px;}
#sidebar #colB ul li {margin:0; padding: 0;}
#sidebar #colB ul li a { height: 20px; line-height: 20px; display: block; padding: 0 0 0 8px;border-bottom: 1px solid #696969; text-indent: 10px;}
#sidebar #colB ul li a:hover {background: #696969; color: #ffffff;}
#sidebar div.thumbs img {border:1px solid #999999;}
#sidebar table td {padding: 0 4px 0 0;}

/* Footer
---------------------------------------------------------------------------------- */
#footer p a {color:#B3B3B3; text-decoration:none; font-weight:normal; font-size: 10px;}
#footer p a:hover {color: #cccccc; text-decoration:none;}

#footer ul {	margin: 26px 0 0 0;	text-align: left;}
#footer ul li.footleft {float: left; font-size:11px; padding: 0 2px 0 0; color:#FFFFFF; width: 422px; text-indent: 37px; }
#footer ul li.footright { float: left;font-size:11px; padding: 0 2px 0 0; color:#FFFFFF; width: 340px; text-indent: 15px;}

#footer a {color:#B3B3B3; text-decoration:none; font-weight:bold;font-size: 10px;height: 12px;}
#footer a:hover {color: #FFFFFF; text-decoration: none;}


/* Dynamic Menu
---------------------------------------------------------------------------------- */

div.dmenu {text-align: left; clear:both;} 
ul.dynamicmenu {display: block; background:transparent; margin: 0; padding:0;}
ul.dynamicmenu li a {display: block;padding: 1px 0px 1px 0.5em; margin: 0;border-top: 1px solid #999999;text-decoration: none;width:195px; font-size: 12px; letter-spacing: -1px;  } 

/* commented backslash hack for hiding stuff from mac-ie5 \*/
html>body ul.dynamicmenu li a { width: auto; }
/* end hack */

#header ul.dynamicmenu li a {background: #ffffff; color: #696969; }
#header ul.dynamicmenu li a:hover {background:#666666; color:#fff;}

/* Search Form
---------------------------------------------------------------------------------- */
#footer input#query {float: left; width: 90px; background:#eeeeee;
height: 14px; line-height: 14px; font-size: 12px; margin:2px 5px 0 0;outline: none;border:1px solid #999999;}
#footer form input.submit-btn {width: 45px;height: 18px;margin:1px 5px 0 0;
background: transparent url(/gfx/xtras/search-btn.gif) no-repeat 0 50%;outline: none;float:left;}

body#home #footer input#query {width: 122px;}
body#news #footer input#query {width: 122px;}

/* Kontaktní formulář
---------------------------------------------------------------------------------- */
.contactform {margin: 10px 0 0 10px;}

#sidebar .input_text {border: 1px solid #999999; line-height: 12px; padding: 2px; font-size: 11px; margin: 0 0 5px 6px; width: 290px; height: 14px; float: none; background: #ffffff; height: 14px;}
#sidebar .Submit {margin: 10px 0 0 6px; width: 60px; height: 25px; float: none;	cursor: pointer; border: 0;}
#sidebar textarea {width: 290px;	margin: 0 0 0 6px; border: 1px solid #999999; background: #ffffff; height: 90px; line-height: 12px; padding: 2px;	font-size: 11px; 	font: 11px Tahoma, Verdana; color: #333333;}
#sidebar label {margin: 5px 0 0 6px;font-size:11px;}

/* ------------ Column2 Detail ----------------------------------------------------------------------------------------------------------*/
#ProductTable {padding-top: 5px;}
#ProductTable .DetailImg {width: 230px; margin: 2px 0 20px 0; padding: 4px; text-align: center; border: 1px solid #ccc;} 
#ProductTable .left { width: 118px; float:left;}
#ProductTable .left ul.smg { padding: 0; margin: 0; list-style: none; width: 100%;}
#ProductTable .left ul.smg li { width:104px; height: 80px; margin: 2px 2px 20px 0; float: left; }
#ProductTable .left ul.smg li img { border: 1px solid #ccc; padding:2px;}
#ProductTable .right { float: left; width: 240px; padding: 0; margin:0;}

.Product {padding: 5px 0 0 20px;}
.Product .left { width: 118px; float:left;}
.Product .left ul.smg { padding: 0; margin: 0; list-style: none; width: 100%;}
.Product .left ul.smg li { width:104px; height: 80px; margin: 2px 2px 20px 0; float: left; }
.Product .left ul.smg li img { border: 1px solid #ccc; padding:2px;}
.Product .right { float: left; width: 250px; padding: 0; margin:0; text-align: justify; }