/*  
Version: 1.0
Author: lubos lopour
Author URI: http://gingercandy.cz/
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong,   tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  background: transparent;
}
/* remember to define focus styles! */
:focus {
  outline: 0;
}
body {
  line-height: 1;
  color: black;
  background: #ffffff;
  text-align: left;
  font: 100% "Arial", "Helvetica", "sans-serif";
}
ol, ul {
  list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption, th, td {
  text-align: left;
  font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}
blockquote, q {
  quotes: "" "";
}
.nodisplay,
hr {
  display: none;
}
.clear {
  clear: both;
}
ul li {
  list-style:disc;
  margin-left:2em;
}
ul li ul li {
  list-style:circle;
}

a {
color: #989898;
text-decoration: underline;
}

a {
color: #989898;
text-decoration: none;
}

#container {
position: absolute;
top: 0;
left: 50%;
margin-left: -489px;
width: 974px;
background: url('../img/shadow.png') repeat-y;
}

#top {
width: 960 px;
height: 37px;
margin: 0 0 0 7px;
background: url('../img/top.png') no-repeat;
}

#container-in {
margin: 0 0 0 76px;
}

#header {
position: relative;
height: 80px;
width: 822px;
margin: 30px 0 0 0;
}

ul.menu1 {
position: absolute;
top: 0;
right: 0;
}

ul.menu1 li {
float: left;
list-style-type: none;
margin: 0 0 0 1px;
padding: 0;
}

ul.menu1 li a {
color: #ffffff;
font-size: 80%;
padding: 2px 10px;
display: block;
text-decoration: none;
background: #00a796;
}

ul.menu1 li a:hover {
background: #60c6bb;
}

/*** MAINMENU ***/
ul.mainmenu {
width: 822px;
height: 29px;
background: url('../img/menu_c.png');
}

ul.mainmenu li {
float: left;
list-style-type: none;
margin: 0;
padding: 0;
}

ul.mainmenu li.right {
position: relative;
float: right;

}

ul.mainmenu li a {
color: #404040;
line-height: 29px;
padding: 0 10px;
text-decoration: none;
display: block;
background: url('../img/menu_c.png') repeat-x;
font-size: 90%;
}

ul.mainmenu li a:hover {
color: #404040;
text-decoration: underline;
display: block;
}

ul.mainmenu li.active{
padding: 0 0 0 2px;
background: url('../img/menu_a.png') no-repeat;
}

ul.mainmenu li.active a {
color: #00a796;
background: url('../img/menu_b.png') no-repeat top right;
}

/*** WRAPPER ***/
#wrapper {
width: 822px;
background: url('../img/blue.png') repeat-x;
}

#wrapper-in {
padding: 35px 0 040px 0;
margin: 0 0 0 31px;
width: 760px;
}

#wrapper-in .navi {
text-align: left;
font-size: 70%;
color: #666666;
margin: 0 0 5px 0;
}

/*** MAIN ***/

#main #page-column {
float: left;
width: 400px;
margin: 00px 0 20px 0;
color: #00a796;


}

#page-column strong{
	font-weight: bold;
}


#main #page-column p {
line-height: 120%;
font-size: 100%;
}

#main #right-column {
float: right;

width: 220px;
padding-top:50px;
margin: 00px 0 0 0;
color: #00a695;

font-size: 90%;
}





#main #right-column ul {
	margin: 10px 0 0 0;
	font-size: 90%;
}

#main #right-column li {
	list-style-type: none;
	margin: 0 0 4px 0;
	padding: 0 0 0 0px;
	color: #404040;
	
}

#main #right-column ul.uvod_novinky {
margin:8px 0 0 0;;
}
#main #right-column ul.uvod_novinky li{
	list-style:none;
	background: none;
	padding-left:0;
	font-size: 85%;
	margin:5px 0;
	padding-bottom: 4px;
}
ul.uvod_novinky li a:link,
ul.uvod_novinky li a:visited {
text-decoration: none;
color:#05A796;
font-size: 110%;
}
ul.uvod_novinky li a:hover {
color: black;
}


ul.uvod_novinky li strong {
font-weight: bold;

}

#main #right-column .archiv{
	border-top: 1px dotted silver;
	margin:23px 0 20px 0;
}
#main #right-column .archiv a{ font-size:70%;}
#main #right-column .archiv a:hover{ color:#404040; }


#main #bottom {
	clear: both;
	width: 760px;
	color: #00a796;
	
	border-top: 1px dotted silver;
	padding-top: 40px;
}

#main #bottom .img2, #main #bottom .img3, #main #bottom .img4 {
margin-left: 40px;
}

/*** SEKCE ***/
#sekce #left-column {
float: left;
width: 300px;
margin: 0 0 150px 0;
}

#sekce #left-column h1 {
font-size: 110%;
color: #00a796;
margin: 0 0 15px 0;
}







#sekce #left-column ul {
width: 280px;
background: url('../img/menu_bottom.png') no-repeat;
}

#sekce #left-column li {
width: 280px;
line-height: 33px;
list-style-type: none;
margin: 0;
padding: 0;
background: url('../img/menu_bottom.png') repeat-x left bottom;
}

#sekce #left-column a {
text-decoration: none;
font-size: 80%;
color: #000000;
margin: 0px;
padding: 0 0 0 18px;
background: url('../img/arrow.png') no-repeat center left;
}

#sekce #left-column a:hover {
text-decoration: underline;
}

#sekce #page-column {
float: right;
width: 450px;
margin: 30px 0 50px 0;
color: #00a796; 
}

#sekce #page-column-in {
margin: 0 0 0 00px;
}

#sekce #page-column p {
line-height: 160%;
font-size: 110%;
}







/*** NEWS ***/
#news #left-column {
float: left;
width: 200px;
margin: 0 0 150px 0;

	
}

#news #left-column h1 {
font-size: 110%;
color: #00a796;
margin: 0 0 15px 0;
}

#news #left-column ul {
width: 200px;
background: url('../img/menu_bottom.png') no-repeat;
}

#news #left-column li {
width: 200px;
line-height: 33px;
list-style-type: none;
margin: 0;
padding: 0;
background: url('../img/menu_bottom.png') no-repeat left bottom;
}

#news #left-column a {
text-decoration: none;
font-size: 80%;
color: #000000;
margin: 0px;
padding: 0 0 0 18px;
background: url('../img/arrow.png') no-repeat center left;
}

#news #left-column a:hover {
text-decoration: underline;
}

#news #page-column {
float: right;
width: 760px;
margin: 30px 0 150px 0; 

}

#news #page-column h2 {
color: #00a796;
margin: 0 0 10px 0;
}

#news #page-column-in {
margin: 0 0 0 80px;
}

#news #page-column p {
line-height: 160%;
font-size: 90%;
}


#news .back a {
color: #ffffff;
text-decoration: none;
font-size: 80%;
margin: 80px 0 0 0;
padding: 5px 10px 5px 28px;
display: block; float:left;
background: #989898 url('../img/arrow_gray.png') no-repeat 9px 7px;
}







#stranka #page-column {
float: left;
width: 760px;
margin: 30px 0 30px 20px;
}

#stranka #page-column h1 {
color: #00a796;
margin: 0 0 10px 0;
font-size: 110%;
}



/*** PRODUCT ***/
#product #left-column {
float: left;
width: 200px;
text-align: center;
margin: 0 0 150px 0;
}

#product #left-column h1 {
color: #00a796;
margin: 0 0 15px 0;
padding: 0 0 0 22px;
position:absolute;
width:500px;
text-align:left;
top:0; left:0;
}


#h1cont{
  position:relative;
  background: url('../img/arrow_t.gif') no-repeat center left;
  height:1.2em;
  margin-bottom:15px;
	
}
#h1cont h1 {position:absolute;  width:400px; top:0; left:0;}






#product #left-column .big {
margin: 0 0 30px 0;
}

#product #left-column a img {
border: 1px solid #e1f1d4;
margin: 1px;
}

