@CHARSET "UTF-8";

/*
1. RESET
2. GLOBAL
3. HEADER
4. CONTENT
5. TYPOGRAPHY
6. STRUCTURES
7. FOOTER
*/


/*--------  1. RESET  -----------------------------------------------------------------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  /*vertical-align: baseline;*/
}
ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

img {
  vertical-align: middle;
  border: 0;
}
/* remember to define focus styles! 
:focus {
  outline: 0;
}*/

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
 border-style: solid;
}
del {
  text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  /*border-collapse: collapse;*/
  border-spacing: 0;
}
table.listGreenView {
  border-collapse: collapse;
  border-spacing: 0;
}
table.listBlueView {
  border-collapse: collapse;
  border-spacing: 0;
}

/*--------  2. GLOBAL  -----------------------------------------------------------------------------------------------------------------------------------------*/

html,
body { height: 100%; }

body {
	color:#353535;
 	background: #e7e6e6 url('/images/_img/main_bg.gif') repeat-x left top;
	font: 12px Arial, Helvetica, sans-serif;
}
input[type="text"], input[type="password"], select, textarea {
   border: 1px solid #c9c9c9;
}
input, select, textarea {
	border-bottom-color: #e8e8e8;
	border-right-color: #e8e8e8;
	color: #000;
	font: 12px/16px Arial, sans-serif;
	margin:3px;
	padding:2px;
}
*html input {
	margin:0px;
}
input[type="checkbox"], input[type="radio"]{
   background: transparent;
   border: 0;
}

a {
  text-decoration: none;
  color: #4b4b4b;
}
a:hover {
  color: #4b4b4b;
}
small {
  font-size: 10px;
}
big {
  font-size: 14px;
}
.bold {
	font-weight: bold;
}

#container {
  margin: 0 auto -290px;
  min-width: 1000px;
  max-width: 1400px;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  width: 1000px;
  position: relative;
}
.tempBg {
  background: transparent url('/images/tempBg.gif') 10px 0 no-repeat;
}

/*--------  3. HEADER  -----------------------------------------------------------------------------------------------------------------------------------------*/
#header { margin: 0 10px; }


/*--------  4. CONTENT  -----------------------------------------------------------------------------------------------------------------------------------------*/
#content {
  margin: 0 10px;
  background-color:#FAFAFA;	
}
#content #col_0 {
  overflow:hidden;
  clear:both;
}
#content #col_1 {
  width: 277px;
  float: left;
}
#content #col_1_green {
  width: 277px;
  float: left;
  
}
#content #col_1_blue {
  width: 277px;
  float: left;
  
}
#content #col_2 {
	overflow:hidden;
	padding-left:15px;
}

#content #col_2 .col2Inner { margin-left: 280px; }
#col_2of{
	width:768px;
}
*html #col_2of{
	width:760px;
}
#col_2ofe{
	width:768px;
}
*html #col_2ofe{
	width:760px;
}
.left {	float: left; }
.right { float: right; }
.clear { clear: both; }
.center { 
	margin-left: auto;
	margin-right: auto;
}
.overflow {	overflow: hidden; }

/*--------  5. TYPOGRAPHY  -----------------------------------------------------------------------------------------------------------------------------------------*/
.typo, .typo h1, .typo h2, .typo h3, .typo h4, .typo h5, t.ypo h6, 
.typo p, .typo blockquote, .typo pre, .typo li {
	line-height: 20px
}

.typo h3 {
  font-size: 1em;
  font-weight: bold;
}

.typo ul
{
  padding-left: 20px;
  list-style-type: circle;
}

/* text alignment */
.textLeft { text-align: left!important; }
.textRight { text-align: right!important; }
.textCenter { text-align: center!important; }

/* text weight */
.weightBold { font-weight: bold; }
.weightNormal { font-weight: normal; }

