body{margin:0;padding:0;
	background:#fff;color:#505050;
	font-family:Arial, sans-serif; font-size:12px;
	text-align:center;}
h1,h2,h3,h4{margin:0;padding:0;font-family:Times, "Times New Roman", serif;}
h2{margin-bottom:5px;padding:0 10px;line-height:30px;
	font-size: 18px; font-weight:normal;
	background:#99CF13 url(../images/layout/bg-header.gif) right center no-repeat;color:#fff;}
h3{margin-bottom:5px;margin-bottom:2px;
	font-family:Arial, sans-serif;font-size:12px;font-weight:normal;color:#7084A9;}
h3 span{color:#BA4C67;}
h4 {margin-bottom:5px;font-size:14px;}
p{margin:0;margin-bottom:1.1em;text-align:justify;}
a{color:#7084A9;}
a:hover{color:#000;}
img{border:none;}
label{font-size:11px;}
input, select,textarea{border:1px solid #6a6a6a;width:280px;}
form td{vertical-align:top;}
ul li{font-size:11px;margin:.7em 0;}
ul.bulletblue li{list-style: square url(../images/layout/bullet-blue.gif);}
ul.bulletgreen li{list-style: square url(../images/layout/bullet-green.gif);}
pre{font-family:sans-serif;font-size:10px;background-color:#e0e0e0;border:1px solid #B1B1B1;padding:3px;}

#page {width:770px;padding:0 19px 0 17px;margin:0 auto;
	background:url(../images/layout/bg-page.gif) repeat-y;
	text-align:left;}

#header {height:57px;border-bottom:3px solid #e7e7e7;background:url(../images/layout/bg-header.jpg) right 1px no-repeat;}

/* LOGO */
#logo{position:relative;width:267px;height:57px;margin:0;overflow:hidden;background:url(../images/logo.gif);}
#logo a, #logo span{display:block;width:267px;height:57px;overflow:hidden;}
#logo span {position:absolute;left:0;top:0;cursor:pointer;background:url(../images/logo.gif);}

/* MENU */
#mainMenu{height:38px;margin:0;padding:0;padding-bottom:7px;list-style:none;background:url(../images/layout/bg-main-menu.gif) left bottom no-repeat;}
#mainMenu li{float:left;height:38px;margin:0;padding:0;}
#mainMenu li a, #mainMenu li a span{position:relative;display:block;height:38px;width:128px;overflow:hidden;cursor:pointer;}
#mainMenu li a span{position:absolute;left:0;top:0;}
#mainMenu li a#index, #mainMenu li a#index span{background:url(../images/layout/menu-index.gif);}
#mainMenu li a:hover#index span {background-position:0 -38px;}
#mainMenu li a#index.active span {background-position:0 -76px;}
#mainMenu li a#produkty, #mainMenu li a#produkty span{background:url(../images/layout/menu-produkty.gif);}
#mainMenu li a:hover#produkty span {background-position:0 -38px;}
#mainMenu li a#produkty.active span {background-position:0 -76px;}
#mainMenu li a#velkoobchod, #mainMenu li a#velkoobchod span{background:url(../images/layout/menu-velkoobchod.gif);}
#mainMenu li a:hover#velkoobchod span {background-position:0 -38px;}
#mainMenu li a#velkoobchod.active span {background-position:0 -76px;}
#mainMenu li a#spoluprace, #mainMenu li a#spoluprace span{background:url(../images/layout/menu-spoluprace.gif);}
#mainMenu li a:hover#spoluprace span {background-position:0 -38px;}
#mainMenu li a#spoluprace.active span {background-position:0 -76px;}
#mainMenu li a#webmasters, #mainMenu li a#webmasters span{background:url(../images/layout/menu-webmasters.gif);}
#mainMenu li a:hover#webmasters span {background-position:0 -38px;}
#mainMenu li a#webmasters.active span {background-position:0 -76px;}
#mainMenu li a#kontakt, #mainMenu li a#kontakt span{background:url(../images/layout/menu-kontakt.gif);}
#mainMenu li a:hover#kontakt span {background-position:0 -38px;}
#mainMenu li a#kontakt.active span {background-position:0 -76px;}

/* TOP BOX */
#topBox{height:252px;width:770px;margin-bottom:5px;background:url(../images/layout/bg-top-box.jpg) no-repeat;overflow:hidden;}
#topBox a{text-decoration:none;}


#rose{height:252px;padding:0 110px 0 10px;
	background:url(../images/layout/rose.jpg) right bottom no-repeat;}

/* CONTENT BOX */
#contentBox{position:relative;width:770px;background:url(../images/layout/gray-dot.gif) 389px 0 repeat-y;}
#contentBox .col01{position:relative;width:388px;}
#contentBox .col01 .indiv{padding:0 10px 0 3px;}
#contentBox .col02{position:relative;width:380px;}

#c02r01 .indiv{padding:0 0 0 10px; padding-right:135px;min-height:255px;}
* html #c02r01 .indiv{height:255px;}
/* boxik "podrobnosti o produktech" */
#c02r02{position:relative;min-height:311px;}
* html #c02r02{height:311px;}
#c02r02 p{margin-bottom:.8em;}
#c02r02 .indiv{padding-left:170px;}

#c01r02 {/*padding-bottom:240px;*/background:url(../images/layout/girl02.jpg) left bottom no-repeat;}

#girl01{position:absolute;right:0;bottom:0;width:135px;height:255px;background:url(../images/layout/girl01.jpg) no-repeat;}
#cowgirl{position:absolute;left:0;top:0;width:150px;height:311px;background:url(../images/layout/cowgirl.jpg) no-repeat;}
#hands{height:235px;background:url(../images/layout/hands.jpg) no-repeat;}
#team{height:235px;background:url(../images/layout/team.jpg) no-repeat;}
#bag{height:235px;background:url(../images/layout/bag.jpg) no-repeat;}
#contact{height:235px;background:url(../images/layout/kontakt.jpg) no-repeat;}

/* PRODUCT */
.product{
  position:relative;
  padding:0 3px;
	background:url(../images/layout/dotted-line.gif) 3px bottom no-repeat;
	height:111px;
  overflow:hidden;clear:left;}
.product h1{margin:0;padding-top:3px;font-family: Arial, sans-serif; font-size:16px; font-weight:bold;}
.product h2{margin:0;font-family: Arial, sans-serif; font-size:12px; font-weight:bold;background:transparent;line-height:1.3em;}
.product p{margin-bottom:.7em;line-height:1.4em;}
.product img{float:left;padding-left:8px;}
p.productsPerex{padding:.5em;margin:0 5px 0 0;color:#6A6A6A;background-color:#F0EB7A;}

/* FOOTER + IKONKY */
#footer{width:806px;margin:0 auto;background:#99CF13;color:#fff;}
#footer a{color:#fff;}
#footer a:hover{text-decoration:none;}
#banners{padding:10px 0 5px 0;}
#links{margin:.5em 0;}
.greenLine{padding-top:5px;background:url(../images/layout/green-line.gif) repeat-x;}
.greenBorderTop{border-top:1px solid #99CF13;padding-top:4px;}

/* HEADERS */
/* h-pro-vas-spokojenejsi-zivot-bez-komplexu.gif */
#header01{position:relative;left:107px;width:345px;height:65px;margin:0;margin-left:-110px;overflow:hidden;background:#fff;}
#header01 span{position:absolute;display:block;width:355px;height:65px;left:0;top:0;background:url(../images/layout/h-pro-vas-spokojenejsi-zivot-bez-komplexu.gif) no-repeat;}
/* h-produkty.gif */
#header02{position:relative;left:-3px;width:100px;height:35px;margin:0;overflow:hidden;background:#fff;}
#header02 span{position:absolute;display:block;width:100px;height:35px;left:0;top:0;background:url(../images/layout/h-produkty.gif) no-repeat;}
/* h-velkoobchod.gif */
#header03{position:relative;left:-3px;width:140px;height:35px;margin:0;overflow:hidden;background:#fff;}
#header03 span{position:absolute;display:block;width:140px;height:35px;left:0;top:0;background:url(../images/layout/h-velkoobchod.gif) no-repeat;}
/* h-spoluprace.gif */
#header04{position:relative;left:-3px;width:120px;height:35px;margin:0;overflow:hidden;background:#fff;}
#header04 span{position:absolute;display:block;width:120px;height:35px;left:0;top:0;background:url(../images/layout/h-spoluprace.gif) no-repeat;}
/* h-webmasters.gif */
#header05{position:relative;left:-3px;width:135px;height:35px;margin:0;overflow:hidden;background:#fff;}
#header05 span{position:absolute;display:block;width:135px;height:35px;left:0;top:0;background:url(../images/layout/h-webmasters.gif) no-repeat;}
/* h-kontakt.gif */
#header06{position:relative;left:-3px;width:90px;height:35px;margin:0;overflow:hidden;background:#fff;}
#header06 span{position:absolute;display:block;width:90px;height:35px;left:0;top:0;background:url(../images/layout/h-kontakt.gif) no-repeat;}
/* h-vymena.gif */
#header07{position:relative;left:-3px;width:253px;height:35px;margin:0;overflow:hidden;background:#fff;}
#header07 span{position:absolute;display:block;width:253px;height:35px;left:0;top:0;background:url(../images/layout/h-vymena.gif) no-repeat;}

/* CLASSSES */
.cls{clear:both;}
.clsl{clear:left;}
.clsr{clear:right;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.il{margin:0 .5em .5em 0;}
.ir{margin:0 0 .5em .5em;}
.tal{text-align:left;}
.tar{text-align:right;}
.tac{text-align:center;}
.tops{font-size:18px;}
.dottedLine{padding-bottom:7px;background:url(../images/layout/dotted-line.gif) 3px bottom no-repeat;}

/* COLORS, BACKGROUNDS */
.purple{color:#7084A9;}
.bg-purple{background-color:#7084A9;}
.magenta{color:#BA4C67;}
.bg-magenta{background-color:#BA4C67;}
.lgreen{color:#99CF13;}
.bg-lgreen{background-color:#99CF13;}
.khaki{color:#828B59;}
.bg-khaki{background-color:#828B59;}
.lblue{color:#778CC8;}
.bg-lblue{background-color:#778CC8;}
.red{color:#ff0000;}
.bg-red{background-color:#ff0000;}
.lred{color:#FF4C4C;}
.bg-lred{background-color:#FF4C4C;}
.lorange{color:#FFB559;}
.bg-lorange{background-color:#FFB559;}
.pink{color:#ED588D;}
.bg-pink{background-color:#ED588D;}
.yellow{color:#F0EB7A;}
.bg-yellow{background-color:#F0EB7A;}