* {
	margin : 0;
	padding : 0;
	font-size : 0.98em;
	outline : none;
	outline-width : 0px;
}

img {
	border : none;
}

body {
	font-family : tahoma, verdana, helvatica;
	background : #4c2d79;
}

a {
	color : #ff7e00;
	text-decoration : none;
}

#kontener {
	width : 100%;
	background : #fff;
}

#header_kont {
	width : 100%;
	height : 151px;
	background : url(../images/header_kont_bg.png) repeat-x;
	position : relative;
}

#header_kont #header {
	width : 1000px;
	height : 151px;
	margin : 0 auto;
	background : url(../images/header_logo.png) no-repeat 48px;
	position : relative;
}

#header_kont #header .mainlogo {
	width : 190px;
	height : 70px;
	position : absolute;
	top : 7px;
	left : 78px;
}

#header_kont #header .mainlogo a {
	width : 100%;
	height : 100%;
	display : block;
}


#header_kont #header #mainMenu {
	height : 20px;	
	width : 440px;
	position : absolute;
	right : 0px;
	top : 20px;
}

#header_kont #header #mainMenu ul {
	list-style-type : none;
	width : 440px;
	height : 20px;
}

#header_kont #header #mainMenu ul li {
	float : left;
	color : #fff;
	text-shadow: 1px 1px 1px #000;
	padding : 0px 0px 3px 0px;
	font-size : 0.98em;
}

#header_kont #header #mainMenu ul li a {
	font-size : 0.98em;
	text-decoration: none;
  color: #fff;
	text-align: center;
  z-index: 10;
  display: block;
  float: left;
  height: 20px;
  overflow: hidden;
  margin: auto 10px;
	position : relative;
}


#header_kont #header #mainMenu li.back {
	border-bottom: 5px solid #f67722;
  width: 9px;
  height: 20px;
  z-index: 8;
  position: absolute;
}


/* ---< SLIDER >----*/

#bigSlider {
	width : 780px;
	height : 218px;
	margin : 0 auto;
	background : url(../images/slider_bg.png) no-repeat center;
	position : relative;
	padding : 12px 110px;
	top : -65px;
}

#bigSlider .slider {
	width : 780px;
	height : 216px;
	overflow: hidden; 
	position: relative;
}


#bigSlider .image_reel {
	position: absolute;
	top: 0; left: 0;
}
#bigSlider .image_reel img {float: left;}

/*--Paging Styles--*/
#bigSlider .paging {
	position: absolute;
	bottom: 10px; left: 103px;
	width: 178px; height:47px;
	z-index: 1000; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 22px;
	background: url(../images/slider_bar.png) no-repeat;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
#bigSlider .paging a {
	padding: 2px 3px;
	text-decoration: none;
	color: #fff;
	font-size : 0.90em;
	text-shadow : 1px 1px 1px #000;
}
#bigSlider .paging a.active {
	font-weight: bold;
	background: #920000;
	border: 1px solid #610000;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
}

#bigSlider #coffeimg {
	position : absolute;
	right : 17px;
	bottom : -55px;
}

#bigSlider #kulki {
	position : absolute;
	left : -25px;
	bottom : -20px;
}

#main {
	width : 1000px;
	margin : -20px auto -63px auto;
	padding-bottom : 60px;
	background : url(../images/mainBottom.png) no-repeat bottom center;
	position : relative;
	z-index : 2;
}

#main .title_page {
	border-bottom : 1px solid #ff6600;
	width : 100%;
	margin: 0px 0px 20px 0px;
}

#main .title_page h1 {
	font-size : 1.2em;
	text-align : left;
	text-shadow : 1px 1px 0px #ffc2a6;
	color : #3f2167;
	float : left;
	padding : 0px 5px 5px 5px;
	border-bottom : 4px solid #ff6600;
}

#main .cms, #main #portfolio {
	padding : 0px 110px;
	font-size : 0.93em;
}

#main .cms .content {
	line-height : 18px;
}

#main .cms .image_border {
	border : 1px solid #ffcaa6;
}

#main .cms ul {
	margin-left : 10px;
}

/* ---< PORTFOLIO >---*/


#main .item_portf {
	padding : 10px;
	margin : 10px 0px;
}

#main .item_portf:hover {
	padding : 2px;
	border : 8px solid #efcdfe;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
	-webkit-border-radius: 7px;
}

#main .item_portf .tresc {
	margin-bottom : 6px;
	padding : 10px 5px;
	float: right;
	width : 270px;
}

#main .item_portf .tresc p {
	line-height : 18px;
}

#main .item_portf .tresc p span {
	color : #ff5b15;
	font-size : 1.0em;
}

#main .item_portf .tresc .title {
	font-size : 1.35em;
	font-family : arial;
	margin-bottom : 25px;
}