/* various links */
a.linkb {
	color:#239198 !important; 
	border-bottom:1px solid #c8c8c8;
	text-decoration:none;
}
a.linkb:hover {
	color:#239198;
	border-bottom:1px solid #239198;
	text-decoration:none;
}
a.linkg {
	color:#4b4b4b !important;
	border-bottom:1px solid #c8c8c8;
	text-decoration:none;
}
a.linkg:hover {
	color:#4b4b4b;
	border-bottom:1px solid #4b4b4b;
	text-decoration:none;
}
a.linkgreen {
	color:#63990a;
	border-bottom:1px solid #c8c8c8;
	text-decoration:none;
}
a.linkgreen:hover {
	color:#63990a;
	border-bottom:1px solid #63990a;
	text-decoration:none;
}
a.linkr {
	color:#fc4505;
	font-size:11px;
	text-decoration:none;
	margin-right:0;
}
a.linkr:hover {
	color:#fc4505;
	/*border-bottom:1px solid #fc4505;*/
	text-decoration:none;
}
a.linkgr {
	color:#5e5e5e;
	border-bottom:1px solid #c8c8c8;
	text-decoration:none;
	margin-right:3px;
}
a.linkgr:hover {
	color:#5e5e5e;
	border-bottom:1px solid #5e5e5e;
	text-decoration:none;
}
a.linkGreyDark {
	color:#353535;
	border-bottom:1px solid #c8c8c8;
	text-decoration:none;
	margin-right:3px;
}
a.linkGreyDark:hover {
	color:#353535;
	border-bottom:1px solid #353535;
	text-decoration:none;
}
a.blueLink {
  color: #0886bd;
  text-decoration: underline;
}
.infoBox02 .body a.blueLink {
  color: #239198;
}
#lightwindow_loading a.blueLink {
   color:#CAC9C9;
}
a.blueLink2 {
	text-decoration: none;
	color: #0886bd;
}
a.blueLink:hover { text-decoration: none; }

