/*
vzor "zav 11/2007":
-------------------
barva-a ... tm. zelena ... #0D545A  old do 9.12.:#0D555B
barva-b ... cervena ... #DA0F17
barva-c ... seda ... #D8DCDD  old do 9.12.:#E0E4E5  OLD:#C8CCCD
barva-skoro-bila ... skoro bila (na podkladu barva-b) ... #DFDFDF
*/

.barva-pisma-a {
  color: #0D545A ! important;
}

.barva-pisma-b {
  color: #DA0F17 ! important;
}

.barva-pisma-c {
  color: #D8DCDD ! important;
}

.barva-pozadi-a {
  background-color: #0D545A ! important;
}

.barva-pozadi-b {
  background-image: url(zav/prechod_cerveny_svisly.jpg);
  background-repeat: repeat-x;
  background-color: #DA0F17 ! important; /*vyplni pripadny spodni zbytek...*/
}

.barva-pozadi-c {
  background-color: #D8DCDD ! important;
}


/*-----------------------
        TAGS
------------------------*/        
/*form {display: inline;}*/ /*defaultně je form blokový, tj. s odřádkováním na konci...*/

a {
  text-decoration:none;
  cursor: pointer;  /*Firefox, Opera, MSIE6*/
  cursor: hand; /*MSIE4/5*/
  /*font-weight: medium;*/ /*snad je zbytecny, navic v menu vadi...*/ 
  color: #DA0F17; /*zde neprepisovat - override v jednotlivych div */
}

a:hover {
  color: darkblue;
}

body {
	background-color: #0D545A;
	/*font-family: sans-serif; -zav-*/
	font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 9pt;
  font-weight: bold;
}

input {
  font-size: 9pt;
}

img {
  border: 0px;
}

h1 {
  font-size: 15pt;
  color: orange;
}

h2 {
  font-size: 15pt;
  color: #DA0F17 ! important;
  background-color: E0E4E5;
  /*border-bottom: 1px solid gray;*/
  padding: 15px;
}

h3 {
  font-size: 13pt;
  color: #DA0F17;
}

.h3-smaller {
  font-size: 12pt;
}

.h3-smaller-smaller {
  font-size: 11pt;
}

li {
  position: relative;
  left: -25px;
  list-style-type: none;
  border-bottom: 1px solid gray;
  padding: 5px;
}

.bigger {
  font-size: 12pt;
}

.smaller {
  font-size: 8pt;
}

.pidi {
  font-size: 5pt;
}

.extra {
  font-size: 10pt;
  color: orange;
}

.extra2 {
/*pouzito: cena v list.php*/
  font-size: 10pt;
  color: maroon;
}

.extra3 {
/*!!! NEPOUZITO !!!*/
  font-size: 10pt;
  color: darkblue;
}

table {
/*  width: 100%;*/
	margin: 3px;
	/*font-family: Verdana, Helvetica, Arial, sans-serif;*/
	font-family: "Verdana CE", Verdana, "Helvetica CE", Helvetica, "Arial CE", Arial, sans-serif;
  font-size: 9pt;
  /*font-weight: bolder;*/
}

table.basket {
	border-width: 1px;
	border-spacing:;
	border-style: outset;
	border-color: gray;
	border-collapse: collapse;
	background-color: white;
}

table.basket tr {
	background-color: white;
}

table.basket th {
	border-width: 1px;
	padding: 3px;
	border-style: inset;
	border-color: gray;
	background-color: #DA0F17;
}

table.basket td {
	border-width: 1px;
	padding: 3px;
	spacing: 2px;
	border-style: inset;
	border-color: gray;
}

table.basket a {
  color: darkblue;
}

table.basket a:hover {
  color: #DA0F17;
}

table.basket th a:hover {
  color: white ! important;
}

select {
  font-size: 8pt;
}

/*-------------------
        DIVS
-------------------*/ 

#envelope {
  position: absolute; 
  top: 0px;
  left: 50%; 
  /*margin-left: -497px;*/
  margin-left: -573px;
  /*width: 994px; */
  width: 1164px;
	/*background-color: white;*/
  background-image: url(zav/pozadi_s_prechodem_1164.jpg);
  background-repeat: repeat-y;
}

#page {
  position: relative;
  left: 77px;
  width: 994px;
}
  
#top {
	display: inline;
  position: relative;
	/*top: -8px;*/
	top: 0px;
	/*width: 100%;*/
	width: 100%-2px;
	height: 180px;
	/*margin: 2px;*/
	color: white;
	text-valign: middle;
}

.top-img-width {
  width: 994;
}

