/* CSS Document */

/*start*/

html {
background-image:url(/images/background.jpg);
background-repeat:repeat-y;
background-position:center;
}

body  {
padding:0;
margin:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}


div#container {
width:100%;
height:100%;
}


div#srodek {
height:100%;
width:800px;
padding-left:1px;
_padding-left:0px;
margin:auto;
}


div#naglowek  {
height:101px;
width:800px;
background-image:url(/images/1pxnaglowek.jpg);
background-repeat:repeat-x;
margin:0 0 0 0;
float:left;
_margin-left:1px;

}

div#logo  {
background-image:url(/images/logobiblioteka.jpg);
background-repeat:no-repeat;
height:75px;
width:252px;
margin:0 0 0 100px;
float:left;
}

div#naglowekmenu  {
height:20px;
width:740px;
font-style:normal;
font:Verdana;
background-image:url(/images/naglowekmenukantlogo.jpg);
background-repeat:no-repeat;
float:left;
margin-top:-2px;
padding:0 0 0 60px;}

div#naglowekmenu ul, div#naglowekmenu li, div.ramkamid ul, div.ramkamid li, div#porc ul,div#porc li {
	margin: 1px 0 0 15px;
	padding: 0;
	display: inline;
	list-style-type: none;
	float:left;
}

div#naglowekmenu a:link, div#naglowekmenu a:visited, div.ramkamid a:link,div.porc a:link, div.ramkamid a:visited, div.porc a:visited {
	float: left;
	line-height: 14px;
	font-weight: bold;
	margin: 3px 8px 5px 8px;
	text-decoration: none;
	color:#333;
}

div#naglowekmenu a:link#current, div#naglowekmenu a:visited#current, div#naglowekmenu a:hover  , div#porc a:hover {
	border-bottom: 4px solid #951313;
	padding-bottom: 2px;
	background: transparent;
	color: #951313;
}

div.ramkamid a:link#current, div.ramkamid a:visited#current, div.ramkamid a:hover {
	border-bottom: 3px solid #951313;
	padding-bottom:1px;
	background: transparent;
	color: #951313;
}

div.ramkamid a:link, div.ramkamid a:visited {
	float:left;
	line-height: 14px;
	font-weight: bold;
	margin:0 0 0 0;
	text-decoration: none;
	color:#333;

}

div#naglowekmenu a:hover, div.ramkamid a:hover {
color: #8F2525;

}


div.ramkamid ul, div.ramkamid li {
	margin: 1px 0 2px 25px;
	padding: 1px;
	display: inline;
	list-style-type: none;
	float:left;
}



div.linia  {
background-image:url(/images/linia.jpg);
background-repeat:no-repeat;
height:2px;
width:550px;
float:left;
margin-top:30px;
_margin-left:1px;

}


div.ramkasrodekgradient  {
width:600px;
height:100%;
margin:42px 0 0 100px;
float:left;
_margin-left:50px;
_margin-top:35px;


}

div.ramkagradient  {
background-image:url(/images/ramkagradient.jpg);
height:1px;
width:600px;
background-repeat:no-repeat;
float:left;
/*margin-bottom:1px;*/

}

div.ramkagradientmid {
background-image:url(/images/ramkagradientmid.jpg);
background-repeat:repeat-y;
width:600px;
padding:15px 15px 15px 15px;
float:left;

}

div.ramkagradientmid a {
text-decoration:none;

}



tr.ramkagradientmid  {
background-image:url(/images/ramkagradientmid.jpg);
background-repeat:repeat-y;
width:600px;
height:20px;
float:left;
margin-left:-1px;
_margin-left:-2px;
border-style:none;
padding-left:3px;
margin-top:1px;


}

td.ramkagradientmid  {
height:20px;
color:#A4A4A4;
font-weight:bold;

}

div.ramkagradientmid p {
	clear: left;
line-height:17px;
text-indent:20px;



}

 h1  {
font-size:18px;
font-family:verdana;
text-align:left;
float:left;

}


