@charset "utf-8";
/* CSS Document */

/* Linki */
a:link, a:visited {
color : #1a1a1a;
text-decoration : none;
border: none;
}

a:hover {
color : #ff7900;
text-decoration : none;
border: none;
}

/* Główne */
body, html {
font-family : Tahoma, Verdana, sans-serif;
font-size : 11px;
color : #323232;
background-image:url(bg/bg.png);
background-position: center top;
background-repeat: repeat-x;
background-color : #e4e4e4;
margin:0px;
padding:0px;
border:none;
height:100%;
width:auto;
overflow:visible;
}

body
{
  overflow:auto;
}

#center {
text-align : left;
margin-left : auto;
margin-right : auto;
margin-top: auto; 
height:100%;
display:table;
width:100%;
width : 1000px;
}

#home {
  vertical-align:middle;
  display:table-cell;
}

/*---INDEX----*/

.logo {
	width: 180px;
	height:31px;
	margin: 55px 0 0 0;
	border: none;
}


.menu {
	margin: 40px 0 0 65px;

}

.web{
	display: block;
	width: 55px;
	height: 32px;
	background: url(images/menu/web.png);
	text-indent: -999em;
	position: absolute;
}

.web2{
	display: block;
	width: 55px;
	height: 32px;
	position: absolute;
}

.web:hover, .logotypy:hover, .tshirt:hover, .id:hover, .other:hover {
	background-position: 0 -32px;
}

.logotypy{
	margin: 0 0 0 200px;
	display: block;
	width: 55px;
	height: 32px;
	background: url(images/menu/logo.png);
	text-indent: -999em;
	position: absolute;
}

.logo2{
	margin: 0 0 0 200px;
	display: block;
	width: 55px;
	height: 32px;
	position: absolute;
}

.tshirt{
	margin: 0 0 0 400px;
	display: block;
	width: 75px;
	height: 32px;
	background: url(images/menu/tshirt.png);
	text-indent: -999em;
	position: absolute;
}

.tshirt2{
	margin: 0 0 0 400px;
	display: block;
	width: 75px;
	height: 32px;
	position: absolute;
}

.id{
	margin: 0 0 0 600px;
	display: block;
	width: 55px;
	height: 32px;
	background: url(images/menu/id.png);
	text-indent: -999em;
	position: absolute;
}

.id2{
	margin: 0 0 0 600px;
	display: block;
	width: 55px;
	height: 32px;
	position: absolute;
}

.other{
	margin: 0 0 0 800px;
	display: block;
	width: 55px;
	height: 32px;
	background: url(images/menu/other.png);
	text-indent: -999em;
	position: absolute;
}

.other2{
	margin: 0 0 0 800px;
	display: block;
	width: 55px;
	height: 32px;
	position: absolute;
}



/*--------------PORTFOLIO CONTENT SLIDER --------------------------*/



.kategorie {
	margin: -350px 0 0 100px;
	width: 41px;
	height: 320px;
	position: absolute;
	border: none;
}

.kat-img {
	width: 41px;
	height: 43px;
	padding-bottom: 4px;
}

.img-portfolio {
	width: 530px;
	height:352px;
	margin: -380px 0 0 141px;
	position: absolute;
	border: none;
}

.opis{
	position:absolute;
	text-align:left;
	margin: -335px 0 0 680px;
}

.title{
	width-max: 230px;
	height:12px;
	margin-left: 3px;
	padding-bottom: 5px;
	text-align: left;
}

/*-----------------------STOPKA-------------------------*/

.stopka {
	height: 250px;
	margin: 50px 0 0 0;
	margin-left:auto;
	margin-right: auto;
	text-align:center;
}

.omnie {
	margin-left: 100px;
	position:absolute;
	width: 270px;
	height: 200px;
}

.kontakt {
	margin-left: 480px;
	position:absolute;
	width: 270px;
	height: 200px;
}


input, textarea{
	color: #616161 ;
	border: 1px solid #d6d6d6;}
  
  
input:hover,
input:focus,
textarea:hover,
textarea:focus {
	color: #616161;
	border: 1px solid #8e8e8e;
}

.submit {
	display: block;
	width: 39px;
	height: 16px;
	background:url(images/stopka/kontakt/wyslij.png);
	text-indent: -999em;
	float: right;
	margin: 3px 10px 0 0;
	border: none;
}

.submit:hover {
	background-position: 0 -16px;
	border:none;
}

.formularz_php{
	width: 300px;
	text-align:left;
	margin-left: 40px;
}





/*---------------CONTENT SLIDER------------------------*/
.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
width: 1000px; /*width of featured content slider*/
height: 400px;
margin: 93px 0 0 0;
}



.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
background: white;
width: 1000px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.pagination{
width: 530px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: center;
position: relative;
padding-top: 8px;
margin-left: auto;
margin-right:auto;
}

.pagination a{
text-decoration: none; 
color: #f5f5f5;
background: url(images/slider/1.png);
width: 12px;
height:13px;
padding-left: 7px;
margin-left: 11px;
}

.pagination a:hover, .pagination a.selected{
text-decoration: none; 
color: #ff7900;
background: url(images/slider/2.png);
width: 13px;
height:13px;
}