.hr-under-header {
  position: relative;
  top: -10px;
  width: 988px; 
  color: #DA0F17; /*IE*/
  background-color: blue ! important; /*Mozilla + Opera*/
  z-index: 10;
}

#top table {
	background-color: transparent;
}

#top a {
  color: white;
}

#admin-top-menu {
  position: absolute; 
  left: 200px;
  top: 130px; 
  z-index: 10;
}

#admin-top-menu a {
  color: #DA0F17;
}

#admin-top-menu a:hover {
  color: darkblue; 
}

#kontakt {
  position: absolute; 
  left: 380px;
  top: -130px; 
  z-index: 5;
}

#kontakt td {
  vertical-align: top;
}

#kontakt td.kontakt-ikona {
  width: 36px;
  text-align: center;
}

#kontakt td.kontakt-text {
  width: 130px;
  height: 90px;
  border-left: solid black 1px;
  padding-left: 10px;
}

#left {
  position: absolute;
  top: 200px;
  left: 50%; 
  margin-left: -491px;  /*polovina sirky envelope*/
  width: 189px; 
  text-align: left;
  background-color: #D8DCDD;
}

.tab-left {
  width: 95%;
  margin: 4px;
}

.tab-left-vystelka {
  height: 10px;
  background-color: transparent;
}

#main {
  position: relative; 
  margin-top: -14px;
  left: 50%; 
  margin-left: -300px;  /*polovina sirky envelope + POZADOVANA VZDALENOST ZLEVA*/
  width: 602px; 
  text-align: center;
  padding: 0px;
}

#main a {
  color: black;
}

#main a:hover {
  color: #DA0F17;
}

#main table {
  border-size: 1px;
}

#main-top-bar {
  position: relative;
  left: 0px;
  top: 0px;
  width: 601px;
  height: 26px;
/*
  text-align: center;
  vertical-align: middle;
*/
/*background-color: #D8DCDD;*/
/*  color: white;*/
/*
  font-size: 10pt;
  font-weight: bold;
*/
}

#main-top-bar td {
  /*background-color: #D8DCDD;*/
  vertical-align: middle;
  text-align: center;
  padding: 0px;
  spacing: 0px;
  height: 20px; 
  font-size: 8pt;
}

#main-title {
  position: relative;
  margin-top: -8px;
  left: 3px;
  width: 571px;
  padding: 15px;
  font-size: 15pt ! important;
  color: #DA0F17 ! important;
  /*text-decoration: underline;*/
  /*background-color: E0E4E5;*/
  /*border-bottom: 1px solid gray;*/
}

#main-abc {
  position: relative;
  margin-top: 2px;
  margin-bottom: 2px;
  width: 601px;
}

#main-main {
  position: relative;
  margin-top: -2px;  /*lepsi nez top, protoze nenechava 10px dole...*/
  left: 0px;
}

#main-text {
/*pouzito pro texty zobrazovane z leveho menu portalu*/
  position: relative;
  left: 3px;
  width: 571px;
  margin-top: -5px;
  padding: 15px;
  background-color: #D8DCDD;
  text-align: left ! important;
  font-weight: normal;
}

#main-text a {
  color: #DA0F17;
}

#main-text h2 {
  /*pouzito napriklad v prehledu_modulu*/
  text-align: center ! important;
}

#main-text.fill-vertical {
  height: 500px;
}

.tab-tri-kat {
  position: relative;
  left: -2px;
  width: 610px;
}

.tab-one-of-more {
  width: 100%; 
  margin-bottom: 2px;
  border-collapse: collapse;
  background-color: #D8DCDD;
}

.tab-one-of-more a {
  font-size: 12pt;
}

.img-with-border {
  border: 8px solid #0D545A;
  margin-top: 3px;
}

#right {
  position: absolute; 
  top: 200px;
  left: 50%; 
  margin-left: 309px;  /*polovina sirky envelope + POZADOVANA VZDALENOST ZLEVA*/
  width: 183px; 
  background-color: #D8DCDD;
}

/*
.width-of-right {
  width: 190px; 
}
*/

.tab-right {
  width: 95%;
  margin: 4px;
}

#right a {
  color: white;
}

#right a:hover {
  color: darkblue;
}

#right input {
  font-size: 7pt;
}

#footer {
	position: relative;
	margin-top: -8px;
	width: 100%;
	border-top: 4px solid white;
  /*height: 30px;*/
  /*
  background-image: url(zav/grey_grad_small.jpg);
  background-repeat: repeat-x;
  */
  background-color: #D8DCDD;
  color: black;
  text-align: center;
  line-height: 20pt;
} 

#footer a {
  color: black;
}

#footer a:hover {
  color: #DA0F17;
}

