/* CSS Document */
*{
margin: 0;
padding: 0;  
}



body{
	font-family: Arial,'Trebuchet MS', Verdana,'Arial CE','Helvetica CE', helvetica, sans-serif;
	color: black;
	font-size: 0.8em;
	margin: 0px;
	padding: 0px;
  text-align: center;
  background: white url(../img/lista.jpg) no-repeat center top;
}

/* --- odkazy (rozsireno o ikonky typu souboru) --- */

a 				{color: rgb(207,18,10); text-decoration: none; font-size: 13px;}
a:hover 			{ text-decoration: underline;}
a.mail 				{background: url(../img/ico_mailanchor.gif) no-repeat right 0em; padding-right: 18px;}
a.out				{background: url(../img/ico_outanchor.gif) no-repeat left 0em; padding-left: 12px;}
a.out_right			{background: url(../img/ico_outanchor.gif) no-repeat right 0em; padding-right: 12px;}
a.print 			{background: url(../img/ico_print.gif) no-repeat left 0em; padding-left: 18px;}
a.favourites 			{background: url(../img/ico_favourites.gif) no-repeat left 0em; padding-left: 18px;}
a.map 				{background: url(../img/ico_map.gif) no-repeat left 0em; padding-left: 18px;}
a.rss 				{background: url(../img/ico_rss.gif) no-repeat left 0em; padding-left: 18px;}
a.a-menu-inner			{color: white; font-weight:bold;}
td.galerie				{width: 120px; height: 92px; border: 1px dotted #cc0000; margin: 2px; padding: 2px; text-align: center;}

/* --- ikonky souboru --- */
.ai 				{background: url(../img/ico/ai.png) no-repeat left; padding-left: 20px;}
.avi 				{background: url(../img/ico/avi.png) no-repeat left; padding-left: 20px;}
.bmp 				{background: url(../img/ico/bmp.png) no-repeat left; padding-left: 20px;}
.cdr				{background: url(../img/ico/cdr.png) no-repeat left; padding-left: 20px;}
.doc				{background: url(../img/ico/doc.png) no-repeat left; padding-left: 20px;}
.dxf				{background: url(../img/ico/dxf.png) no-repeat left; padding-left: 20px;}
.gif 				{background: url(../img/ico/gif.png) no-repeat left; padding-left: 20px;}
.html 			{background: url(../img/ico/html.png) no-repeat left;	padding-left: 20px;}
.jpg 				{background: url(../img/ico/jpg.png) no-repeat left; padding-left: 20px;}
.mp3 				{background: url(../img/ico/mp3.png) no-repeat left; padding-left: 20px;}
.pdf 				{background: url(../img/ico/pdf.png) no-repeat left; padding-left: 20px;}
.png 				{background: url(../img/ico/png.png) no-repeat left; padding-left: 20px;}
.ppt 				{background: url(../img/ico/ppt.png) no-repeat left; padding-left: 20px;}
.psd 				{background: url(../img/ico/psd.png) no-repeat left; padding-left: 20px;}
.qt 				{background: url(../img/ico/qt.png) no-repeat left; padding-left: 20px;}
.ra 				{background: url(../img/ico/ra.png) no-repeat left; padding-left: 20px;}
.rtf 				{background: url(../img/ico/rtf.png) no-repeat left; padding-left: 20px;}
.swf 				{background: url(../img/ico/swf.png) no-repeat left; padding-left: 20px;}
.tif 				{background: url(../img/ico/tif.png) no-repeat left; padding-left: 20px;}
.txt 				{background: url(../img/ico/txt.png) no-repeat left; padding-left: 20px;}
.xls 				{background: url(../img/ico/xls.png) no-repeat left; padding-left: 20px;}
.zip				{background: url(../img/ico/zip.png) no-repeat left; padding-left: 20px;}
.unknown, file			{background: url(../img/ico/unknown.png) no-repeat left; padding-left: 20px;}


/* --- zakladni html prvky ---*/
em, i				   {font-style: normal;}
p 				     {text-align: left; margin: 0px; line-height: 1.4em;}
code 				   {font-size: 140%; font-weight: bold;}
hr					   {}
.hr-bila  	   {color: white; height: 1px; margin: 5px 0px 5px 0px; padding: 0px; border: 0px; background: white;}
.bad           {color: red; font-weight: bold;}

/* --- seznamy --- */
ul, ol li			{list-style-type: none;}


/* --- obrazky --- */
img 				{border: 0px}
img.border 	{padding: 2px; border: 1px solid #7f7f7f;}
.bordernone {border: 0px;} 
img.icon		{vertical-align: -3px; margin: 0px 3px 0px 1px;}
img.toleft	{margin-right: 10px;}
img.toright {margin-left: 10px;}
a img.galerie, img.galerie	{border: 1px dotted #cc0000; margin: 2px; padding: 2px;}

/* --- horni a dolni indexy --- */
sub, sup 		{vertical-align: baseline; position: relative;}
sub 				{top: 0.4em;}
sup 				{bottom: 0.4em;}

/* --- hlavicky --- */
h1, h2, h3, h4, h5, h6  {clear: both; font-size: 1.4em; margin: 0;}
div#left h2	 {width: 210px; height: 27px; background: url(../img/listah2.gif) no-repeat; color: white; padding: 2px 0 0 10px; margin-top: 20px; position: relative;}
div#left h2 img  {position: absolute; top:2px; right: 3px;}
h2.aktuality {width: 182px; height: 22px; background: url(../img/lista-akt.jpg) no-repeat; color: white; padding: 4px 0 0 10px; font-size: 1.2em;}
h2.cervena   {background: url(../img/lista_aktuality.gif) no-repeat;}
h2.hesla     {width: 285px; height: 25px; padding: 4px 0 0 10px; font-size: 1.2em; background: url(../img/nadpis_1.gif) no-repeat; color: white;}
h2.vyhledavani-motopolepu { padding-top: 6px !important; font-size: 1em; height: 23px !important; margin-bottom: -2px !important; letter-spacing: -0.2pt;}
h3				   {padding: 10px 10px 5px 0px;	font-size: 1.3em; color: rgb(235,45,42); font-weight: bold;}  
h4 				   {font-size: 1.2em; color: #01aaeb;}

/* --- formulare --- */
textarea, input, select			{font-size: 90%; border: 1px solid #999999; font-family: 'Trebuchet MS', Verdana,'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif; color: #000000; padding: 2px 2px 2px 2px; margin-bottom: 2px;}
label				{font-size: 0.85em; font-weight: bold;}

/* --- globalni tridy --- */
.clear			{clear: both !important;}
.smaller		{font-size: 0.85em;}
.small 			{font-size: 0.8em;}
.gray 			{color: #666666;}
.blue 			{color: #004080;}
.red			  {color: #9f0000;}
.green			{color: #008000;}
.black      {color: #000000;}
.right 			{text-align: right;}
.center			{text-align: center;}
.left			  {text-align: left;}
.block			{text-align: justify;}
.toleft			{display: block; float: left;	text-align: left;}
.toright		{display: block; float: right; text-align: left;}
.nomargin		{margin: 0px;}
/* .error			{display: block; color: #000000; font-weight: bold; text-align: center; margin-bottom: 10px; background: #d0d0d0; padding: 2px 0px 2px 0px; border: 1px solid #999999;}
.error a		{color: #000000;} */
div#errorhlaska {text-align: center; margin: 5px 0 25px 0;}
div#errorhlaska span  {padding: 3px 20px;   background-color: rgb(254,251,37); color: rgb(254,1,1); border: 1px solid rgb(254,1,1); font-weight: bold; text-align: center; }
.hidden			{display: none !important;}
.bold			{font-weight: bold !important;}
.underline		{text-decoration: underline;}
.dt{position: absolute; left: 7px; top: 60px;  /* border: 1px white solid; */  width: 360px; height: 80px;}
.selected {font-weight: bold !important;}
div#searchresult {text-align: center; margin: 20px 0 25px 0;}
div#searchresult a {margin: 0 5px; color: black;}
.pageselected { font-weight: bold; color: rgb(191,0,0) !important; font-size: 14px;}


/* --- tabulky --- */
table.nice						{width: 390px; font-size: 0.9em; background-color: white;}
table.nice tr td 				{padding: 2px;	font-size: 1em; border: 1px solid #dddddd;}
table.nice tr td p			{margin: 0px; padding: 3px;}
table.nice tr td.item		{background: url(../img/bcg_th.gif) repeat-x #f5f5f5 bottom; font-weight: bold; width: 100px;}
table.nice tr th				{background: url(../img/bcg_th.gif) repeat-x #f5f5f5 bottom; font-weight: bold; width: 120px;}
table.nice tr td.long		{width: 250px;}
table.short						{width: 230px;}
table.medium					{width: 350px;}
table.pekna 					{width: 520px;}
table.pekna td 				{padding: 2px; font-size: 13px; border: 1px solid #dddddd;}
table.pekna td.polozka, table.pekna tr.hlavicka 
									{background: #eeeeee; font-weight: bold;}
table.pekna tr.mensi td 	{font-size: 11px;}
table.polepy 					{width: 500px; border: 1px solid #b9b9b9; border-collapse: collapse; margin: 0px 0px 0px 3px;}
table.polepy tr td 			{border: 1px solid #b9b9b9; border-collapse: collapse; padding: 2px 4px 2px 4px;}
table.polepy tr.hlavicka td {background: #cc0000; color: #ffffff; font-weight: bold;}
table.polepy tr td.polozka	{background: #efefef; text-align: right; width: 100px; font-weight: bold;}
table.order						{width: 730px; font-size: 0.9em;}
table.order tr td				{border-bottom: 1px solid #999999; padding: 3px;}
table.order tr td.noborder	{border-bottom-width: 0px;}

div.editor{
padding: 0 15px; 
}


div.editor h2 {
/* padding: 18px 55px 0 0;
color: black;
text-align: right;
margin-bottom: 15px;
width: 657px;
height: 26px;
background: url(../img/nadpis_2.gif) no-repeat; 
margin-left: -15px; */
text-align: left;
color: black;
border-bottom: 3px solid rgb(194,0,1); 
margin: 5px 0 15px 0;
}

div.editor h2.kosik{
padding: 18px 55px 0 0;
color: black;
text-align: right;
margin-bottom: 15px;
width: 657px;
height: 26px;
background: url(../img/h1-kosik.gif) no-repeat; 
margin-left: -15px;
border: 0;
}

div.editor ul li {
background: url(../img/sipecka.gif) no-repeat left 4px; 
padding: 0px 0px 0px 12px;
}

form              {line-height: 17px;}
form.poptavka 		{margin: 20px auto 10px auto;}
div.poptavka      {width: 697px; height: 422px; padding: 10px 0 0 10px; background: url(../img/pozadi-poptavka.png);}
form.poptavka input.submit {width: 101px; height: 29px; border: 0; margin: 10px 0 0 0;} 
form.dopoructenas	{width: 398px; height: 291px; background: url(../img/pozadi-doporucte-nas.jpg); margin: 15px 0 0 0;}
form.dopoructenas input.submit {width: 101px; height: 29px; border: 0; margin: 5px 0 0 0;} 
form.prihlaseni {width: 700px !important; height: 153px !important; background: url(../img/pozadi-prihlaseni.png) no-repeat !important; border: 0 !important;}
form.prihlaseni h3 {padding: 0 !important;}
form.prihlaseni label {margin-left: 40px !important; width: 50px !important;}
form.prihlaseni input.submit {width: 101px; height: 29px; border: 0; margin-right: 15px;}
form.zapomenute-heslo {width: 700px !important; height: 153px !important; background: url(../img/pozadi-prihlaseni.png) no-repeat !important; border: 0 !important;}
form.zapomenute-heslo h3 {padding: 0 0 15px 0 !important;}
form.zapomenute-heslo label {margin-left: 40px !important; width: 50px !important;}
form.zapomenute-heslo input.submit {width: 101px; height: 29px; border: 0; margin: 20px 25px 0 0;}
form.registrace  {width: 700px !important; height: 808px !important; background: url(../img/pozadi-registrace.png) no-repeat !important; border: 0 !important;}
form.registrace input.submit {width: 101px; height: 29px; border: 0;}
input, textarea	{border: 1px solid #999999; padding: 2px;}
input.submit		{background: url(../img/bcg_th.gif) repeat-x; border: 1px solid #000000;}
input.kosik			{display: block; float: right; background: url(../img/bcg_koupit.gif) no-repeat; width: 109px; height: 23px; line-height: 22px; vertical-align: middle; text-decoration: none; border: none; cursor: pointer; position: relative; z-index: 10;}
input.radio			{vertical-align: -2px; border: none;}
input.checkbox   {border: 0 !important;}
label 				  {margin: 3px 10px 3px 10px; width: 120px; float: left; text-align: right;}
label.kratsi 		{width: 80px;}
label.delsi 		{width: 150px;}
label.dlouhy 		{width: 350px; float: none; margin: 0px;}
label.pravy 		{margin: 4px 10px 3px 10px; width: 100px; float: right; text-align: left;}
label.povinny 		{color: #004080;}

form.pozadi         {/* background: url(../img/pozadi_vyhledavani.png) no-repeat; */ height: 58px;}
form.pozadi div     {background: none !important};
form.objednavka			{padding: 10px; margin: 10px auto 10px auto; width: 650px; background: #f3f3f3;}
form.objednavka label 	{margin: 3px 10px 3px 0px; width: auto; float: left; text-align: left;}
form.objednavka label.povinny 	{font-weight: bold; color: #000000;}

form.neregistrovany {background: url(../img/pozadi-objednavka.jpg) no-repeat; width: 700px}
form.neregistrovany input.submit {border: 0; width: 101px; height: 29px;}
form.registrovany input.submit {border: 0; width: 101px; height: 29px;}
/*_________________________________ TOP ______________________________________*/
div#top {
clear: both;
width: 960px;
height: 155px;
/* background: url(../img/top.jpg) no-repeat; */
margin: auto; 
position: relative;
text-align: right;
}

div#top ul{
margin: 15px 10px 0 0;
width: 192px;
padding-top: 2px;
height: 23px;
background: url(../img/prihlaseni.jpg) no-repeat; 
float: right;
text-align: center;
}

div#top ul li{
color: rgb(195,3,0);
display: inline;
font-size: 15px;
font-weight: bold;
}

div#top ul li a{
color: white;
font-size: 14px;
font-weight: bold;
}

div#topmenu {
width: 960px;
height: 39px;
/* background: url(../img/topmenu.gif) repeat-x; */
margin: auto; 
}

div#topmenu ul {
padding: 9px 0 0 0;
float: right;
height: 31px;
}

div#topmenu ul li {
display: inline;
height: 40px;
}

div#topmenu ul li div{
display: inline;
color: white;
}

div#topmenu ul li a {
padding: 0 15px;
color: white;
text-align: center;
font-size: 15px;
}


/* ________________________________MIDDLE____________________________________ */
div#abovemiddle{
background: url(../img/rastr.jpg) repeat-y center top; 
}

div#middle {
display: block;
width: 958px;
margin: auto; 
text-align: left;
/* background: white url(../img/back-left.gif) repeat-y;  */
min-height: 500px;
padding: 10px 0 20px 0;
/* border: 1px rgb(64,60,57) solid; */
border-bottom: 0;
}


div#left {
float: left;
width: 220px;
margin: 0px 0px 0px 5px;
padding-bottom: 25px;
}

div#left form{
position: relative;
margin-top: 2px;
}

div#left form div{
/* background: url(../img/levemenu.gif) no-repeat; */
height: 29px;
padding: 0 0 0 6px;
}

div#left input.text{
margin: 3px 0 0 0;
}

div#left select{
width: 160px;
margin: 2px 0 0 0;
height: 24px;
}



div#left input.ttext{
width: 150px;
margin: 2px 0 0 0;
height: 18px;
}

div#left input.submitt {
border: 0;
position: absolute;
cursor: pointer;
top: 1px;
left: 168px;
}

div#left input.submit {
border: 0;
position: absolute;
cursor: pointer;
top: 9px;
left: 168px;
}

div#left ul li {
background: url(../img/levemenu.gif) no-repeat;
position: relative;
}


div#left ul li a {
overflow: auto;
display: block;	
color: white;
font-size: 15px;
font-weight: bold;
padding: 5px 0 0 10px;
height: 24px !important;
}

div#left ul li ul{
position: absolute;
width: 170px; /*sub menu width*/
top: 0;
visibility: hidden;
}

div#left ul li ul li{
width: 100%;
}

* html div#left ul li { float: left; height: 1%; }
* html div#left ul li a { height: 1%; }


div#left div.rychly-kontakt {
background: url(../img/rychly-kontakt.jpg); 
padding: 10px 10px 20px 10px;
font-weight: bold;
}


div#right{
float: left;
width: 712px;
padding: 0 8px;
}

