HTML
{	
}

BODY
{
	background: url(keen_bg.jpg) top center  no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	color: #000000; 
	line-height: 11pt;
	background-color:white;
	margin: 0px;
}
#wrapper-body{
	background: url(main_assets/bgtile.gif) top center repeat-y;
}

form, fieldset {
    margin: 0;
    padding: 0;
}
    
fieldset {
    border: 1px solid #000;
}

legend {
    padding: 0;
}

input, textarea, select {
    margin: 0;
    padding: 1px;
    font-size: 100%;
    font-family: inherit;
}
    
select {
    padding: 0;
}
dl, dt, dd, ul, li, ol {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
img{
    float:none;
}



IMG
{
	border: none;	
}

p {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	color: #000000; 
	line-height: 11pt
}

.small {
	font-size: 8pt; 
	color: #666666; 
	line-height: 11pt
}

.small_italix {
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size: 7pt; 
color: #000000; 
font-style: italic;
line-height: 11pt
}

.tiny {
	font-size: 7pt; 
	color: #000000; 
	line-height: 9pt
}

.error {
	color: #ffde21;
	font-size: 8pt;	
}

.error_red 
{
	color: red;
	font-size: 8pt;	
}

.error_white
{
	color: white;
	font-size: 8pt;	
}

/* Links */

a:link {
color: #000000;
text-decoration: underline;
background-color: transparent
}

a:visited {
color: #000000;
text-decoration: underline;
background-color: transparent
}

a:hover {
color: #000000;
text-decoration: none;
background-color: transparent
}



/* --------------------------------------------------*/
/* Control Styles */
.textbox
{
	font-family: 'Verdana', 'Arial', 'Helvetica', 'sans-serif'; 
	font-size: 8pt; 
	color: #666666; 
}

.dropdownlist
{
	font-family: 'Verdana', 'Arial', 'Helvetica', 'sans-serif'; 
	font-size: 8pt; 
	color: #666666; 
}

/* --------------------------------------------------*/
/* Image Treatments */

.floatright
{
	float: right;
	margin: 0 0 0px 10px;
	padding: 2px;
}

.floatleft
{
	float: left;
	margin: 0 10px 0px 0;
	padding: 2px;
}

.floatcenter
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	padding: 2px;
}

.feature
{	
	width: 98%;
	float: left;
	display: block;
	margin: 10px 10px 25px 0px;
}

/* --------------------------------------------------*/
/* Content Styles */
#content
{
	width: 911px !important;
	display: block !important;
	margin-left: auto !important;
	margin-right: auto !important;	
}

.normal
{	
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	color: #000000; 
	line-height: 11pt
}

/* --------------------------------------------------*/
/* Header Styles */
#header
{
	width: 911px;
	display: block;
	margin-left: auto;
	margin-right: auto;	
	padding: 0px 0px 1px 0px;
	
	background-image: url(main_assets/nav_bottomline.gif);
	background-position: bottom;
	background-repeat: repeat-x ;	
	
}

#header .hdr_logo
{
/*
	width: 141px;
	display: block;
	margin-left: auto;
	margin-right: auto;	
	border: none;
*/
}

/* --------------------------------------------------*/
/* Footer Styles */
#footer
{
	width: 911px;
	display: block;
	margin-left: auto;
	margin-right: auto;	
	padding: 5px 0px 5px 0px;
	
	background-image: url(main_assets/nav_bottomline.gif);
	background-position: bottom;
	background-repeat: repeat-x ;	
}

#footer a
{
	behavior: expression(
	this.onmouseover = new Function("this.className += ' hover'"),
	this.onmouseout = new Function("this.className = this.className.replace(' hover', '')"),
	this.style.behavior=null);		
}

#footer a img.offstate
{
	display: inline;
}

#footer a img.onstate
{
	display: none;
}

#footer a:hover img.offstate
,#footer a.hover img.offstate
{
	display: none;
}

#footer a:hover img.onstate
,#footer a.hover img.onstate
{
	display: inline;
}

.stand_name {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12pt; 
	color: #000000; 
	line-height: 11pt;
	font-weight:bold
	
}

.heading {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 9pt; 
	color: #333333; 
	line-height: 11pt;
	font-weight:bold
	
}

