/* CSS Document */

html, body {
  margin: 0;
  padding: 0;
  background-image: url('../images/bg.png');
  background-position: center top;
  background-repeat: repeat-x;
}

h4 {
  font-size: 8pt;
}

div#header object {
  position: absolute;
  margin: 0 0 0 -25px;
  z-index: 1;
}

a {
  color: #69A205;
  text-decoration: underline;
}

a:hover {
  text-decoration: none;
}

a img {
    border: 0;
}

p strong {
    color: #4d4d4d; }

p {
    color: #727073; }

body {
  font-family: 'Arial', 'Tahoma', 'Verdana', sans-serif;
  font-size: 8pt;
  color: #4D4D4D;
  text-align: center;
}

ul {
    margin: 0 0 12px 25px;
    padding: 0;
    color: #727073;
}

ul li {
    padding-left: 2px;
    padding-bottom: 4px;
}

ul.square {
	list-style-type: square;
}
.hid { display: none !important; }

div#container {
  width: 894px;
  margin: 0 auto;
  text-align: left;
}

div#top {
  width: auto;
  height: 30px;
}

ul.topmenu {
  margin: 0;
  padding: 0;
  list-style-type: none;
  color: #FFF;
}

ul.topmenu li {
  float: left;
  background-image: url(../images/arrow.gif);
  background-position: left 60%;
  background-repeat: no-repeat;
  padding: 0 20px 0 10px;
}

ul.topmenu li a {
  display: block;
  /*text-indent: -999px;
  overflow: hidden;*/
  padding: 7px 10px 3px 10px;
  font-size: 9pt;
  text-transform: uppercase;
  color: #FFF;
  font-weight: 
  font-family: 'Arial', sans-serif;
  text-decoration: none;
}

p.cart a {
  text-decoration: none;
  color: #FFF;
}

p.cart a:hover {
  text-decoration: underline;
}

ul.topmenu li a:hover,
ul.topmenu li a:focus {
  color: #9DBC00;
}

p.cart a:focus,
p.cart a:hover {
  text-decoration: none;
  color: #9DBC00;
}


div.justfor {
  width: 114px;
  height: 113px;
  position: absolute;
  margin: 196px 0 0 560px;
  z-index: 90;
}

/*
.a1 {
  background-image: url(../images/a1.gif);
  background-position: left center;
  background-repeat: no-repeat;
  width: 80px;
}

.a1:hover {
  background-image: url(../images/a1_hover.gif);
}*/

ul.topmenu img {
  border-style: none;
  display: block;
}

p.cart {
  margin: 0;
  padding: 7px 0 0 24px;
  float: right;
  background-image: url(../images/cart.gif);
  background-position: left 9px;
  background-repeat: no-repeat;
  color: white;
}

div#header {
  width: auto;
  height: 269px;
  background: url(../images/topflash.png) center top no-repeat;
}

div#header strong {
  display: block;
  text-align: center;
  position: absolute;
  margin: 180px 0 0 588px;
  color: white;
  text-transform: uppercase;
  font-size: 10pt;
}

div#header strong span {
 font-size: 14pt;
}

div#header div.logo {
    width: 293px;
    float: left;
}

div#header div.logo p.logo {
    padding: 55px 0 0 0;
}

div#header div.logo p.slogan {
    padding: 90px 0 0 0;
}

div#header div.loginform {
    width: 230px;
    padding-top: 70px;
    float: right;
}

div#header form {
  color: #555;
}

div#header a {
  color: #555;
  text-decoration: underline;
}

div#header a:hover {
  text-decoration: none;
}

div#header table {
  width: 100%;
}

div#header input {
  width: 170px;
  font-size: 8pt;
  padding: 4px 0; /*
  border-top: 1px solid #4A4A4A;
  border-left: 1px solid #4A4A4A;
  border-bottom: 1px solid #787878;
  border-right: 1px solid #787878; */
  border: 1px solid #fff;
}

div#header input.subm {
  width: 45px;
  height: 22px;
  font-size: 0;
  background-image: url(../images/go.gif);
  background-position: center top;
  background-repeat: no-repeat;
  border-style: none;
  cursor: pointer;
}

div#left form {
  margin: 10px 0 0 0;
  color: white;
  width: 170px;
}

div#left table {
  width: 100%;
}

div#left input {
  width: 122px;
  font-size: 8pt;
  border: 1px solid #9c9c9c;
  background-color: #aaa8a9;
  padding: 3px 0;
  color: white;
  vertical-align: middle;
}

