/* CSS pro web: http://oase-filtrace.cz/				*/
/* Autor: wee.cz, e-mail: info@wee.cz	*/

/* Debug					*/

body {
	font-family: 'Trebuchet MS', Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 40px 0 50px;
	text-align: center;
	background: url("../images/body-bg-big.jpg") right top repeat;
}

img { border: none; }

a { color: #936617; text-decoration: underline; }
a:hover { color: #000; }

#main 
{ 
    width: 987px;
    margin: 0 auto;
    text-align: left;
}

#top { height: 125px; background: url("../images/top-bg.png") left top no-repeat; }
#top img { padding: 41px 19px 0 16px; float: left; }
#kontakty, #oteviraci { float: right; font-size: 70%; padding-top: 29px; }
#kontakty h6, #oteviraci h6 { font-size: 110%; margin: 0; }
#kontakty { width: 144px; }
#oteviraci { width: 120px; }

#top h2 { margin: 0; padding: 44px 0 0; font-size: 130%; font-weight: normal; font-style: italic; color: #5f4828; }
#top h5 { margin: 0; font-size: 100%; font-weight: normal; font-style: italic; color: #be4723; }

#top2 { height: 324px; background: url("../images/akce-bg.jpg") center top no-repeat; border-bottom: 30px solid #fff; }

#top2 form#searchbox { margin: 0; padding: 10px 9px 0 0; float: right; }
#top2 input#searchterm
{
    background: #fff url("../images/hledani-bg.gif") left top repeat-x;
    border: 1px solid #c8901f;
    height: 22px;
    width: 150px;
    vertical-align: middle;
    margin: 0 0 0 10px;
    font-size: 70%;
	line-height: 1em;
    padding-left: 8px;
}
#top2 input#odeslat { vertical-align: middle; }

#nav { padding: 0; margin: 0; height: 41px; }
#nav li { list-style: none; display: inline; }
#nav li a {display: block; height: 41px; float: left; text-decoration: none; margin: 0;}
#nav li a span
{
    float: left; 
	margin: 0;
	height: 24px;
	padding: 17px 18px 0;
	color: #000;
	font-size: 75%;
	background: url("../images/topnav.png") right top no-repeat;
}
#nav li a:hover, #nav li.selected a, #nav li.selected a:hover, #nav li.child_selected a { background: url("../images/topnav-active.png") left top no-repeat; }
#nav li a:hover span, #nav li.selected a span, #nav li.selected a:hover span, #nav li.child_selected a span { background: url("../images/topnav-active-r.png") right top no-repeat; }

#akce { display: block; width: 304px; height: 80px; margin: 184px 0 0 212px; text-decoration: none; }



div#container{ overflow:hidden; padding-left:272px; clear: both; background: #fff; }
* html div#container{ height:1%; }

div#side { 
	float: left;
    margin-left:-272px;
    width: 272px;
    display:inline;
	background: url("../images/side-bg.gif") left top repeat-y;
}
div#content {
	float: right;
    border-left:272px solid #FFF;
	margin-left:-272px;
	font-size: 80%;
	width: 100%;
}
div#content-in { padding: 0 25px 0 0; }
div.home-content { float: left; width: 505px; }


