/* CSS Document - craff.pl */
body {
margin:0;
padding:0;
background-color:#F5F5F5;
}

html {
	margin:0;
	padding:0;
	}

:-moz-any-link:focus {
outline: 1px dotted invert;
}

/* Change It To This: */

:-moz-any-link:focus {
outline: none;
}

:focus
{
-moz-outline-style: none;
}

.clear {
	clear:both;
	}
	
.bodytop {
width:990px;
height:15px;
margin:0px auto;
background:#F5F5F5 url(../leyout/bodytop.jpg) no-repeat bottom center;
}

.bodybot {
width:990px;
height:15px;
margin:0px auto;
background:#F5F5F5 url(../leyout/bodybot.jpg) no-repeat top center;
}

.bodyFull {
	width:990px;
	height:auto;
	margin:0px auto;
	background: url(../leyout/fullbgr.jpg) repeat-y top center;
	}

.bodysite {
width:960px;
height:auto;
margin:0px auto;
padding-left:5px;
padding-right:5px;
background-color:#FFFFFF;
border:1px solid #D8D8D8;
}

/********** naglowek *************/
#header {
	width:960px;
	height:80px;
	margin:0px auto;
	padding-top:10px;
	margin-top:0px;
	margin-bottom:0px;
	/*background:#E1E1E1 url(../leyout/HeadBG.jpg) repeat-x top center ;*/
	background: #FFFFFF url(../leyout/belka_craff.jpg) no-repeat center center;
	}
	

.logo {
	width:400px;
	float:left;
	}

/*
.logocont {
	width:400px;
	padding:25px 0px 0px 120px;
	text-align:left;
	line-height:3em;
	letter-spacing:2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}


.logo .logocont a:visited {
	text-decoration:none;
	color:#FFFFFF;
	}
	
.logo .logocont a:hover {
	text-decoration:none;
	color:#999999;
	}
*/		
.h1{
	font-size:3.4em;
	font-weight:bold;
	text-decoration:none;
	}
	
.h3{
	font-size:12px;
	font-family:"Microsoft Sans Serif";
	color:#999999;
	float: left;
	text-decoration:none;
	}
	
.headers_h3 {
text-transform:uppercase; border-bottom:2px solid #FF3300; width:100%; font-size:1.6em; font-weight:bold; letter-spacing:-1px; padding-top:5px; color:#333333;
}
	
.logo img{
	float:left;
	border:none;
	}	


/********** systems div *************/	
#system {
	width:960px;
	height:236px;
	margin:5px auto;
	margin-bottom:0px;
	background-color:#FFFFFF;
	text-align:center;
	/*border-left:1px solid #E0E0E0;
	border-right:1px solid #E0E0E0;*/
	}
	
#bottsys{
	width:960px;
	z-index:1;
	margin:0 auto;
	margin-top:0;
	
	border:none;
	border-bottom:2px solid #E0E0E0;
	/*background: #FFFFFF url(../leyout/subsys.jpg) repeat-x bottom center;*/
	background-color:#FFFFFF;
	height:15px;
	 }

.block {
	width:238px;
	height:234px;
	margin-left:1px;
	background:#EBEBEB;
	float:left;
	}
	
.block1 {
	width:238px;
	height:234px;
	margin-left:1px;
	background:#EBEBEB url(../leyout/ban1.jpg) no-repeat center center;
	float:left;
	}

.slogan {
	width:238px;
	margin:0 auto;
	height:50px;
	padding:5px;
	padding-left:0px;
	padding-right:0px;
	margin-top:170px;
	font-size:1.7em;
	font-weight:bold;
	line-height:1em;
	
	position:absolute;
	/*background:url(../leyout/sysTransparent1.png) repeat-x bottom left;*/
	}
	
.slogan2 {
	width:238px;
	margin:0 auto;
	height:50px;
	padding:5px;
	padding-left:0px;
	padding-right:0px;
	margin-top:170px;
	font-size:1.7em;
	font-weight:bold;
	line-height:1em;
	
	}
	
.slogan3 {
	width:238px;
	margin:0 auto;
	height:50px;
	padding:5px;
	padding-left:0px;
	padding-right:0px;
	margin-top:170px;
	font-size:1.7em;
	font-weight:bold;
	line-height:1em;
	
	}
	
.slogan4 {
	width:238px;
	margin:0 auto;
	height:50px;
	padding:5px;
	padding-left:0px;
	padding-right:0px;
	margin-top:170px;
	font-size:1.7em;
	font-weight:bold;
	line-height:1em;
	
	}
	
.slogan a, .slogan2 a, .slogan3 a, .slogan4 a{
	color:#FFFFFF;
	text-decoration:none;
	
	}
	
	.slogan a:visited, .slogan2 a:visited, .slogan3 a:visited, .slogan4 a:visited{
	color:#FFFFFF;
	text-decoration:none;
	}

.slogan a:hover, .slogan2 a:hover, .slogan3 a:hover, .slogan4 a:hover{
	color:#FF6600;
	text-decoration:none;
	}
	

		
.block2 {
	width:238px;
	height:234px;
	margin-left:2px;
	background:#EBEBEB url(../leyout/ban2.jpg) no-repeat center center;
	float:left;
	}
