/* CSS Document */
/* ===============================================  G L O B A L  =============================================== */
body						{ background: url(../img/bg-photo.jpg) no-repeat #12161f 50% 0; 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, .servisy .loginbox div.clr { 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.obj td,
table.obj th			{ border: solid #e6e6e6; border-width: 0 0 1px 1px; vertical-align: middle; }
table.obj th			{ background: #e7f4f9; color: #00aeef; } 
table.obj td			{ border-bottom: 1px solid #e6e6e6; background: url('../img/bg_table.gif') repeat-x top #fafafa;  }
table.obj tr.line td	{ background: url('../img/bg_table.gif') repeat-x top #f5f5f5; }
table.obj .nob 			{ border-left: 0; }

table.obj td.im			{ background: #fff !important; }


table.lft th { background: url('../img/bg_table.gif') repeat-x top #fafafa; border-right: 1px solid #fff; border-left: 0; }
table.lft tr.line th { background: url('../img/bg_table.gif') repeat-x top #f5f5f5; }

table.obj td form input.move,
table.obj td form small,
table.obj td form span 	{ position: relative; top: -5px; }

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-head2.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: 0px; left: 0px; width: 380px;height: 67px;}
#head a.apek	{ position: absolute; right: 0px; top:87px;width:197px;height:62px; }
#head ul		{ position: absolute; top: 23px; right: 10px; } 
#head ul li		{ float: left; padding: 3px 10px 4px; background: none;}
#head ul li.m0	{ background: none; }
#head ul li a	{ color: white; font-size: 1.0em;text-decoration: none;  }
#head ul li a:hover {
	text-decoration: underline;
}  
#head #cart		{ position: absolute; bottom: 3px; right: 0px; height: 25px; }
#head #cart span{ display: block; width: 237px;font-size: 1.2em; text-align: center;color: #fff; margin: 0 0 0 10px; padding:  5px 0 8px 45px ; font-weight: bold; }
#head #cart a	{ display: block; width: 237px;font-size: 1.2em; text-align: center;color: #fff; margin: 0 0 0 10px; padding:  5px 0 8px 45px ; font-weight: bold; }

/* --------------------------------------/ 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: 0 0 0 4px; border-top: 1px solid #D3D3D3;}
#left ul li			{  background: none;  margin: 0 0 0px;padding: 0; border-left: 1px solid #D3D3D3;border-bottom: 1px solid #D3D3D3;border-right: 1px solid #D3D3D3;}
#left ul li:hover {
	border-bottom: 1px solid #2C64C0;border-right: 1px solid #2C64C0;border-left: 1px solid #2C64C0;
}
* html #left ul li	{ width: 154px; }
#left ul li a		{  border-top: 1px solid white;background: #F2F2F2 url(../img/bg-left-li.png) no-repeat 9px 8px;color: #4f4f4f; font-size: 1.1em; text-decoration: none; display: block;padding:5px 0 5px 24px;text-transform: lowercase;  }
#left ul li a:first-letter {
	text-transform: uppercase;
}


#left ul li a:hover	{ color: #FFF; background: #2A6ED2;border-top: 1px solid #2C64C0;background:#2C64C0 url(../img/bg-left-li.png) no-repeat 9px -17px}

#left form				{ margin: 0; padding: 0 10px 10px;}
#left form#search-kelly {
	padding: 20px 0 11px;
	text-align: center;
}
#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,
#left form #hledej-dil,
#searching input[type='text']		{ background: #deedff;padding: 6px 5px 6px 5px; font-size: 12px; border: 1px solid #2c63be; -webkit-box-shadow: inset 1px 1px 0px 0px #8eafe2;
-moz-box-shadow: inset 1px 1px 0px 0px #8eafe2;
box-shadow: inset 1px 1px 0px 0px #8eafe2;  }
#searching input[type='text'] {
	width: 352px;
}
#searching {
	border-bottom: 2px solid #2C63BE;
	margin-bottom: 15px;
}

#left form input.sub	{ border: 0; background: none; position: relative; top: 6px; padding: 0;}
#left form input.sub:hover {
	opacity: 0.8;
}
/* --------------------------------------/ RIGHT BOX /------------------------------------------------------ */
#right h3			{ background: url(../img/bg-right-title.jpg) no-repeat; wiidth: 204px; width: 200px;height: 24px; color: #fff; font-size: 1.3em; padding: 10px 0 0 0px; margin: 0;text-align: center;font-weight: bolder; }
#right h3 a			{ color: #fff; text-decoration: none; display: block; }
#right h3 a:hover {
	color: #FEFE00;
}
#right h3.vyraznejsi {
	-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: 2px solid #5D8F12;
margin-bottom: 3px;
border-bottom: 2px solid #49720E;
text-align: left; 
height: auto;
padding-top: 0;
}	

#right h3.vyraznejsi.vybaveni a {
	background: url("../img/ico-vybaveni.png") no-repeat scroll 10px 50% transparent;
}

#right h3.vyraznejsi.pneu a {
	background: url("../img/ico-pneu.png") no-repeat scroll 10px 50% transparent;
}

#right h3.vyraznejsi.klima a {
	background: url("../img/ico-klima.png") no-repeat scroll 10px 50% transparent;
}

#right h3.vyraznejsi.pujcovna a {
	background: url("../img/ico-pujcovna.png") no-repeat scroll 10px 50% transparent;
}

