@charset "UTF-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td 

{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-decoration: none;
}

body
{
font-size: 100%;
line-height: 17px;
font-family: Helvetica, "Trebuchet MS", Arial, sans-serif;
color: #4c4c4c;
background-color: white;

}

p{margin:0 10px 10px}


div#container

{width: 960px;
text-align: left;
margin:0 auto;
}


div#header h1 {
position: absolute;
text-indent: -9999px;
color: black;

} 

div#goramenu {
width: 100%;
position: relative;
height: 130px;

}

a[name="logo"]

{position: absolute;
top: 0px;
left: 0px;
background-image: url(../images/logo.png);
width: 287px;
height: 117px;}

a[name="logo"]:hover

{
background-image: url(../images/logo-hover.png);
}


a[name="email"]

{position: absolute;
top:20px;
left: 440px;
background-image: url(../images/e-mail.png);
width: 60px;
height: 64px;}

a[name="email"]:hover

{background-image: url(../images/e-mail-hover.png);}


a[name="ulubione"]

{position: absolute;
top: 12px;
left: 510px;
background-image: url(../images/ulubione.png);
width: 74px;
height: 75px;}

a[name="ulubione"]:hover

{background-image: url(../images/ulubione-hover.png);}

a[name="mapastrony"]

{position: absolute;
top: 20px;
left: 600px;
background-image: url(../images/mapa.png);
width: 86px;
height: 63px;}	

a[name="mapastrony"]:hover

{background-image: url(../images/mapa-hover.png);}

a[name="finanse"]

{position: absolute;
top: 0px;
right: 0px;
background-image: url(../images/e-finanse.png);
width: 255px;
height: 124px;
}

a[name="finanse"]:hover

{background-image: url(../images/e-finanse-hover.png);}


div#nawigacja
{width: 100%;

}

div#nawigacja ul#navlist

{list-style: none;
width: 100%;
height: 55px;

}

div#nawigacja ul#navlist li

{display: inline;


}

div#nawigacja ul#navlist li a

{background-image: url(../images/menu-pasywne.png);
font-size: 17px;
color: white;
text-decoration: none;
width: 160px;
height: 35px;
padding-top: 20px;
text-align: center;
display: block;
float: left; /*warunek konieczny do blokowego ulozenia listy*/
}

div#nawigacja ul#navlist li a:hover