div#left input.subm2 {
  width: 42px;
  height: 24px;
  font-size: 0;
  background-image: url(../images/gosearch.gif);
  background-position: center top;
  background-repeat: no-repeat;
  border-style: none;
  vertical-align: middle;
}

form.regg input.subm3 {
  width: 100px;
  height: 24px;
  font-size: 0;
  background-image: url(../images/send.gif);
  background-position: center top;
  background-repeat: no-repeat;
  border-style: none;
  vertical-align: middle;
}

table.contact input.subm3 {
  width: 100px;
  height: 24px;
  font-size: 0;
  background-image: url(../images/send.gif);
  background-position: center top;
  background-repeat: no-repeat;
  border-style: none;
  vertical-align: middle;
}

table.contact input.res {
  width: 82px;
  height: 19px;
  font-size: 0;
  background-image: url(../images/clear.gif);
  background-position: center top;
  background-repeat: no-repeat;
  border-style: none;
}

div#left ul {
  margin: 50px 0 0 0;
  padding: 0;
  list-style-type: none;
}

div#left ul ul {
  margin: 0 0 0 16px;
  font-size: 10px;
  padding: 0;
  list-style-type: none;
}

div#left ul li {
  background-image: url(../images/dot.gif);
  background-position: left bottom;
  background-repeat: repeat-x;
  padding-bottom: 0;
}

* html div#left ul li {
  height: 18px;
}

div#left ul li a {
  display: block;
  color: #656567;
  font-weight: bold;
  padding: 8px 0 8px 16px;
  text-decoration: none;
  background-image: url(../images/arrow2.gif);
  background-position: left center;
  background-repeat: no-repeat;
}

* html div#left ul li a {
  padding: 6px 0 6px 16px;
}

div#left ul li a:hover {
  text-decoration: underline;
}

div#telo {
  width: auto;
  min-height: 400px;
  padding: 15px 0 0 0;
}

* html div#telo {
  height: 400px;
}

div#left {
  width: 170px;
  float: left;
}

div.inn {
  background-color: #F5F5F5;
  font-size: 12pt;
  padding: 20px;
  margin: 20px 0;
}

* html div.inn {
  padding: 20px 20px 0 20px;
}

*+html div.inn {
  padding: 20px 20px 0 20px;
}

table {
  font-size: 8pt;
}

table.contact {
  width: auto;
}

table.contact td {
    padding-bottom: 8px;
}

form.regg table td {
    padding-bottom: 4px;
    padding-right: 6px;
}

table td.va {
  vertical-align: top;
}

form.regg input {
  border: 1px solid #a2a2a2;
  padding: 3px 0;
}

form.regg textarea {
  border: 1px solid #a2a2a2;
}


table.contact input {
  border: 1px solid #dadada;
  padding: 3px 0;
}

table.contact textarea {
  border: 1px solid #dadada;
}

div#text div.inn p {
  text-align: left;
  width: 300px;
  float: left;
  margin: 0;
  padding: 0;
  line-height: 1.3em;
}

div.inn ul {
  margin: 0;
  width: 280px;
  float: right;
  padding: 0;
  list-style-type: none;
}

div.inn ul li {
  height: 24px;
}

* html div.inn ul li {
  height: 22px;
}

*+html div.inn ul li {
  height: 22px;
}

div.inn ul li a {
  background-image: url(../images/arrow2.gif);
  background-position: left center;
  background-repeat: no-repeat;
  display: block;
  color: #313030;
  font-weight: bold;
  font-size: 8pt;
  padding: 4px 0 4px 16px;
  text-decoration: underline;
}

div.inn ul li a:hover {
  text-decoration: none;
}

div#right {
  width: 184px;
  float: right;
}

div#center p {
  margin: 0;
  padding: 0 0 17px 0;
  line-height: 1.5em;
  text-align: justify;
}

p {
  margin: 0;
  padding: 0 0 16px 0;
  line-height: 1.5em;
  text-align: justify;
}

div#flowers {
  width: 48px;
  float: right;
  min-height: 400px;
}

* html div#flowers {
  height: 400px;
}

div#center {
  width: 450px;
  padding-bottom: 30px;
  float: right;
}

div#text {
  width: 680px;
  float: right;
}

div.cvmenu {
  text-align: center;
  margin: 20px 0 0 0;
  padding: 0 0 14px 0;
  color: white;
}