a.orangeLink {
  color: #C8C8C8;
  text-decoration: underline;
}
a.orangeLink span { color: #ca6400; }
a.orangeLink:hover span { text-decoration: underline; }

a.seaGreyLink {
  color: #C8C8C8;
  text-decoration: underline;
}
a.seaGreyLink span { color: #3da27c; }
a.seaGreyLink:hover span { text-decoration: underline; }

a.blueGreyLink {
  color: #C8C8C8;
  text-decoration: underline;
  cursor:pointer !important;
}
a.blueGreyLink span { color: #239198; }
a.blueGreyLink:hover span { text-decoration: underline; }

a.brownGreyLink {
  color: #C8C8C8;
  text-decoration: underline;
  cursor:pointer !important;
}
a.brownGreyLink span { color: #DF8000; }
a.brownGreyLink:hover span { text-decoration: underline; }

a.greenLink {
  color: #cac9c9;
  text-decoration: underline;
}
a.greenLink span { color: #639C08; } 	
a.greenLink:hover span { text-decoration: underline;}

a.blueLinkG {
  color: #cac9c9;
  text-decoration: underline;
}
a.blueLinkG span { color: #239198; } 	
a.blueLinkG:hover span { text-decoration: underline;}

a.greenLink2 {
  color: #cac9c9;
  text-decoration: underline;
}
a.greenLink2 span { color: #63990A; }  
a.greenLink2:hover span { text-decoration: underline;}

a.greenLinkLw {
  color: #cac9c9;
  text-decoration: underline;
}
a.greenLinkLw span { color: #555454; }
a.greenLinkLw:hover span { text-decoration: underline;color: #63990A;}

a.greyGreenLink {
  color: #dddfe1;
  text-decoration: underline;
}
a.greyGreenLink span { color: #666666; }
a.greyGreenLink:hover span { color: #63990a;text-decoration: underline; }

a.greyBlueLink {
  color: #dddfe1;
  text-decoration: underline;
}
a.greyBlueLink span { color: #666666; }
a.greyBlueLink:hover span { color: #27a5ac;text-decoration: underline; }

a.blackBlueLink {
  color: #dddfe1;
  text-decoration: underline;
}
a.blackBlueLink span { 
  color: #1F1F1F;
}
a.blackBlueLink:hover span {
  color: #27a5ac;
  text-decoration: underline;
}

a.blackGreenLink {
  color: #dddfe1;
  text-decoration: underline;
}
a.blackGreenLink span {
  color: #1F1F1F;
}
a.blackGreenLink:hover span {
  color: #63990a;
  text-decoration: underline;
}

a.blackGreyLink {
  color: #dddfe1;
  text-decoration: underline;
}
a.blackGreyLink span { color: #000; }
a.blackGreyLink:hover span { color: #000;text-decoration: underline; }

a.redLink {
  color: #cacaca;
  text-decoration: underline;
}

a.redLink span {
  color: #fc4505;
}
a.whiteLink {
  color: #fff;
  text-decoration: underline;
}

a.whiteLink span {
  color: #fff;
}

a.greyLink {
  color: #cbcbcb;
  text-decoration: underline;
}

a.greyLink span {
  color: #000;
}

a.greyLink:hover span { text-decoration: underline; }

a.greyGreyLink {
  color: #909090;
  text-decoration: underline;
}

a.greyGreyLink span {
  color: #000;
}

a.greyGreyLink:hover span { text-decoration: underline; }


a.redLink:hover span { text-decoration: underline; }
.darkBlue{
	color:#367bbb;
}
a.mailBack{
	color: #63990a;
  text-decoration: underline;
	font-weight:bold;
}
/* markers */
span.markerRed { color: #fc4505; }
span.markerGreen { color: #19b428; }
span.star { 
  color: #fc4505;
  font-size:17px; 
  font-weight:bold;
}
.redBorder {
	border:1px solid #C00 !important;
}
/*--------  6. STRUCTURES  -----------------------------------------------------------------------------------------------------------------------------------------*/
/* Two columns*/
.halfLeft {
  float: left; 
  width: 49%;
}

.halfRight {
  float: right; 
  width: 50%;
}

.halfLeft .halfInner { margin-right: 15px; }
.halfLeft .halfInnerMargin,
.halfRight .halfInnerMargin { 
  margin-left: 15px; 
  margin-right: 15px; 
}
.halfRight .halfInner { margin-left: 15px; }

/* Form fields */
.row { margin-top: 20px; }
.paragraphRow { margin-top: 45px; }
.tableRow { margin: 20px 30px ; }
.narRow { margin-top: 5px; }

.row .leftCol,
.paragraphRow .leftCol,
.tableRow .leftCol {
  float: left;
 
}

.row .leftCol .inner,
.paragraphRow .leftCol .inner,
.tableRow .leftCol .inner,
.informations .inner,
.informationsGrey .inner { margin-left: 20px; }

.row .rightCol,
.paragraphRow .rightCol,
.tableRow .rightCol {
  margin-left: 165px;
}

.narRow .leftCol {
  float: left;
  line-height: 20px;
  width: 120px;
}

.narRow .rightCol { margin-left: 130px; }

.narRow .rightCol input { width: 214px; }

.leftCol input,
.leftCol select,
.leftCol textarea,
.rightCol input,
.rightCol select,
.rightCol textarea { margin: 0 2px; }

.row input,
.row label { vertical-align: middle; }

.standardForm input,
.standardForm select,
.standardForm textarea {  
  width: 250px;
}

/* Dl form fields */
dl.dlForm dt {
  float: left;
  clear: left;
  width: 170px;
}

dl.dlForm dd { 
  margin: 0 0 0 10px; 
  padding: 0 0 5px 0;
}

dl.minForm dt {
  float: left;
  width: 20px;
}

dl.minForm dd { 
  margin: 0 0 0 30px; 
  padding: 0 0 5px 0;
}

/*--------  7. FOOTER  -----------------------------------------------------------------------------------------------------------------------------------------*/
#push { 
	background-color:#FBFBFB;
	margin: 0 10px;
	height: 290px;
}
#pushGray { 
	background-color:#FBFBFB;
	margin: 0 10px;
	height: 290px;
}
#pushWhite { 
	background-color:#fff;
	margin: 0 10px;
	height: 290px;
}

#footer-container {
  background: #E8E7E7;
	height: 290px;
	max-width:1400px;
	margin: 0 auto;
	min-width:980px;
	width: 1000px;
  position:relative;
}

#footer {
  margin: 0 10px;
  padding: 10px 0 0 0 ;
  overflow: hidden;
  background-color:#4A4A4B;
  clear:both;
  font: 12px/16px Tahoma, sans-serif;
}
*html #footer {
  margin: 0 10px;
  padding: 10px 0 0 0 ;
  overflow: hidden;
  background-color:#4A4A4B;
  clear:both;
  font: 12px/16px Tahoma, sans-serif;
}

#footer .footerRecommend {
  width:155px;
}
/*
html, body {
height: 100%;
min-height: 100%;
}
div#container {
  
  min-height:100%;
  height:auto !important;
  height:100%;
}
*/
#topSG {
	margin: 0;
	padding: 10px 0 20px 0;
	width: 100%;
	/*background: url('/images/christmas2.png') no-repeat left top; -- swieta */
}

#SGsearchBox {
  position: relative;
	float: left;
	margin: 0 2px;
	padding: 0 0 0 0;
	width: 975px;
	height: 85px;
	background: url('/images/_img/searchbox_bg.png') repeat-x left top;
}
#SGmainMenu {
	float: left;
	width: 824px;
	height: 60px;
	margin: 58px 0px 0 26px;
	background: url('/images/_img/menu_reflect.png') no-repeat left 34px !important;
}

#SGmainMenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#SGmainMenu ul li { float: left; position: relative;}
#SGmainMenu .uslugi a {
	display: block;
	width: 125px;
	height: 33px;
	background: url('/images/_img/main_menu/uslugi.jpg') no-repeat left top;
}
#SGmainMenu .uslugi a:hover { background-position: 0 -33px; }
#SGmainMenu .wykonawcy a {
	display: block;
	width: 138px;
	height: 33px;
	background: url('/images/_img/main_menu/wykonawcy.jpg') no-repeat left top;
}
#SGmainMenu .wykonawcy a:hover { background-position: 0 -33px; }
#SGmainMenu .zlecenia a {
	display: block;
	width: 138px;
	height: 33px;
	background: url('/images/_img/main_menu/zlecenia.jpg') no-repeat left top;
}
#SGmainMenu .zlecenia a:hover { background-position: 0 -33px; }
#SGmainMenu .oferia a {
	display: block;
	width: 140px;
	height: 33px;
	background: url('/images/_img/main_menu/moja_oferia.jpg') no-repeat left top;
}
#SGmainMenu .oferia a:hover { background-position: 0 -33px; }
#SGmainMenu .dyskusje a {
	display: block;
	width: 139px;
	height: 33px;
	background: url('/images/_img/main_menu/dyskusje.jpg') no-repeat left top;
}
#SGmainMenu .dyskusje a:hover { background-position: 0 -33px; }
#SGmainMenu .pomoc a {
	display: block;
	width: 144px;
	height: 33px;
	background: url('/images/_img/main_menu/pomoc.jpg') no-repeat left top;
}
#SGmainMenu .pomoc a:hover { background-position: 0 -33px;}

#SGmainMenu .dodajUsluge a {
	position: absolute;
	left: 197px;
	top: 110px;
	color: #cccccc;
	font-weight: bold;
	text-decoration: underline;
}
#SGmainMenu .dodajUsluge span {
	color: #5e9009;
}
#SGmainMenu .dodajUsluge a:hover {
	color: #5e9009;
}
#SGmainMenu .aktywuj a {
	position: absolute;
	left:314px;
	top: 110px;
	color: #cccccc;
	font-weight: bold;
	text-decoration: underline;
}
#SGmainMenu .aktywuj span {
	color: #5e9009;
}
#SGmainMenu .aktywuj a:hover {
	color: #5e9009;
}
#SGmainMenu .dodajZlecenie a {
	position: absolute;
	left:460px;
	top: 110px;
	color: #cccccc;
	font-weight: bold;
	text-decoration: underline;
}
#SGmainMenu .dodajZlecenie span {
	color: #22878d;
}
#SGmainMenu .dodajZlecenie a:hover {
	color: #22878d;
}
#SGmainMenu .topButtons {
	list-style: none;
	width: 278px;
	position: absolute;
	top: 8px;
	right: 1px;
	color: #090909;
	font-size: 11px;
	text-align: center;
}
#SGmainMenu .topButtons .register {
	margin: 0 12px 0 0;
}
#SGmainMenu .topButtons .register a {
	display: block;
	width: 129px;
	height: 33px;
	background: url('/images/_img/register_via_allegro.gif') no-repeat left top;
}
#SGmainMenu .topButtons .register a:hover {
	background-position: 0 -33px;
}
#SGmainMenu .topButtons .login a {
	display: block;
	width: 129px;
	height: 33px;
	background: url('/images/_img/log_in.gif') no-repeat left top;
}
#SGmainMenu .topButtons .login a:hover {
	background-position: 0 -33px;
}
.logotyp2 {
	display: block;
	position:absolute;
	margin: 0;
	padding: 0;
	background: url('/images/_img/logotyp2.png') no-repeat left top;
	width: 139px;
	height: 121px;
	cursor: pointer;
	left:1px;
}
.logotyp {
	display: block;
	float:left;
	margin: 0;
	padding: 0;
	background: url('/images/_img/logotyp2.png') no-repeat left top;
	width: 139px;
	height: 121px;
	cursor: pointer;
}

