/* - - - - - - - - - - - - - - - - - - - - -
Title : Saga css
Author : Grzegorz Szostak | gszostak.com
URL : www.saga.info.pl
Description : 
Created : 08/27/2006 
Modified : 11/21/2006
- - - - - - - - - - - - - - - - - - - - - */
/*main-styles*/
* {
	padding:0;
	margin:0;
}
html, body {
    color:#5e5e5e;
    font:normal 0.85em/1.5 Verdana, Geneva, Arial, helvetica, sans-serif;
    text-align:center;
    background:#55709f url(../img/bg01.jpg) center top repeat-x;
}
abbr, acronym { /* acronym and abbr aren't styled in IE per default */
	border-bottom: 1px dotted #58B2CB;
	cursor: help;
}
abbr {
	speak: spell-out;
}
acronym {
	speak: normal;
}
kbd {
	font-size:1.2em;
	border:1px solid #d8d5ce;
	background:#f0efec;
	padding:1px 2px;
}
ul, li {
	list-style-type: none;
}
input, textarea, select {
	border:0 none;
	border-left:4px solid #c1c1c1;
	background:#f4f4f4;
	height:19px;
	padding:1px 3px 0;
    font:normal 1.2em/1.2 Verdana, Geneva, Arial, helvetica, sans-serif;
}
input.formError, textarea.formError, select.formError {
	border-left:4px solid #ff0000;
	background:#ffecec;
}
p.errorMsg {
	color:#ff0000;
}
option {
	padding:0 5px;
}
textarea {
	width:434px;
	height:100px;
}
fieldset , legend {
	border:0 none;
}
div.clearer {
	clear:both;
	line-height:0;
	height:0;
}
img {
    display:block;
	border:0 none;
}
a {
	text-decoration:none;
	color:#1c80ba;
	outline: none;
}
a:hover {
	text-decoration:underline;
	color:#00649e;
}
/*logo*/
h1 {
	position:absolute;
	width:206px;
	left:25px;
}
h1 a {
	display:block;
	height:94px;
	background:url(../img/saga.gif) 0 0 no-repeat;
}
h1 a span {
	display:none;
}
h2, h3 {
	padding-top:30px;
	border-bottom:1px solid #e0e0e0;
}
h2 span, h3 span {
	display:block;
	float:left;
	border-bottom:1px solid #606060;
}
h2 {
    font:normal 1.4em/1.8 Verdana, Geneva, Arial, helvetica, sans-serif;
	height:29px;
}
h2 a {
	background: url(../img/marks01.gif) right 95% no-repeat;
    margin-top:7px;
	font-size:10px;
	color:#1c80ba;
	padding-right:13px;
	display:block;
	float:right;
}
h2 a:hover {
	color:#00649e;
}
h3 {
    font:normal 1.1em/1.5 Verdana, Geneva, Arial, helvetica, sans-serif;
	height:19px;
	margin:0 10px;
}
/*---- index headers ----*/
.container h2 {
	background: url(../img/h2bg.gif) left bottom no-repeat;
}
.container h2 span {
	display:none;
}
#realizations h2 {
	background-position: 0 -177px;
}
#partners h2 {
	background-position: 0 -118px;
}
#certificate h2 {
	background-position: 0 -59px;
}
#inquiry h2 {
	background-position: 0 0;
}
/*---- global-styles ----*/
#hiddenStructure {
	display:none;
}
#goTop {
	text-align:right;
	padding:20px 10px 0 0;
}
#goTop a {
	background: url(../img/marks01.gif) right 64% no-repeat;
}
#inquiry div p a, #realizations div.realizationBox a.more {
	color:#1c80ba;
	background: url(../img/mark03.gif) right 70% no-repeat;
}
#slideUpDown a, #goTop a, #content address a, #inquiry p a, #realizations p a.more {
    font:normal 0.9em/1.6 Tahoma, Verdana, Geneva, Arial, helvetica, sans-serif;	
	color:#1c80ba;
	padding-right:13px;
}
#slideUpDown a:hover, #goTop a:hover, #inquiry p a:hover, #realizations p a.more:hover {
	color:#00649e;
}
a.out {
	background: url(../img/mark04.gif) right 60% no-repeat;
	padding-right:9px;
}
/*-------google maps--------*/
#map {
	margin:20px 20px 0;
	width:520px;
	height:350px;
	border:1px solid #606060;
}
#mapBox {
	padding-left:80px;
	background: #fff url(../img/saga_small.gif) left center no-repeat;
}
/*---- layout ----*/
#wrapper {
	background: url(../img/bg04.gif) center bottom repeat-x;
}
#webBox {
	width:860px;
	margin:0 auto;
	background: url(../img/bg02.gif) 0 0 repeat-y;
	text-align:left;
}
#cntHead {
	height:100%;
	background: url(../img/bg03.gif) 0 0 no-repeat;
}
#cntFooter {
	height:100%;
	background: url(../img/bg051.gif) center bottom no-repeat;
}
#header {
	cursor:default;
	height:228px;
