body
{
	text-align: center;
	font-family: Verdana;
	font-size: 12;
}

.shell
{
	width: 1000px;
	position: relative;
	top: 0px;
	text-align: left;
	margin: auto;
}

.welcome
{
	width: 1000px;
	text-align: center;
	margin: auto;
}

.quickoffer {width: 400px; text-align: center; font-size: 11pt; margin: auto; padding-top: 30px; display: block; position: relative;}

.quickoffer a {font-weight: bold; text-decoration: none; color: #1D3380;}
.quickoffer a:hover {text-decoration: underline;}

.fsqo {border: 1px solid #1D3380;}
.lqo {color: #1D3380;}

h4 {margin-bottom: 0px;}

.q1 {position: relative; height: 150px;}
.q2 {position: relative; height: 150px;}
.qo1 {position: relative; float: left; width: 175px; padding-bottom: 10px; height: 120px; margin-bottom: 10px; text-align: left;}
.qo2 {position: relative; float: right; width: 175px; padding-bottom: 10px; height: 120px; margin-bottom: 10px; text-align: left;}


.description
{
	padding-top: 0px;
	font-weight: bold;
}

.entrance
{
	padding-top: 50px;
}

.entrance a
{
	font-size: 14pt;
	font-weight: bold;
	text-decoration: none;
	color: #1D3380;
}

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

.entrance_red {padding-top: 15px; clear: both;}
.entrance_red a
{
	font-size: 14pt;
	font-weight: bold;
	text-decoration: none;
	color: red;
}
.entrance_red a:hover {text-decoration: underline;}


.hlavicka
{
	position: relative;
	width: 1000px;
	height: 195px;
	/*background-image: url('images/hlavicka.jpg');*/
	/*background-repeat: no-repeat;*/
	/*background-color: #667AB3;*/
	/*border: solid #667AB3 1px;*/
	margin-bottom: 0px;
	z-index: 1;
}

.menu
{
	position: relative;
	float: left;
	width: 520px;
	height: 25px;
	font-family: Verdana;
	font-size: 16;
	text-align: left;
	padding-left: 7px;
	padding-top: 7px;
	padding-bottom: 0px;
	padding-right: 5px;
	margin-left: 0px;
	margin-bottom: 0px;
	color: #FFFFFF;
	background-color: #1D3380;
	z-index: 2;
	display: block;
	/*z-index: 1;*/
	/*border: solid 1px #667AB3;*/
}

.menu a {text-decoration: none; color: #FFFFFF; font-weight: bold;}
.menu a:hover {text-decoration: none; color: #3C5498; font-weight: bold;}

.obchod_odkaz {
	height: 25px;
	font-family: Verdana;
	font-size: 16;
	text-align: left;
	padding-left: 7px;
	padding-top: 6px;
	padding-bottom: 0px;
	padding-right: 5px;
	margin-left: 0px;
	margin-bottom: 0px;
	color: #1D3380;
	background-color: yellow;
	border-top: 1px #1D3380 solid;
	border-left: 1px #1D3380 solid;
	border-right: 1px #1D3380 solid;
	width: 157px;		
	z-index: 2;
}
.obchod_odkaz a {text-decoration: none; color: #1D3380; font-weight: bold;}
.obchod_odkaz a:hover {text-decoration: none; color: #3C5498; font-weight: bold;}

.obsah
{
	clear: both;
	position: relative;
	width: 978px;
	font-family: Verdana;
	font-size: 12;
	text-align: justify;
	border: solid 1px #1D3380;
	padding-left: 10px;
	padding-top: 15px;
	/*padding-bottom: 20px;*/
	padding-right: 10px;
	background-color: #FFFFFF;
}

.levy
{
	float: left;
	/*top: 17px;*/
	width: 780px;
}

.pravy
{
	float: right;
	width: 160px;
	/*top: 17px;*/
}


.novinka
{
	position: relative;
	/*border: solid 1px #667AB3;*/
	padding-left: 0px;
	padding-right: 5px;
	padding-top: 20px;
	padding-bottom: 5px;
	background-image: url('images/hvezdicka.jpg');
	background-repeat: no-repeat;
	margin-bottom: 10px;
	margin-right: -5px;
	text-align: justify;
}

.prihlaseni
{
	position: relative;
	left: 0px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 10px;
	margin-right: 0px;
	margin-top: -15px;
	text-align: center;
	background: yellow;
	color: #1D3380;
	border: #1D3380 dotted 1px;
	border-top: 0px; border-right: 0px;
	width: 159px;
}

.spodek
{
	clear: both;
	width: 997;
	font-family: Verdana;
	font-size: 8;
	text-align: center;
	border: solid 1px #1D3380;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	background-color: #1D3380;
	margin-left: -10px;
	color: #FFFFFF;
}

.kategorie
{
	width: 250px;
	height: 150px;
	background-color: #FFFFFF;
	/*border: solid 1px black;*/
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	padding-right: 3px;
}
	
	
div.menubat
{
	width: 183px;
	padding-left: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 1px;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: #1D3380;
	color: yellow;
	font-size: 16;
	font-weight: bold;

}	
	
	
/* ------------------- navigacni menu v produktech ------------------------------*/	
div#navigation {
  width: 190px;
  padding-left: 0px;
  margin-left: 0px;
  margin-bottom: 0px;
  margin-top: 0px;
}

div#navigation ul {
  background-color: #FFFFFF;
  padding-left: 0px;
  padding-top: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}

div#navigation li#kategorie {
  list-style: none;
  margin-left: 0px;
  margin-bottom: 2px;
  margin-top: 2px;
  margin-right: 2px;
  padding-top: 0px;
  border: double 1px #1D3380;  

}

div#navigation li#podkategorie {
  list-style: none;
  margin-left: 15px;
  margin-bottom: 2px;
  margin-top: 2px;
  margin-right: 2px;
  padding-top: 0px;
  border: double 1px #1D3380;  
}

div#navigation li#produkt {
  list-style: none;
  margin-left: 20px;  
  margin-top: 0px;
  margin-right: 2px;
  margin-bottom: -1px;
  margin-right: 2px;
  border: 1px dotted #667AB3;     
}

div#navigation li#kategorie a {
  color: #3C5498;
  font-size: 12;
  font-weight: bold;
  text-decoration: none;
  display: block;
  background-color: yellow;
  width: 176px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
}

div#navigation li#podkategorie a {
  color: #FFFFFF;
  font-size: 12;
  font-weight: bold;
  text-decoration: none;
  display: block;
  background-color: #1D3380;
  width: 161px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;
}
div#navigation li#podkategorie a:hover {
  color: #3C5498; /*tmavá modrá*/
  background-color: yellow;
}