div.cvmenu img {
  border-style: none;
  display: block;
  padding: 14px 0 6px 0;
  margin: 0 auto;
}

h2 {
  background-image: url(../images/dot.gif);
  background-position: left bottom;
  background-repeat: repeat-x;
  color: #69A205;
  font-size: 14pt;
  height: 22pt;
  font-weight: normal;
  overflow: hidden;
}

h2.lorem {
  padding: 0;
}

h2.lorem2 {
  text-indent: 0;
}

h2.txt {
  background: none;
  font-size: 8pt;
  margin: 0;
  padding: 10px 0 4px 0;
  text-indent: 0;
}

h2 img {
  display: block;
}

div.list {
  width: auto;
  padding: 10px 0 0 0;
}

div.cvs {
  width: 160px;
  float: left;
  margin: 0 13px 30px 0; 
}

div.nomar {
  margin-right: 0;
}

div.det {
  width: auto;
  padding: 10px 0;
}

div.bgimg img {
  display: block;
  border-style: none;
}

div.bgimg {
  width: 470px;
  height: 604px;
  float: left;
}

div.steps {
  padding: 10px 0;
}

div.steps img {
  float: right;
}

table.cartoon {
  color: #5E5E5E;
  width: 100%;
  font-size: 9pt;
  font-weight: bold;
}

table.cartoon td.gr {
  background-image: url(../images/gr.gif);
  background-position: left top;
  background-repeat: no-repeat;
  color: white;
  font-weight: normal;
}

table.cartoon a {
  color: #2F2F2F;
  text-decoration: underline;
  background-image: url(../images/del.gif);
  background-position: right center;
  background-repeat: no-repeat;
  padding: 0 16px 0 0;
}

table.cartoon a:hover {
  text-decoration: none;
}

table.cartoon tbody.tbx td {
  background-image: url(../images/dot.gif);
  background-position: left center;
  background-repeat: repeat-x;
  height: 5px;
  font-size: 0;
}

table.cartoon tbody.tb td {
  background-color: white;
  height: 5px;
  font-size: 0;
}

table.cartoon th {
  background-image: url(../images/cartoon.png);
  background-position: center top;
  background-repeat: repeat-x;
  padding: 5px;
  color: white;
}

table.cartoon tbody.tb1 td {
  background-color: #DADADA;
  padding: 5px;
}

table.cartoon tbody.tb2 td {
  background-color: #E9E9E9;
  padding: 5px;
}

table.cartoon tbody.sum td {
  background-image: url(../images/sum.png);
  background-position: center bottom;
  background-repeat: repeat-x;
  padding: 15px 0;
}

table.cartoon tbody.check td {
  padding: 25px 0 0 0;
}

table.cartoon tbody.check td a {
  background: none;
  border-style: none;
}

table.cartoon tbody.check td img {
  border-style: none;
}

div.bgimg a {
  position: absolute;
  margin: 0;
  width: 280px;
  height: 360px;
}

div.price {
  background-image: url(../images/dot.gif);
  background-position: left top;
  background-repeat: repeat-x;
  padding: 10px 0 0 0;
}

div.price table {
    margin-bottom: 14px;
}

div.price span.cena {
  font-size: 14pt;
  font-weight: bold;
  text-align: center;
  text-indent: -6px;
  padding: 25px 0 0 0;
}

div.price a {
  display: block;
  margin: 6px 0 0 35px !important;
}

div.price span.code {
  display: block;
  margin: 0 0 0 35px;
}

div.price img {
  border-style: none;
}

div.price span.code strong {
  font-size: 10pt;
}

div.detinfo {
  width: 140px;
  float: right;
}

h3 {
  background-color: #454D52;
  color: white;
  font-size: 10pt;
  margin: 0 0 20px 0;
  padding: 8px;
}

div.img {
  width: auto;
  padding: 4px 0;
  text-align: center;
  height: 151px;
}

div.img img {
  border-style: none;
  display: block;
  margin: 0 auto;
}

div.info {
  width: auto;
  padding: 5px 8px 5px 20px;
  color: #4a4a4a;
}

div.info span {
  color: #4a4a4a;
  padding-bottom: 3px;
}

div.info span.cena {
  color: #4a4a4a;
  padding-bottom: 0;
}

div.info strong {
  text-transform: uppercase;
  font-size: 9pt;
}

