@charset "utf-8";

/**
 * Author: Coyote S.A.
 * Compatibility: IE6, IE7, IE8, Fx2, Fx3, O9x, SWin
 *
 * Font glyph sizes
 *    7px = 0.85em (footer)
 *  > 8px = 1.00em (body default)
 *    9px = 1.10em;
 *    
 */

@import "reset.css";
@import "editor.css";


/* Global & Misc:
 * _____________________________________________________________________________
 */ 

/* Structural labels for accessibility: */
.accessibility
{
	left: -9999px;
	position: absolute;	
	width: 100px;
}

html
{
  background: #EBEBEB;
}

body
{
  background: #FFF url(../img/body-roundbox-top.gif) no-repeat left top;
  font-size: 1.1em;
  margin: 20px auto;
  padding: 6px 6px 0 6px;
  width: 911px;
}

#navbar,
#main
{
  float: right;
  width: 701px;
}

#header,
#sidebar
{
  clear: left;
  float: left;
  width: 203px;
}

/* Header:
 * _____________________________________________________________________________
 */
#header
{
  background: url(../img/sidebar-bg-top.gif) repeat-x left 1px;
  height: 154px;
}

#header h1
{
  background: url(../img/sidebar-borders.gif) repeat-y left top;
  height: 154px;
}

#header h1 a,
#header h1 strong
{
  background: url(../img/sidebar-roundbox-top.gif) no-repeat left top;
  color: #585858;
  display: block;
  font-size: 1.3em;
  padding: 12px 0 0 47px;
  text-decoration: none;
  text-transform: uppercase;
}

#header h1 a img,
#header h1 strong img
{
  display: block;
}

/* Navbar:
 * _____________________________________________________________________________
 */
#navbar
{
  background: #F4C128 url(../img/navbar-roundbox-bottom.gif) no-repeat left bottom;
  line-height: 1.0em;
  margin-bottom: 8px;
}

#navbar ul
{
  background: url(../img/navbar-roundbox-top.gif) no-repeat left top;  
  float: left;
  width: 100%;
}

#navbar li
{
  background: url(../img/navbar-sep.gif) no-repeat left center;
  float: left;
  line-height: 35px;
  padding: 0 8px 0 14px;
/*  padding: 1.0em 8px 1.0em 14px;*/
}

#navbar li.first
{
  background: none;
  padding-left: 13px;
}

#navbar a
{
  color: #000;
  text-decoration: none;
}

#navbar a:hover
{
  text-decoration: underline;
}

/* Sidebar:
 * _____________________________________________________________________________
 */
#sidebar
{
  background: #C0DCE8 url(../img/sidebar-bg-bottom.gif) repeat-x left top;
  float: left;
}

#sidebar ul
{
  background: url(../img/sidebar-borders.gif) repeat-y left top;  
  border-bottom: 1px solid #B7C8CF;
  font: 1.15em normal Helvetica, Arial, sans-serif;
  min-height: 190px;
  padding: 0 0 0 1px;
}

#sidebar ul li
{
  background: url(../img/menu-sep.jpg) no-repeat 13px bottom;
  padding: 4px 0 7px 0;
  position: relative;
}

#sidebar ul a
{
  background: url(../img/menu-bullet.gif) no-repeat 13px 0.5em;
  color: #000;
  display: block;
  padding: 0 0 0 26px;
  text-decoration: none;
}

#sidebar ul a:visited
{
  color: #444;
}

#sidebar ul a:hover
{
  color: #2C5F72;
}

#sidebar .submenu
{
  background: url(../img/submenu-bottom.gif) no-repeat right bottom;
  display: none;
  left: 202px;
  width: 146px;
  padding: 0 0 5px 1px;
  position: absolute;
}

#sidebar li:hover .submenu,
#sidebar li.hover .submenu
{
  display: block;
  top: -5.0em;
}

#sidebar .submenu ul
{
  background: url(../img/submenu-top.gif) no-repeat right top;
  border: none;
  font-size: 1.0em;
  min-height: 0;
  padding: 5px 0;
}

#sidebar .submenu ul li
{
  background: url(../img/submenu-sep.gif) no-repeat 8px bottom;
}


#sidebar #promo
{
  border-top: 7px solid #FFF;
  background: #FFF;
  display: none; /* XXX tymczasowo ukryte */
}
#sidebar #rzetelna_firma
{
  border-top: 7px solid #FFF;
  background: #FFF;	
  display: block; 
}


#sidebar #promo h3
{
  background: #D8D8D8;
  color: #ABABAB;
  font: normal 2.0em/138px Helvetica, Arial, sans-serif;
  height: 138px;
  text-align: center;
  text-transform: uppercase;
}


/* Main & Content:
 * _____________________________________________________________________________
 */
#main
{
}

#main a img
{
  display: block;
}

.banner-home
{
  float: left;
}

.banner-content
{
  clear: both;
  display: inline-block; /* IE7 FIX (double padding bug) - harmless */
  margin-bottom: 1.0em/*MB*/;
  padding-top: 7px;
}

.banner-content p
{
  margin-top: 10px;
  text-align: justify;
}

