/* ================================================ G L O B A L ============================================ */
html, body, form, fieldset, 
table, caption, tr, td, th, 
div, p, ul, ol, li, a, img, 
dl, dt, dd, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; border: solid 0 #999; }

html 		{ font-size: 100.01%; text-align: center; }
body, table { font-family: sans-serif; }
body 		{ font-size: 75%; color: #fff; background: url('../images/bg_body.png') repeat-x top #4e4e4e; line-height: 1.5em; /* = LH */   }
table 		{ font-size: 100%; }

	/* non semantic */
hr      	{ display: none; }
.hidden	 	{ position: absolute; top: -10000px; left: -9999px; }
.clr		{ clear: both; height: 1px; font-size: 1px; overflow:  hidden; }
.replace	{ position: absolute; top: 0; left: 0; overflow: hidden; z-index: 1; display: block; }

	/* pouzivat acronym - IE nerozezna abbr */
acronym, 
abbr 		{ background: url(../images/dot.gif) repeat-x bottom; border: 0; cursor: help; padding: 0; }

#center img { border:  3px solid #8dd700; margin: 0px 12px 15px 0px; }

	/* formular */
#form-guestbook input, .EditTable input, input[type=text]  { width: 200px;}
.EditTable select { width: 205px; }
#form-guestbook textarea, textarea { width: 480px; }

	/* tables */

thead th { background: #c3d9ff; }
th, td, caption { padding: 4px 10px 4px 5px; }
tr.even td { background: #e5ecf9; }
tfoot { font-style: italic; }
caption { background: #eee; }
/* ======================================================================================================== */
#page			{ width: 1000px; background: url('../images/bg_page.jpg') repeat-y; margin: 0 auto; text-align: left; position: relative; }
.text #pagein 		{ width: 984px; min-height: 720px; padding: 0 8px; background: url('../images/bg_pagein.jpg') no-repeat top;}
#pagein 		{ width: 984px; min-height: 720px; padding: 0 8px; background: url('../images/bg_pagein_no.jpg') no-repeat top;}
* html #pagein 	{ height: 720px; }
#pagein:after	{ content:""; display:block; height:0; clear:both; visibility:hidden; }
#head 			{ height: 102px; float: left; width: 100%; position: relative;}
#main			{ float: left; margin: 356px 0 0; width: 100%; }
#content		{ float: left; width: 944px; padding: 20px; }
#foot			{ float: left; width: 1000px; margin: 0 -8px; display: inline; height: 150px; padding: 200px 0 0; background: url('../images/bg_foot.jpg') no-repeat top #4e4e4e;  }

#left-bubble { position: absolute; top: 478px; left: -55px; width: 55px; height: 148px; background: url('../images/bubble_left.jpg') no-repeat; }
#right-bubble { position: absolute; top: 0; right: -92px; width: 92px; height: 549px; background: url('../images/bubble_right.jpg') no-repeat; }

/* ---------------------------/ TOP BOX /------------------------------------------------------------- */
#head a.logo		{ position: absolute; top: 0; left: 0; }
	/* languages */
#head ul 			{ float: right; list-style-type: none; margin: 15px 100px 0 0; display: inline; }
#head ul li 		{ float: left; border-left: 1px solid #fff; font-size: 1.1em }
#head ul li.CS 	{ border: 0; }
#head ul li a 		{ color: #fff; font-weight: bold; padding: 0 5px; text-decoration: none; }
#head ul li a:hover,
#head ul li a.active{ color: #fe00ff }
        /* asociace */
.asociace {position: absolute; left: 520px; top: 10px;}
	/* searh form */
#head form { position: absolute; top: 63px; left: 668px; width: 322px; height: 50px  }
#head form input	{ width: 220px; }
#head form input.sub { position: absolute; bottom: 24px; right: 0; width: auto; }
	/* menu */
#menu 			{ float: left; border-bottom: 10px solid #8dd700; margin: 30px 0 0; width: 100%; }
#menu ul		{ list-style-type: none; margin: 0 0 0 11px; }
#menu ul li 	{ float: left; margin: 0 4px 0 0; } 
#menu ul li a 	{ display: block; width: 157px; background: url('../images/bg_menu.png') no-repeat top #00618c; text-align: center; color: #fff; text-decoration: none; padding: 0.6em 0; font-weight: bold;  }
#menu ul li a.active,
#menu ul li a:hover { background: url('../images/bg_menu_active.png') no-repeat top #8dd700; }

	/* menu 1.uroven */
	
#menu ul li.top 				{ float: left; margin: 0 4px 0 0; }
#menu ul li a.link 				{ display: block; width: 157px; background: url('../images/bg_menu.png') no-repeat top #00618c; text-align: center; color: #fff; text-decoration: none; padding: 0.6em 0; font-weight: bold; }
#menu ul li a.link:hover,
#menu ul li a.active			{ background: url('../images/bg_menu_active.png') no-repeat top #8dd700; }
#menu ul a:hover 				{ visibility:visible; position:relative; z-index:200; }
#menu ul li:hover 				{ position:relative; z-index:200; }
	/* tabulka pro IE */
#menu ul table { border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0; background: none; }
#menu ul table td	{ border: 0;}
	/* menu 2. uroven */
#menu ul ul 					{ position:absolute; left:-9999px; top:-9999px; margin:0; padding:0; min-width: 220px; height: auto; z-index: 500; text-align: left; }
* html #menu ul ul				{ width: 220px; }
#menu ul :hover ul 				{ left:0px; top:32px; background: url('../images/bg_submenu.png') repeat; padding: 20px 15px 10px; white-space:nowrap; z-index:300; }
* html #menu ul :hover ul		{ background: #8dd700; }
#menu ul li ul li				{ display: block; position: relative; padding: 0.3em 0 0.3em 20px; float: none }
#menu ul :hover ul li 			{ background: url('../images/white_dot.png') no-repeat left center;  }
#menu ul :hover ul li a 		{ display:block; color:#fff; text-decoration:none; padding: 0 0 0 5px; background: none; text-align: left; }
#menu ul :hover ul li a:hover  	{ color:#000;}


/* ---------------------/ BOXES LINE /---------------------------------------------------------------- */
	/* blue box (news) */
#blue-box 			{ width: 441px; height: 205px; background: url('../images/bg_blue_box.png') no-repeat; position: absolute; top: 228px; left: 40px; padding: 0 15px 15px; }
#blue-box h2		{ text-align: right; color: #fff; font-size: 1.6em; font-weight: bold; margin-bottom: 0em; }
#blue-box h2 span 	{ font-size: 0.9em; text-transform: uppercase; }
#blue-box p			{ color: #fff; text-align: right; margin-bottom: 0.3em; }
#blue-box p a 		{ color: #8dd700; font-weight: bold; }
#blue-box p a:hover { text-decoration: none; } 
	/* video box */
#video-box 			{ width: 366px; height: 202px; padding:10px; background: url('../images/bg_video.jpg') no-repeat; position: absolute; top: 225px; right: 74px;}
#video-box a		{ ddisplay: block; width: 129px; height: 31px; padding: 5px 0 0 5px; position: absolute; bottom: 23px; right: 20px; z-index: 100 }
#video-box a span	{ display: block; width: 134px; height: 36px; background: url('../images/link_video_CS.png') no-repeat; position: absolute; top: 0; left: 0; cursor: pointer }
#video				{ position: relative; z-index: 10; }


* html #video-box a span { background: transparent none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/link_video_CS.png'); }

#video-box.EN a span { background: url('../images/link_video_EN.png') no-repeat; }
#video-box.DE a span { background: url('../images/link_video_DE.png') no-repeat; }
#video-box.SK a span { background: url('../images/link_video_SK.png') no-repeat; }

#action { background: url('../images/bg_action.png') no-repeat left top; width: 634px; height: 57px; position: absolute; top: 460px; left: 293px; }
#action a { color: #6c036a; text-decoration: none; display: block; width: 534px; font-weight: bold; font-size: 1.5em; padding: 17px 50px;  }
#action a span { color: #fff; }

	/* green box */
#green-box 			{ float:left; width: 984px; min-height:248px; background: url('../images/bg_green_box.jpg') no-repeat #559000; border-bottom: 5px solid #fff;  color: #000; position: relative }
* html #green-box	{ height: 248px; }
#green-box ul		{ margin: 10px 0 0; list-style-type: none; color: #fff }
#green-box ul li 	{ padding: 0 25px 0 0; background: url('../images/arrow.gif') no-repeat right center; margin-bottom: 0.6em }
.green-left 		{ float: left; width: 510px; text-align: right; padding: 10px 0; margin: 0 20px 0 0; display: inline; }
.green-left p		{ font-size: 1.2em; margin-bottom: 2em; }
.green-left p strong{ display: block; }
.green-right 			{  float: left; width: 360px; text-align: left; padding: 15px 0 0;  }
.green-right h2			{ font-weight: bold; font-size: 1.4em; margin-bottom: 2em; color: #000; }
.green-right ul			{ position: absolute; bottom: 10px; left: 530px; #bottom: 17px;  }
.green-right li			{ float: left; background: none !important; padding: 0 !important; margin: 0 5px 0 0;  }
.green-right li a		{ width: 84px; height: 29px; position: relative; display: block; font-size: 75%; }

.green-right li a span 	{ width: 84px; height: 29px; position: absolute; top: 0; left: 0; overflow: hidden; display: block }

.green-right li.v1 a span { background: url('../images/submit_message_CS.png') no-repeat; }
.green-right li.v2 a span { background: url('../images/submit_message_more_CS.png') no-repeat; }

.green-right .langEN li.v1 a span { background: url('../images/submit_message_EN.png') no-repeat; }
.green-right .langEN li.v2 a span { background: url('../images/submit_message_more_EN.png') no-repeat; }

.green-right .langDE li.v1 a span { background: url('../images/submit_message_DE.png') no-repeat; }
.green-right .langDE li.v2 a span { background: url('../images/submit_message_more_DE.png') no-repeat; }

.green-right .langSK li.v1 a span { background: url('../images/submit_message_SK.png') no-repeat; }
.green-right .langSK li.v2 a span { background: url('../images/submit_message_more_SK.png') no-repeat; }

#green-box #contact-q { display: block; width: 152px; height: 152px; position: absolute; right: 0; bottom: -50px; }
#green-box #contact-q span { width: 152px; height: 152px; background: url('../images/bg_contact_q.png') no-repeat left top; cursor: pointer; }

* html #green-box #contact-q span { background: transparent none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg_contact_q.png'); }
/* ---------------------------/ CONTENT BOX /---------------------------------------------------- */
	/* product detail */
.eshop-page #content { min-height: 500px; }
* html .eshop-page #content { height: 500px; }
.eshop-page #center { float: right; width: 630px; padding: 20px 0 0; }
.eshop-page #center h2 { border-bottom: 8px solid #fff; }
.eshop-page #aside	{ float: left; width: 285px; padding: 49px 0 0; margin: 0 0 0 -4px; display: inline; position: relative;  }
.eshop-page #prodcut 	{ width: 530px; }
.eshop-page #product .images { float: left; width: 190px; margin: 0 20px 0 0; display: inline; }
.eshop-page #product .info	{ float: left; width: 320px;  }
.eshop-page #center h1 { color: #8dd700; border-bottom: 8px solid #8dd700; font-size: 1.4em; font-weight: bold; line-height: 2em; margin: 0 0 1em }
.eshop-page #product .images img { border: 5px solid #8dd700; } 
.eshop-page #product .thumbs	{ margin: 15px 0 0 2px}
.eshop-page #product .thumbs img { width: 80px; overflow: hidden; }
.eshop-page #product input { width: 40px; margin: -5px 10px 0 0; position: relative; top: -5px; }
.eshop-page #product input.sub { width: auto; position: relative; top: 5px }
.eshop-page #product td,
.eshop-page #product th { text-align: left;}

	/* product list */
.product-row { float: left; margin: 0 0 2em }
.product { float: left; width: 140px; padding: 10px 20px; margin: 0 25px 0 0; display: inline; text-align: center; border: solid #ff00ff; border-width: 0 1px 1px 0;   }	
.product h2	{ border: 0 !important; font-size: 1.2em; line-height: 1.2em; }
.product h2 a { color: #8dd700;}
.product img	{ border: 5px solid #8dd700; width: 120px; overflow: hidden; }
.product p		{ margin-bottom: 0.5em; font-size: 0.9166em; }
.product p.desc	{ line-height: 1.2em; font-size: 0.833em; margin: 0 0 1.5em }
.product p strong	{ color: #ff0eff; }
.product p span { font-size: 1.4em;}
.product p.buy a { background: url('../images/ico_basket.gif') no-repeat left center; padding: 0 0 0 20px; font-size: 1.2em; display: block; text-align: left; font-weight: bold; margin: 0.5em 0 0.5em; }


	/** aside **/
#last-gallery div	{ padding: 0 10px 0  }
/*
#last-gallery a		{ margin: 1px 3px; #margin: 3px; _margin: 3px; display: block; float: left; }
#last-gallery img 	{ border: 5px solid #8dd700; width: 116px; overflow: hidden;  }
*/ 
#last-gallery h2	{ font-size: 1.2em; font-weight: bold; color: #a7ff00; border-bottom: 8px solid #a7ff00; line-height: 1.5em; margin-bottom: 1.5em; }
#last-gallery p		{ margin-top: 0.5em; }
#last-gallery p a 	{ font-weight: bold; /*font-size: 1.1em;*/  }

#call { width: 192px; height: 114px; background: url('../images/bg_phone.jpg') no-repeat; margin: 0 0 260px; padding: 15px 0 0 90px }
#call p { line-height: 1.2em}
#call p span { display: block; color: #000; }
#call input { border: 0; position: relative; top: -9px; width: 160px;  }
#call input.sub { width: auto; border: 0; margin: 7px 0 0 80px }

#basket { width: 142px; height: 104px; background: url('../images/bg_basket.png') no-repeat; padding: 25px 20px 0 120px; margin: 0 0 20px; }
#basket p { color: #000; font-weight: bold; }
#basket a { display: block; font-weight: bold; color: #fff; font-size: 1.2em }

#spq { width: 152px; height: 152px; background: url('../images/bg_contact_q_subpage.png') no-repeat left top; position: absolute; top: 225px; left: 125px; }

* html #spq { background: transparent none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg_contact_q_subpage.png'); }
/* ----------------/ FOOT BOX /-------------------------------------------------------------------- */
#foot p { text-align: center; font-size: 0.833em; color: #fff; margin: 0; }
#foot p a { color: #fff; margin: 0 1px }



#search legend	{ display: none;}

.msg	{ padding: 10px; border: 2px solid #a7ff00; color: #fe00ff; }
#content form td.kosik_ks input	{ width:40px; }
.btns { padding:10px 80px; text-align: right; }
.error { color:#ff0000; }
form th label span { color:#cc0000; padding-left: 5px; }
form th:first-letter { text-transform: uppercase; }

.router .image { float: left; margin-right: 15px; }
.router img { width: 66px; }
.router li { clear: both; list-style-type: none ; background: none; padding-top: 7px; padding-bottom: 7px; }
.router .link { font-size: 120%; font-weight: bold; padding-bottom: 5px; }


#spamprotirobotum       { margin: 0px 0px 8px 0px; }
#spamprotirobotum .hdf { display:none; position: absolute; left: -9999;  }
#spamprotirobotum span  { font-size: 190%; font-family:monospace; border:1px solid #dedede; padding: 5px; font-weight:bold; }
#center .bluebox  #spamprotirobotum input { margin-left:10px; width: 50px; }
#spamprotirobotum label { display: block; font-weight: bold; }
#spamprotirobotum em { font-style: normal; display: block; padding-bottom: 10px; }



button { cursor: pointer; }
	/* headings */
h1, h2, h3 { color: #fff; }
h4, h5, h6 { color: #fff; }

h1 { font-size: 1.25em; line-height: 2.5em; margin-bottom: 0.15em; }
h2 { font-size: 1.1em; font-weight: bold; line-height: 2.5em; margin-bottom: 0.5em; }
h3 { font-size: 1.5em; line-height: 2em; margin-top: 1.5em; margin-bottom: 0.5em; }
h4 { font-size: 1.1667em; line-height: 1.2857; margin-bottom: 1.2857em; }
h5 { font-size: 1em; line-height: 1.5em; margin-bottom: 1.5em; }
h6 { font-size: 0.9167em; line-height: 1.6364em; margin-bottom: 1.6364em; }

.pagination { font-size: 110%; }
var { font-style: normal;}
#toplist { width: 1px; height: 1px; overflow: hidden; }

.green-right p { color: #fff;}