/*	height:324px;*/
	position:relative;
}
#contentBox {
	margin:0 15px;
/*	height:100%;*/
	background:#fff;
    font:normal 0.95em/1.6 Verdana, Geneva, Arial, helvetica, sans-serif;
}
#content {
	width:564px;
	margin:0 25px 40px 0;
	float:right;
	height:auto !important;
	height:300px; /* IE */
	min-height:300px;
}
#contentFull {
	width:810px;
	height:100%;
	margin:0 0 0 10px;
	padding-bottom:30px;
}
#bottomBox {
	margin:0 15px;
	padding:0 10px;
	background: #fff url(../img/bg09.gif) 0 0 no-repeat;
}
#content .sideA, #tools .sideA {
	float:left;
	width:50%;
}
#content .sideB, #tools .sideB {
	margin-left:50%;
}
#content .sideC {
	float:left;
	width:422px;
}
#content .sideD {
	margin-left:422px;
}
#contentBox .clear {
	clear:both;
	padding-top:0;
}
.container {
	margin:0 10px;
}
#offer {
	width:490px;
	float:left;
}
#offerList {
	margin:6px 10px 0; /*0 bottom?*/
}
#offerList li {
	width:50%;
	float:left;
	margin-top:6px;
}
#offerList li a {
	display:block;
	padding:0 5px;
    font:bold 1.1em/1.6 Verdana, tahoma, Geneva, Arial, helvetica, sans-serif;
	color:#818181;
	border-left:1px solid #fff;
}
#offerList li a:hover, #offer li:hover a {
	border-left:1px solid #ff0000;
}
#offerList li ul {
	margin-top:3px;
}
#offerList li ul li {
	margin-top:0;
	float:none;
	width:100%;
	border-bottom:1px solid #ececec;
}
#offerList li:hover ul li {
	border-bottom:1px solid #d1d1d1;
}
#offerList li:hover ul li a {
	border:0;
	color:#3c3c3c;
}
#offerList li ul li a {
	border:0;
	display:block;
	padding:0 15px;
    font:normal 1em/1.6 Tahoma, Geneva, Arial, helvetica, sans-serif;
}
#offerList li ul li a:hover {
	border:0;
	color:#0071b2;
	background:#f5f7f9;
	text-decoration:none;
}
#realizations {
	width:280px;
	float:right;
}
#realizations div.realizationBox {
	margin:10px;
	background:#f5f7f9;
}
#realizations div.realizationBox:hover {
	background:#eef0f5;
}
#realizations p {
	padding:10px 0 0 0;
	color:#dd0000;
}
#realizations div.realizationBox a {
	color:#dd0000;
}
#realizations p span, span.realizationDate, #content table th {
	font-size:0.95em;
	color:#a6a6a6;
}
#realizations p em, span.realizationDate em {
	color:#606060;
	font-style:normal;
}
#realizations img {
	float:left;
	background:#fff;
	padding:1px;
	margin:10px;
	border:1px solid #c1c1c1;
}
#partners {
	width:190px;
	float:left;
}
#partners ul, #certificate div, #inquiry div {
	padding:10px;
}
#certificate {
	width:280px;
	float:left;
}
#inquiry {
	width:280px;
	float:left;
}
#inquiry div p {
	color:#dd0000;
	padding:5px 10px;
	background:#f6f7fb url(../img/inqbg.gif) right bottom no-repeat;
}
/*---- content styles ----*/
#content img {
	margin:10px;
	border:1px solid #f4f4f4;
}
#content p, #content blockquote, #content ul, #content address, #content dl, #content table {
	margin:0 20px;
	padding-top:30px;
}
#content blockquote {
	margin-top:30px;
	background: #f4f4f4 url(../img/bq.gif) 0 0 no-repeat;
	padding:19px 29px;
}
#content cite {
	display:block;
	text-align:right;
	padding:5px 29px 0 0;
}
#content ul li {
	line-height:1.6;
	padding:8px 15px;
	background: url(../img/mark02.gif) 3px 5px no-repeat;
}
#content li.markedLi, #content tr.markedTr td, #content #serviceMap li ul li.markedLi {
	background-color:#f4f4f4;
}
#content li.captionLi {
	background: none;
	padding:8px 0px 2px;
}
#content ol {
	margin:5px 20px;
}
#content #prodList {
	margin-top:30px;
}
#content #prodList li {
	background:0 none;
	width:40%;
	height:100px;
	float:left;
	text-align:center;
	margin:10px;
}
#content #prodList li img {
	margin:0 auto;
	margin-bottom:5px;
}
#content #serviceMap li {
	background:0 none;
}
#content ol li, #content #serviceMap li ul li {
	line-height:1.6;
	padding:3px 15px;
	background: url(../img/mark02.gif) 3px -1px no-repeat;
}
#content table {
	width:382px;
}
#content table td {
	padding:3px 5px;
}
#content table th {
	padding:0 5px;
	font-weight:bodl;
	border-bottom:1px solid #e0e0e0;
}
#content address {
	padding-top:30px;
	font-style:normal;
}
#content address a {
	background: url(../img/marks01.gif) right 92% no-repeat;
}
#content small {
	font-size:0.8em;
}
#content big {
	font-size:1.4em;
}
#content .txtCenter {
	text-align:center;
}
#content dl {
	padding-top:20px;
}
#content dt {
	float:left;
	width:30%;
}
#content dd {
	margin-left:30%;
}
#content dl a {
	color:#c80200;
}
#content #companyStr li {
	line-height:1.6;
	background:0 none;
	padding:0;
	margin-bottom:19px;
}
#content #companyStr li dl {
	margin:0;
	width:239px; /*tylko ie*/
}
.companyStrFull dt {
	clear:both;
}
.companyStrFull dd {
	margin-top:5px;
}
.companyStrFull dd img {

}
/*---- slide header ----*/
#slideUpDown {
	position:absolute;
	right:35px;
	height:35px;
	top:133px;
}
#slideUpDown a {
	padding:2px 25px 0 0;
	background: url(../img/close.gif) right 0 no-repeat;
}
#slideUpDown a.openBtn {
	background-position: right 100%;
}
/*---- navigation ----*/
#utilityNav {
	position:absolute;
	right:32px;
	top:24px;
}
#utilityNav li {
	display:inline;
	margin-left:25px;
}
#utilityNav li a, #navPath p a, #credit a {
    font:normal 0.9em/1.6 Verdana, Geneva, Arial, helvetica, sans-serif;	
	color:#a0a0a0;
}
#utilityNav li a:hover, #navPath p a:hover {
	color:#5f5f5f;
}
#mainNav {
	position:absolute;
	left:232px;
	top:62px;
}
#mainNav li {
	display:inline;
}
#mainNav a {
	float:left;
	margin-right:1px;
    font:bold 1.2em/1.6 Verdana, Geneva, Arial, helvetica, sans-serif;
	color:#fff;
	display:block;
	width:135px;
	height:54px;
	line-height:3.5;
	padding-left:15px; /*problem z ie5 .. box model*/
	text-decoration:none;
}
#mainNav a:hover, #mainNav a.mainSel {
	background:#fff;
	color:#626262;
}
#navPath {
	margin:0 15px;
	background:#fff url(../img/bg08.gif) 0 9px no-repeat; /*ie 5.01 ma problem z tlem ... za szeroko wychodzi*/
}
#navPath p {
	width:206px;
	text-align:center;
} 
#navPathList {
	background:#fff;
	margin:0 15px;
	padding-left:222px;
} 
#navPathList li {
	display:inline;
	font-size:0.85em;
	padding-left:10px;
	background: url(../img/marks01.gif) 0 -31px no-repeat;
}
#navPathList li a {
	color:#0071b2;
	font-family:tahoma, verdana, arial, sans-serif;
}
#subNav {
	float:left;
	width:186px;
	padding:30px 20px 0;
}
#contentFull #subNav {
	padding:30px 0 40px;
	width:810px;
	float:none;
}
#subNav li {
	background:#f5f7f9;
	border-bottom:1px solid #dbdbdb;
}
#contentFull #subNav li {
	float:left;
	width:20%;
}
#subNav li.subNavLast, #offerList li.offerListLast, #offerList li ul li.offerListLast {
	border-bottom:0 none;
}
#subNav li a {
	color:#606060;
    font:normal 1.15em/1.4 Verdana, Geneva, Arial, helvetica, sans-serif;
	display:block;
	padding:8px 0 8px 10px;
	border-left:1px solid #f5f7f9;
}
#contentFull #subNav li a {
    font:normal 1.05em/1.4 Verdana, Geneva, Arial, helvetica, sans-serif;
}
#subNav li a:hover, #subNav li a.sel, #subNav li:hover a {
	border-left:1px solid #ff0000;
	color:#0071b2;
}
#subNav li ul.subNavII {
	padding:5px 0;
	background:#fff;
}
#subNav li ul.subNavII li {
	background:#fff;
	margin:0 10px;
}
#contentFull #subNav li ul.subNavII li {
	float:none;
	width:142px;
}
#subNav li ul.subNavII li a {
	padding:2px 7px;
    font:normal 0.85em/1.4 Tahoma, Verdana, Geneva, Arial, helvetica, sans-serif;
	border:0;
}
#contentFull #subNav li ul.subNavII li a {
    font:normal 0.85em/1.4 Tahoma, Verdana, Geneva, Arial, helvetica, sans-serif;	
}
#subNav li ul.subNavII li a.subSel {
	color:#fff;
	background:#939495;
	text-decoration:none;
	border:0 none;
}
#subNav li ul.subNavII li a:hover {
	color:#fff;
	background:#606060;
	text-decoration:none;
	border:0 none;
}
#footerNav {
	margin-top:37px;
	margin-left:40px;
	float:left;
}
#footerNav li {
	display:inline;
	padding-left:10px;
	margin-right:8px;
	background: url(../img/marks01.gif) 0 -5px no-repeat;
}
#footerNav li a {
	color:#fefefe;
	padding:1px 3px;
}
#footerNav li a:hover {
	background:#ffd200;
	color:#606060;
	text-decoration:none;
}
#footerNav li.footerUnav a {
	color:#a0a0a0;
}
/*---- forms ----*/
#forms label {
	float:left;
	width:105px; /*inna szerokosc dla ie < 6.0*/
	padding-right:5px;
	text-align:right;
}
#forms input {
	width:152px;
}
#forms .long{
	width:434px;
}
#forms select {
	width:444px;
}
#forms label.long {
	font-size:0.9em;
	line-height:1.2;
	text-align:left;
}
#forms .checkBox {
	width:120px;
	float:left;
	border:0 none;
	background:none;
}
#forms em {
	font-style:normal;
	color:#ff0000;
}
#forms div {
	padding-top:20px;
}
#forms input.submitBtn {
	width:75px;
	border:0 none;
	margin:0;
	color:#0071b2;
	font-weight:bold;
	font-size:0.9em;
	text-align:left;
	padding:0 0 0 10px;
	background: red url(../img/submit.gif) 0 0 no-repeat;
}
#forms .specialCheckbox label {
	padding-left:110px;
	background: url(../img/checkbox-off.gif) 50px 10px no-repeat;
	cursor: pointer;
}
#forms .specialCheckbox label.checked {
	background: url(../img/checkbox-on.gif) 50px 10px no-repeat;
}
/*---- search ----*/
#searchForm {
	text-align:right;
	position:absolute;
	bottom:0;
	right:25px;
	background: url(../img/bg07.png) 0 0 no-repeat; /* osobny styl dla <ie6 */
	width:800px;
	height:35px;
 	padding:25px 10px 0 0; /*osobny styl dla <ie6 */
}
#searchForm label {
	font-size:10px;
	margin-right:3px;
	margin-left:526px;
	padding-top:2px;
	float:left;
}
#searchForm input {
	width:190px;
	margin-right:10px;
	float:left;
}
#searchForm input.searchBtn {
	width:20px;
	border:0 none;
	margin:0;
	background: url(../img/search.gif) 0 0 no-repeat;
}
#content #searchResults, #content #serviceMap {
	margin:0;
	padding:0;
}
#content #searchResults li {
	background: 0 none;
	padding:0;
	margin:0;
}
#tools {
	clear:both;
	width:564px;
	margin:0 25px 30px 241px;
}
#tools ul li {
	margin:0 0 0 65px;
	padding:0 0 0 10px;
	border-left:1px solid #a6a6a6;
	background:none;
	font-size:0.9em;
	line-height:1.8;
}
#tools #pdfDownload {
	background: url(../img/pdf.gif) 10px 0 no-repeat;
	min-height:36px;
	height:auto;
	_height:36px;
	margin-bottom:15px;
}
#tools #printContent {
	background: url(../img/print.gif) 10px 0 no-repeat;
	min-height:36px;
	height:auto;
	_height:36px;
}
#tools #askAbout {
	background: url(../img/ask.gif) 10px 0 no-repeat;
	min-height:36px;
	height:auto;
	_height:36px;
}
#tools #pdfDownload a {
	color:#c80200;
}
#tools #printContent a, #tools #askAbout a {
	color:#1c80ba;
}
/*---- footer ----*/
#ftr {
	clear:both;
	font-size:0.95em;
	height:123px;
	margin:0 25px;
}
#copyRight {
	width:206px;
	text-align:center;
	float:left;
	margin:0;
	margin-top:37px;
	color:#fff;
}
#credit {
	color:#b3b3b3;
    font:normal 0.9em/1.2 Tahoma, Verdana, Geneva, Arial, helvetica, sans-serif;	
	float:right;
	margin:29px 10px 0 0;
}
#credit a:hover, #footerNav li.footerUnav a:hover {
	text-decoration:underline;
	background:none;
	color:#c9c9c9;
}