/*CSS dla gminy strawczyn, realizacja multivo sp.z o.o. by audioslave84*/

html{}

body {
filter: gray;
margin: 0;
color: #fff; /*kolor czcionki tytułu dolnych modułów, tu np "Najnowsze artykuły"*/
font-family: Tahoma, Verdana, Arial, Sans;
font-size: 11px;
background: transparent url(../images/main.jpg) top left repeat;
line-height: 130%;
}

h1{font-size: 14px; font-weight: bold; margin: 5px 0px; padding: 0;}
h2{font-size: 13px; font-weight: bold; margin: 4px 0px; padding: 0;}
h3{font-size: 12px; font-weight: bold; margin: 4px 0px; padding: 0;}

hr {
	border: 0;
	width: 100%;
	color: black;
	/* color: #E64500; */
	background-color: black; /* #f00; */
	height: 2px;
}

#tabela {
   border: 1px solid black;
   border-collapse: collapse;
}

#tabela td {
   border: 1px solid black;
   padding: 5px;
}

.abs{
position:absolute;
top: 0;
left: 0;
width: 100%;
height: 640px;
background: transparent url(../images/abs.jpg) top left repeat;
z-index:0;
}

.container{
width: 945px;
margin:0 auto;	
}

#top{
position:relative;
width: 945px;
height: 252px;
z-index:2;
}

#main{
position:relative;
}

#menu{
overflow: hidden;
width: 942px;
height: 31px;
background: transparent url(../images/menu.jpg) top left repeat-x;
margin-bottom: 10px;
}

#column-left{
position:relative;
width: 167px;
/*padding:0px 13px;*/
padding:0px 13px;
}

#column-main{
position:relative;
width: 499px;
padding: 0px 5px;
overflow: hidden;
font-size: 12px;

}

#column-right{
position:relative;
width: 227px;
padding:0px 8px;
}

#bottom{
width: 100%;
margin-top:5px;
position:relative;
background: #3c372e url(../images/bottom.jpg) top left repeat-x;
}


/* =================== SEARCH STYLE ===================*/


#search{
margin-left:8px;
font-size: 12px;
padding: 4px 0px 0px 7px;
width: 220px;
height: 53px;
background: transparent url(../images/search.png) top left no-repeat;
}

#search .inputbox{
border: none;
width:136px;
height:23px;
margin-top:7px;
display:block;
float:left;
padding: 4px 5px 0px 5px;;
color: #000;
background: transparent url(../images/input.png) top left no-repeat;
}

#search .button{
background: transparent url(../images/search_button.png) 0px 2px repeat-x;
border: none;
width:52px;
height:25px;
cursor: pointer;
outline:none;
font-size:12px;
display:block;
float:left;
margin-top:4px;
margin-left: 4px;
color:#fff;
font-family: Tahoma, Verdana, Arial, Sans;
padding: 8px;

}

/* ======================================================*/



/* =================== MENU STYLE ===================*/

#menu ul{
 list-style: none;
 margin: 0px;
 padding: 0px;
 width: 100%;
float: left;
font-size: 13px;
padding-top: 1px;
height: 30px;
}

#menu ul li {
vertical-align: middle;
display: block;
float: left;
overflow:hidden;
margin:0px;
list-style-type: none;
width: auto;
border-right: 1px solid #2e3028;
}

#menu a{
display: block;
padding: 7px 10px 0px 10px;
width: auto;
height: 23px;
color: #fff;
border-bottom: 1px dotted #000;
text-decoration: none;
}

#menu a:hover{
color: #c0a119;
text-decoration: underline;
background: transparent url(../images/active.jpg) top right repeat-x;
}

#menu .active{
background: transparent url(../images/active.jpg) top right repeat-x;
}

/* ======================================================*/






/* =================== SUBMENU STYLE ===================*/

.submenu{
margin: 5px 0px;
}

.submenu ul,
.submenu ul ul 
.submenu ul ul ul{
 list-style: none;
 margin: 4px 0px;
 padding: 0px;
}

.submenu ul {
width: 160px;
float: left;
}

.submenu ul li {
vertical-align: middle;
display: block;
float: left;
margin:0px;
list-style-type: none;
width: 100%;
padding: 0px;
}

.submenu a{
text-decoration: none;
display: block;
padding: 3px 0px 3px 10px;
background: transparent url(../images/arrow.png) left center no-repeat;
color: #000000;
border-bottom: 1px dotted #000;
}

.submenu a:hover{
color: #c0a119;
text-decoration: underline;
}

.submenu ul ul {
width: 157px;
margin-left: 10px;
}

.submenu li.active a{
color: #c0a119;
}

.submenu ul ul ul{
width: 137px;
margin-left: 10px;
}	

/* ======================================================*/




/* ============  LEFT COLUMN MODULES ===========================*/

.frame-left{
width: 170px;
color: #717171;
margin: 5px 0px;
}

