/* Zmiana obrazu w nagłówku */
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@600;700&display=swap');

div#pageheader{
    background-image: url(https://lublin.eu/szablony/portal/images/loga/logo.png);
    background-size: auto;
}

html[data-layout-contrast="black-white"] form div#pageheader, html[data-layout-contrast="black-yellow"] form div#pageheader{
    background-image: url(https://lublin.eu/szablony/portal/images/c/b-y/logo.png) !important;
    background-size: auto !important;
    background-position: initial !important;
    filter: sepia(0);
}

html[data-layout-contrast="black-white"] form div#pageheader{
    filter: grayscale(1);
}

div#SideMenu {
    display: none;
}
/*Style dla przycisków w nagłówku*/

div#pageheader #pageheadertop{
    margin-top: 10px;
    height: 30px;
}

div#pageheadertop {
    float: right;
    margin-top: 10px;
}

div#pageheader a#fontSize1, div#pageheader a#fontSize2, div#pageheader a#fontContrastAll,div#pageheader #pageheadertop .iconleft a#weather, div#pageheader #pageheadertop .iconleft a#bip{
    display: block;
    float: left;
    width: 31px;
    height: 23px;
    text-align: center;
    margin-left: 1px;
    background: linear-gradient(to bottom, #ececec 0%, #dcdcdc 100%);
    font-size: 13px;
    font-family: "Titillium_Regular";
    line-height: 23px;
    padding: 0px;
}

div#pageheader div.textleft {
    padding: 1px 1px 0px 0px;
}

div#pageheader #pageheadertop .iconleft a#bip {
    background: #ed1c24 url(https://lublin.eu/szablony/portal/images/sprite_header.png) no-repeat -60px -15px;
    width: 42px;
    color: white;
    font-weight: 700;
    overflow: hidden;
    text-indent: -9999px;
    margin-left: 20px;
}

a#bip {
    margin-right: 20px;    
}

div#pageheader #pageheadertop .iconleft a#weather {
    width: 55px;
    color: black;
    font-weight: lighter;
}

@media screen and (max-width:983px){
    a#fontSize1 {
        display: none!important;
    }
    a#fontSize2 {
        display: none!important;
    }
    a#weather {
        display: none!important;
    }
    a#bip {
        display: none!important;
    }
    a#fontContrastAll {
        margin-right: 15px;
    }
}

/* Usunięcie Separatora */
div#ctl00_UserStatusBar_SeparatorDiv {
    display: none;
}

/*
    Style dla menu w nagłówku
*/
section#menu-header{
    position: absolute;
    width: 100%;
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -35px;
    right: 0;
    text-align: center;
}

section#menu-header nav {
    max-width: 100%;
}

section#menu-header nav ol{
    list-style-type: none;
    padding: 0;
    margin: 0;
    font-size:16px;
    font-family: "Titillium_Regular";
    height:2em;
    line-height:2em;
    text-align:center;
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

section#menu-header nav ol > li{
    float: left;
    border-bottom: 2px solid;
    margin-left:1px;
    margin-top: -9px;
}

section#menu-header nav ol a{
    color: #3e3e3e;
    text-decoration: none;
    font-weight: 600;
}

section#menu-header nav ol > li:hover{
    border-bottom-width: 5px;
}

section#menu-header nav ol > li  ul{
    display: none;
    font-size: 12px;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

section#menu-header nav ol > li:hover ul{
    display: block;
    border: 2px solid;
    border-top: 4px solid;
}

section#menu-header nav ol > li:nth-child(1){
    border-color: #ED1C24;
}

section#menu-header nav ol > li:nth-child(2){
    border-color: #E77E23;
}

section#menu-header nav ol > li:nth-child(3){
    border-color: #E0B60E;
}

section#menu-header nav ol > li:nth-child(4){
    border-color: #B641C1;
}

section#menu-header nav ol > li:nth-child(5){
    border-color: #3598DB;
}

section#menu-header nav ol > li:nth-child(6){
    border-color: #515151;
}

section#menu-header nav ol > li:nth-child(7){
    border-color: #71bf44;
    width: 22%;
    font-size: 1.3333333rem;
    font-family: 'Titillium Web', sans-serif;
}

section#menu-header nav ol > li:nth-child(7):hover{
    border-bottom: none;
}

section#menu-header nav ol > li:nth-child(7):hover ul{
    border-color: #71bf44;
    background-color: white;
}