#banner-bottom {
	position: relative;
	top: 20px;
	width: 100%;
	/*left: 50%;*/
	text-align: center;
}

#main-title {
  position: relative;
  font-size: 12pt;
  font-weight: bold;
}


/*-----------------------------
      CLASSES
------------------------------*/

/*
tab-hlav je tabulka s sedym prouzkem v zahlavi - pouzita pro menu
- mela by se asi spravne jmenovat tab-menu
*/
.tab-hlav {
  border-collapse: collapse;
  /*background-image: url(zav/bg_orange.jpg); 
  background-repeat: repeat-y; -zav-*/
  background-color: #D8DCDD;
/*  background-color:white;*/
} 

.tab-hlav th {
  /*width: 95%;*/
	height: 28px;
  /*background-image: url(zav/grey_grad_small.jpg); -zav-*/
  background-image: url(zav/prechod_cerveny_svisly.jpg);
  background-repeat: repeat-x;
  background-color: #DA0F17; /*vyplni pripadny spodni zbytek...*/
  color: #DFDFDF;
  text-align: center;
  font-size: 11pt;
  font-weight: normal; 
  margin: 6px;
}

.tab-hlav th a:hover {
  color: #DFDFDF;
}

.tab-hlav td {
  background-color: #D8DCDD;
  color: black;
  vertical-align: top;
}

.tab-hlav a {
  color: black ! important;
}

.tab-hlav a:hover {
  color: #DA0F17 ! important;
}

.tab-hlav a:active {
  font-weight: bold ! important; 
}

.tab-hlav li:hover, .tab-hlav li.hover {
  background-image: url(zav/bg_vertical_grey_grad.jpg);
  background-repeat: repeat-x;
}

/*hover pro IE*/ 
.tab-hlav li { 
  background-color: expression( 
    this.onmouseover = new Function("this.className += ' hover';"), 
    this.onmouseout = new Function("this.className = this.className.replace(' hover', '')") 
  ); 
} 

td.a-z-menu:hover, td.a-z-menu.hover {
  background-image: url(zav/bg_vertical_grey_grad.jpg);
  background-repeat: repeat-x;
}

/*hover pro IE*/ 
td.a-z-menu { 
  background-color: expression( 
    this.onmouseover = new Function("this.className += ' hover';"), 
    this.onmouseout = new Function("this.className = this.className.replace(' hover', '')") 
  ); 
} 




/*-----------------------------------------------------------*/

.tla {
	height: 25px;
  background-image: url(zav/grey_grad_small.jpg);
  background-repeat: repeat-x;
  font-size: 8pt;
  color: white;
}

.seda {
  background-color: #afafaf; 
}

.seda a:hover {
  color: darkblue;
}

.pismo-bile {
  color: white;
}

.pismo-sede {
  color: gray;
}

.pismo-oranz {
  color: #DFDFDF;
}

.top-ii-middle {
  position:relative;
  top: 4px;
}

.strong {
  font-weight: bold;
}

.transparent {
  background-color: transparent; 
}

.shop_name {
  font-size: 14pt;
}

.a-on-white { /*napr. Predchozi/Dalsi v record baru*/
  color: orange ! important; 
  cursor: hand; 
  font-weight: bold;
}

.zakl-barva-background {
  /*background-color:#E6E6FA;*/
  /*background-image: url(gradient.jpg);*/
  background-color:#afafaf;
  background-repeat: repeat-y;
}

.druha-barva-background {
  background-image: url(zav/bg_orange.jpg);
  background-repeat: repeat-y;
}

.svetlejsi-odstin {
  background-color:#DFDFDF ! important;
}

.warning {
  color:#DA0F17;
}

.bold {
  font-weight:bold;
}

.italic {
  font-style:italic;
}

.aL{
	text-align:left;
}

.aC{
	text-align:center;
}

.aR{
	text-align:right;
}

.vaM{
	vertical-align:middle;
}


.clear {
  clear:both;
}

.obj-color-square {
  border: 0;
  display: inline; 
  position:relative;
  top: 4px;
  font-size: 4pt;
}

.search-input {
  width: 123px;
}

/*
	A:visited      { FONT-WEIGHT: bold;
                 color:blue;
                 text-decoration:none; }
	A:link         { FONT-WEIGHT: bold;
                 color:blue;
                 text-decoration:none; } 
	A:active       { FONT-WEIGHT: bold;
                 color: black;
                 text-decoration:none; }*/   /* active links    */
/*	A:hover     {    FONT-WEIGHT: bold;  
                 color: darkblue;*/ /*yellow;*/	/*#FF9933  #FF9966*/
/*				 font: 13px Arial; }
*/