html, body	
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;    
	border: 0px;
	background-image: url(grafika/background2.jpg);
	background-repeat: repeat-x;
	background-color: #959ea7;
	color: black;
	
}

img {
	border: 0px;
}

a {
	text-decoration: none;
	color: #ff3300;
}

a:hover {
	text-decoration: none;
	color: #ff9900;
}


h2 {
	color: #635643;
	font-size: 18px;
}

h3 {
	color: #66b4ff;
	font-size: 16px;
}


.center {
margin-left: auto;
margin-right: auto;
width: 913px;
}

.center2 {
margin-left: auto;
margin-right: auto;
width: 1058px;
}

.vrch {
	width: 913px;
	height: 58px;
	background-image: url(grafika/vrch.jpg);
}

.vrch2 {
	width: 1058px;
	height: 58px;
	background-image: url(grafika/vrch2.jpg);
}

.flash {
	width: 913px;
	height: 98px;
}

.flash2 {
	width: 1058px;
	height: 98px;
}

.flash-left {
	float: left;
	width: 7px;
	height: 98px;
	background-image: url(grafika/leftflash.jpg);
}

.flash-left2 {
	float: left;
	width: 30px;
	height: 98px;
	background-image: url(grafika/leftflash2.jpg);
}

.flash-stred {
	float: left;
	width: 900px;
	height: 98px;
	background-image: url(grafika/flash.jpg);
}

.flash-stred2 {
	float: left;
	width: 998px;
	height: 98px;
	background-image: url(grafika/flash2.jpg);
}

.flash-right {
	float: left;
	width: 6px;
	height: 98px;
	background-image: url(grafika/rightflash.jpg);
}

.flash-right2 {
	float: left;
	width: 30px;
	height: 98px;
	background-image: url(grafika/rightflash2.jpg);
}

.menu {
	width: 913px;
	height: 29px; 
	background-image: url(grafika/menu.jpg);
}

.menu2 {
	width: 1058px;
	height: 29px; 
	background-image: url(grafika/menu2.jpg);
}

.nadpisy {
	width: 913px;
	height: 34px;
	background-image: url(grafika/nadpisy.jpg);	
}

.nadpisy2 {
	width: 1058px;
	height: 34px;
	background-image: url(grafika/nadpisy2.jpg);	
}

#div1 { position: relative; top: 5px; font-size: 18px; visibility:hidden; text-align: center; }
#div2 { position: relative; top: -16px; font-size: 18px; visibility:hidden; text-align: center; }
#div3 { position: relative; top: -38px; font-size: 18px; visibility:hidden; text-align: center; }
#div4 { position: relative; top: -61px; font-size: 18px; visibility:hidden; text-align: center; }
#div5 { position: relative; top: -83px; font-size: 18px; visibility:hidden; text-align: center; }
#div6 { position: relative; top: -105px; font-size: 18px; visibility:hidden; text-align: center; }
#div7 { position: relative; top: -127px; font-size: 18px; visibility:hidden; text-align: center; }





.plocha {
	width: 913px;
	height: 181px;
	background-image: url(grafika/plocha.jpg);
}

.paticka {
	width: 913px;
   text-align: center;
	color: #b5b5b5;
	font-size: 10px;
}

.paticka-okraje {
	margin: 0px 5px 0px 5px;
}

.paticka-hlavicka {
	width: 913px;
	height: 12px;
	background-repeat: no-repeat;
	background-image: url(grafika/paticka-hlavicka.jpg);
}

.paticka-opakovani {
	width: 913px;
	background-repeat: repeat-y;
	background-image: url(grafika/paticka-opakovani.jpg);
}

.paticka-paticka {
	width: 913px;
	background-repeat: no-repeat;
	background-image: url(grafika/paticka-paticka.jpg);
}


.lp {
font-family: "Courier New", Courier, monospace;
color: black;
font-size: 12px;
}

.cervena {
font-family: "Courier New", Courier, monospace;
color: red;
font-size: 14px;
}