section#menu-header nav ol > li > ul li{
    position: relative;
}

body > form   div#pa nav ul:nth-child(1) li:nth-child(3) a {
    border: none; 
    background: none;
    color: none;
}


body > form  section#menu-header  nav ul:nth-child(1) li:nth-child(1) a, body > form  section#menu-header nav ul:nth-child(1) li:nth-child(2) a, body form  section#menu-header nav ul:nth-child(1) li:nth-child(3) a {
   border-radius: 0;
   color: black;
   border: none;
   padding: 0;
   padding-left: 0;
   padding-right: 0;
   width: auto;
   text-transform: none;
}

body > form  section#menu-header  nav ul:nth-child(1) li:nth-child(2) a {
   background: none;
}

body > form  section#menu-header  nav ul:nth-child(1) li:first-of-type::before {
   display: block;
   content: "";
   color: black;
   margin-right: 0;
}

body > form  section#menu-header  nav ul:nth-child(1) li:nth-child(4)::before {
   display: block;
   content: "";
   color: black;
   margin-right: 0;
}

body > form  section#menu-header nav ul:nth-child(1) li:nth-child(3) a {
   background: none;
}

body > form > div > nav ul {
   direction: ltr;
   width: 34em;
   padding: 0;
   margin-right: 0px;
   margin-top: 0px;
   margin-bottom: 0px;
}

section#menu-header nav ol > li {
    border-bottom: 2px solid;
    margin-left: 1px;
    padding: 3px 16px 9px;
}



section#menu-header nav ol > li > a {
    font-size: 1.3333333rem;
    font-family: 'Titillium Web', sans-serif;
}

.ContainerWithMenu, .ContainerWithoutMenu, .AppEnvironment, .Footer, .ContainerALL, .ContainerFont, div#pageheader {
    width: 100%!important;
    max-width: 1170px !important;
}

section#menu-header > nav > ol ul li {
    font-size: 1rem;
    text-align: left;
    font-family: 'Titillium Web', sans-serif;
    margin-left: 20px;
    padding-left: 10px;
}

section#menu-header > nav > ol > li > ul > li::before {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    left: -15px;
    top: 8px;
    background: #71bf44 url(https://lublin.eu/szablony/portal/images/sprite_page.png) -15px -72px no-repeat;
}

section#menu-header {
    z-index: 999;
    left:0;
}

@media screen and (max-width:983px){
    section#menu-header{
        display:none;
    }
}

/* Style dla funkcji asidePanel() dla portalu */
#side-panel{
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-family:'Titillium Web', sans-serif;
    font-style: normal;
    line-height: 1.5rem;
    -webkit-font-smoothing: antialiased;
    font-weight: normal;
    color: black;
    direction: ltr;
    min-height: 0px;
    width: 25%;
    vertical-align: top;
    display: table-cell !important;
    float: left;
    height: 85%;
    background: #f9f9f9;
    padding: 0;
    margin-top: 18.5px;
}

.block-panel{
    padding: 0;
    direction: ltr;
    position: relative;
    box-sizing: border-box;
    border: none !important;
    margin: 15px;
    background: #fff;
    padding-left: 0;
}

.head-panel{
    box-sizing: border-box;
    line-height:22px;
    cursor: pointer;
    background-color: transparent;
    position: relative;
    display: block;
    overflow: hidden;
    text-decoration: none;
    padding: 20px 10px;
}

.figure-panel{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    direction: ltr;
    float: left;
    width: 50px;
    text-align: center;
    margin-right: 5px;
	transition: all 0.4s ease-in-out;
    opacity: 0.4;
}

.figcaption-panel{      
    cursor: pointer;
    margin: 0;
    padding: 0;
    direction: ltr;
    transition: all 0.4s ease-in-out;
    color: #3e3e3e;
    overflow: hidden;
    text-transform: none;
    font-weight: bold;
    font-size: 1.6rem;
    transition: all 0.4s ease-in-out;
    opacity: 0.4;
}

.head-panel:hover > .figure-panel, .head-panel:hover > .figcaption-panel {
    opacity: 1;
}

.lowercase{
    font-size: 1rem;
    font-weight: bold;
}

.catColorMark{
    position: absolute;
    z-index: 2;
    bottom: 0;
    right: 0;
    width: 10px;
    height: 20px;
    background-color: #71BF44;
}

.block-panel:focus{
    outline: -webkit-focus-ring-color auto 1px;
}

