/*---------------------------------------------------------------------------------------------------------------------------------------------------------
          OBECNÉ DEFINICE
-----------------------------------------------------------------------------------------------------------------------------------------------------------*/
body {
    margin: 0px;
    text-align: left;
    font: 70%/1.4em Arial, Sans-Serif;
    color: #686868;
    background-position: center top;
    background-image: url(Images/bck_menu_vlevo.gif);
    background-repeat: repeat-y;
    background-color: #ffffff; 
}

h1, .h1, h2, .h2 {
    font-size: 130%;
    padding-left: 10px;
    color: #ff6600;
    text-transform: uppercase;
    background-image: url(Images/bck_h1.gif);
    background-repeat: no-repeat;
    background-position: left center;
    margin-bottom: 16px;
    border-bottom: #3f64c4 1px solid;
    margin-top:0px;   /* pro Mozillu - pokud je margin-top 8px a v divu je h1 na 1. řádku, neodsadí se h1 v divu, ale celý div */
    padding-top: 12px;    
}
h3, .h3 {
    font-size: 130%;
    color: #6c88d0;
    margin-top: 0px;
    padding-top:0px;
    padding-left:0px;
    margin-bottom: 2px;
    font-weight:bold;
    text-transform:none;
    background-image:none;
    border-bottom:none;
}
h4, .h4 {
    font-size: 110%;
    font-weight: bold;
    color: #3f64c4;
    margin-top: 0px;    
    margin-bottom: 0px;
}
h5, .h5 {
    font-size: 110%;
    font-weight: bold;
    color: #7d7d7d;
    display: inline;
    margin-top: 0px;    
    margin-bottom: 0px;
}
h6, .h6 {
    font-size: 100%;
    color: #ff6600;
    display: inline;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: normal;
}
sub {
    position:relative;
    top: -2px;
    font-size: 75%;
}
.error  {
	color:Red;
}
/*---------------------------------------------------------------------------------------------------------------------------------------------------------
          MAIN
-----------------------------------------------------------------------------------------------------------------------------------------------------------*/
#Main {
    margin-left: auto;
    margin-right: auto;
    width: 775px;
    padding-bottom: 150px;
    min-height: 400px;
}
#MenuVlevo {
    width: 180px;
    text-align: left;
    float: left;
}
#Obsah {
    width: 580px;
    margin-left: auto;
    text-align: left;
    margin-bottom: 75px;
}
.ReklamaHome {
    min-width: 775px;
    width: 100%;
    height: 89px;
    background-image: url(Images/pata.gif);
    background-position: center top;
    background-repeat:no-repeat;
    text-align: center;
    background-color:#ffffff;
    padding-top: 1px;
}
.Reklama {
    min-width: 775px;
    width: 100%;
    height: 35px;
    background-image: url(Images/pata_admin.gif);
    background-position: center top;
    background-repeat:no-repeat;
    text-align: center;
    background-color:#ffffff;
    padding-top: 1px;
}
#Copyright .LevyBackground {background-image: url(Images/bck_d1.gif);}
#Copyright .PravyBackground {background-image: url(Images/bck_d2.gif);}

/*---------------------------------------------------------------------------------------------------------------------------------------------------------
          HLAVIČKA
-----------------------------------------------------------------------------------------------------------------------------------------------------------*/
#HorniLinka {min-width: 775px; width: 100%; height: 13px; background-color: #cfd5e3}
#Logo {min-width: 775px; width: 100%; background-image: url(Images/bck_logo.gif); background-position: center top; border-top: #ffffff 1px solid; border-bottom: #ffffff 1px solid; text-align: center;}
.hlavickaKosik {width:300px; text-align:right; vertical-align:bottom; padding: 0px 0px 4px 0px; }

/*---------------------------------------------------------------------------------------------------------------------------------------------------------
          MENU NAHOŘE
-----------------------------------------------------------------------------------------------------------------------------------------------------------*/
#MenuNahore .LevyBackground {background-image: url(Images/bck1.gif);}
#MenuNahore .PravyBackground {background-image: url(Images/bck2.gif);}
#MenuNahore div, #MenuNahore div input{font-size: 12px;}
#MenuNahore div a {
    margin-right: 6px;
    margin-left: 6px;
    color: #5363a0;
    text-decoration: none;
    background:none;
}
#MenuNahore div a:hover{color: #000000;}