div#right div.anotace{
min-height: 374px;
_height: 374px;
background: url(../img/foto-index.png) no-repeat center top;
padding: 15px 10px 0 309px; 
}

div#right div.anotace h1{
font-size: 15px;
margin-bottom: 5px;
}

div#right img.banner1{
margin: 10px 0 0 0;
float: left;
}

div#reklama{
width: 920px;
padding: 0 0 0 10px;
}

div#reklama h3{
color: #aaaaaa;
border-bottom: 1px solid #aaaaaa;
font-size: 0.9em;
padding: 0px 0px 3px 0px;
margin-bottom: 15px;
}

div#reklama div#reklamaLeva{
float: left;
margin-right: 15px;
width: 450px;
}

div#reklama div#reklamaPrava{
float: right;
width: 450px;
}

div#lama{
background:black;
color:black;
width:450px;
height:120px;
cursor: pointer;
}

div#psi{
width:450px;
height:120px;
cursor: pointer;
}
/* __________________________________muj ucet________________________________ */
ul#muj-ucet{
padding: 50px 0 0 60px;
}

ul#muj-ucet li{
padding-bottom: 5px;
}

ul#muj-ucet li a{
font-weight: bold;
font-size: 14px;
}

div.aktuality{
background-color: rgb(229,229,229);
width: 192px;
}