div.ramka  {
width:570px;
height:100%;
margin:42px 0 0 100px;
float:left;
_margin-left:50px;
_margin-top:35px;


}

div.ramkaborder  {
background-color:#A4A4A4;
background-repeat:repeat-x;
height:1px;
width:600px;
float:left;
_margin:-8px 0 -5px 0;



}

div.ramkamid  {
background-image:url(/images/ramkamid.jpg);
background-repeat:repeat-y;
width:570px;
height:50px;
padding:15px 15px 15px 15px;
float:left;


}

div#buttony  {
height:24px;
width:800px;
float:left;
margin-top:23px;

}

div#wyszukiwarka  {
width:800px;
height:100%;
float:left;
margin-top:42px;


}

input.szukaj  {
background: transparent url(/images/szukaj.jpg) no-repeat;
border-style:none;
width:57px;
height:20px;
float:left;
margin-left:360px;
margin-top:10px;

}

div.wyszukiwarkawnetrze  {
width:800px;
float:left;
margin-top:20px;}

img#schowek  {
border-style:none;
margin-bottom:31px;
margin-right:0px;
height:39px;
width:58px;
}

img#konto  {
border-style:none;
margin-bottom:28px;
margin-right:10px;
height:42px;
width:33px;
}


img#inst  {
border-style:none;
margin-bottom:29px;
margin-right:10px;
}

img#logoNaglowek{
	margin-right:250px;
}

img#zaloguj  {
border-style:none;
margin-bottom:28px;
margin-top:2px;
height:42px;
width:54px;
}

img#faq {
border-style:none;
height:52px;
margin-bottom:22px;
margin-right:0;
width:47px;
}

div#nawigacja{
margin-top:10px;
margin-left:21px;
float:left;
text-align:left;
width:388px;
}

div#nawigacja2{
float:right;
text-align:right;
width:120px;
margin-right:41px;
margin-top:10px;
color:#333;
}

div#nawigacja a:link, div#nawigacja a:visited {
	font-weight: bold;
	text-decoration: none;
	color:#333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

.dostep   {
border-style:none;


}


div.ramkaszczegoly  {
width:600px;
height:100%;
margin-top:42px;
margin-left:100px;
float:left;
}


tr.szczegolytr  {
height:20px;
width:600px;
border-style:none;
background-image:url(/images/ramkagradientmid.jpg);
background-repeat:repeat-y;
}
td.szczegolytd  {
padding-left:3px;
}


a.noborder, img.noborder  {

border-style:none;

}

td.voluminy  {
width:25px;
height:20px;
text-align:center;
}
div.buttoncontainer   {
float:left;
width:800px;
height:100%;
margin-top:42px;

}


dt{
margin-top: 15px;
font-style: italic;
font-weight: bold;
}

/*------------------------------------
	logowanie
-----------------------------------*/

p.blad{
	margin:3px 0 0 0;
	padding:0;
	color:#CC0000;
	text-align:center;
}


div#logowanie, 
div#przypominacz{
	height:126px;
	background:url(../images/logowanieTlo.gif) repeat-x;
	clear:both;
	_margin-left:2px;
	margin-top:50px;
	border-top:1px solid;
	border-bottom:1px solid;}

div#logowanie span.login{
	margin-left:70px;
} 
div#przypominacz span.login{
	margin-left:60px;}

div#logowanie span.studia{
	margin-left:98px;
} 
div#przypominacz span.pesel{
	margin-left:70px;}


div#logowanie{
	border-color:#F5DDE2;}

div#przypominacz{
	border-color:#FDE5D6;}

div#logowanie div.info, 
div#przypominacz div.info{
	width:295px;
	height:120px;
	float:left;}

div#logowanie div.info p, 
div#przypominacz div.info p{
	font-size:11px;
	color:#5C5C5C;
	margin:0;
	padding:10px 0 6px 15px;}

