P {
	margin: 0px 0px 0px 0px;
}

A {
	font: bold 8pt Tahoma, Arial, serif;
	color: #333333;
	text-decoration: none;
	cursor: pointer;
}

/* ----------------  LAYOUT  -------------------*/

#layout {
	width: 100%;
	height: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: #DDDDDD;
}

#top_left {
	width: 183px;
	height: 152px;
}

#top_top {
	height: 33px;
	width: 100%;
	background-color: white;
	background-image: url(../images/hore.jpg);
	background-repeat: no-repeat;
}

#top_bottom {
	width: 614px;
	height: 90px;
	background-image: url(../images/stred.jpg);
	background-repeat: no-repeat;
}

#top_right {
	height: 90px;
	background: #DDDDDD;
	background-image: url(../images/vpravo.jpg);
	background-repeat: no-repeat;
}

#home_bar_left {
	font: bold 9pt Tahoma, Arial, serif;
	padding-top: 3px;
	padding-left: 10px;
	text-align: left;
	border-bottom: 1px solid Gray;
	height: 33px;
}

#home_bar_right {
	font: bold 9pt Tahoma, Arial, serif;
	padding-top: 3px;
	padding-right: 10px;
	text-align: right;
	height: 33px;
	border-bottom: 1px solid #BBBBBB;
}

#bar_top
{
	background: Gray;
   width: 100%;
	height: 10px;
}

#main_area
{
   font: 9pt Tahoma, Arial, serif;
	background: white;
	padding: 0px 0px 0px 0px;
	vertical-align: top;
}

#menu_area
{
	background: Gray;
	padding: 0px 0px 5px 0px;
	vertical-align: top;
}

/* ----------------  MAIN OF PAGE ---------------*/

#home_main {
	vertical-align: top;
	font: 8pt Verdana, Tahoma, Arial, serif;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#home_main p {
	margin: 0px 0px 0px 0px;
}

/* ----------------  LEFT OF PAGE ---------------*/

#home_left {
	width:200px;
	border-left: 1px #BBBBBB solid;
	border-top: 1px solid #333333;
	background: #DDDDDD;
	vertical-align: top;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: center;
}

#home_table {
	width:100%;
	height:100%;
	border: 0px;
}

/* --------------- MENU --------------*/

.menu_top
{
	height: 29px;
	background: #CCCCCC;
	border-top: 1px Gray solid;
}

.menu_up {
	text-align: center;
	font: bold 8pt Verdana, Tahoma, Arial, serif;
	color: White;
	padding: 8px 11px 8px 11px;
	background: Gray;
	border-right: 1px solid White;
	float: left;
}

.menu_do {
	text-align: center;
	font: bold 8pt Verdana, Tahoma, Arial, serif;
	color: White;
	padding: 8px 9px 8px 9px;
	background: #CCCCCC;
	border-right: 1px solid White;
	float: left;
}

/* --------------- MENU LEFT -------------- */
.menu_pol
{
	padding: 1px 2px 8px 8px;
	text-transform: uppercase;
	display: block;
}

.menu_pol a
{
	color: white;
	background: none;
}

.menu_pol a:hover
{
	color: black;
}

.menu_txt {
	font: 8pt 300 Verdana, Tahoma, sans-serif;
	color: white;
	padding: 1pt 1pt 1pt 2pt;
}

.menu_txt a {
	font: 8pt normal Verdana, Tahoma, sans-serif;
	color: white;
	padding: 1pt 1pt 1pt 2pt;
}

.mat_pol
{
	padding: 2px 2px 2px 9px;
	text-transform: uppercase;
}

.mat_pol a
{
   font: 8pt normal Verdana, Tahoma, sans-serif;
	color: white;
}

.mat_pol a:hover
{
	color: black;
}

/* --------------- ANKETA -------------- */

#anketa {
	width: 100%;
	background: #EEEEEE;
	font: normal 7pt Tahoma, Arial, serif;
	text-align: left;
	border-bottom: 1px solid #333333;
}

