* { margin:0; padding:0; outline:none; }
body, div, p, a, img, span, ul, ol, li, table, th, tr, td, dl, dt, dd, form, fieldset, legend, blockquote, applet, object { border:0; }

body { font-family:"Lucida Grande", Arial, Helvetica, sans-serif; font-size:100%; background:#3a4049; color:#1d1d1b; line-height:1.5em; text-align:center; }

/* GLOBAL
------------------------------*/
p { margin:10px 0; padding:0; font-size:1em; }
table p { margin:0; padding:0; }
/*table { clear:both; }*/

a { color:#d00000; text-decoration:underline; outline:none; }
a:hover { color:#d00000; text-decoration:none; }

hr, legend { display:none; }

input, select, textarea { padding:2px; outline:none; font-family:"Lucida Grande", Arial, Helvetica, sans-serif; }

.nobg { background:none !important; }
.noscreen { display:none !important; }

.f-right { float:right !important; }
.f-left { float:left !important; }

.ttu { text-transform:uppercase; }

ul { list-style:none; margin:0; padding:0 0 10px 0; }
	ul li { list-style:none; margin:0; padding:0 0 0 12px; background:url(li.gif) 4px 7px no-repeat; }

h2 { margin-top:0; font-size:1.8em; color:#22262e; font-weight:normal; line-height:1.3em; }
h2.title { margin-top:0; font-size:1.8em; color:#000; font-weight:normal; }
h3 { margin-top:15px; font-size:1.3em; color:#000; font-weight:bold; }
h4 { margin-top:15px; font-size:1.2em; color:#000; font-weight:bold; }

.dovetek { text-transform:uppercase; color:#7c7c7c; font-size:1.2em; padding:0; margin:0; }

.rssSubdate {	padding-left:7px;	}
.cervena { color:#ff0000 !important; }

.vlevo { float:left; padding:0 15px 7px 0; }
.vpravo { float:right; padding:0 0 7px 15px; }

/* H1 REPLACE
------------------------------*/
h1 { display:block; position:absolute; width:285px; height:120px; left:0; top:0; text-align:center; font-size:1.1em; overflow:hidden; line-height:1.2em; padding:0; background:url(logo.png) no-repeat; }
	h1 a { display:block; width:285px; height:120px; text-indent:-9999px; }

.slogan { margin:0; padding:0; position:absolute; top:0; left:285px; height:98px; width:315px; overflow:hidden; display:block; text-indent:-9999px; }
	.cs .slogan { background:url(slogan-cz.png) no-repeat; }

/* LAYOUT
------------------------------*/
#bg { background:#fff url(bg.png) repeat-x; width:100% }
#all { width:990px; margin:0 auto; position:relative; text-align:left; font-size:0.75em; line-height:1.6em; z-index:1; }
	#top { position:relative; width:990px; height:146px; }
	#container { position:relative; width:966px; background:#fff url(all.png) 672px 12px no-repeat; padding:12px 12px 40px 12px; }
	
	.pg-default-fp #top { height:401px; }
	
	#flash { position:absolute; top:98px; left:0; width:990px; height:281px; z-index:1; background:#fff; }
	
	.conpad { padding-right:20px; }

/* PRUH
------------------------------*/
.pruh { height:110px; width:100%; border-bottom:12px solid #fff; background:#767f8b url(pruh.gif) repeat-x; font-size:0.75em; line-height:1.5em; overflow:hidden; }
	.pruhbg { background:url(pruhbg.jpg) 50% 0 no-repeat; width:100%; height:110px; }
	.pruhobsah { width:966px; margin:0 auto; text-align:left; padding:5px 0 0 0; }
	
	.p1 { width:276px; float:left; padding:0 43px 0 0; }
	.p2 { width:300px; float:left; padding:0 43px 0 0; }
	.p3 { width:304px; float:left; }
	
		.p1 p { color:#2f353e; }
		.pruh .title { float:left; color:#fff; text-transform:uppercase; font-size:1.2em; font-weight:bold; }
		.pruh .archiv { float:right; text-align:right; color:#fff !important; }
			.pruh .archiv a { color:#2e343d; text-decoration:none; }
			.pruh .archiv a:hover { color:#2e343d; text-decoration:underline; }
		.pruh .t { clear:both; padding:2px 0 0 0; }
		
		.pruh p { margin:0; padding:5px 0 0 0; }
		.pruh a { color:#fff; text-decoration:none; }
		.pruh a:hover { color:#fff; text-decoration:underline; }
		
		.p2 .title, .p1 .title, .p3 .title { padding-bottom:7px !important; }
		.p2 .datum { clear:both; width:72px; color:#fff; float:left; padding:2px 0 0 0; font-weight:bold; }
		.p2 .t { float:right; width:228px; display:block; clear:none; padding:2px 0 0 0; }
		
		.p3 .newsimg { width:80px; height:60px; overflow:hidden; margin:0; padding:10px 0 0 0; float:left; clear:both; }
		/*.p3 .t { float:right; width:204px; padding:10px 0 0 0; clear:none; }*/

/* BANNERY
------------------------------*/
.bannery { width:990px; margin:0 auto; height:141px; background:#fff; border-bottom:12px solid #fff; background:url(bannery.jpg) no-repeat; }
	.bannery a { width:230px; height:141px; display:block; float:left; border-left:12px solid #fff; text-align:center; text-indent:-9999px; }
	.ban2 { width:236px !important; }
	.ban3 { width:235px !important; }
	.ban4 { width:229px !important; }

/* HP
------------------------------*/
#hp { width:100%; background:#4d555f; }
.hp { width:990px; margin:0 auto; font-size:0.75em; line-height:1.5em; color:#fff; text-align:left; padding:20px 0; }
	.b1 { width:332px; padding:0 40px 0 12px; float:left; }
	.b2 { width:250px; padding-right:40px; float:left; }
	.b3 { width:304px; float:left; }
	
		.b3 img { padding-bottom:5px; }
	
	.hp h2 { color:#fff; font-size:1.4em; font-weight:bold; line-height:1.3em; }
	.hp h3 { color:#fff; font-size:1.1em; font-weight:normal; line-height:1.3em; text-transform:uppercase; }
	.hp .dotaz { background:url(sidebar-hover.png) 0 50% no-repeat; color:#fff; text-transform:uppercase; padding:6px 10px 6px 31px; display:block; font-size:1em; text-decoration:none; line-height:1.4em; clear:both; }
	.hp .dotaz:hover { color:#fff; text-decoration:underline; }
	
	.hp ul { list-style:none; margin:0; padding:0 0 10px 0; }
		.hp ul li { list-style:none; margin:0; padding:0 0 0 12px; background:url(hp-li.gif) 4px 7px no-repeat; }
		
	.w49 { width:49% !important; }
	
	.hpsubmit { color:#fff; background:#555964 url(hpsubmit.gif) repeat-x; border:1px solid #5f6673; margin-left:5px; cursor:pointer; }


/* MENU
------------------------------*/
.menu { position:absolute; top:120px; width:990px; left:0; margin:0; padding:0; text-align:right; z-index:100; }
	.menu a { height:25px; line-height:25px; padding:0 17px; margin-left:6px; background:#fff; color:#5b6471; text-transform:uppercase; text-decoration:none; border:1px solid #fff; border-bottom:0; display:block; float:right; font-size:0.95em; }
	.menu a:hover, .menu a.active { background:url(menu-hover.png) repeat-x; border:1px solid #7a7f89; border-bottom:0; color:#fff; text-decoration:none; }

/* LANG
------------------------------*/	
.lang { position:absolute; top:37px; right:0; text-align:right; font-size:0.9em; margin:0; padding:0 80px 0 0; color:#7c7c7c; z-index:200; display:block; width:300px;height:48px; line-height:48px; background:url(lang.png) 100% 0 no-repeat; }
	.lang a { padding:0 4px; color:#929292; text-decoration:none; }
	.lang a:hover { text-decoration:underline; color:#929292; }
	
	.lang .i1 { position:absolute; width:23px; height:12px; top:18px; right:44px; text-indent:-9999px; overflow:hidden; }
	.lang .i2 { position:absolute; width:23px; height:12px; top:18px; right:20px; text-indent:-9999px; overflow:hidden; }
	.lang .i3 { position:absolute; width:19px; height:12px; top:18px; right:0; text-indent:-9999px; overflow:hidden; }

/* CONTENT
------------------------------*/
#content { float:right; width:673px; padding:0; overflow:hidden; font-size:0.9em; }

	#drobky { font-size:1em; color:#f02316; margin:0; padding:5px 0 15px 0; }
		#drobky a { color:#22282f; text-decoration:none; }
		#drobky a:hover { color:#b5b5b7; text-decoration:underline; }
		
	h3.sub { color:#ef0f0f; padding:0 0 10px 0; margin:5px 0 0 0; font-size:1.3em; font-weight:bold; }
	
	#taby { clear:both; width:100%; margin-top:15px; background:url(taby.gif) 0 25px no-repeat; }
	#taby div { clear:both; padding-top:10px; }
	.tabs { clear:both; width:100%; list-style:none; margin:0; padding:0; }
		.tabs li { list-style:none; float:left; padding:0; text-align:left; margin-right:3px; }
		.tabs li a { text-decoration:none; padding:0 20px; height:25px; line-height:25px; display:block; float:left; background:#ddd; color:#22282f; border:1px solid #ddd; border-bottom:0; }
		.tabs li a:hover { text-decoration:none; background:#4f525c; color:#fff; border:1px solid #4f525c; border-bottom:0; }
		.tabs li.ui-tabs-selected a { text-decoration:none; background:#fff; color:#22282f; border:1px solid #efefef; border-bottom:0; }
		
		.ui-tabs-hide { display:none !important; }
		
	.b { width:200px; float:left; padding:20px 0 0 0; margin:0 24px 0 0; border-bottom:1px solid #51515b; position:relative; display:inline; height:225px; }
		.bimg { width:200px; height:120px; overflow:hidden; text-align:center; display:table-cell; vertical-align:middle; }
		.b h3 { font-size:1em; font-weight:bold; }
		.b h3 a { color:#4f6a7f; text-decoration:none; }
		.b h3 a:hover { color:#4f6a7f; text-decoration:underline; }
		.b .detail { text-decoration:none; color:#000; font-size:0.9em; font-weight:normal; display:block; width:200px; height:30px; line-height:30px; position:absolute; left:0; bottom:0; text-align:center; }
		.b .detail:hover { text-decoration:underline; color:#000; }
		.b p { margin:0; padding:5px 0 0 0; line-height:1.3em; color:#9b9b9b; }


/*formátování tabulek
------------------------------*/
		
		.tech
		{
			border: 1px #CCC solid;
			text-align: center;
			vertical-align: middle;
		}
		
		.tech_label
		{
			border: 1px #CCC solid;
			text-align: left;
			vertical-align: middle;
		}
		
		
		th.zahlavi
		{
			border: 1px #FFF solid;
			background-color: #EFEFEF;
			text-align: center;
		}
		
		.tech_kat
		{
			border: 1px #FFF solid;
			background-color: #EFEFEF;
			text-align:left;
			vertical-align: middle;
		}
		
		
/* KATALOG
------------------------------*/
#katalogtop { width:990px; height:110px; display:block; overflow:hidden; background:url(katalog.jpg) 0 255px no-repeat; padding:255px 0 0 0; }
	.kt1 { width:154px; padding:14px 10px 0 144px; float:left; color:#fff; }
	.kt2 { width:299px; padding:14px 22px 0 22px; float:left; color:#fff; }
	.kt3 { width:295px; padding:14px 22px 0 22px; float:left; color:#fff; }
		.kt3 span { font-weight:normal; text-transform:none; }
	
	#katalogtop p.t { text-transform:uppercase; margin:0; padding:0; font-weight:bold; }
	
	.kt1 p { margin:0; padding-top:10px; }
	.kt1 a { background:url(d.gif) 0 50% no-repeat; color:#b4c2c8; text-decoration:none; padding:0 0 0 23px; }
	.kt1 a:hover { color:#fff; text-decoration:underline; }
	
	.kt2 p { margin:0; padding-top:6px; }
	.kt2 a { color:#fff; text-decoration:none; }
	.kt2 a:hover { color:#fff; text-decoration:underline; } 
	
	.kt3 p { margin:0; padding-top:5px; }
	.kt3 a { background:url(d.gif) 0 50% no-repeat; color:#b4c2c8; text-decoration:none; padding:0 0 0 23px; }
	.kt3 a:hover { color:#fff; text-decoration:underline; }
	
	.kt2 span { color:#b4c2c8; }

#katalog { background:#eaebed url(katalog.gif) repeat-x; width:990px; } 

	.kat { width:270px; float:left; padding:20px 30px; }
		.kat h2 { color:#545b61; font-size:1em; font-weight:bold; padding:0 0 15px 34px; margin:0; }
		.kat h2 span { color:#222c34; }
		.kat h2 span.red { color:#ef0f0f; }
		
		.k1 { background:url(k1.gif) no-repeat; }
		.k2 { background:url(k2.gif) no-repeat; }
		.k3 { background:url(k3.gif) no-repeat; }
		.k4 { background:url(k4.gif) no-repeat; line-height:29px; }
		.k5 { background:url(k5.gif) no-repeat; line-height:29px; }
		.k6 { line-height:29px; text-transform:uppercase; color:#fff !important; padding:0 0 15px 0 !important; }
		.k6 span { color:#fff !important; }
		
		.k7 { background:url(k7.jpg) no-repeat; padding:0 0 15px 90px !important; min-height:62px; height:auto !important; height:62px; }
		.k8 { background:url(k8.jpg) no-repeat; padding:0 0 15px 90px !important; min-height:62px; height:auto !important; height:62px; }
		.k9 { background:url(k9.jpg) no-repeat; padding:0 0 15px 90px !important; min-height:62px; height:auto !important; height:62px; }
		
		.k7 span, .k8 span, .k9 span { font-weight:normal; display:block; padding-top:5px; }
		
		.kat .t a { color:#fff; text-decoration:none; }
		.kat .t a:hover { color:#fff; text-decoration:underline; }
		
		.k6 a { float:right; text-decoration:none; color:#2e343d; text-transform:none; }
		.k6 a:hover { text-decoration:underline; color:#2e343d; }
		
		.sep { background:url(katsep.gif) 0 100% repeat-x; }
		
		.kat ul { list-style:none; margin:0; padding:0; }
		.kat ul li { list-style:none; background:none; padding:0; margin:0; }
		.kat ul li a { color:#222c34; text-decoration:none; }
		.kat ul li a:hover { color:#d00000; text-decoration:underline; }
		
		.newsb { background:url(newsb.gif) repeat-y; }
		.newsblock { background:#777f8c url(newsblock.png) no-repeat; min-height:143px; height:auto !important; height:183px; }
		
		.bila { background:#fff !important; }
	
/* SIDEBAR
------------------------------*/
#sidebar { float:left; width:273px; }

	#sidebar ul { list-style:none; width:273px; margin:0; padding:0; }
	#sidebar ul li { list-style:none; margin:0; padding:0; background:none; }
	#sidebar ul li a { font-size:0.9em; color:#fff; text-decoration:none; display:block; text-transform:uppercase; background:#4f525c; padding:6px 10px 6px 34px; width:229px; border-top:1px solid #3c4047; border-bottom:1px solid #545a65; line-height:1.4em; }
	#sidebar ul li a:hover { color:#fff; text-decoration:none; text-decoration:none; background:#4f525c url(sidebar-hover.png) 9px 50% no-repeat; border-top:1px solid #3c4047; border-bottom:1px solid #545a65; }
	#sidebar ul li a.active { color:#22282f; text-decoration:none; text-decoration:none; background:#fff url(sidebar-hover.png) 9px 50% no-repeat; border-top:1px solid #fff; border-bottom:1px solid #fff; }
	
	#sidebar ul ul { list-style:none; width:273px; margin:0; padding:0; background:#303843; }
	#sidebar ul ul li { list-style:none; margin:0; padding:0; background:none; }
	#sidebar ul ul li a { font-size:0.9em; color:#fff; text-decoration:none; display:block; text-transform:uppercase; background:#303843 url(sidebar-li.gif) 25px 50% no-repeat; padding:6px 10px 6px 48px; width:215px; border-top:1px solid #2d333b; border-bottom:1px solid #3a424c; }
	#sidebar ul ul li a:hover, #sidebar ul ul li a.active { color:#f02316; text-decoration:none; text-decoration:none; background:#303843 url(sidebar-li-hover.gif) 25px 50% no-repeat; border-top:1px solid #2d333b; border-bottom:1px solid #3a424c; }
	
	#sidebar ul ul ul { list-style:none; width:269px; margin:0; padding:0; background:#303843; border-left:4px solid #fff; display:none; }
	#sidebar ul ul ul li { list-style:none; margin:0; padding:0; background:none; border-left:2px solid #ecedee; }
	#sidebar ul ul ul li a { font-size:0.9em; color:#fff; text-decoration:none; display:block; text-transform:none; background:#303843 url(sidebar-ul-li.gif) 0 50% no-repeat; padding:6px 10px 6px 48px; width:209px; border-top:1px solid #2d333b; border-bottom:1px solid #3a424c; }
	#sidebar ul ul ul li a:hover, #sidebar ul ul ul li a.active { color:#f02316; text-decoration:none; text-decoration:none; background:#303843 url(sidebar-ul-li.gif) -267px 50% no-repeat; border-top:1px solid #2d333b; border-bottom:1px solid #3a424c; }
	
	#sidebar .cenik { width:232px; background:#ef0f0f url(cenik.gif) 0 50% no-repeat; color:#fff; text-transform:uppercase; padding:6px 10px 6px 31px; display:block; border-top:3px solid #fff; font-size:0.9em; text-decoration:none; }
	#sidebar .cenik:hover { background:#d30e0e url(cenik.gif) 0 50% no-repeat; color:#fff; text-decoration:none; }
	
	#sidebar .dotaz { width:232px; background:url(sidebar-hover.png) 0 50% no-repeat; color:#2f363e; text-transform:uppercase; padding:6px 10px 6px 31px; display:block; font-size:1em; text-decoration:none; line-height:1.4em; }
	#sidebar .dotaz:hover { color:#2f363e; text-decoration:underline; }
	
	#sidebar ul ul ul.db { display:block !important; }
	
	#komplet { width:147px; height:82px; display:block; background:url(cenik.jpg) no-repeat; padding:20px 22px 0 104px; color:#000; text-decoration:none;}
		#komplet:hover { color:#000; text-decoration:underline; }
	
	#kompletkatalog { width:130px; height:110px; display:block; background:url(kompletkatalog.jpg) no-repeat; padding:13px 22px 0 121px; color:#000; }
		#kompletkatalog p { margin:0; padding:5px 0; }
		
		#kompletkatalog a { background:url(d.gif) 0 50% no-repeat; color:#f60a0c; text-decoration:none; padding:0 0 0 23px; }
		#kompletkatalog a:hover { color:#f60a0c; text-decoration:underline; }

/* FOOTER
------------------------------*/
#footer { width:100%px; position:relative; clear:both; font-size:0.75em; line-height:1.5em; }

	#footer .con { width:100%; background:url(line.gif) 0 100% repeat-x; padding-bottom:2px; }
	
	.footermenu { color:#000; width:976px; height:46px; line-height:46px; text-align:left; margin:0 auto; }
	.footermenu a { padding:0 5px; color:#fff; text-decoration:none; text-transform:uppercase; font-size:0.9em; }
	.footermenu a:hover, .footermenu a.active { color:#f02316; text-decoration:none; }
	.footermenu span { color:#767f8b; }
	
	.fbox { width:966px; margin:0 auto; padding:10px 0; }
	.box { float:left; width:178px; padding:0 15px 0 0; text-align:left; }
		.box h3 { margin:0; padding:0 0 7px 0; font-size:0.9em; font-weight:bold; color:#fff; }
		.box ul { margin:0; padding:0; list-style:none; font-size:0.9em; }
		.box ul li { margin:0; padding:0; list-style:none; background:none; }
		.box ul li a { color:#fff; text-decoration:none; }
		.box ul li a:hover { color:#fff; text-decoration:underline; }
	
	.copyright { font-size:0.9em; text-align:left; color:#fff; margin:0; padding:5px 0; line-height:1.3em; width:49%; float:left; }
	.copyright a { color:#fff; text-decoration:none; }
	.copyright a:hover { color:#fff; text-decoration:underline; }
	
	.copy { float:right; text-align:right; width:49%; color:#767f8b; line-height:1.3em; font-size:0.9em; margin:0; }
	.copy a { color:#fff; text-decoration:none; padding:0 5px; }
	.copy a:hover { color:#fff; text-decoration:underline; }
	
/* FORM
------------------------------*/
legend { display:none; }
#form { margin-top:15px; }
	#form ol { list-style:none; margin:0; padding:0; font-size:1em; }
	#form ol li { clear:both; width:100%; padding-top:5px; }
	#form ol li span { padding:0 0 0 5px; color:#FF0000; font-weight:bold; font-size:1.4em; }
	#form label { width:110px; display:block; margin-top:0; float:left; text-align:right; padding:0 10px 0 0; }
	#form .styluj textarea { width:350px; height:130px; background:#fff; }
	#form .styluj input { width:210px; float:left; background:#fff; }
	#form select { width:213px; float:left; background:#fff; }
	#form .styluj textarea,
	#form .styluj select,
	#form .styluj input { padding:2px; border:1px solid #2a8628; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
	#form .zemSubmit { width:auto !important; padding:1px 2px; margin:5px 14px 0 120px; }
	
	#form .zemRequirederrorElement { border:1px solid #FF0000 !important; }
	
	#form .ch { padding-left:120px; }
		#form .ch input { width:auto; float:left; margin:0 5px 0 0; }
		#form .ch label { width:auto; margin-top:0; float:left; text-align:right; padding:0; }
		
	#form em { display:none; color:#FF0000; }
	
	ul.zemError { margin:5px 0 5px 135px !important; list-style:square; line-height:1.3em; }
	ul.zemError li { padding:0; list-style:square; line-height:1.3em; background:none; }
	.error, .alert, .zemError strong { color:#FF0000; font-weight:bold; }

/* CLEARFIX
------------------------------*/
.clearfix { display: inline-block; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }