body { margin: 0;	padding: 0;	background: #fff url(../img/body_bg.gif) repeat-x top; font-family: arial; font-size: 12px; color: #4b4b4b; line-height: 18px; text-align: left; position:relative;}

#cookiesBox { background: #f2f1f1; color: #808080; width: 100%; z-index: 9999; border-top: 1px solid #dedede; bottom: 0; position: fixed; font-size: 11px;  }
#cookiesBox a { color: #808080; text-decoration: underline; }
#cookiesBox2 { padding: 6px 10px;  text-align: center; }
#cookiesBoxClose { color: #808080; text-decoration: underline; }
#cookiesBoxClose:hover { color: #808080; text-decoration: underline; }


a { color: #be271d; text-decoration: none; }
a:hover { color: #be271d; text-decoration: underline; }
form { display: inline; }
.k { text-align: center; padding: 10px; border: 1px solid #D5D5D5; font-weight: bold; }
.e { text-align: center; padding: 10px; border: 1px solid red; font-weight: bold; }
img {border:0px;}
h1 {color:#008b52;font-size:24px;line-height:28px;font-family:times;font-weight:normal;margin:0px 0 20px 0;}
h2 { color: #007d44; font-size: 18px; line-height: 22px; padding: 0; margin: 5px 0 5px 0; font-family: "Georgia", sans-serif; }
label.error{display:block; width:400px; color:#be271d }


.ui-button-text {
    padding-bottom: 4px !important;
    padding-top: 4px !important;
}

/*.ui-button-text { padding:2px 7px  !important;}*/
.ui-helper-hidden-accessible {clip: auto !important;}
.btnwIco { padding:0px 6px 0px 19px  !important; margin: 2px 0 ;}
.btnwIco .ui-button-text { padding:1px 6px 1px 9px  !important;}
.btnIco { position: absolute; top: 50%; margin-top: -7px; left: 3px; margin-left: -16px; }
.btnBack {float:right;}

.tabelka { width: 100%; border-collapse: collapse; }
.tabelka th, .tabelka td { border: 1px solid #DFDFDF; padding: 8px; }
.prezentacja { padding: 2px; border: 1px solid #DFDFDF; }
.filmFlash img { padding: 2px; border: 1px solid #DFDFDF; }

#layout {width:990px;margin:0px auto 0px auto;position:relative;}

#header {width:990px;height:133px;margin:0 auto 0px auto;clear:both;overflow:hidden;padding:16px 0 0 0;background:url(../img/header_bg.gif) no-repeat top}
#logo {height:125px;width:270px;float:left;margin:0 32px 0 0}

#headerRight {float:left;text-align:left;padding:45px 0 0 0px}
#headerRight .bigText {color:#008b52;font-size:36px;font-family:times;line-height:42px}
#headerRight .mediumText {color:#008b52;font-size:30px;font-family:times;line-height:34px;padding:0 0 0 20px}
#headerRight .smallText {color:#e47943;font-size:18px;line-height:22px;font-family:arial;}

#mainMenu { background: #007D44; margin: 1px 0 5px 0; overflow: hidden; }
#mainMenu ul { padding: 0; margin: 0; list-style: none; }
#mainMenu ul li { padding: 0; margin: 0; list-style: none; float: left; font-weight: bold; }
#mainMenu a { color: #FFFFFF; display: block; padding: 8px 12px 8px 12px; text-decoration: none; }
#mainMenu a:hover { color: #FFFFFF; background: #E47943; text-decoration: none; }

#mainMenu2 { overflow: hidden; background: #D2D2D2; }
#mainMenu2 ul { padding: 0; margin: 0; list-style: none; }
#mainMenu2 ul li { padding: 0; margin: 0; list-style: none; }
#mainMenu2 .menu_0 { background: #007D44 url("../img/mainMenu2Back0.png") top left no-repeat; margin: 0 0 1px 0; display: block; padding: 6px 9px 6px 23px; }
#mainMenu2 .menu_0:hover { background: #9f7f43 url("../img/mainMenu2Back0.png") top left no-repeat; margin: 0 0 1px 0; display: block; padding: 6px 9px 6px 23px; }
#mainMenu2 .menu_1 { background: #f2f2f2 url("../img/mainMenu2Back1.png") top left repeat-y; margin: 0 0 1px 0; display: block; padding: 6px 9px 6px 33px; color: #9f7f43; }
#mainMenu2 .menu_1:hover { background: #DEDEDE url("../img/mainMenu2Back1.png") top left repeat-y; margin: 0 0 1px 0; display: block; padding: 6px 9px 6px 33px; color: #9f7f43; }
/*
#mainMenu2 .menu_1 { background: #009551 url("../img/mainMenu2Back1.png") top left repeat-y; margin: 0 0 1px 0; display: block; padding: 6px 9px 6px 33px; }
#mainMenu2 .menu_1:hover { background: #9f7f43 url("../img/mainMenu2Back1.png") top left repeat-y; margin: 0 0 1px 0; display: block; padding: 6px 9px 6px 33px; }
*/
#mainMenu2 .menu_2 { background: #f2f2f2 url("../img/mainMenu2Back2.png") top left repeat-y; margin: 0 0 1px 0; display: block; padding: 6px 9px 6px 43px; color: #9f7f43; }
#mainMenu2 .menu_2:hover { background: #DEDEDE url("../img/mainMenu2Back2.png") top left repeat-y; margin: 0 0 1px 0; display: block; padding: 6px 9px 6px 43px; color: #9f7f43; }
#mainMenu2 .menu_3 { background: #f2f2f2 url("../img/mainMenu2Back2.png") top left repeat-y; margin: 0 0 1px 0; display: block; padding: 6px 9px 6px 50px; color: #9f7f43; }
#mainMenu2 .menu_3:hover { background: #DEDEDE url("../img/mainMenu2Back2.png") top left repeat-y; margin: 0 0 1px 0; display: block; padding: 6px 9px 6px 50px; color: #9f7f43; }

#mainMenu2 a { color: #FFFFFF; display: block; text-decoration: none; border-bottom: 1px solid #4B4B4B; }
#mainMenu2 a:hover { color: #FFFFFF; text-decoration: none; }

#mainMenu2 .active { font-weight: bold; }

#content {width:990px;overflow:hidden;margin:0 auto 10px auto; background:url(../img/content_bg.gif) repeat-x top}
/*
#content ul { padding: 0; margin: 0; list-style: none; }
#content ul li { padding: 0; margin: 0; list-style: none; float: left; font-weight: bold; }
*/
#columnLeft {width:240px;float:left;margin:0 7px 0 0;background:url(../img/column_bg.gif) repeat-y}

#ar-opis h3{font-size:16px;}
#ar-opis li{margin:10px 5px;}
#ar-opis b{font-size:16px;}



.spotkania {width:100%;border-colapse:colapse; border: 1px solid #376F56;padding:10px}
.spotkania th{padding:2px 6px;border-bottom: 1px dashed #376F56 ;}
.spotkania th.subtable{padding:0;border-bottom: 0px dashed #376F56 ; width:12px;}
.spotkania td{padding:6px;border-bottom: 1px dashed #376F56 ;}
.spotkania td.subtable{padding:0px;border-bottom: 0px dashed #376F56 ; width:12px;}



.logBox {width:240px;height:184px;background:#007d44; overflow: hidden;}
.logBox .boxTop {width:244px;height:10px;background:url(../img/log_box_top.gif) no-repeat;;overflow:hidden}
.logBox .header {font-size:18px;line-height:22px;color:#e47943;margin:0 0 0px 0;background:#4b4b4b;padding:6px 0 6px 20px}

.logBox .header a{ color:#e47943; }
.logBox .logBoxContent {padding:10px 18px 0px 18px}
.logBox .inputSet {width:204px;overflow:hidden;clear:both;margin:0 0 3px 0}
.logBox .inputSet label {margin:0 0px 7px 0;color:#d2d2d2}
.logBox .inputSet .input {font-size:12px;font-family:arial;width:190px;height:18px;padding:2px 5px 0 5px;border:none;color:#010101;background:#d2d2d2}
.logBox .logBoxBottom {margin:10px 0 0 0;width:200px;overflow:hidden;}
.logBox .btn {float:left}
.logBox .link {float:right;text-align:right;}
.logBox .link a {color:#d2d2d2;font-weight:bold;}
.logBox .link a:hover {text-decoration:underline}

.logBox .mojekontoBox  {color: #FFFFFF;}
.logBox .mojekontoBox a {color: #FFFFFF;}
.logBox .kontoNauczycielaBox  {color: #FFFFFF; border-bottom: 1px solid #969696; text-align: center; padding: 5px 0;}
.logBox .kontoNauczycielaBox a {color: #FFFFFF;}
.logBox .kontoMiniBox  {color: #FFFFFF; text-align: center; padding: 5px 0 0px 0; }
.logBox .kontoMiniBox a {color: #FFFFFF;}


.logForm {width:400px; margin:0 0 8px 0}
.logForm .boxTop { height:10px; overflow:hidden}
.logForm .boxContent { ;overflow:hidden;padding:0px 17px 10px 17px}
.logForm .header {font-size:18px;color:#008b52;margin:0 0 10px 0;font-family:times}
.logForm .ok {font-size:14px;color:#FFFFFF;line-height:16px; margin:10px 0 10px 0;background:#008b52;padding:6px 0 6px 20px}
.logForm .text {padding: 5px 0;}
.logForm .inputSet { overflow:hidden;clear:both;margin:0 0 3px 0}
.logForm .inputSet label {float:left;width:40px;margin:0 10px 0 0;color:#969696}
.logForm .inputSet label.error {display:block; float:right; width:300px;overflow:hidden;color:red}
.logForm .inputSet .input {font-size:12px;font-family:arial;float:left;width:189px;height:16px;padding:2px 5px 0 5px;border:1px solid #cacaca;color:#969696}
.logForm .logBoxBottom {margin:10px 0 0 0;width:240px;overflow:hidden;}
.logForm .logBoxBottom .btn {float:right;text-align:right;}
.boxLogowanie_Hidden  {display: none;}
.boxZgloszenie_Hidden  {display: none;}
.logForm button  {float:right;clear:both;}

.logForm .logBoxBottom .link {float:left}
.logForm .logBoxBottom .link a {color:#04b156;font-weight:bold;}
.logForm .logBoxBottom .link a:hover {text-decoration:underline}

fieldset .label {float:left;width:60px;margin:0 10px 0 0;color:#969696}
fieldset .input {font-size:12px;font-family:arial;float:left;width:143px;height:16px;padding:2px 5px 0 5px;border:1px solid #cacaca;color:#969696}


#nowyRokAktualizacja  { overflow:hidden;clear:both; width:500px;margin:30px 0 3px 0}
.nowyRokAktualizacja .rowSet { overflow:hidden;clear:both;margin:10px 0 3px 0}
.nowyRokAktualizacja .inputSet { overflow:hidden;clear:both;margin:10px 0 3px 0}
.nowyRokAktualizacja .inputSet label {float:left;width:180px;margin:0 10px 0 0;color:#969696}
.nowyRokAktualizacja .inputSet label.error {display:block; float:right; width:300px;overflow:hidden;color:red}
.nowyRokAktualizacja .inputSet .input {font-size:12px;font-family:arial;float:left;width:189px;height:16px;padding:2px 5px 0 5px;border:1px solid #cacaca;color:#969696}
.nowyRokAktualizacja .logBoxBottom {margin:10px 0 0 0;width:400px;overflow:hidden;}
.nowyRokAktualizacja .logBoxBottom .btn {float:right;text-align:right;}


.tip {
    width: 212px;
    padding-top: 37px;
    overflow: hidden;
    display: none;
    position: absolute;
    z-index: 500;
    font-size: 14px;font-weight:bold;
    background: transparent url(tooltipimg/tipTop.png) no-repeat top;}

.tipMid {background: transparent url(tooltipimg/tipMid.png) repeat-y; padding: 0 25px 20px 25px;}
.tipBtm {background: transparent url(tooltipimg/tipBtm.png) no-repeat bottom; height: 32px;}


#panelNawigacyjny {}
#panelNawigacyjny h3 {	font-family:georgia,arial;font-size:25px;font-weight: normal; display:block; width:100%; height: 28px; margin: 5px 0 5px 0; border-bottom: 1px solid #666666; overflow: hidden ;  }
#panelNawigacyjny .panel { width: 723px;float:left;font-size:13px; overflow: hidden; margin: 0px 0 20px 0; }
#panelNawigacyjny .panel .line{  overflow: hidden; margin: 5px 0 ;}
#panelNawigacyjny  .line_spacer{  overflow: hidden; margin: 2px 0 ;}
#panelNawigacyjny .panel .line .znaczek{width: 150px; float:left;  padding: 6px 0; font-family:georgia,arial;font-size:16px;}
#panelNawigacyjny .panel .line .kol{width: 70px; float:left;  padding: 6px 0; font-family:georgia,arial;font-size:16px; border-right: 1px solid #CCCCCC; text-align: center;}
#panelNawigacyjny .panel .line .date{width: 100px; float:left;    font-family:georgia,arial;font-size:16px;}
#panelNawigacyjny .panel .icon { width: 100px;float:left; text-align: center;}
#panelNawigacyjny .panel .content { width: 623px;float:right;margin: 5px 0 5px 0; overflow: hidden;    }
#panelNawigacyjny .panel .contentEL { width: 723px;float:right;margin: 5px 0 5px 0; overflow: hidden;    }
#panelNawigacyjny .panel .border {  border-bottom: 1px solid #CCCCCC;  }
#panelNawigacyjny .panel .title {   color:red; padding: 7px 0;  font-size:16px; }
#panelNawigacyjny .panel .title span{   color:red; margin: 14px 0;   }

#panelNawigacyjny .panel .content_info_os { width: 480px;float:left;margin: 5px 20px 5px 0; text-align:right }
#panelNawigacyjny .panel .content_info_os_buttons { width: 123px;float:left;margin: 5px 0 5px 0; }
#panelNawigacyjny .panel .content_info_os_buttons .line{ height:25px;}
#panelNawigacyjny .bigText {font-size:14px;}



/*elearning moderator*/
#el_grupy{     float:left;width: 730px;}
#el_grupy .pozycja{   width: 720px; padding: 5px 10px; overflow: hidden;margin:2px auto;}
#el_grupy .pozycja .id{   background: #EEEEEE;float:left;width: 100px;height:28px; margin: 0px 1px;padding: 5px ; }
#el_grupy .pozycja .nazwa{   background: #EEEEEE;float:left;width: 150px;height:28px;  margin: 0px 1px; padding: 5px ;}
#el_grupy .pozycja .uczest{   background: #EEEEEE;float:left;width: 150px;height:28px;  margin: 0px 1px; padding: 5px ;}
#el_grupy .pozycja .wyniki{   background: #EEEEEE;float:left;width: 270px;height:32px;  margin: 0px 1px;padding: 0 5px ;}
#el_grupy .pozycja .nazwa input{  font-size: 15px; margin:  0px ; width:80px;}

#el_grupy .naglowek{   width: 720px; padding: 5px 10px; overflow: hidden;margin:2px auto;}
#el_grupy .naglowek .id{   background: #E47943;float:left;width: 100px;height:22px; margin: 0px 1px;padding: 5px ; color: #FFFFFF}
#el_grupy .naglowek .nazwa{   background: #E47943;float:left;width: 150px;height:22px;  margin: 0px 1px; padding: 5px ;color: #FFFFFF}
#el_grupy .naglowek .uczest{   background: #E47943;float:left;width: 150px;height:22px;  margin: 0px 1px; padding: 5px ;color: #FFFFFF}
#el_grupy .naglowek .wyniki{ background: #E47943; float:left; width: 270px;height:22px;  margin: 0px 1px;padding:   5px ;color: #FFFFFF}
#el_grupy .naglowek .nazwa input{  font-size: 15px; margin:  0px ; width:80px;}

#el_add_grupa{     float:left;width: 730px;}
#el_add_grupa .pozycja{   width: 720px; padding: 1px 10px; overflow: hidden;margin:1px auto;}
#el_add_grupa .pozycja .id{   background: #EEEEEE;float:left;width: 100px; height:28px; margin: 0px 1px;padding: 10px 5px 10px 5px;}
#el_add_grupa .pozycja .nazwa{   background: #EEEEEE;float:left;width: 250px;height:28px;  margin: 0px 1px;padding: 10px 5px 10px 5px;}
#el_add_grupa .pozycja .nazwa input{  font-size: 15px; margin:  0px ; width:80px;}
#el_add_grupa .pozycja .szkolenie{   background: #EEEEEE;float:left;width: 483px; height:28px; margin: 0px 1px;padding: 10px 5px 10px 5px;}
#el_add_grupa .pozycja .szkolenie input{  font-size: 15px; margin:  0px ; width:80px;}
#el_add_grupa .pozycja .szkolenie select{  font-size: 15px; margin:  0px ; width:150px;}



/*podstrona-listaArtykulow*/

#subsite-content .spacer {margin:8px 0;height:3px;overflow:hidden;background:#e5edf5;}

.article {font-size:13px; margin:0 0 20px 0}
.article .wrapper {margin:0 0 10px 0; overflow:hidden; vertical-align: middle;}
.article .wrapper img { vertical-align: middle;}
.article p {margin:0 0 10px 0}
.article h2 {margin:0 0 10px 0}
/*.article .pic { float:left; margin:0 15px 0 0; width:157px; border:3px solid #d0dde9; text-align: center; padding:2px}*/
.article .pic { float:left; margin:0 15px 0 0;   text-align: center; }
.article .pic img { cursor:pointer; border:3px solid #d0dde9; padding:2px}
.article-link { height:18px;overflow:hidden;}
.article-link a {float:right; padding:0 15px; font-weight:bold;text-decoration:none;}
.article-link a:hover { }

.pagination-container {width:724px;overflow:hidden;margin:10px 0;}
.pagination {float:left;position:relative;left:50%;}
.pagination-2 {float:left;position:relative;right:50%;}
.pagination a, .pagination span {float:left;position:relative;margin-right:1px;width:21px;height:19px;font-size:13px;font-weight:bold;line-height:19px;text-align:center;text-decoration:none;background:#e5edf5;}
.pagination a {cursor:pointer;}
.pagination a.selected, .pagination a:hover {background:#c3dbf2;}


/*Tabele */
#lista_zespolow table{ width: 300px;}
table.tablesorter {
    font-family:arial;
    background-color: #DEDEDE;
    margin:10px 0pt 15px;
    font-size: 8pt;
    width: 100%;
    text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
    background-color: #007D44;
    color: #ffffff;
    border: 1px solid #FFF;
    font-size: 8pt;
    padding: 4px;
}
table.tablesorter thead tr .header {
    background-image: url(../img/bg.gif);
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
}
table.tablesorter tbody td {
    color: #3D3D3D;
    padding: 4px;
    background-color: #FFF;
    vertical-align: top;
}
table.tablesorter tbody tr.odd td {
    background-color:#00A800;
}
table.tablesorter thead tr .headerSortUp {
    background-image: url(../img/asc.gif);
    background-color: #00A800;
}
table.tablesorter thead tr .headerSortDown {
    background-image: url(../img/desc.gif);
    background-color: #00A800;
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
    background-color: #008B52;
    color:#EFEFEF;
}


table.sorter {
    font-family:arial;
    background-color: #DEDEDE;
    margin:10px 0pt 15px;
    font-size: 8pt;
    width: 100%;
    text-align: left;
}
table.sorter thead tr th, table.tablesorter tfoot tr th {
    background-color: #007D44;
    color: #ffffff;
    border: 1px solid #FFF;
    font-size: 8pt;
    padding: 4px;
}
table.sorter thead tr .header {
    background-image: url(../img/bg.gif);
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
}
table.sorter tbody td {
    color: #3D3D3D;
    padding: 4px;
    background-color: #FFF;
    vertical-align: top;
}
table.sorter tbody tr.odd td {
    background-color:#00A800;
}
table.sorter thead tr .headerSortUp {
    background-image: url(../img/asc.gif);
    background-color: #00A800;
}
table.sorter thead tr .headerSortDown {
    background-image: url(../img/desc.gif);
    background-color: #00A800;
}
table.sorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
    background-color: #008B52;
    color:#EFEFEF;
}

#tabRealizacjaProgramu {width:100%;border-collapse:collapse;border:1px solid #eee}
#tabRealizacjaProgramu th {border-collapse:collapse;border:1px solid #eee;padding:5px;background:#E47943;color:#fff;}
#tabRealizacjaProgramu .header {background:#d2d2d2;font-size:13px;font-weight:bold;text-align:center}
#tabRealizacjaProgramu td {border-collapse:collapse;border:1px solid #eee;padding:5px;vertical-align:top;font-size:12px;line-height:16px;}


/* tabela program nauczania */
.tabela_program {width:100%;border-collapse:collapse;border:1px solid #eee}
.tabela_program th {border-collapse:collapse;border:1px solid #eee;padding:5px;background:#E47943;color:#fff;}
.tabela_program .header {background:#d2d2d2;font-size:13px;font-weight:bold;text-align:center}
.tabela_program td {border-collapse:collapse;border:1px solid #eee;padding:5px;vertical-align:top;font-size:12px;line-height:16px;}
.tabela_program ul {margin:0;padding-left:15px}
.tabela_program ul li {margin:0 0 5px 0}

/*E Notes*/

#eNotes {width:440px}
#eNotes h3{ }
#eNotes .pytanie{width:380px;margin:2px 0; padding: 5px 10px; background: #CCCCCC; overflow: hidden; }
#eNotes label{ float:left; width:350px}
#eNotes .pole{float:left ;width:30px}

#eNotesRaport {width:660px}
#eNotesRaport h3{ }
#eNotesRaport .pytanie{width:580px;margin:2px 0; padding: 5px 10px; background: #CCCCCC; overflow: hidden; }
#eNotesRaport label{ float:left; width:350px}
#eNotesRaport .pole{float:left ;width:250px}


/*E Notes Filtr raportów*/
#raportyFiltr {width: 100%; border:0px solid #4B4B4B;overflow: hidden;}
#raportyFiltr .position{float:left; overflow: hidden;margin: 0 5px;}
#raportyFiltr .position label{float:left; margin: 0  5px  0 0;}
#raportyFiltr .position input{float:left; width: 80px }
#raportyFiltr .position select{float:left;width: 80px  }
#raportyFiltr .position select.uczniowie{width: 120px  }
/*E Notes Filtr raportów*/


/*Formularz rejestracji nauczyciela*/
#formNauczyciel .formTitle{ font-weight: bold; }
#formNauczyciel .formTekst{ font-weight: normal; }
#formNauczyciel .formLabel{margin-top:5px;}
#formNauczyciel .formInput1{width: 400px;}
#formNauczyciel .formInputSZ{width: 375px; height: 27px}
#formNauczyciel .formInput2{width: 200px;}
#formNauczyciel .formSelect1{width: 400px;}
#formNauczyciel .formSelectMiddle{width: 150px;}
#formNauczyciel .formButton{text-align:right;}
#formNauczyciel #schoolData{display:none;}

/*Formularz zgloszenia*/
#formZgloszenie .formTitle{ font-weight: bold; }
#formZgloszenie .formTekst{ font-weight: normal; }
#formZgloszenie .formLabel{margin-top:5px;}
#formZgloszenie .formInput1{width: 400px;}
#formZgloszenie .formTextarea{width: 400px;}
#formZgloszenie .formInputSZ{width: 375px; height: 27px}
#formZgloszenie .formInput2{width: 200px;}
#formZgloszenie .formSelect{width: 400px;}
#formZgloszenie .formSelectMiddle{width: 150px;}
#formZgloszenie .formButton{text-align:right;}
#formZgloszenie #schoolData{display:none;}
#formZgloszenie .lu{width: 50px}
#formZgloszenie .ld{width: 150px}
#formZgloszenie textarea{width: 723px;height: 70px}




/*Formularz rejestracji szkoŔy*/
#formSzkola .formTitle{ font-weight: bold; }
#formSzkola .formTekst{ font-weight: normal; }
#formSzkola .formLabel{margin-top:5px;}
#formSzkola .formInput1{width: 400px;}
#formSzkola .formInputSZ{width: 375px; height: 27px}
#formSzkola .formInput2{width: 200px;}
#formSzkola .formSelect1{width: 400px;}
#formSzkola .form_select{width: 400px;}
#formSzkola .formSelectMiddle{width: 150px;}
#formSzkola .formButton{text-align:right;}
#formSzkola #schoolData{display:none;}

.btn_powrot_do_zgloszenia{float:right}

/*Formularz rejestracji przedsiewziecia*/
#formProjekt h2{ font-family: Georgia; font-size: 21px; color: #000000; font-weight: normal; margin: 10px 0;  }
#formProjekt h3{ font-family: Georgia; font-size: 18px; color: #000000; font-weight: normal; margin: 4px 0 0 0;  }
#formProjekt .wiersz{  padding: 10px 0; overflow: hidden; }
#formProjekt .komorka{  padding: 0 10px 0 0; float:left}

#formProjekt .formTekst{ font-weight: normal; }
#formProjekt .formPosition{display:block;clear:both;overflow: hidden;}
#formProjekt .formLabel{margin-top:5px; font-weight: bold}
#formProjekt textarea.small{width: 345px; height: 180px;}
#formProjekt .formInput1{width: 400px;}
#formProjekt .formInput_long{width: 600px;}
#formProjekt .formInput_numer{width: 40px;}
#formProjekt .formInput_nazwa{width: 520px;}
#formProjekt .formInput_small{width: 90px;}
#formProjekt .formFile{width: 400px;}
#formProjekt .form_select{width: 400px;}
#formProjekt .formInputSZ{width: 375px; height: 27px}
#formProjekt .formInputMiddle{width: 150px;}
#formProjekt .formInputShort{width: 90px;}
#formProjekt .right{text-align:right;}
#formProjekt .formSelect1{width: 400px;}
#formProjekt .formSelect2{width: 200px;}
#formProjekt .formButton{text-align:right;}
#formProjekt #schoolData{display:none;}

.prezentacja {overflow: hidden; margin:  5px 0;}
.prezentacja .ico{float:left;width:70px; text-align: center;}
.prezentacja label{float:left;width:400px;}






/*Formularz wyswietlenia danych przedsiebiorstwa*/
#danePrzedsiebiorstwa .formTitle{ font-weight: bold; }
#danePrzedsiebiorstwa .formTekst{ font-weight: normal; }
#danePrzedsiebiorstwa .formLabel{width: 150px;text-align:right;margin:5px 10px; float:left; clear:both; overflow:hidden;}
#danePrzedsiebiorstwa .formField{margin:5px 10px; font-weight: bold; float:left; overflow:hidden; }


/*Formularz rejestracji przedsiebiorstwa*/
#formUczen .formTitle{ font-weight: bold; }
#formUczen .formTekst{ font-weight: normal; }
#formUczen .formLabel{margin-top:5px;}
#formUczen .formInput1{width: 400px;}
#formUczen .formFile{width: 400px;}
#formUczen .form_select{width: 400px;}
#formUczen .formInputSZ{width: 375px; height: 27px}
#formUczen .formInputMiddle{width: 150px;}
#formUczen .formInputShort{width: 90px;}
#formUczen .right{text-align:right;}
#formUczen .formSelect1{width: 400px;}
#formUczen .formSelect2{width: 200px;}
#formUczen .formButton{text-align:right;}
#formUczen #schoolData{display:none;}
#formUczen .formField{ font-weight: bold; }

#lider_subpanel {margin-left:10px;}

#formDanerzedsiebiorstwa {}
#formDanerzedsiebiorstwa h2 {margin:0;font-size:22px; line-height:24px}
#formDanerzedsiebiorstwa h4 {margin:0;}
#formDanerzedsiebiorstwa .logo {margin:0; float:right;}
#formDanerzedsiebiorstwa .formLabelLeft{width: 150px;text-align:left;margin:0 10px; float:left; clear:both; overflow:hidden;}
#formDanerzedsiebiorstwa .formLabel{width: 150px;text-align:right;margin:5px 10px; float:left; clear:both; overflow:hidden;}
#formDanerzedsiebiorstwa .formField{margin:5px 10px; font-weight: bold; float:left; overflow:hidden;}


.galeriaLista { overflow: hidden; width: 190px; height: 205px; border: 1px solid #e2e2e2; float: left; margin: 0 15px 10px 0; }
.galeriaLista .zdjecie img { cursor: pointer; }
.galeriaLista .nazwa { padding: 5px 10px 0 10px; font-size: 11px; line-height: 15px; text-align: left; }
.galeriaLista .nazwa a { font-weight: bold; }

.galeriaSzczegoly { overflow: hidden; padding:10px; }
.galeriaSzczegoly .zdjecieBox { overflow: hidden; width: 190px; height: 205px; border: 1px solid #e2e2e2; float: left; margin: 0 15px 10px 0; }
.galeriaSzczegoly .zdjecieBox .zdjecie { }
.galeriaSzczegoly .zdjecieBox .opis { padding: 5px 10px 0 10px; font-size: 11px; line-height: 15px; }


.datagrid table { border-collapse: collapse; text-align: left; width: 100%; } .datagrid {  background: #fff; overflow: hidden; border: 1px solid #8C8C8C; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }.datagrid table td, .datagrid table th { padding: 3px 10px; }.datagrid table thead th {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #008B52), color-stop(1, #008B52) );background:-moz-linear-gradient( center top, #8C8C8C 5%, #7D7D7D 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8C8C8C', endColorstr='#7D7D7D');background-color:#8C8C8C; color:#FFFFFF; font-size: 15px; font-weight: normal; border-left: 1px solid #A3A3A3; } .datagrid table thead th:first-child { border: none; }.datagrid table tbody td { color: #333333; border-left: 1px solid #DBDBDB;font-size: 12px;border-bottom: 1px solid #E1EEF4;font-weight: normal; }.datagrid table tbody td:first-child { border-left: none; }.datagrid table tbody tr:last-child td { border-bottom: none; }.datagrid table tfoot td div { border-top: 1px solid #8C8C8C;background: #EBEBEB;} .datagrid table tfoot td { padding: 0; font-size: 12px } .datagrid table tfoot td div{ padding: 2px; }.datagrid table tfoot td ul { margin: 0; padding:0; list-style: none; text-align: right; }.datagrid table tfoot  li { display: inline; }.datagrid table tfoot li a { text-decoration: none; display: inline-block;  padding: 2px 8px; margin: 1px;color: #F5F5F5;border: 1px solid #8C8C8C;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8C8C8C), color-stop(1, #7D7D7D) );background:-moz-linear-gradient( center top, #8C8C8C 5%, #7D7D7D 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8C8C8C', endColorstr='#7D7D7D');background-color:#8C8C8C; }.datagrid table tfoot ul.active, .datagrid table tfoot ul a:hover { text-decoration: none;border-color: #7D7D7D; color: #F5F5F5; background: none; background-color:#8C8C8C;}div.dhtmlx_window_active, div.dhx_modal_cover_dv { position: fixed !important; }

#columnCenter { width: 496px; float: left; margin: 0 7px 0 0; background: #FFFFFF; }
#columnCenter h1 { background: #E47943; padding: 10px; color: #FFFFFF; margin: 0; }
#columnCenter .columnCenterText { margin: 0px 0 0 0; padding: 20px 10px 10px 10px; overflow: hidden; background: url("../img/contentTextBack.png") top left repeat-x; }

#columnCenter2 { padding: 0 0 0 0; }

#mainPic {width:496px;height:302px;position:relative;padding:0 0 0px 0;}
#mainPic .pic {position:absolute;top:0;left:0}
#mainPic .text {width:466px;bottom:0;left:0px;margin:0 0 0 0px;padding:20px 10px 20px 20px;position:absolute;;color:#fff;background:url(../img/main_banner_text_bg.png); }
#mainPic .textContent {width:466px}
#mainPic .text .header {font-family:arial;font-size:18px;margin:0 0 10px 0;font-weight:bold}
#mainPic .text a {color:#fff;}
#mainPic .text .btnMore {margin:20px 0 0 0}

.columnCenterBox {width:466px;background:url(../img/column_center_box.gif) repeat-x top;padding:25px 15px 10px 15px}
.columnCenterBox .header {font-size:18px;line-height:22px;color:#e47943;margin:0 0 10px 0;}
.columnCenterBox .btnMore {margin:10px 0 0 0;text-align:left}
#columnCenter .btn {text-align:right;width:466px;text-align:right;padding:0px 15px 0px 15px}

.logBox {width:240px;background:#007d44;margin:0 0 10px 0}
.logBox .boxTop {width:244px;height:10px;background:url(../img/log_box_top.gif) no-repeat;;overflow:hidden}
.logBox .header {font-size:18px;line-height:22px;color:#e47943;margin:0 0 0px 0;background:#4b4b4b;padding:6px 0 6px 20px}
.logBox .logBoxContent {padding:10px 20px 0px 20px}

#columnRight {width:240px;float:left;background:url(../img/column_bg.gif) repeat-y;}
#columnRight .box {width:240px;background:#007d44;margin:0 0 10px 0;color:#d2d2d2}
#columnRight .boxContent {width:200px;;overflow:hidden;padding:10px 16px 0px 16px}

#columnRight .box .header {font-size:18px;line-height:22px;color:#e47943;margin:0 0 0px 0;background:#4b4b4b;padding:6px 0 6px 16px}
#columnRight .box .text {margin:0 0 5px 0}
#columnRight .boxLast {margin:0 0 0 0 !important}

#columnLeft .box {width:240px;background:#007d44;margin:0 0 10px 0;color:#d2d2d2}
#columnLeft .boxContent {width:200px;;overflow:hidden;padding:10px 16px 0px 16px}

#columnLeft .box .header {font-size:18px;line-height:22px;color:#e47943;margin:0 0 0px 0;background:#4b4b4b;padding:6px 0 6px 16px}
#columnLeft .box .text {margin:0 0 5px 0}
#columnLeft .boxLast {margin:0 0 0 0 !important}



#footerBg {width:100%;background:url(../img/footer_bg.gif) repeat-x top;padding:0 0 150px 0}
#footer {width:950px;border-top:3px solid #d2d2d2;clear:both;overflow:hidden;margin:0 auto 0px auto;padding:15px 20px 0px 20px;}

#copyright {float:left;text-align:left;margin:0px 0px 0 0px;color:#4b4b4b;font-size:11px;font-family:arial;}
#copyright a {color:#04b156;text-decoration:none;font-weight:bold;}
#copyright a:hover {text-decoration:underline;color:#000}
#logos {float:right;text-align:left;margin:0px 0px 0 0px;color:#4b4b4b;font-size:11px;font-family:arial;}



#logotypesBg {padding:0 0 20px 0}
#logotypes {text-align:center;margin:25px 0 15px 0}
#logotypes img {margin:0 7px}
#bottomText {text-align:center;color:#b0a6a6;font-size:15px;line-height:19px;font-family:trebuchet ms;}





.logowaniePrzycisk { border-top: 1px solid #FFFFFF; color: #FFFFFF; text-align: center; }
.logowaniePrzycisk a { color: #FFFFFF; text-decoration: none; display: block; padding: 10px; background: #007d44; }
.logowaniePrzycisk a:hover { color: #FFFFFF; text-decoration: none; background: #9f7f43; }

/*podstrona */



#localizer {margin:0 0 15px 0;color:#3EA5BD;}
#localizer a {font-size:11px;color:#3EA5BD;font-size:11px;text-decoration:none;}
#localizer a:hover {text-decoration:underline}
#localizer span {margin:0 5px;vertical-align:middle}

.banner_s {margin:0 0 20px 0}
#columnRight_s .imgLeft {float:left;margin:0 10px 10px 0}





.newsListLine {width:100%;height:1px;overflow:hidden;clear:both;background:#FFFFFF;}
.newsListBox { overflow: hidden; clear: both; }
.newsListBox .pic { float: left; width: 140px; margin: 0 20px 0 0; }
.newsListBox .desc { }
.newsListBox .title { padding: 0 0 10px 0; font-size: 22px; line-height: 26px; }
.newsListBox .date { padding: 0 0 5px 0; color: #D3D3D3; }
.newsListBox .text { }
.newsListBox .more { padding: 5px 0 20px 0; text-align: right; }

.newsBox { overflow: hidden; }
.newsBox2 { padding: 0 0 20px 0; overflow: hidden; }
.newsBox .back { padding: 0 0 30px 0; }
.newsBox .back img { cursor: pointer; }
.newsBox .desc { float: left; width: 380px; }
.newsBox .title {  }
.newsBox h2 { font-size: 36px; color: #000000; padding: 0; margin: 0; font-weight: normal; line-height: 38px; }
.newsBox .text {  }
.newsBox .file_label { font-weight: bold; padding: 0 0 10px 0; font-size: 16px; }
.newsBox .file {  }
.newsBox .file img { vertical-align: middle; }
.newsBox .file a { color: #7e4c16; text-decoration: none; vertical-align: middle; }
.newsBox .file a:hover { color: #000000; text-decoration: none; }
.newsBox .pic { float: right; width: 450px; height: 300px; position: relative; }
.newsBox .pic .gallery { width: 450px; height: 300px; }
.newsBox .pic .gallery .zdjecia { width: 450px; height: 300px; }
.newsBox .pic .gallery .zdjecia img { z-index: 100; position: absolute; left: 0; top: 0; overflow: hidden; }
.newsBox .pic .gallery .zdjecia .active { z-index: 999; }
.newsBox .pic .gallery .galleryNavigation { position: absolute; left: 0; width: 450px; height: 30px; background: #FFFFFF; top: 270px; z-index: 1000; }
.newsBox .pic .gallery .galleryNavigation .galleryL { float: left; border-right: 2px solid #e6edf2; }
.newsBox .pic .gallery .galleryNavigation .galleryP { float: left; border-right: 2px solid #e6edf2; }
.newsBox .pic .gallery .galleryNavigation .galleryT { float: left; padding: 7px 9px 0 9px; }
.newsBox .pic .gallery .galleryNavigation .galleryI { float: right; width: 40px; color: #666666; padding-top: 8px; font-size: 10px; text-align: center; }




.newsBoxList{float:left;width:680px; overflow: hidden; border: 1px solid #999999; padding:20px; font-size: 16px;}
.newsBoxList .date{float:left;width:100px; overflow: hidden; text-align:center;  }
.newsBoxList .name{float:left;width:580px; overflow: hidden;   }
.newsBoxList .desc{ width:580px; overflow: hidden; padding:10px 20px 10px 100px;  }
.newsBoxList .more{ float:right;   }

.newsDateS {float:left;width:100px; overflow: hidden; text-align:center; font-weight: bold;}
.newsTitleS {float:left;width:580px; overflow: hidden;  font-weight: bold; }
.newsTextS {width:580px; overflow: hidden; padding:10px 20px 10px 100px;clear:both;  }
.more{ float:right; clear:both;   }
.all{ float:right; clear:both;  }






/* formularz kontaktu */
.formKontaktu { width: 450px; margin: 10px auto; text-align: center; }
.formKontaktuZestaw { width: 450px; overflow: hidden; clear: both; margin: 0 0 10px 0; }
.formKontaktuLabel { float: left; width: 150px; text-align: right; margin: 3px 5px 0 0; }
.formKontaktuLabel span { color: #ff0000; font-weight: bold; }
.formKontaktuPole { float: right; width: 295px; text-align: right; }
.formKontaktuPole input { width: 286px; border: 1px solid #ccc; }
.formKontaktuPole select { width: 282px; }
.formKontaktuPole textarea { width: 286px; height: 80px; overflow: auto; border: 1px solid #ccc; }
.formKontaktuWymagane { float: left; color: #ff0000; }
.formKontaktuPrzycisk { float: right; text-align: right; }
.formKontaktuPrzycisk img { cursor: pointer; }
/* formularz kontaktu */

/* faq */
.faqKat { font-weight: bold; font-size: 16px; }
.faq { display: none; border: 1px solid #006bb7; padding: 10px; margin: 20px; }
/* faq */

/* galerie */
.gallery_name { font-weight: bold; padding: 10px 0 5px 0; }
.gallery_text { }
.gallery_pics { text-align: center; overflow: hidden; }
.gallery_pic { float: left; margin: 0 2px 2px 0; }
.gallery_pic img { padding: 1px; border: 1px solid #dbdbdb; }
/* galerie */

/* testy */
.test { width: 600px; }
.test .tytul { font-size: 16px; line-height: 20px; font-weight: bold; margin:10px 0 0 0; }
.test .podtytul { font-weight: bold; }
.test .opis { padding: 10px 0 10px 0; }
.test .pytaniaNawigacja1 { background: #E7DFDF;  text-align: center; padding: 10px; font-weight: bold; }
.test .pytania { padding: 10px 10px 10px 10px; border: 1px solid #E7DFDF; }
.test .pytania .pytanie { font-size: 15px; padding: 0 0 10px 0; }
.test .pytania .odpowiedzi { }
.test .pytania .odpowiedz { margin: 5px 0;}
.test .pytania .odpowiedz input { vertical-align: middle; }
.test .pytania .odpowiedz label { vertical-align: middle; margin-right: 20px; color: #0A7448; }
.test .pytania .wyniki { background: #007d44; color: #FFFFFF; text-align: center; padding: 15px; }
/* testy */

/* forum */
.forumLinki { margin: 4px 0 15px 0; font-size: 14px; }
.forumLinki a { font-weight: bold; text-decoration: none; }
.forumLinki a:hover { }

.forumKategoriaNazwa { background: #007D44; color: #FFFFFF; font-size: 13px; padding: 5px 9px; border: 1px solid #016739; margin: 0 0 1px 0; }
.forumKategoriaNazwa a { color: #FFFFFF; text-decoration: none; font-weight: bold; }
.forumKategoriaNazwa a:hover { color: #FFFFFF; text-decoration: none; }

.forumKategoriaTable { width: 100%; border-collapse: collapse; border: 1px solid #e1e1e1; margin:0 auto}
.forumKategoriaTable thead tr { color: #FFFFFF; height: 30px; background: #007D44; }
.forumKategoriaTable th { padding: 5px 10px; border: 1px solid #004D2A !important; }
.forumKategoriaTable td { padding: 5px 10px; border-top: 1px solid #e1e1e1; }
.forumKategoriaHeader1 { text-align: left; }
.forumKategoriaHeader2 { text-align: center; width: 90px; }
.forumKategoriaRow11 { text-align: left; background: #eeeeee; }
.forumKategoriaRow12 { text-align: center; background: #eeeeee; }
.forumKategoriaRow21 { text-align: left; background: #ffffff; }
.forumKategoriaRow22 { text-align: center; background: #ffffff; }

.forumPodkategoriaRow11 { text-align: left; background: #ffffff; padding-left: 15px !important; }
.forumPodkategoriaRow12 { text-align: center; background: #ffffff; }
.forumPodkategoriaRow21 { text-align: left; background: #ffffff;  padding-left: 15px !important; }
.forumPodkategoriaRow22 { text-align: center; background: #ffffff; }

.forumTematTable { width: 100%; border-collapse: collapse; border: 1px solid #e1e1e1; margin:0 auto}
.forumTematTable thead tr { color: #FFFFFF; height: 30px; background: #007D44; }
.forumTematTable th { padding: 5px 10px; border: 1px solid #004D2A !important; }
.forumTematTable td { padding: 5px 10px; border-top: 1px solid #e1e1e1; }
.forumTematHeader1 {}
.forumTematHeader2 { width: 120px; text-align: center; }
.forumTematHeader3 { width: 90px; text-align: center; }
.forumTematHeader4 { width: 80px; text-align: center; }
.forumTematRow11 { background: #eeeeee; text-align: left; }
.forumTematRow12 { background: #eeeeee; text-align: center; }
.forumTematRow13 { background: #eeeeee; text-align: center; }
.forumTematRow14 { background: #eeeeee; text-align: center; }
.forumTematRow21 { background: #ffffff; text-align: left; }
.forumTematRow22 { background: #ffffff; text-align: center; }
.forumTematRow23 { background: #ffffff; text-align: center; }
.forumTematRow24 { background: #ffffff; text-align: center; }

.forumTematTytul { background: #007D44; color: #FFFFFF; font-weight: bold; font-size: 13px; padding: 9px; border: 1px solid #004D2A; }
.forumTematOdpowiedz1 { background: #eeeeee; padding: 9px; margin: 2px 0 0 0; border: 1px solid #e1e1e1; text-align: left; }
.forumTematOdpowiedz2 { background: #ffffff; padding: 9px; margin: 2px 0 0 0; border: 1px solid #e1e1e1; text-align: left; }
.forumTematOdpowiedzPodpis { padding: 5px; margin: 4px 0 0 0; text-align: right; }
.forumTematOdpowiedzPodpis span { font-style: italic; }

.forumFormularzLinia { overflow: hidden; padding: 5px 0 5px 0; }
.forumFormularzOpis { float: left; width: 100px; margin: 2px 10px 0 0; text-align: right; color: #000000; }
.forumFormularzPole { float: left; width: 366px; }
.forumFormularzPole input { width: 356px; border: 1px solid #e1e1e1; padding: 3px; }
.forumFormularzPole textarea { width: 356px; height: 200px; border: 1px solid #e1e1e1; padding: 3px; }
.forumPrzycisk { width: 476px; text-align: right; }



/* monitoring */
.hidden{ display:none;}

/* monitoring */

.btnSend{text-align: right;}




#okladki{width: 740px; margin:0 auto; clear:both}
.okladka{margin: 10px 0 20px 20px;padding: 3px 0  0 3px;display: block; width:192px; height:266px; float:left; overflow: hidden; background:url(../img/bg_okladka.png) no-repeat 0 0;}
.okladka_wyniki{margin: 10px 0 20px 20px;padding: 3px 0  0 3px;display: block; width:80px; height:114px; float:left; overflow: hidden;   }


#rozdzialy   a.btnOkladka {
    background-color: #FE5900;
    color: white;
    display: block;
    margin: 15px 14px;
    padding: 5px 10px;
    text-align: center;
    width: 130px;
    font-weight: bold;
    font-size:14px;

}

#rozdzialy   a.btnOkladkaChecked {
    background-color: white;
    border: 1px solid #666666;
    color: #013E21;
    display: block;
    margin: 15px 14px;
    padding: 5px 10px;
    text-align: center;
    width: 130px;
    font-weight: bold;
    font-size:14px;
}

#rozdzial {width:743px;}
#rozdzial .lewa{width:570px; float:left;overflow: hidden;}
#rozdzial .lewa #naglowek{width:500px; height:110px; float:left;overflow: hidden; margin: 30px 0 0 0 ;}

#rozdzial #tresc{float:left;overflow: hidden;width:530px;   padding:10px 20px;   }
#rozdzial .lewa h3 {	font-family:arial-narrow ;font-size:23px; line-height: 30px ;font-weight: normal; display:block; width:98%; height: 28px; margin: 15px 170px 5px 0; border-bottom: 1px solid #666666; overflow: hidden ;  }
#rozdzial .prawa{ border:1px solid #AEAEAE;width:145px;height: 500px; float:left;overflow: hidden; margin: 30px 0 0 0 ;}

.porcjowanie_okladek{display: block;width: 760px; height: 30px; clear:both; }
.porcjowanie_okladek a.next{display: block; float:right; width: 80px;text-align: center;  padding:5px 10px; margin-right:50px; background-color: #FE5900; color: white}
.porcjowanie_okladek a.prev{display: block; float:left; width: 80px; text-align: center; padding:5px 10px; margin-left:50px; background-color: #FE5900; color: white  }


#materialy_edukacyjne_kategorie{}
#materialy_edukacyjne_kategorie  .col1{width: 235px;float:left;}
#materialy_edukacyjne_kategorie  .col2{width: 235px;float:left;}
#materialy_edukacyjne_kategorie  .col3{width: 235px;float:left;}

#materialy_edukacyjne_kategoria{width: 723px;}
#materialy_edukacyjne_kategoria h3{display:block;margin:0 0 10px 0;border-left:4px solid; padding-left: 15px; padding-bottom: 30px; font-size: 26px; line-height: 26px; }
#materialy_edukacyjne_kategoria .lewa{float:left;width: 506px;}
#materialy_edukacyjne_kategoria .prawa{float:left;width: 217px; height: 600px;}
#materialy_edukacyjne_kategoria h4{ font-size: 22px;margin: 20px 0 15px 0;}
#materialy_edukacyjne_kategoria ul{ list-style-image:url('../img/ul_pointer.png'); }
#materialy_edukacyjne_kategoria #prezentacje{ width:220px; float: left; overflow: hidden}
#materialy_edukacyjne_kategoria #testy{ width:260px; float: left; overflow: hidden}
#materialy_edukacyjne_kategoria #filmy{ width:260px; float: left; overflow: hidden}
#materialy_edukacyjne_kategoria .zadanie_edukacyjne{ cursor: pointer; margin: 0 10px 0 0;padding: 5px 0 15px 0; border-bottom: 1px solid  ;overflow: hidden}
#materialy_edukacyjne_kategoria .zadanie_edukacyjne:hover{background-color: #F6F6F6;}
#materialy_edukacyjne_kategoria .zadanie_edukacyjne .czas{ float: left;width:56px; height: 35px; border:1px solid; text-align:center;font-size:22px;padding: 20px 10px; margin: 0 5px;}
#materialy_edukacyjne_kategoria .zadanie_edukacyjne .opis{ float: left;width:380px; padding: 0 5px 0 15px;}
#materialy_edukacyjne_kategoria .zadanie_edukacyjne .opis h4{ padding:0; margin: 0; font-size: 16px;}
#materialy_edukacyjne_kategoria .zadanie_edukacyjne .opis span{color:#000000;}
#materialy_edukacyjne_kategoria .zadanie_edukacyjne .opis .wiecej{float: right}

#cwiczenia_kategorie{}
#cwiczenia_kategorie  .col1{width: 235px;float:left;}
#cwiczenia_kategorie  .col2{width: 235px;float:left;}
#cwiczenia_kategorie  .col3{width: 235px;float:left;}

#cwiczenia_kategoria{width: 723px;}
#cwiczenia_kategoria h3{display:block;margin:0 0 10px 0;border-left:4px solid; padding-left: 15px; padding-bottom: 30px; font-size: 26px; line-height: 26px; }
#cwiczenia_kategoria .lewa{float:left;width: 506px;}
#cwiczenia_kategoria .prawa{float:left;width: 217px; height: 600px;}
#cwiczenia_kategoria h4{ font-size: 22px;margin: 20px 0 15px 0;}
#cwiczenia_kategoria ul{ list-style-image:url('../img/ul_pointer.png'); }
#cwiczenia_kategoria #prezentacje{ width:220px; float: left; overflow: hidden}
#cwiczenia_kategoria #testy{ width:260px; float: left; overflow: hidden}
#cwiczenia_kategoria #testy{ width:260px; float: left; overflow: hidden}
#cwiczenia_kategoria .zadanie_edukacyjne{ cursor: pointer; margin: 0 10px 0 0;padding: 15px 0 15px 0; border-bottom: 1px solid  ;overflow: hidden}
#cwiczenia_kategoria .zadanie_edukacyjne:hover{background-color: #F6F6F6;}
#cwiczenia_kategoria .zadanie_edukacyjne .opis{ float: left;width:420px; padding: 0 5px 0 15px;}
#cwiczenia_kategoria .zadanie_edukacyjne .opis h4{ padding:0; margin: 0; font-size: 16px;}
#cwiczenia_kategoria .zadanie_edukacyjne .opis span{color:#000000;}



/* testy */
.test { width: 600px; font-size: 17px;}
.test .tytul { font-size: 19px; line-height: 20px; font-weight: bold; margin:10px 0 0 0; }
.test .podtytul { font-weight: bold; }
.test .opis { padding: 10px 0 10px 0; }
.test .pytaniaNawigacja1 { background: #E7DFDF;  text-align: center; padding: 10px; font-weight: bold; }
.test .pytania { padding: 10px 10px 10px 10px; border: 1px solid #E7DFDF;overflow: hidden; }
.test .pytania .pytanie { font-size: 17px; padding: 0 0 10px 0; }
.test .pytania .odpowiedzi { }
.test .pytania .odpowiedz { margin: 5px 0;}
.test .pytania .odpowiedz input { vertical-align: middle; }
.test .pytania .odpowiedz label { vertical-align: middle; margin-right: 20px; color: #0A7448; }
.test .pytania .wyniki { background: #007d44; color: #FFFFFF; text-align: center; padding: 15px; }
.test .button {width:50% }
.test .buttonBack {width:250px; float:left}
.test .buttonNext {width:250px; float:left }
.test #tesnav {width:500; overflow: hidden; height:30px}
/* testy */


/*webquesty*/

.webquest{width: 700px;   border-left: 2px solid #cecece; border-right: 2px solid #cecece; border-top: 2px solid #cecece; margin: 8px 0;}
.webquest .row{    background: url(../img/webquesty/webquest_lista_bg.png) #cecece right repeat-y; margin: 14px 0 0 0 ; font-size: 22px; line-height: 24px; overflow: hidden}
.webquest .name{ float: left; width: 344px; padding: 5px  10px; font-weight: bold;     font-size: 14px; line-height: 16px;}
.webquest .name a{ color: #000000;}
.webquest .buttons{float:left; width: 330px;}

#webquest_szczegoly .content{float:left; width: 683px; padding: 20px;  border: 1px solid #d5d5d5;margin:10px 0; text-align: justify}
#webquest .hidden{display: none; }
#webquest_realizacja_formularz  {width: 500px; overflow: hidden}
#webquest_realizacja_formularz  .row{width: 500px; margin: 5px 0;overflow: hidden}
#webquest_realizacja_formularz  .row label{width: 500px; margin: 0 10px 0 0; font-weight: bold }
#webquest_realizacja_formularz  .row span{display:block;width: 300px; float: right;margin: 0 ;overflow: hidden}
#webquest_realizacja_formularz  .row span input{display:block;width: 295px; float: right;margin: 0 ;overflow: hidden}
#webquest_realizacja_formularz  .row span input.data{width: 100px; margin-right: 195px;}
#webquest_realizacja_formularz  .row span textarea{width: 292px; height: 80px; margin-right: 195px;}
#webquest_realizacja_formularz  .row span .wynik_publiczny{width:20px; margin-right: 280px;height: 20px; }



.webquest_realizacja {border: 2px solid #dedede; width: 686px; padding:10px  ; margin: 10px 0;  }
.zakonczony{ background:  url("../img/projekt_zakonczony.png") top right no-repeat;   }
.niezakonczony{ background:  url("../img/projekt_niezakonczony.png") top right no-repeat;   }

.webquest_realizacja .naglowek{ overflow:hidden; margin: 5px 0; font-family: Arial; font-size: 20px; color: #006b3a; }
.webquest_realizacja .naglowek  label{  font-family: Arial; font-size: 13px; color: #4b4b4b; }
.webquest_realizacja .naglowek .kolumna1{width: 130px; float:left }
.webquest_realizacja .naglowek .kolumna2{width: 460px; float:left; color:#000000; }
.webquest_realizacja .naglowek .kolumna3{width: 94px; float:left;  text-align: right; color:#ffffff;}

.webquest_realizacja .content{ overflow:hidden; background: #ebebeb; padding: 5px 10px;  font-family: Arial; font-size: 16px; color: #006b3a; }
.webquest_realizacja  .wiersz {overflow: hidden;margin: 5px 0; text-align: right;}
.webquest_realizacja .content  label{  font-family: Arial; font-size: 13px; color: #4b4b4b; }
.webquest_realizacja .content .kolumna1{width: 200px; float:left; padding: 0 3px; }
.webquest_realizacja .content .kolumna2{width: 254px; float:left; padding: 0 3px; }
.webquest_realizacja .content .kolumna3{width: 194px; float:left; padding: 0 3px;  }

.webquest_realizacja .przyciski{ margin: 5px 0px; text-align: right;  overflow:hidden;}
.webquest_realizacja .przyciski .kolumna1{width: 130px; float:left }
.webquest_realizacja .przyciski .kolumna2{width: 130px; float:left }
.webquest_realizacja .przyciski .kolumna3{width: 330px; float:left }



/*webquesty*/


.css-map-container {margin:0 20px 0 0 !important; float:left;}
.map-polska-opis {width:300px; float:left;}
.wojewodztwo {display:none;}
.wojewodztwo h2 {color:#fd5900; font-size:16px}
.wojewodztwo h3 { font-size:14px; text-decoration: underline;}
.wojewodztwo p {margin:12px 0}





/* mapa serwisu */
.sitemap, .sitemap ul, .sitemap li{
    margin:0 0 0 0;
    padding:0;
    list-style:none;
}
.sitemap { margin-left:10px; }
.sitemap{background:url(../img/line1.gif) repeat-y;}
.sitemap li{
    line-height:20px;
    margin-top:1px;
    position:relative;
    width:100%;
}
/* IE leaves a blank space where span is added so this is to avoid that */
* html .sitemap li{
    float:left;
    display:inline;
}

.sitemap li a{padding-left:28px;}
.sitemap li span{float:left;position:absolute;top:5px;left:5px;width:13px;height:13px;cursor:auto;font-size:0;}
.sitemap li span, .sitemap li span.collapsed{background:url(../img/collapsed.gif) no-repeat 0 0;}
.sitemap li span.expanded{background:url(../img/expanded.gif) no-repeat 0 0;}

/* sub levels */

.sitemap li ul{
    margin-left:28px;
    background:url(../img/line1.gif) repeat-y;
}
.sitemap li li{
    background:url(../img/line2.gif) no-repeat 0 0;
}

/* etc. */

/* float fix */

.sitemap:after, .sitemap ul:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.sitemap, .sitemap ul{display:block;}
/*  \*/
.sitemap, .sitemap ul{min-height:1%;}
* html .sitemap, * html .sitemap ul{height:1%;}
/*  */
.sitemap ul{}
/* mapa serwisu */

#facebook {
    background: url("../img/facebook-icon.png") no-repeat scroll left 0px transparent;
    height: 385px;
    right: -292px;
    padding-left: 51px;
    padding-top: 0px;
    position: fixed;
    text-align: left;
    top: 160px;
    width: 292px;
    z-index: 100000;
}
#facebook2 {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 385px;
    width: 292px;
    z-index:100
}

#newSpotkanie  {width: 705px; overflow: hidden}
#newSpotkanie  .row{width: 450px; margin: 5px 0;overflow: hidden}
#newSpotkanie  .row label{width: 400px; margin: 0 10px 0 0; font-weight: bold }
#newSpotkanie  .row span{display:block;width: 300px; float: right;margin: 0 ;overflow: hidden}
#newSpotkanie  .row span input{display:block;width: 290px; float: right;margin: 0 ;overflow: hidden}
#newSpotkanie  .row span input.data{  margin-right: 195px;}
#newSpotkanie  .row span textarea{width: 292px; height: 80px; margin-right: 195px;}

.firma_pozycja_listy_spotkan{border-bottom: 1px dotted #AAAAAA}
.firma_pozycja_listy_spotkan .zdjecie{float:right; width:100px;text-align: center;}