{background-image: url(../images/menu-aktywne.png);
color: #f7c814;}

div#nawigacja ul#navlist .tutaj 

{background-image: url(../images/menu-aktywne.png);
color: #f7c814;}


div#banner
{
background-image: url(../images/tlo-banera-glownego.jpg);
width: 960px;
height: 280px;

}

div#banner img

{margin-top: 8px;}

div#banner2
{
background-image: url(../images/tlo-banera-oferta.png);
width: 960px;
height: 247px;

}

div#banner2 img

{margin-top: 0px;}


div#wrapper

{width: 100%;
}

div#wrapper a

{font-size: 13px;
font-weight: bold;
}


div#content

{width: 960px;}

div#content p

{font-size: 14px;}

div#content ul

{list-style-type: disc;
list-style-image : url(../images/bullet.gif);
list-style-position: inside;
margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
	font-size: 14px;
	margin-bottom: 10px;
	padding-bottom: 1em;
	line-height: 1.3em;
	}
	
div#content ul li span

{font-weight: bold;}
	
div#content a

{color: #4c4c4c;
display: block;
margin-bottom: 10px;}

div#content a:hover

{text-decoration: underline;}

div#jedenpanel

{width: 960px;
position: relative;
height: auto;
background-image: url(../images/tlo-pojedynczy.jpg);
background-repeat: no-repeat;
padding-top: 40px;
padding-bottom: 40px;}

div#jedenpanel a.promocja

{display: inline;
color:#9a090e;
font-size: 14px; }

div#jedenpanel h2

{margin-bottom: 20px;
margin-top: 20px;
font-size: 18px;}

div#jedenpanel h3

{margin-bottom: 20px;
margin-top: 20px;}

div#jedenpanel p

{padding-left: 10px;
padding-right: 10px;
text-align: justify;}

div#dwapanele

{width: 100%;
position: relative;
height: 500px;
background-image: url(../images/tlo-wbudowie.jpg);
background-repeat: no-repeat;}

div#dwapanele2

{width: 100%;
position: relative;
height: 500px;
background-image: url(../images/tlo-wbudowie2.jpg);
background-repeat: no-repeat;}

div#trzypanele

{width: 960px;
position: relative;
height: 500px;
background-image: url(../images/tlo-oferta.jpg);
background-repeat: no-repeat;}

div#trzypanele2

{width: 960px;
position: relative;
height: 780px;
background-image: url(../images/tlo-oferta2.jpg);
background-repeat: no-repeat;}

div#trzypanele3

{width: 960px;
position: relative;
height: 570px;
background-image: url(../images/tlo-oferta3.jpg);
background-repeat: no-repeat;}

.promocja

{font-size: 16px;
font-weight: bold;
color: #b30a11;
text-align: center;}


div#panelpierwszy

{
position: absolute;
left:0px;
top:0px;
width: 300px;
text-align: justify;
padding-top: 40px;
}

div#panelpierwszy p span, div#paneldrugi p span, div#paneltrzeci p span

{font-weight: bold;
font-style: italic;}



div#paneldrugi
{
position: absolute;
left:330px;
top:0px;
width: 300px;
text-align: justify;
padding-top: 40px;
}


div#paneltrzeci

{
position: absolute;
left:660px;
top:0px;
width: 300px;
text-align: justify;
padding-top: 40px;
}



div#panelewy

{background-image: url(../images/tlo-pod-tekst.png);
width:460px;
height: 190px;
float: left;
padding-top: 45px;
padding-left: 10px;
padding-right: 30px;
}

div#panelewy2

{
width:460px;
height: 355px;
float: left;
padding-top: 45px;
padding-left: 10px;
padding-right: 30px;
}


div#panelewy h2, div#panelewy2 h2

{font-size: 14px;}

#panelewy>p

{padding-top: 10px;}

div#panelewy a, div#panelewy2 a

{color:#b30a11;
font-size: 15px;
}

#panelewy a:hover, #panelewy2 a:hover

{text-decoration: underline;}

#panelewy .wspprawa

{float: right;}

div#panelprawy{
background-image: url(../images/linia-oddzielajaca.png);
background-repeat: repeat-y;
background-position: 10px left;
float: right;
width: 420px;
height: 120px;
position: relative;
padding-top: 50px;
padding-left: 30px;
	
}

div#panelprawy2{
background-image: url(../images/linia-oddzielajaca2.png);
background-repeat: repeat-y;
background-position: 10px left;
float: right;
position: relative;
height: 350px;
padding-top: 50px;
padding-right: 160px;
padding-left: 30px;
	
}

#panelprawy>p

{line-height: 10px;}

#panelprawy>h3

{line-height: 10px;}

div#panelprawy a.wiadomosc

{
background-image: url(../images/napiszdonas.png);
position: absolute;
top:180px;
right: 280px;
width: 146px;
height: 29px;
text-decoration: none;
text-align: center;
color: white;
font-weight: bold;
padding-top: 10px;}

div#panelprawy a.wiadomosc:hover

{background-image: url(../images/napiszdonas-hover.png);}


div#paneltrzeci a.wiadomosc2

{
background-image: url(../images/napiszdonas.png);
position: absolute;
top:440px;
right: 80px;
width: 146px;
height: 29px;
text-decoration: none;
text-align: center;
color: white;
font-weight: bold;
padding-top: 10px;}

div#paneltrzeci a.wiadomosc3

{
background-image: url(../images/napiszdonas.png);
position: absolute;
top:720px;
right: 80px;
width: 146px;
height: 29px;
text-decoration: none;
text-align: center;
color: white;
font-weight: bold;
padding-top: 10px;}

div#paneltrzeci a.wiadomosc4

{
background-image: url(../images/napiszdonas.png);
position: absolute;
top:510px;
right: 80px;
width: 146px;
height: 29px;
text-decoration: none;
text-align: center;
color: white;
font-weight: bold;
padding-top: 10px;}


div#paneltrzeci a.wiadomosc2:hover, div#paneltrzeci a.wiadomosc3:hover, div#paneltrzeci a.wiadomosc4:hover

{background-image: url(../images/napiszdonas-hover.png);text-decoration: none;}



div#panelprawy .promocje

{background-image: url(../images/najnowse-promocje.png);
position: absolute;
top:180px;
right: 10px;
width: 222px;
height: 29px;
text-decoration: none;
text-align: center;
color: white;
font-weight: bold;
padding-top: 10px;}

div#panelprawy .promocje:hover

{background-image: url(../images/najnowse-promocje-hover.png);
text-decoration: none;}

div#panelpierwszy .promocje2

