	/* CSS: style.css */
h1, h2, h3, h4, pre, body, html {
	margin:0;
	padding:0;
	}

p{
	margin-top: 0;
	padding-top: 0;
}
	
a img, :link img, :visited img { border:none; }
ul { }


/**********************************************/
/* HEADINGS */
h1, h2, h3 { margin-bottom: 3px;
         line-height: 1.5em;
         font-family: Arial;
         font-weight: normal; }
h4, h5, h6 { margin-bottom:3px;
                 line-height:1.5em;
                 font-family:Arial; }
h1 { font-size:18px; color: #15689a; font-weight: bold; }
h2 { font-size:14px; color: #CA001E; font-weight: bold; }
h3 { font-size:16px; color: #B26419; font-weight: normal; }
h4 { font: normal 16px Arial; color: #B26419; }
h5 { font-weight:normal; font-size:1em; }

td {
	font-family: Arial;
	font-weight: normal;
	font-size: 11px;
	color: #000;
}

div{
	font-family: Arial;
    font-weight: normal;
    font-size: 10px;
    color: #000;
	text-align:justify;
	margin:0px;
}

div.wh
{
	color:#fff;
	text-align:left;
	padding-bottom:10px;
}

/**********************************************/

/* CSS Document */
/* About: Contains all the IDS elements for the structure of the site and other IDS */

/******************************************************
			CONTENT BOXES
******************************************************/

html,body{ 
	text-align: center;
}


body{
	margin: 0;
	padding: 0;
	background: #39393e;	
}

#logo,.cont
{
	width:900px;
	margin:auto;
	position:relative;
}

.cont
{
	padding:10px 0px 30px 0px;
	width:900px;
}

.close
{
	position:absolute;
	top:-50px;
	left:0px;
	width:900px;
	height:50px;

}



#bofirmie .close
{
	background:url(graphics/ofirmie_c.gif);
}

#brealizacje .close
{
	background:url(graphics/realizacje_c.gif);
}

#bkontakt .close
{
	background:url(graphics/kontakt_c.gif);
}


#logo img
{
	top:38px;
	left:0px;
	position:absolute;
	
}

.line
{
	width:100%;
	height:50px;
	cursor:pointer;
	text-align:center;
	display:block;
}


.line .title
{
	width:900px;
	height:50px;
	margin:auto;
}

#main
{
	border:1px solid white;
	width:100%;
	height:100%;
	z-index:100;
}

#main tr td
{
	padding:120px 0px;
}

#n tr td
{
	padding:0px;
}

#ofirmie
{
	background:#e94f04;
}

#ofirmie .title
{
	background:url(graphics/ofirmie.gif) left no-repeat;
}

#realizacje
{
	background:#b1ca00;
}

#realizacje .title
{
	background:url(graphics/realizacje.gif) left no-repeat;
}

#kontakt
{
	background:#9fdaf7;
}

#kontakt .title
{
	background:url(graphics/kontakt.gif) left no-repeat;
}

#bofirmie
{
	background:#ce4502;
}

#bkontakt
{
	background:#6ac1ec;
}

#brealizacje
{
	background:#73b501;
}

.box
{
	text-align:center;
	display:none;
}

.category
{
	display:block;
	background:url(graphics/point.gif) 0px 2px no-repeat;	
	padding:0px 0px 8px 40px;
	cursor:pointer;
	outline:none;
}

.active,.category:hover
{
	display:block;
	background:url(graphics/point_a.gif) 0px 2px no-repeat;	
	padding:0px 0px 8px 40px;
	color:#fff;
	text-decoration:none;
	cursor:pointer;
	outline:none;	
}

a.lightbox
{
	border:2px solid white;
	width:190px;
	display:block;
	overflow:hidden;
	height:100px;
	float:left;

}


#prev,#next
{
	width:105px;
	height:25px;
	cursor:pointer;
	display:block;
}

#prev
{
	float:left;
	background:url(graphics/prev.gif) no-repeat;
}

#next
{
	float:right;
	background:url(graphics/next.gif) no-repeat;
}

.border
{
	border:2px solid #fff;
	float:left;
}

.news a
{
	color:#fff;
}
/******************************************************
			FONT
******************************************************/


.font11{
	font-family: Arial;
	font-weight: bold;
	font-size: 11px;
	color: #118f40;
}

.font11_red_bold{
	font-family: Arial;
	font-weight: bold;
	font-size: 11px;
	color: #FF0000;
}

.font10_bold{
	font-family: Arial;
	font-weight: bold;
	font-size: 10px;
	color: #000;
}

.font11_bold{
	font-family: Arial;
	font-weight: bold;
	font-size: 11px;
	color: #000;
}

.font12_bold{
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	color: #000;
}


/******************************************************
			LINK
******************************************************/

.link10{
	font-family: Arial;
	font-weight: bold;
	font-size: 10px;
	color: #63baf2;
	text-decoration: none;
}

.link10:hover{
	font-family: Arial;
	font-weight: bold;
	font-size: 10px;
	color: #63baf2;
	text-decoration: underline;
}


.link11_orange{
	font-family: Arial;
	font-weight: bold;
	color: #f28545;
	text-decoration: none;
}

.link11_orange:hover{
	font-family: Arial;
	font-weight: bold;
	color: #f28545;
	text-decoration: underline;
}

a{
	font-family: Arial;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}

a:hover{
	font-family: Arial;
	font-weight: bold;
	color: #000;
	text-decoration: underline;
}

/******************************************************
			FORM
******************************************************/

fieldset.contact {
	border: 0 !important;
	width: 250px !important;
	padding: 0;
	text-align: left;
}

div.form {
	overflow: hidden;
	margin-bottom: 0.5em;
	clear: both;
}


label{
	display: block;
	float: left;
	text-align: left;
	padding: 2px 4px 0 0;
	font-weight: normal;
	width: 90px;

}

input.contact,
textarea {
	float: left;
	border: 1px solid #fff;
	color: #fff;
	font-family: Arial;
	font-size: 10px;
	width:175px;
	background:none;
}

textarea
{
	height:150px;
}

.form10{
	border: 0;
	font-family: Arial, Arial, Helvetica, sans-serif;
    font-size: 10px;
    background: none;
    color: #000;
}


form{
	margin: 0;
}

#info
{
	text-align:center;
	font-weight:bold;
	color:yellow;
	
}