a.head-panel:active{
    border: 2px solid green;
}

aside#side-panel a:link {
    text-decoration: none;
}

div#Content {
    padding-right: 0px;
	width: 74% !important;
    float: left;
    margin-right: 1%;
}

@media screen and (max-width:983px){
    #side-panel{
        width: 100%;
    }
}
/* koniec styli dla funkcji asidePanel() dla portalu */

/* Wyszukiwarka - zmiana tła*/
fieldset.FilterFieldSet.BackGroundForm {
    background: white;
}

/* nagłówek tabeli wyszukiwarka i komunikaty*/
table.gridview th {
    background-image: linear-gradient(rgb(236, 236, 236) 0%, rgb(220, 220, 220) 100%);
}

/* Style tabel modułu komunikatów*/
table.gridview tr.komunikat:nth-child(4n+2) {
    background-color: #ffffff;
}

table.gridview tr.komunikat:nth-child(4n+4) {
    background-color: #f9f9f9;
}

table.gridview tr.komunikat:hover {
    background-color: #c1d7e9;
}

table.gridview tr.komunikat table.gridview tr.komunikat {
    background-color: transparent;
}

table.gridview th, table.gridview th a {
    font-weight: bold;
    text-align: left;
}

/* Style tabel modułu ankiet*/
tr.surveysListHeader {
    background-image: linear-gradient(rgb(236, 236, 236) 0%, rgb(220, 220, 220) 100%)
}

.evenRow td {
    background-color: #fff;
}

.oddRow td {
    background-color: #f9f9f9;
}

.surveysListBody:hover td {
    background-color: #c1d7e9;
}

tr.surveysListHeader td span {
    font-weight: bold;
}

/*Tabela wewnątrz szkoły */
table.TheDetailsView .th {
    font-weight: normal;
    text-align: inherit;
}

table.TheDetailsView tr td:nth-child(2) {
    font-weight: bold;
}

/* ankiety/komunikaty */
div#ctl00_UserStatusBar_AnkietyDiv {
    float: left;
    margin-top: 2px;
}

div#AnkietyDiv {
    display: none;
}

div#ctl00_UserStatusBar_KomunikatyDiv{
    float: left;
    margin-top: 2px;
}

div#KomunikatyDiv  {
    display: none;
}

#ctl00_UserStatusBar_Uzytkownik {
    margin-left: 10px;
}


/* KOLORY BELKI */
/* kbel_g 			- kolor belki góra(gradient) */
/* kbel_d 			- kolor belki dół(gradient) */

/* KOLORY MENU */
/* km_tlo_l 		- kolor tła menu od lewej strony(gradient) */
/* km_tlo_p 		- kolor tła menu od prawej strony(gradient) */
/* km_tlo_t 		- kolor tekstu menu */
/* km_tlo_l_hover 	- kolor tła menu od lewej strony(gradient) - kursor nad przyciskiem */
/* km_tlo_p_hover 	- kolor tła menu od prawej strony(gradient) - kursor nad przyciskiem */
/* km_nag_tlo_l 	- kolor tła nagłówka menu (gradient)*/
/* km_nag_tlo_p 	- kolor tła nagłówka menu (gradient)*/
/* km_nag_t 		- kolor tekstu nagłówka menu */

/* KOLORY PRZYCISKÓW nsmooth np. SZUKAJ*/
/* kp_tlo 			- kolor tła dla przycisku */
/* kp_t 			- kolor tekstu dla przycisku */

/* KOLOR TYTUŁU STRONY np. "O portalu" */
/* ks_nag 			- kolor tekstu dla tytułu strony*/

/* KOLORY TABELI W WYSZUKIWANIU SZKÓŁ */
/* ksw_tlo 			- kolor tła dla panelu wyszukiwania nad tabelą */
/* kswt_tlo_nag 	- kolor tła nagłówka tabeli */
/* kswt_hl_nag 		- kolor hiperlinków nagłówka tabeli */
/* kswt_hl_wiersz 	- kolor hiperlinków wiersza tabeli */
/* kswt_tlo_parz 	- kolor tła parzystego wiersza */
/* kswt_tlo_nparz 	- kolor tła nieparzystego wiersza */
/* kswt_tlo_hover 	- kolor tła wiersza nad którym jest kursor*/



