/* CSS Document */

html {
	height: 100%;
}

body {
	height: 100%;
background-image: url();
background-color:#fff;
color:#fff;
}

.body_style
{
	text-align:center;
	margin:0;
	padding:0;

}

tr,td,div,p
{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
text-align: justify;
}
div#maglogo {
position:absolute;
left:0px;
top:0px;
z-index:1;
}
/****************************layout stuff**********************************************/
div#wrapper
{
	width:900px;
	margin:0 auto;
	text-align:left;
background-color:#fff;
border-left:2px solid #FFFFFF;
border-right:2px solid #FFFFFF;
background-image: url();
background-repeat: no-repeat;
position:relative;

}


div#top_outline
{
	width:900px;
	height:140px;
	background-image: none;
	background-repeat: none;
	}


div#topmenu
{
	padding-top:5px;
display:block;

}

div#logo
{
	float:left;
}

div#banner
{
	float:right;
	margin:40px 40px 10px 10px;
	padding:0px 0px 0px 0px;
}

div#topmenu_outline
{
	
	padding: 5px 15px;
}


div#footer_outline
{
	width:900;
	height:auto;
	margin-left: auto;
margin-right: auto;
	margin-top:10px;
	text-align:center;

bottom:10px;
}


div#footer
{

        color:#000;
        	
	width: 850px;
	text-align:center;
		  margin-top: 10px;
margin-left: auto;
margin-right: auto;


}
div#footer .inputbox
{
	border:0px solid #cccccc;
background:#E7F2A4;
	padding:2px;
	font-size:11px;
}
#footer a:link,#footer a:visited
{
        color:#000;
        text-decoration:none;
}

#footer a:hover
{
        text-decoration:underline;
}

div#green_outline
{
	width:900px;
	margin: 5px 0px 0px 0px;
}


div#green_background
{

}

div#green_t_l
{
	/*background:url(../images/l_t_green.gif) 0 0 no-repeat;*/
}

div#green_t_r
{
	/*background:url(../images/r_t_green.gif) 100% 0 no-repeat;*/
}

div#green_b_l
{
	/*background:url(../images/l_b_green.gif) 0 100% no-repeat;*/
}

div#green_b_r
{
	/*background:url(../images/r_b_green.gif) 100% 100% no-repeat;*/
}

div#green_content
{
	/*padding:10px 15px 10px 15px;*/

}

div#green_modules
{
	padding:10px 15px 10px 15px;

}

div#green_modules ul
{
	
	padding:0;
	list-style:none;
margin-top:20px;
}

div#green_modules ul li
{
	padding-left:4px;
	background:none;

}

div#green_modules .inputbox
{
	border:0px solid #FFFFFF;
	padding:2px;
	font-size:11px;
}

div#green_modules .button
{
	border:1px solid #FFFFFF;
	color:#80662e;
	font-size:11px;
	background:url(../images/button_background.jpg) repeat-x;
	height:20px;
}


/****************styles for module user1*************/
div#green_user1
{

background:url() 0 0 no-repeat;
	width:600px;
	float:left;
	display:inline;
margin-top:50px;
margin-left:300px;
}
div#green_user1 a,div#user1 a:visited
{
	color: #5a3d80;
	font-size:15px;
	text-decoration:none;
padding:3px;
margin-right:10px;
}

div#green_user1 a:hover
{
	color:#fff;
	text-decoration:none;
background-color:   #5a3d80;
}

div#green_user1 table.moduletable
{
	width:100%;
	margin-top:0px;
	padding:0;
}

div#green_user1 table.moduletable th
{
	text-align:center;
	color:#00;
	text-transform:uppercase;
	font-size:12px;
	margin-top:0px;
margin-bottom:10px;
	font-weight:normal;

}

div#green_user1 table.moduletable td
{

	color:#80662e;
	font-size:11px;
}


/****************styles for module user2*************/
div#green_user2
{
background:url() 0 0 no-repeat;
	width:205px;
	float:left;
	display:inline;
	margin-right:15px;
}

