/* Zero space
*******************************************************************************/
html { margin:0; padding: 0; }
body { width: 100%; margin: 0; padding: 0 0; }
p, ul, li, form { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }

/* Generic
*******************************************************************************/
body { background: #e6e6e6 url(img/bg.gif) repeat-y 50%; color: #000000; text-align: center; font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif; }
a:hover {  }
a {  }
ul { padding: 0 1em; }
img { border: 0; }
acronym:hover { cursor: help; }

table { border-collapse: collapse; color: #ffffff; }
th, td { padding: .2em 1em; border: 1px solid #4F7389; }
th { padding-right: 2em; text-align: right; color: #FDCC00; background: #4F7389; }
table.tvar { width: 400px; font-size: 11px; }
.nowrap { white-space: nowrap; }

/* Common
*******************************************************************************/
hr.cleaner { clear:both; height:1px; margin: -1px 0 0 0; padding:0; border:none; visibility: hidden; }
.hidden { display: none; }
.error { margin: 2em 2%; }
.fleft { float: left; }
.fright { float: right; }
.tright { text-align: right; }
.l_indent { margin-left: 2%; }
.r_indent { margin-right: 2%; }


/* Container
*******************************************************************************/
div#container { position:relative; width: 1000px; margin: 10px auto 10px auto; text-align: left;  background: #ffffff; }

/* Header (component)
*******************************************************************************/
div#header { height: 85px;}
h3#logo { position: absolute; left: 20px; top: 10px; height: 80px; width: 200px; }
h3#logo span { display: none; }
div#slogan1 { position: absolute; left: 250px; top: 30px; color: #b7b7b7; font-size: 35px; font-weight: bold; font-style: italic; }
div#slogan2 { position: absolute; left: 250px; top: 60px; color: #5997BE; font-size: 18px; font-style: italic; display: none; }

/* Top menu (component)
*******************************************************************************/
div#top-menu { height: 29px; background: url(img/topmenu-bg.gif) repeat-x bottom; }

div#top-menu ul { height: 100%; padding: 0;  }
div#top-menu li { width: 100px; float: right; list-style: none; background: url(img/topmenu-li.gif) no-repeat bottom left; }
div#top-menu li.first { background: url(img/topmenu-li.gif) no-repeat bottom right; }
div#top-menu li a { display: block; text-align: center; line-height: 29px; padding: 0; margin-left: 5px; font-weight: bold; text-decoration: none; color: #fff; font-variant: small-caps; }
div#top-menu li a:hover { text-decoration: underline; }


/* Search (component)
*******************************************************************************/



/* Main content of page
*******************************************************************************/
#main { margin: 0 0 0 296px; padding: 0 0 0 0; line-height: 1.4; border: 2px solid #ffffff; }
#main	h1 { margin-bottom: 0.5em; padding: 0; font-size: 18px; }
#main h2, #main h3 {  padding: 0.5em 0; }
#main h2 { color: #5997BE; font-size: 18px;  }
#main h3 { color: #5997BE; font-size: 13px; }
#main h4 { color: #5997BE; font-size: 12px; }
#main h4.top { color: #000000; height: 34px; line-height: 34px; padding-left: 1em; font-size: 18px; font-weight: normal; font-variant: small-caps; background: #09a6cf url(img/head-top.jpg) no-repeat;}
#main h4.left { color: #000000; height: 34px; line-height: 34px; padding-left: 1em; font-size: 18px; font-weight: normal; font-variant: small-caps; background: #fdc144 url(img/head-left.jpg) no-repeat right;}
#main h4.right { color: #000000; height: 34px; line-height: 34px; padding-left: 1em; font-size: 18px; font-weight: normal; font-variant: small-caps; background: #71b03a url(img/head-right.jpg) no-repeat right;}

#main p { margin: 0; }



div.good { float: left; position: relative; height: 180px; margin: 0 1em 1em 0; border-right: 1px solid #00a4cb; width: 158px;}
div.last { border: 0; }
div.good h5 { margin: 1px; text-align: center; font-size: 0.9em;  padding: .5em 10px; overflow: hidden; }
div.good h5 a { color: #008dc7; text-decoration: none; }
div.good div.image { position: relative; margin: auto; padding: 0; text-align: center; }
div.good div.image img { margin-top: 0.3em; }
div.good p.price { text-align: center; position: absolute; top: 150px; width: 158px; 
	color: #008dc7; padding: 0.2em 0; font-weight: bold; font-size: 1.2em;  }

#main div.tips { clear: both; font-size: 0.9em; margin-bottom: 0.5em; padding-bottom: 0.2em; border-bottom: 1px solid #fdb936;}
#main div.last { border-bottom: 0px solid #fdb936; margin-bottom: 0em; }
#main div.tips h5 { color: #9e0b0e; font-size: 13px; margin-left: 120px; }
#main div.tips h5 a { color: #9e0b0e; text-decoration: none; }
#main div.tips img { float: left; }
#main div.tips p.text { margin-left: 120px; }
#main div.tips p.next { margin-left: 120px; text-align: right; }
#main div.tips p.next a { padding-right: 20px; font-weight: bold; text-decoration: none; color: #9e0b0e; font-size: 1.3em; font-variant: small-caps; background: url(img/arrow.gif) no-repeat right 50%; }

#main div.point { padding: 0 0 0 50px; font-size: 0.9em; margin-bottom: 0.5em; }
#main div.point h5 { color: #77b441; font-size: 13px; }
#main div.n1 { background: url(img/1.gif) no-repeat left 10%; }
#main div.n2 { background: url(img/2.gif) no-repeat left 10%; }
#main div.n3 { background: url(img/3.gif) no-repeat left 10%; }
#main div.n4 { background: url(img/4.gif) no-repeat left 10%; }
#main div.n5 { background: url(img/5.gif) no-repeat left 10%; }
#main div.n6 { background: url(img/6.gif) no-repeat left 10%; }

#main .box-top-in { margin: 1px 0 5px 0; border: 1px solid #00a4cb; padding: 0.5em; height: 180px; }
#main .box-left { float: left; width: 346px; }
#main .box-left-in { position: relative;  margin-top: 1px; border: 1px solid #fdb936; padding: 0.5em; }
#main .box-right { float: right; width: 346px; }
#main .box-right-in { margin-top: 1px; border: 1px solid #7bb847; padding: 0.5em; }

#main hr.separator { height: 2px; background: #E7E7E9; clear: both; border: 1px solid #E7E7E9; }


/*--- Left ---------------------------*/
div#left { display: block; float: left; width: 296px; border: 0px solid blue; }
div#left img { border: 2px solid #ffffff; }
div#left ul { list-style: none; width: 140px; }
div#left ul li {  line-height: 21px; margin: 10px 0;   }
div#left ul li a { display: block; height: 23px; font-weight: bold; color: #1d1d1d; text-decoration: none; background: #e7e7e9 url(img/menu-bg.gif) no-repeat; padding-left: 25px; }
div#left ul li a.active,
div#left ul li a:hover { background: #e7e7e9 url(img/menu-bg-active.gif) no-repeat; }



div#right div.box { width: 183px; background: #2F556C; margin-top: 20px; padding: 0 10px 10px 10px; font-size: 0.9em; }
div#right h3 { width: 100%; font-size: 14px; height: 24px; line-height: 24px; padding: 0 0 0 14px; background: url(img/h2-bg.gif) no-repeat 0 50%;}
div#right .bazenyshop { text-align: left;  padding: 10px 90px 0 0;  background: url(img/logo-bazenyshop.gif) no-repeat right; }
div#right div.box a.head { font-weight: bold; }
div#right div.box div.img { width: 80px; float: left; }
div#right div.box p.price { font-weight: bold; }
div#right div.box hr { clear: left; color: #4F7389; border: 3px solid #4F7389; }
/* Footer (component)
*******************************************************************************/
div#footer { clear: both; padding: 0 1em; margin: 1em 0; text-align: right; font-size: 0.9em; background: url(img/footer-bg.gif) repeat-x; color: #ffffff; height: 30px; line-height: 20px; }
div#footer p#content {  }