{background-image: url(../images/najnowse-promocje.png);
position: absolute;
top:440px;
left: 30px;
width: 222px;
height: 29px;
text-decoration: none;
text-align: center;
color: white;
font-weight: bold;
padding-top: 10px;}

div#panelpierwszy .promocje3

{background-image: url(../images/najnowse-promocje.png);
position: absolute;
top:720px;
left: 30px;
width: 222px;
height: 29px;
text-decoration: none;
text-align: center;
color: white;
font-weight: bold;
padding-top: 10px;}

div#panelpierwszy .promocje4

{background-image: url(../images/najnowse-promocje.png);
position: absolute;
top:510px;
left: 30px;
width: 222px;
height: 29px;
text-decoration: none;
text-align: center;
color: white;
font-weight: bold;
padding-top: 10px;}

div#panelpierwszy .promocje2:hover, div#panelpierwszy .promocje3:hover, div#panelpierwszy .promocje4:hover

{background-image: url(../images/najnowse-promocje-hover.png);text-decoration: none;}

div#paneldrugi #przenies2
{
width: 270px;
height: 37px;
background-image: url(../images/przenies-swoje-finanse.png);
position: absolute;
top: 435px;
left:15px;
padding-top: 15px;
text-decoration: none;
text-align: center;
color: white;
font-weight: bold;
z-index: 100;
font-size: 14px;
}

div#paneldrugi #przenies3
{
width: 270px;
height: 37px;
background-image: url(../images/przenies-swoje-finanse.png);
position: absolute;
top: 715px;
left:15px;
padding-top: 15px;
text-decoration: none;
text-align: center;
color: white;
font-weight: bold;
z-index: 100;
font-size: 14px;
}

div#paneldrugi #przenies4
{
width: 270px;
height: 37px;
background-image: url(../images/przenies-swoje-finanse.png);
position: absolute;
top: 505px;
left:15px;
padding-top: 15px;
text-decoration: none;
text-align: center;
color: white;
font-weight: bold;
z-index: 100;
font-size: 14px;
}

div#paneldrugi #przenies2:hover, div#paneldrugi #przenies3:hover, div#paneldrugi #przenies4:hover

{background-image: url(../images/przenies-swoje-finanse-hover.png);text-decoration: none;}


div#menudolne

{float: left; 
clear: both;
width: 100%;
height: 335px; 
background-image: url(../images/oferta.png);
background-repeat: no-repeat;
z-index: 10;
}

div#footer #przenies
{
width: 270px;
height: 37px;
background-image: url(../images/przenies-swoje-finanse.png);
position: absolute;
top: -60px;
left:350px;
padding-top: 15px;
text-decoration: none;
text-align: center;
color: white;
font-weight: bold;
z-index: 100;
font-size: 14px;
}

div#footer #przenies:hover

{background-image: url(../images/przenies-swoje-finanse-hover.png);text-decoration: none;}


div#menudolne2

{overflow:hidden;
position: relative;
float: left;
width: 960px;
height: 200px;
top: 50px;}

div#menudolne2 .finanse

{position: absolute;
left: 20px;
top: 0px;

}

div#menudolne2 .kadry
{position: absolute;
left: 340px;
top: 0px;}

div#menudolne2 .doradztwo

{position: absolute;
left: 660px;
top: 0px;}

div#mapa

{position: relative;
float: left;
height: 350px;
width: 960px;
margin-top: 20px;
margin-bottom: 20px;}

.mapapierwsza

{position: absolute;
left: 0px;
top: 10px;
}

.mapapadruga

{position: absolute;
right: 0px;
top: 10px;
 }

#mapa a.wyswietl1

{position: absolute;
top:320px;
left: 120px;
width: 300px;}

#mapa a.wyswietl2

{position: absolute;
top:320px;
left: 650px;
width: 300px;}

#mapa a.wyswietl1:hover, #mapa a.wyswietl2:hover

{text-decoration: underline;}


div#footer {
clear:both;
width:960px;
height: 91px;
background-image: url(../images/panel-dolny.png);
background-repeat: no-repeat;
position: relative;
}

div#footer a

{color: white;}

div#footer a:hover

{text-decoration:underline;}

#footer p

{color: white;
font-size: 14px;
line-height: 10px;
clear: both;
float: left;


}

div#opole

{position: absolute;
left: 10px;
top: 10px;}

div#krapkowice

{position: absolute;
left: 10px;
top: 10px;}

div#krapkowice2

{position: absolute;
left: 330px;
top: 10px;}


div#winow

{position: absolute;
left: 350px;
top: 10px;}

div#winow2