.bold {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	color: #666666; 
	line-height: 11pt;
	font-weight:bold
}

.hybridlife_name {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10pt; 
	color: #333333; 
	line-height: 11pt;
	font-weight:bold;
	text-transform: uppercase
}

.hybridlife_city {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 9pt; 
	color: #333333; 
	line-height: 11pt;
	text-transform: uppercase
}





/* Hybrid Life Styles */

#hybridlife
{	
	float: left;
	display: inline;
	margin: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 9pt; 
	color: #333333; 
	line-height: 11pt;
	font-weight: bold;
}

#hybridlife .container
{	
	float: left;
	display: inline;
	width: 144px;
	background-image:url(../images/hybridlife_container_bg.gif);
	background-repeat:repeat-y;
	padding-top:5px;
	
}

#hybridlife .container .details 
{
	width: 120px;
	
}

#hybridlife .container  .details  .name
{	
    cursor: hand;
	text-transform: uppercase !important;
	text-decoration: none;
	cursor: hand;
}
#hybridlife .details  .city
{	    
	font-size: 7pt; 
	text-decoration: none;
	cursor: hand;
}

#hybridlife a
{
	text-decoration: none;
}

#hybridlife .emptyrow
{	
    background-image:url(../images/hybridlife_blankrow.gif);
    width: 144px;
    height: 1px;
}

#hybridlife img
{	
	border: #c4c3c1 solid 4px;
	margin: 0px 0px 5px 0px;
	cursor: hand;
}

/* Modal Popup Background Style */

.modal_page_background 
{
	background-color: #eeeeee;
	opacity:.65;
	-moz-opacity: 0.65;
	filter: alpha(opacity=65);	
	z-index: 10001 !Important;
}

.modal 
{
	background-color: white;
	border: solid 4px #666666;	
	padding-top: 13px;
	padding-bottom: 10px;
	z-index: 10003 !Important;
	position: relative;
}

.modal .html 
{

}

.modal iframe 
{
	z-index: 100000000000000 !important;	
	margin-top: 6px;
}

.modal_close 
{
	display: block;	
	float: right;
	position: absolute;
	right: 0%;
	top: 0px;
	z-index: 10002 !Important;
}

/* Email Signup */

.emailsignup
{
	font-family: 'Verdana', 'Arial', 'Helvetica', 'sans-serif'; 
	font-size: 8pt; 
	color: #666666; 
	border: solid 1px #CCCCCC;
	padding: 3px
}

















/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

/* Skin */
.tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 0px;
	 margin-top:5px;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
    float: left;
    margin: 0 0 0 0px;
    min-width: 84px; /* be nice to Opera */
}
.tabs-nav a, .tabs-nav a span {
    display: block;
    padding: 0 13px;
    background: url('../_img/page/tab.png') no-repeat;
}
.tabs-nav a {
    position: relative;
    top: 1px;
    z-index: 2;
    padding-left: 0;
    color: #27537a;
    font-size: 10px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
}
.tabs-nav .tabs-selected a {
    color: #000;
}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    background-position: 100% -150px;
    outline: 0; /* prevent dotted border in Firefox */
}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
    background-position: 100% -100px;
}
.tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.tabs-nav .tabs-selected a span {
    padding-top: 7px;
}
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
    background-position: 0 -50px;
}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
    background-position: 0 0;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-nav .tabs-disabled {
    opacity: .4;
}
.tabs-container{
	width:843px;
	border-top:1px solid #B8B8B8;
	border-left:1px solid #B8B8B8;
	border-bottom:1px solid #B8B8B8;
	padding:13px;
	padding-right:0;
}