div.vnitrek{
font-size: 11px;
padding: 0 5px 5px 5px;
}

div.datum{
margin-top: 10px;
}

div.aktualita{
margin: -150px 0 0 0;
float: right;
background-color: rgb(247,178,178);
}

div.prehled{
margin: -150px 10px 0 0;
float: right;
}

div.budik{
padding-top: 5px;
padding-bottom: 107px;
background: url(../img/budik.jpg) no-repeat center bottom;
color: rgb(194,0,1);
font-weight: bold;
}

div.budik a{
color: rgb(194,0,1);
font-weight: bold;
}

div.hesla{
float: left;
background-color: rgb(217,217,217);
}

div.hesla p{
padding-left: 8px;
}

div.akce{
float: right;
width: 192px;
height: 190px;
background: url(../img/akce.png) no-repeat; 
margin: 10px 0 0 0;
}

div.akce div.obrazek{
width: 160px;
height: 88px;
overflow: hidden;
margin: 48px 0 0 11px;
border: 2px white solid;
}

div.akce div.popis{
margin: 2px 0 0 0;
text-align: center;
color: white;
font-weight: bold;
}
/* ___________________________________SEKCE__________________________________ */
div.sekce{
width: 699px;
height: 25px;
text-align: right;
color: white;
font-weight: bold;
padding: 8px 10px 0 0;
}