.frame-left h1{color: #000;}

.frame-left-top{
background: transparent url(../images/frame-left-top.png) top left no-repeat;
width: 100%;
height:7px;
}

.frame-left-main{
width: 159px;
padding: 0px 8px 0px 5px;
background: transparent url(../images/frame-left-main.png) top left repeat-y;
}

.frame-left-bottom{
width: 100%;
background: transparent url(../images/frame-left-bottom.png) top left no-repeat;
height:10px;
}


.left-column-module{
color: #000;
width: 165px;
margin: 5px 0px;
}
/* ======================================================*/


/* ============  RIGHT COLUMN MODULES ===========================*/

.newsletter{
font-size: 12px;
font-weight: bold;
}

.newsletter input[type=text]{
border: none;
width:136px;
height:23px;
display:block;
float:left;
padding: 6px 5px 0px 5px;;
color: #000;
background: transparent url(../images/input.png) top left no-repeat;
}

.right-column-module{
color: #fff;
width: 227px;
margin: 10px 0px;
}

.right-column-frame{
color: #fff;
padding: 5px;
width: 215px;
margin-left:8px;
/*margin: 10px 0px;*/
background: transparent url(../images/right-background.jpg) top left repeat;
border: 1px solid #928d81;
}

.right-column-noframe{
color: #fff;
padding: 5px;
width: 215px;
margin: 10px 0px;
}

.lupa{
background: transparent url(../images/lupa.jpg) top right no-repeat;
height: 26px;
display:block;
float: right;
padding-top: 8px;
padding-right: 39px;
color: #fff;
font-size:11px;
font-weight: bold;
}

.dodaj{
background: transparent url(../images/plus.jpg) top right no-repeat;
height: 26px;
display:block;
float: right;
padding-top: 8px;
padding-right: 39px;
color: #fff;
font-size:11px;
font-weight: bold;
}
/* ======================================================*/

/*==========kolumna glowna===============================*/

.ramka-srodek{
width: 499px;
color: #717171;
margin: 5px;
}

.ramka-srodek-gora{
background: transparent url(../images/ramka/gora.png) top left no-repeat;
width: 499px;
height: 20px;
}

.ramka-srodek-srodek{
/*padding: 5px 5px 5px 5px;*/
background: transparent url(../images/ramka/srodek.png) top left repeat-y;
width: 499px;
}

.ramka-srodek-dol{
background: transparent url(../images/ramka/dol.png) top left no-repeat;
width: 499px;
height: 20px;
}



/*======================================================*/


/* =================== BOTTOM OF THE PAGE ===================*/
#footer{
text-align: center;
width: 100%;
height: 29px;
background: transparent url(../images/herb-maly.png) 40px top no-repeat;
padding-top: 10px;
border-top: 1px solid #757165;
}

#bottom-links{
margin-left: 30px;
margin-bottom: 5px;
}

.bottom-link-box{
width: 205px;
margin: 0px 10px;
}

.bottom-link-box ul {
margin:0px;
margin-top: 5px;
padding: 0px;
width: 205px;
float: left;
}

.bottom-link-box ul li {
vertical-align: middle;
display: block;
float: left;
margin:0px;
list-style-type: none;
width: 100%;
padding: 0px;
}

.bottom-link-box a{
text-decoration:none;
float: left;
display: block;
padding: 3px 0px 3px 10px;
background: transparent url(../images/beige-arrow.jpg) left center no-repeat;
color: #FFFFFF;
}

.bottom-link-box a:hover{
color: #a59a6c;
text-decoration: underline;
}

/* ======================================================*/

/*===============linki====================================*/

/*a:link   {
	color: #E64500;
}
*/
/*=======================================================*/

/* ============  BREADCRUMBS ===========================*/

#breadcrumbs {
width: 905px;
height:15px;
padding:0px 20px;
font-size: 12px;
color: grey;
position: absolute;
top: 229px;
left: 0;
z-index: 3;

}

#breadcrumbs a{
color: #fff;
}



/* ======================================================*/




/* ================= ARTICLE =======================*/


.sectiontableentry2{padding:2px;}

.sectiontableentry1{padding:2px;}

/*sposób wyświetlania artykułów*/
table.contentpaneopen {
  color: #000;
  line-height: 150%;
}


/*nazwa autora artykułu*/
.small {
font-size: 10px;
color: #879DA5;
text-decoration: none;
font-weight: normal;
}

/*data stworzenia artykułu*/
.createdate, .modifydate {
font-size: 10px;
}

/*nagłówek artykułu*/
.componentheading , .contentheading {
font-family: Trebuchet MS, Arial;
font-size: 20px;
font-weight: normal;
color: black;
/*color: #E64500;*/
/*width: 0px;
height: 0px; 
overflow: hidden;*/
}

/*sposób wyświetlania newsow*/
.blog div{
font-family: Trebuchet MS, Arial;
color: #000;
text-align: justify;
margin-top: 10px;
width: 100%;
}


.readon{
text-align: right;	
display:block;
float:left;
background: #3c372e; /*belka z napisem wiecej*/
width:99%;
height:16px;
padding-top: 2px;
padding-right: 5px;
color: #fff;
font-weight:bold;
border: 1px solid #736b5a;
margin-top: 5px;
}

img{border:none; margin: 5px;}

/* ======================================================*/

a{outline: none; text-decoration: underline; color: #6a3700;}
a:hover{ text-decoration: none;}

.left{float: left;}
.right{float: right;}
.center {text-align: center;}