.content-spec3, .content-spec, .content-spec2{
    width:272px;
    margin-top:10px;
	 margin-bottom:5px;
}
.content-spec3,.content-spec{ border:1px solid #CCCCCC; width:290px;}
.content-spec2{
	width:555px;
}



.content-spec tr.gray{
}
.content-spec3 td, .content-spec td{
    width:50%;
    padding:3px;
    padding-left:5px;
    color:black;
	 vertical-align:top;
	 border-bottom:1px solid #D1D1D1;
	 border-top:1px solid #FFFFFF;
    background-color:#F4F4F4;
}

.content-spec3 td, .content-spec3 tr{
	font-size:0.9em;
}

.content-spec2 td{
	padding:5px;
    padding-left:5px;
    color:black;
	 vertical-align:top;
	 border-top:1px solid #D1D1D1;
	 border-bottom:1px solid #FFFFFF;
}

#content-ceny{
	border:1px solid #D1D1D1;
	width:275px;
	margin-top:5px;
}
html>body #content-ceny{
	width:277px;
}
#content-ceny td{
	padding:3px;
	background-color:#F4F4F4;
}
#content-ceny td.top{
	border-top:1px solid white;
	background-color:#F4F4F4;
	padding-top:7px;
}
#content-ceny td.bottom{
	border-bottom:1px solid white;
	background-color:#F4F4F4;
	padding-bottom:7px;
	line-height:23px;
	vertical-align:bottom;
}

.bf{
	border:1px solid #CCCCCC;
	margin-top:10px;
}

#content-text{
	padding:20px;
}
#content-text h3{
font-weight:bold;
	font-size:18px;
}

#content-pages2{
	margin-top:15px;
	padding-left:40px;
	padding-right:20px;
}
#path{
	padding-top:10px;
}
#path a{
	color:#666666;
	font-weight:bold;
	font-size:14px;
	text-decoration:none;
}
#content-products h3{
padding:0;
margin:0;
padding-top:5px;
	color:black;
	font-weight:bold;
	font-size:18px;
}



.bold{font-weight:bold;}
.red{
	color:#C85C24;
}
.redd{
	color:#D0392B;
}

#content-ceny{ margin-top:-14px;}
* html #content-ceny{ margin-top:-14px;}

#box-content-prom{
	float:left;
	width:252px;
}

.content-spec3-header{
	background-color:#D1D1CF;
	padding:3px;
	font-weight:bold;
	text-align:center;
}
.content-spec3-header2{
	background-color:#D1D1CF;
	padding:3px;
	font-weight:bold;
	text-align:center;
	color:red;
}
.content-spec3{
	padding-top:0;
	margin-top:0;
	border:1px solid #D1D1CF;
}
.content-spec3 th{
	padding:3px;
}
.content-spec3 td, .content-spec3 th{
	border:0;
	background-color:#F4F4F4;
}
#box-content-prom{ margin-top:-11px;}
* html #box-content-prom{ margin-top:-11px;}

.cena{font-size:15px;color:#C85C24;font-weight:bold;}

#content-pages-text{padding:15px;}
#content-pages-text h3{font-weight:bold;
	font-size:18px;}

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

.table-square td{ vertical-align:bottom; }

#content-pagesx
{
	float:left;
	padding:0px;
	
	margin:0px;
	margin-top:20px;
	margin-left:52px;
	padding-left:28px;
	background: url('../_img/page/iconl.gif') no-repeat 0px 20px;
	width:519px;
	margin-bottom:30px;
}
#content-pagesx h3{
	display:block;
    border-bottom:1px solid #D0392B;;
    color:#D0392B;
    width:509px;
	margin-bottom:20px;
	font-size:12px;
}
.border{
	width:80px;
	background: url('../_css/main_assets/bgtile.gif') repeat-y 45px 0px;
}
.red{
	color:#D0392B;
}
.bold{
	font-weight:bold;
}
.tab-kosz{ 	margin-top:10px; }
.tab-kosz td{
	vertical-align:top;
}


form{

}
fieldset{
	border:0;
	margin:0;
	padding:0;
}
legend{
	font-weight:bold;
	padding-top:10px;
	padding-bottom:10px;
	color:#CC3333;
}
label{
	font-size:10px;
}
select{
	width:160px;
}

#fSearch fieldset{
	width:161px;
	float:left;
	padding-left:10px;
/*	background-color:orange; */
	padding-bottom:20px;
}
#fSearch legend{
	padding-top:5px;
	padding-bottom:5px;
	color:#CC3333;
}
#fSearch label{
	font-weight:normal;
	display:block;
	width:50px;
	text-align:right;
	padding-right:5px;
	float:left;
	line-height:18px;
}
#fSearch input{
	width:100px;
	float:left;
	margin-bottom:3px;
	border:1px solid #6E6E6E;
}
#footer{
	clear:left;
	position:relative;
	font-size:9px;padding-left:5px; 	
}