.seda {
font-family: "Courier New", Courier, monospace;
color: black;
font-size: 12px;
}


.odkazy {
	width: 913px;
	height: 326px;
}

.odkazy-left {
   float: left;
	width: 45px;
	height: 326px;
	background-image: url(grafika/leftodkazy.jpg);
}

.odkazy-right {
   float: left;
	width: 40px;
	height: 326px;
	background-image: url(grafika/rightodkazy.jpg);
}

.odkazy-mezera {
   float: left;
	width: 12px;
	height: 326px;
	background-image: url(grafika/mezera.jpg);
}

.odkazy-autobaterie {
	float: left;
	width: 108px;
	height: 326px;
	background-image: url(grafika/autobaterie.jpg);
}

.odkazy-ups {
	float: left;
	width: 108px;
	height: 326px;
	background-image: url(grafika/ups.jpg);
}

.odkazy-nabijeci {
	float: left;
	width: 108px;
	height: 326px;
	background-image: url(grafika/nabijeci.jpg);
}

.odkazy-alternatory {
	float: left;
	width: 108px;
	height: 326px;
	background-image: url(grafika/alternatory.jpg);
}

.odkazy-autosvetla {
	float: left;
	width: 108px;
	height: 326px;
	background-image: url(grafika/autosvetla.jpg);
}

.odkazy-prislusenstvi {
	float: left;
	width: 108px;
	height: 326px;
	background-image: url(grafika/prislusenstvi.jpg);
}

.odkazy-servis {
	float: left;
	width: 108px;
	height: 326px;
	background-image: url(grafika/servis.jpg);
}

/* aktivni  */

.odkazy-autobaterie:hover {
	float: left;
	width: 108px;
	height: 326px;
	background-image: url(grafika/autobaterie2.jpg);
}

.odkazy-ups:hover {
	float: left;
	width: 108px;
	height: 326px;
	background-image: url(grafika/ups2.jpg);
}

.odkazy-nabijeci:hover {
	float: left;
	width: 108px;
	height: 326px;
	background-image: url(grafika/nabijeci2.jpg);
}

.odkazy-alternatory:hover {
	float: left;
	width: 108px;
	height: 326px;
	background-image: url(grafika/alternatory2.jpg);
}

.odkazy-autosvetla:hover {
	float: left;
	width: 108px;
	height: 326px;
	background-image: url(grafika/autosvetla2.jpg);
}

.odkazy-prislusenstvi:hover {
	float: left;
	width: 108px;
	height: 326px;
	background-image: url(grafika/prislusenstvi2.jpg);
}

.odkazy-servis:hover {
	float: left;
	width: 108px;
	height: 326px;
	background-image: url(grafika/servis2.jpg);
}



.plocha h1{
font-size: 16px;
margin-bottom: 5px;
}
.uvod1 {
	float: left;
	width: 200px;
	margin-left: 45px;
	margin-top: 20px;
}
.uvod2 {
	float: left;
	width: 170px;
   margin-top: 20px;
}

.uvod3 {
	float: left;
	width: 200px;
   margin-top: 20px;
}

.uvod4 {
position: relative; top:-93px; left:582px;
	width: 350px;
}

.uvod4 img {
	border: 1px solid black;
} 

.menuleft{
	float: left;
	width: 640px;
}

.menuright{
	float: left;
}

.menu2-left {
	float: left;
	width: 750px;
}

.menu2-right {
	float: left;
}

a.hornimenu {
position: relative; top: 5px;
	margin-left: 25px;
	color: black;
	font-size: 16px;
	width: 20px;
}

a.hornimenu:hover {
position: relative; top: 5px;
	margin-left: 25px;
	color: white;
	font-size: 16px;
		width: 20px;
}

a.hornimenu2 {
position: relative; top: 5px;
	margin-left: 35px;
	color: black;
	font-size: 16px;
}

a.hornimenu2:hover {
position: relative; top: 5px;
	margin-left: 35px;
	color: white;
	font-size: 16px;
}