/* belka */
div.AppEnvironment {
	background: #FFFFFF; /* kbel_g */ /* Old browsers */
	background: linear-gradient(to bottom,  #FFFFFF 0%, #FFFFFF 100%); /* kbel_g *//* kbel_d */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

/* ciekawy dodatkowy obrazek - zajmowal tylko kawalek prawej czesci belki z aplikacjami */
.AppEnvironmentVNGradient {
	width: 0;
}

/* tlo menu*/
div#MainMenu {
	background-image: none;
	background: #FFFFFF ; /* km_tlo_l */ /* Old browsers */
	background: linear-gradient(to right, #FFFFFF 0%, #FFFFFF 100%); /* km_tlo_l *//* km_tlo_p */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

/* pozycje w menu */
div#MainMenu li a.level1:link, div#MainMenu li a.level1:visited, div#MainMenu li a.level1:active, div#MainMenu li a.level1:hover {
	background-image: none;	/* usunac tlo bo ma miec takie samo jak menu */
	color: #1B1B1B; /* km_tlo_t */
}

/* kursor nad opcją menu - ciemniejszy kolor*/
div#MainMenu li a.level1:hover {
	background: #FAFAFA; /* km_tlo_l_hover */ /* Old browsers */
	background: linear-gradient(to right, #FAFAFA 0%, #FAFAFA 100%); /* km_tlo_l_hover *//* km_tlo_p_hover */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	color: #1B1B1B; /* km_tlo_t */
}

/* naglowki w menu */
div#MainMenu h2 {
	background-image: none;
	background: #ED1C24; /* km_nag_tlo_l */ /* Old browsers */
	background: linear-gradient(to right, #ED1C24 0%, #ED1C24 100%); /* km_nag_tlo_l *//* km_nag_tlo_p */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	color: #ffffff; /* km_nag_t */
}

/* wszystkie przyciski */
.nsmooth 
{
	background-color: #71BF44; /* kp_tlo */
	color: #ffffff; /* kp_t */
}

/* przyciski paginacji z fa */
.fa.ImageItem
{
	color: #71BF44; /* kp_tlo */
}

/* wszystkie przyciski - kursor nad przyciskiem*/
.nsmooth:hover {
	color: #eeeeee; 
	color: #000000;
}


/*
	NAGLOWKI STRON
*/
div.divTytulStrony h3 {
	color: #1B1B1B; /* ks_nag */
}

h3.header, table.gridview td.rowlabel, .TreeViewMenu a, 
div.LabelMain, div.LabelTitleItem {
	color: #1B1B1B; /* ks_nag */
}

/*
	WYSZUKIWANIE SZKOL
*/
table.BackGroundForm td, .BackGroundForm {
	background-color: #ffffff; /* ksw_tlo */
}

/* ANONSE */
div.divTytuluAnonsu
{
    background-color: #ffffff; /* kswt_tlo_parz */
}


/*		TABELA 		*/

/* naglowek tabeli wyszukiwania*/
table.gridview th, table.gridview .th, table.gridview td.rowlabel,
table.TheDetailsView .th, table.TheDetailsView tr.dark {
	background-color: #ffffff; /* kswt_tlo_nag */
}

/* co drugi wiersz ciemniejszy */
table.gridview tr.dark, table.gridview tr.cms,
div.divDyskusjaAdministrator 
{
	background-color: #ffffff; /* kswt_tlo_parz */
}

/* nieparzyste wiersze */
table.gridview tr,
div.divDyskusja 
{
	background-color: #ffffff; /* kswt_tlo_nparz */
}

/* kursor nad wierszem*/
table.gridview tr.hover
{
	background-color: #c1d7e9; /* kswt_tlo_hover */
}

/* tekst w tabeli */
.divStrony a, .search a, table.gridview a {
	color: #1c74ce; /* kswt_hl_wiersz */
}

/* inny kolor dla tekstu nagłówka */
table.gridview th a {
	color: #1c74ce; /* kswt_hl_nag */
}




/* podstawowy styl responsywny 
@media screen and (max-width : 850px) {

    div#MainMenu, div#MainMenu h2 {
	    background: #FFFFFF !important; 
	    background: -moz-linear-gradient(left, #FFFFFF 0%, #FFFFFF 100%) !important; 
	    background: -webkit-linear-gradient(left, #FFFFFF 0%, #FFFFFF 100%) !important; 
	    background: linear-gradient(to right, #FFFFFF 0%, #FFFFFF 100%) !important; 
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#FFFFFF',GradientType=1 ) !important; 
    	color: #1B1B1B; /* km_tlo_t */
    }

}
*/