div.info a {
  position: absolute;
  margin: 25px 0 0 64px;
}

div.info img {
  border-style: none;
}

.r { text-align: right; }
.l { text-align: left; }
.c { text-align: center; }

p.l {
  float: left;
  width: 380px;
  padding: 9px 10px;
  margin: 0;
}

p.c {
  float: left;
  width: 140px;
  padding: 7px 10px;
  margin: 0;
}

p.r {
  float: right;
  width: 200px;
  text-align: right;
  padding: 7px 10px;
  margin: 0;
}

div#foot {
  margin: 10px 0;
  width: auto;
  color: #686868;
  height: 34px;
  background: #dadada url(../images/Footer.jpg) 0 0 no-repeat;
}

div#foot a {
  color: #686868;
  text-decoration: none;
}

div#foot a:hover {
  text-decoration: underline;
}
p.copyright {
	padding-top: 1.2em !important;
	margin-right: 1px;
	text-align: right;
	color: #CCC;
}

ul.icosoc {
	float: right;
	margin: 3px 15px 0 0;
  	width: 60px;
  	height: 27px;
}
ul.icosoc li {
  float: left;
  list-style: none;
}
ul.icosoc li a {
	display: block;
	width: 28px;
	height: 27px;
}
ul.icosoc strong {
  display: none;
}
ul.icosoc li.twitter a {
  background: url(../images/twitter.png) top center no-repeat;
}
ul.icosoc li.flickr a {
  background: url(../images/flickr.png) top center no-repeat;
}
ul.icosoc li.twitter a:hover {
	background-position: bottom center;
}
ul.icosoc li.flickr a:hover {
	background-position: bottom center;
}

.clear {
  clear: both; height: 0; line-height: 0; font-size: 0; margin: 0; padding: 0;
}

#kontakt {
    width: 460px;
    float: left; }
    
#kontakt_2 {
    width: 197px;
    float: right;
    text-align: center; }
    
#kontakt_2 img.aboutus {
    margin-bottom: 60px;}
    
#zapomenuteheslo #email {
    padding: 1px 5px;
    border-top: 1px solid #8f8f8f;
    border-left: 1px solid #cdcdcd;
    border-bottom: 1px solid #e4e4e4;
    border-right: 1px solid #cdcdcd; }

#watchvideo {
    }
    
#watchvideo h4 {
    padding-left: 22px; }
    
ul.cvtips {
    margin: 0 0 12px 15px;
    padding: 0;
    color: #727073;
}

ul.cvtips li {
    padding-left: 8px;
    padding-bottom: 4px;
}
    
ul.cvtips a {
    /*color: #727073;*/
    font-size: 110%;
    text-decoration: none; }
    
ul.cvtips a:hover,
ul.cvtips a:focus {
    /*color: #52cf10;*/
    text-decoration: underline; }
    
/** how it works page **/

#hiw {
}

#hiw h1 {
    padding: 15px 0 0 0;
    margin: 0;
    text-align: center;
    font-size: 290%;
    font-weight: normal;
    color: #484848; }
    
#hiw h2 {
    padding: 0;
    margin: 0;
    text-align: center;
    font-size: 170%;
    color: #9b9999;
    background: none;
    font-weight: normal; }
    
#hiw div.hiw1,
#hiw div.hiw3 {
    margin-left: 48px;
    padding-top: 50px;
    width: 48%;
    float: left; }
    
#hiw div.hiw2,
#hiw div.hiw4 {
    padding-top: 50px;
    width: 40%;
    float: left; }
    
#hiw div.ilustrace {
    float: left;
    width: 130px;
    overflow: hidden; }

#hiw div.popis {
    margin-right: 82px;
    margin-left: 135px; }
    
#hiw div.hiw2 div.popis,
#hiw div.hiw4 div.popis {
    margin-right: 7px;
    /*margin-right: 70px;*/ } 
    
#hiw div.popis h3 {
    color: #69A205;
    background: none;
    margin: 0;
    padding: 0 0 2px 0; }
    
#hiw div.popis h4 {
    color: #6c6b6b;
    background: none;
    margin: 0;
    padding: 0 0 6px 0;
    font-size: 130%; }
    
#hiw div.popis p {
    color: #898989; }
    
.cleaner {
    height: 1px;
	margin: -1px 0 0 0; 
    padding: 0;
    clear: both;
	border: none;
	font-size: 0px;
	visibility: hidden; }