#anketa span {
   display: block;
   padding: 0pt 5pt 0pt 5pt;
}

#anketa a {
	font: normal 7pt Tahoma, Arial, serif;
	color: #333333;
	text-decoration: none;
}

#anketa a:hover {
	text-decoration: underline;
}

#anketa img {
	border: 0pt;
	margin-top: 2pt;
	margin-bottom: 4pt;
}

#anketa .otazka {
	font: bold 7pt Tahoma, Arial, serif; 
	padding-bottom: 4px;
	color: #333333;
	padding-top: 6px;
}

#anketa .spolu {
   color: #333333;
   padding-bottom: 6px;
	padding-top: 2pt;
}

#anketa .perc {
   color: #333333;
	display: inline;
}

/* ------------ KATEGÓRIE GRAFIKA ------------- */

.cat_nadpis {
	font: bolder 11pt Tahoma, Arial, serif;
	padding: 0px 5px 2px 5px;
	vertical-align: top;
	text-transform: uppercase;
}

.cat_text {
	font: normal 9pt Tahoma, Arial, serif;
	padding: 5px 10px 5px 10px;
	vertical-align: top;
	text-align: justify;
}

/* ------------ TOVAR ------------- */

#tovar {
	width: 98%;
	/width: 100%;
	margin-bottom: 4px;
	padding: 6px 8px 4px 8px;
}

#tovar a{
	text-decoration: underline;
}

#tovar .hlava {
	font: bold 8pt Verdana, Tahoma, Arial, serif;
	border-top: 1px #BBBBBB solid;
	border-bottom: 1px #BBBBBB solid;
	background: #DDDDDD;
	float:left;
	width:100%;
}

#tovar .nazov {
	padding: 1px 0px 2px 4px;
	float:left
}

#tovar .cena {
	float: right;
	padding: 1px 4px 1px 0px;
}

#tovar .cena_s {
	background: #CCCCCC;
	color: Red;
	font: normal 8pt Verdana, Tahoma, Arial, serif;
	text-align: right;
	padding: 1px 4px 1px 0px;
	text-decoration: line-through;
	display: inline;
}

#tovar .img {
	padding: 1px 1px 1px 1px;
	float: left;
	vertical-align: top;
}

#tovar p{
	margin: 0px 0px 0px 0px;
}

#tovar .text {
	font: normal 8pt Verdana, Tahoma, Arial, serif;
	padding: 1px 5px 2px 15px;
	vertical-align: top;
	text-align: justify;
}

#tovar .shop {
	font: normal 8pt Verdana, Tahoma, Arial, serif;
	padding: 5px 5px 5px 10px;
	vertical-align: top;
	background: White;
	width: 100px;
	text-align: left;
	border-left: 1px dotted #BBBBBB;
}

#tovar .button {
	width: 90px;
	border: 1pt solid Gray;
   font: 8pt Verdana, Tahoma, sans-serif;
	padding: 1pt 1pt 1pt 2pt;
	background: white;
}

#tovar .btn {
	width: 90px;
	margin: 10px 2px 0px 2px;
	padding: 3px 3px 3px 3px;
	border: 1px solid Gray;
	cursor: pointer;
	text-align: center;
	background: #fb8b00;	
}

#tovar span {
   display: block;
   padding: 0pt 5pt 0pt 5pt;
}

#tovar a {
	font: normal 8pt Tahoma, Arial, serif;
	font-weight: 800;
}

#tovar a:hover {
	text-decoration: underline;
}

#tovar .find {
	display: block;
	padding: 3px 3px 3px 15px;
}

#mi_tovar {
	width: 100%;
	padding: 0px 0px 0px 0px;
	text-align: left;
}

#mi_tovar .hlava {
	font: bold 8pt Verdana, Tahoma, Arial, serif;
	font-weight: bold;
		border-top: 1px #BBBBBB solid;
	border-bottom: 1px #BBBBBB solid;
	background: #CCCCCC;
	padding: 2px 2px 2px 4px;
	color: white;
	width:198px;
	//width:200px;
}