.hledat {
	position: relative; top:-1px; left:7px;
}

.hledat2 {
	position: relative; top:-1px; left:18px;
}

input.input1 {
	width: 140px;
	height: 20px;
	border: 1px solid #7e7e7e;

}

input.tlacitko1 {
background-image: url(grafika/tlacitko1.jpg);
	color: black;
	border: none;
	font-size: 14px;
	width: 107px;
	height: 26px;
}

input.tlacitko1:hover {
background-image: url(grafika/tlacitko1.jpg);
	color: white;
	border: none;
	font-size: 14px;
	width: 107px;
	height: 26px;
}


/* plocha */

.plocha2 {
 position: absolute;
	width:1058px;
	min-height: 507px;
	background-image: url(grafika/plocha2.jpg);
	background-position: top;
}

.left {
	float: left;
	width: 234px;
	min-height: 507px;
   background-image: url(grafika/plocha-left.jpg);
   background-repeat: no-repeat;
}

.right {
	float: left;
	width: 187px;
	min-height: 507px;
   background-image: url(grafika/plocha-right.jpg);
   background-repeat: no-repeat;
}

.stred {
	float: left;
	width: 637px;
	min-height: 507px;
   background-repeat: no-repeat;
}


.stred-vrch {
	width: 637px;
	min-height: 800px;
   background-image: url(grafika/plocha-stred-vrch.jpg);
   background-repeat: no-repeat;
}

.stred-okraje {
	margin: 0px 20px 0px 20px;
}

.stred-paticka {
clear: both;
	width: 637px;
	height: 190px;
   background-image: url(grafika/plocha-stred-dole.jpg);
   background-repeat: no-repeat;
  
}

.stred-paticka-okraje {
margin: 0px 15px 0px 15px;
   color: #AAA8AA;
   font-size: 8px;
}

a.informace {
	color: black;
	font-weight: bold;
	font-size: 11px;
}

a.informace:hover {
	color: #f5901e;
	font-weight: bold;
	font-size: 11px;
}


a.informaceaktiv {
	color: red;
	font-weight: bold;
	font-size: 11px;
}

.informacepoloha {
	margin-top: 3px;
	margin-left: 40px;
}


/* menu eshop */
.menuvsuvka {
width: 234px;
height: 20px;
}

.nadskupinypoloha {
	margin-top: 10px;
	margin-left: 40px;
}

a.nadskupiny {
	color: black;
	font-weight: bold;
}

a.nadskupiny:hover {
	color: #f5901e;
	font-weight: bold;
}


a.nadskupinyaktiv {
	color: red;
	font-weight: bold;
}

.skupinypoloha {
	margin-top: 3px;
	margin-left: 50px;
}

a.skupiny {
	color: #6d6d6d;
	font-weight: bold;
}

a.skupiny:hover {
	color: #f5901e;
   font-weight: bold;
}


a.skupinyaktiv {
   color: red;
	font-weight: bold;
}

.podskupinypoloha {
	margin-left: 60px;
}

.podskupiny {
color: #b8bdc0;
font-weight: bold;
}



.podskupinyaktiv {
color: red;
font-weight: bold;
}



/* produkty  */

.produkty1 {
   float: left;
   clear: both;
	width: 291px;
	margin-right: 10px;
	margin-top: 10px;
}

.produkty2 {
   float: left;
	width: 291px;
	margin-top: 10px;
}

.produkty-plocha {
   width: 291px;
   height: 100%;
	background-image: url(grafika/produkt-pozadi.gif);
	background-repeat: repeat-y;
}

.produkty-pole {
   width: 291px;
   height: 100%;
	background-image: url(grafika/produkt-pozadi.gif);
	background-repeat: repeat-y;
}

.produkty-clear {
   width: 291px;
   height: 1px;
   background-image: url(grafika/produkt-pozadi.gif);
	background-repeat: repeat-y;
	clear: both;
}

.clear {
	width: 100%;
	height: 1px;
	clear: both;
}