div#navigation li#produkt a {
  color: #667AB3;
  font-size: 11;
  text-decoration: none;
  display: block;
  background-color: #FFFFFF;
  width: 161px;
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 2px;
  padding-bottom: 2px;
}

div#navigation li#produkt a:hover {
  color: #667AB3;
  text-decoration: none;
  background-color: yellow;
}
/* ------------------- navigacni menu v produktech ------------------------------*/
	
.prodl {float: left; top: 5px; margin-bottom: 15px; margin-top: -5px;} /*bylo  */
.uvodp {float: right; top: 5px; width: 550px; border: dotted 0px #1D3380; padding-bottom: 5px; padding-left: 10px; padding-right: 5px; margin-bottom: 15px; margin-left: 15px; border-top: 0px; border-bottom: 0px; margin-top: 5px; margin-top: -5px} /*bylo  */
.prodp {float: right; top: 0px; width: 550px; border: solid 1px #1D3380; padding-bottom: 5px; padding-left: 4px; padding-right: 4px; margin-bottom: 15px; margin-left: 15px;}



.produktable
{
	position: relative;
	width: 560px;
	font-size: 11;
	color: #FFFFFF;
	margin-left: -5px;
	margin-top: 5px;
	margin-bottom: -6px;
	border: solid #1D3380 1px;
	font-weight: bold;	

}
.produktable td {border: solid #1D3380 1px; background-color: #1D3380; text-align: center;}

.vpravo {text-align: right;}

.cenasdph
{
 	font-size: 13;
	color: red;
	
}
.cenabezdph
{
	color: #667AB3;	
	font-size: 13;
}

.tabprodukty
{
	font-size: 12;
}

.tabprihl
{
	font-size: 10;
	color: #1D3380;
	font-weight: bold;
	text-align: center;
}

.tabtextobr {color: black; background-color: #FFFFFF; font-size: 12; width: 100%}

.tabprodukty a {text-decoration: none; color: #1D3380;}
.tabprodukty a:hover {text-decoration: none; color: #3C5498;}

#cenik
{
	margin-bottom: 10px;
}

#firma
{
	margin-bottom: 10px;
}

#home
{
	margin-bottom: 10px;
}

	#inhome
	{
		
		padding-left: 4px;
		/*padding-top: 5px;	*/
		padding-right: 5px;		
		padding-bottom: 10px;
		border: dotted 1px #1D3380;		
		border-top: 0px;
		border-left: 0px;
		border-bottom: 0px;
	}



.quarterImage {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-left: 8px;
/*	border: double 1px #667AB3;*/
}

.uvodImage
{
	margin-right: 5px;
	margin-top: 2px;
	margin-bottom: 5px;
	margin-right: 5px;
	border: 1px solid #1D3380;
}


.podnadpis {
	background-color: #1D3380;
	color: yellow;
	font-size: 14;
	padding-left: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 3px;
	margin-top: -5px;
	margin-left: -5px;
	margin-right: -5px;
	font-weight: bold;
}

.on {display: on;}
.off {display: none;}

.blokakce {	position: relative;
	/*border: solid 1px #667AB3;*/
	padding-left: 0px;
	padding-right: 5px;
	padding-top: 10px;
	padding-bottom: 5px;
	background-image: url('images/hvezdicka.jpg');
	background-repeat: no-repeat;
	margin-bottom: 10px;
	margin-right: -5px;
	text-align: justify;
	}
	
.lupa {background-color: #1D3380; border: solid 0px; margin-left: 7px; cursor: Pointer;} 	
	
	
.vyuzijte {background-color: #1D3380; color: yellow; padding-left: 0px; padding-right: 0px; padding-top: 2px; padding-bottom: 2px; display: block; width: 170px;}	
	
/*.stinmenu {float: right; background-color: #656870; width: 3px; height: 28px; margin-right: 495px; margin-top: 4px;}*/
.akce {border: dotted #667AB3 1px; background-color: yellow; margin-bottom: 0px; padding-left: 3px; padding-right: 3px; padding-top: 2px; padding-bottom: 2px; color: yellow;	font-weight: bold; border-top: 0px; display: block; width: 163px; border-right: 0px;}
.akce a {text-decoration: none; color: #1D3380;}
.akce a:hover {text-decoration: none; color: #1D3380;}

.redakt	{font-size: 13; color: #1D3380; font-weight: bold; cursor: Pointer; background-color: yellow; border: 1px solid #1D3380; display: block; width: 558px; text-align: center; margin-left: -5px; margin-bottom: -6px;}
#aktivni {color: yellow;}
#aktivni_obchod {color: #1D3380;}
.maly {font-size: 8;}
.hvezdicka {position: absolute; top: 50px; left: 600px;}
.mala_mapa {margin-top: 5px; margin-bottom: 2px; background-image: url('images/milevsko.gif'); width: 86px; height: 55px; margin-left: 25px; cursor: Pointer;} 
.velka_mapa {position: absolute; background-image: url('images/mapa.jpg'); width: 496px; height: 377px; display: block; left: -2000px; border: 1px solid #1D3380; z-index: 2;}
.smrt_posuvnikum {position: relative; bottom: 55px; }
.zluty {color: yellow;}
.cerveny {color: red;}
#prihlaseni {float: left; width: 225px; padding-left: 0px;}
#registrace {float: right; padding-left: 80px; margin-left: 0px; padding-right: 80px; margin-right: 20px; margin-bottom: 50px;}
#uprava {text-align: center; width: 300px;};
#tabkos {margin-bottom: 50px;}
#obchod {position: relative; text-align: center;}
#kosik {position: relative; text-align: center; margin-left: 50px;}
.doleva {float: left;}
.doprava {float: right;}
.hlaska_kosik {background: #1D3380; color: yellow; font-weight: bold; border: solid yellow 1px; padding-top: 3px; padding-bottom: 3px; margin-bottom: 20px; width: 680px;}
.zluty_odkaz {text-decoration: none; color: yellow;}
.cenasleva {color: #667AB3; font-weight: bold; font-size: 13;}
.cenapreskrtnuta {text-decoration: line-through; color: red; font-size: 13;}
.sleva {color: #86c222; font-size: 13; font-weight: bold;}

.modry_odkaz {text-decoration: underline; color: #1D3380; font-weight: bold;}

.powerframe{border: 1px solid #1D3380; background: yellow; width: 186px; height: 97px; display: block; margin-top: 20px; background: url('images/powerframe.jpg');}
.pwf {position: absolute; left: -2000px; border: 1px solid #1D3380; background: #FFFFFF; width: 600; height: 592px; background: url('images/pwf.jpg'); z-index: 3;}

.nadpis {color: #1D3380; font-weight: bold;}

.tab_tech_par {font-size: 9; border: 0px solid black; background: #FFFFFF;}

.pop {position: absolute; left: -2000; top: -30; z-index: 3; display: block; background: #FFFFFF; color: #1D3380; border: 1px solid #1D3380; text-align: center;}

.cm {border: solid 1px #1D3380;}

.ikonka_toll {padding-top: 10px; padding-bottom: 10px; width: 190px;}

.malemodre {color: #1D3380; font-size: 9;}
.modry {color: #1D3380; font-weight: bold;}

.velkop {text-align: center;}
.velkop a {text-decoration: none; font-weight: bold; color: #1D3380;}
.velkop a:hover {text-decoration: underline;}

.velkotab td {vertical-align: baseline;}

#objtab {font-size: 9pt;}
.cara_lm {width: 186px;}

.modry_aktivni {

	cursor: Pointer;

	color: #1D3380;
	font-weight: bold;
	text-decoration:underline;
}

#options {
	width: 140px;
	height: 70px;
	background: yellow;
	border: 1px solid #1D3380;
	z-index: 2;
	position: absolute;
	top: 50px;
	left: 45%;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;

}