{position: absolute;
right: 20px;
top: 10px;}


div#polityka

{position: absolute;
right: 20px;
bottom: 5px;
font-size: 14px;}

div#polityka2

{position: absolute;
right: 20px;
bottom: -25px;
font-size: 14px;}

div#polityka a
{color: white;}

div#polityka2 a
{color: black;}

div#polityka a:hover

{text-decoration: underline;}

div#polityka2 a:hover

{text-decoration: underline;}

.exelmedia

{margin-top: 10px;
font-size: 12px;
}

.exelmedia a

{color:#b30a11 ;}

.exelmedia a:hover

{text-decoration: underline;}

.bold

{font-weight: bold;
font-size: 15px;}

/* Easy qTip*/

div#qTip {
	padding: 10px;
	border: 1px solid #666;
	border-right-width: 2px;
	border-bottom-width: 2px;
	display: none;
	background:#e6e6e6 ;
	color:#666666 ;
	font: bold 12px "Lucida Grande", Tahoma, "Trebuchet MS", sans-serif;
	text-align: justify;
	position: absolute;
	z-index: 1000;
	width: 300px;
	text-align: center;
}

/***end of qTip***/

/**Formularz kontaktowy**/




div#contact-form

{position: relative;
height: 100px;
width: 960px;
margin-top: 40px;


}

div#contact-form p

{margin-left: 370px;
font-weight: bold;
font-size: 15px;}



div#contact-form #pytanie

{
background-image: url(../images/napiszdonas.png);
position: absolute;
top:40px;
right: 410px;
width: 146px;
height: 29px;
text-decoration: none;
text-align: center;
color: white;
font-weight: bold;
padding-top: 10px;}

div#contact-form #pytanie:hover

{
background-image: url(../images/napiszdonas-hover.png);}

#flash
{margin-top: 5px;}

#basic-modal-content a.promocjenet

{color:#9a090e;}

#basic-modal-content a.promocjenet:hover

{text-decoration: underline;}

/*tabelea*/

table {
	width: 450px;
	border:1px solid #000000;
	border-spacing: 0px; }
	
table.tabela

{margin: 0 auto;

}

table a, table, tbody, tfoot, tr, th, td {
	font-family: Arial, Helvetica, sans-serif;
}

table caption {
	font-size: 16px;
	text-align: center;
	margin: 20px 0px 0px 0px;
	padding-top: 10px;
	height: 40px;
	color: #4c4c4c;
	border:1px solid #000000;
	width: 450px; }

thead th {
	height: 21px;
	color: white;
	font-size: 0.8em;
	font-family: Arial;
	font-weight: bold;
	padding: 10px 7px;
	margin: 20px 0px 0px;
	text-align: center;
	background: transparent url(../images/tabela.png) repeat 0 0; }

tbody tr {	background: transparent; }

tbody tr.odd {	background: #f0f0f0; }

tbody th {
	padding-left: 40px !important; }

tbody tr.odd th {
	padding-left: 40px !important; }

tbody th, tbody td {
	font-size: 0.8em;
	line-height: 1.4em;
	font-family: Arial, Helvetica, sans-serif;
	color: #4c4c4c;
	padding: 10px 7px;
	border-bottom: 1px solid #800000;
	text-align: center; }

tbody a {
	color: #000000;
	font-weight: bold;
	text-decoration: none; }

tbody a:hover {
	color: #ffffff;
	text-decoration: underline; }

tbody tr:hover th {
	color: #ffffff; }

tbody tr.odd:hover th {
	color: #ffffff; }

tbody tr:hover th a, tr.odd:hover th a	{
		 color: #ffffff; }

tbody tr:hover td, tr:hover td a, tr.odd:hover td, tr.odd:hover td a {
	background: #9a090e;
	color: #ffffff;	 }

tbody tr.odd:hover td, tr.odd:hover td a{
	background: #000000;
	color: #ffffff;	 }

tfoot th, tfoot td {
	font-size: 0.8em;
	color: #4c4c4c;
	height: 21px;
	text-align: center;
	padding: 10px 0px;
	}
	
.grube

{font-weight: bold;}

div#jedenpanel p.praca

{margin-top: 20px;
font-size: 17px;}

div#jedenpanel p span

{color:#b30a11;
font-weight: bold;}

div#jedenpanel p.dopisek

{font-size: 12px;
font-style: italic;}

div#jedenpanel p.pa > a

{color:#b30a11;
padding-left:30px;
padding-top: 5px;
width: 200px;
background:url(../images/pdf-icon.png) no-repeat left center; }