.produkty-paticka {
   width: 291px;
   height: 73px;
   background-image: url(grafika/produkt-paticka.jpg);
   clear: both;
}

.produkty-nadpis {
		margin-left: 10px;
		margin-bottom: 5px;
}

.produkty-nadpis a{
	font-size: 11px;
	font-weight: bold;
	color: black;
}

.produkty-nadpis a:hover{
	font-size: 11px;
	font-weight: bold;
	color: #ff3300;
}
 
.produkty-img {
	float: left;
	width: 100px;
	margin-left: 5px;
}

.produkty-popis {
	float:left;
	width: 175px;
	font-size: 11px;
}

.cesta {
width: 100%;
height: 20px;
	padding-top: 10px;
	font-size: 11px;
	color: #959ea7;
}

.cesta a{
	font-size: 11px;
	color: #66b4ff;
}

.cesta a:hover{
	font-size: 11px;
	color: #66b4ff;
	text-decoration: underline;
}


/* tklacitko kosik */

input.tlacitko-kosik {
background-image: url(grafika/kosik.jpg);
	border: none;
	width: 103px;
	height: 49px;
	margin: 8px 0px 0px 8px;
}


.eshop-text {
	border-bottom: 1px solid #ff4500;
	border-top: 1px solid #ff4500;
	width: 100%;
	margin-bottom: 5px;
	margin-top: 5px;
}

.produkty-left {
float: left;
width: 120px;
}

.produkty-right {
float: left;
font-size: 11px;
margin-top: 8px;
}

.produkty-right-ceny {
float: right;
font-size: 11px;
margin-top: 8px;
margin-right: 8px;
text-align: right;
color: #ff3300;
}



.vyrobek {
	clear: both;
}

.vyrobek-nadpis {
	width:100%;
	height: 20px;
	background-color: #f6864f;
	margin-top: 5px;
		margin-bottom: 10px;
}


.vyrobek-nadpis-text {
float: left;
	margin: 0px 0px 0px 10px;
		color: black; 	font-weight: bold;
		clear: both;
}

.vyrobek-nadpis-text a {
	color: black; 	font-weight: bold;
}

.vyrobek-nadpis-text a:hover {
	color: black; 	font-weight: bold;
}


.vyrobek-obrazek {
clear: both;
	width:220px;
   float: left;
   margin-right: 10px;
}



.vyrobek-parametry {
	float: left;
}

.vyrobek-cena {
font-weight: bold;
float: left;
}

.oranzova {
	color: white;
}

.vyrobek-mezera {
   clear: both;
	width: 100%;
	height: 10px;
}

.vyrobek-right {
	float: left;
	margin-left: 10px;
}


.vyrobek .pocet {
	float: right;
	margin-right: 20px;
}

.vyrobek .popis {
	clear: both;

}

.vyrobek h2{
width: 100%;
font-size: 16px;
color: #555555;
background-color: #fafb88;
}



input.for {
	width:25px
}

	input.tlacitko						
	{
	background: white url(grafika/kosik2.jpg) repeat-x;
	color: white;
	border: none;
	width: 150px;
	height: 44px;

}

	input.tlacitko:hover					
	{
	background: white url(grafika/kosik1.jpg) repeat-x;
	border: none;
	width: 150px;
	height: 44px;
}

.resetovac {
clear: both;
}

.mensicena {
	font-size: 12px;
	color: #959ea7;
}

.red {
	color: #ff3300;
	font-weight: bold;
}

/* kosik */

.kosik {
	clear: both;
	border-bottom: 1px solid #ff4500;
	width: 100%;
	height: 100px;
	font-size: 10px;
	margin-bottom: 5px;
	margin-top: 5px;
}

.kosik-obrazek {
	float: left;
	width: 80px;
}

.kosik-popis {
	float: left;
	width: 210px;
	font-size: 11px;
}

.kosik-pocet {
	float: left;
	width: 80px;
}

.kosik-cena {
	float: left;
	width: 85px;
}

