/*		RESETOWANIE		*/
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,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {line-height: 1.1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}

:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}

table {border-collapse: collapse; border-spacing: 0;}
a {text-decoration:none; color: #284d7a;}
a:hover {text-decoration:underline}

h2 {font-size: 28px; font-weight: 300; margin: 0 0 25px 0; color: #5b677f;}
h3 {font-size: 18px; font-weight: 300; margin: 0 0 10px 0; color: #5b677f;}
h4 {font-size: 18px; font-weight: 300; margin: 0 0 10px 0; color: #5b677f;}


body 
	{
	background: #f9fafc url(img/body-bg.png) repeat-x;
	font: normal small Arial;
	color:#666666;
	margin: 0;
    padding: 0;
	}

body.sub {background: #f9fafc url(img/body-bg2.png) repeat-x;}

#kontener
	{
 	margin: 0 auto;
	padding:0;
	position: relative;
	height: 100%;
	width: 1000px;
	}

#header 
	{
	width: 1000px;
	height: 123px;
	float: left;
	position:relative;
	}

#logo
	{
	margin: 12px 0 0 20px;	
	}

#menu 
	{
	height: 51px;
	background: url(img/menu-l.png) no-repeat top left;
	position:absolute;
	bottom:0;
	right:20px;
	padding: 0 11px 0 11px;
	}

.menu-r
	{
	position:absolute;
	top:0;
	right:0;
	width:11px;
	height:51px;
	background: url(img/menu-r.png) no-repeat;
	}
	
ul.menu {list-style:none;}
ul.menu li 
	{
	float:left;
	height: 51px;
	background: url(img/menu-bg.png) repeat-x;
	}

ul.menu li a {height: 29px; display:block; margin: 9px 2px 0 2px; color: #143758; font-size: 11px; font-weight:bold;}
ul.menu li a span {height: 29px; display:block; padding: 7px 12px;}

ul.menu li a:hover {background: url(img/menu-cell-bg.png) no-repeat; color:#fff; text-decoration:none;}
ul.menu li a:hover span {background: url(img/menu-cell-r.png) no-repeat top right;}

ul.menu li.active a {background: url(img/menu-cell-bg.png) no-repeat; color:#fff;}
ul.menu li.active a span {background: url(img/menu-cell-r.png) no-repeat top right;}

#baner-box
	{
	width:1000px;
	height: 247px;
	float:left;
	background: url(img/flash-tlo.png) no-repeat;
	}

#baner-small
	{
	width:1000px;
	height: 143px;
	float:left;
	background: url(img/ban-small-bg.png) no-repeat;
	}

.itemContainer {float:left; width: 902px; height: 213px;  margin: 21px 0 0 47px;}
.baner-img {float:left;}

#lead
	{
	float:left;
	width:850px;
	height:274px;
	background: url(img/lead-bg.png) no-repeat;
	margin: 15px 0 0 0;
	padding: 0 75px 0 75px;
	}
	
#lead .box
	{
	float:left;
	width: 196px;
	padding: 0 8px;
	}

.box ul {list-style:none; }
.box ul li {width: 158px; height: 26px; background: url(img/box-lista.png) no-repeat; padding: 7px 0 0 28px}
.box ul li a{}

.box .but-mor{margin: 16px 0 0 15px; display:block; background: url(img/button-more.png) no-repeat; width: 75px; height:29px; color: #fff; padding: 6px 0 0 27px; font-weight: bold; padding: 6px 0 0 27px;}

.box .but-mor a {color: #fff; font-weight: bold;}
	

#main-sub
	{
	float:left;
	background: url(img/ver-2.png) repeat-y top left;
	width:1000px;
	margin: 20px 0;
	}

#main-sub .left {float:left; width: 295px; font-size: 12px; text-align:left;}
#main-sub .left div.left-title {width: 295px; height: 35px; background: url(img/left_title.png) no-repeat; color: #fff; font-weight:300; font-size: 15px; padding: 14px 0 0 0; text-align:center;}
#main-sub .left div.left-title a{color: #fff; font-size: 15px;}
#main-sub .left ul {margin: 5px 0 0 27px;}
#main-sub .left ul li {height: 21px; padding: 2px 0 0 15px; background: url(img/li-left-bg.png) no-repeat;}
#main-sub .left ul li a:hover {text-decoration:underline;}


#main-sub .right p {margin: 0 0 15px 0;}
#main-sub .right {float:left; padding: 0 0 0 30px; width: 675px; line-height: 1.7; font-size: 12px; text-align:left;}
#main-sub .right ul {margin: 0 0 25px 0;}
#main-sub ul li {height: 22px; background: url(img/li-right-bg.png) no-repeat; padding: 2px 0 0 20px;}
#main-sub a:hover {text-decoration:underline;}
#main-sub .contact {text-align:left; background: #e9ecf1; border: 1px solid #d3d7e2; padding: 7px 20px; width:200px; }

.gallery img {padding: 5px; border: 1px solid #d3d7e2; background: #e9ecf1; margin: 5px;}



#main
	{
	float:left;
	background: url(img/ver-1.png) repeat-y top center;
	width:1000px;
	margin: 20px 0;
	}

#main .left {float:left; padding: 0 30px 0 40px; width: 430px; line-height: 1.7; font-size: 12px; text-align:left;}
#main .left p {margin: 0 0 25px 0;}
#main .left ul {margin: 0 0 20px 0;}
#main .left ul li {height: 24px; padding: 2px 0 0 15px; background: url(img/li-bg.png) no-repeat;}

#main .right {float:left; padding: 0 0px; width: 500px; line-height: 1.7; font-size: 12px; text-align:left;}
#main h1 {font-size: 18px; margin-bottom: 10px;}

.right-cell h2 {margin: 5px 0;}



#footer {background: #141d28; height:200px;}
#footer-cont {background: #141d28 url(img/logo-stopka.png) no-repeat; width:1000px; margin: 0 auto; height: 200px; position:relative;}

#footer-cont ul {position:absolute; top:40px; right: 10px;}
#footer-cont ul li{float:left; }
#footer-cont ul li a {color: #576a7c; border-left: 1px solid #576a7c; padding: 0 15px;}
#footer-cont ul li a.first {border:none;}
#footer-cont p {position:absolute; top: 75px; right:10px; text-align:right; color: #576a7c; font-size:11px;}


.port-cell {padding: 0 0 20px 0; margin: 0 0 20px 0; background: url(img/hor-1.png) repeat-x bottom; position:relative;}
.port-cell p {font-size: 18px; font-weight: 300; margin: 0 0 10px 0; color: #5b677f;}
.port-cell div {font-size:13px;}
.port-cell img {float:left; margin: 0 20px 0 0; padding: 2px; background: #ffffff; border: 1px solid #e4e5e7;}
.port-cell br {clear:both;}
.port-cell span {position:absolute; bottom: 9px; right: 20px;}
.port-cell span a{color:#3f91d0;}

.contact-form textarea, .contact-front textarea {border-radius: 5px; border: 2px solid #fff; box-shadow: 0 0 5px 0px #888; padding: 15px; background: #f3f4f6; margin: 4px 0; color: #284d7a;}

.contact-form input.text, .contact-front input.text {border-radius: 9px; border: 2px solid #fff; box-shadow: 0 0 5px 0px #888; padding: 3px 6px; background: #f3f4f6; margin: 4px 0; color: #284d7a;}

.submit-but {height: 30px; background: url(img/submit-bg.png) repeat-x; border-radius: 9px; border: 2px solid #fff; box-shadow: 0 0 5px 0px #888; padding: 2px 15px; color: #fff;}

.contact-map {width:350px; float:left;}
.contact-text {width: 275px; padding: 0 25px; float:left; font-size: 13px;}
.contact-text span{color: #317ec1;}
.contact-text span a{color: #317ec1;}

.clear {clear:both;}

.contact-form {margin: 30px 0 0 110px;}
.contact-form span {font-size: 14px; font-weight: bold; color: #317ec1;}

.contact-front {margin: 0 0 0 15px;}

ul.contact-blad {padding: 15px 0 0 0}
ul.contact-blad li{color:red;}

.contact-po {color: #317ec1; font-size: 14px; padding: 25px 0 0 0;}

.portfolio 
	{
	float:left; 
	margin: 0 0 0 30px; 
	border-radius: 15px; 
	border: 1px solid #d4d8e3; 
	box-shadow: 0 0 5px 3px #edf0f4; 
	background: #e9ecf1; 
	color: #284d7a; 
	width: 376px;
	padding: 0 25px 40px 25px;
	position:relative;
	}

.portfolio a {position:absolute; bottom: 15px; right: 25px; text-decoration:underline;}
	
.kontakt {margin: 0 30px 20px 30px; background: url(img/hor-1.png) repeat-x bottom; padding: 0 0 20px 0;}
.kontakt h2 {margin: 0 0 15px 0;}
.kontakt p {padding: 0 10px; text-align: justify; color: #317ec1;}
.kontakt p a{text-decoration:underline;}


#portfolio {
   width: 375px; /* important to be same as image width */
   height: 213px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   border: 1px solid #d4d8e3;
}

#portfolioContent {
   width: 375px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.portfolioImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.portfolioImage span {
   position: absolute; /* important */
   left: 0;
   font: 13px Arial, Helvetica, sans-serif;
   padding: 10px 13px 15px 13px;
   width: 349px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   bottom: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.portfolioImage span a {font-size: 10px; margin-top:5px; position:absolute; top:10px; right: 4px;}

table.form-table tr td{ padding: 0 10px;}

.opinia {width: 675px; padding: 15px 0; background: url(img/hor-1.png) repeat-x bottom left; float:left;}

.opinie_left {width: 130px; text-align:center; float:left; padding: 0 5px 0 0;}
.opinie_left img {padding: 1px; background: #fff; border: 1px solid #d4d8e3;}
.opinie_left {font-size: 13px; color:#74b51a;}
.opinie_left span {font-size: 11px; color: #155aa6; text-align:right; display:block; padding: 0 5px 0 0;}
.opinie_right {width: 490px; background: url(img/ver-1.png) repeat-y top left; float:left; padding: 0 0 0 28px; text-align:justify;}

.offer_cell {border: 1px solid #d3d7e2; padding: 20px; margin: 15px 0;}

.port-cell div {width: 480px; display:block; float:left; text-align:justify;}