body {
background: #002834 url(../gfx/top-bg.jpg) no-repeat top center;
margin: 0;
padding: 0;
}
a { color: #fff; }
label, input, select, textarea { color: #fff; font-size: 12px; font-weight: normal; }
input, select, textarea { background: transparent; border: 1px #C2E3ED solid; padding:3px;}
select { background: #002834; border: 1px #C2E3ED solid; }
.clear {
clear: both;
}
#slideshow {margin: auto;width: 903px;height: 195px; }
#slideshow img { display: none }
#slideshow img.first { display: block }
#top {
margin: auto;
padding: 0;
width: 903px;
height: 200px;
}
#pasek {
margin: auto;
padding: 0;
width: 100%;
background: #fff;
height: 39px;
text-align: center;
}
#contents {
margin: auto;
padding-bottom: 20px;
width: 100%;
min-height: 900px;
background: transparent url(../gfx/bg-kolor.png) no-repeat top center;
}
#menu {
margin: auto;
padding: 0;
width: 903px;
height: 40px;
text-align: right;
}
#menu_cnt {
margin: auto;
padding: 0 0 0 100px;
width: 803px;
height: 40px;
}
#search {
float: right;
padding-right: 12px;
}
#search input { border: none; text-shadow: 1px 1px 1px #000; }
#search .search_q { width: 262px; height: 28px; margin: 4px 11px 0 0; padding: 0 4px;  border: 1px #fff solid; border-bottom-width: 3px; }
#search .search_button { padding-top: 8px; float: right; }
#search .search_submit { width: 22px; height: 22px; background: url(../gfx/lupka.png); cursor: pointer; }
#menu ul {
line-height: 36px;
text-align: left;
list-style: none;
}
#menu h3 {
margin-top: 0;
padding-top: 10px;
text-align: left;
color: #fff;
}
#menu ul li {
margin: 0;
padding: 0;
display: inline;
}
#menu ul li a {
display: block;
float: left;
margin: 0;
padding: 0;
text-decoration: none;
text-shadow: 1px 1px 1px #000;
font: normal 12px Georgia;
text-indent: -9999px;
}
#menu ul li:hover a, #menu ul li.active a {
background: transparent url(../gfx/menu_over.png);
}
#menu ul li a span {
display: none;
}
#menu ul li.i_0 a {
width: 112px;
height: 40px;
}
#menu ul li.i_1 a {
width: 108px;
height: 40px;
}
#menu ul li.i_1:hover a, #menu ul li.i_1.active a {
background-position: -112px 0;
}
#menu ul li.i_2 a {
width: 111px;
height: 40px;
}
#menu ul li.i_2:hover a, #menu ul li.i_2.active a {
background-position: -220px 0;
}
#menu ul li.i_3 a {
width: 111px;
height: 40px;
}
#menu ul li.i_3:hover a, #menu ul li.i_3.active a {
background-position: -331px 0;
}
/* ----------------------------------------------------------------------- BANNER !! */
#bannerTop {
margin: auto;
padding: 20px 0 0 73px;
width: 903px;
height: 195px;
}
/* ----------------------------------------------------------------------- BANNER !! */
#circle {
margin: auto;
margin-bottom: 18px;
padding: 0 0 0 0;
}
#circle div img { margin: auto; display: block }
/* give each slide the same dimensions */
#circle div {width: 903px; height: 195px;  }
/* ----------------------------------------------------------------------- BANNER !! */
#circle h1 {
font: normal 38px Georgia;
color: #fff;
text-align: center;
}
/* ----------------------------------------------------------------------- BANNER !! */
#zawartoscTextowa {
margin: auto;
padding: 0 0 0 0;
/* background: red; */
width: 903px;
/*min-height: 300px;*/
}
#left h3 {
margin: auto;
width: 710px;
color: #bfdfe9;
text-shadow: 1px 1px 1px #000;
font: normal 18px Georgia;
line-height: 36px;
margin-bottom: 18px;
/* background: blue; */
}
#catalog_categories {
margin: 0 0 0 100px;
padding: 0 0 0 0;
list-style: none;
/* background: green; */
width: 285px;
float: left;
}
#catalog_categories ul {
margin: 0 0 0 30px;
padding: 0;
color: #bfdfe9;
text-shadow: 1px 1px 1px #000;
font: normal 12px Georgia;
list-style-type: circle;
}
#catalog_categories ul li {
color: #bfdfe9;
text-shadow: 1px 1px 1px #000;
font: normal 12px Georgia;
padding: 0;
padding: 0 0 20px 0;
background: transparent url(../gfx/li.png) no-repeat bottom left;

}

#catalog_categories ul li a {
color: #bfdfe9;
text-shadow: 1px 1px 1px #000;
font: normal 12px Georgia;
text-decoration: none;
}
#catalog_categories ul a:hover {
color: #C0FFFF;
text-shadow: 1px 1px 1px #000;
font: normal 12px Georgia;
text-decoration: none;
}
#main_contents {
margin: 0 0 0 0;
padding: 20px 0 0 20px;
width: 475px;
float: left;
}
#main_contents img {
margin: 0 0 0 0;
padding: 0 0 0 0;

}
#main_contents p img {
margin: 0 0 10px 0;
padding: 0 0 0 0;
background: black;
border: 1px #FFF solid;
}
#main_contents h1, #main_contents h2, #main_contents h3, #main_contents h4 {
color: #FFF;
font: normal 24px Georgia;
text-shadow: #000 2px 2px 2px;
margin: 16px 0;
}
#main_contents h2 { font-size: 20px; }
#main_contents h3 { font-size: 18px; }
#main_contents h4 { font-size: 16px; }
#main_contents p, a { font-family: Georgia; }
#main_contents p {
color: #c2e3ed;
font-size: 12px;
text-shadow: 1px 1px 1px #000;
line-height: 18px;
}
#main_contents li, #main_contents li a {
color: #c2e3ed;
text-shadow: 1px 1px 1px #000;
font: normal 12px Georgia;
line-height: 18px;
}
#main_contents li a { color: #fff; }
#main_contents .prov li, #main_contents .prov li a { font-size: 11px; }
#main_contents ul.pack { margin-bottom: 15px; overflow: auto; }
#main_contents ul.pack li { float: left; width: 230px; margin-right: 6px; }
#main_contents ul.pack li a { font-size: 11px; }
#catalog_categories_list { margin-bottom: 12px; }
.emailwww .email, .emailwww .www { padding-left: 25px; margin-left: 30px; float:left; height:16px; }
.emailwww .email { background: transparent url(../gfx/email_icon.png) top left no-repeat; }
.emailwww .www { background: transparent url(../gfx/www_icon.png) top left no-repeat; }
#entry { margin-bottom: 25px; }
.contact_form .form_submit { text-align: right; }

/* style dla projektów */
.simple_overlay {

	/* must be initially hidden */
	display:none;

	/* place overlay on top of other elements */
	z-index:10000;

	/* styling */
	background-color:#800;


	width:675px;
	min-height:200px;

	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;
}

.simple_overlay .close {
	background-image:url(../gfx/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

.projekt {
margin: 0;
padding: 0;
float: left;
}
.opisProjektu {
margin: 0;
padding: 10px;
color: #c2e3ed;
text-shadow: 1px 1px 1px #000;
font: normal 12px Georgia;
line-height: 18px;
width: 200px;
float: left;
}
/* konkretne projekty */
#gim81 {
margin: 0;
padding: 0;
width: 730px;
height: 600px;

}
#kusySzkola {
margin: 0;
padding: 0;
width: 950px;
height: 600px;

}
#internatKusy {
margin: 0;
padding: 0;
width: 970px;
height: 600px;
}
#sp42 {
margin: 0;
padding: 0;
width: 777px;
height: 600px;
}
#szablony {
margin: 0;
padding: 0;
width: 777px;
height: 600px;
padding:50px 70px;
background-image:url(../gfx/szablony-bg.png);
}
#szablony h1 {
margin: 0;
padding: 0;
font: normal 18px Georgia;
text-shadow: 1px 1px 1px #000;
color:#FFFFC0;
}
#szablony p {
margin: 0 0 20px 0;
font: normal 12px Georgia;
text-shadow: 1px 1px 1px #000;
color:#FFFFC0;
}
#szablony a {
font: bold 12px Georgia;
text-shadow: 1px 1px 1px #000;
color:#FFF;
text-decoration: none;
}
#szablony a:hover {
font: bold 12px Georgia;
text-shadow: 1px 1px 1px #000;
color:#FFFFC0;
text-decoration: none;
}
#kontakt {
margin: 0;
padding: 0 0 0 0;
width: 777px;
padding:200px 70px;
background-image:url(../gfx/kontakt.jpg);
}
#kontakt h1 {
margin: 0;
padding: 0;
font: normal 18px Times New Roman;
text-shadow: 1px 1px 1px #000;
color:#FFFFC0;
}
#kontakt p {
font: normal 12px Georgia;
text-shadow: 1px 1px 1px #000;
color:#FFFFC0;
}
#kontakt a {
font: normal 32px Georgia;
text-shadow: 1px 1px 1px #000;
color:#FFF;
text-decoration: none;
line-height: 40px;
}
#kontakt a:hover {
font: normal 32px Georgia;
text-shadow: 1px 1px 1px #000;
color:#FFFFC0;
text-decoration: underline;
line-height: 40px;
}
#kontakt ul {
margin: 0;
padding: 0;
font: normal 12px Georgia;
text-shadow: 1px 1px 1px #000;
color:#FFFFC0;
list-style: circle;
}
/* koniec konkretne projekty */
/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {
	display:none;
	background:transparent url(../gfx/black_arrow.png);
	font: normal 12px Georgia;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;
}
/* override the arrow image of the tooltip */
.tooltip.bottom {
	background:url(../gfx/black_arrow.png);
	padding-top:40px;
	height:55px;
}

.tooltip.bottom {
	background:url(../gfx/black_arrow.png);
}
	#overlay {
		background-image:url(http://static.flowplayer.org/img/overlay/transparent.png);
		color:#efefef;
		height:450px;
	}

	/* container for external content. uses vertical scrollbar, if needed */
	div.contentWrap {
		height:441px;
		overflow-y:auto;
	}

/* style dla szablony */
.simple_overlay_szablony {

	/* must be initially hidden */
	display:none;

	/* place overlay on top of other elements */
	z-index:10000;

	/* styling */
	/* background-color:#800; */


	width:675px;
	min-height:200px;

	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;
}

.simple_overlay_szablony .close {
	background-image:url(../gfx/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}
#main_contents .captcha { display: block; margin-bottom: 5px; }
#cookies_policy { position: fixed; bottom: 0; text-align: center; width: 100%; background: #fff; padding: 15px 0; line-height: 16px; font-size: 14px; font-family: Georgia, serif; }
#cookies_policy a { color: #002834; }
#cookies_policy .close { float: right; margin-right: 30px; }