@charset "UTF-8";

/* glowne tlo menu gornego */
.portHorizontalTopMenu
{
	width: 983px;
        margin: 0 auto;
        position: relative;
	clear: both;
}

/* INFOBAR ********************************************************************/
.infobar
{
        width: 983px;
	height: 60px;
	color: #213e2c;
	font-size: 12px;
        float: right;
        clear: both;
}

.infobar .naglowek
{
    width: 550px;
    height: 60px;
    float: left;
    /*background: url('../../images/portal/tlo-infobar-naglowek.jpg') no-repeat top left;*/
    line-height: 60px;
}

.infobar div.ikony
{
    width: 430px;
    height: 100%;
    float: left;
    color: white;
}

.infobar div.ikony > div
{ 
    width: auto; 
    height: 60px;
    float: left;
    position: relative;
}

.infobar div.ikony > div > div
{
    width: 15px;
    height: 16px;
    margin: 25px 7px;
    cursor: pointer;
    float: left;
    color: white;
    font-size: 12px;
    text-align: center;
}

.infobar div.ikony > div > div a,
.infobar div.ikony > div > div
{
    color: white;
    font-size: 14px;
}

.infobar div.sep
{
	width: 0px;
	height: 16px;
	margin: 3px 2px 0px 2px;
	border-left: 1px solid #213e2c;
	cursor: default;
}

.infobar div.dom
{ background: url('../../images/portal/tlo-infobar-ikony.png') no-repeat scroll 0px 0px; }

.infobar div.mapa
{ background: url('../../images/portal/tlo-infobar-ikony.png') no-repeat scroll -30px 0px; }

.infobar div.ulubione
{ background: url('../../images/portal/tlo-infobar-ikony.png') no-repeat scroll -60px 0px; }

.infobar div.poczta
{ background: url('../../images/portal/tlo-infobar-ikony.png') no-repeat scroll -90px 0px; }

.infobar div.rss
{ background: url('../../images/portal/tlo-infobar-ikony.png') no-repeat scroll -120px 0px; }

.infobar > div.ikony > div > div.contrast
{ width: 120px; margin: 30px 7px 20px; /*position: absolute; top: 0px; left: 0px;*/  }
.infobar > div.ikony > div > div.contrast a
{ font-size: 12px; text-transform: uppercase; letter-spacing: -1px; }
.infobar > div.ikony > div > div.contrast a:hover
{ text-decoration: underline; }

.infobar > div.ikony > div > div.bigfont
{ position: absolute; top: 0px; right: 4px; margin: 15px 7px 35px; }
.infobar > div.ikony > div > div.bigfont a
{ font-size: 16px; }
.infobar > div.ikony > div > div.bigfont a:hover
{ text-decoration: underline; }

.infobar > div.ikony > div > div.deffont
{ position: absolute; top: 1px; right: 24px; margin: 15px 7px 35px; }
.infobar > div.ikony > div > div.deffont a
{ font-size: 14px; }
.infobar > div.ikony > div > div.deffont a:hover
{ text-decoration: underline; }

.infobar > div.ikony > div > div.smallfont
{ position: absolute; top: 4px; right: 43px; margin: 15px 7px 35px; }
.infobar > div.ikony > div > div.smallfont a
{ font-size: 11px; }
.infobar > div.ikony > div > div.smallfont a:hover
{ text-decoration: underline; }

/*
.infobar > div > div.txt
{
	background: transparent url('../../images/portal/portHorizontalTopMenu_infobar.png') no-repeat scroll 0px -217px;
	width: 11px;
}

.infobar div.dostep
{
	background: transparent url('../../images/portal/portHorizontalTopMenu_infobar.png') no-repeat scroll -3px -440px;
	width: 11px;
}



.infobar div.msg
{
	background: transparent url('../../images/portal/portHorizontalTopMenu_infobar.png') no-repeat scroll 0px -305px;
	width: 18px;
}

.infobar div.msg_full
{
	background: transparent url('../../images/portal/portHorizontalTopMenu_infobar.png') no-repeat scroll 0px -414px;
	min-width: 8px;
	height: 15px;
	padding: 3px 0px 0px 11px;
	font-size: 10px;
	color: red;
}

.infobar div.msg_empty
{
	background: transparent url('../../images/portal/portHorizontalTopMenu_infobar.png') no-repeat scroll 0px -414px;
	min-width: 8px;
	height: 15px;
	padding: 3px 0px 0px 11px;
	font-size: 10px;
	color:red;
}

.infobar div.register
{
	background: transparent url('../../images/portal/portHorizontalTopMenu_infobar.png') no-repeat scroll 0px -327px;
	padding: 0px 0px 0px 16px;
}

.infobar div.logon
{
	background: transparent url('../../images/portal/portHorizontalTopMenu_infobar.png') no-repeat scroll 0px -349px;
	padding: 0px 0px 0px 16px;
}

.infobar div.help
{
	background: transparent url('../../images/portal/portHorizontalTopMenu_infobar.png') no-repeat scroll 0px -371px;
	padding: 0px 0px 0px 16px;
}
*/

