/* 1.2 Clearfix
------------------------------------------------------------------------------*/

.cf:after,.kokpit .input:after {
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
}
.cf,.kokpit .input{
  display:inline-block
}
* html .cf,* html .kokpit .input{
  height:1%
}
.cf,.kokpit .input{
  display:block
}

h1, h2, h3, h4, h5, ul, li, ol, p{
  margin:0px;
  padding:0px;
}

a {
  color:#6A6AC4;
  outline:none;
}

.clear {
  clear:both;
}
.content p{
 margin-top:10px;
 margin-bottom:10px;
}
.content ul li, .content ol li{
 margin-left:10px;
}
body {
  background-color:#fff;
  color:#535353;
  font-family:arial,trebuchet MS,tahoma;
  font-size:90%;
  margin:0px;
  padding:0px;
  background-image: url(/img/layout/bg.jpg);
  background-repeat: repeat;
  background-position: left top;
}

.content{
  padding:10px;

}
.content h2{
 font-size:120%;
 margin-bottom:10px;
}
.content img{
 margin:5px;
  border:2px solid #d2d0d0;
}
.content ul, .content ol{
 margin-left:10px;
}
.content ul li{
 list-style:none;
  background-image: url(/img/layout/dot1.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  padding-left:10px; 
  margin-bottom:5px;
}
a img{
 border:2px solid #d2d0d0;
}
.none{
 display:none;
}


/*page*/
.page{
  margin:0px;
  padding:0px;
  width:900px;
  margin:0 auto;

}

.naglowek{
 border-bottom:1px solid #d4d4d4;
 padding:0px;
 margin:0px;
 margin-bottom:5px;
 padding-bottom:5px;
 font-size:100%;
}
/*top*/
.top{
 height:171px;
 width:100%;
 background-image: url(/img/layout/baner.jpg);
 background-repeat: no-repeat;
 background-position: left top;
}

.menu{
 float:left;
 width:650px;
 padding-left:10px;
}
.menu ul li{
 padding-top:142px;
 float:left;
 list-style:none;
 margin-right:5px;
 text-align:center;
}
.menu ul li a{
 display:block;
 background-image: url(/img/layout/menu.png);
 background-position: left bottom;
 background-repeat: no-repeat;
 height:19px;
 width:81px;
 text-decoration:none;
 padding-top:10px;
 font-size:80%;
 color:#ffffff;
}
.menu ul li a:hover{
 background-image: url(/img/layout/menu_hover.png);

}
.menu ul li.active a{
 background-image: url(/img/layout/menu_active.png);
 color:#333333;
  font-weight:bold;
}
.logo{
 float:right;
 width:200px;
 height:171px;
}
.logo a{
 display:block;
 width:200px;
 height:171px;
}
.logo a span{
 display:none;
}
.main{
 background-color: #f4f4f4;
}
.left{
 float:left;
 width:210px;
}

.box_left{
 background-color:#e8e8e8;
 background-image: url(/img/layout/corner_top_right.jpg);
 background-position: right top;
 background-repeat: no-repeat;
 margin-top:10px;
 margin-bottom:10px;
 font-size:90%;
}
.box_left_in{
 background-image: url(/img/layout/corner_bottom_right.jpg);
 background-position: right bottom;
 background-repeat: no-repeat;
 padding-top:5px;
}

.left_naglowek{
 background-image: url(/img/layout/arrow.jpg);
 background-position: left center;
 background-repeat: no-repeat;
 padding-left:25px;
 font-size:100%;
 margin-left:5px;
 color:#333333;

}
.left_naglowek a{
 color:#333333;
 text-decoration:none;
}
.box_left img{
 border:2px solid #d2d0d0;
 margin:5px;
}
.box_left ul{
 margin-left:0px;
 list-style:none;

}
.box_left ul li{
 margin-bottom:3px;
 margin-top:3px;
 background-image:none;
  padding-left:5px;
}
.box_left ul li a{
 text-decoration:none;
 color:#333333;
  background-image: url(/img/layout/dot.jpg);
 background-position: left top;
 background-repeat: no-repeat;
 padding-left:10px;
 display:block;
}
.box_left ul li a:hover{

  background-image: url(/img/layout/dot2.jpg);
 background-position: left top;
 background-repeat: no-repeat;
 padding-left:10px;
}
.box_left ul li a.active{
 text-decoration:none;
 color:#333333;
 font-weight:bold;
}
.partnerzy{
 margin:5px;
border:2px solid #d2d0d0;
}
.more{
 color:#a9a9a6;
 float:right;
 margin-right:10px;
 font-size:90%;
 text-decoration:none;
 display:block;
 background-image: url(/img/layout/arrow_right.jpg);
 background-position: right center;
 background-repeat: no-repeat;
 padding-right:10px;
}
.more:hover{
 text-decoration:underline;
}
.back{
 text-decoration:none;
 margin-bottom:10px;
 display:block;
 background-image: url(/img/layout/arrow_left.jpg);
 background-position: left center;
 background-repeat: no-repeat;
 padding-left:10px;
 color:#A9A9A6;
}
.back:hover{
 text-decoration:underline;
}
.articles_title{
  text-decoration:none;
  color:#7F7F7F;
}
a.articles_title:hover{
 text-decoration:underline;
}
.data{
  color:#A9A9A6;
  font-size:70%;
  font-style:italic;
}
.kontakt_naglowek{
 background-image: url(/img/layout/tel.jpg);
 background-position: left center;
 background-repeat: no-repeat;
 padding-left:35px;
 font-size:120%;
 margin-left:5px;
 color:#333333;
 padding-bottom:2px;
 padding-top:2px;
}
.kontakt_naglowek a{
 color:#333333;
 text-decoration:none;
}
.box_left_bottom{
 height:1px;
}

.right{
 float:right;
 width:670px;
}
.info_baner{
 width:660px;
 height:100px;
 margin-top:5px;
 border:2px solid black;
 text-align: center;
}
.info_baner h1{
  padding:40px;
  font-size: 120%;
}
.path{
 padding-top:5px;
 font-size:80%;
}
.right_content{
 
}
.box_right{
 background-color:#e8e8e8;
 background-image: url(/img/layout/corner_top_left.jpg);
 background-position: left top;
 background-repeat: no-repeat;
 margin-top:10px;
 margin-bottom:10px;
}
.box_right_in{
 background-image: url(/img/layout/corner_bottom_left.jpg);
 background-position: left bottom;
 background-repeat: no-repeat;
 font-size:90%;
}
.o_firmie{
 background-image: url(/img/layout/o_firmie.jpg);
 background-position: left bottom;
 background-repeat: no-repeat;
 padding-left:25px;
}
.tresc_border_left{
 border-left:1px solid #d4d4d4;
 padding:10px;
}
.tresc_border{
/* border-left:1px solid #d4d4d4; */
 border-right:1px solid #d4d4d4;
 padding:10px;
}
.szkolenia{
 background-image: url(/img/layout/nowosci_szkolenia.jpg);
 background-position: left bottom;
 background-repeat: no-repeat;
 padding-left:25px;
}
.znak_wodny{
/*  background-image: url(/img/layout/bg_paragraf.jpg);
 background-position: center top;
 background-repeat: no-repeat; */
}
.box_right_content{
 padding-bottom:10px;
 margin-bottom:10px;
 border-bottom:1px solid #d4d4d4;
}
.box_bottom_content{
 width:49%;
 float:left;
 border-left:1px solid #d4d4d4;
}

.left_content{
 float:left;
 width:400px;
}
.right_content{
 float:left;
 width:220px;
}
.bottom{
 color:#fff;
 text-align:right;
 padding:5px 0px;
 font-size:70%;
}
.bottom a{
 color:#A0A1E4;
}

.pager{
 margin-bottom:10px;
 text-align:center;
 font-size:90%;
}
.pager a{
color:#A9A9A6;
}
.next{
 background-image: url(/img/layout/arrow_right1.jpg);
 background-position: right center;
 background-repeat: no-repeat;
 padding-right:10px;
 margin-left:10px;
}
.prev{
 background-image: url(/img/layout/arrow_left.jpg);
 background-position: left center;
 background-repeat: no-repeat;
 padding-left:10px;
 margin-right:10px;
}

/*formularz */

.formularz_kontaktowy form label{
 display:none;
}
.formularz_kontaktowy form input{
 width:300px;
}
.formularz_kontaktowy form input.submit{
 width:100px;
 color:#fff;
 background-color:#2726A5;
 border:2px solid #2726A5;
}
.formularz_kontaktowy form textarea{
 width:300px;
}
.formularz_kontaktowy td.opis{
 vertical-align:top;
 text-align:right;
}

.error-message{
    color:#9B2020;
    width:200px;
}
.message{
 color:#2726A5;
 padding-top:10px;
 padding-bottom:10px;
 width:900px;
  padding-left:10px;
font-style: italic;
}
.flashMessageError{
 padding-top:10px;
   padding-left:10px;
 padding-bottom:10px;
 width:900px;
font-style: italic;
 color:#9B2020;
}

/*gallery*/
.gallery{
 
}
.box_img{
 float:left;
 margin-left:40px;
 margin-bottom:10px;
}
  
/* panel klienta */
.client_panel{width:700px; background:#F4F4F4; padding:20px; margin:0px auto;}
.logowanie {background:#FFFFFF; border:1px solid #B3B3B3; }
.logowanie table{margin:0 auto; font-size:12px; margin-top:20px;}
.logowanie table td{padding:5px;}
.logowanie .loginSubmit2,.user-edit .loginSubmit2, a.loginSubmit2 { cursor:pointer;font:bold 11px Verdana; color:#FFFFFF; background:#9B2020; border:0; width:120px; height:23px; padding:3px 0 5px; margin:0px; -webkit-box-shadow: 1px 1px 5px 1px #818182;
-moz-box-shadow:1px 1px 5px 1px  #818182;
box-shadow: 1px 1px 5px 1px  #818182; }
.loginSubmit3 { cursor:pointer;font:bold 11px Verdana; color:#FFFFFF; background:#9B2020; border:0; width:100px; height:23px; padding:3px 0 5px; margin:0px;-webkit-box-shadow: 1px 1px 5px 1px #818182;
-moz-box-shadow:1px 1px 5px 1px  #818182;
box-shadow: 1px 1px 5px 1px  #818182;}
a.loginSubmit2 {text-decoration:none; display:block;text-align:center; line-height:23px;padding:0px 5px;}
a.loginSubmit4{ cursor:pointer;font:bold 11px Verdana; color:#FFFFFF; background:#9B2020; border:0; width:100%; height:23px; text-decoration: none; padding:3px 7px 5px 7px; margin:0px; -webkit-box-shadow: 1px 1px 5px 1px #818182;
-moz-box-shadow:1px 1px 5px 1px  #818182;
box-shadow: 1px 1px 5px 1px  #818182; }

.client_panel input, .user-edit input{border:1px solid #B3B3B3; width:205px; background:#FAFAFA; font:normal 12px Verdana; color:#777777; padding:5px; margin:0 40px 0 0}
.user-edit input{margin-bottom:0px;}
.client_panel input:focus,.user-edit input:focus  {background: #E9E8F7; }
.client_panel select{border:1px solid #B3B3B3; width:217px; background:#FAFAFA; font:normal 12px Verdana; color:#777777; padding:5px; margin:0 40px 0 0}

.logowanie .loginSubmit2:focus,.user-edit .loginSubmit2:focus{background:#9B2020; -moz-box-shadow:0px; box-shadow:0px; -webkit-box-shadow:0px;}

.user-edit form .input{margin-bottom:0px;}

.client_panel p {margin:10px 0; font-size:12px }
.client_panel h1 {background:#6669cb url(/img/layout/nag_bg1.jpg) repeat-x left bottom; padding:7px 10px; color:#FFFFFF; font:bold 11px Verdana,Tahoma;  }
.client_panel h2 {font-size:12px; font-weight:bold; margin:0 0 5px;}
.client_panel label{display:none;}

.rejestracja {float:left; padding:15px 10px;width:250px; }
.rejestracja p{ font-size:12px; padding-bottom:35px;}
.rejestracja a.reg{ cursor:pointer;font:bold 11px Verdana; text-decoration: none ; color:#FFFFFF; background:#9B2020; border:0;  padding:4px 6px 4px 6px; margin:50px 0; height:23px;-webkit-box-shadow: 1px 1px 5px 1px #818182;
-moz-box-shadow:1px 1px 5px 1px  #818182;
box-shadow: 1px 1px 5px 1px  #818182; }

.loginform {float:right; padding:15px 10px; width:400px; border-left:1px solid #EEEEEE; font-size:12px}
.loginform .loginText {float:right;}
.loginform p{display:block;line-height:25px;}

.loginform .loginSubmit { cursor:pointer;font:bold 11px Verdana; color:#FFFFFF; background:#9B2020; border:0; width:100px; height:23px; padding:3px 0 5px; margin:10px 0 0 145px;-webkit-box-shadow: 1px 1px 5px 1px #818182;
-moz-box-shadow:1px 1px 5px 1px  #818182;
box-shadow: 1px 1px 5px 1px  #818182; }
.right_client{float:right;}

/* Menu glowne w panelu
-------------------------------------------------------------- */
.navpanel{background:#6669cb url(/img/layout/nag_bg1.jpg) repeat-x left bottom;  width:890px; padding-left:10px; height:26px; padding-top:9px; margin-bottom:10px;}     /*background:#9a2020 url(/img/layout/nag_bg.jpg) */


.navpanel ul li {display: inline;}
.navpanel a:link,
.navpanel a:visited {text-decoration: none;color:#C5C6E2;font-size:12px; height:26px; font-weight:bold; padding:5px 9px;} 
.navpanel a:hover,.navpanel a.active {text-decoration: none; color:#FFFFFF;background:#6669cb }



.login_box{ float:right; padding:8px;  margin:2px; font-size:12px; background: url(/img/layout/ico_user.png) no-repeat left center; padding-left:20px;}
.login_box strong{color:#762020; }


/* Panel klienta
-------------------------------------------------------------- */
.kokpit{font-size:12px; padding:20px; min-height:300px; }
.kokpit strong{color:#762020; }

.kokpit ul li{margin-bottom:10px;  display:block; padding-bottom:10px;/* border-bottom:1px solid #E2CECE;*/}
.kokpit ul li a{color:#762020; text-decoration:none;}
.kokpit ul li a:hover{text-decoration:underline;}
.kokpit h3{margin:5px 0 5px 0;}
.kokpit fieldset{border:none; padding:0px; margin:0px;}
.kokpit legend{display:none;}
.kokpit form h3{display:block;  line-height:20px; }
.kokpit form{margin-top:40px;}
.kokpit form .input{margin-bottom:20px;padding-bottom:10px; border-bottom:1px solid #E2CECE;}

.kokpit table.table{width:100%;border-collapse: collapse;margin-bottom:20px;}
.kokpit table.table th a{color:#fff;text-decoration:none}
.kokpit table.table td{padding:10px;border-bottom:1px solid #EEEEEE; border-collapse: collapse;}
.kokpit table.table th{padding:5px 10px;;height:26px; color:#535353;text-align:left;font-size:11px;background:  #EEEEEE;border-top:1px solid  #B3B3B3; border-bottom:1px solid  #B3B3B3;}         /*background:#9a2020 url(/img/layout/nag_bg.jpg) repeat-x left bottom;  */
.kokpit table.table th a{color:#535353;}
.kokpit table.table td a img{border:0px;}

.questions .input label{ float:left;margin-top:10px; width:800px;}
.questions .input input{ float:left;clear:both; padding-top:0px;margin-top:10px; }

.user-edit form .input label{display:none;}
.user-edit form .input{border:0px;}

h1.uzytkownicy,.kokpit h1{font-size:16px;font-weight:normal;margin-bottom:20px;}
h1.uzytkownicy strong ,.kokpit h1 strong{font-weight:normal;}

a.edit-account, h1.edit-account{padding-left:30px; background: url(/img/layout/ico-edit.png) no-repeat left center; display:block; padding-top:5px; }
a.szkolenia,h1.szkolenia{padding-left:30px; background: url(/img/layout/ico-szkolenia.png) no-repeat left center; display:block; padding-top:5px; }
a.testy,h1.testy{padding-left:30px; background: url(/img/layout/ico-testy.png) no-repeat left center; display:block; padding-top:5px; }
a.pracownicy,h1.pracownicy{padding-left:30px; background: url(/img/layout/ico-pracownicy.png) no-repeat left center; display:block; padding-top:5px; }

li.ico-testy{padding-left:30px; background: url(/img/layout/ico-test.png) no-repeat left center; display:block; padding-top:5px; }
li.ico-testyok{padding-left:30px; background: url(/img/layout/ico-testok.png) no-repeat left center; display:block; padding-top:5px; }

.box{ background: url("/img/layout/box.gif") repeat-x scroll left top #F9F9F9; padding:10px;}
.box-left{width:400px; float:left;}
.box-right{width:400px; float:right;}

.user-edit form .input{margin-bottom:0px;}
.user-edit table{width:400px;}