#mi_tovar .text {
	font: normal 8pt Verdana, Tahoma, Arial, serif;
	padding: 7px 7px 7px 7px;
}

#kategorie {
	border-bottom: 1px solid #333333;
}

#kategorie .button {
	width: 90px;
	border: 1pt solid Gray;
   font: 8pt Verdana, Tahoma, sans-serif;
	padding: 1pt 1pt 1pt 2pt;
	background: white;
}

#objednavka {
	width: 97%;
	/width: 100%;
	margin: 20px 20px 20px 20px;
}

/* ----------- NÁKUPNÝ KOŠ ------------------ */

#basket {
	margin: 20px 20px 29px 20px;
}

#kos {
	width:600px;
	border-top: 1px solid #333333;
	border-left: 1px solid #333333;
	margin: 20px 0px 4px 0px;
}

#kos .text{
	font: normal 8pt Verdana,Tahoma, Arial, serif;
	padding: 4px 2px 4px 2px;
		border-bottom: 1px solid #333333;
	border-right: 1px solid #333333;
}

#kos .text_l{
	font: normal 8pt Verdana,Tahoma, Arial, serif;
	padding: 4px 2px 4px 2px;
		border-bottom: 1px solid #333333;
	border-right: 1px solid #333333;
}

#kos .text_r{
	font: normal 8pt Tahoma, Arial, serif;
	border-bottom: 1px solid #333333;
	border-right: 1px solid #333333;
	background: #DDDDDD;
	text-align: right;
	padding: 2px 3px 2px 2px;
}

#kos .hlava{
	font: bold 8pt Tahoma, Arial, serif;
	border-bottom: 1px solid #333333;
	border-right: 1px solid #333333;
	background: Gray;
	padding: 2px 2px 2px 3px;
	color: white;
}

#kos .hlava_r{
	font: bold 8pt Tahoma, Arial, serif;
	border-bottom: 1px solid #333333;
	border-right: 1px solid #333333;
	background: Gray;
	text-align: right;
	padding: 2px 3px 2px 2px;
	color: white;
}

#kos .button {
	width: 90px;
	border: 1pt solid #333333;
   font: 8pt Verdana, Tahoma, sans-serif;
	padding: 1pt 1pt 1pt 2pt;
	background: white;
}

#register {
	margin: 5px 7px 4px 8px;
	padding: 0px 0px 0px 0px;
	float:left;
}

#register .text{
	font: normal 8pt Verdana,Tahoma, Arial, serif;
	padding: 4px 2px 4px 2px;
	display: block;
	width: 120px;
	float: left;
}

#register .riadok{
	font: normal 8pt Verdana,Tahoma, Arial, serif;
	padding: 4px 2px 4px 2px;
	display: block;
	width: 400px;
	float: left;
}

#register .nadpis{
	font: bold 11pt Verdana,Tahoma, Arial, serif;
	padding: 4px 2px 8px 2px;
}

#register .input_l {
	width: 390px;
}

#register .brak {
	clear: both;
}

/* -------------- SHOP BAR -------------- */

.shop {
	font: bold 8pt Verdana,Tahoma, Arial, serif;
	padding: 10px 10px 10px 10px;
	vertical-align: top;
	background: #EEEEEE;
}

.shop_right {
	font: bold 8pt Tahoma, Arial, serif;
	padding: 2px 5px 2px 5px;
	width: 350px;
	text-align: right;
	background: #EEEEEE;
	
}

form {
	margin: 0px 0px 0px 0px;
}

.button {
	border: 1pt solid Gray;
   font: 8pt bold Tahoma, sans-serif;
	margin: 0px 2px 0px 2px;
	background: white;
}

.button_div {
	width: 50px;
	border: 1pt solid Gray;
	padding: 1px 1px 2px 1px;
	margin: 0px 2px 0px 2px;
	background: white;
	text-align: center;
	display: inline;
	vertical-align: bottom;
}