.kosik-cenaks {
	float: left;
	width: 85px;
}

.kosik-odebrat {
	float: left;
	width: 50px;
}


.objednavka {
	clear: both;
}

.kosik-polozky {
	color: #474747;
	margin-top: 20px;
	margin-bottom: 20px;
}

.kosik-polozky strong {
	color: #ff3300;
}

input.ks
	{
	background-image: url(grafika/ks.gif);
	border: none;
	width: 22px;
	height: 22px;
}

input.zaplatit
	{
	background-image: url(grafika/zaplatit.gif);
	border: none;
	width: 71px;
	height: 25px;
}

input.pokracovat
	{
	background-image: url(grafika/pokracovat.gif);
	border: none;
	width: 91px;
	height: 25px;
}

input.odebrat
	{
	background-image: url(grafika/odebrat.gif);
	border: none;
	width: 23px;
	height: 22px;
}

input.odeslat
	{
	background-image: url(grafika/odeslat.gif);
	border: none;
	width: 89px;
	height: 34px;
}

	input.tlacitko2						
	{
	background: white url(grafika/tlacitko2.jpg) repeat-x;
	color: white;
	border: 1px solid #acacac;
	font-size: 14px;
}

	input.tlacitko2:hover					
	{
	background: white url(grafika/tlacitko2.jpg) repeat-x;
	color: black;
	border: 1px solid #acacac;
	font-size: 14px;
}


.kosikmenu {
font-size: 10px;
font-weight: bold;
color: #454f54;
}
.kosikmenu-nazev {
	width: 280px;
	height: 15px;
	float: left;
	background-color: #f6864f;
}
.kosikmenu-cenaks {
	width: 90px;
	height: 15px;
	float: left;
	background-color: #f6864f;
}
.kosikmenu-ks {
   width: 80px;
	height: 15px;
	float: left;
	background-color: #f6864f;
}
.kosikmenu-cena {
	width: 80px;
	height: 15px;	
	float: left;
	background-color: #f6864f;
}
.kosikmenu-odebrat {
	width: 60px;
	height: 15px;
	float: left;	
	background-color: #f6864f;
}

.krok1 input {
	width: 300px;
}

.krok1 textarea {
	width: 300px;
	height: 100px;
}

.krok2 input {
	width: 40px;
}

/* dotaz */

.dotaz input {
	width: 300px;
	margin-left: 20px;
		
}

.dotaz textarea {
	width: 300px;
	height: 100px;
	margin-left: 20px;

}

.dotaz input.tlacitko3 {
	width: 120px;
}


strong.red {
	color: #ff3300;
}

.policka {
	font-size: 10px;
}


/*  ******************************************** prava lista ********************************************* */       
/* kosik */

.nakupni-kosik {
	text-align: center;
	margin-top: 5px;
	margin-bottom: 10px;
}

.nakupni-kosik a {
	color: white;
	font-size: 13px;
	font-weight: bold;
}

.nakupni-kosik a:hover {
	color: #d1ff8e;
	font-size: 13px;
	font-weight: bold;
	text-decoration: underline;
}

              

.nakupni-kosik-text {
	text-align: center;
	color: white;
	font-size: 11px;
	font-weight: normal;
	margin-left: 3px;
	margin-right: 3px;
}

.blue {
	color: #d1ff8e;
	font-weight: bold;
}

.flag-box {
	width: 145px;
	height: 50px;
	margin-top: 8px;
	margin-left: 15px;
}



.nakupni-kosik-okraj {
	width: 145px;
	height: 75px;
	margin-top: 10px;
	margin-left: 5px;
	border: 1px solid #f8f8f8;
}

.nakupni-kosik-okraj:hover {
	width: 145px;
	height: 75px;
	margin-top: 10px;
	margin-left: 5px;
	border: 1px solid #d1ff8e;
}
 
/* *******  akce ****** */
 
.akce-okraj {
	width: 145px;
	margin-top: 20px;
	margin-left: 5px;
	border: 1px solid #f8f8f8;
	text-align: center;
}