/*-----------------*/
#SGout{
	
	padding:58px 10px 0 0px;
	position: relative;
	margin-left:165px;
}
#SGmainMenu2 {
	
	height:60px;
	
	width:100%;
	background: url('/images/_img/main_menu/SGmainBgBig2.png') no-repeat left top;
}

#SGmainMenu2 ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#SGmainMenu2 ul li { float: left; position: relative;}
#SGmainMenu2 .zlecenia a {
	display: block;
	width: 125px;
	height: 33px;
	background: url('/images/_img/main_menu/zlecenia4.png') no-repeat left top;
}
#SGmainMenu2 .zlecenia a:hover { background-position: 0 -33px; }
#SGmainMenu2 .uslugi a {
	display: block;
	width: 138px;
	height: 33px;
	background: url('/images/_img/main_menu/uslugi4.png') no-repeat left top;
}
#SGmainMenu2 .uslugi a:hover { background-position: 0 -33px; }
#SGmainMenu2 .wykonawcy a {
	display: block;
	width: 138px;
	height: 33px;
	background: url('/images/_img/main_menu/wykonawcy4.png') no-repeat left top;
}
#SGmainMenu2 .wykonawcy a:hover { background-position: 0 -33px; }
#SGmainMenu2 .oferia a {
	display: block;
	width: 140px;
	height: 33px;
	background: url('/images/_img/main_menu/moja_oferia4.png') no-repeat left top;
}
#SGmainMenu2 .oferia a:hover { background-position: 0 -33px; }
#SGmainMenu2 .dyskusje a {
	display: block;
	width: 139px;
	height: 33px;
	background: url('/images/_img/main_menu/dyskusje4.png') no-repeat left top;
}
#SGmainMenu2 .dyskusje a:hover { background-position: 0 -33px; }
#SGmainMenu2 .pomoc a {
	display: block;
	width: 144px;
	height: 33px;
	background: url('/images/_img/main_menu/pomoc4wide.png') no-repeat left top;
}
#container.fixed #SGmainMenu2 .pomoc a {
  width: 145px;
  background: url(/images/_img/main_menu/pomoc4.png) no-repeat;
}
#SGmainMenu2 .pomoc a:hover,
#container.fixed #SGmainMenu2 .pomoc a:hover { background-position: 0 -33px;}