.content .banner-content
{
  margin-left: -33px;
  margin-right: -40px;
}

.banner-header
{
  margin-bottom: 30px;
}

#main h2
{
  background: url(../img/header-bullet.gif) no-repeat 5px 0.05em;
  color: #5CA5B4;
  font-size: 2.2em;
  font-weight: normal;
  line-height: 1.0em;
  margin: 0 3px;
  padding: 0 0 0.2em 30px;
  text-transform: uppercase;
}

.content a
{
  color: #5CA5B4;
}

.content a:hover
{
  background: #5CA5B4;
  color: #FFF;
  text-decoration: none;
}

#main h2,
.content h3,
.content h4,
.content h5,
.content h6
{
  font-family: Helvetica, Arial, sans-serif;
}

.content p,
.content ul,
.content ol,
.content dl
{
  margin-bottom: 1.0em/*MB*/;
}

.content ul li
{
  background: url(../img/list-bullet.gif) no-repeat 20px 0.2em;
  padding-left: 35px;
}

.content
{
  background: url(../img/header-border-bottom.gif) repeat-x left top;
  border-bottom: 1px solid #F0F0F0;
  line-height: 1.4em;
  overflow: hidden;
  padding: 1.0em/*MB*/ 40px 30px 33px;
}

/* Important: */

#main .content .important
{
  background: #F4C128 url(../img/orange-roundbox-top.gif) no-repeat left top;
  margin: 0 -15px 1.0em/*MB*/;
}

#main .content .important div
{
  background: url(../img/orange-roundbox-bottom.gif) no-repeat left bottom;
  padding: 1.0em/*MB*/ 15px 1px;
}

/* Columns */
.content .columns
{
  background: #EBEBEB url(../img/gray-roundbox-bottom.gif) no-repeat left bottom;
  margin: 0 -15px 1.0em/*MB*/;
  overflow: hidden;
}

.content .column1
{
  background: url(../img/gray-roundbox-top.gif) no-repeat left top;
  float: left;
  padding-left: 15px;
  width: 255px;
}

.content .column2
{
  background: url(../img/gray-roundbox-top.gif) no-repeat right top;
  float: right;
  padding-right: 15px;
  width: 373px;
}

.content .columns h3
{
  background: url(../img/column-header-top.gif) no-repeat left top;
  font-size: 1.1em;
  line-height: 1.2em;
  min-height: 2.4em;
  padding: 0.5em 15px 0;
  text-transform: uppercase;
}

.content .columns ul,
.content .columns dl
{
  background: #EBEBEB url(../img/column-header-bottom.gif) no-repeat left top;
  padding-top: 1.4em;
}

.content .columns dl
{
  padding-left: 15px;
  padding-right: 15px;
  overflow: hidden; /* FIX for IE7 (harmless) */
}

.content .columns dt,
.content .columns dd
{
  float: left;
  margin-bottom: 1.0em;
}


.content .columns dt
{
  clear: left;
  width: 110px;
}

.content .columns dd
{
  width: 115px;
}

.content .columns ul
{
  text-transform: uppercase;
}

#main .content .columns ul li
{
  background-position: 3px 0.4em;
  padding-left: 15px;
}

/* Tables */


table
{
  border-collapse: separate;
  margin: 0 -15px 1.0em/*MB*/;
  width: 658px;
}

.tcaption
{
  background: #F4C128 url(../img/tcaption-bottom.gif) no-repeat left bottom; 
  margin: 2.0em -15px 0;
  padding: 0 30px 0.75em;
  text-align: center;
}

.tcaption h3
{
  background: url(../img/tcaption-top.gif) no-repeat left top; 
  font-size: 1.75em;
  margin: 0 -15px 0.75em/*MB*/;
  padding: 1.0em 15px 0;
  text-transform: uppercase;
}

.tcaption h3 span
{
  display: block;
  margin: 0.25em 0;
  font-size: 0.5em;
  font-weight: normal;
  text-transform: none;
}

.tcaption p.em
{
  background: #F7D05E;
  margin: 0 -10px 0;
  padding: 0.25em 0;
  text-transform: uppercase;
}

table thead th
{
  background: #EBEBEB;
  white-space: nowrap;
}

table thead th.first
{
  border-left-width: 1px;
}

table tbody th
{
  border-left-width: 1px;
  font-weight: normal;
  padding-left: 15px;
  text-align: left;
}

table tbody td
{
  text-align: center;
}

table tr.even th,
table tr.even td
{
  background: #EBEBEB;
}

table td,
table th
{
  padding: 0.5em 0;
  border: 1px solid #D8D8D8;
  border-width: 0 1px 1px 0;
}

/* Content > Home:
 * _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
 */

/* About box */
#about
{
  background: #97C1CF url(../img/aboutbox-top.gif) no-repeat left top;
  color: #4B6C7B;
  font: normal 1.0em Helvetica, Arial, sans-serif;
  float: right;
  padding: 4px 4px 6px;
  width: 207px;
}

#about .vcard
{
  background: #B2D6E4 url(../img/aboutbox-top.gif) no-repeat -4px -4px;
  min-height: 187px;
  padding: 10px 9px 95px;
  position: relative;
}