.button_div a {
   font: 8pt normal Tahoma, sans-serif;
	color: #333333;
}

.prec {
	color: red;
	text-decoration: line-through;
}

.input {
   font: 8pt bold Verdana,Tahoma, sans-serif; 
	padding: 1pt 1pt 1pt 1pt;
	border: 1pt solid;
	background: white;
	text-align: left;
}

.input_l {
   font: 8pt bold Tahoma, sans-serif; 
	padding: 1pt 1pt 1pt 1pt;
	border: 1pt solid;
}

.login { 
	margin: 0px 5px 5px 5px;
	padding: 6px 6px 6px 6px;
	background: #EEEEEE;
	border: 1px solid #CCCCCC;
	font: 8pt bold Tahoma, sans-serif;
}

.input_r {
   font: 8pt bold Tahoma, sans-serif; 
	padding: 1pt 1pt 1pt 1pt;
	border: 0pt solid;
	background: #DDDDDD;
	text-align: right;
}

.input_h_r {
   font: 700 8pt Tahoma, sans-serif; 
	padding: 1pt 1pt 1pt 1pt;
	border: 0pt solid;
	background: Gray;
	text-align: right;
}

.txt_nadpis {
	font: bold 11pt Verdana, Tahoma, sans-serif;
	padding: 15px 15px 15px 15px;
	margin-bottom: 5px;
	text-transform: uppercase;
}

.txt_text {
	padding: 0px 15px 8px 15px;
	font: 8pt Verdana, Tahoma, sans-serif;
	text-align: justify;
}

.nadpis {
	padding: 7px 7px 10px 7px;
	font: 700 9pt Tahoma, sans-serif; 
}

.break {
	clear: both;
}

/* -------------------- MODULY -------------------------*/

.modul
{
  display: none;
}

.panel_nadpis {
   width: 196px;
	//width: 200px;
	font: bold 9pt Tahoma, Arial, serif;
	padding: 4px;
	background: Gray;
	color: #333333;
	border-bottom: 1px solid #333333;
	text-align: left;
	text-transform: uppercase;
}

/* -------------------- NOVINKY -------------------------*/

#novinky {
	background: #EEEEEE;
	text-align: left;
	border-bottom: 1px solid #333333;
	width: 100%;
	display: block;
}
 
#novinky a {
   color: #333333;
	display: block;
	font: bold 8pt Verdana,Tahoma, Arial, serif;
	background-color: #EEEEEE;
	text-decoration: none;
	padding: 4pt 1pt 4pt 3pt;
}

#novinky a:hover {
	background-color: #BBBBBB;
}

#novinky .dat {
	font: normal 7pt Verdana, Tahoma, Arial, serif;
	color: #333333;
	display: block;
	text-decoration: none;
	background: FDE3E3;
	padding: 2pt 2pt 2pt 3pt;
	border: 0px 0px 0px 0px;
}

#novinky .obsah {
	color: #333333;
	background: White;
	display: block;
	font: normal 8pt Verdana, Tahoma, Arial, serif;
	padding: 3pt 3pt 3pt 3pt;
	margin: 0px 0px 0px 0px;
	border-bottom: 0px;
}

#zlavy {
	background: white;
	text-align: left;
	border-bottom: 1px solid #333333;
	width: 100%;
	display: block;
}

#zlavy a {
   color: #333333;
	display: block;
	font: bold 8pt Verdana,Tahoma, Arial, serif;
	background-color: #EEEEEE;
	text-decoration: none;
	padding: 2pt 1pt 2pt 3pt;
}

#zlavy a:hover {
	background-color: #BBBBBB;
}

#zlavy .zl_txt {
        padding: 2px 2px 2px 10px; 
	font: 8pt Verdana,Tahoma, Arial, serif;
}

#novin {
	background: #EEEEEE;
	text-align: left;
	border-bottom: 1px solid #333333;
	width: 100%;
	display: block;
}

