* {
font-family: Trebuchet MS, Trebuchet MS, Arial; 
font-size: 12px;
box-sizing:      border-box;
-moz-box-sizing: border-box;

}

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

td {
vertical-align: top;
width: 140px;
}

body {
background-color: #8f989e;
background: url(../images/page-background.gif) fixed;
margin: 0px;
padding: 0px;
}

img {
border: 0px;
}

a.morelink {
display: block;
font-size: 80%;
background: url(../images/more.gif) no-repeat center left;
padding-left: 15px;
margin-bottom: 10px;
}

#overallborder{
position: relative;
width: 900px;
left: -450px;
margin: 0px;
margin-left: 50%;
top: -18px;
border: 1px solid #888;
padding: 6px;
overflow: hidden;
margin-bottom: 10px;
}

#frameborder {
opacity: .2;
filter: alpha(opacity=20);
background: #eeeeff;
position: absolute;
top: 0px;
left: 0px;
width: 900px;
height: 5000px;
}

#whiteframe {
padding: 4px;
position: relative;
background-color: #fff;
width: 100%;
border: 1px solid #888;
padding: 4px;
}

#frame {
padding: 4px;
position: relative;
background-color: #fff;
width: 100%;
padding: 4px;
background-image: url(../images/frame-background.gif);
}

#backgroundgradient {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 500px;
background: url(../images/page-background-gradient.jpg) repeat-x;
opacity: .2;
filter: alpha(opacity=20);
}

#thespirit {
position: absolute;
top: 0px;
left: 0;
width: 252px;
height: 410px;
background: url(../images/the-spirit.gif) repeat-x;
opacity: .2;
filter: alpha(opacity=20);
}



#logo {
width: 212px;
height: 198px;
background: url(../images/4t-logo.jpg) no-repeat bottom left;
margin-bottom: 4px;
border: 4px solid white;
cursor: hand;
cursor: pointer;
}

#top {
position: absolute;
top:4px;
left: 212px;
width: 660px;
height: 198px;
background: url(../images/4t-top.jpg) no-repeat;
border: 4px solid white;
}

#leftmenu {
width: 206px;
background-color: white;
padding: 5px;
margin-bottom: 4px;
}

#path, #bar {
width: 100%;
height: 30px;
background: url(../images/path-background.jpg) no-repeat top right;
margin-bottom: 4px;
border: 4px solid white;
padding-left: 10px;
color: white;
padding-top: 3px;
}

#bar {
width: 464px;
border: none;

}

#topbar {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 21px;
background-color: black;
border-bottom: 1px solid white;
}


#menutop {
position: absolute;
background: url(../images/menu-top.jpg) no-repeat;
color: white;
top: 0px;
margin-left: 50%;
left: 45px;
border-left: 1px solid white;
border-right: 1px solid white;
border-bottom: 1px solid white;
}

#foot {
color: white !important;
}

/*

COLUMNS

*/

#left_col {
width: 206px;
float: left;
margin-right: 4px;
}

#double_col {
width: 658px;
float: left;
}

#right_col {
width: 236px;
float: left;
}

#middle_col {
width: 416px;
float: left;
margin-right: 4px;
}


/*

BOXES

*/


.darkbox, .darkbox_logos, #foot {
background: url(../images/box-dark.gif);
width: 100%;
padding: 4px;
border: 4px solid white;
color: white;
margin-bottom: 4px;
overflow: hidden;
}

.darkbox_logos {
background: url(../images/logos.gif);
height: 469px;
}

.lightbox {
width: 100%;
padding: 4px;
border: 4px solid white;
color: black;
background-color: #f5f5f5;
margin-bottom: 4px;
overflow: hidden;
}

.boxtitle {
margin: 0px;
margin-bottom: 4px;
color: #4682b4;
font-size: 80%;
text-transform: uppercase;
}

.lightbox .boxtitle {
background-color: none;
}

.darkbox .boxtitle {
color: #4682b4;
}

.lightbox .boxtitle a {
font-size: 80%;
display: block;
color: #4682b4;
}

