/*Elementy LAYOUTU*/
* img {border:0px;}
* {
 font: Verdana, Arial, Helvetica, sans-serif;
 color: #666666;
 font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
 color: #666666;
 font-size: 12px;
}

body {
 margin:0px;
 padding:0px;
 font: Verdana, Arial, Helvetica, sans-serif;
 color: #666666;
 font-size: 12px;
}

#header {
 position:absolute;
 left:0px;
 right:0px;
 top:0px;
 width:100%;
 height: 70px;
 background-color: #EAEAEA;
 z-index:1;
}

#baner {
 position:absolute;
 width:100%; 
 left:0px;
 right:0px;
 top:71px;
 border-top:1px solid #FCFCFC;
 height: 29px;
 background-color:#000040;
 z-index:1;
}

#cont {
 position:absolute;
 width:100%;
 left:0px;
 right:0px;
 top: 100px;
 min-height:400px;
 background-color:#FFFFFF;
 z-index:1;
}
* html #cont {height:400px} /* IE Min-Height Hack */ 


/*Elementy pozycjonowania*/

.wrapper {
	z-index:90;
	position: absolute;
	width: 770px;
	left: 50%;
}
#head {
	z-index:100;
	position: absolute;
	left: -385px;
	top:0px;
	width: 768px;	
	border: 1px solid #818181;
	border-bottom:none;
	background-color: #F2F2F2 !important;
	height:70px;
}
#ban {
	z-index:100;
	position: absolute;
	left: -385px;
	top:71px;
	width: 768px;	
	border: 1px solid #818181;
	border-bottom:none;
	border-top:none;
	height:29px;
	background-color: #002D59;
}
#content {
	z-index:100;
	position: absolute;
	left: -385px;
	top:100px;
	width: 768px;	
	border: 1px solid #818181;
	border-top:none !important;
	min-height:350px;
	border:1px solid #818181;
	background-color: #FAFAFA;
}
* html #content {height:350px} /* IE Min-Height Hack */ 

#text_cont {margin:5px auto 5px 20px; width:400px;}

.container { z-index:2; position:relative; width:100%;}

.galeria { position:absolute; top:20px; right:20px; width:300px; min-height:300px;}
* html .galeria {height:300px;}

#footer { border-top:1px solid #6C6C6C; background-color:#F5F5F5; padding:6px;}

/* SITE STYLES & CLASSES*/
p {text-align:left; margin:10px 20px; color:#575757;}
h1 { font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:20px; color:#3F3F3F; font-weight:bold;  margin:18px 10px 14px 10px; border-bottom:2px dashed #FA690A; padding-bottom:10px;}
h2 {font-size:16px;	color:#004080;	font-weight:bold; font-family: Tahoma, Arial, Helvetica, sans-serif; margin: 15px 15px 10px 15px;}
h3 {font-size:14px;	color:#FA690A; font-weight:normal; font-family: Tahoma, Arial, Helvetica, sans-serif; margin:8px 20px;}

.date {position:absolute; right:0px; top:20px; width:250px;}
.logo img {position:absolute; left:0px; top:0px;}
.maksyma {font-family: Tahoma, Arial, Helvetica, sans-serif; color:#002D59; font-size:12px; font-weight:bold;}
.kancelaria {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color:#424242;
	font-weight:bold;
	font-size:16px;
	text-align:center;
	font-variant:small-caps;
	padding: 20px;
	margin-top: 30px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	border: 1px solid #7E7E7E;
	background-color: #EEEEEE;
}
.alicja {color:#FA690A; font-size:16px;}
.klauzula { color:#2D2D2D; font-style:italic;}
.nazwisko{font-style:italic; font-family:Arial, Helvetica, sans-serif; text-align:center; font-size:14px;margin:10px 10px 20px 10px; font-variant:normal;}
.slogan {font-family: Tahoma, Arial, Helvetica, sans-serif; color:#424242; font-size:12px;}
.cele{ font-style:italic;}
.contact { font:inherit; list-style:none; margin:20px 20px; font-style:italic;}
.copyright{font-size:10px;}

.info1{font-size:14px; font-weight:bold; color:#800000;}
.info2{ font:Impact, Tahoma, "MS Serif"; font-size:12px; font-weight:bold; font-style:italic; color:#800000;}

/* menu*/
.nav_menu {
	margin: 0px 10px 0px 10px;
	background-color:none;
}

a.nav, a.nav:link, a.nav:visited {
	display:block;
	height:22px;
	border:1px solid #FFFFFF;
	width:100px;
	margin:2px 0px 2px 0px;
	text-align:center;
	text-decoration:none;
	font-family:verdana, arial, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#333333;
	line-height:22px;
	overflow:hidden;
	float:left;
	background-color: #F6F6F6;
	vertical-align:middle;

}
a.nav:hover {
	color:#fff;
	background-color: #B0B0FF;
}
a.nav:active {
	color:#fff;
	background-color: #999933;
}

#menu{position:relative;display:block;height:24px;font-size:11px;font-weight:bold;background:transparent url(../img/bgOFF.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;}
#menu ul{margin:0;padding:0;list-style-type:none;width:auto;}
#menu ul li{display:block;float:left;margin:0 1px 0 0;}
#menu ul li a{display:block;float:left;color:#000;text-decoration:none;padding:6px 20px 0 20px;height:24px;}
#menu ul li a:hover,#menu ul li a.current{color:#FF8000;background:transparent url(../img/bgON.gif) repeat-x top left;}

a {font:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
a:hover {color:#FA690A; text-decoration:none;}

/* FORMULARZ KONTAKTOWY

#csc {
  background : #669900 url(images/csc_tl.png) no-repeat;
  width : 20em;
  height : auto;
  position : relative;
  padding : 30px 40px;
}

/* these are the other three spans. classes were used to allow multiuse on a page */
.tr, .bl, .br {
  position : absolute;
  width : 39px;
  height : 39px;  /* corner images are 40x40 */
  display : block;
  margin-bottom : -1px;  /* this is for IE */
}

/* change position and image: top-right */
.tr {
  background : transparent url(images/csc_tr.png) no-repeat;
  top : 0;
  right : 0;
}

/* change position and image: bottom-left */
.bl {
  background : transparent url(images/csc_bl.png) no-repeat;
  bottom : 0;
  left : 0;
}

/* change position and image: bottom-right */
.br {
  background : transparent url(images/csc_br.png) no-repeat;
  right : 0;
  bottom : 0;
}


.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}