#product #left-column .back a {
color: #ffffff;
text-decoration: none;
font-size: 80%;
margin: 80px 0 0 0;
padding: 8px 0 8px 18px;
display: block;
background: #989898 url('../img/arrow_gray.png') no-repeat 9px 9px;
}

#product #page-column {
float: left;
width: 330px;
margin: 10px 0 150px 30px;
font-size: 80%;

margin-top:30px;
}

#product #page-column h2 {
color: #87bb0c;
font-size: 130%;
margin: 20px 0 5px 0;
}

#product #right-column {
float: right;
width: 180px;
margin-top: 50px;
padding: 10px 0 15px 10px;
border-left: 1px dotted #D3F2C6;
background:#e6e6e6 ;
}

#product #right-column h3 {
float: right;
width: 180px;
color: black;
font-weight: bold;
font-size: 80%;
margin: 0 0 10px 0;
}

#product #right-column ul {
width: 160px;
background: url('../img/menu_bottom.png') no-repeat;
}

#product #right-column li {
width: 160px;
line-height: 33px;
list-style-type: none;
margin: 0;
padding: 0;
background: url('../img/menu_bottom.png') no-repeat left bottom;
}

#product #right-column a {
text-decoration: none;
color: #000000;
font-size: 80%;
margin: 0px;
padding: 0 0 0 18px;
background: url('../img/plus.png') no-repeat center left;
}

#product #right-column a:hover {
text-decoration: underline;
}

/*** DOWNLOAD ***/
#download #left-column {
float: left;
width: 200px;
text-align: center;
margin: 0 0 150px 0;
}

#download  #left-column h1 {
color: #00a796;
margin: 0 0 15px 0;
padding: 0 0 0 22px;
background: url('../img/arrow_t.gif') no-repeat center left;
text-align: left;
}

#download #left-column .big {
margin: 0 0 30px 0;
}

#download #left-column a img {
border: 1px solid #e1f1d4;
margin: 1px;
}

#download #left-column .back a {
color: #ffffff;
text-decoration: none;
font-size: 80%;
margin: 80px 0 0 0;
padding: 5px 0 5px 18px;
display: block;
background: #989898 url('../img/arrow_gray.png') no-repeat 9px 9px;
}

#download #page-column {
float: right;
width: 530px;
margin: 20px 0 150px 0;
font-size: 80%;
}

#download #page-column h2 {
color: #00a796;
margin: 0 0 5px 0;
}

#download #page-column h3 {
color: #87bb0c;
font-size: 130%;
margin: 0 0 5px 0;
}

#download #page-column ul {
margin: 0 0 35px 0;
background: url('../img/menu_bottom.png') no-repeat;
}

#download #page-column li {
margin: 0;
padding: 0;
list-style-type: none;
background: url('../img/menu_bottom.png') no-repeat left bottom;
}

#download #page-column li a {
color: black;
text-decoration: none;
line-height: 28px;
}

#download #page-column li a:hover {
text-decoration: underline;
}

#download #page-column .back a {
color: #ffffff;
text-decoration: none;
padding: 5px 20px 5px 30px;
background: #989898 url('../img/arrow_gray.png') no-repeat 9px 7px;
}

/*** FOOTER ***/
#footer {
  position: relative;
  clear: both;
  width: 974px;
  height: 70px;
  color: #989898;
  font-size: 75%;
  background: #ffffff url('../img/footer.png') no-repeat top;
}

p.copy {
  position: absolute;
  height: 30px;
  top: 20px;
  left: 76px;
}

ul.menu-footer {
  position: absolute;
  height: 30px;
  top: 20px;
  right: 76px;
}

ul.menu-footer li {
  float: left;
  list-style-type: none;
  margin: 0 0 0 15px;
}

ul.menu-footer li a {
  color: #989898;
  text-decoration: none;
}

ul.menu-footer li a:hover {
  text-decoration: underline;
}



.vhledadlo{
	width:300px;
}

#hledani #page-column {
float: left;
width: 760px;
margin: 20px 0 20px 20px;
}

#hledani #page-column h1 {
color: #00a796;
margin: 0 0 10px 0;
font-size: 110%;
}


