/* SIMPLESOFTWARE stylesheet */
body {font: 12px Verdana, Arial, sans-serif; color: #828282; background: #f1f1f1 url(../images/page-bkg.jpg) repeat-x top;}

h1,h2,h3,h4,h5 {font-family: Arial, sans-serif;}
h1 {color: #000;}
h2 {color: #000; font-size: 17px; line-height: 17px; font-weight: normal; border-bottom: 2px solid #c6c6c6; padding-bottom: 2px}
h3 {color: #2d2d2d; font-size: 15px; line-height: 15px; font-weight: normal;}
h4 {color: #4e4e4e; font-size: 14px; line-height: 17px; font-weight: normal;}

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

.clr {display: block; clear: both;}
.col-12 {float: left; width: 49%;}
.col-22 {float: left; width: 49%;}
.left {float: left;}

.paginator {text-align: center;}
.paginator strong {font: 18px Georgia, serif; color :#000}
.paginator a {font: 16px Georgia, serif; color: #666}

#wrapper {width: 990px; margin: 0 auto;}

#header {position: relative; height: 300px; background: url(../images/header-bkg.jpg) no-repeat -10px 74px; }
#logo-simple {width: 227px; height: 46px; background: url(../images/logo-trans.png) no-repeat; position: absolute; top: 15px; left: 15px; }
#logo-simple h1 {height: 100%;}
#logo-simple a {display: block; width: 100%; height: 100%; text-indent: -9999px}
#top-photos {position: absolute; top: 35px; right: 0; width: 362px; height: 254px; background: url(../images/top-photo-bkg.png) no-repeat;}
#top-photos img {display: block; margin: 0 auto; margin-top: 22px}
#cite {position: absolute; top: 110px; left: 55px; width: 560px; font: 18px Georgia, 'Times New Roman', serif; line-height: 26px; color: #fff}
#top-menu {position: absolute; bottom: 40px; left: 0; font: 'Lucida Sans', Arial, Verdana, sans-serif;}
#top-menu li {float: left; margin-left: 5px; width: 86px; line-height: 27px; text-align: center; letter-spacing: -1px}
#top-menu li.selected {background: url(../images/top-menu-item-bkg.png) top no-repeat;}
#top-menu li.selected a {color: #000;}
#top-menu li a {color: #fff; display: block; width: 80px}
#top-menu li a:hover {color: #000;}

#languages {position: absolute; top: 8px; right: 0;}
#languages a {display: block; float: left; width: 24px; height: 19px; text-indent: -9999px}
#languages a.pl {background: url(../images/flag-pl.png) top no-repeat;}
#languages a.en {background: url(../images/flag-en.png) top no-repeat;}
#languages a:hover,
#languages a.selected {background-position: bottom;}

#search {position: absolute; top: 10px; right: 110px; }
#search .search-bar label {font: 13px 'Trebuchet MS', sans-serif; text-transform: uppercase; color: #909090;}
#search .search-bar input {border: none; background: url(../images/search-bar-bkg.gif) no-repeat; width: 120px; height: 13px; padding: 2px 10px; font: 11px Arial, sans-serif; color: #666}

#login-form {margin: 0 auto; background: #fff; border: 1px solid #e5e5e5; padding: 1em; width: 260px; float: right}
#login-form dt {}
#login-form dd {margin-bottom: 15px;}
#login-form .required {}
#login-form input.text {width: 250px; background: #fbfbfb; border: 1px solid #e5e5e5; font: 25px "Lucida Grande"; padding: 3px;}

#content {margin-top: 8px}
#content > .col-12 {width: 690px; margin-right: 20px;}
#content #offer {height: 286px; margin-bottom: 20px; background: url(../images/slider-bkg.jpg) no-repeat; position: relative}
#content #right-sidebar {width: 280px;}
#content #posts-list {width: 480px; margin-right: 20px}
#content #mid-sidebar {width: 190px;}
#content p a {border-bottom: 1px dashed #000;}
#content p a:hover {border-bottom: 1px solid #000;}

#offer-slider { width: 690px; height: 280px; position: absolute; overflow: hidden; top: 1px; left: 1px;}
#offer-slider a {color: #d0d0d1; border: none !important}
#offer-slider ul.nav {position: absolute; top: 0; left: 0; width: 151px; }
#offer-slider ul.nav li {height: 70px;}
#offer-slider ul.panels {position: absolute; top: 0; left: 151px; width: 538px; }
#offer-slider #marker {position: absolute; top: -210px; left: 0; background: url(../images/slider-nav-bkg.png) no-repeat; width: 150px; height: 490px;}

#offer-slider ul.nav li {text-indent: -9999px; cursor: pointer}
#offer-slider ul.nav li.simple-software {background: url(../images/simple-software-btn.png) bottom no-repeat;}
#offer-slider ul.nav li.potrzeby-biznesowe {background: url(../images/potrzeby-biznesowe-btn.png) bottom no-repeat;}
#offer-slider ul.nav li.rozwiazania-branzowe {background: url(../images/rozwiazania-branzowe-btn.png) bottom no-repeat;}
#offer-slider ul.nav li.produkty-uslugi {background: url(../images/produkty-i-uslugi-btn.png) bottom no-repeat;}
#offer-slider ul.nav li.selected {background-position: top;}
#offer-slider ul.nav li:hover {background-position: top;}
#offer-slider ul.panels li div {font: 14px 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 20px; color: #d0d0d1; padding: 20px}
#offer-slider ul.panels li div p {padding-bottom: .5em;}
#offer-slider ul.panels li div a.read-more {text-transform: uppercase; font-size: 13px; color: #fff; display: block; float: right}
#offer-slider ul.panels li div a.read-more:hover {color: #d7d7d7;}
#offer-slider ul.panels li div a.read-more strong {font: 17px Arial, sans-serif; font-weight: normal}
#offer-slider ul.panels li div p.graphics {float: left; width: 230px; text-align: center;}
#offer-slider ul.panels li div p.graphics img {margin-bottom: 30px;}

#offer-slider #en li.simple-software {background: url(../images/company-profile-btn.png) bottom no-repeat;}
#offer-slider #en li.potrzeby-biznesowe {background: url(../images/business-software-btn.png) bottom no-repeat;}
#offer-slider #en li.rozwiazania-branzowe {background: url(../images/software-development-btn.png) bottom no-repeat;}
#offer-slider #en li.produkty-uslugi {background: url(../images/it-integration-btn.png) bottom no-repeat;}
#offer-slider #en li.selected {background-position: top;}
#offer-slider #en li:hover {background-position: top;}

#offer-slider .potrzeby-biznesowe .graphics {margin-top: 0; margin-left: -21px;}
#offer-slider .potrzeby-biznesowe p {margin-left: 260px;}
#offer-slider .rozwiazania-branzowe .graphics {margin-top: -20px; margin-left: -20px;}

#offer-slider .produkty-uslugi p {margin-left: 250px;}
#offer-slider .produkty-uslugi .graphics {margin-left: -10px;}


#content #left {width: 190px; margin-right: 20px}
#content #middle {width: 540px; margin-right: 20px}
#content #right {width: 220px;}

#content h2 {padding-bottom: 2px;}

.post {margin-bottom: 20px;}
.credentials {font: 9px Arial, sans-serif; color: #a2a2a2; margin-bottom: 10px}
.credentials strong {font-weight: normal; color: #717171}
.post p {line-height: 17px; padding: 5px 0}
.post ul {list-style: disc; padding-left: 2.5em}
.post ol {list-style: decimal; padding-left: 2.5em;}
.post li {padding: 3px 0;}
.post li p {padding: 0;}

#post h1 {color: #000; font-size: 17px; line-height: 17px; font-weight: normal; border-bottom: 2px solid #c6c6c6; padding-bottom: 2px}
#post h2 {color: #2d2d2d; font-size: 15px; line-height: 15px; font-weight: normal;}
#post h3 {color: #4e4e4e; font-size: 14px; line-height: 17px; font-weight: normal;}
#post h4 {font-size: 14px; line-height: 17px; font-weight: normal;}

#left ul li {padding: .3em; background-color: #368ce8; margin-bottom: 3px; position: relative; font-family: 'Lucida Sans Unicode', 'Lucida Sans', Arial, Verdana, sans-serif; text-transform: uppercase;
-webkit-border-radius: 5px; /* Safari, Chrome */
-khtml-border-radius: 5px;    /* Konqueror */
-moz-border-radius: 5px; /* Firefox */
border-radius: 5px; 
}
#left ul li.spacer {background: transparent;}
#left ul li ul {position: absolute; right: -300px; top: 0; width: 300px; display: none}
#left ul li ul li {border-bottom: 3px solid #f1f1f1; margin-bottom: 0;}
#left ul li:hover > ul {display: block;}
#left ul li:hover {background-color: #235b97;}
#left ul li.spacer:hover {background: transparent;}
#left ul li a {color: #fff;}

#right div {padding-bottom: 20px;}
#right ul {padding: 5px 0; }
#right ul li {padding: 3px 0;}
#right li a:hover {color: #000;}

#edu {margin-bottom: 10px;}
#edu h2 {font: 13px Tahoma, sans-serif; text-align: right; border: none; margin-bottom: 5px}
#edu li {text-transform: uppercase; margin-bottom: 2px; background-color: #fff; padding: 5px 10px;}
#edu li a {color: #a8a8a8; }
#edu li a:hover {color: #666;}

#right-sidebar .panel {margin-bottom: 30px;}
#right-sidebar .advisor {margin-bottom: 20px}
#mid-sidebar .buttons {text-align: center; margin-bottom: 25px;}
#mid-sidebar .buttons a {display: block; margin-bottom: 12px}

#promo-news li {background: #fff; padding: 6px 12px; font: 10px 'Lucida Sans Unicode', 'Lucida Sans', Arial, Verdana, sans-serif; color: #acacac; margin-bottom: 3px}
#promo-news li h3 a {display: block; font-size: 13px; color: #525252; margin-bottom: 0px; font-family: 'Lucida Sans Unicode', 'Lucida Sans', Arial, Verdana, sans-serif}

#contents ol {padding: 5px 0; padding-left: 2em;}
#contents li {padding: 3px 0; list-style: decimal}

#clients li {text-align: center; width: 150px; float: left; height: 160px;}

#related-addons li {text-align: center;}

#footer {clear: both; text-align: center; line-height: 30px; font-size: 9px; border-top: 1px solid #ccc; padding-bottom: 2em}
#footer p {margin: 0; padding: 0; line-height: 1em}

/* zaloba 
body {background: #f1f1f1 url(../images/b&w/page-bkg.jpg) repeat-x top;}
#header {background: url(../images/b&w/header-bkg.jpg) no-repeat -10px 74px; }
#logo-simple {width: 250px; background: url(../images/b&w/logo-trans.png) no-repeat}
*/