/*---------------------------------------------------------------------------------------------------------------------------------------------------------
          MENU VLEVO
-----------------------------------------------------------------------------------------------------------------------------------------------------------*/
#MenuVlevo a {
    font-size: 12px;
    display: block;
    padding-left: 18px;
    width: 162px;
    background-repeat: no-repeat;
    color: #5363a0;
    line-height: 16px;
    text-decoration: none;
}
#MenuVlevo a:hover {background-color: #ffffff;}
#MenuVlevo .skupina1 {
    background-color: #edeff5;
    padding-bottom: 2px;
    padding-top: 2px;
    border-bottom: #ffffff 1px solid;
}
#MenuVlevo .skupina2 {
    background-color: #e7eaf1;
    padding-bottom: 2px;
    padding-top: 2px;
    border-bottom: #ffffff 1px solid;
}
#menu1 a {background-image: url(Images/menu1.gif);}
#menu2 a {background-image: url(Images/menu2.gif);}
#menu3 a {background-image: url(Images/menu3.gif);}
#menu4 a {background-image: url(Images/menu4.gif);}
#menu5 a {background-image: url(Images/menu5.gif);}
#menu6 a {background-image: url(Images/menu6.gif);}
#menu7 a {background-image: url(Images/menu7.gif);}

/*---------------------------------------------------------------------------------------------------------------------------------------------------------
          OBSAH
-----------------------------------------------------------------------------------------------------------------------------------------------------------*/
#Obsah a, td a
{
    color: #3759b0;
    text-decoration: none;
    background-image: url(Images/link1.gif);
    background-position: left bottom;
    background-repeat: repeat-x;
}
#Obsah a:hover, td a:hover 
{
    color: #000000;
    text-decoration: none;
    background-image: url(Images/link2.gif);
    background-position: left bottom;
    background-repeat: repeat-x;
}
#Obsah img {border:none}
#Obsah p {margin:4px 0px 0px 0px}

/*---------------------------------------------------------------------------------------------------------------------------------------------------------
          PATKA 100% HEIGHT
------------------------------------------------------------------------------------------------------------------------------------------------------------
postup jak udělat patku stránky úplně dole, kód html musí být strukturován
<html>
<body>
<div id="NonFooter">vše kromě patky</div>
<div id="Footer">patka</div>
</body>
</html> */
html, body, form {
    height: 100%;
}
#NonFooter {
    position: relative;
    min-height: 100%;
}
* html #NonFooter {
    height: 100%;
}
.FooterHome {
    position: relative;
    margin-top: -185px;     /* výška patky */
} 
.Footer {
    position: relative;
    margin-top: -134px;     /* výška patky */
} 


/*---------------------------------------------------------------------------------------------------------------------------------------------------------
          SEZNAMY
-----------------------------------------------------------------------------------------------------------------------------------------------------------*/
ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
ul li {
    background-image: url(Images/list.gif);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 8px;
}

/*---------------------------------------------------------------------------------------------------------------------------------------------------------
          TABULKY
-----------------------------------------------------------------------------------------------------------------------------------------------------------*/
table {
    font-size: 1em;     /* IE 5.x */
}
table {
    font-size: expression( "100%" );     /* IE 6.x, Mozilla */
    cursor: default;
}    
.tabulka {
    border-collapse: collapse;
    border: #ccccff 1px solid;
}
.tabulka td {
    padding: 4px 4px 2px 4px;
    border: #ccccff 1px solid;
    text-align: center;
}
.tabulka th {
    padding: 4px 10px 2px 10px;
    border: #ffffff 1px solid;
    font-weight:normal;
}
.tabulka th.popis {
    background-color: transparent;
    color: #ff6600;
    text-transform: uppercase;
    border-left: solid 1px #ccccff;
    border-top: solid 1px #ccccff;
}
.tabulka th.sloupec {
    background-color: #6C88D0;
    text-align: center;
    color: #ffffff;
}
.tabulka th.radek {
    background-color: #E8EBF2;
    color: #5570B4;
    font-weight: normal;
}
.tabulka td.nowrap {
    white-space: nowrap;
}

.tabulka .hover {
    background-color: #ffffff;
}
.tabulka .hover:hover, .tabulka .hoverovana {
    background-color: #E8EBF2;
}
.tabulka .hover {
  background-color: expression(
    this.onmouseover = new Function("this.className += ' hoverovana';"),
    this.onmouseout = new Function("this.className = this.className.replace(' hoverovana', '')")
  );
}

/*---------------------------------------------------------------------------------------------------------------------------------------------------------
          FORMULÁŘE
-----------------------------------------------------------------------------------------------------------------------------------------------------------*/
input, select  {
    font-size: 1em; /* kvůli IE - dědí velikost z body , tzn. 0.7em */
    font-family: Arial, Sans-Serif; /* ? nedědí z body */
    vertical-align: middle; /* jako inline element se zarovná na střed s labelem - implicitně se zarovnává na baseline */
    color: #686868;
    margin-left: 0px;
    margin-right: 0px;
    border: solid 1px #ccccff;
    padding-right: 3px;
    padding-left: 3px;
}

.clearRight {
	display:block;
	 clear:right;
}


