body {
	margin:0px; padding:0px;
	font:normal 75% Verdana, "Geneva CE", lucida, sans-serif; color:black; text-align:center;
	background: #CCDEEE;
}
#page {
	position:relative; width:750px; margin:0px auto; padding:0px; text-align:left;
	background-color:white;
}
#border-top {
	position:absolute; margin:0px; padding:0px;
	left:0px; top:0px; width:100%; height:120px;
}
#header {
    position:absolute; margin:0px; padding:0px; left:0px; top:20px; width:100%; height: 100px; background-color:#00529b;
}
#header h1 a {
	display:block; color:white; padding: 30px 0px 0px 50px;
}
#header #logo {
	margin:0; padding:0; overflow:hidden; width:240px; height:100px
}
#header #logo span {
	display:block; margin:0; padding:0; z-index:1; position: absolute; left:0; top:0;
	/*background:url("http://www.britavoda.com/images/logo_brita.gif") no-repeat 100% 50%; width:240px; height:100px;*/
	background:url("images/logo_brita.gif") no-repeat 100% 50%; width:240px; height:100px;
}
#header .desc {
	margin:0; padding:0; position:absolute; top:75px; right:20px; text-align:right; color:white;
	font:normal 120% "Trebuchet MS", "Geneva CE", lucida, sans-serif;
}
#menubar {
	position: absolute; width:100%; height:30px; left:0px; top:120px; background: #5c98cd;
}
#sticker {
	position:absolute; left:120px; top:0px; z-index:1; border:0px;
    background:url(http://www.britavoda.com/images/tv.png) left top no-repeat;
	/*background:url(http://www.britavoda.com/images/snowflake.png) left top no-repeat;*/
	width:104px; height:68px;
}
#languages {
	position:absolute; right:20px; top:30px; background-color:#b6c1db; display: none;
}
#autorizedseller {
	position:absolute; right:0px; top:0px; width: 117px; height: 122px;
}
#autorizedseller img{
	border: none; margin:0px; padding:0px;
}
#middle {
	position: absolute; width:100%; left:0px; top:150px; margin:0px; padding:0px; background-color: white;
}
#middle-in {
    padding: 2em 175px 1em 30px; margin: 0px;
}
#right {
    position: absolute; right:0px; top:170px; width:150px; margin: 0px; padding: 0px;
	color: black; background-color: white; border-left: 1px dotted #CCDEEE;
}
#footer {
    margin: 0px; padding: 0.5em; background-color: #CCDEEE; font-size: 90%; color: black; text-align: center;
}

/* RIGHT COLUMN  - start*/
.rightbox  {
    margin:0em 0em 0em 0em; padding:1em 1em 2em 1em; background-color: white; border-bottom: 1px dotted #CCDEEE;
}
.rightbox p {
    margin:0; padding:0; font-size:95%;
}
.rightbox p.rightboxlabel {
    margin:0; padding:0 0 0.3em 0; text-align:center; font-weight:bold; font-size:100%; color:#00529b;
}
/* RIGHT COLUMN  - end*/

/* ODKAZY - start */
a {
	color: #00529b;
}
a:visited, a:link {
	color: #00529b;
}
a:hover {
	color: #3384cd;
}
/* ODKAZY - end */

/* TABULKY - start */
td {
      margin: 0;
      padding: 0.5em 0.5em 0.5em 0.5em;
      font-family: verdana, serif;
      _font-size:75%;	/* pouze pro IE */
      color: black;
      background : white;
      text-align: left;
      border-bottom: 1px dotted #005399;
     }
td.zbozi {
	font-weight:bold;
     }
td.cenacelkem {
	font-weight:bold;
     }
td.postovne {
      border-bottom: 1px solid #005399;
       text-align : left;
    }
td.totalline {
      border-bottom: 1px solid #005399;
       text-align : left;
    }

th   {
      margin: 0;
      padding: 0.5em 0.5em 0.5em 0.5em;
      font-family: verdana, serif;
      _font-size:75%;	/* pouze pro IE */
      color: black;
      text-align: left;
      border-top: 1px solid #005399;
      border-bottom: 1px solid #005399;
      background : #b6c1db;
     }
th.ks   {
	width:5%;
     }
th.zbozi   {
	width:35%;
     }
th.jednotkovacena   {
	width:8%;
     }
th.celkovacena   {
	width:10%;
     }
th.zrus   {
	width:5%;
     }
/* TABULKY - end */

