/*
Theme Name: ever go
Description: Szablon serwisu ever go.
*/

body { margin: 0; padding: 0; background: #272928; color: #91908b; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
html { background: #191919; }
input, textarea, select { font-size: 1em; font-family: Arial, Helvetica, sans-serif; }
a { text-decoration: none; color: #e39205; }
a:hover { text-decoration: underline; }
a img { border: none }
p { margin: 1em 0 }
ul { margin: 0; padding: 0; list-style: none; }
form { margin: 0 }
table { border-collapse: collapse }
h1 img, h2 img, h3 img, h4 img { display: block; }

#top, #main, #ft div.wrapper { width: 983px; margin: 0 auto; }

#bg-lt { position: absolute; top: 0; left: 0; width: 50%; height: 380px; background: url(img/bg-lt.jpg) repeat-x; }
#bg-rt { position: absolute; top: 0; right: 0; width: 50%; height: 380px; background: url(img/bg-rt.jpg) repeat-x; }
#container { position: absolute; top:0; width: 100%; background: url(img/container.jpg) 50% 0 no-repeat; }
#top { position: relative; height: 380px; }
#top h1 { margin: 0; float: left; }
#lang { position: absolute; top: 49px; right: 0; }
#lang li { float: left; padding: 0 0 0 11px; }
#lang li a { float: left; height: 22px; overflow: hidden; }
#lang li a.current img { margin-top: -22px; }
#menu { position: absolute; top: 47px; right: 85px; }
#menu li { float: left; padding: 0 17px 0 0; background: url(img/menu.li.gif) 100% 0 no-repeat; }
#menu li a { float: left; height: 38px; overflow: hidden; }
#menu li a.current img { margin-top: -38px; }
#banner { position: absolute; top: 96px; left: 0; }
#banner img.banner { border: solid 3px #bb5104; }
#banner ul.menu { position: absolute; top: 15px; right: 0; }
#banner ul.menu li { margin: 0 0 18px 0; }
#banner ul.menu li img { vertical-align: bottom; width: 193px; height: 52px; }
#breadcrumbs { position: absolute; top: 347px; left: 0; }
#breadcrumbs a { font-weight: bold; background: url(img/breadcrumbs.a.gif) 100% 5px no-repeat; padding: 0 10px 0 0; margin: 0 6px 0 0; }
#breadcrumbs strong { color: #fff; }
#page-tools { position: absolute; top: 347px; right: 0; }
#page-tools a { font-weight: bold; padding: 1px 0 1px 27px; }
#page-tools a.pdf { background: url(img/page-tools.pdf.gif) no-repeat; padding-right: 14px; border-right: solid 1px #793701; margin-right: 12px; }
#page-tools a.print { background: url(img/page-tools.print.gif) no-repeat; }
#page-tools span.font-size { padding: 0 25px 0 0; }
#page-tools span.font-size a { padding: 1px 2px; }
#page-tools span.font-size .s { font-size: 10px; }
#page-tools span.font-size .m { font-size: 11px; }
#page-tools span.font-size .b { font-size: 13px; }

#content { width: 700px; padding: 5px 0 15px 0; float: right; font-size: 1.2em; line-height: 1.5em; }
#content h2 { font-size: 2.7em; line-height: 1.1em; color: #fff; margin: 20px 0; }
#content h2 a { color: #fff; }
#content h2 a:hover { text-decoration: none; }
#content h3 { color: #CF8607; }
#sidebar { width: 233px; padding: 5px 0 25px 0; }
#sidebar h2 { font-size: 2.2em; color: #cf8607; margin: 12px 0; }
#sidebar ul.menu { width: 100%; overflow: hidden; }
#sidebar ul.menu li { display: inline; }
#sidebar ul.menu li a { display: block; color: #91908b; padding: 0 0 1px 0; background: url(img/sidebar.menu.li.a.gif) 0 100% no-repeat; }
#sidebar ul.menu li a span { display: block; font-size: 1.2em; line-height: 1.66em; padding: 7px 5px 6px 39px; background: url(img/sidebar.menu.li.a.span.gif) 0 50% no-repeat; }
#sidebar ul.menu li a:hover,
#sidebar ul.menu li a.current { text-decoration: none; color: #fff; }
#sidebar ul.menu li ul { padding: 0 0 0 34px; }

#ft { width: 100%; background: #191919; clear: both; }
#ft div.wrapper { height: 82px; }
#ft img.logo { float: left; padding: 26px 6px 0 0; }
#ft div.copyright { float: left; padding: 26px 0 0 0; }
#ft ul.menu { float: right; padding: 26px 0 10px 0; }
#ft ul.menu li { display: inline; padding-right: 14px; border-right: solid 1px #8f8f8f; margin-right: 12px; }
#ft ul.menu li a { color: #8f8f8f; }
#ft ul.menu li.last { padding-right: 0; border-right: none; margin-right: 0; }
#ft div.powered { float: right; padding: 0 0 0 0; clear: right; color: #aeaead; font-weight: bold; }

body.narrow { }
body.narrow #bg-lt { background-image: url(img/narrow.bg-lt.jpg); }
body.narrow #bg-rt { background-image: url(img/narrow.bg-rt.jpg); }
body.narrow #container { background-image: url(img/narrow.container.jpg); }
body.narrow #top { height: 290px; }
body.narrow #breadcrumbs { top: 257px; }
body.narrow #page-tools { top: 257px; }
body.narrow #banner ul.menu { top: 7px; }
body.narrow #banner ul.menu li { margin-bottom: 5px; }
body.narrow #banner ul.menu li img { width: 132px; height: 37px; }

body.home { }
body.home #bg-lt, body.home #bg-rt { height: 331px; }
body.home #container { background-image: url(img/home.container.jpg); }
body.home #top { height: 331px; }
body.home #content { width: 220px; }
body.home #content h2 { font-size: 1.4em; margin: 5px 0 11px 0; }
#boxes { width: 743px; height: 360px; position: relative; margin: 12px 0 9px 0; border-right: solid 1px #191b1a; }
#boxes li.box { position: absolute; width: 340px; }
#boxes li.box h3 { margin: 0; color: #fff; font-size: 1.2em; }
#boxes li.box h3 a { color: #fff; }
#boxes li.box h3 a:hover { text-decoration: none; }
#boxes li.box img.thumb { float: left; border: solid 3px #bb5104; margin: 0 9px 0 0; }
#boxes li.box p { width: 220px; float: left; font-size: 1.2em; line-height: 19px; margin: 7px 0 0 0; }
#boxes li.box p a { color: #91908b; }
#boxes li.box p a:hover { text-decoration: none; }
/*#boxes li.box-1, #boxes li.box-2, #boxes li.box-3 { top: 11px; }
#boxes li.box-4, #boxes li.box-5, #boxes li.box-6 { top: 116px; }
#boxes li.box-1, #boxes li.box-4 { left: 0; }
#boxes li.box-2, #boxes li.box-5 { left: 255px; }
#boxes li.box-3, #boxes li.box-6 { left: 509px; }*/

#boxes li.box-1, #boxes li.box-2, #boxes li.box-3 { left: 0; }
#boxes li.box-4, #boxes li.box-5, #boxes li.box-6 { left: 380px; }
#boxes li.box-1, #boxes li.box-4 { top: 10px; }
#boxes li.box-2, #boxes li.box-5 { top: 120px; }
#boxes li.box-3, #boxes li.box-6 { top: 240px; }