#right h3.vyraznejsi.rezervace a {
	background: url("../img/ico-rezervace.png") no-repeat scroll 10px 50% transparent;
}

#right h3.vyraznejsi a {
	display: block;
	padding-left: 40px;
	height: 25px;
	padding-top: 10px;
}

#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: 0px 0 15px; }
#right ul li			{ background: url(../img/bg-right-li.jpg) no-repeat; wisidth: 234px; padding: 1px 0 0 40px; margin: 0 0 3px;  }
#right ul li a		{  color: #4f4f4f; font-size: 0.8em; text-decoration: none; text-transform: uppercase;  }
#right ul li a:hover	{ color: #000; }

#right ul			{ margin: 0px 5px 15px 0; }
#right ul li			{  background: none;  margin: 0 0 0px;padding: 0; border-left: 1px solid #D3D3D3;border-bottom: 1px solid #D3D3D3;border-right: 1px solid #D3D3D3;}
#right ul li:hover {
	border-bottom: 1px solid #2C64C0;border-right: 1px solid #2C64C0;border-left: 1px solid #2C64C0;
}
* html #left ul li	{ width: 154px; }
#right ul li a		{  border-top: 1px solid white;background: #F2F2F2 url(../img/bg-left-li.png) no-repeat 9px 8px;color: #4f4f4f; font-size: 1.1em; text-decoration: none; display: block;padding:5px 0 5px 24px;text-transform: lowercase;  }
#right ul li a:first-letter {
	text-transform: uppercase;
}


#right ul li a:hover	{ color: #FFF; background: #2A6ED2;border-top: 1px solid #2C64C0;background:#2C64C0 url(../img/bg-left-li.png) no-repeat 9px -17px}

/*/\*/   .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: 0px; padding: 0px; }
#nabidka-kata li				{ background: url('../img/katalog_arrow.gif') no-repeat left bottom; list-style-type: none; margin: 0; padding: 0; }
#nabidka-kata li a:first-letter { text-transform: uppercase; }
#nabidka-kata li.child0     { background: #e7f4f9;  padding: 0.7em 10px; border-bottom: 1px solid #e6e6e6; }
#nabidka-kata li.child1     {  padding-left: 20px; background-position: 0 bottom; }
#nabidka-kata li.child2     {  padding-left: 40px; background-position: 20px bottom; }
#nabidka-kata li.child3     {  padding-left: 60px; background-position: 40px bottom; }
#nabidka-kata li.child4     {  padding-left: 80px; background-position: 60px bottom; }
#nabidka-kata li.child5     {  padding-left: 100px; background-position: 80px bottom; }
#nabidka-kata li.child6     {  padding-left: 120px; background-position: 100px bottom; }
#nabidka-kata li.child7     {  padding-left: 140px; background-position: 120px bottom; }
#nabidka-kata li.child8     {  padding-left: 160px; background-position: 140px bottom; }
#nabidka-kata li.child9     {  padding-left: 180px; background-position: 160px bottom; }
#nabidka-kata li.child10    {  padding-left: 200px; background-position: 180px bottom; }
#nabidka-kata li.child11    {  padding-left: 220px; background-position: 200px bottom; }
#nabidka-kata li.child12    {  padding-left: 240px; background-position: 220px bottom; }
#nabidka-kata li a			{ font-size: 1.0em; font-weight: bold; text-decoration: none; color: #00aeef; display: block; padding: 0.3em 10px; background: #f5f5f5; border-top: 1px solid #fff; border-bottom: 1px solid #e6e6e6; outline: none; }
#nabidka-kata li.child0 a,
#nabidka-kata li.child0 strong	{ font-size: 1.2em; border: 0; padding: 0; background: #e7f4f9; }
#nabidka-kata strong 		{ color: #504c4c; padding: 0.3em 10px; display: block; background: #f5f5f5; border-top: 1px solid #fff; border-bottom: 1px solid #e6e6e6; }
#nabidka-kata li strong:first-letter { text-transform: uppercase; }
	/* link na prohozeni katalogu (puvodni css) */
