@charset "utf-8";

html, body, h1, h2, h3, h4, h5, h6, div, span, blockquote, p, address, form, fieldset, img,
ul, ol, dl, dt, dd, li, hr, table, td, th, strong, em, sup, sub, dfn, ins, del, q, cite,
var, samp, code, kbd, tt {
	margin: 0;
	padding: 0;
	border: 0;
}

body {  
	font:normal 62.50% Tahoma, Arial, Helvetica, sans-serif;
 	background-color:#000;
 	color:#000;
 	text-align:center;
} 
/* 
  --- + HEADER WEBCREO LEVEL + --- 
 */
#headerWC {
	background-color:#000;
}
.container{
 	margin:0 auto;   
 	width:960px;   
	text-align:left;
}
#content p {
	font-size:1.1em;
	margin: 5px 20px 10px 0;
	line-height:1.5em;
}
#content p.news {
	line-height:1.4em;
}
a.dot{
	border-bottom:1px dotted #369;
	padding-bottom:2px;
}
#content a.dot:hover{
	text-decoration:none;
	color:blue;
	border-bottom:1px dotted blue;
}
a:hover{
	color:blue;
}
#top{
 	background-color:#000;
 	width:960px;
 	height:20px;
}
/* --- siteMap --- */
#top a{ 
	float:left;
	margin-top:6px;	
	text-decoration:none; 	
	font-size:0.9em;
	color:#555;
	font-size:1.1em;
}
#top a:hover{
	text-decoration:underline;
	color:gray;
}
/* --- LOGO --- */
#logo{
	float:right;
	width:310px;
 	height:80px;
 	background: url(../images/bgLogo.png); 	
	position:relative;
}
#logo h1 a {	
	display:block;
	float:left;
	background: url(../images/logo.png) no-repeat;
	width:179px;
	height:79px;
	text-indent:-9999px;
}
/* --- MENU --- */
#menu{	
	float:left;
	width:650px;
	height:80px;
	background: url(../images/bgMenu.png) repeat-x;
}
#menu ul {       
	margin:32px 0 0 0;
}
#menu ul li {
	display:inline;    
}
#menu ul li a {
	float:left;
	text-decoration:none;
	color:silver;	    
	text-align:center;
	width:80px;
	font-weight:bold;
	padding-top:5px;
	padding-bottom:11px;
	font-size:1.3em;
}
#menu ul li a:hover {
	color:#fff;
}
#menu ul li a.on{
	color:#fff;
	width:80px;
	padding-bottom:11px;
	background: url(../images/bgMenuOn.png) center center no-repeat;
	
}
#flashTop{
	margin-top:2px;
	clear:both;
 	float:left;
 	width:960px;
 	height:280px;
	background: url(../images/bgFlash.png) center center no-repeat;
}

#flashTop2{
	margin-top:20px;
	clear:both;
 	float:left;
 	width:960px;
 	height:00px;
	background-color:#000;
}

/* 
  --- + BODY WEBCREO LEVEL + --- 
 */

#bodyWC {
	background: #fff url(../images/bgBodyWC.png) repeat-x;
	padding-bottom:0px;
}

#bodyWC .container{
	background: #fff url(../images/bgBodyContainer.png) top right no-repeat;
}


h2{
 	margin:8px 0 5px 0;
	padding:0 0 20px 0;
 	font-size:2.2em;
 	font-weight:normal;
 	letter-spacing:-0px;
 	color:silver;
	float:left;
	width:100%;
}

h3{
 	margin:23px 0 20px 0;
	padding:0 0 10px 0;
	border-bottom:1px solid #e3e2e2;
 	font-size:1.8em;
 	font-weight:normal;
 	letter-spacing:-0px;
	background: none;
	width:100%;	
	color:#000;
	
}
h3.home{
 	margin:23px 0 12px 0;
	padding:0 0 5px 0;
	border-bottom:1px solid #e4e4e4;
 	font-size:1.8em;
 	font-weight:normal;
 	letter-spacing:-0px;
 	color:#000;
	background: none;
	width:90%;
}