div.produkty{
position: relative;
}

table.produkty {
clear: both;
margin: auto;
padding: 0px;
}

img.vykresli{
position: absolute;
top: 24px;
right: 20px;
z-index: 5;
}

div.vykresli{
position: absolute;
top: 40px;
left: 360px;
font-weight: bold;
font-size: 16px;
color: rgb(199,0,2);
}

table.produkty tr td div.nahled {
height: 170px;
overflow: hidden;
margin-bottom: 10px;
}

table.tankpady tr td div.nahled{
height: 195px;
}

table.tankpad tr td div.nahled{
height: 220px;
}

table.produkty tr td div.nahled img{
display: block;
width: 160px;
/* border: 1px white solid; */
margin: 35px auto 0 auto;	
overflow: hidden;  
text-align: center;
}

table.produkty tr td {
background: url(../img/sekce.png) no-repeat;
	vertical-align: top;
	width: 164px;
	margin: 0px;
}

table.tankpady tr td{
background: url(../img/sekce-tankpady.png) no-repeat;
}

table.tankpad tr td{
background: url(../img/sekce-tankpad.png) no-repeat;
}

table.tankpady tr td div.nahled img{
margin: 34px auto 0 auto;
width: 150px;
}

table.tankpad tr td div.nahled img{
width: 152px;
}