div#logowanie div.info p.info, 
div#przypominacz div.info p.info{
	font-style:italic;
	text-align:justify;
	padding:0 100px 0 15px;}

div#logowanie div.info p.info {
	color:#B50F35;}

div#przypominacz div.info p.info{
	color:#C34B00;}
	
	
div#logowanie div.form, 
div#przypominacz div.form{
	float:left;
	width:450px;
	height:120px;}
	
div#logowanie div.form p, 
div#przypominacz div.form p{
	margin:0;
	padding:10px 0 4px 0;
	font-size:10px;}

	
div#logowanie div.form p{
	color:#B41035;}

div#przypominacz div.form p{
	color:#F3630A;}

div#logowanie form, div#przypominacz form{
	margin:0;
	padding:0;}

div#logowanie form input.text, 
div#logowanie form select.text,
div#przypominacz form input.text{
	margin:0;
	padding:3px 0 0 2px;
	width:166px;
	height:18px;
	font-size:11px;}
	
div#logowanie form input.text,
div#logowanie form select.text{
	border:1px solid #B41035;}	

div#logowanie form select.text{
	width:100px;
	height:18px;
	padding:0;}
	
div#logowanie form input.submit{
	background:transparent url(../images/zalogujForm.gif) no-repeat bottom;
	width:60px;
	height:17px;
	border:none;
	cursor:pointer;
	margin:0 0 0 5px;}

div#przypominacz form input.submit{
	background:transparent url(../images/wyswietlHaslo.gif) no-repeat bottom;
	width:108px;
	height:17px;
	border:none;
	cursor:pointer;
	margin:0 0 0 5px;}

div#przypominacz div#wyswietlone{
	width:194px;
	height:62px;
	color:#5C5C5C;
	margin:35px 0 0 0;
	line-height:20px;
	font-style:italic;
}

div#przypominacz div#wyswietlone span{
	color:#FF6600;
	font-weight:bold;
	font-style:normal;
}

div#przypominacz form input.text{
	border:1px solid #F3630A;}

/*--------------------------------
	koniec logowania
  --------------------------------*/

/*---------------------------------
	Konto
-----------------------------------*/


div#konto {
	background-image:url(../images/kontoBgY.gif);
	background-repeat:repeat-x;
	background-color:#FCFCFC;
	float:left;
	_margin-left:2px;
}

div#konto div#menuKonta {
	float:left;
	width:780px;
	height:40px;
	padding:10px 0 0 18px;
}

div#konto div#menuKonta img{
	border:none;
	margin-right:10px;
}

div#konto h1{
	background:url(../images/naglowekMojeKonto.gif) no-repeat;
	height:13px;
	width:600px;
	margin:26px 0 10px 18px;
}


div#konto p{
	clear:both;
	font-style:italic;
	color:#DE6F2A;
	padding:0 0 0 18px;
	font-size:11px;
	width:700px;
	margin:0 0 0 0;
}

div#konto p.last{
	height:5px;
	background-image:url(../images/kontoOstatniaLinia.gif);
	background-repeat:repeat-x;
	width:600px;
	background-position:bottom;
}

div#konto table{
	margin:10px 0 0 15px;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid  #CCCCCC;
}

div#konto th{
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	text-align:left;
	font-size:11px;
	padding:3px 3px 3px 3px;
}

div#konto td{
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	text-align:left;
}








/*---------------------------------
	koniec Konto
-----------------------------------*/





/*-------------------------------
    Mod
---------------------------------*/

div#wyszBibProMod h3{
text-align:center;
color:red;
width:800px;
clear:both;
float:left;

}




/*-------------------------------
    Koniec Mod
---------------------------------*/


#regulamin li {
margin-top:10px;
}

#regulamin2 li {
margin-top:10px;
}
#regulamin3 li {
margin-top:10px;
}
#regulamin4 li {
margin-top:10px;
}
#regulamin5 li {
margin-top:10px;
}