.darkbox .boxtitle a {
font-size: 80%;
display: block;
color: #4682b4;
}

.boxgallerylarge img {
margin: 0px;
padding: 0px;
}

.boxgallerysmall img {
padding: 0px;
border: none;
float: left;
}

a.boxgallerysmall {
padding: 0px;
border: none;
}


table.articleheader {
	width: 100%;
	}

h1.articleheader, h1.articleheader a {
color: #4682b4;
margin: 0px;
border-top: 4px solid white;
padding: 3px;
margin-top: 3px;
}

td.articleheader {
	width: 90%;
}

td.articleimage {
width: 100px;
padding-right: 10px;

}
 
.forturboteam {width: 203px; border: 1px solid #e0e0e0; padding: 10px; text-align: left; margin: 0 9 9 0;}
.forturboteam h1 {color: #ff9900; font-style: italic;; padding: 2 10 2 0 }
.forturboteam img {border: 1px solid black; margin: 0px;}


/* 

LEFT MENU

*/


#leftmenu ul {
list-style: none;
margin-left: 0;
padding-left: 0;
text-indent: 0;
margin:0px;
}

#leftmenu li {
margin-top: -1px;
color: #666;
list-style-type: none;
padding: 10px;
border-bottom: 1px dashed #e0e0e0;
margin: 0px;
padding-left: 5px;
}

#leftmenu ul ul {

margin-top: -1px;
background-color: #f0f0f0;
border-top: 1px solid #999;
border-bottom: 1px solid #999;
}

#leftmenu a {
color: #666 ;
text-decoration: none;
font-size: 11px;
}

#leftmenu a:hover {
color: #ff9900;
}

#leftmenu ul ul a {
	
}

/* 

GLOBAL PATH

*/

#path a {
color: #e0e0e0;
}

#path a.last {
color: white;
}

#path a:hover {
color: #ff9900;
}

/* 

TOP MENU

*/


#menutop ul {
margin: 0px;
list-style: none;
margin-left: 0;
padding-left: 0;
text-indent: 0;
display: table;
}

#menutop li {
width: 79px;
height: 30px;
display: inline;
text-align: center;
padding-top: 5px;
}

body>#menutop li {
display: table-cell;
}



#menutop a {
color: white;
text-decoration: none;
font-weight: bold;
font-size: 12px;
font-family: Trebuchet MS;
}

#menutop a:hover {
color: #ff9900;
}

/* 

FOOT

*/

#foot h1 {
font-size: 80%;
color: #777;
border-bottom: 1px solid #777;
text-transform: uppercase;
}

#foot table {
width: 100%;
}

#foot td {
width: 50%;
font-size: 11px;
color: #999;
padding: 10px;
}



/* NEWS LIST */


a.newslist {
color: #666;
background-color: #efefef;
padding: 2px;
margin: 2 0 2 0;
display: block;
}

a.newslist:hover {
background-color: white;
border-top: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
padding-top: 1px;
padding-bottom: 1px;
}


.newslist h1 {
background-color: black;
padding: 3;
margin: 0 0 5 0;
}

.newslist h1 a {
color: white;
}

div.newslist {
text-align: justify;
}


.newsbox {
border-top: 1px solid #e0e0e0;
padding-top: 5px;
margin-top: 5px;
}

.newsbox h1 {

padding: 3;
margin: 0px;
}

.newsbox h1 a {
color: #4682b4;
font-size: 80%;
}

ul.list {
	padding: 0px;
	margin: 0px;
}

ul.list li {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	border-top: 1px solid black;
}

ul.list a {
	padding: 5 0;
	color: white;
	display: block;
	
}

ul.list a:hover {
	background-color: black;
}


.article {
padding: 0 6 0 6;
}

.article .title {
	font-size: 140%;
	text-transform: none;
	font-weight: normal;
	color: #4682b4;
	padding: 0px;
	margin: 0 0 0 0;
}