.drob { font-size: 90%; padding: 5px 0 10px; color: #8f6241; }
.drob a { font-weight: bold; color: #8f6241; }
.drob a:hover { color: #000; }


ul#secnav {
	margin: 0;
	padding: 0 0 8px 0;
	width: 247px;
	background: #e2d69e url("../images/side-bottom-left.gif") right bottom no-repeat;
}
ul#secnav li { list-style: none; display: inline; padding: 0; margin: 0; }
ul#secnav li a {
	color: #1e140e;
	padding: 5px 0 5px 10px;
	display: block;
	font-weight: normal;
	text-decoration: none;
	font-size: 75%;
}
ul#secnav li a:hover, ul#secnav li.selected a, ul#secnav li.child_selected a { color: #000; text-decoration: underline; }
ul#secnav li.selected a { text-decoration: underline; font-style: italic; }
ul#secnav li ul { padding: 0 0 0 30px; margin: 0; background: #f4f4d8; }
ul#secnav li ul li { padding: 5px 0 5px 0; display: block; }
ul#secnav li ul li a, ul#secnav li.selected ul li a, ul#secnav li.child_selected ul li a, ul#secnav li.child_selected ul li.selected ul li a
{
    color: #8b6a1b;
    padding: 0;
    text-decoration: none;
font-style: normal;
    display: inline;
}
ul#secnav li ul li.selected a { font-style: italic; text-decoration: underline }
ul#secnav li ul li a:hover, ul#secnav li ul li ul li a:hover, ul#secnav li.child_selected ul li.selected ul li a:hover { color: #000; text-decoration: underline; }


#right { float: right; width: 184px; background: #e2d69e url("../images/side-bottom-right.gif") left bottom no-repeat; padding: 0 0 10px 0; font-size: 85%; margin: 0 0 20px 0; }
#right p { text-align: center; font-weight: bold; margin: 0 0 15px; }
#right ul { margin: 0; padding: 10px 10px 10px 15px; }
#right ul li {list-style: none; display: block; margin: 0; padding: 5px 0; }
#right .news ul li { padding: 2px 0; }
#right ul li a { color: #110704; }


div#content-in h1 { color: #af8815; font-size: 190%; margin: 0 0 10px; }
div#content-in h3 { margin: 15px 0 5px; color: #af8815; font-size: 160%; font-weight: normal; }
div#content-in h4 { margin: 15px 0 5px; color: #8f6241; font-size: 140%; }

div#content-in p { margin: 10px 0; line-height: 1.4em; text-align: justify; }
div#content-in ul, div#content ol { margin-top: 10px; margin-bottom: 10px; }
div#content-in ul li, div#content ol li { margin-top: 3px; margin-bottom: 3px; }

div#content table { border-collapse: collapse; clear: both; margin: 0 0 5px; border-color: #8f6241; }
div#content table th { padding: 5px 3px 2px 3px; font-size: 90%; }
div#content table td { border-color: #469719; padding: 2px 3px; vertical-align: top; }

div.blank, div.blank img { width: 100%; display: table; height: 1px; line-height: 1px; }

div.photos { clear: both; padding-top: 10px; }
div.photos a { text-decoration: none; float: left; margin: 0 10px 10px 0; }
div.photos a img { border: 3px solid #f5ebc6; }
div.photos a:hover img { border-color: #e2d69e ; }

div#content div.productsCat h3 { clear: both; font-size: 140%; margin: 20px 0 10px; }

div#content p.prodPrice, div#content p.prodObjKod
{
	font-size: 140%;
	font-weight: bold;
	color: #110704;
	float: right;
	padding: 7px 8px 4px;
	margin: 0 0 10px 10px;
	text-align: center;
}
div#content p.prodObjKod { color: #ce970d; }
div#content p.prodPrice small, div#content p.prodObjKod small { font-size: 60%; display:block; font-weight: normal; line-height:1em; padding-bottom:3px }
div#content p.prodPDF { float: right; margin: 0 0 10px 10px; }
div#content p.prodDesc { font-size: 80%; color: #110704; line-height: 1.1em; margin: 0 0 10px 0; }

div#content div.productsCat div.popis { margin-bottom: 10px; }
div#content div.productsCat div.popis ul { padding-left: 20px; margin-left: 0; }
div#content div.productsCat img { float: left; margin: 0 20px 10px 0; }
div#content div.productsCat img.pdf { float: none; margin: 0; vertical-align: middle; }
div#content div.productsCat table { width: 100%; border: none; }
div#content div.productsCat table.prod th 
{
    background: #00902c;
    color: #FFF;
    border: 1px solid #FFF;
    padding: 3px;
    text-align: left;
    font-size: 80%;
}
div#content div.productsCat table.prod td
{
    padding: 3px;
    background: #FFF;
    border: none;
    border-bottom: 2px solid #ebf9f2;
}
div#content div.productsCat table.prod tr.sec td { background: #ebf9f2; border-bottom: 2px solid #FFF; }
div#content table.parametry th
{
    border: 1px solid #FFF;
    border-bottom: 2px solid #FFF;
    background: #00902c;
    color: #FFF;
    text-align: center;
    padding: 3px 10px;
}
div#content table.parametry td
{
    border: 1px solid #FFF;
    background: #dbf5e3;
    color: #3a3a3a;
    padding: 3px 10px;
    vertical-align: top;
}
div#content table.parametry td.par
{
    background: #77ae75;
    color: #FFF;
    width: 200px;
}
div.productsCat span.novinka 
{
    color: #C73D00;
    font-size: 60%;
    font-weight: bold;
    vertical-align: top;
}
div.addimages { clear: both; }
div.addimages img { margin: 0 20px 20px 0; }

form#parSearch fieldset {
	padding: 5px 10px 10px 15px;
	font-size: 80%;
    border: 1px solid #903800;
    width: 320px;
    background: #f9f3eb;
}
form#parSearch legend {
    color: #903800;
}
form#parSearch label {
  vertical-align: top;
  line-height: 1.8;
  width: 150px;
  display: block;
  float: left;
}
form#parSearch fieldset p {
  margin: 0;
  padding: 3px 0;
  clear: both;
}
form#parSearch input.text {
	width: 150px;
	border: 1px solid #903800;
	background: #FFF;
}
form#parSearch input.cislo {
	width: 50px;
	border: 1px solid #903800;
	background: #FFF;
}
form#parSearch select 
{
    border: 1px solid #903800;
    background: #FFF;
}
table.prodejci tr.table_header td
{
    background: #e7f8db;
    font-weight: bold;
    text-align: center;
}
table.prodejci tr.bcg_blue
{
    background: #e7f8db;
}