div#green_user2 table.moduletable
{
	width:100%;
	margin-top:10px;
	padding:0;
}

div#green_user2 table.moduletable th
{
	text-align:center;
	color:#00;
	text-transform:uppercase;
	font-size:12px;
	margin-top:10px;
	font-weight:normal;

}
div#green_user2 table.moduletable td
{
	color:#80662e;
	font-size:11px;
}


/****************styles for module user3*************/
div#green_user3
{
	width:205px;
	float:left;
	background:url() 0 0 no-repeat;
	margin-right:15px;
}

div#green_user3 table.moduletable
{

	width:100%;

	margin-top:10px;
	padding:0;
}

div#green_user3 table.moduletable th
{
	text-align:center;
	color:#00;
	text-transform:uppercase;
	font-size:12px;
	margin-top:10px;
	font-weight:normal;

}

div#green_user3 table.moduletable td































{
	color:#80662e;
	font-size:11px;

}


/****************styles for module user4*************/
div#green_user4
{
background:url() 0 0 no-repeat;
	width:205px;
	float:left;
	display:inline;
}

div#green_user4 table.moduletable
{
	width:100%;
	margin-top:10px;
	padding:0;
}

div#green_user4 table.moduletable th
{
	text-align:center;
	color:#00;
	text-transform:uppercase;
	font-size:12px;
	margin-top:10px;
	font-weight:normal;

}

div#green_user4 table.moduletable td
{
margin-top:10px;
	color:#80662e;
	font-size:11px;
}


/**************pathway style*******************************************************************/

div#pathway_outline
{
	width:auto;
	height:20px;
	margin-top:0px;
	margin-bottom:0px;
margin-left:0px;
background-color:   #E8E8E8;
}

div#pathway
{
	margin-left:10px;
float: left;
}

div#usermenu
{
margin-right:30px;
float:right;
}
div#usermenu .inputbox
{
	border: 1px solid #666666;
color:#666666;
background-color:   #E8E8E8;
	padding:0px;
	font-size:10px;
width:100px;
}
div#usermenu .button
{
	border:0px solid #595959;
	color:#000;
	font-size:10px;
background-color:   #E8E8E8;
padding: 0px;
}
div#usermenu .button:hover
{
	border:0px solid #595959;
	color:#000;
	font-size:10px;
background-color:#CDE09F;
padding: 0px;
}
div#pathway span.pathway
{
	font-size:10px;
letter-spacing: 1px;
	color:#666666;
}
div#usermenu a:link,div#usermenu a:visited
{
	color: #666666;
	font-size:10px;
	text-decoration:none;

}

div#usermenu a:hover
{
	color:#669900;
	text-decoration:underline;
}

span.pathway a:link,span.pathway a:visited
{
	color: #666666;
	font-size:10px;
	text-decoration:none;

}

span.pathway a:hover
{
	color:#669900;
	text-decoration:underline;
}


span.pathway img {
	margin: 0px 2px;
}

/******************main outline**************************************/

div#main
{
	position:relative;
margin-top:150px;
width:auto;
}


/******************left_outline**************************/
div#left_outline
{
	float:left;
	display:inline;
	width:300px;
	margin:0px 10px 0px 0px;
	padding:0;

}

div#left
{
}

div#left div.module
{
	margin-bottom: 2px;
}

div#left div.module div
{
}

div#left div.module div div
{

}

div#left div.module div div div
{
	background: transparent;
	padding-bottom: 1px;
}

div#left div.module div div div div
{
	padding: 0px;
	margin: 0px;
}

div#left div.module td
{
	
	padding:0;
	margin:0;
}

div#left div.module h3 {
	font-weight: lighter;
font-size: 30px;
letter-spacing: 10px;
width: 100%;
color:#7F6B8F;
background-color:  #fff;
padding:0px;
margin-bottom:0px;
margin-top:0px;
text-transform: uppercase;
}

div#left a.mainlevel:link,div#left a.mainlevel:visited
{
	color:#000;
	
	padding-left:19px;
	line-height:19px;
	background:url(../images/mainlevel.gif) no-repeat;
	background-position:0px 0px;
	text-decoration:none;
}

