html, body {
	height: 100%;
}
#face-slider{
	position:fixed; 
	right:-310px; 
	top:190px; 
	z-index:100; 
}
#face-slider #tab{
	cursor:pointer; 
	height:110px; 
	width:35px; 
	float:left; 
	background: url(images/facebook-slider.png) no-repeat center center; 
}
#face-code{
	padding:5px; 
	border: solid #0170cf 3px; 
	background: #fff; 
	float:left; 
	width:292px; 
	height:296px;
	-moz-border-radius: 0 0 0 8px; 
	-webkit-border-radius: 0 0 0 8px; 
	border-radius: 0 0 0 8px; /
}
body {
	margin: 0px;
	padding: 0px;
	background: #1F1F1F;
	font-family: arial, 'Open Sans', sans-serif;
	font-size: 13px;
	color: #4F4F4F;
}


h1, h2, h3 {
	margin: 0;
	padding: 0;
}


p, ol, ul {
	margin-top: 0px;
	
}

ol, ul
{
	margin: 0px;
	padding: 0px;
	list-style:  none
}

p {
	line-height: 180%;
}

strong {
}

a {
	color: #0000FF;
}

a:hover {
	text-decoration: none;
}

a img {
	border: none;
}

img.border {
}

img.alignleft {
	float: left;
}

img.alignright {
	float: right;
}

img.aligncenter {
	margin: 0px auto;
}

hr {
	display: none;
}


ul.style1
{

}

ul.style1 li
{
	padding: 8px 0px 5px 0px;
	border-top: 3px solid #feb83c;
	margin: 15px 0px 15px 0px;
	font-size: 1.2em;
}

ul.style1 a
{
	text-decoration: none;
	color: #6e6d6d;
}

ul.style1 a:hover
{
	text-decoration: underline;
}

ul.style1 .posted
{
	font-size: 0.90em;
	color: #000;
	
}

ul.style1 .first
{
	padding-top: 8px;
	border-top: 3px solid #feb83c;
	margin: 15px 0px 15px 0px;
}

/** WRAPPER */

#wrapper {
	overflow: hidden;
	background: #FFFFFF url(images/bg-top.png) repeat-x left top;
}

#wrapper-bgbtm {
	overflow: hidden;
	padding: 5em 0em;
	background: url(images/bg-btm.png) repeat-x left bottom;
}

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

.clearfix {
	clear: both;
}

#header
{
	overflow: hidden;
	height: 150px;
}

/** LOGO */

#logo
{
	position: relative;
	float: left;
	width: 380px;
	height: 100px;
}

#logo h1, #logo p
{
	margin: 0px;
	line-height: normal;
}

#logo h1 a
{
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	line-height: 150px;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 1.50em;
}

#logo span
{
	color: #FEC709;
}

/** MENU */

#menu
{
	padding: 60px 0px 0px 0px;
}

#menu ul
{
	float: right;
	margin: 0px;
	padding: 0px;
	list-style: none;
	line-height: normal;
}

#menu li
{
	float: left;
	margin-left: 2em;
}

#menu a
{
	display: block;
	padding: 0.50em 1em;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 1.00em;
	color: #fff;
}

#menu a:hover
{
	text-decoration: underline;
	color: #FFFFFF;
}

#menu .active a
{
	border-radius: 5px;
	background: #FEC709;
	color: #000000;
}

#menu .first
{
	padding-left: 0px;
	border-left: none;
	box-shadow: none;
}

/** PAGE */

#page {
}

/** CONTENT */

#content {
	float: left;
	width: 800px;
}

#content ul li {
background:url(images/bullet.png) no-repeat ;
padding: 0px 0px 0px 15px;
margin:10px;
}

#content h1 {
	margin-bottom: 0.20em;
	letter-spacing: -1px;
	font-size: 3em;
	font-weight: 600;
	
}

#content h2
{
	margin-bottom: 0.20em;
	letter-spacing: -1px;
	font-size: 2em;
	font-weight: 600;
}

#content .byline
{
	display: block;
	text-transform: uppercase;
	font-size: 1.10em;
	font-weight: 400;
	margin-bottom: 2em;
	background: url(images/pasek1.jpg) repeat-x;
	height: 30px;
}

#content img
{
	margin-bottom: 1em;
}
#leftbox {
	float: left;
	width: 300px;
	height: 300px;
	line-height: 25px;
	font-size: 20px;
	
}
#rightbox {
	float: right;
	width: 500px;
	height: 300px;

}

/** SIDEBAR */

#sidebar {
	float: right;
	width: 350px;
}

#sidebar h2
{
	font-size: 2em;
	margin-bottom: 1em;
	font-weight: 600;
}

/* Footer */

#footer {
	overflow: hidden;
	padding: 5em 0em;
}

#footer p {
	text-align: center;
	font-size: 12px;
}

#footer a {
	color: #767676;
}


#featured
{
	overflow: hidden;
	margin-bottom: 7em;
	padding-bottom: 8em;
	background: url(images/pasek1.jpg) repeat-x bottom;
}

#featured img
{
	display: block;
	width: 100%;
}

#featured p
{
	text-align: center;
}

#featured h2
{
	padding: 20px 0px 20px 0px;
	text-align: center;
	text-transform: uppercase;
	font-size: 1.00em;
	font-weight: 700;
	font-family: 'Open Sans', sans-serif;
	color: #151515;
}

#featured .title 
{
	margin-bottom: 40px;
	border-top: 1px solid #D8D8D8;
	border-bottom: 1px solid #D8D8D8;
	font-family: 'Open Sans', sans-serif;
	font-size: 2.50em;
	color: #151515 !important;
}

#fbox1
{
	float: left;
	width: 350px;
}

#fbox2
{
	float: left;
	width: 400px;
	margin-left: 50px;
}


#fbox3
{
	float: right;
	width: 350px;
}

.button
{
	display: block;
	margin-top: 3em;
	text-align: center;
	text-decoration: none;
}

.button span
{
	padding: 0.75em 2em;
	background: #FEC709;
	border-radius: 10px;
	text-transform: uppercase;
	font-weight: 700;
	color: #151515;
}

.button2
{
	display: inline-block;
	margin-top: 2em;
	text-align: center;
	text-decoration: none;
	padding: 0.75em 2em;
	background: #FEC709;
	border-radius: 10px;
	text-transform: uppercase;
	font-weight: 700;
	color: #151515;
}