h3.home2{
 	margin:23px 0 12px 0;
	padding:0 0 5px 0;
	border-bottom:1px solid #e3e2e2;
 	font-size:1.8em;
 	font-weight:normal;
 	letter-spacing:-0px;
 	color:#000;
	background: none;
	width:100%;
}

h4{ 	
 	font-size:1.4em;
	color:#ae5323;

}
h4.home{ 	
 	font-size:1.3em;
 	font-weight:bold;
	color:#2f5f8e;
	border:0;
	padding:0px;
	color:#2f5f8e;
}
h4.port{ 
	
 	font-size:1.3em;
 	font-weight:bold;
	color:#2f5f8e;
	border:0;
	padding:0;
	margin:0;
	color:#2f5f8e;
	padding:30px 0 10px 65px;
	width:220px;
}
h4.copyright{ 
	
 	font-size:1.0em;
	color:#666;
	border:0;
	padding:0;
	margin:0;
	padding:30px 0 10px 0;
	font-weight:normal;
}
h5 {

	padding:30px 0 20px 0;
 	font-size:1.0em;
 	font-weight:normal;
	color:#000;
}
small {
	display:block;
	margin-top:5px;
	font-size:0.9em;
	color:silver;
}
a{
	color:#2f5f8e;
	text-decoration:none;
}

a:hover{ text-decoration:underline; }
a:focus {outline:0;} 

.clear{
	clear:both;
}
img.pf{
	border:3px solid #e3e2e2;
	float:left;
	margin:0 20px 10px 0;
}

img.pp{
	border:0px solid #e3e2e2;
	float:left;
	margin:0 20px 10px 0;
	padding-top:10px;
}

#navigation{
	float:left;
	width:960px;
	margin:10px 0;
	color:#666;
}
#navigation a{
	color:#666;
	text-decoration:none;
}

#navigation a:hover{
	color:#2f5f8e;
	text-decoration:underline;
}

#navigation i{
	color:#2f5f8e;
	font-style:normal;
}

a.button{
	float:left;
	width:100px;
	background: url(../images/bgButton.png);
	padding:12px 0;
	text-align:center;
	font-weight:bold;
	margin:0 10px 20px 0;
}
/* 
  --- + FOOTER WEBCREO LEVEL + --- 
 */

#footerWC {
	background: #000 url(../images/bgFooterWC.jpg) repeat-x;
	padding-bottom:15px;
}
#footerWC .container{
	background: #000 url(../images/bgFooterContainer.png) top right no-repeat;
}

#footerWC ul{
	float:right;	
}
#footerWC ul li{
	display:inline;	
}
#footerWC ul li a{
	color:#000;
}

strong.blue{
	color:#2f5f8e;
}

#portfolioRotator{
	margin-top:20px;
	float:left;
	width:960px;
	height:185px;
	background: url(../images/bgPortfolioRotator.png);	
}

#portfolioRotator p.port{
	padding:5px 35px 5px 65px;
}

#infoRotator{
	margin-top:9px;
	float:left;
	width:330px;
	height:170px;
}
#flashRotator{
	margin:9px 0 0 0px;	
	float:left;
	width:620px;
}
img.imgLastProject{
	margin:10px 0; 
	border:3px solid #e4e4e4; 
	display:block;
}	

/* formularz */
form.kontakt {
    width: 430px;
    font-size:1.1em;
}

fieldset {
    border: 0;
}

legend {
    font-weight: bold;
    padding: 7px;
    color: #8c2f22;
}

label {
    width: 100px;
    display: block;
    float: left;
    text-align: right;
    padding-right: 10px;
}
div.form {
    margin: 7px 7px 7px 13px;
}

input{
    border: 1px solid #d9d9d9;
    width: 150px;
    background-color: #f1f1f1;
}
input:focus{
    border: 1px solid #369;
    width: 150px;
    color: #369;
    background-color: #fff;
}
input.temat{
    width: 250px;
}
textarea{
    border: 1px solid #d9d9d9;
    width: 250px;
    background-color: #f1f1f1;
}
textarea:focus{
    border: 1px solid #369;
    width: 250px;
    color: #369;
    background-color: #fff;
}

span.error{
   display: block;
    color: red;
    margin: 0px 0px 5px 110px;
}