table.produkty tr td h3 {
	margin: -5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 1em;
	font-weight: bold;
	color: #766553;
	text-transform: uppercase;
}

table.produkty tr td h3 a {
text-decoration: none;
font-size: 0.9em; 
}

table.produkty tr td p {
	margin: 0px;
	padding: 0px;
}

table.produkty tr td div.popis {
	display: block;
	text-align: left;
	padding: 0px 0px 0px 0px;
	font-size: 1em;
	color: rgb(207,18,10);
}

table.produkty tr td p.cena {
	display: block;
	text-align: left;
	padding: 0px 0px 0px 0px;
	font-size: 1em;
	color: rgb(207,18,10);
	font-weight: bold;
}

table.produkty tr td p.vstoupit {
	display: block;
	clear: both;
	font-weight: bold;
	padding: 0px 0px 5px 0px;
	text-align: right;
}

table.produkty tr td p.vstoupit a.kosik {
	display: block;
	float: left;
	background: url(../img/bcg_vstoupit.gif) no-repeat;
	width: 109px;
	height: 23px;
	line-height: 22px;
	vertical-align: middle;
	text-decoration: none;
}

table.produkty tr td p.koupit {
	display: block;
	clear: both;
	font-weight: bold;
	padding: 0px 0px 5px 0px;
	text-align: right;
}