.button {
    background-color: #3F64C4;
    font-weight: bold;
    text-transform: uppercase;
    color: #E8EBF2;
    height: 20px;
    cursor:pointer;
}
.formular1, .formular2 {
    width: 90%;
    height: auto;
    background-color: #e8ebf2;
    position: relative;
    background-position: left bottom;
    background-image: url(Images/bck_form.gif);
    background-repeat: repeat-x; 
}
.formular3
{
    background-color: #e8ebf2;
    color: #5363A0;
    padding: 14px 14px 14px 14px;
    margin-bottom: 20px;
    border-right: solid 1px white;
    vertical-align: top;
}
.formular3 span {
    color:#686868;
}
.formular3nadpis
{
    background-color: #e8ebf2;
    font-weight: bold;
    color: #6c88d0;
    padding:2px 0px 0px 8px;
    margin-bottom:1px;
    text-transform: uppercase;
    background-position: left top;
    background-image: url(Images/bckCard.gif);
    background-repeat: no-repeat;
    width: 150px;
}
.formular1 *
{
    position: absolute;
    font-size: 11px;
}

.formular1 select * { position: static}
.formular1 table * { position: static} /* mCalendar */

 .formular2 { padding-left: 8px; padding-top: 8px;}
 .formular2 input { margin-top: 3px; margin-bottom: 3px;} 
 .formular2 .button { margin-bottom: -1px;}
 

.GridView 
{
	border: solid 1px white;
	margin-top: 2px;
	text-align: center;
}

.GridView th
{
	height: 18px;
	background-color: #6C88D0;
	border-color: White;
	border-style: solid;
	border-width: 1px;
	color: White;
	padding: 0px 6px 0px 6px;
	white-space: nowrap;
	font-weight:normal;
}

.GridView tr 
{
	border-color: #CCCCFF;
	border-style: solid;
	border-width: 1px;
}

.GridView .TextVlevo 
{
	text-align:left;
	padding: 3px 6px 3px 6px;
	width:auto;
}

.GridView .PagerStyle 
{
	padding: 4px 4px 4px 4px;
	text-align: center;
	background-color: White;
	border: solid 1px white;
}

/*---------------------------------------------------------------------------------------------------------------------------------------------------------
          CENÍK
-----------------------------------------------------------------------------------------------------------------------------------------------------------*/

.cartZahlavi 
{
	height: 18px;
	background-color: #6C88D0;
	border-color: White;
	border-style: solid;
	border-width: 1px;
	color: White;
	padding: 0px 6px 0px 6px;
	white-space: nowrap;
}

.listPartNumber 
{
	color: #ff6600;
	padding: 4px 6px 2px 6px;
	vertical-align:top;
	width: 45px
}

.tbQuantity
{
    width: 10px;
    margin: 0px;
    text-align:right;
    height: 14px;
    padding: 0px 4px 0px 4px;
    font: 1em Arial, Sans-Serif, sans-serif;
}

.Quantity
{
    padding: 3px 8px 3px 8px;
    text-align:center;
    vertical-align:top;
}

.listItemWidth30
{
	text-align:center;
	padding: 4px 8px 2px 8px;
	vertical-align:top;
	width:30px;
}

.listItemPrice 
{
	text-align:right;
	padding: 4px 8px 2px 8px;
	vertical-align:top;
	width:55px;
}

.listItem
 {
    padding: 4px 8px 2px 8px;
    white-space:nowrap;
    vertical-align:top;
    width:45px
 }

.priceBezSirky 
{
	text-align:center;
	padding: 4px 8px 2px 8px;
	vertical-align:top;
}