#main .item_portf .tresc .title:hover {
	text-shadow : 1px 1px 0px #c0c0c0;
}

#main .item_portf .tresc .link a {
	font-size : 1.0em;
	color : #ff854a;
	text-shadow : 1px 1px 0px #3a0053;
	font-weight : bold;
}
#main .item_portf .tresc .link:hover a {
	color : #ff5b15;
	text-shadow : 1px 1px 0px #3a0053;
}


#main .item_portf .tresc .button {
	margin : 30px 0px 0px 10px;
}

#main .item_portf .tresc .button a {
	width : 116px;
	height : 29px;
	display : block;
	background : url(../images/btnWebsite.png) no-repeat;
}

#main .item_portf .tresc .button a:hover {
	background : url(../images/btnWebsite.png) no-repeat 0px -29px;
}


#main .item_portf .obrazek {
	text-align : center;
	margin : 10px 0px 10px 10px;
	border : 1px solid #e7d9ec;
	float : left;
}

#main .item_portf .obrazek a {
	border : none;
}

#main .item_portf .obrazek img {
	width : 450px;
	border: 5px solid #fff;
	box-shadow : 3px 3px 8px #918e91;
	-moz-box-shadow: 3px 3px 8px #918e91;
	-khtml-box-shadow: 3px 3px 8px #918e91;
	-webkit-box-shadow: 3px 3px 8px #918e91;
}


/* ---< GŁOWNA >--- */

#main #homeBlocksTop {
	width : 820px;
	margin : 0 auto;
	padding : 0px 90px;
}

#main #homeBlocksTop .itemBlockTop {
	width : 248px;
	height : 360px;
	float : left;
	background : url(../images/block_top_vline.png) no-repeat center right;
	padding : 0px 15px 0px 10px;
}

#main #homeBlocksTop .last {
	background : none !important;
}

#main #homeBlocksTop .itemBlockTop .title {
	width : 250px;
	font-size : 0.96em;
	text-shadow : 1px 1px 2px #a1a1a1;
}

#main #homeBlocksTop .itemBlockTop .title img {
	vertical-align : middle;
	padding-right : 10px;
}

#main #homeBlocksTop .itemBlockTop .content {
	font-size : 0.95em;
	padding : 15px 5px;
}

#main #homeBlocksTop .itemBlockTop a.buttonMore {
	float : right;
	width : 114px;
	height : 27px;
	display : block;
	background : url(../images/btnSeeMore.png) no-repeat top;
}

#main #homeBlocksTop .itemBlockTop a.buttonMore:hover {
	background : url(../images/btnSeeMore.png) no-repeat 0px -27px;
}

#main .hLine {
	width : 1000px;
	height : 10px;
	background : url(../images/block_top_linebottom.png) no-repeat center;
	clear : both;
	margin : 5px 0px;
}

#main #homeBlocksMiddle {
	width : 820px;
	margin : 0 auto;
	padding : 0px 90px;
}

#main #homeBlocksMiddle #homePortfolio {
	width : 264px;
	background : url(../images/homePortfolioBg.png) no-repeat center top;
	margin : 10px 0px 0px 12px;
	float : left;
}

#main #homeBlocksMiddle #homePortfolio .title {
	font-size : 1em;
	font-weight : bold;
	padding-left : 40px;
	line-height : 36px;
	text-shadow : 1px 1px 3px #afafaf;
	height : 36px;
}

#main #homeBlocksMiddle #homePortfolio .content {
	padding : 0px 10px;
	font-size : 0.95em;
}

#main #homeBlocksMiddle #homePortfolio .content img {
	width : 244px;
	margin:  8px 0px;
}

#main #homeBlocksMiddle #homePortfolio .content .tech {
	
}

#main #homeBlocksMiddle #homePortfolio a.buttonPortfolio {
	float : right;
	margin : 10px;
	width : 116px;
	height : 29px;
	display : block;
	background : url(../images/btnPortfolio.png) no-repeat top;
}

#main #homeBlocksMiddle #homePortfolio a.buttonPortfolio:hover {
	background : url(../images/btnPortfolio.png) no-repeat 0px -29px;
}

#main #homeOpinie {
	float : right;
	width : 530px;
	margin : 7px 0px 0px 0px;
}

#main #homeOpinie .title {
	font-size : 1em;
	font-weight : bold;
	line-height : 36px;
	text-shadow : 1px 1px 3px #afafaf;
}

#main #homeOpinie .title img {
	vertical-align : middle;
	margin-right : 12px;
}

#main #homeOpinie .content {
	font-size : 0.95em;
	margin : 3px 0px 0px 0px;
	padding-right : 20px;
}

#main #homeOpinie .content .first:hover {
	
	background : url(../images/firstOpinieBg.png) no-repeat bottom right;
}

/* ---< Kontakt >--- */