.article .date {
	color: #666;
	margin: 0 0 1em 0;
	font-size: 10px;
}

.article .intro, .article .intro p {

	font-style: italic;	
	line-height: 120%;
	text-align: justify;
}



.article p {
	margin-top: 1em;
	margin-bottom: 0;
	font-size: 100%;
	line-height: 160%;
	text-align: justify;
}

.article .body {
clear: both;
}

.article .body h1 {
color: #4682b4;
font-size: 100%;
border-bottom: 1px solid #4682b4;
}

.article .body h2, .article .body h3 {
font-size: 90%;
text-transform: uppercase;
color: #4682b4;

}

.article .body h3 {
display: inline;
font-weight: bold;
margin-right: 15px;
}

.article cite {
width: 50%;
border-top: 1px dotted #ff9900;
border-bottom: 1px dotted #ff9900;
padding: 10px;
float: left;
margin: 0 10 10 0;
background: #f5f5f5 url(http://portal.4turbo.pl/design/site/images/quote.gif) no-repeat left top;
font-family: Georgia;
color: #444;
text-align: center;
}




.article li {
	list-style-type: none;
	list-style-image: url(http://portal.4turbo.pl/design/site/images/bullet.gif);
}








.article .index {
margin: 1em 0 1em 0;
border: 1px solid #e0e0e0;
width: 100%;
padding: 10px;
background-color: #f0f0f0;
clear: both;
}

.article .index ul {
	margin: 0px;
	padding: 0px;
	text-indent: 0px;
}

.article .index li {
	list-style-type: none;
	list-style-image: none;
}

.article .index h1, .article .index h2, .article .index h3, .article .index h4, .article .index h4 {
font-size: 90%;
margin: 0px;
color: #4682b4;
}

.article .index h2 {
text-transform: uppercase;
font-size: 85%;
}


.article .pager {
margin-top: 2em;
font-size: 80%;
float: right;
}

.article .pager, .article .pager a {
padding: 2px;
color: #4682b4;
}


.article .pager a {
border: 1px solid #e0e0e0;
font-size: 100%;
margin: 2px;
}

.article .pager a.currentpage {
background-color: #4682b4;
color: white;
border-color: #4682b4;
}


.gallery {

}

.gallery h1 {
font-size: 140%;
	text-transform: none;
	font-weight: normal;
	color: #4682b4;
	padding: 0px;
	margin: 0 0 0 0;
}

.gallery h2 {
font-size: 90%;
text-transform: uppercase;
color: #4682b4;

}


.categorylist td, .imagelist td {
text-align: center;
}

.gallery .gallerythumb, .gallery .imagethumb {
padding: 4px;
text-align: center;
background-color: white;
}

.gallerythumb img, .imagethumb img {
}

.gallery .path {
border-bottom: 1px solid #e0e0e0;
}

.gallery .path a {
color: #666;
font-size: 80%;
}

.gallery .path a:hover {
color: #ff9900;
}

.checkboxes {
	margin: 10 0 10 0;
	padding: 0;
	width: 100%;
}

.checkboxes li {
	color: #4682b4;
	list-style-type: none;
	list-style-image: none;
	margin: 10 0 10 0;
}

.checkboxes div {

}

.checkboxes span {
	color: #666;;
	font-size: 90%;
	font-style: italic;
}

.checkboxes .cb {float: left;}

label {display: block; margin: 10 0 10 0}

.technika .title {
position: absolute;
background-color: #000000;
padding: 5px;
top: 149px;
left: 5px;
font-size: 20px;
color: #f0f0f0;
}


.technika .image {
}

.technika {
position: relative;
margin: 5px;
height: 200px;
padding: 0;
overflow: hidden;
}

.technika .intro {
position: absolute;
top: 5px;
width: 405px;
height: 190px;
left: 220px;
padding: 10 10 40 10;
color: black;
}

.technika .introback {
opacity: .6;
filter: alpha(opacity=60);
position: absolute;
height: 200px;
width: 410px;
left: 220px;
top: 0px;
background-color: #ffffff;

}