table.produkty tr td p.koupit a.kosik {
	display: block;
	float: left;
	background: url(../img/bcg_koupit.gif) no-repeat;
	width: 109px;
	height: 23px;
	line-height: 22px;
	vertical-align: middle;
	text-decoration: none;	
}

table.produkty tr td p.koupit a.kosik span, table.produkty tr td p.vstoupit a.kosik span {
	visibility: hidden;
}

table.motolepy{
/* border: 1px solid #cc0000;  */ 
margin: 20px auto 10px auto; 
width: 650px; 
/* background: #f3f3f3; */
}

/* __________________________________KOSIK___________________________________ */
div.kosik-small{
width: 230px;
height: 146px;
background: url(../img/kosik.png) no-repeat; 
margin: 10px 0 0 0;
}

div.kosik-small div.jedna{
padding: 40px 0 0 10px;
color: white;
font-size: 15px;
font-weight: bold;
}

div.kosik-small div.dva{
color: rgb(197,16,17);
margin: 10px 0 0 25px;
font-weight: bold;
}

div.kosik-small div.tri{
color: rgb(197,16,17);
margin: 4px 0 0 25px;
font-weight: bold;
}

div.kosik-small div.ctyri{
padding: 5px 0 0 10px;
}

div.kosik-small div.ctyri a{
color: white;
font-size: 14px;
text-decoration: underline;
}

table.kosik tr td{
border-bottom: 1px dashed black; 
width: 712px;
padding: 20px 0;
vertical-align: top;
color: rgb(202,47,48);
font-weight: bold;
line-height: 20px;
}

table.kosik tr td p{
margin: 0 !important;
padding: 0 !important;
display: inline !important;
}

table.kosik tr td.tleft{
padding-left: 5px;
width: 115px;
}

table.kosik tr td.tleft img{
border: 1px black solid;
}

table.kosik tr td.celkem{
font-weight: bold;
color: black;
font-size: 14px;
}

div.podkosik{
float: right;
}

div.podkosik a{
width: 166px;
height: 24px;
background: url(../img/kosik_button.jpg) no-repeat; 
color: black;
display: block;
float: left;
margin: 5px 5px 0 0;
text-align: center;
padding-top: 5px;
font-weight: bold;
font-size: 15px;
}

/* ___________________________________ZNACKY_________________________________ */
ul.znacky{
margin: 30px auto auto 25px; 
}

ul.znacky li{
float: left;
width: 170px;
height: 150px;
}

/* ___________________________________FOOTER_________________________________ */
div#footer{
height: 22px;
background: url(../img/footer.gif) repeat-x; 
margin: 0 auto 0 auto;
/* width: 960px; */
padding-top: 6px;
}

div#footer ul{
margin-right: 10px;
}

div#footer ul li{
font-size: 12px; 
}

div#footer ul li a{
}