#SGmainMenu2 .dodajUsluge,
#SGmainMenu2 .aktywuj,
#SGmainMenu2 .dodajZlecenie {
  display: block;
  background: url('/images/_img/main_menu/submenu_branch.png') no-repeat;
  padding: 9px 0 0 12px;
  position: absolute;
	top: 91px;
}
#SGmainMenu2 .dodajUsluge a,
#SGmainMenu2 .aktywuj a,
#SGmainMenu2 .dodajZlecenie a {
	color: #cccccc;
	font-weight: bold;
	text-decoration: underline;
}
#SGmainMenu2 .dodajUsluge {
  left: 137px;
}
#SGmainMenu2 .dodajUsluge span {
	color: #5e9009;
}
#SGmainMenu2 .dodajUsluge a:hover {
	color: #5e9009;
}
#SGmainMenu2 .aktywuj {
  left: 275px;
}
#SGmainMenu2 .aktywuj span {
	color: #5e9009;
}
#SGmainMenu2 .aktywuj a:hover {
	color: #5e9009;
}
#SGmainMenu2 .dodajZlecenie {
  left: 13px;
}
#SGmainMenu2 .dodajZlecenie span {
	color: #22878d;
}
#SGmainMenu2 .dodajZlecenie a:hover {
	color: #22878d;
}
#SGmainMenu2 .topButtons {
	list-style: none;
	width: 278px;
	position: absolute;
	top: 0px;
	right: 1px;
	color: #090909;
	font-size: 11px;
	text-align: center;
}
#SGmainMenu2 .topButtons .register {
	margin: 0 12px 0 0;
}
#SGmainMenu2 .topButtons .register a {
	display: block;
	width: 129px;
	height: 33px;
	background: url('/images/_img/register_via_allegro.gif') no-repeat left top;
}
#SGmainMenu2 .topButtons .register a:hover {
	background-position: 0 -33px;
}
#SGmainMenu2 .topButtons .login a {
	display: block;
	width: 129px;
	height: 33px;
	background: url('/images/_img/log_in.gif') no-repeat left top;
}
#SGmainMenu2 .topButtons .login a:hover {
	background-position: 0 -33px;
}

.normalLists li {
  margin-left: 30px
}
.normalLists ul li {
  list-style-type: disc
}

.normalLists ol li {
  list-style-type: decimal
}

.auto_link_text {
  color: #22878D;
}

.clearfix:after{
  clear: both;
  content: ".";
  display: block;
  height: 0px;
  visibility: hidden;
}
* html .clearfix {
	height: 1%;
	overflow: visible;
}
*+html .clearfix {
	min-height: 1%;
}