BODY 				{font-size: 70%; color: #4d4d4d; background: #fff; font-family: Verdana, Arial, sans-serif; margin: 0; padding: 0; text-align: center;}

/* Strana obecne*/
#stranka  			{width: 1000px; float: none; background: url(../images/page/bg.jpg) repeat-y; position: relative; margin: auto; text-align: left; border: 0px solid black;}


/* Hlavička */
#hlavicka			{width: 100%; border-bottom: 1px #fff solid; height: 185px;}
#reklama      {width: 492px; position: relative; padding: 2px; top: -150px; left: 185px; font-weight: bold; background-color: #ffc0b0;}
#logo 				{width: 256px; height: 79px; background: url(../images/page/logo.gif); margin: 0; position: absolute; left: 181px; top: 80px;}
#logo A				{width: 256px; height: 79px; display: block;}
#logo SPAN		{display: none;}

#logoAdmin 				{width: 256px; height: 79px; margin: 0; position: absolute; left: 191px; top: 90px;}
#logoAdmin A				{width: 256px; height: 79px; display: block; text-decoration: none; color: #ffffff; font-size: 4em; text-align: center;}
#strankaAdmin  			{width: 1000px; float: none; background: url(../images/page/bg.jpg) repeat-y; position: relative; margin: auto; text-align: left;}

/* Lista odkazu na obchody*/
#listaObchody	{list-style-type: none; margin: 0; padding: 0; position: absolute; left: 180px; top: 0px;}
#listaObchody LI			{margin: 0; padding: 0; display: block; float: left;}
#listaObchodySERVIS A   {color: #4d4d4d; font-weight: bold; text-decoration: none; border-right: 1px #fff solid; display: block; padding: 6px 5px;}
#listaObchodySERVIS A:hover 			{color: #fff !important; background: #c33;}
#listaObchodyATV A   {color: #4d4d4d; font-weight: bold; text-decoration: none; border-right: 1px #fff solid; display: block; padding: 6px 5px;}
#listaObchodyATV A:hover 			{color: #fff !important; background: #c33;}
#listaObchodyHRY A   {color: #4d4d4d; font-weight: bold; text-decoration: none; border-right: 1px #fff solid; display: block; padding: 6px 5px;}
#listaObchodyHRY A:hover 			{color: #fff !important; background: #8D2C31;}
#listaObchodyRC A   {color: #4d4d4d; font-weight: bold; text-decoration: none; border-right: 1px #fff solid; display: block; padding: 6px 10px;}
#listaObchodyRC A:hover 			{color: #fff !important; background: #534cf2;}
#listaObchodyDOM A   {color: #4d4d4d; font-weight: bold; text-decoration: none; border-right: 1px #fff solid; display: block; padding: 6px 10px;}
#listaObchodyDOM A:hover 			{color: #fff !important; background: #f7b200;}



/* Lista statickych clanku */
#listaClanky	{list-style-type: none; margin: 0; padding: 0; position: absolute; left: 0; top: 160px;}
#listaClanky LI			{margin: 0; padding: 0; display: block; float: left;}
#listaClanky A   {color: #4d4d4d; font-weight: bold; text-decoration: none; border-right: 1px #fff solid; display: block; padding: 6px 10px;}
#listaClanky A:hover 			{color: #fff !important; background: #c33;}

/*Basket on top*/
#topBasket {margin: 0; padding: 0; position: absolute; left: 800px; top: 160px;}
#topBasket a {color: #c33; text-decoration: underline}
#topBasket a:active {color: #4d4d4d}
#topBasket a:visited {color: #c33}
#topBasket a:hover {color: #4d4d4d}

 
/* Paticka */
#paticka 			{color: #fff; background: #c33; clear: both; margin: 30px 0 0 0; bottom: 10px; padding: 15px; text-align: right;}

/* Staticke Texty*/
#text {padding-bottom: 30px; padding-left: 20px; width: 93%; padding-right: 20px; padding-top: 30px; font-size: 110%; }
#text A  {color: #4d4d4d; font-weight: bold;}

/* Statistiky */
#statistiky {padding: 10px; text-align: left; margin: 0px; font-size: 110%; border: 0px solid red;}


/* Menu hlavni kategorie */
#menuKategorie {width: 250px; margin: 0; font-size:100%; border: 0px solid red;}
#menuKategorie UL {list-style-type: none; margin: 0px; padding: 0px}
#menuKategorie LI {border-bottom: #666 1px dotted; padding: 0px; line-height: 20px; margin: 0px;}
#menuKategorie A {color: #4d4d4d; font-weight: bold; text-decoration: none; border-right: 1px #fff solid; padding: 0;}
#menuKategorie A:hover 	{color: #c33; text-decoration: underline}

span.inactiveMenu {color: #bbbbbb;}
span.selectedMenu {color: #c33; font-weight: bold;}

#vypisKategorieCesta {font-weight:bold;}
#vypisKategorieCesta A {color: #c33; font-weight: bold; text-decoration: underline; border-right: 1px #fff solid; padding: 0px 10px;}
#vypisKategorieCesta A:hover	{color: #4d4d4d; text-decoration: underline}

/*#menuKategorie A:visited {color: #4d4d4d; font-weight: bold; padding: 0px 10px;}
*/
/* Levy sloupec*/
#levySloupec {width: 250px; font-size: 90%; float:left;  border: 0px solid blue;}

#strankaStred {width: 740px; float:right; margin: auto; text-align: left; border: 0px solid yellow;}

.formular {width: 600px; text-align: right; margin:20px; padding:20px; }
.formular span {margin:3px; padding:3px;  border: 0px solid blue;}

.formularE {width: 800px; text-align: right; margin:20px; padding:20px; }
.formularE span {margin:3px; padding:3px;  border: 0px solid blue;}

/* dulezita hlaska v eshopu, cokoliv, kdekoliv*/
.dulezite {padding: 10px;  width: 80%; font-size: 110%; color: red; border: 0px solid red;}
.dulezite a{color:#000000}
.dulezite a:hover {color:#000000}
#dulezite {padding: 10px;  width: 80%; font-size: 110%; color: red; border: 0px solid red;}


/*
.formular input {text-align: left; margin:3px; padding:3px; border: 0px solid #CCCCCC;}
*/
input, textarea {text-align: left; margin:3px; padding:3px; border: 1px solid #CCCCCC;}
select {text-align: left; margin:3px; padding:3px; width: 360px; border: 1px solid #CCCCCC;}
form {margin:10px; padding:10px;}


/* submit*/

.formularSubmit {text-align: center; width: 350px; background-color: #CCCCCC; color: #4d4d4d; font-weight: bold; cursor: pointer; }

span.formItem {}

.formularFieldset {}
/*
#formularLegend {color: #4d4d4d; }
*/
.formularLegend {color: black; }

.cat h1 {border-left: #4d4d4d 10px solid; padding: 5px; margin: 15px 0px 1px; background: #d1d1d1; font-size: 125%;}
.cat a {color: #c33; text-decoration: underline}
.cat a:hover {color: #4d4d4d}
.catHeadSort {border-left: #4d4d4d 5px solid; padding: 5px; margin: 15px 0px 1px; background: #d1d1d1;}
.catHeadSort img {position: relative; top: 3px;}

.producerFiltr {border: 1px solid #c0c0c0; padding: 0; }
.producerFiltr form {padding: 0; margin: 0}
.producerFiltr table {padding: 0; margin: 0}
.producerFiltr tr {padding: 0; margin: 0}
.producerFiltr td {padding: 0; margin: 0}
.producerFilterSubmit {width: auto; color: #ffffff; background-color: #c33; padding: 1px 4px 1ps 4px; cursor: pointer;}

/*Items list*/
div.itemList {border-left: 0px solid #CCCCCC; width: 340px; padding: 5px; float: left;}
div.itemList a {color: #4d4d4d; text-decoration: underline}
div.itemList a:hover {color: #c33;}

div.itemListTexts {width: 80px; padding: 3px;  float: left;}
div.itemListPrices {width: 150px; padding: 3px; float: left;}
div.itemListName {padding-bottom: 10px;}

.itemListGreen {color: #339900; font-weight: bold;}
.itemListOrange {color: #FF9900; font-weight: bold;}

/*Item detail*/
.item h1 {border-left: #4d4d4d 10px solid; padding: 5px; margin: 0 0 1px 275px; background: #d1d1d1; font-size: 125%; width: 410px;}
.item h2 {border-left: #4d4d4d 10px solid; padding: 5px; margin: 15px 0 1px 0; background: #d1d1d1; font-size: 115%;}
.item a {color: #c33; text-decoration: underline}
.item a:hover {color: #4d4d4d}
div.itemView {border-left: 0px solid #CCCCCC; width: 340px; padding: 5px; float: left;}
div.itemView a {color: #4d4d4d; text-decoration: underline}
div.itemView a:hover {color: #c33;}

div.itemViewText {width: 150px; padding: 3px 0 0 5px; margin: 0; margin-left: 13px;  float: left; font-weight: normal; font-size: 110%;
                  background-color: #f4f4f4}
.itemViewText br {border-top: 1px solid blue;}
div.itemViewPrices {width: 275px; padding: 3px 0 0 0; float: left;  font-size: 110%; margin: 0; 
                  background-color: #f4f4f4}
div.itemViewName {padding-bottom: 10px;}
div.itemViewBasket {width: 250px; margin: 0; margin-left: 10px; padding: 5px; float: left;}
.itemViewBasket form {padding: 0; margin: 0;}
.itemViewBasket img {padding: 0; margin: 0;   vertical-align: text-bottom;}
.itemViewBasket input {padding: 0; margin: 0;   vertical-align: text-bottom;}



img.imgItemList {float: left; padding: 5px; border: 1px solid #c0c0c0;}
div.clearDiv {clear: both;}
span.itemListName {font-weight: bold;}
span.itemListPriceNormal {font-weight: bold;}
span.itemListPriceDph {font-weight: bold;}
span.itemListPriceNormal {font-weight: bold;}
span.itemListSale {font-weight: bold; color: red;}
span.itemListPrice {font-weight: bold; color: red;}
div.itemListBasket {clear: both; margin: 0; padding: 5px;}
.itemListBasket form {padding: 0; margin: 0;}
.itemListBasket img {padding: 0; margin: 0;   vertical-align: text-bottom;}
.itemListBasket input {padding: 0; margin: 0;   vertical-align: text-bottom;}
.basketAddAmount {padding: 0; margin: 0; width: 20px; }
.basketSubmit {width: 110px; padding: 0 5px 0 0; }

/* Basket and Orders*/

.pathOrderCurrent {font-size: 120%; color: #000000;}
.pathOrderActive {font-size: 120%; color: #000000;}
.pathOrderActive a {color: #c33; text-decoration: underline}
.pathOrderActive a:active {color: #4d4d4d}
.pathOrderActive a:visited {color: #c33}
.pathOrderActive a:hover {color: #4d4d4d}

.pathOrderInActive {font-size: 120%; color: #c0c0c0;}

.basketMsg {font-size: 105%;}
.basket {margin-left: 10px;}
.basketActionSubmit {width: auto; color: #ffffff; background-color: #c33; padding: 10px; cursor: pointer;}
.orderAction {width: auto; position: relative; left: 340px;}
.basketTable {}
.basketTable th {background-color: #c0c0c0}
.basketTable td {background-color: #f4f4f4; vertical-align: top; border-bottom: 1px solid #c0c0c0}
.basketTableCode{width: 40px;}
.basketTableName{width: 200px; }
.basketTableAmount{width: 150px;}
.basketTablePrice{width: 70px;}


.basicA {color: #c33; text-decoration: underline}
.basicA:active {color: #4d4d4d}
.basicA:visited {color: #c33}
.basicA:hover {color: #4d4d4d}



/*404*/
.notExists {padding: 50px; }
.notExists a {color: #c33; text-decoration: underline}
.notExists a:hover {color: #4d4d4d}


.info a {color: #c33; text-decoration: underline}
.info h1 {border-left: #4d4d4d 10px solid; padding: 5px; margin: 15px 0px 1px; background: #d1d1d1; font-size: 125%;}
.info h3 {border-left: #4d4d4d 5px solid; padding: 5px; margin: 15px 0px 1px; background: #d1d1d1;}

.infoSignature {padding-left: 500px;}

#provozovatel .na_stred {
	TEXT-ALIGN: center; MARGIN: 20px 0px
}
#provozovatel .na_stred IMG {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; MARGIN-BOTTOM: 4px; BORDER-TOP: 0px; BORDER-RIGHT: 0px
}

#provozovatel h3 {border-left: #4d4d4d 5px solid; background: #d1d1d1; padding: 5px; margin: 15px 0px 1px; }

#provozovatel A {
	COLOR: #c33; TEXT-DECORATION: underline
}
#provozovatel A:active {
	COLOR: #4d4d4d
}
#provozovatel A:visited {
	COLOR: #c33
}
#provozovatel A:hover {
	COLOR: #4d4d4d
}

/*search*/
.searchDiv {padding: 0; margin: 6px 1px 5px 0px; border-bottom: 1px solid #4d4d4d; height: 35px;}
.searchForm {padding: 0; margin: 0}
.searchText {padding: 0; margin: 0; width: 150px; height: 20px; font-size: 15px;}
.searchSubmit {margin:0 0 3px 0; width: auto; color: #ffffff; background-color: #c33; padding: 1px 5px 1px 5px; cursor: pointer;}


TABLE 				{font-size: 100%; border-collapse: collapse;}
TH 				{color: #fff; background: #c33; text-align: left; border: 0; padding: 2px 3px;}
TD 				{vertical-align: top; padding: 2px 3px;}
IMG 				{border: 0;}

table.orders  th {background-color: #c0c0c0; color: #000000; font-weight: bold;}
table.orders td {background-color: #f4f4f4; vertical-align: top; border-bottom: 1px solid #c0c0c0}

.red {color: red;}
.black {color: #000000;}
.bold {font-weight: bold;}
.greenBackground {background-color: #99cc99}
.redBackground {background-color: #ff6666}
.font110 {font-size: 110%}
.font120 {font-size: 120%}
.font130 {font-size: 130%}