.block3 {
	width:238px;
	height:234px;
	margin-left:2px;
	background:#EBEBEB url(../leyout/ban4.jpg) no-repeat center center;
	float:left;
	}
.block4 {
	width:238px;
	height:234px;
	margin-left:2px;
	background:#EBEBEB url(../leyout/ban3.jpg) no-repeat center center;
	float:left;
	}
/********** page div *************/	
#page {
	width:960px;
	height: auto;
	margin:0px auto;
	background-color:#FFFFFF;
	}

/********** ver-menu div *************/	



/********** pageblocks div *************/	



/********** center div *************/	
#centerPgBox {
width:700px;
height:auto;
float:right;
}

#centerPage {
	width:440px;
	margin: 0 auto;
	height:auto;
	margin:5px;
	margin-left:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	float: left;
	}

#centerPage h2{	
	width:100%;
	margin:5px;
	height:auto;
	margin-left:0px;
	float:left;
	text-transform:uppercase; border-bottom:2px solid #FF3300;font-size:1.8em;padding-top:5px; color:#333333;
}
	
#centerPage .pgTitle {
	width:100%;
	margin: 0 auto;
	height:auto;
	margin:5px;
	margin-left:0px;
	float:left;
	font-size:2em;
	color:#990000;
	border-bottom:1px dotted #333333;
	}

#centerPage .desc {
	width:100%;
	margin: 0 auto;
	height:auto;
	margin:5px;
	margin-left:0px;
	float:left;
	padding-bottom:10px;
	line-height:1.4em;
	}

#centerPage .desc h5{
	width:100%;
	margin: 0 auto;
	height:auto;
	margin-left:5px;
	float:left;
	line-height:1.4em;
	font-weight:bold;
	font-size:1.2em; 
	}



/********** aktualnosci div *************/	
#newsNav {
	width:220px;
	height:auto;
	margin:5px;
	margin-right:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	vertical-align:baseline;
	float: right;
	}


#teamNav {
	width:220px;
	height:auto;
	margin:5px;
	margin-right:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	vertical-align:baseline;
	float: right;
	}
#teamNav .teambox img{
width:208px;
margin:0 auto;
padding:5px;
border:1px solid #C0BCA0;
background-color:#F4F4E8;
}

#newsNav .newsBlock{
	width:210px;
	height:auto;
	margin:0 auto;
	
	}

	
#newsNav h2{
	width:100%;
	margin:5px;
	height:auto;
	margin-left:0px;
	float:left;
	text-transform:uppercase; border-bottom:2px solid #FF3300;font-size:1.8em;padding-top:5px; color:#333333;
	}

#newsNav .singleNew{
	width:210px;
	height:auto;
	margin:0px auto;
	padding:2px;
	float:left;
	color:#666666;
	/*line-height:1.4em;*/
	font-size:11px;
	}

#newsNav .singleNew .title{
	width:100%;
	margin:1px auto;
	padding:2px;
	float:left;
	color:#CC0000;
	font-weight:bold;
	}
	
#newsNav .singleNew .newsDate{
	float: right;
	color:#FF6600;
	font-weight:bold;
	}
	
#newsNav .singleNew .newsLink{
	width:100%;
	color:#FF6600;
	font-weight:bold;
	padding:2px;
	border-bottom:1px dotted #D7D2D0;
	}
	
#newsNav .singleNew .newsLink img{
	float:left;
	margin-right:2px;
	
	}	

#newsNav .singleNew .newsLink a{
	color:#FF6600;
	vertical-align: middle;
	}
	
#newsNav .singleNew .newsLink a:hover{
	color:#333333;
	vertical-align: middle;
	}
	
.refbox {
width:410px;
height:auto;
border-bottom:1px dashed #333333;
padding-bottom:5px;
}	

.refbox img{
padding:5px;
border:1px solid #CFCFCF;
float:left;
margin-right:10px;
background-color:#E9E3D6;
}

.refbox .descref{
padding:5px;
}

.descref li{
padding:1px;
width:186px;
}

.descref li a, a:visited{
color:#FF6600;
}

.descref li a:hover{
color: #333333;
}

.placowki {
float:left; list-style-type:none; padding:10px; margin:0px 10px 10px 0px; font-size:1.1em; font-weight:bold;

}

.sitemap_blox {
float:left;
margin-left:30px;
}

.sitemap_blox a, sitemap_blox a:visited{
color: #FF6600;
}

.sitemap {
width:100%;list-style-type:none; padding:0; margin:0px 20px 10px 10px; font-size:11px; font-weight:bold; text-transform:lowercase; 
}

.sitemap li{
padding:1px;
}

.sitemap li img{
float:left;
}

.sitemap li a, sitemap li a:visited{
color:#999999;
}

.sitemap_desc {
font-size:11px;
font-weight:normal;
color:#666666;
}

.headings {
clear:both;
font-size:1.1em;
color:#333333;

}

.sitemap_h3 {
padding:4px;
font-size:1.4em;
font-weight:bold;
}

.h5{
font-size:12px;
font-weight:bold;
color:#333333;
}

.blox {
width:410px;
height:auto;
border:1px solid #E9E3D6;
padding:5px;
margin:5px;
float:left;
background:#CC0099;
}

.blox img {
margin:5px;
}