#switchKatalog			{ float:right; margin-right: 4px;  }
#switchKatalog a		{ padding: 0.6em 5px; color: #fff; text-decoration:none; background: #7cbf0f; display: block; margin: 4px 0 0 2px; float: right; }
#switchKatalog a:hover	{ text-decoration: underline; }
	/* mala sipka u seznamu znacek 2.uroven (puvodni css) */
ul#autoDilyTree			{ margin: 0; padding: 0; }	
ul#autoDilyTree li    	{ background: none; padding: 0; margin: 0; }
ul#autoDilyTree li a	{ font-size: 1.0em; font-weight: bold; text-decoration: none; color: #666; display: block; padding: 0.3em 10px; background: #f5f5f5; border-top: 1px solid #fff; border-bottom: 1px solid #e6e6e6; outline: none; }
ul#autoDilyTree li a:hover { color: #000;  }
h2.spec	{ font-size: 1.4em; border: 0; padding: 0; background: #e7f4f9; color: #00aeef; border-top: 1px solid #fff; border-bottom: 1px solid #e6e6e6; margin:35px 0 0; padding: 0.6em 10px; text-transform: uppercase; }

/* --------------------------------------/ 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: 8px 8px; }
#search-kelly 			{ color: #414141; font-size: 80%; margin:5px 0px 8px 0px; padding:0px 0px 10px 25px; font-weight:bold; }
#search-kelly input.t 	{ width: 168px; border: 1px solid #b6b6b6; font-size: 0.9em; }
#search-kelly td  		{ vertical-align: middle; }
.menu_text ul 			{ margin-bottom: 0px; padding-bottom:0px; }
#ak_form  				{ text-align:left; }
#searching input[type='image']:hover {
	opacity: 0.8;
}
  
#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: 140px;  }

#obsah div.fct 			{ width:193px; float:left; padding-bottom:15px; margin-top: 15px;}
#obsah div.fct2 			{ float:left; padding-bottom:15px; }
div.fct h2  			{margin-right: 20px;
border-bottom: 2px solid #D3D3D3;padding-bottom: 10px; }
#obsah div.fct table { width:auto;border-left: 1px solid #D3D3D3;display: block;height: 160px; }
#obsah div.fct table td,
#obsah div.fct table th	{ text-align:left; line-height: 1.4em;padding: 2px 9px; }


.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;
	float: left;
	width: 577px
}
.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 0px;
}
.titles strong {
	position: relative;
	top: -9px
}
.titles .t1 strong {
	width: 111px;
	padding: 0 50px 0 0;
}
.titles .t2 strong {
	width: 111px;
	padding: 0 50px 0 0;
}
.titles .t3 strong {
	width: 111px;
	padding: 0 50px 0 0;
}
.titles .t1 span {
	width: 50px;
	height: 37px;
	background: url('../img/title1.png') no-repeat;
}
.titles .t2 span {
	width: 50px;
	height: 37px;
	background: url('../img/title2.png') no-repeat;
}
.titles .t3 span {
	width: 50px;
	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,
a.link-more {
	float: right;
	margin:2px 4px 0 0;
}
.titles a {
	color: #0044A5;
	font-size: 14px;
	font-weight: bolder;
}

a.link-more { float: none; }
.titles a.link-more img,
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 .outbox div.btns { float: none; text-align: right; }
.servisy .outbox    { width: 99%; }

.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;display: block;}
#obsah .bannerUvod { margin:5px 0 ;float: left;position: relative;}
/*.btns { text-align: right; } */

#obsah .bannerUvod.levy {
	margin-left: 11px;
	margin-right: 6px;
}