.hledejform{
margin-bottom:20px;
}
#hledani h2 a:hover{color:#00a796; }
#hledani h2 a{
	color:#87bb0c;
}
#hledani .vysledek{ padding-bottom:20px; }
#hledani .vysledek p{ font-size: 80%; }

#hledani .vysledek p a{ color:black; }
#hledani .vysledek p a:hover{ color:black;  color:#505050;}


#hledatko{
position:absolute;
top:0px;
right:70px;
}

#hledatko .in { border:1px solid silver; width:80px;}
#hledatko .submit{ background:none; border:none; color:gray;width:50px; text-align: left; padding:0;}







.ceny{
		
	float: right;
	
	width: 190px;

	border-top:5px solid white;
	margin: 00px 0 0 0;
	color: #00a695;

	font-size: 100%;
	
	
}

.ceny .doporucena{
	background:#229983;
	padding:0px;
	color:white;
	font-size: 60%;
}
.ceny strong{ font-size:190%; color:black; font-weight: bold;}

.ceny .d1, .ceny .cena, .ceny .jednotky{
	padding:8px;
}
.ceny .d1 {
	padding-bottom:0;
}

.ceny .cena  {padding-top:6px;
font-size: 110%;
}

.ceny .doporucena select{
		
	margin-top:5px;
}

.ceny  .jednotky {
	background:#3caf9e;
	color:black;
	padding:5px 8px;
	
}
.ceny  .jednotky span{ 

	color:white;
	
}
.ceny .art{ margin:3px   0 0 0; color:white;}

.ceny .art span{ color:black; font-size:110%;}

.ceny .rf {margin:0; padding:0; float:right;}

#jakobjednat{
	display:block;
	background:url('/site/img/jakobjednat.png');
	color:white;
	font-size:120%;
	padding-left:30px;
	height:30px;
	line-height: 30px;
	border-top:3px solid white;
}

.ctrDropDownClick{
    font-size:11px;
    width:170px;


}


.ctrDropDown{
    width:170px;
    font-size:11px;
}

.plainDropDown{
    width:170px;
    font-size:11px;
}


.uvod_novinky{
	font-size: 80%;
}



/* akce*/
#s4{ position:relative; height:241px;  }
#s4 img{position: absolute; top: 0px; left: 0px; display: block; z-index: 9; cursor:pointer;}
.akceKontejner{
	background:#E6E6E6;
	width:503px;
	padding:2px;
	padding-bottom:0;
}
#nav{  height:23px; text-align: right; line-height:21px;}
#nav a { text-decoration: none; margin: 0px; padding: 4px 7px; color:#4EA896; font-size: 12px; }
#nav a.activeSlide { background:#4EA896; color:white;  }
#nav a:focus {}


#main #page-column p.zobrazAkcni, #main #page-column p.zobrazNovinky{
	float:left;
	width:240px;
	color:black;
	font-size:75%;
	margin-top:15px;
	margin-bottom:20px;
	margin-right: 20px;
	
}


.zobrazAkcni img, .zobrazNovinky img {  }

#main #page-column p.zobrazAkcni a{ color:#BE1E2D;}
#main #page-column p.zobrazNovinky a { color:#4FA896;}


#sekce #left-column li a.akcni , a.akcni{padding:2px 25px; background:url('/site/img/ico-akce.png') no-repeat; margin-left:10px }
#sekce #left-column li a.akcni:hover {text-decoration: none;} 

span.novinka{ 
	padding:1px 35px;  background:url('/site/img/ico-novinka.png') no-repeat;  margin-left:10px ;
}

h1 .novinka, h1 .akcni{ position:relative;top:2px;}

.textnaobrazku,.textnaobrazku2 {
display: block;
position: absolute;
z-index: 10;
color:white;
background: #87BB0A;
padding: 10px;
width:440px;
font-size: 100%;
font-weight: bold;
margin: 180px 0 20px 20px;
}
.textnaobrazku2 span {
display: block;
font-size: 70%;
padding-top: 3px;
}
.textnaobrazku2 {
margin: 167px 0 20px 20px;
}