/* E-SHOP - start */
td.eshoppolozka {
	border: 1px solid #b6c1db;
	padding : 0;
	width:50%; /* _width:;		kvůli IE vs. Mozilla */
}
td.eshopnazev {
	border:0px;
	font-weight: bold;
	color :  #005;
	font-size: 120%; _font-size: 85%;	/*kvůli IE vs. Mozilla */
	padding : 0.4em;
	background-color: #b6c1db;
}
td.eshopnahled {
	border: 0px solid black;
	padding : 0;
	margin : 0;
}
img.eshopnahled {
	border : none;
	margin : 0.7em;
}
img.eshopvelkynahled {	/* nastavení hodnot pro velký obrázek při zobrazení detailu ke zboží */
	border : none;
	margin : 0.7em;
	margin-left : 0em;
}
td.eshopinfo {
	vertical-align : top;
	border : 0px solid black;
	padding : 0.5em;
	margin : 0;
	line-height: 1.5em;
	width: 700px; _width:150px;	/*kvůli IE vs. Mozilla */
}
td.eshopinfodetail {
	vertical-align : top;
	border : 0px solid black;
	padding : 0.5em;
	margin : 0;
	line-height: 1.5em;
	width: 700px; _width:250px;	/*kvůli IE vs. Mozilla ... Mozilla odladit*/
}
.eshoppopisek {
	border: 0px solid black;
	font-weight: bold;
	padding:0em;
	margin:0;
}
.eshopudaj {
	border:0px;
	font-weight: normal;
}
td.eshopcena {
	border : none;
	padding : 0.5em;
	background: aliceblue;
	text-align: center;
	font-weight: bold;
}
td.vymezovaci {
	border:0px;
	width: 30px;
}
/* E-SHOP - end */

/* SLOVNÍK - start */

    .pojem {
      font-weight : bold;
      background : #b6c1db;
      padding : 0.2em;
    }	
    .popispojmu {
      font-style : normal;
    }	
    .citace {
      font-style : italic;
      text-align : right;
    }	

/* SLOVNÍK - end */

/* FAQ - start */
    .otazka {
      font-weight : bold;
      background : #b6c1db;
      padding : 0.2em;
    }	
    .odpoved {
      font-weight : normal;
    }	
    .nahoru {			/* formátování textu "nahoru" ve FAQ - pro návrat do menu */
      font-weight : normal;
      text-align: right;
    }	
    dt {
      margin-top : 0.5em;
      font-weight : bold;	
    }	
/* FAQ - end */

    p, dd {
      line-height : 160%;
    }
    img {
      margin-right: 1em;
      border : 1px solid #b6c1db;	
    }
    .tip {			/* používám k umístění tipů na spodku stránek */
      padding : 0.5em;	
      border-top : 1px solid #005399; border-bottom : 1px solid #005399;
      background-color : aliceblue;
      color: #005399;
      text-align: left;
    }
    .extratip {			/* zvýrazněný tip - červeně */
      border-top : 1px solid red; border-bottom : 1px solid red;
      background-color : #FFBFBF;
      color: black;
	  text-align: left;
      padding : 0.5em;	
    }

 
    .datum {				/* datum u zprávy v novinkách */
       font-weight : bold;
       color : #005399;
       text-align : left;
    }
/* přerušovaně podtržený text, který obsahuje komentář */	
.poznamka {
font-weight:normal; border-bottom:1px dashed #005; cursor:help;
}

/* vizitka kamenných obchodů */	
.vizitka {border: 1px solid #b6c1db; padding: 0.5em;}

hr.oddelovaci {
height: 1px; color: #005399;
}
	
/* FORMULÁŘE - start */
	td.popisek {		/* oblast pro popisek adresního pole */
	border : 0px;
	padding:0em;
	}
	td.udaj  {		/* oblast pro udaj adresního pole */
	border : 0px;
	padding:0em;
	}
	.pocetks {			/* formátuje pole, do kterých se zadává počet kusů */
       text-align: right;
       border : 1px solid #b6c1db;
	}
	.normalfield {       		/* formátuje pole, do kterých zákazník zadá svoje údaje */
       border : 1px solid #b6c1db;
	}
	.requiredfield   {
       border : 1px solid red;
	}
/* FORMULÁŘE - end */

/* NADPISY - start */
h1,h2,h3,h4 {
    margin: 0; color: black; text-align: left;
}
h1 {
    font-size: 150%;
	color: white;
}		
h2 {
    font:bold 250% "Trebuchet MS", "Geneva CE", lucida, sans-serif;	color:#00529b; padding-bottom: 0.5em;
}		
h3 {			/* h3 jsou jako úvody k článku */
      margin-top: 0em;
      margin-bottom: 1em;
      font-size : 110%;
      font-weight :bold;
      /*color: #005;*/
      line-height : 140%;	
    }
p.quick-nav {
	margin: 0 0 2em 0; font-size : 100%; font-weight :bold; color: gray; line-height: 140%;	
}
/* NADPISY - end */

/* MENU definition - start*/
#navcontainer ul
{
text-align: left; padding: 7px 0px 7px 0px; margin: 0px; width: 100%;
/*background: url("images/menubk.jpg") repeat-x top left;*/
}

#navcontainer ul li
{
display: inline;
padding-left: 0;
padding-right: 0;
padding-bottom: 7px;
padding-top: 7px;
}

#navcontainer ul li a
{
padding-left: 10px;
padding-right: 10px;
padding-bottom: 7px;
padding-top: 7px;
color: white;
color: #005;
text-decoration: none;
border-right: 1px solid #fff;
}

#navcontainer ul li a:hover {
	background-color: #f7bf6f;
}
#navcontainer #active {
	border-left: 1px solid #fff;
}
/* MENU definition - end */

hr {
	display:block;
}