#obsah .bannerUvod span {
	position: absolute;
	z-index: 5;
	left: 116px;
	top: 30px;
	font-size: 14px;
	font-weight: bolder;
	color: #0044a5;
	display: block;
	text-decoration: underline;
	text-align: left;
}

#obsah .bannerUvod:hover {
	
}

#obsah .bannerUvod:hover img {
	opacity: 0.8;
}

#obsah .bannerUvod:hover span {
	text-decoration: none;
}


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


#tabs .t1,
#tabs .t2,
#tabs .t3	{ padding-right: 5px; }

#tabs .t1 a { background: url('../img/vlajkacr.png') no-repeat right center; padding-right: 35px; }
#tabs .t2 a { background: url('../img/vlajka_sr.png') no-repeat right center; padding-right: 35px; }
#tabs .t3 a { background: url('../img/vlajka_eu.png') no-repeat right center; padding-right: 35px; }

.cards-info { background: url('../img/platebni_karty.jpg') no-repeat left center; padding: 20px 100px 20px 85px; }

.separator1, .separator2 { border-top: 1px solid #eaeaea; margin: 20px 80px 0px 80px; }
.separator2 { margin: 0px 80px 20px 80px; }

.menice-left	{ float: right; width:48%; padding-top: 20px; }
.menice-right	{ float: left; width:48%;}

#content #right .goog-logo-link	{ font-size: 1px; color:#fff; }

#content .produkt h2		{ text-transform: uppercase; color: #505050; margin-top: 30px; font-weight: bold; }

#modalWindow p { height: 100%;}


#cenik-table td { text-decoration: none; text-align: center; padding-bottom: 50px; vertical-align: top; }
#cenik-table td span { display: block; }


.pujcovna-polozka {
	border: 1px solid #CFCFCF;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 5px;
	margin-bottom: 10px;
	position: relative;
}

.pujcovna-polozka:hover {
	background: #E8F2FD;
}

.pujcovna-polozka a.foto {
	float: left;
	margin-right: 20px;
	border: 4px solid #5DA7EE;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	display: block;
	width: 216px;
	background: white;
	position: relative;
}

.pujcovna-polozka a.foto span { position: absolute; bottom: 0; left: 0; text-align: center; text-transform: uppercase; font-weight: bold; display: block; background: #5da7ee; color: #fff; width: 100%; padding: 4px 0 1px; font-size: 1.1667em; }

.pujcovna-polozka .r-button {
	position: absolute;
	bottom: 10px;
	right: 10px;
}

.pujcovna-polozka-info h2 {
	font-size: 14px;
}

.clear {
	clear: both;
}

.r-button {
	float: right;
	color: white;
	text-align: center;
	padding: 4px 8px;
	text-align: center;
	background: #F44523;
		-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #DE310C;
	text-transform: uppercase;
	font-weight: bolder;
	text-decoration: none;
}

.pujcovna-polozka .cena {
	background: #5C9302;
	color: white;
	font-weight: bolder;
	padding: 3px 10px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.r-button:hover {
	background: #DE310C;
}

/* PNEU */
#formPneu {padding: 15px 10px; margin-bottom: 20px; border: 1px solid #ccc;}
#formPneu select.short {width: 60px;}
#formPneu select.long {width: 110px;}
#formPneu label {margin: 0 0 0 5px;}
#formPneu .submit {font-weight: bold; margin-left: 20px;}

.pneu-kategorie {margin-left: 20px;}
.pneu-kategorie a { display: block; text-align: center; width: 172px; float: left; margin: 0 5px 20px;  }
.pneu-kategorie a span { display: block; text-align: center; }
.pneu-kategorie img {float: left; width: 150px; height: 150px; margin: 4px;}

.fr 	{ float: right; }
.fl	{ float: left; }

.h2-move { margin-bottom: 0.7em; }

table td.fix-width { width: 170px; }

#obsah .produktPopis p  { padding-bottom: 15px; } 

.hledani-nadpis {
	font-size: 14px;
	font-weight: bolder;
	text-align: center;
	color: #f63f0e;
	display: block;
	padding-bottom: 6px;
}

#content-footer {
	background: #FFF url(../img/footer-repeat.jpg) repeat-x 0 0;
	float: left;
	width: 100%;
	text-align: left;
}

#content-footer-in {
	padding: 20px;
}

#content-footer .float-box {
	float: left;
	padding: 0 22px 0 0 ;
	margin: 0 22px 0 0;
	min-height: 185px;
	border-right: 1px solid #E7F0FE;
    height: expression(
                this.scrollHeight <= 185 
                        ? "185px" 
                        : "auto"
                );
}

