/* CSS Document */
/* ===============================================  G L O B A L  =============================================== */
body						{ background: url(../img/bg-body.jpg) repeat #504c4c; text-align: center;  }
body, td, th,
input, textarea, select		{ font: 62.5% sans-serif; }
img, fieldset				{ border: 0 solid; }
h6, h5, h4, h3, h2, h1, p,
ul, ol, li, dl, dd, dt, 
input, select, textarea,   
form, fieldset, body 		{ margin: 0; padding: 0; }   
/* ............................................................................................................ */  
.ac, .c				{ text-align: center; }
.al, .l, th.l		{ text-align: left; }
.ar, .r, th.r		{ text-align: right; }
hr      	{ display: none; }
.hidden	 	{ position: absolute; top: -10000px; left: 0; }
.hidea		{ display: none; }

.clr, .clear{ clear: both; height: 1px; font-size: 1px; overflow:  hidden; }
.half   	{ width: 48%;  margin: 0 1em 0.5em 0; }
	/* images */
.il     { float: left; clear: left; margin: 0 1em 0.5em 0; }
.ir     { float: right; clear: right; margin: 0 0 0.5em 1em; }
	/* spacing */
.s		{ margin: 0 0 1em; }	
.sh		{ margin: 0 0 1.5em; }
.d		{ margin: 0 0 2em; }

/* ---------------------------------------------------------------------------------------------------------- */
	/* pouzivat acronym - IE nerozezna abbr */
acronym, 
abbr 		{ background: url(../images/dot.gif) repeat-x bottom; border: 0; cursor: help; padding: 0; } 
	/* nadpisy + odstavec */
h1, h2, h3, 
h4, h5, h6 	{ color: #003979; margin: 0 0 0.5em; font-weight: normal; } 
h1 			{ font-size: 1.8em; font-weight: bold; }
h1.logo		{ background-image: url('../img/logo.gif'); background-repeat: no-repeat; padding: 0px 0px 5px 45px; color: #00b0cb; border-bottom: 1px solid #003979; }
h2			{ font-size: 1.6em; font-weight: bold; color: #65941B; }
h3 			{ font-size: 1.4em; }
h4 			{ font-size: 1.2em; }
h5 			{ font-size: 1.1em; }
h6			{ font-size: 1.0em; }
p				{ font-size: 1.2em; line-height: 140%; color: #000; text-align: justify; padding: 0 0 0.3em; }
p#navigation a	{ padding: 0 5px 0;}
	/* seznamy */
ul 				{ list-style-type: none; margin: 0 0 1em 30px; }
li				{ background: url(../img/bg-li.jpg) no-repeat left 50%; color: #000; padding: 0.3em 0 0.3em 35px; font-size: 1.2em; text-align: justify; }
ul.ulTop li		{ background: url(../img/bg-li.jpg) no-repeat top left; }
ul.nobullet li 	{ background: 0; padding-left: 0; }
ol 				{ margin: 0 0 1em; list-style-position: inside; }
ol li			{ background: none; padding: 0; margin: 0.5em 0; list-style-type: decimal; }
	/* odkazy */
a			{ color: #65941B; }
a:hover,
a:focus		{ text-decoration: none; }
	/* tabulky */
table			{ width: 100%; margin: 0 0 1.5em; border: 0; border-collapse: collapse; clear: both; background: #fff; text-align: center;  }
table th,
table td 		{ font-size: 1.2em; color: #58585A; vertical-align: middle; border: 0; border-collapse: collapse; padding: 2px 5px; }
table caption	{ font-size: 1.2em; font-style: italic; padding: 0 0 0.5em; }
table th		{ font-weight: bold; text-align: center; padding: 4px 5px; }

table.obj a			{ color: #58585A; }
table.obj a:hover	{ text-decoration: none; }
table.thr th  	{ text-align: right; }
table.obj td, 
table.obj th  	{ border: 1px solid #dedede; padding: 2px 5px; }
table.obj th  	{ background-color: #ededed; text-align: center; border-bottom: 1px solid #dedede; padding: 4px 5px;  }  
.line td  		{ background-color: #E9F9FB; }
table img		{ border: 0; }
form input,
form textarea	{ padding: 2px; font-size: 1.1em; }
form select		{ font-size: 1.1em; }

table.cenik		{ text-align: left; }
.cenik, .cenik td, .cenik th	{ border:1px solid #dedede; }
table.cenik th	{ background: #eee; text-align: left; }
/* ---------------------------------------------------------------------------------------------------------- */
#page			{ width: 1000px; margin: 0 auto; text-align: left; }
#head			{ height: 205px; background: url(../img/bg-head.jpg) no-repeat; position: relative; }
#content		{ float: left; background: #fff; padding: 0 0 40px; width: 100%; }
#left			{ float: left; width: 185px; padding: 5px 0 0 5px; }
#center			{ float: left; width: 580px; padding: 20px 10px 0; }
#right			{ float: right; width: 205px; padding: 5px 5px 0 0; }
#foot			{ float: left; padding: 5px 0 20px; }
/* --------------------------------------/ TOP BOX /--------------------------------------------------------- */
#head a.logo	{ position: absolute; top: 0; left: 40px; }
#head a.apek	{ position: absolute; top: 5px; left: 450px; }
#head ul		{ position: absolute; top: 66px; right: 10px; } 
#head ul li		{ float: left; padding: 3px 10px 4px; background: url(../img/bg-head-li.gif) no-repeat left top; }
#head ul li.m0	{ background: none; }
#head ul li a	{ color: #605D5C; font-size: 1.0em; }  
#head #cart		{ position: absolute; bottom: 4px; left: 654px; height: 25px; }
#head #cart span{ font-size: 1.2em; color: #fff; margin: 0 0 0 10px; padding:  8px 0 8px 30px ; font-weight: bold; display: block; background: url(../img/bg-cart.jpg) no-repeat 0 5px; }
#head #cart a	{ font-size: 1.2em; color: #fff; margin: 0 0 0 10px; padding:  8px 0 8px 30px ; font-weight: bold; display: block; background: url(../img/bg-cart.jpg) no-repeat 0 5px; }

/* --------------------------------------/ LEFT BOX /-------------------------------------------------------- */
#left h3			{ background: url(../img/bg-left-title.jpg) no-repeat; wiidth: 204px; height: 20px; color: #fff; font-size: 1.2em; padding: 4px 0 0 30px; margin: 0; }
#left ul			{ margin: 10px 0 0; }
#left ul li			{ background: url(../img/bg-left-li.jpg) no-repeat; height: 21px; wiidth: 234px; padding: 1px 0 0 40px; margin: 0 0 3px;  }
* html #left ul li	{ width: 154px; }
#left ul li a		{ font-weight: bold; color: #4f4f4f; font-size: 0.8em; text-decoration: none; text-transform: uppercase;  }
#left ul li a:hover	{ color: #000; }

#left form				{ margin: 0; padding: 0 10px 10px;}
#left form fieldset		{ border: 0; }
#left form legend		{ display: none; }			
#left form label		{ color: #333; font-size: 1.1em; padding: 0 10px 0 0; }
#left form input		{ padding: 2px 5px; font-size: 1.1em; border: 1px solid #CECECE; background: url(../img/bg-input.jpg) no-repeat top left; }
#left form input.sub	{ border: 0; background: none; position: relative; top: 6px; }
/* --------------------------------------/ RIGHT BOX /------------------------------------------------------ */
#right h3			{ background: url(../img/bg-right-title.jpg) no-repeat; wiidth: 204px; height: 20px; color: #fff; font-size: 1.2em; padding: 4px 0 0 30px; margin: 0; }
#right h3 a			{ color: #fff; text-decoration: none;  }
#right h3.nav		{ background: url(../img/navigace.png) no-repeat; wiidth: 165px; height: 30px; padding:13px 0 0 60px; margin: 0 0 10px;  }
#right h3.nav a		{}
#right ul			{ margin: 10px 0 0; }
#right ul li			{ background: url(../img/bg-right-li.jpg) no-repeat; height: 21px; wisidth: 234px; padding: 1px 0 0 40px; margin: 0 0 3px;  }
#right ul li a		{ font-weight: bold; color: #4f4f4f; font-size: 0.8em; text-decoration: none; text-transform: uppercase;  }
#right ul li a:hover	{ color: #000; }

/*/\*/   .soupatko {_left: -90px;}
  
/* --------------------------------------/ CENTER BOX /----------------------------------------------------- */
#center li:first-letter	{ text-transform: uppercase; }
#center ul.contact li	{ background: url(../img/bg-phone.jpg) no-repeat left 50%; }
	/* strom v katalogu (puvodni css) */
#nabidka-kata 				{ margin-left: 10px; padding: 0px; }
#nabidka-kata strong 		{ color: #504c4c;}
#nabidka-kata li  			{ list-style-type: none; background: url('../img/tree.gif') no-repeat 1px center;  padding: 2px 0 2px 10px; margin: 2px 0px; }
#nabidka-kata li a:first-letter { text-transform: uppercase; }
#nabidka-kata li.child0     { background: none; }
#nabidka-kata li.child1     {  padding-left: 20px; background-position: 10px center;  }
#nabidka-kata li.child2     {  padding-left: 30px; background-position: 20px center;  }
#nabidka-kata li.child3     {  padding-left: 40px; background-position: 30px center;  }
#nabidka-kata li.child4     {  padding-left: 50px; background-position: 40px center;  }
#nabidka-kata li.child5     {  padding-left: 60px; background-position: 50px center;  }
#nabidka-kata li.child6     {  padding-left: 70px; background-position: 60px center;  }
#nabidka-kata li.child7     {  padding-left: 80px; background-position: 70px center;  }
#nabidka-kata li.child8     {  padding-left: 90px; background-position: 80px center;  }
#nabidka-kata li.child9     {  padding-left: 100px; background-position: 90px center;  }
#nabidka-kata li.child10    {  padding-left: 110px; background-position: 100px center;  }
#nabidka-kata li.child11    {  padding-left: 120px; background-position: 110px center;  }
#nabidka-kata li.child12    {  padding-left: 130px; background-position: 120px center;  }
	/* link na prohozeni katalogu (puvodni css) */
#switchKatalog			{ float:right; margin-right: 10px;  }
#switchKatalog a		{ border:1px dotted #cecece; padding: 4px 3px; color: #6BAE0E; text-decoration:none; background: none; }
#switchKatalog a:hover	{ text-decoration: underline; }
	/* mala sipka u seznamu znacek 2.uroven (puvodni css) */
ul#autoDilyTree li    	{ background: url(../img/arr-grey.gif) no-repeat left 50%; padding: 0.2em 0 0.2em 10px;  }

/* --------------------------------------/ FOOT BOX /------------------------------------------------------- */
#foot p				{ color: #fff; text-align: center; padding: 0; font-size: 1em; font-weight: bold; }	
#foot p.normal		{ font-weight: normal; }
	
/* --------------------------------------/ LIGHT BOX /------------------------------------------------------- */
#lightbox			{ background-color:#eee; padding: 10px; border-bottom: 2px solid #666; border-right: 2px solid #666; }
#lightboxDetails	{ font-size: 0.8em; padding-top: 0.4em; }
#lightboxCaption	{ float: left; }
#keyboardMsg		{ float: right; }
#closeButton		{ top: 5px; right: 5px; }
#keyboardMsg a kbd	{ border: none; text-decoration: none; font-size: 140%; font-family: serif; }
#lightbox img		{ border: none; clear: both;}
#overlay img		{ border: none; }
#overlay			{ background-image: url(../img/overlay.png); }
* html #overlay
* { background-color: #333;
	back\ground-color: transparent;
	background-image: url(../img/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/overlay.png", sizingMethod="scale");
  }
/* --------------------------------------/ Zobrazeni obrazku po najeti mysi  /------------------------------ */
.thumbnail 				{ position: relative; z-index: 0; border: 0; text-decoration: none; padding: 0; margin: 0; }
.thumbnail:hover		{ background-color: transparent; z-index: 50; }
.thumbnail span			{ /*CSS for enlarged image*/ position: absolute; background-color: lightyellow; padding: 5px; left: -1000px; border: 1px solid gray; visibility: hidden; color: black; text-decoration: none; }
.thumbnail span img		{ /*CSS for enlarged image*/ border-width: 0; padding: 2px; width: 300px; }
.thumbnail:hover span	{ /*CSS for enlarged image on hover*/ visibility: visible; top: 0; left: 60px; /*position where enlarged image should offset horizontally */ }


#lightboxImage, div#lightboxDetails { max-width:800px; width: expression(this.width > 800 ? document.body.clientWidth-200: true); 
  }
  

/* ----------------------------------------------/ DEPRECATED (puvodni css - neprebrany) /---------------------------------------------- */
kbd 	{ padding:0px 1px 0px 1px;border-width:1px 2px 2px 1px;border-style:solid; }
dfn 	{ font-style:normal;border-bottom:1px dashed;cursor:help; }
code 	{ font-family: courier, monospace;border:1px solid #cccccc;background-color:#ffffcc;padding-left:1px;padding-right:1px;}
samp 	{ font-family: courier, monospace;border:1px solid #cccccc;background-color:#ccffcc;padding-left:1px;padding-right:1px;}

#nak_kos 				{ text-decoration: none;color:#ffffff;position:relative; top: -4px;margin-bottom: 2px;}
#searching  			{ width:auto; margin-right:0px; }
#searching td,
#searching th  			{ padding: 2px 8px; }
#search-kelly 			{ color: #414141; font-size: 80%; margin:5px 0px 8px 0px; padding:0px 0px 10px 25px; font-weight:bold; border-bottom:1px solid #b6b6b6; }
#search-kelly input.t 	{ width: 80px; border: 1px solid #b6b6b6; }
#search-kelly td  		{ vertical-align: middle; }
.menu_text ul 			{ margin-bottom: 0px; padding-bottom:0px; }
#ak_form  				{ text-align:left; }
  
#obs_text {font-size: 75%; font-weight: regular;text-align: left;}

#pravy{position:relative; margin-top: 15px;margin-bottom: 10px}
.pravyy { font-size: 75%; font-weight: regular; margin-top: 20px; text-align: left; list-style-image: url('../img/sipecka.jpg')}
.posun {position:relative; top: -5px ; left: 10px}

#text_h2 { font-weight: regular; text-align: left; }
#objednavky {font-size: 100%; font-weight: bold; text-align: left; }
#telefon{position:relative; }
.tel {text-align: left;  list-style-image: url('../img/sluchatko.jpg')}
.sluchatko{position:relative; top: -3px}

#spod_text{font-size: 75%; text-align:left;}
   


span.underline 		{text-decoration:underline;}
span.strikethrough 	{text-decoration:line-through;}

div.textbox 	{clear:both;float:left;width:150px;font-size:.8em;padding:2px 10px;border-top:1px solid gray;border-bottom:1px solid gray;}
div.photo 		{float:right;width:auto;font-size:.8em;font-weight:bold;padding:4px;}

#obsah a img 		{ padding: 6px; border: 1px solid #aeaeae; margin-right: 4px; } 
#content a img.nob 	{ border: none; padding: 2px 0px 0px 0px;  }

p.k2                { border-top: 1px solid #119EB2; margin-top: 20px; font-size: 0.9em;  }
textarea, 
table.k2, .k2       { width: 390px; height: 45px;  }
input[type="text"] 	{ width:200px; }
input.t:focus, 
textarea:focus, #hledej-dil 		{ font-weight: bold; }
input.short         { width: 35px; }
input.short2        { width: 18px; font-size: 95%; }

#katalog li a         			{ background: url('../img/arr-blue.gif') no-repeat 0px center; margin: 0px 0px 0px 10px; padding: 0px 0px 0px 10px; text-decoration: none; font-family: arial;font-size: 80%}
#katalog ul.alt li a  			{ background-image: url('../img/arr-red.gif'); color: #cc0909; }
#katalog li a:hover, 
#katalog ul.alt li a:hover  	{ background-image: url('../img/arr-grey.gif'); }

.fail, 
.err, 
.error 		{ color: #cc0000; font-weight:bold; }
.big		{ font-size:110%; font-weight:bold; }
.twoCols li { width:45%; float:left; margin-top:1px; margin-bottom:1px;  }
.unf 		{ clear:both; width:0px; height:0px; }
.nu 		{ text-decoration: none;}
.w1 		{ width: 68px;  }

#obsah div.fct 			{ width:170px; float:left; padding-bottom:15px; }
#obsah div.fct2 			{ width:200px; float:left; padding-bottom:15px; }
div.fct h2  			{ }
#obsah div.fct table { width:auto; }
#obsah div.fct table td,
#obsah div.fct table th	{ text-align:left;  }


.boxx { width: 270px; float:left; margin-right: 10px; }
.zpet { clear:both; margin-top: 10px; }
.produkt .img	{ margin: 10px 0px 20px 0px; }
.fail { padding: 8px 4px; margin: 0px 0px 15px 0px; background: #f6f6f6; border-top: 1px solid #9e9e9e; border-bottom: 1px solid #9e9e9e; }

input.img	{ position:relative; top:4px;}

#obsah .obj .thumbnail, #obsah .obj .thumbnail img { border:none; text-decoration:none; padding:0px; margin:0px; }

table tr td.sml	{ width: 80px; }
.sml	{ font-size: 90%; }

form .oe	{ padding-top: 4px; }
form .oe span	{ position:relative; top:-2px; }

.pagination	{ font-size: 125%; }
var	{ font-style: normal; }

/*
#monroe { margin: 20px 0px 0px 0px; padding: 20px 15px; font-size: 120%; border: 2px solid #65941B; text-align: center; }
#monroe strong { font-size: 130%; display: block; color: #00b0cb;}
*/

p.photo { text-align: center; padding: 10px 0px;}
.xenon h2 { margin:0px; padding:2px 0px; }

#newshead { padding: 6px 0px 2px 0px; border-bottom: 1px solid;}
table.obj th.r {text-align: right; }
table.obj th.l {text-align: left; }

.zpusobyDopravy li { list-style-type: none; background: none;  margin: 0px 0px; padding: 0px; }
.zpusobyDopravy	 { margin: 0px; padding: 0px; }


.zpusobyDopravy label	{ cursor: pointer; background: url(../img/buttongreen.png) no-repeat right top; display: block; padding: 20px; }


.zpusobyDopravy li ul li { list-style: square; font-size: 100%; margin-left: 40px; }



.continue { float: right; font-weight: bold; }
button	{ cursor: pointer;}



.boxes {
	background: url('../img/bg_boxes.png') no-repeat right top #fff;
	height: 461px;
	padding: 12px 3px 12px 0;
}
.boxes img {
	border: 0 !important; padding: 0 !important; margin: 0 !important;
}
.boxes .row {
	float: right;
	margin: 0;
}
.boxes .item {
	float: left;
}
.boxes .item a.text {
	display: block;
	width: 144px;
	height: 24px;
	background: url('../img/bg_link.png') no-repeat;
	color: #000;
	text-decoration: none; font-size: 1.1em; font-weight: bold; padding: 5px 0 0;

}
.replace {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
.titles {
	margin: 0 0 40px;
}
.titles strong {
	position: relative;
	top: -9px
}
.titles .t1 strong {
	width: 111px;
	padding: 0 85px 0 0;
}
.titles .t2 strong {
	width: 111px;
	padding: 0 90px 0 0;
}
.titles .t3 strong {
	width: 111px;
	padding: 0 110px 0 0;
}
.titles .t1 span {
	width: 111px;
	height: 37px;
	background: url('../img/title1.png') no-repeat;
}
.titles .t2 span {
	width: 132px;
	height: 37px;
	background: url('../img/title2.png') no-repeat;
}
.titles .t3 span {
	width: 169px;
	height: 37px;
	background: url('../img/title3.png') no-repeat;
}
.titles p {
	background: url('../img/bg_para.png') no-repeat right 50%;
	padding: 0 0 3px;
        height: 37px;
}
.titles a.link-more {
	float: right;
	margin:2px 4px 0 0;
}
.titles a.link-more img {
	border: 0 !important; margin: 0 !important; padding: 0 !important; 
}
#promo-list 	{ list-style-type: none; margin: 30px 0 0; padding: 0; float: left;  }
#promo-list a  { color: #000; }
#promo-list span{ padding: 15px 0 0; display: block;}
#promo-list strong { font-weight: bold; color: #0341a9;}
#promo-list li { width: 171px; height: 45px; float: left; margin: 0 15px 5px; padding: 0 30px 0 50px; text-align: left; }
#promo-list li.list1 { background: url('../img/list1.png') no-repeat; }
#promo-list li.list2 { background: url('../img/list4.png') no-repeat; float: right; }
#promo-list li.list3 { background: url('../img/list2.png') no-repeat;  }
#promo-list li.list4 { background: url('../img/list5.png') no-repeat; float: right; }
#promo-list li.list5 { background: url('../img/list3.png') no-repeat; }
#promo-list li.list6 { background: url('../img/list6.png') no-repeat; float: right; }

#promo-list li.list5 span,
#promo-list li.list6 span { padding: 5px 0 0; }


h2.actual { background: url('../img/bg_para.png') no-repeat right bottom; padding: 0 0 5px; margin: 10px 0 0; }

ul.actual { background: url('../img/bg_para.png') no-repeat right bottom; padding: 0 0 10px 30px; margin-left: 0;  }
 

#udajeForm .ppl th	{ width: 35%; }
#udajeForm .thr span	{ color: #c00; }
span.bl	{ display: block; text-align: left; padding-left: 80px; }

.onClickShow	{ display: none; margin: 0px 0px 40px 25px; }
.onClickShow h2 { font-size: 115%; color: #333; }
.onClickShow strong	{ position: static; }
.smaller			{ font-size: 95%; padding: 5px 10px; }
.kosik-head	{ height: 115px; }
.kosik-head	div { float: left; }
.imgsep { padding: 30px 5px 0px 5px; }


#form-odberatele td { text-align:left; }
#form-odberatele th { text-transform: capitalize; }

.loginbox       { margin: 50px 0 0 170px; }
.loginbox input {padding: 2px 5px; font-size: 1.1em; border: 1px solid #CECECE; background: url(../img/bg-input.jpg) no-repeat top left; width: 120px; float: right; }
.loginbox label { float: left; font-size: 1.2em; } 
.loginbox div   { margin: 0 0 5px; width: 200px; float: left; clear: both; }
.loginbox button{ margin: 0 0 0 67px; }

.servisy h3 { background: url('../img/bg-right-title-red.png') no-repeat left top !important; }
.servisy { padding: 0 0 10px; }
.servisy .loginbox { margin: 0; float: left; }
.servisy .loginbox input { float: none; width: auto;}
.servisy .loginbox label { float: none; display: block; font-size: 1.1em; }
.servisy .loginbox button { margin: 0; }
.servisy .loginbox div { width: auto; float: left; clear: none;}
.servisy .loginbox div.btns { float: left; margin: 12px 0 0 5px; }

.servisy input#s-login { width: 187px; }
.servisy input#s-pass { width: 112px; }
.servisy h3 { margin-bottom: 5px !important; }

#right p { margin-top: 10px;}

#obsah .bannerUvod img { border: none; margin: 0px; padding: 0px;}

/*.btns { text-align: right; } */


#columns-fileds li { width: 250px; float: left; margin-left: 40px; text-align: left; } 
#columns-fileds .inp { width: 150px; }