.price 
{
	text-align:right;
	padding: 4px 8px 2px 8px;
	vertical-align:top;
	width:55px;
}
/*---------------------------------------------------------------------------------------------------------------------------------------------------------
          STORE
-----------------------------------------------------------------------------------------------------------------------------------------------------------*/
.StoreDivNumber
{
    background-color: #edeff5;
    padding: 4px 8px 4px 24px;
    margin-top: 24px;
    background-image: url(images/sipka_oranzova.gif);
    background-repeat: no-repeat;
    background-position: 4px center;
}
.StoreButton
{
    background-color: #3F64C4;
    text-transform: uppercase;
    color: #E8EBF2;
    height: 18px;
    cursor:pointer;
    border: solid 1px #CCCCFF;
    width: 90px;
}
.LinkCart
{
    background-image: url(Images/sipka_oranzova_neg.gif);
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 16px;
    text-decoration:none;
}
.LinkCartHref
{
    color: #ffffff;
    text-decoration: none;
    background-image: url(Images/link1_bila.gif);
    background-position: left bottom;
    background-repeat: repeat-x;
}
.LinkCartHref:hover
{
    color: #FFB27F;
    text-decoration: none;
    background-image: url(Images/link1_bila_hover.gif);
    background-position: left bottom;
    background-repeat: repeat-x;
}
/* --------- Tabulka košík --------- */
.ThKosik
{
    padding: 1px 8px 1px 8px;
    background-color:#6C88D0;
    text-align:right;
    white-space:nowrap;
    font-weight:normal;
    color:White;
    border-left: solid 1px #E3E3E3;
}
.ThKosikDescription
{
    padding: 1px 8px 1px 8px;
    background-color:#6C88D0;
    text-align:left;
    width:100%;
    font-weight:normal;
    color:White;
    border-left: solid 1px #E3E3E3;
}
.ThKosikPartNr
{
    padding: 1px 8px 1px 8px;
    background-color:#6C88D0;
    text-align:left;
    white-space:nowrap;
    font-weight:normal;
    color:White;    
}
.TdKosik
{
    padding: 2px 8px 1px 8px;
    border-bottom: solid 1px #E3E3E3;
    border-left: solid 1px #E3E3E3;
    text-align:right;
    white-space:nowrap;
    vertical-align:top;
}
.TdKosikDescription
{
    padding: 2px 8px 1px 8px;
    border-bottom: solid 1px #E3E3E3;
    border-left: solid 1px #E3E3E3;
    text-align:left;
    width:100%;
    vertical-align:top;
}
.TdKosikPartNr
{
    padding: 2px 8px 1px 8px;
    border-bottom: solid 1px #E3E3E3;
    text-align:left;
    white-space:nowrap;
    color:#ff6600;
    vertical-align:top;
}
.TdKosikTotal 
{
	font-size: 130%;
}
/* --------- Linka vpřed, nahoru vzad (šipky vlevo, vpravo a nahoru) --------- */
.LinkVzad
{
    background-image: url(Images/sipka_vzad.gif);
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 16px;
}
.LinkVpred
{
    background-image: url(Images/sipka_vpred.gif);
    background-position: right top;
    background-repeat: no-repeat;
    padding-right: 16px;
}
.LinkNahoru
{
    background-image: url(Images/sipka_nahoru.gif);
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 18px;
}
.LinkDelete
{
    background-image: url(Images/krizek_delete.gif);
    background-position: right top;
    background-repeat: no-repeat;
    padding-right: 16px;
}
.LinkSave
{
    background-image: url(Images/save.gif);
    background-position: right top;
    background-repeat: no-repeat;
    padding-right: 16px;
}
.LinkOrder
{
    background-image: url(Images/BckLinkOrder.gif);
    background-position: right top;
    background-repeat: no-repeat;
    padding-right: 16px;
}
.LinkEmail
{
    background-image: url(Images/BckLinkEmail.gif);
    background-position: right top;
    background-repeat: no-repeat;
    padding-right: 16px;
}
.ImgDetail
{
    width:130px;
    height:130px;
}
.ImgDetail
{
    height:130px;
    width:auto;
}
.BckImgDetailZbytek
{
    background-image: url(Images/BckImgDetail.gif);
    background-position: left top;
    background-repeat: repeat-x;
    width:100%;
}
.BckImgDetail
{
    padding: 0px;
    background-image: url(Images/bckCostech.gif);
    background-position: left top;
    background-repeat: repeat;
    border-top:solid 1px #CFD5E3;
    border-bottom:solid 1px #CFD5E3;
    border-right:solid 1px #CFD5E3;
}
.tdNadpisVlevoLinka
{
    text-align:right;
    vertical-align:top;
    white-space:nowrap;
    padding-right:8px;
    border-right: solid 1px #E5E5E5;
    color:#3F64C4;
    font-weight:bold;
    width:123px;
}
/*---------------------------------------------------------------------------------------------------------------------------------------------------------
          ADMIN
-----------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* --------- záložky --------- */
.BtnZalozkaOn
{
    background-color: #ff6600;
    height: 16px;
    padding-right: 5px;
    border: none;
    text-transform: uppercase;
    color: White;
    background-position: left top;
    background-image: url(Images/BckZalozkaOn.gif);
    background-repeat: no-repeat;
    text-align:right;
    cursor:pointer;
    margin:0px 1px 0px 0px;
}
.BtnZalozkaOff
{
    background-color: #6C88D0;
    height: 16px;
    padding-right: 5px;
    border: none;
    text-transform: uppercase;
    color: White;
    background-position: left top;
    background-image: url(Images/BckZalozkaOff.gif);
    background-repeat: no-repeat;
    text-align:right;
    cursor:pointer;
    margin:0px 1px 0px 0px;
}
.BtnZalozkaKonec
{
    background-color: #6C88D0;
    text-transform: uppercase;
    color: White;
    background-position: right top;
    background-image: url(Images/BckZalozkaKonec.gif);
    background-repeat: no-repeat;
    text-align:left;
    width:100%;
}