/* 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;
	background: #c4e8f1 url("../images/bg-body-repeat.png") left top repeat-x;
	text-align: center;
}
#body-in { background: url("../images/bg-body-top.png") center top no-repeat; padding: 35px 0 40px; margin: 0 auto; width: 1032px; }

img { border: none; }

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

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

#top { height: 111px; }
#top img { padding: 0 40px 0 25px; float: left; }

#top h2 { margin: 0; padding: 22px 0 0; font-size: 150%; font-weight: normal; font-style: italic; color: #009ec5; }
#top h5 { margin: 0; font-size: 130%; font-weight: normal; font-style: italic; color: #afdbf0; margin: 0; }

.lang { clear: both; text-align: right; padding: 3px 10px 0 0; height: 24px; font-size: 70%; color: #89cef5; }

form#searchbox { margin: 0; padding: 5px 10px 0 0; float: right; }
input#searchterm
{
    background: url("../images/hledani-bg.png") left top no-repeat;
    border: none;
    height: 30px;
    width: 175px;
    vertical-align: middle;
    margin: 0 7px 0 0;
    font-size: 70%;
	line-height: 1em;
    padding: 3px 8px 0 15px;
}
input#odeslat { vertical-align: middle; }

#nav { padding: 0; margin: 0; height: 40px; }
#nav li { list-style: none; display: inline; }
#nav li a
{
    display: block;
    float: left; 
	margin: 0;
	height: 28px;
	padding: 12px 18px 0;
	color: #8ee3f0;
	font-size: 75%;
	background: url("../images/nav.gif") right top no-repeat;
	text-decoration: none;
}
#nav li a:hover, #nav li.active a, #nav li.active a:hover, #nav li.child_active a { color: #fff; background: url("../images/nav-hover.gif") left top repeat-x; }

#akceblok { height: 418px; background: url("../images/topakce-test.jpg") center top no-repeat; clear: both; border-bottom: 5px solid #fff; border-top: 5px solid #fff; }
#akce { display: block; height: 418px; text-decoration: none; }

.fadein { position:relative; width:992px; height:418px; }
.fadein a { position:absolute; left:0; top:0; width:992px; height:418px; display: block; }



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

div#side { 
	float: left;
    margin-left:-222px;
    width: 222px;
    display:inline;
	background: #e1f6fb;
}
div#content {
	float: right;
    border-left:222px solid #FFF;
	margin-left:-222px;
	font-size: 80%;
	width: 100%;
	background: #fff url("../images/content-bg.png") center top no-repeat;
}
div#content-in { padding: 0 25px 0 25px; }
div.home-content { float: left; width: 459px; }


.drob { font-size: 90%; padding: 20px 0 0; color: #03657d; }
.drob a { font-weight: bold; }


ul#secnav {
	margin: 0;
	padding: 0 0 8px 0;
	width: 217px;
}
ul#secnav li { list-style: none; display: inline; padding: 0; margin: 0; }
ul#secnav li a {
	color: #184460;
	padding: 5px 0 5px 27px;
	display: block;
	font-weight: normal;
	text-decoration: underline;
	font-size: 90%;
	background: url("../images/secnav.png") 10px 10px no-repeat;
}
ul#secnav li a:hover, ul#secnav li.active a, ul#secnav li.child_active a { text-decoration: none; font-weight: bold; }
ul#secnav li.active a, ul#secnav li.child_active a { background: url("../images/secnav-selected.png") 10px 8px no-repeat; }

ul#secnav li ul { padding: 0 0 0 30px; margin: 0; }
ul#secnav li ul li { display: inline; }
ul#secnav li ul li a, ul#secnav li.active ul li a, ul#secnav li.child_active ul li a, ul#secnav li.child_active ul li.active ul li a
{
    color: #169bbc;
    padding: 3px 0 3px 8px;
    text-decoration: underline;
font-style: normal;
    display: block;
	background: url("../images/secnav-sub.gif") 0 10px no-repeat;
	font-size: 75%;
}
ul#secnav li ul li.active a { font-style: italic; text-decoration: none; font-weight: bold; color: #03657d; }
ul#secnav li ul li a:hover, ul#secnav li ul li ul li a:hover, ul#secnav li.child_active ul li.active ul li a:hover { color: #03657d; text-decoration: none; font-weight: bold; }


#right { float: right; width: 241px; padding: 0 15px 10px 0; font-size: 100%; margin: 0 0 20px 0; }
#right h4 
{ 
    background: url("../images/right-heading.png") 0 0 no-repeat; 
    font-size: 150%;
    padding: 3px 0 10px 28px;
    margin: 20px 0 5px;
    color: #009ec5;
}
#right a { color: #0b3256; }
#right a:hover { text-decoration: none; }

.facebook { font-size: 100%; color: #395d71; margin-top: 20px; height: 75px; display: none; }
.facebook img { float: left; margin-right: 15px; }
.facebook strong { display: block; padding: 8px 0 3px; color: #0b3256; }
#right .facebook a { color: #169bbc }

ul.news { margin: 0; padding: 0; font-size: 90%; }
ul.news li { list-style: none; display: block; margin: 0; padding: 3px 0 15px 0; }
ul.news span { background: #0062a1; color: #fff; padding: 2px 5px; display: block; float: left; margin: 0 5px 5px 0; }
ul.news small { color: #2e81b9; font-size: 100%; clear: both; display: block; }
ul.news strong { font-weight: normal; }
.news-links { margin: 0px 0 20px; }
.news-links a { text-decoration: none; font-weight: bold; }

ul.spoluprace { margin: 0; padding: 0; }
ul.spoluprace li { list-style: none; display: block; margin: 0; padding: 3px 0 3px 28px; }

div#content-in h1 { color: #0062a1; font-size: 190%; margin: 0 0 10px; padding-top: 20px; }
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: #395d71; font-size: 140%; }
div#content-in h4.products-heading { margin: 30px 0; font-size: 120%; }

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 #a8c4d7; }
div.photos a:hover img { border-color: #7396ad ; }

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

div#content p.prodPrice, div#content p.prodObjKod
{
	font-size: 140%;
	font-weight: bold;
	color: #a22d16;
	float: right;
	padding: 7px 8px 4px;
	margin: 0 0 10px 10px;
	text-align: center;
}
div#content p.prodObjKod { color: #62bdd4; }
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: #005890;
    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 #EBF1F9;
}
div#content div.productsCat table.prod tr.sec td { background: #EBF1F9; border-bottom: 2px solid #FFF; }
div#content table.parametry th
{
    border: 1px solid #FFF;
    border-bottom: 2px solid #FFF;
    background: #005890;
    color: #FFF;
    text-align: center;
    padding: 3px 10px;
}
div#content table.parametry td
{
    border: 1px solid #FFF;
    background: #DBEBF5;
    color: #3a3a3a;
    padding: 3px 10px;
    vertical-align: top;
}
div#content table.parametry td.par
{
    background: #75ABAE;
    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;
}



#odkazy { background: #4699d1; padding: 20px 30px; color: #edf8fe; text-align: center; font-size: 75%; border-top: 30px solid #fff; }
#odkazy a { color: #edf8fe; }
#odkazy a:hover { color: #81cee2; text-decoration: none; }

#bottom {
	clear: both;
	padding: 15px 0 15px;
	color: #2e81b9;
	text-align: center;
	font-size: 80%;
	background: #fff;
	vertical-align: middle;
}
#bottom img { vertical-align: middle; }



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 #fff ; padding: 5px 10px; font-weight: bold; font-size: 120%; width: 250px; text-align: center; }
div#content table.mcPhotoControls td.prev { text-align: left; width: 130px; }
div#content table.mcPhotoControls td.next { text-align: right; width: 130px; }
div#content p.photos-click { text-align: right; font-size: 120%; font-style: italic; clear: both; color: #395d71; }

div#tags {margin-top:10px;}
div#tags h4 {margin-bottom: 10px; }
/* Tag Styles */
.tags { line-height: 150%; font-size: 95%; padding: 0 10px 0 28px; }
.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 */