#about .vcard h2
{
  background: none;
  color: #4B6C7B;
  font-size: 1.35em;
  font-weight: normal;
  margin: 0 0 0.2em;
  padding: 0;
  text-transform: none;
}

#about .vcard h3
{
  font-weight: normal;
  font-size: 0.9em;
  margin-bottom: 1.5em;
  text-transform: uppercase;
}

#about .vcard .locality
{
  text-transform: uppercase;
}


#about .vcard h4
{
  margin-top: 1.5em;
  font-weight: normal;
  text-decoration: underline;
}

#about dl
{
  margin-bottom: 1.0em;
  overflow: hidden;
/* 189 */
}

#about dt
{
  float: left;
  width: 119px;
}

#about dd
{
  float: right;
  width: 70px;
}

#about img
{
  margin: 0 -9px;
  position: absolute;
  bottom: 0;
}

/* Content > Test Drive:
 * _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
 */
.testdrive .content form
{
}

.testdrive .content form ul
{
  list-style: none;
}

.testdrive .content form ul li
{
  background: none;
  margin-top: 0.5em/*MB*/;
  overflow: hidden;
  padding: 0.5em 5px 0.5em 200px;
}

.testdrive .content form ul li.textfieldRequiredState,
.testdrive .content form ul li.textfieldInvalidFormatState,
.testdrive .content form ul li.selectInvalidState
{
  background: #FFE0E0;
  border: 1px solid #F8D8D8;
}

.testdrive .content form li label
{
  color: #666;
  display: inline; /* FIX for ie6 (harmless) */
  float: left;
  font-size: 0.9em;
  margin-left: -200px;
  text-align: right;
  padding-right: 1.0em;
  width: 185px;
}

.testdrive .content form label em
{
  margin-right: -1.0em;
}

.testdrive .content form li input,
.testdrive .content form li select,
.testdrive .content form li textarea,
.testdrive .content form ul li div
{
  float: left;
}

.testdrive .content form li input,
.testdrive .content form li select,
.testdrive .content form li textarea
{
  background: #CCC;
  border: 1px solid #9A9A9A;
}

.testdrive .content form .textfieldRequiredState input,
.testdrive .content form .textfieldInvalidFormatState input,
.testdrive .content form .selectInvalidState select
{
  background: #FBB;
  border: 1px solid #DA8A8A;
}


.testdrive .content form li div select
{
  display: inline;
  float: none;
}

.testdrive .content form ul li p
{
  margin: 0;
  clear: both;
}

.testdrive .content form li.notes label
{
  margin-left: 0;
  text-align: left;
}

.testdrive .content form li.submit input
{
  background: #666;
  color: #FFF;
  text-transform: uppercase;
}

.testdrive .content .required
{
  margin-left: 200px;
}

/* Content > About:
 * _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
 */
.about img
{
  clear: left;
  display: inline; /* FIX for IE6 (harmless) */
  float: left;
  margin: 0 20px 18px 0;
}

/* Content > Contact:
 * _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
 */
.contact .content
{
  color: #777;
  padding-right: 400px;
  padding-top: 30px;
}

.contact .content img
{
  display: inline; /* FIX for IE (double margin bug) (harmless) */
  float: right;
  margin-right: -370px;
}

.contact .content .vcard h3,
.contact .content .vcard h4,
.contact .content .vcard .locality,
.contact .content .vcard .street-address,
.contact .content .vcard .hours
{
  text-transform: uppercase;
}

.contact .content .vcard h3,
.contact .content .vcard h4
{
  font-size: 1.15em;
}

.contact .content .vcard h4,
.contact .content .vcard .adr
{
  margin-bottom: 1.0em/*MB*/;
}

.contact .content .vcard dl.tels,
.contact .content .vcard p.tel
{
  margin-bottom: 1.0em/*MB*/;
  padding-left: 3.0em;
}

.contact .content .vcard dl.tels dt,
.contact .content .vcard p.tel span
{
  display: inline; /* FIX for IE double margin bug (harmless) */
  float: left;
  margin-left: -3.0em;
  text-transform: uppercase;
}



.contact .content .vcard .invite
{
  font-size: 1.25em;
  margin: 2.0em/*MB*2*/ 0 1.0em/*MB*/;
}

.contact .content .vcard h6
{
  font-size: 1.15em;
  margin-bottom: 0.4em/*MB/2*/;
}

.contact .content .vcard .hours dd
{
  margin-bottom: 0.5em/*MB/2*/;
}


/* Footer:
 * _____________________________________________________________________________
 */
#footer
{
  background: url(../img/body-roundbox-bottom.gif) no-repeat left bottom;
  clear: both;
  color: #929BA4;
  font-size: 0.85em;
  margin: 0 -5px 0 -6px;
  padding: 1.0em 15px 0.8em;
  text-align: right;
}

#footer address
{
  font-style: normal;
}

#footer address a
{
  color: #929BA4;
  text-decoration: none;
}

#footer address a:hover
{
  text-decoration: underline;
}