.float-box .servisy {
	width: 200px;
}

.float-box h4 {
	font-weight: bolder;
	font-size: 14px;
	padding-bottom: 10px;
}

#content-footer .float-box.n5 {
	margin-right: 0;
	padding-right: 0;
	border: 0;
}













.clear {
    clear: both;
	height: 1px;
	background: transparent;
}

div.kalendar
{
	border-bottom: 1px dashed #2EB8CB;
	margin-bottom: 40px;
}

div.kalendar h2
{
	color: #2EB8CB;
	font-weight: bold;
	font-size: 15px;
	padding-bottom: 0px;
	font-style: italic;
}

div.kalendar h3
{
	color: #016775;
	font-weight: bold;
	padding-bottom: 5px;
	font-size: 14px;
}

div.kalendar h4
{
	color: #016775;
	font-weight: bold;
	padding-bottom: 20px;
	border-bottom: 1px dashed #2EB8CB;
	font-size: 14px;
}

div.kalendar h5
{
	color: #2EB8CB;
	font-weight: bold;
	padding-bottom: 10px;
	font-size: 14px;
}

div.kalendar table
{
	width: 100%;
}

div.kalendar table td
{
	text-align: left;
	color: #333333;
	text-decoration: underline;
}


div.kalendar table td.light
{
	color: #038a9c;
}

div.kalendar p.dph
{
	font-style: italic;
	text-align: right;
}


div.home h2
{
	color: #016775;
	font-weight: bold;
}

div.home h3
{
	color: #2EB8CB;
	font-weight: bold;
	padding-bottom: 10px;
	border-bottom: 1px dashed #2EB8CB;
}

div.home h4
{
	color: #65941B;
	font-weight: bold;
	font-size: 14px;
}

div.home p
{
	margin-bottom: 15px;
}

div.home p.border
{
	border-bottom: 1px dashed #BECCDD;
}

div.home img
{
	float: right;
}

.autoservisy-katergorie
{
	margin-top: 40px;
}

.vypis-sub
{
	text-align: center;
	font-size: 12px;
	padding-left: 50px;
}

.vypis-sub div
{
	margin: 0px 20px 0px 20px;
	text-align: center;
	width: 200px;
	height: 170px;
	float: left;
}

.vypis-sub a
{
	
}

.vypis-sub img
{
	
}



#autoservis-detail
{
	
}

#autoservis-detail.menice
{
	margin-top: 20px;
}

#autoservis-detail th
{
	color: #00B9D9;
	font-weight: bold;
	font-size: 14px;
	width: 100px;
	vertical-align: top;
}

#autoservis-detail td.price
{
	color: #94C246;
	font-weight: bold;
}

#autoservis-detail form button
{
	background-color: #F96C56;
	color: #fff;
	padding: 2px;
	width: 100px;
	border: 1px solid #D23E1B;
}

/* -- CALENDAR */

p.error
{
	font-weight: bold;
	color: #f00;
}

#contCalendar
{
	float: left;
	width: 270px;
}

#divCalendar
{
	width: 270px;
}

table.calendar
{
	width: 261px;
	background-color: #F0F0F1;
}

table.calendar th
{
	height: 68px;
	margin: 0;
	padding: 0 5px 0 5px;
	background-image: url('../inc/autoservisy/calendar-top.jpg');
	background-position: top;
	background-repeat: no-repeat;
	vertical-align: bottom;
}
table.calendar th a
{
	color: #fff;	
}

table.calendar th span.l
{
	float: left;
}

table.calendar th span.c
{
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}

table.calendar th span.r
{
	float: right;
}

table.calendar td
{
	background-color: #fff;
	color: #4A4949;
	font-weight: bold;
	margin: 2px;
	padding: 2px;
	border: 2px solid #C9C9C9;
	height: 28px;
}

table.calendar td a
{
	color: #4A4949;
}

table.calendar tr.days td
{
	border: 2px solid #ED5F4F;
	color: #000;
}

table.calendar td.dayOut
{
	background-color: #E9E9E9;
}

table.calendar td.dayEvent
{
	background-color: #fff;
}