#bottom {
	clear: both;
	border-top: 50px solid #FFF;
	padding: 0 30px 20px;
	color: #936617;
	text-align: center;
	font-size: 80%;
	background: #fff;
}
#bottom p#odkazy { font-size: 90%; margin:0; color: #4e2403; }
#bottom p#odkazy a { color: #4e2403; }
#bottom p#odkazy a:hover { color: #000; }
#bottom strong { color: #000; }
#bottombg { background: url("../images/bottom.png") center bottom no-repeat; font-size: 1px; height: 5px; }



div#partners p
{
margin: 7px 10px;
font-size: 80%;
line-height: 1.2em;
color: #7e5c19;
}
div#partners a { color: #7e5c19; }
div#partners a:hover { color: #ad7b17; }

img.i-right {float: right; margin: 5px 0 5px 10px; }
img.i-left {float: left; margin: 5px 10px 5px 0; }

.formLabel { display: block; font-weight: bold; }
.formText { width: 200px; }
.formZprava { width: 400px; height: 200px; }

div#content table.mcPhotoControls td { border: 6px solid #e2d69e ; padding:5px 10px; font-weight: bold; }

div#tags {margin-top:10px;}
div#tags h4 {margin-bottom: 10px; }
/* Tag Styles */
.tags { line-height: 150%; font-size: 60%; padding: 0 10px; }
.tag6x { text-decoration: none; font-size: 150%; color: #4A360F; }
.tag5x { text-decoration: none; font-size: 135%; color: #4A360F; }
.tag4x { text-decoration: none; font-size: 115%; color: #705833; }
.tag3x { text-decoration: none; font-size: 100%; color: #705833; }
.tag2x { text-decoration: none; font-size: 85%; color: #967A57; }
.tag1x { text-decoration: none; font-size: 75%; color: #967A57; }
/* End Tag Styles */
































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */