/**** Global Rules
*********************************************************************/
html{
	background-color:#0C7AAB;
}

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:normal;
	line-height:20px;
	color:#000;
	margin:0;
	padding:0;
	background:url(bgr.png);
	background-repeat:repeat-x;
	background-color:#0C7AAB;
	background-attachment:fixed;
}

h1, h2, h3, h4, h5, h6, h7, img, div, form{
	padding:0px;
	margin:0px;
}

ul, ol{
	list-style-position:inside;
	list-style-type:square;
	margin:0px 20px 20px 20px;
	padding:0px;
}

h1 {
	font-size:24px; 
	color:#000;
	padding:15px 0px 15px 0px;
	margin:0px 0px 15px 0px;
	border-top:#FF6600 solid 1px;
}

h2.hp {
	font-size:18px; 
	color:#000;
	padding:15px 0px 0px 0px;
	margin:15px 0px 15px 0px;
	border-top:none;
}


h2 {
	font-size:18px; 
	padding:0;
	margin:0px 0 5px 0;
	color:#000;
}

h3 {
	font-size:16px; 
	padding:0;
	margin:0 0 5px 0;
	color:#000;
}

h3.hp {
	font-size:16px; 
	padding:15px 0px 0px 0px;
	margin:15px 0px 15px 0px;
	color:#000;
}

a {
	color:#FF6600;
	text-decoration:none;
	outline-style:none;
}

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

#wrapper{
	width:960px;
	margin: 0 auto;
	background-color:#fff;
}

.mainImage{
	width:920px; 
	margin:0 auto;
}

.mast-head{
	width:920px;
	margin:0 auto;
}

.logo{
	width:350px;
	float:left;
	padding:10px 0 15px 0;
}

.about-content{
	width:450px; 
	float:left;
}
.about-content img{
	border:#CCC solid 1px;
	padding:0px;
	margin:5px 15px 5px 0px;
}

.about-content p{
	margin:0px 0px 15px 0px;
}

/**** Main Nav Rules
*********************************************************************/
.mainNav{
	float:right; 
	font-size:18px; 
	font-weight:bold; 
	padding:0px;
}

.mainNav ul{
	list-style:none; 
	margin:0; 
	padding:0;
}

.mainNav li{
	float:left; 
	margin-left:6px;
	overflow:hidden;
}

.mainNav li a {
	color:#FF6600;
	display:block;
	padding:35px 0px 38px 15px;
	text-decoration:none;
}

.mainNav li a:hover{
	color:#FF9900;
	text-decoration:none;
}

.mainNav li a.currentMainNav{
	color:#FFF;
	display:block;
	text-decoration:none;
}

/**** Case Studies Rules
*********************************************************************/
.caseStudies{
	padding:20px;
}

.caseStudies ul{
	list-style:none; 
	margin:0; 
	padding:0;
}

li.caseStudies-li{
	float:left; 
	margin-left:5px;
}

.caseStudies a{
	color:#000066;
	text-decoration:none;
}

.caseStudies a:hover{
	color:#000066;
	text-decoration:underline;
}

/**** Contact Form Rules
*********************************************************************/
.contactForm{
	width:445px;
	float:right; 
	overflow: hidden;
}

.contactForm label{
	clear:both;
	font-weight:bold;
	font-size:14px;
	margin:0px;
	padding:0px;
}

.contactForm input[type="text"]{
	width:420px;
	font-size:14px;
	font-weight:normal;
	padding:10px;
	margin:5px 0 5px 0;
	color:#CCC;
	background-color:#000;
	filter:alpha(opacity=50); /* IE's opacity*/
	opacity: 0.50;
	border:none;
}

.contactForm textarea{
	width:420px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	padding:10px;
	margin:5px 0 5px 0;
	color:#CCC;
	background-color:#000;
	filter:alpha(opacity=50); /* IE's opacity*/
	opacity: 0.50;
	border:none;
}

/**** Thumbs Rules
*********************************************************************/
.port-thumbs{
	padding:0;
	margin:0;
}

.port-thumbs img{
	float:left;
	margin:0 0 0 0;
}



.port-thumbs a.title{
	color:#FF6600;
}
.port-thumbs a:hover.title{
	color:#FF9900;
}

.port-thumbs a img{
	border:#CCC solid 1px;
	padding:5px;
}

.port-thumbs a:hover img{
	border:#FFCC00 solid 1px;
}

/**** Portfolio Thumbs Rules
*********************************************************************/
.portfolioCage{
	width:100%;
	padding:0 0 65px 0;
}

.portfolio_thumbs{
	width:495px; 
	float:left;
}

.portfolio_thumbs a img{
	border:#333 solid 1px;
}

.portfolio_thumbs a:hover img{
	border:#FF6600 solid 1px;
}

.descrip{
	width:375px;
	float:left;
}

/**** Elsewhere 
*********************************************************************/
ul.elsewhere li#facebook{
	background:url(42.png) no-repeat 0px 2px;
	padding:0px 0px 5px 25px;
}

/**** Category Rules
*********************************************************************/
.port-cats{
	float:right; 
	width:170px; 
	padding:25px; 
	margin:0px 0px 20px 20px; 
	background:url(opacity-blk.png) repeat;
}
.port-cats ul.category_list{
	list-style-position: inside;
	list-style: none;
	margin: 0px;
	padding: 0px;
	color: #999;
}

#txt-center{
	clear: both;
	height: 40px;
	padding-left: 310px;
}
#txt-center ul.pagination {margin: 0; padding: 0.5em; text-align: center;}
#txt-center ul.pagination li {display:inline; padding: 0.2em;}
#txt-center ul.pagination li.active {color: #ff9900;}



/**** Footer Rules
*********************************************************************/
.footer {
	clear:both;
	font-size:12px;
	font-weight:normal;
	color:#666666;
	margin: 0 auto;
	padding:20px 20px 10px 20px;
	width:880px;
	background:url(opacity-blk.png) repeat;
}

.footer .downlow{
	float:left; 
	margin:0px 60px 20px 0px;
}
.footer a{
	color:#fff;
	text-decoration:none;
}

.footer a:hover{
	color:#fff;
	text-decoration:underline;
}

.footer ul{
	list-style:none;
	margin:0px;
	padding:0px;
}

.footer2{
	clear:both; 
	width: 900px;
	margin:0px auto;
	padding:10px 20px 10px 20px; 
	font-size: 11px;
}

/* dodaj i edytuj */
.input_login {
 border: 1px solid #007500;
 padding: 0px 0px;
 margin: 0px;
 width: 250px;
 font-weight:bold;
 background-color: #FFFFFF;
 color: #000000;
 font-family:"Courier New", Courier, sans-serif;
}

.input_login_error {
 border: 1px solid #FF000C;
 padding: 0px 0px;
 margin: 0px;
 width: 250px;
 font-weight:bold;
 background-color: #FFD0D2;
 color: #000000;
 font-family:"Courier New", Courier, sans-serif;
}

.textarea_login {
 border: 1px solid #007500;
 font-size: 9pt;
 width: 370px;
 height: 55px;
 padding: 5px;
 margin: 0px;
 font-weight:bold;
 background-color: #FFFFFF;
 color: #000000;
 font-family:"Courier New", Courier, sans-serif;
}



table.tabeleczka {
  border-collapse: collapse;
  border: 0px solid #FF9200;
  font: normal 11px verdana, arial, helvetica, sans-serif;
  color: #F3F9FF;
  background: #9FCEFB;
  }
table.tabeleczka td, th {
  border: 0px solid #007500;
  padding: .4em;
  color: #000000;
  }
table.tabeleczka thead th {
  font: bold 11px verdana, arial, helvetica, sans-serif;
  border: 0px solid #03476F;
  background: #2D65A0;
  color: #FFFFFF;
  padding-top:3px;
  }
table.tabeleczka tfoot th {
  font: bold 11px verdana, arial, helvetica, sans-serif;
  border: 0px solid #03476F;
  background: #F0F8FF;
  color: #000000;
  padding-top:3px;
  }
table.tabeleczka tfoot td {
  vertical-align: top;
  border: 0px solid #000000;
  background: #DADADA;
  padding-top:3px;
  color: #000000;
  }
.odd {
  background: #CEE7FF;
  }
table.tabeleczka tbody tr:hover {
  background: #EDBC00;
  border: 0px solid #03476F;
  color: #FFFFFF;
  }
table.tabeleczka tbody tr:hover th,
table.tabeleczka tbody tr.odd:hover th {
  background: #DA3800;
  color: #FFFFFF;
  }