#novin a {
        color: #333333;
	display: block;
	font: bold 8pt Verdana,Tahoma, Arial, serif;
	background-color: #EEEEEE;
	text-decoration: none;
	padding: 2pt 1pt 2pt 3pt;
}

#novin a:hover {
	background-color: #BBBBBB;
}

#akcie {
  font: normal 8pt Verdana, Tahoma, Arial, serif;
	background: White;
	text-align: left;
	border-bottom: 1px solid #333333;
	width: 100%;
	display: block;
}

#akcie a {
   color: #333333;
	display: block;
	font: bold 8pt Verdana,Tahoma, Arial, serif;
	background-color: #EEEEEE;
	text-decoration: none;
	padding: 2pt 1pt 2pt 3pt;
}

#akcie a:hover {
	background-color: #BBBBBB;
}

#loga {
      text-align: left;
}

#anketa_buff {
  padding-top: 10px;
  padding-left: 10px;
}

#predjane {
   width: 100%;
	padding: 20px 25px 0px 20px;
}

#predjane table{
   border-right: Black 1px solid;
}

#predjane .hlava {
   font: bolder 12px Verdana,Tahoma, Arial, serif;
	background: Black;
	color: #FB8B00;
	padding: 4px 0px 4px 0px;
	text-align: center;
}

#predjane .text {
   font: bolder 10px Verdana,Tahoma, Arial, serif;
	color: Black;
	padding: 2px 0px 2px 5px;
	border-left: Black 1px solid;
	border-bottom: Black 1px solid;
}

#box_novinky {
  margin: 20px 20px 20px 20px;
  border: none;
}

#box_novinky .block_nadpis {
  font: bolder 11px Verdana,Tahoma, Arial, serif;
  padding: 3px 5px 3px 5px;
  background: #CCCCCC;
  border: 1px solid gray;
}

#box_novinky .blok 
{
   width: 47%;
	float:left;
	border: none;
	height: 150px;
}

#box_novinky .spravan {
      padding: 4px 20px 4px 10px;
      margin-top:5px;
}

#box_novinky .spravan a {
  font: bold 11px Verdana,Tahoma, Arial, serif;
  color: Gray;
}

#box_novinky .spravat {
  padding: 5px 20px 5px 10px;
  font: 10px Verdana,Tahoma, Arial, serif;
  text-align: justify;
}

#box_novinky .spravat a {
   font: 10px Verdana,Tahoma, Arial, serif;
	font-weight: normal;
}

#box_novinky .spravan2 {
   padding: 4px 20px 12px 10px;
	font: bold 12px Verdana,Tahoma, Arial, serif;
   margin-top:5px;
}

#box_novinky .spravat2 {
  padding: 5px 20px 5px 10px;
  font: 10px Verdana,Tahoma, Arial, serif;
  text-align: justify;
}

#box_novinky .spravat2 a {
font: 11px Verdana,Tahoma, Arial, serif;
	font-weight: normal;
}

#box_novinky .img {
  border: 1px gray solid;
  float: left;
  margin: 5px 7px 5px 10px;
}

#box_novinky .img_big {
  border: 1px gray solid;
  float: left;
  margin: 5px 20px 20px 10px;
}

#predjane {
   width: 100%;
	padding: 20px 25px 0px 20px;
}

#predjane table{
   border-right: Black 1px solid;
}

#predjane .hlava {
   font: bolder 12px Verdana,Tahoma, Arial, serif;
	background: Gray;
	color: white;
	padding: 4px 0px 4px 0px;
	text-align: center;
	border-left: Black 1px solid;
	border-top: Black 1px solid;
	border-bottom: Black 1px solid;
}

#predjane .text {
   font: bolder 10px Verdana,Tahoma, Arial, serif;
	color: Black;
	padding: 2px 0px 2px 5px;
	border-left: Black 1px solid;
	border-bottom: Black 1px solid;
}