@import url('https://fonts.googleapis.com/css2?family=Titillium+Web&display=swap');

div#SideMenu {
  font-family: 'Titillium Web', sans-serif;
}

#ctl00_Menu1 ul {
  font-size: 13px;
}

#ctl00_Menu1 ul li {
  font-size: 14px;
}

div#MainMenu h2, div#MainMenu .h2 {
  text-transform: uppercase;
}

.txtWyszukaj {
  font-size: 11px;
  color: #828282;
}

input#ctl00_Wyszukaj_txtWyszukaj {
  border-style: solid !important;
  border: 1px solid #9c9c9c !important;
}

.nsmooth {
  background-color: #ffffff !important;
  color: #024EA2 !important;
}

div#MainMenu li:first-child a.level1:link {
    padding-left: 27px;
	background: url("/FTB/Support/utility/Painter.aspx?img=punktorP 637830954644978429.png") transparent no-repeat 8px !important;
	background-repeat: no-repeat !important;
}

#ctl00_Menu1 {
  margin-top: -1.5em;
}

img.redred:hover {
	background-color: #e6442b;
}

div#MainMenu li a.level1:link, div#MainMenu li a.level2:link, div#MainMenu li a.level3:link, div#MainMenu li a.level4:link {
    padding-left: 27px;
	background: url("/FTB/Support/utility/Painter.aspx?img=punktorP 637830954644978429.png") transparent no-repeat 8px !important;
	margin-left: -6px;
	background-repeat: no-repeat !important;
}

div#MainMenu {
	box-shadow: none;
}

div#MainMenu li {
    padding-bottom: 0.8em;
}

div#MainMenu li a:hover:link, 
div#MainMenu li a:hover:visited {
    text-decoration: underline;
    box-shadow: none;
}

.wyszukajBox {
	padding-bottom: 0.8em;
}

div#MainMenu h2, div#MainMenu .h2  {
	font-weight: normal;
    font-size: 1.2rem!important;
}

#ctl00_Menu1 a {
  padding-bottom: 0.8em;
}

/*główny widok i Menu boczne*/
 
        .wrapper{
            max-width: 731px;
            height: 729px;
            margin: 0 auto;
        }

        .tailes{
            width: 70%;
            height: 100%;
            float: left;
        }

        .tailes__main{
            margin-bottom: 24px;
            margin-right: 10px;
            height: calc(40% - 24px);
        }

        .tailes__foreground{
            height: 30%;
        }

        .asideMenu{
            width: 30%;
            height: 100%;
            float: right;
        }

        .tailes__img{
            width: 100%;
            height: 100%;
        }
        
        .asideMenu__img{
            width: 100%;
            height: 100%;
        }

        .asideMenu__img:hover{
            background-color: red;
        }

        .asideMenu__link{
            display: block;
            width: 100%;
            height: 100%;
        }

        .tailes__left{
            width: calc(50% - 10px);
            float: left;
            margin-right: 10px;
            height: calc(100% - 10px);
        }

        .tailes__right{
            width: calc(50% - 10px);
            height: calc(100% - 10px);
            float: right;
            margin-right: 10px;
        }

        .asideMenu__item{
            height: calc(12.5% - 5px);
            margin-bottom: 5px;
            background-color: #f2f2f2;
        }

        .asideMenu__item--empty{
            height: 12.5%;
        }

        .tailes__foreground--top{
            margin-bottom: 10px;
        }


        @media screen and (max-width: 973px){
            .tailes{
                width: 100%;
            }
            
            .asideMenu{
                width: 100%;
                margin-top: 10px;
            }

            .asideMenu__img{
                width: auto;
                height: auto;
            }

            .tailes__right{
                margin-right: 0px;
            }

            .tailes__main{
                margin-right: 0px;
            }
        }


/* 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: #f2f2f2; /* kbel_g */ /* Old browsers */
	background: linear-gradient(to bottom,  #f2f2f2 0%, #f2f2f2 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,
div#MainMenu li a.level2:link, 
div#MainMenu li a.level2:visited, 
div#MainMenu li a.level2:active, 
div#MainMenu li a.level2:hover {
	background-image: none;	/* usunac tlo bo ma miec takie samo jak menu */
	color: #000000; /* km_tlo_t */
}

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

/* naglowki w menu */
div#MainMenu h2,
div#MainMenu .h2 {
	background-image: none;
	background: #024ea2; /* km_nag_tlo_l */ /* Old browsers */
	background: linear-gradient(to right, #024ea2 0%, #024ea2 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: #024EA2; /* kp_tlo */
	color: #ffffff; /* kp_t */
}

/* przyciski paginacji z fa */
.fa.ImageItem
{
	color: #024EA2; /* kp_tlo */
}

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


/*
	NAGLOWKI STRON
*/
div.divTytulStrony h3 {
	color: #4479a8; /* ks_nag */
}

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

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

/* ANONSE */
div.divTytuluAnonsu
{
    background-color: #e0eff6; /* 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: #cdd9e4; /* kswt_tlo_nag */
}

/* co drugi wiersz ciemniejszy */
table.gridview tr.dark, table.gridview tr.cms,
div.divDyskusjaAdministrator 
{
	background-color: #e0eff6; /* 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: #000000; /* km_tlo_t */
    }

}
*/