.akce-nadpis {
	color: white;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 5px;
}

.akce-obrazek {
	margin-bottom: 0px;
}

.akce-nazev a {
	font-size: 11px;
	font-weight: bold;
		margin-left: 3px;
	margin-right: 3px;
	color: white;
}

.akce-nazev a:hover {
	font-size: 11px;
	font-weight: bold;
		margin-left: 3px;
	margin-right: 3px;
	text-decoration: underline;
	color: #d1ff8e;
}


.akce-cena {
		font-size: 11px;
	font-weight: normal;
		margin-left: 3px;
	margin-right: 3px;
	margin-bottom: 18px;
}

.kontakt-text {
	font-size: 10px;
	color: white;
	margin-bottom: 10px;
}

.razeni {
	font-size: 10px;
	color:#959ea7;
	text-align: center;
}

a.podtrzeni {
	color:#959ea7;
	font-weight: bold;
}

.razeni a:hover {
text-decoration: underline;
}


.link {
	color: white;
}

.link:hover {
	color: #d1ff8e;
	text-decoration: underline;
}

.vrch h1 {
font-size: 6px;
color: #6d747c; 
}


.aktuality-left {
	float: left;
}

.aktuality-left h3 {
   color: #66b4ff;
	font-size: 16px;
	margin: 0px;
	padding: 0px;
}

.aktuality-right {
float: right;
color: #b0d563;
}

.aktuality-text {
	clear: both;
}

.clear-razeni {
	clear: both;
}



/******************* shop menu ******************/

.menu-nadskupiny {
background-image: url(grafika/shop-hlavicka.jpg);
width: 196px;
height: 32px;
margin-left: 34px;
}

.nadskupiny-okraje {
text-align: center;
padding-top: 5px;
}

.menu-nadskupiny a {
   color: black;
	font-weight: bold;
}

.menu-nadskupiny h2 {
	color: black;
	font-weight: bold;
	font-size: 14px;
	margin: 0px;	
}

.menu-nadskupiny h2:hover {
	color: black;
	font-weight: bold;
	font-size: 14px;
	margin: 0px;	
}

.menu-nadskupiny a:hover {
	color: black;
	font-weight: bold;
}

h1.nadaktiv {
	color: black;
	font-weight: bold;
}




.menu-paticka {
	width: 196px;
	height: 4px;
	background-image: url(grafika/shop-paticka.jpg);
	margin-left: 34px;
}

.menu-skupiny {
background-image: url(grafika/shop-telo.jpg);
width: 196px;
background-repeat: repeat-y;
margin-left: 34px;
}

.skupiny-okraje {
	margin-left: 3px;
}

h3.skupiny{
		color: #505050;
	line-height: 130%;
	font-weight: bold;
	margin: 0px;
	display: inline;
		font-size: 14px;
}

h3.skupiny:hover {
	color: red;
	line-height: 130%;
		font-weight: bold;	
		margin: 0px;
		display: inline;
			font-size: 14px;
}

h3.skupinyaktiv{
	color: red;
	line-height: 130%;
	font-weight: bold;
	margin: 0px;
	display: inline;
		font-size: 14px;
}


.menu-podskupiny {
	padding-top: 5px;
	padding-bottom: 10px;
	margin-left: 15px;
}

h4.podskupinyaktiv {
		color: red;
	font-weight: bold;
	margin: 0px;
	display: inline;	
		font-size: 14px;
}

h4.podskupiny {
	color: #545454;
		margin: 0px;
		display: inline;
			font-size: 14px;	
}


h4.podskupiny:hover {
	color: red;
   margin: 0px;	
   display: inline;
   	font-size: 14px;
}

.vrch2 h1 {
font-size: 10px;
color: #5a6169;
margin: 0px;
padding: 0px;
position: relative;
top: -100px;
}

.menu-informace-mezera {
	width: 900px;
	height: 7px;
}

.menu-informace {
margin-left: 50px;
width: 900px;
height: 20px;
}