/*
 * Mozna wykorzystywac czesci tego CSS wylacznie do nauki.
 * Wykorzystanie tego stylu poprzez unikalne polaczenie selektorów, klas, indetyfikatorów i
 * ich własciwosci jest chronione prawem autorskim i nie moze byc kopiowane.
*/

body{ background:#000; text-align:center; font-size:11px; font-family:Arial,Helvetica,sans-serif; margin:0px; padding:0px; }
a img{ border:0px; }
a:active, a:focus{ outline:none; }
a{ color:#9a0000; font-size:1em; text-decoration:none; }
a:hover{ color:#cb8583; }
div.clr{ clear:both; }
div#header{ width:100%; height:154px; background:#eae5e9 url('/theme/img/header.png'); position:relative; }
a#logo{ display:block; width:208px; height:112px; background:url('/theme/img/logo.png'); margin:0px auto; position:relative; }
div#head_shadow{ width:790px; height:7px; background:url('/theme/img/head_shadow.png') no-repeat; position:absolute; top:148px; left:50%; margin-left:-395px }
div#start{ width:946px; height:auto!important; height:300px; min-height:300px; margin:30px auto; background:#000; color:#696969; }
div#start_left{ width:467px; float:left; height:auto!important; height:450px; min-height:450px; }
div#start_left_a{ width:467px; height:308px; border:1px solid #2a2a2a; background:#181818; }
/*
div.thumb_start{ width:185px; height:108px; float:left; margin:19px 10px; color:#000; text-align:left; }
div.thumb_start div{ width:100px; float:right; margin:20px 5px 0px 0px ; }
div.thumb_start h3{ margin:2px 0px; text-decoration:underline; font-size:13px; }
                                                                                           */
div#start_left_a div.thumb_start a{ color:#000; display:block; }
/*
div.thumb_start a.more{ font-weight:normal!important; margin:10px 3px 0px 0px; text-align:right; }
div.thumb_start a:hover.more{ text-decoration:underline; }
                                                               
div.alternator{ background:#181818 url('/theme/img/alternator.png') no-repeat; margin-top:27px; }
div.rozruszniki{ background:#181818 url('/theme/img/rozruszniki.png') no-repeat; margin-top:27px; }
div.mostki{ background:#181818 url('/theme/img/mostki.png') no-repeat; }
div.uslugi{ background:#181818 url('/theme/img/uslugi.png') no-repeat; }*/
div#start_left_b{ width:467px; margin-top:20px; height:120px; min-height:120px; border:1px solid #2a2a2a; background:#181818; }
div#start_left_b  div.textintro{ width:430px; height:auto!important; height:10px; min-height:10px; margin:0 auto; padding:3px; text-align:left; color:#fff; line-height:18px; }
div:hover#start_left_b{ background:#202020; }
div#start_oferta{ width:415px; height:45px; margin:auto; background:url('/theme/img/start_oferta.png') no-repeat; }
div#start_serwis{ width:415px; height:45px; margin:auto; background:url('/theme/img/start_serwis.png') no-repeat; }
div#start_right a ,div#start_left a{ color:#7d7d7d; }
div#start_right a:hover ,div#start_left a:hover{ text-decoration:underline; }
div#start_right{ width:467px; height:auto!important; height:450px; min-height:450px; border:1px solid #2a2a2a; float:left; margin-left:20px; background:url('/theme/img/start_right.jpg') 0% 100% no-repeat; cursor: pointer; }
div#start_right div.textintro{ width:400px; height:auto!important; height:10px; min-height:10px; background:#191919; border:1px solid #2a2a2a; margin:20px auto; padding:10px; text-align:left; color:#fff; line-height:18px; }
div#start_right div:hover.textintro{ background:#202020; }
div.textintro h3{ font-size:13px; margin:2px 0px; }
/*
div#footer{ width:100%; height:20px; }
div#footer span{ line-height:20px; float:left; padding-left:5px; }
div#footer a{ line-height:20px; float:right; padding-right:5px; color:#696969; text-decoration: underline; }
div#footer a:hover { text-decoration: none; }
*/
#footer { overflow: hidden; height: 22px; padding: 8px 0 0 0; }
#footer #copyrights { float: left; margin: 0; }
#footer #author { float: right; margin: 0;}
#footer a { color:#696969; text-decoration: underline; }
#footer a:hover { text-decoration: none; }

/* aktualizacja 8.02.2010. */
#menu { float: left; width: 349px; height: 354px; padding: 13px; background-color: #191919; border: 1px solid #292929; }
#intro { float: left; width: 365px; height: 382px; padding: 0; margin-left: 14px; background-color: #c6c2c3; }
#contact { float: right; width: 148px; height: 332px; padding: 24px 14px; background-color: #191919; border: 1px solid #292929; text-align: left; color: #fff; position: relative; }

/* ikony w menu */
.thumb_start { width:165px; height:106px; background-color: #c1bdbe; border: 1px solid #fff; }

.thumb_start div { width:101px; height: 86px; padding: 16px 4px 4px 0; float:right; text-align: left; color: #000; position: relative; }
.thumb_start h3 { font-size: 1.05em; margin: 0; }
.thumb_start h3 a { color: #000; text-decoration: underline; }
.thumb_start h3 a:hover { color: #000; text-decoration: none; }
.thumb_start div p { margin: 10px 0 0 0; }
.thumb_start a.more { position: absolute; right: 5px; bottom: 5px; color: #000; }
.thumb_start a.more:hover { text-decoration: underline; }

.alternator { float: left; background: url(/theme/img/alternator.png) no-repeat left top; }
.rozruszniki { float: right; background: url(/theme/img/rozruszniki.png) no-repeat left top; }
.lusterka { float: left; background: url(/theme/img/lusterka.png) no-repeat left top; margin-top: 13px; }
.uslugi { float: right; background: url(/theme/img/uslugi.png) no-repeat left top; margin-top: 13px; }
.certyfikaty { float: left; background: url(/theme/img/certyfikaty.png) no-repeat left top; margin-top: 13px; }
.czesci { float: right; background: url(/theme/img/czesci.png) no-repeat left top; margin-top: 13px; }

/* intro */
#intro embed { margin: 0; padding: 0; }

/* kontakt */
#contact h3 { margin: 0; font-size: 1.1em; text-transform: uppercase; }
.vcard { margin: 15px 0; font-size: 1.05em; line-height: 180%; font-weight: bold; }
.vcard .email { font-size: 0.95em; margin: 20px 0 0 0; }
.vcard .email a { color: #fff; text-decoration: underline; }
.vcard .email a:hover { color: #fff; text-decoration: none; }
.vcard .gg { font-size: 0.95em; }
#contact p { font-size: 0.85em; }
#contact a.more { position: absolute; right: 5px; bottom: 5px; color: #696969; }
#contact a.more:hover { text-decoration: underline; }