/* Reset CSS */

body {

background-color: #2e1f1f;
background:#222222 url(Images/bg.png) repeat top;
text-align:center;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
}

ul li { display: inline; }

.wraper {
position:relative;
margin:0 auto;
width:960px;
text-align:left;
}

.header{
position:relative;
width:960px;
height:43px;
padding-top:0px;
background:#222222 url(Images/bg.png) repeat top;
} 

.logo{
position:relative;
width:960px;
height:224px;
padding-top:0px;
background: url(Images/logo_bg.png) repeat-x top;
}

.logo2{
width:960px;
height:158px;
padding-top:0px;
background: url(Images/logo_bg.png) repeat-x top;
}

.content_zdjecia{
width:960px;
height:329px;
padding-top:0px;
background: url(Images/zdjecia_box.png) repeat-x;
}

.content_zdjecia_2{
width:960px;
height:329px;

background: url(Images/zdjecia_box_2.png) repeat-x;
}

.menu{
position:relative;
width:960px;
height:45px;
padding-top:0px;
background:#222222 url(Images/bg.png) repeat top;
} 

.kontakty{
float:left;
width:960px;
padding-top:40px;
}

.footer{
float:left;
width:960px;
height:75px;
padding-top:40px;
}

.footer2 {
background:url("Images/footer_box2.png") no-repeat scroll left top transparent;
float:left;
height:75px;
margin:0 0 0 250px;
padding:0 10px;
text-align:right;
width:504px;
position: relative;
}

.footer2 a {
color:white;
font:10px Verdana;
position:absolute;
right:30px;
text-decoration:none;
top:35px;
}

.footer2 a:hover {
text-decoration: underline;
}

.spacer {
height:12px
}
.spacer2 {
height:12px
}

.spacer3 {
height:48px
}

.zdjecia {
padding-top: 25px;
padding-left: 24px;
}

.zdjecia a:link, .zdjecia a:hover, .zdjecia a:visited, .zdjecia a:active {
text-decoration: none;
color:#999999;
}

.telefon {
width: 238px;
float: left;
}

.email {
width: 276px;
float: left;
}

.email a {
background: url(/Images/email_box.png) no-repeat top left;
display:block;
width: 276px;
height: 88px;
text-indent: -100000px;
}

.gg {
width: 221px;
float: left;
}

.digart {
width: 224px;
float: left;
}

.digart a {
background: url(/Images/digart_box.png) no-repeat top left;
display:block;
width: 224px;
height: 88px;
text-indent: -100000px;
}

.digart a:link, .digart a:hover, .digart a:visited, .digart a:active {
outline: none;
}

/* Formatowanie tekstu */

h1{
margin: 0 0 0 30px;
width:960px;
height:224px;
overflow: hidden;
margin:0px;
background: url(Images/logo_box.png) no-repeat;
}

h1 a:link, h1 a:hover, h1 a:visited, h1 a:active{
display: block;
width:960px;
height:200px;
text-indent: -100000px;
} 

.kontakty a:link, .kontakty a:hover, .kontakty a:visited, .kontakty a:active{
text-decoration: none;
text-indent: -100000px;
} 

H3 {
padding: 90px 0px 0px 35px;
font-family: Verdana;
font-size: 1.1em;
}

H3.long {
padding: 90px 0px 0px 12px;
font-family: Verdana;
font-size: 1.1em;
}

H3.long2 {
padding: 90px 0px 0px 25px;
font-family: Verdana;
font-size: 1.1em;
}

H3 a:link, H3 a:hover, H3 a:visited, H3 a:active{
text-decoration: none;
font-family: Verdana;
font-size: 1.1em;
} 

H4 {
margin:2px auto;
padding: 2px 0 0 56px;
font-family: Verdana;
font-size: 0.8em;
}

/* Formatowanie nawigacji */

#menu_klikalne {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 960px;
  height: 45px;
  position: relative;
  left: 0px;
  top: 0px;
}

#menu_klikalne span {
  display: none;
  position: absolute;
}
#menu_klikalne a {
  display: block;
  text-indent: -900%;
  position: absolute;
  outline: none;
}
/* Podmienia pozycje tła */
#menu_klikalne a:hover {
  background-position: left bottom;
}

#menu_klikalne a:hover span {
  display: block;
}

#menu_klikalne .home {
  width: 35px;
  height: 37px;
  background: url(Images/home_menu.png) no-repeat;
  left: 10px;
  top: 0px;
}

#menu_klikalne .artystyczne {
  width: 137px;
  height: 45px;
  background: url(Images/artystyczne_menu.png) no-repeat;
  left: 60px;
  top: 0px;
  }


#menu_klikalne .motoryzacyjne {
  width: 136px;
  height: 45px;
  background: url(Images/motoryzacyjne_menu.png) no-repeat;
  left: 237px;
  top: 0px;
}

#menu_klikalne .mezczyzni {
  width: 115px;
  height: 45px;
  background: url(Images/mezczyzni_menu.png) no-repeat;
  left: 423px;
  top: 0px;
}

#menu_klikalne .kobiety {
  width: 91px;
  height: 45px;
  background: url(Images/kobiety_menu.png) no-repeat;
  left: 611px;
  top: 0px;
}

#menu_klikalne .pupile {
  width: 75px;
  height: 45px;
  background: url(Images/pupile_menu.png) no-repeat;
  left: 795px;
  top: 0px;
}


/* galeria */

.boxgrid{ 
				width: 151px; 
				height: 269px; 
				margin: 0px 0px 0px 26px; 
				float:left; 
				background:#111111; 
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color:#afafaf; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 100px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
 					top: 260;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 220;
 					left: 0;
 				}