@import url("reset.css");

html {
   height: 100%;
}

body {
	color:#333;
	height: 100%;
	font: 11px/16px Verdana, sans-serif;
}

div#container {
   height: auto !important;
   height: 100%;
   min-height: 100%;
}

#padding {
	padding: 0 0 300px 0;
}

ol {
	margin-left:30px;
	list-style-type:decimal;
}

a {
	color:#333;
	text-decoration:none;
}


a:hover {
	text-decoration:underline;
}

#head {
	height:100px;
	background-color:#b31816;
	margin-bottom:40px;
	border-bottom:3px solid #f2b5bc;
}

#head_box {
	height:100px;
	margin:0 auto;
	width:840px;
}

#napis {
	position:relative;
	top:44px;
	width:400px;
	float:left;
}

#napis h3{
	color:#FFF;
	padding-bottom:12px;
	font:28px/18px Verdana, sans-serif, normal;
}

#napis p{
	color:#FFF;
	padding-bottom:12px;
	font:12px/18px Verdana, sans-serif;
	font-weight:bold;
}

#link {
	width:200px;
	text-align:center;
	margin-left:640px;
	position:relative;
	top:10px;
	padding-bottom:3px;
	background:url(/pliki/powiatczluchowski-epowiat/design/dot3.gif) bottom repeat-x;
}

#link a{
	color:#FFF;
	text-decoration:none;
}

.box {
	width:840px;
	height:200px;
	margin:0 auto;
}

.box img {
	float:left;
	padding-right:5px;
}

.box h4{
	color:#b41f21;
	font-size:12px;
	font-weight:normal;
	font-family:"Courier New", Courier, monospace;
	padding-bottom:36px;
}

.box_l_g {
	width:188px;
	height:180px;
	float:left;
	padding:10px;
	background:url(/pliki/powiatczluchowski-epowiat/design/dot2.gif) right repeat-y;
}

.box_s_g {
	width:188px;
	height:180px;
	float:left;
	padding:10px;
	background:url(/pliki/powiatczluchowski-epowiat/design/dot2.gif) right repeat-y;
}

.box_p_g {
	width:188px;
	height:180px;
	float:left;
	padding:10px
}

#dot {
	width:840px;
	height:1px;
	margin:10px auto;
	clear:both;

}

.dot {
	width:188px;
	height:1px;
	float:left;
	margin:0 10px;
	background:url(/pliki/powiatczluchowski-epowiat/design/dot3.gif) bottom repeat-x;
}

#footer {
	width: 100%;
	height: 200px;
	margin: -201px 0 0 0;
	background-color: #f5f0e8;
	border-top: 1px solid #dfdad3;
}

#footer_box {
	width: 840px;
	height: 200px;
	margin: 0 auto;
}

#stopka{
	clear:both;
	padding-top:6px;
	height:20px;
	background:url(/pliki/powiatczluchowski-epowiat/design/dot3.gif) top repeat-x;
}

#stopka a{
	color:#777;
	text-decoration:none;
}

/* --- adresy jednostek --- */

div.scrollable { 
    position:relative; 
    overflow:hidden;          
    width: 760px;     
    height:170px;  
	margin:0 auto;
} 

div.scrollable div.items {	
	width:20000em;	
	position:absolute;
	clear:both;		
}

div.scrollable div.items div {
	width:170px;
	margin:20px 20px 0 0;
	float:left;
	background:#f3f2e9 url(/pliki/powiatczluchowski-epowiat/design/dot1.gif) right repeat-y;
}


div.scrollable div.items div h4{
	color:#b41f21;
	font-size:12px;
	font-weight:normal;
	font-family:"Courier New", Courier, monospace;
	padding-bottom:12px;
}

/* --- adresy jednostek navi --- */

div.scrollable {
	float:left;		
}

a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	width:18px;
	height:18px;
	background:url(/pliki/powiatczluchowski-epowiat/design/left.png) no-repeat;
	float:left;
	margin:66px 10px;
	cursor:pointer;
}

a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -18px;		
}

a.disabled {
	visibility:hidden !important;		
}

a.next, a.nextPage {
	background-image:url(/pliki/powiatczluchowski-epowiat/design/right.png);
	clear:right;	
}

div.navi {
	width:40px;
	height:20px;
	margin:0 auto;
}


div.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(/pliki/powiatczluchowski-epowiat/design/navigator.png) 0 0 no-repeat;     
	cursor:pointer;	
}

div.navi a:hover {
	background-position:0 -8px;      
}

div.navi a.active {
	background-position:0 -16px;     
}