div#left a.mainlevel:hover
{
	color:#669900;
	text-decoration:underline;
}

div#left a:link,div#left a:visited
{
	font-weight: lighter;
font-size: 13px;
letter-spacing: 8px;
width: 100%;
color:#7F6B8F;
background-color:  #fff;
padding:0px;
margin-bottom:0px;
margin-top:0px;
text-transform: uppercase;
text-decoration:none;
}

div#left a:hover
{
color:#7F6B8F;;
background-color:  #fff;
	text-decoration: none;

}

div#left ul
{
	margin:0;
	padding:0;
}

div#left ul li
{
	padding:0px;
background:url();
	background-color: #fff;
margin-bottom:2px;
margin-left:0px;
border-left:2px solid #fff;
}

div#left ul li:hover
{
	padding:0px;
background:url();
	background-color: #fff;
margin-bottom:2px;
list-style:none;
border-left:2px solid #7F6B8F;
}

div#left .button
{
	border:1px solid #cccccc;
	color:#666666;
	font-size:11px;
	height:20px;
	background:transparent;
}
div#left .inputbox
{
	border:0px;
background:url(/images/trafri_styl/wyszukaj.gif) no-repeat;
	Letter-spacing:2px;
font-weight: bold;
	font-size:15px;
height: 20px;
width: 180px;
text-align:center;
text-transform:uppercase;
}
/******************middle outline**************************/
div#middle_outline
{
background-color:#7F6B8F;
	width:570px;
	float:left;
	display:inline;
	padding:0;
	margin:0px;





}



div#middle_outline_wide
{
	width:560px;
	/*width:610px;*/
	float:left;
	display:inline;
}

div#middle
{
margin:3px;
}

div#middle_wide
{
	margin:0px 0px 0px 0px;
}