table.calendar td.dayFree
{
	background-color: #77B116;
}

p.free-term
{
	margin-top: 10px;
}

p.free-term span
{
	width: 25px;
	height: 25px;
	display: block;
	float: left;
	background-color: #7FBF16;
	margin-right: 5px;
	margin-top: -8px;
}

form.rezervace
{
	width: 280px;
	float: left;
}

.rezervace h3 {
	text-align: center;
	color: #fff;
	font-weight: bold;	
}

.rezervace h4 {
	color: #fff;
	font-size: 12px;
	font-style: italic;
}

.rezervace table
{
	background-color: #77B116;
}

.rezervace td
{
	color: #fff;
	font-weight: bold;
	text-align: left;
}

.rezervace td.l
{
	width: 90px;
}

.rezervace input
{
	width: 170px;
	height: 12px;
	font-size: 10px;
	font-weight: bold;
}

.rezervace input.short {
	width: 40px;
	margin-top: 10px;
}

.rezervace input.hodin
{
	width: 30px;
	height: 12px;
	font-size: 10px;
	font-weight: bold;
}

.rezervace input.checkbox
{
	width: auto;
	height: auto;
}

.rezervace input.submit
{
	width: 120px;
	height: 30px;
	background-color: #77B116;
	color: #fff;
	border: 0;
	font-size: 14px;
	font-weight: bold;
	float: right;
	margin-right: -18px;
}

.rezervace textarea
{
	width: 280px;
	font-weight: normal;
}


.download-link img {
	vertical-align: middle;
}

img.menice {
	margin: 0 30px 0 30px;
}

.otevreno {
	font-size: 16px;
	text-align: center;
	background: #FDFF00;
	border: 2px solid black;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 5px 10px;
}

#gmap {
	width: 566px;
	height: 200px;
}

.obal-gmap {
	padding: 5px;
	border: 1px solid #cfcfcf;
	margin-bottom: 20px;
}

.reklamacni-formular {
	background: #EFF4D9 url(../img/ico-xls.png) no-repeat 10px 50%;
	padding: 20px 20px 20px 50px;
	border-bottom: 2px solid #BCD264;
	border-right: 2px solid #BCD264;
	border-top: 1px solid #BCD264;
	border-left: 1px solid #BCD264;  
}

#google_translate_element    { min-height: 45px; }


.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
    background-image: none;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}

.linked-item {
	text-align: left;
	margin-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #D3D3D3;
	position: relative;
}

.linked-item .obrazek {
	float: left;
	width: 134px;
	display: block;
	margin-top: 0px;
}

.linked-item h3 {
	padding-left: 134px;
}

.linked-item .obrazek img {
	display: block;
}

.linked-item .link-texty {
	float: left;
	width: 300px;
}

.linked-item .link-koupit {
	position: absolute;
	bottom: 33px;
	right: 0;
}

.linked-item li {
	background: none;
	padding-left: 0;
	padding: 0;
	margin: 0;
}

.linked-item .item-params {
	margin-left: 0;
	 font-family: Arial, Helvetica, sans-serif;
}

.linked-item li span.type {
	display: inline-block;
	width: 180px;
	font-size: 11px;
	background: #F2F2F2;
	padding:	3px 5px;
	border-bottom: 1px solid white;
	margin-right: 10px;
}

.linked-item .obj-kod {
	display: block;
	width: 114px;
	text-align: center;
	color: #00AEF2;
}

.linked-item .link-koupit {
	
}

.linked-item .link-price {
	font-size: 14px;
	font-weight: bold;
	display: block;
	text-align: right;
	padding-bottom: 15px;
}

.linked-item .link-koupit input.img {
	margin: 0;
}

.linked-item .link-koupit input.img:hover {
	opacity: 0.8;
}

.linked-item .link-koupit .short2,
.linked-item .link-koupit span {
	font-size: 14px;
	margin-right: 5px;
}

.img-button { position:relative; top:5px; }

table ul.item-params    { float:right; }
table ul.item-params li { font-size: 0.95em; }
table .description-span li span { font-weight: bold; }

#vyrobce-txt, #more-codes    { display:none; }

a.podminky  { float:right; color: #5e5e5e; background: url('../img/docs.png') left top no-repeat; padding: 1px 0px 0px 23px; font-weight:bold; }
a.podminky:hover    { color: #333; }