#main #contact {
	font-size : 0.94em;
	padding : 0px 110px;
}

#contact .blockaddress {
	width : 250px;
	float  :left;
	background : url(../images/block_top_vline.png) no-repeat center right;
	padding-right  : 20px;
}

#contact .formcontact {
	width : 500px;
	float : right;
}

#contact .formcontact form {
	width : 400px;
	margin : 0 auto;
}

#contact .formcontact td {
	padding : 1px 2px;
	vertical-align : middle;
}

#contact .formcontact .inputtext, #contact .formcontact .inputcaptcha, #contact .formcontact select, #contact .formcontact textarea {
	border : 1px solid #ffc5a8;
	padding : 1px 5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	color : #400080;
	text-shadow : 1px 1px 1px #adadad;
	background : #fff8f2;
}

#contact .formcontact .inputtext {
	width : 240px;
	height : 20px;
}

#contact .formcontact .inputcaptcha {
	width : 50px;
	height : 20px;
}

#contact .formcontact select {
	width : 255px;
	height : 20px;
}

#contact .formcontact textarea {
	width : 370px;
	height : 100px;
	font-family : tahoma, verdana, arial, helvetica;
}

#contact .formcontact .sbmBtn {
	width : 113px;
	height : 27px;
	background : url(../images/submitBtn.png) no-repeat;
	border: none;
	cursor : pointer;
}

#contact .formcontact .sbmBtn:hover {
	width : 113px;
	height : 27px;
	background : url(../images/submitBtn.png) no-repeat 0px -27px;
}

#contact .formcontact .errors {
	color: #d20000;
	padding : 1px 0px;
}

#contact .formcontact .complete {
	color: #008000;
	font-weight : bold;
}

#contact .formcontact sup {
	color : #fd6409;
}

#contact .googlemaps {
	text-align : center;
}

#contact .googlemaps iframe {
	border: 1px solid #a4a5a3;
	width : 700px;
	height : 350px;
	margin : 20px 0px 0px 0px;
}



/* ---< FOOTER >--- */

#footer_kont {
	width : 100%;
	height : 250px;
	background : #4c2d79 url(../images/footer_kont_bg.png) repeat-x;
	position : relative;
	z-index : 1;
}

#footer_kont #footer {
	width : 900px;
	margin : 0px auto;
	padding : 70px 50px 0px 50px;
}

#footer_kont #footer #links {
	clear : both;
	padding-bottom : 10px;
}

#footer_kont #footer #links ul {
	float : left;
	list-style-type : none;
	width : 160px;
	margin : 0px 10px;
	display : block;
}

#footer_kont #footer #links ul li {
	color : #fff;
	font-size : 0.80em;
}

#footer_kont #footer #links ul li.strong {
	font-weight : bold;
}

#footer_kont #footer #links ul li a {
	color : #fff;
	text-decoration : none;
}

#footer_kont #footer #links ul li a:hover {
	color : #ff7e00;
	text-shadow : 1px 1px 1px #191919;
}

#footer .footerLine {
	width : 100%;
	height : 2px;
	background : url(../images/footerLine.png) no-repeat center;
	margin : 0px 0px 14px 0px;
	clear : both;
}

#footer #socialicons {
	height : 32px;
	margin : 5px 40px 15px 0px;
}

#footer #socialicons ul {
	list-style-type : none;	
	float : right;
}

#footer #socialicons ul li {
	float: left;
	margin : 0px 5px;
	width : 32px;
	height : 32px;
	overflow: hidden;
	box-shadow : 2px 2px 6px #282828;
	-moz-box-shadow : 2px 2px 6px #282828;
	-webkit-box-shadow : 2px 2px 6px #282828;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	position : relative;
}

#footer #socialicons ul li:hover img {
	position : relative;
	top: -32px;
	overflow: hidden;
}


#footer .copyright {
	text-align : center;
	padding-bottom : 15px;
	font-size : 0.80em;
	font-weight : bold;
	color : #fff;
	text-shadow : 2px 2px 1px #2e2e2e;
}

#footer .contact_info {
	font-size : 0.80em;
	padding : 20px 0px 0px 0px;
	font-weight : normal;
	text-shadow : none;
}


/* ---< FACEBOOK PANEL >--- */

#facebook_panel {
	width : 320px;
	height : 430px;
	background : url(../images/facebook_bg.png) no-repeat;
	position : fixed;
	right : -285px;
	top : 160px;
	z-index : 10000;
}

#facebook_panel .button {
	width : 35px;
	height : 137px;
	float : left;
}

#facebook_panel .panel {
	width : 285px;
	height : 400px;
	float : right;
	text-align : center;
	vertical-align : middle;
	display : table-cell;
	padding : 15px 0px;
}

#facebook_panel .panel iframe {
	background : #f1f9fe;
	
}



.clear {
	clear : both;
}