/******************right_outline**************************/
div#right_outline
{

	float:right;
	display:inline;
	width:0px;
	padding:0;
	margin:0px 0px 0px 5px;
background-color:#E7F2A4;

}
div#right_t
{
	background:url(http://www.trafri.net/images/trafri_styl/boczne-t.jpg) top no-repeat;
z-index: 2;
width:180px;

































height:30px
}

div#right_b
{
margin-top:0px;
background:url(http://www.trafri.net/images/trafri_styl/boczne-b.jpg) bottom no-repeat;
z-index: 2;
width:180px;
height:30px;
}

div#right
{
margin-left:5px;
margin-right:5px;

}

div#right div.module
{

	margin-bottom: 0px;
}


div#right div.module div
{

}

div#right div.module div div
{

}

div#right div.module div div div
{
	background: transparent;
	padding-bottom: 10px;
	font-size: 11px;
}

div#right div.module div div div div
{
	padding: 0px;
	margin: 0px;
}

div#right div.module td
{
	font-size: 11px;
	padding:0;
	margin:0;
}

div#right div.module h3 {
	font-size: 16px;
	font-weight: bold;
	color:#9CB600;
	margin: 0px;
	padding: 0px;

	text-transform:uppercase;
	text-align:right;

}

div#right a.mainlevel:link,div#right a.mainlevel:visited
{
	color:#666666;
	font-size:12px;
	padding-left:19px;
	line-height:19px;
	background:url(../images/mainlevel.gif) no-repeat;
	background-position:0px 0px;
	text-decoration:none;
}

div#right a.mainlevel:hover
{
	color:#669900;
	text-decoration:underline;
}

div#right a:link,div#right a:visited
{
	color:#666666;
	text-decoration: none;
}

div#right a:hover
{
	color:#333333;
	text-decoration: underline;
}

div#right ul
{
	margin:0;
	padding:0;
	list-style:none;
}

div#right ul li
{
	text-indent:10px;
padding:0px 0px 0px 10px;
	background:url(http://www.trafri.net/grafika/strzalka.gif) no-repeat;
	background-position:0px 5px;
}

div#right .inputbox
{
	border:1px solid #E7F2A4;
	padding:2px;
	font-size:11px;
background:#E7F2A4;
}

div#right .button
{
	border:1px solid #E7F2A4;
	color:#666666;
	font-size:11px;
	height:20px;
	background:#E7F2A4;
}


/************************custom stuff***********************/
/************************** custom joomla stuff headers,titles,blogs ********************************/
a:link,a:visited
{
	color:#fff;
	text-decoration:underline;
}

a:hover
{
	color:#fff;
	text-decoration:none;
}

ul {
margin: 0px;
padding: 0px;
list-style:none;
}

ul li{
padding: 0px;
margin: 0px;
padding-left: 30px;
background:url(http://www.trafri.net/images/strzalka-magazyn.jpg) no-repeat;
background-position:0px 5px;
text-indent:15px;
}

.mosimage {
  border: 1px solid #595959;
  margin: 5px
}

.mosimage_caption {
  margin-top: 2px;
  background:#595959;
  padding: 1px 2px;
  color: #FFFFFF;
  font-size: 11px;
  border-top: 1px solid #595959;
}

hr {
width:  100%; 
 }
hr.separator {
width:  40%;

 }
a.pnav {
}
.pnav:hover {
}
.small {
font-size: 11px;
color: #ABABAB;
line-height: 0.7;
}
.smalldark {
font-size: 11px;
color: #999999;
line-height: 10px;
text-align: left;
}

.sectiontableentry1 {
text-align: left;
font-size: 11px;
padding: 2px;
}
.sectiontableentry2 {
font-size: 11px;
text-align: left;
padding: 2px;
}
.button
{
	border:0px solid #595959;
	color:#000;
	font-size:11px;
background-color:#E3EBD1;
padding: 5px;
}
.button:hover
{
	border:0px solid #595959;
	color:#000;
	font-size:11px;
background-color:#CDE09F;
padding: 5px;
}
.inputbox {
border: 1px solid #7F6B8F;
color: #000;
background: #fff;
width:200px

}
.submit
{
color: #000;
background: #ffa20f;
border: 2px outset #d7b9c9
} 
.submit:hover
{
color: #000;
background: #CDE09F;
border: 2px outset #d7b9c9
} 
.createdate {
font-size: 11px;
color: #595959;
height: 10px;
}
.modifydate {
font-size: 11px;
color: #9CB600;
height: 20px;
line-height: 20px;
margin-bottom: 5px;
}
a.readon {
color:#80662E;
height: 20px;
weight: 100px;

font-size: 14px;
text-decoration: none;
line-height: 15px;
margin-top: 10px;
text-decoration: underline;
font-weight: normal;
}

.blog_more {
font-size: 12px;
}


a.readon:hover {
text-decoration: underline;






color: #669900;
}


.blog {

width: 100%;
}

.contentheading {
	font-weight: lighter;
font-size: 20px;
letter-spacing: 5px;
width: 100%;
color:#7F6B8F;
background-color:  #fff;

padding:5px;
margin-bottom:0px;
margin-top:0px;
text-transform: uppercase

}


a.contentpagetitle:link,a.contentpagetitle:visited
{
font-weight: bold;
font-size: 13px;
height: 23px;
line-height: 20px;
color: #86AD50;
border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color:#86AD50;

text-decoration: none;
}

a.contentpagetitle:hover
{
	color:#669900;
border-bottom-width: 2px;
	border-bottom-style: dashed;
	border-bottom-color:#86AD50;
text-decoration:none;	
}

.contentpaneopen {
text-align: justify;
padding:0;
margin:5px;
width: 560px;
}
.img-ramka {
border: 2px solid #000;
margin-right: 10px;







}
table.contentpane td.contentheading {
font-weight: bold;
font-size: 16px;
height: 23px;
line-height: 20px;
border: none;

background-color:#fff;
}

.contentdescription {
font-size: 11px;

}
.sectiontableheader {
font-size: 11px;
height: 25px;
line-height: 20px;
background-color:#666666;
color:#FFFFFF;
padding-left:5px;
}
.categorytitle {
font-size: 14px;
height: 25px;
line-height: 25px;
}
.componentheading {
font-size: 12px;
line-height: 28px;
color: #595959;
margin-bottom: 5px;
margin-top:0px;
margin-right:0px;
margin-left:0px;
text-transform:uppercase;;
padding:0px 2px 0px 2px;
font-weight:bold;
}
a.category {
text-decoration:  underline; 
 }
a.category:hover {
text-decoration:  underline; 
 }

.poll {
font-size: 11px;
text-align: left;
border:0px solid #CCCCCC;
}
.poll-glosuj {
font-size: 11px;
text-align: center;
border:0px solid #CCCCCC;
margin-top: 40px;
}

.back_button a{
font-size: 10px;
font-weight: normal;
}

.blogsection {
font-size: 11px;
}

.blog_more ul li{
list-style: none;
padding-left: 10px;
line-height: 18px;
}

table.contenttoc {
border: 1px solid #CCCCCC;
padding: 3px;
}

table.contenttoc th{
font-weight: bold;
font-size: 11px;
border-bottom: 1px solid #BBBBBB;
}

form {
margin: 0px;
padding: 0px;
}
div#user5
{

background:url() 0 0 no-repeat;
	width:205px;
	float:right;
	margin-top:40px;
}
div#user6
{

background:url() 0 0 no-repeat;
	width:205px;
	float:left;
	display:inline;
	margin-right:15px;
}
div#user7
{

background:url() 0 0 no-repeat;
	width:205px;
	float:left;
	display:inline;
	margin-right:15px;
}
div#user6 table.moduletable-reklama th
{
border-bottom: 1px solid #6A6A6A;
	text-align:center;
	color:#6A6A6A;
	text-transform:uppercase;
	font-size:8px;
	margin-top:10px;
	font-weight:normal;
letter-spacing: 2px;
}
div#user7 table.moduletable-reklama th
{
border-bottom: 1px solid #6A6A6A;
	text-align:center;
	color:#6A6A6A;
	text-transform:uppercase;
	font-size:8px;
	margin-top:10px;
	font-weight:normal;
letter-spacing: 2px;
}

a.mainlevel-media:link, a.mainlevel-media:visited {
   font-family: Tahoma, Helvetica, sans-serif;
   text-decoration:none;
   font-size: 13px;
   font-weight:bold;
   color:#fff;
   white-space:nowrap;
   line-height: 26px;
   border-right: 2px solid #FFF7E7;
   display: inline;
   height: 26px;
   width:auto;
   margin: 0px;
   padding: 0px 15px 0px 29px;
}
a.mainlevel-media:hover {
  color:#D6EF9C;

}
a.mainlevel_active-media, a.mainlevel_active-media:visited {
   font-family: Tahoma, Helvetica, sans-serif;
   text-decoration:none;
   font-size: 13px;
   font-weight:bold;
   color:#FFF7E7;
   white-space:nowrap;
   line-height: 26px;
   border-right: 1px solid #FFF;
   display: block;
   height: 26px;
   width:auto;
   margin: 0px;
   padding: 0px 15px 0px 29px;

}
a.mainlevel_active-media:hover {
  color:#D6EF9C;
}
.stopka {
font-size:10px;
color: #000;
text-align:center;
}
#right2 {
background-color: #fff;
}
div#right2 .inputbox
{
	border:0px;
background:url(/images/trafri_styl/wyszukaj.gif) no-repeat;
	Letter-spacing:2px;
font-weight: bold;
	font-size:15px;
height: 20px;
width: 180px;
text-align:center;
text-transform:uppercase;
}
.pagenav_prev {
visibility: hidden;
}
.pagenav_next {
visibility: hidden;

}
#ff_elem2083 {


	font-weight: bold;

font-size: 13px;
letter-spacing: 1px;
width: 100%;
color:#fff;
background-color:  #C4CF55;

padding:5px;
border: 0px;
}
#ff_div2082 {
visibility: hidden;
}
#ff_elem2087 {
float:left;
}