/* FLAGI **********************************************************************/
.infobar > div.ikony > .flags
{
    width: auto;
    height: 100%;
}

.infobar > div.ikony > .flags > div
{
    width: auto;
    margin: 20px 12px auto 18px;
    padding: 0;
}

/* MENU ***********************************************************************/
.menu ul
{
	height: 44px;
        margin: -3px 0 0 0 ;
        list-style-type: none;
        position: absolute;
        top: 0;
        right: 0;
}

.menu li
{
        height: 44px;
        padding: 0 0 0 9px;
	background: transparent url('../../images/portal/tlo-topmenu-lewo.png') no-repeat top left;
        display: inline;
        float: left;
        cursor: pointer;
}
.menu li.sel,
.menu li:hover
{ background: transparent url('../../images/portal/tlo-topmenu-lewo-sel.png') no-repeat top left; }

.menu li span
{
        height: 30px;
        padding: 14px 9px 0 0px;
        background: transparent url('../../images/portal/tlo-topmenu-prawo.png') no-repeat bottom right;
	color: #000;
        display: block;
        text-align: center;
        font-size: 14px;
        font-family: tahoma;
        text-transform: lowercase;
}

.menu li:hover span,
.menu li.sel span
{
    color: #f01b1f;
    background: transparent url('../../images/portal/tlo-topmenu-prawo-sel.png') no-repeat bottom right;
}

.menu li.sep
{
        width: 1px;
        padding: 0;
	border: none;
	background: none;
}
/* MENU DODATKOWE *************************************************************/

.menu-add
{ position: relative; }

.menu-add div.dzialy-miasto-pl,
.menu-add div.dzialy-wypoczynek-pl,
.menu-add div.dzialy-kultura-pl,
.menu-add div.dzialy-gospodarka-pl,
.menu-add div.dzialy-miasto-en,
.menu-add div.dzialy-wypoczynek-en,
.menu-add div.dzialy-kultura-en,
.menu-add div.dzialy-gospodarka-en
{
	width: 225px;
	height: 45px;
	position: absolute;
	top: 12px;
	left: 0;
}

.menu-add div.dzialy-miasto-pl
{ background: url('../../images/portal/dzialy-miasto-pl.jpg') no-repeat top left; }

.menu-add div.dzialy-wypoczynek-pl
{ background: url('../../images/portal/dzialy-wypoczynek-pl.jpg') no-repeat top left; }

.menu-add div.dzialy-kultura-pl
{ background: url('../../images/portal/dzialy-kultura-pl.jpg') no-repeat top left; }

.menu-add div.dzialy-gospodarka-pl
{ background: url('../../images/portal/dzialy-gospodarka-pl.jpg') no-repeat top left; }

.menu-add div.dzialy-miasto-en
{ background: url('../../images/portal/dzialy-miasto-en.jpg') no-repeat top left; }

.menu-add div.dzialy-wypoczynek-en
{ background: url('../../images/portal/dzialy-wypoczynek-en.jpg') no-repeat top left; }

.menu-add div.dzialy-kultura-en
{ background: url('../../images/portal/dzialy-kultura-en.jpg') no-repeat top left; }

.menu-add div.dzialy-gospodarka-en
{ background: url('../../images/portal/dzialy-gospodarka-en.jpg') no-repeat top left; }

.menu-add ul
{
    width: 800px;
    height: 68px;
    padding: 0 0 0 223px;
    margin: 0;
    list-style-type: none;
    background: url('../../images/portal/tlo-dodatkowe-topmenu.jpg') no-repeat top left;    
}

.eng ul
{ background: url('../../images/portal/tlo-dodatkowe-topmenu-en.jpg') no-repeat top left; }

.menu-add ul li
{
    width: 180px;
    height: 100%;
    margin: 0 0 0 20px;
    float: left;
    cursor: pointer;
}

/* BANER **********************************************************************/
.baner
{
    width: 100%;
    min-height: 220px;
    position: relative;
    margin: 0px 0 0 0;
}

/* bajerki, ktore sie wyswietlaja na naglowku; logo, napisy, etc */
.baner .logo
{ width: 204px; height: 204px; background: transparent url('../../images/portal/naglowek-nakladka-logo.png') no-repeat top left; position: absolute; top: 0px; left: 0; }

.baner .lewy-rog
{ width: 204px; height: 204px; background: transparent url('../../images/portal/naglowek-nakladka-rog-lewy.png') no-repeat bottom left; position: absolute; bottom: 0px; left: 0; }

.baner .prawy-rog
{ width: 204px; height: 204px; background: transparent url('../../images/portal/naglowek-nakladka-rog-prawy.png') no-repeat bottom right; position: absolute; bottom: 0px; right: 0; }