/*Araneus*/
a {text-decoration: none} 

.bg {background-image: url('gfx/header_bg.png'); background-repeat: repeat-x; margin-top: 0; text-align: center; background-color: #fff;}
.all {margin: auto; width: 1010px; height: auto;}
.menu {float: left; width: 1010px; height: 106px;}
.logo {float: left; width: 190px; height: 106px; margin-left: 25px; background-image: url('gfx/araneus.png');}
.cszk {float: left; margin: 39px 0 0 430px; width:350px; height:30px; background-image: url('gfx/centrum.png');}
.navigation {float: left; width: 792px; height: 33px;}

/*NAWIGACJA*/
.ofirmie {float: left; margin-left: 82px; width: 123px; height: 32px; background-image: url('gfx/ofirmie1.png');}
.ofirmie:hover {background-position: 0 33px;}
.aktualnosci {float: left; width: 156px; height: 32px; background-image: url('gfx/klienci1.png');}
.aktualnosci:hover {background-position: 0 33px;}
.eksperci {float: left; width: 169px; height: 32px; background-image: url('gfx/eksperci1.png');}
.eksperci:hover {background-position: 0 33px;}
.referencje {float: left; width: 152px; height: 32px; background-image: url('gfx/referencje1.png');}
.referencje:hover {background-position: 0 33px;}
.kontakt {float: left; width: 110px; height: 32px; background-image: url('gfx/kontakt1.png');}
.kontakt:hover {background-position: 0 33px;}

/*SLIDER*/
.s_eksperci{float: left; margin:10px 0 0 8px; width: 1000px; height: 320px; border-top:2px solid #e0e4ee; background: url(gfx/slider/eksperci.png);}
.s_firma{float: left; margin:10px 0 0 8px; width: 1000px; height: 320px; border-top:2px solid #e0e4ee; background: url(gfx/slider/firma.png);}
.s_akt{float: left; margin:10px 0 0 8px; width: 1000px; height: 320px; border-top:2px solid #e0e4ee; background: url(gfx/slider/akt.png);}
.s_referencje{float: left; margin:10px 0 0 8px; width: 1000px; height: 320px; border-top:2px solid #e0e4ee; background: url(gfx/slider/referencje.png);}
.s_kontakt{float: left; margin:10px 0 0 8px; width: 1000px; height: 320px; border-top:2px solid #e0e4ee; background: url(gfx/slider/kontakt.png);}
.slider {float: left; margin:10px 0 0 8px; width: 1000px; height: 320px; border-top:2px solid #e0e4ee; background: url(gfx/slider/slider.png);}
.s_rec {float: left; margin:10px 0 0 8px; width: 1000px; height: 320px; border-top:2px solid #e0e4ee; background: url(gfx/slider/rec.png);}
.s_rozwoj {float: left; margin:10px 0 0 8px; width: 1000px; height: 320px; border-top:2px solid #e0e4ee; background: url(gfx/slider/rozwoj1.png);}

.left_column {float: left; margin:10px 0 0 8px; width: 224px; height: auto;}
.center_column {float: left; margin: 10px 0 0 10px; width: 505px; height: auto; text-align: left;}
.center_column_full {float: left; margin: 10px 0 0 10px; width: 760px; height: auto; text-align: left;}
.right_column {float: left; margin-top: 45px; margin-left: 8px; padding-left: 8px; width: 235px; height: auto; border-left: 1px solid #e0e4ee;}
.txt_big {font-size: 14px; line-height: 20px;}

/*Left Box*/
.lm {float: left; width: 224px; height: 49px;background-image: url('gfx/lm.png'); border-bottom: 1px solid #cdcdcd;}
.lm:hover {background-position: 0 49px;}
.wcm{float: left; margin-top: 5px; width: 224px; height: 49px;background-image: url('gfx/wcm.png'); border-bottom: 1px solid #cdcdcd;}
.wcm:hover {background-position: 0 49px;}
.jakosc {float: left; margin-top: 5px; width: 224px; height: 49px;background-image: url('gfx/jakosc.png'); border-bottom: 1px solid #cdcdcd;}
.jakosc:hover {background-position: 0 49px;}
.rekrutacja {float: left; margin-top: 5px; width: 224px; height: 49px;background-image: url('gfx/rekrutacja.png'); border-bottom: 1px solid #cdcdcd;}
.rekrutacja:hover {background-position: 0 49px;}
.rozwoj {float: left; margin-top: 5px; width: 224px; height: 49px;background-image: url('gfx/rozwoj.png'); border-bottom: 1px solid #cdcdcd;}
.rozwoj:hover {background-position: 0 49px;}
.szkolenia{float: left; margin-top: 5px; width: 224px; height: 49px;background-image: url('gfx/szkolenia.png'); border-bottom: 1px solid #cdcdcd;}
.szkolenia:hover {background-position: 0 49px;}

/*JAKOSĆ*/
.n1 {float: left; width: 100%; height: auto; margin-left: 10px;}
.n2 {float: left; width: 100%; height: auto; margin-left: 30px;}
.n3 {float: left; width: 100%; height: auto; margin-left: 50px;}

.center_title {float: left; width: auto; height: 24px; font-family: 'Arial'; font-size: 24px; color: #07598f; text-align: left; font-weight: bolder;}
.center_title_2 {float: left; width: auto; height: 22px; font-family: 'Arial'; font-size: 18px; color: #000000; text-align: left;}
.center_main {float: left; margin-top: 10px; width: 505px; height: auto; font-family: 'Arial'; font-size: 12px; text-align: justify;}
.center_main_full {float: left; margin-top: 10px; width: 750px; min-height: 300px; font-family: 'Arial'; font-size: 12px; text-align: justify; text-decoration: none; }
.center_main_kontakt {float: left; margin-top: 10px; width: 310px; min-height: 500px; font-family: 'Arial'; font-size: 12px; text-align: justify; text-decoration: none; }
.center_main_map {float: left; margin-top: 10px; margin-left: 10px; width: 430px; min-height: 400px; font-family: 'Arial'; font-size: 12px; text-align: justify; text-decoration: none; }
.right_main {float: left; width: auto; height: auto; font-family: 'Arial'; font-size: 12px; text-align: justify;}

/*BOTTOM Box*/
.bottom_box  {float: left; margin-left: 230px; width: 750px; height: auto;}
.box {float:left; margin: 20px 0 0 20px; width: 230px; height: 80px;}

/*REFERENCJE*/
.ref_col {float: left; width: 160px; height: auto; padding: 10px; border-bottom: 1px solid #ececec; margin-bottom: 10px;}
.ref_col_head {float: left; width: 160px; height: 50px; text-align: center; font-size: 14px; font-weight: bolder; color: #6c88b9;}
#ref{
float: left; width: 160px; height: auto; padding: 10px; border-bottom: 1px solid #ececec; margin-bottom: 10px;	
}

/*EKSPERCI*/
.ekspert {font-size: 16px;}
.center_column_left {float: left; width: 367px; height: auto;}
.center_column_right {float: left; margin-left: 15px; width: 367px; height: auto;}
.box_left_1 {float: left; width: 345px; height: auto; padding: 10px; color:#fff; background: #1eace0;}
.box_left_2 {float: left; margin-top: 10px; width: 345px; height: auto; padding: 10px; color:#fff; background: #86afe0;}
.box_left_3 {float: left; margin-top: 10px; width: 345px; height: auto; padding: 10px; color:#fff; background: #6c88b9;}
.box_right_1 {float: left; margin-top: 10px; width: 345px; height: auto; padding: 10px; color:#fff; background: #009dcb;}
.box_right_2{float: left; margin-top: 10px; width: 345px; height: auto; padding: 10px; color:#fff; background: #1eace0;}
.box_right_3 {float: left; margin-top: 10px; width: 345px; height: auto; padding: 10px; color:#fff; background: #54b6db;}
.box_right_4 {float: left; margin-top: 10px; width: 345px; height: auto; padding: 10px; color:#fff; background: #9cd0e8;}
/*WCM*/
.wcm_col {float: left; width: 100%; height: auto;}
.wcm_col1 {float: left; margin-left: 10px;width: 100px; min-height: 250px;}
.wcm_col2 {float: left; margin-left: 10px; width: 630px; min-height: 250px;}
.wcm_main_full {float: left; margin-top: 10px; width: 750px; font-family: 'Arial'; font-size: 12px; text-align: justify; text-decoration: none; }

/*aktualnosci*/
.akt {float: left; width: 760px; height: auto; margin-top: 10px; }
.akt_data {float: left; width: 80px; height: 15px; padding: 15px 30px 15px 30px; font-weight: bolder; background: #0083ac; color: #fff; text-align: center;}
.akt_tytul {float: left; margin-left: 10px; width: 600px; font-size: 16px; height: auto; color: #007194;}
.akt_tresc {float: left; margin-left: 10px; width: 600px; height: auto; padding-bottom: 15px; border-bottom: 1px solid #e1e1e1;}

.footer {float: left; margin-top: 10px; padding-top: 20px; width: 1010px; height: 25px; font-family: 'Open Sans', 'Arial'; font-size: 12px; color: #454545;  border-top: 1px solid #ECECEC;}

.odstep {
	line-height: 25px;
	}