html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 112.5%;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* A container should group all your columns. */
.container {
  width: 980px;
  margin: 0 auto;
}

/* Use this class on any div.span / container to see the grid. */
.showgrid { 
  background: url(src/grid.png); 
}

/* Body margin for a sensile default look. */
body {
  margin:1.5em 0;
  background:#bdbdbd url('gradient.png') top repeat-x;
  font-family:Arial;
  font-size:12px;
}

#main, #headline{background:#fff;}

/* Typo */
h1, h2, h3, h4, h5, h6 {font-weight:normal;line-height:1; color:#ff0000;}
h1 {font-size:2em;margin-bottom:0.625em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;margin-bottom:5px;}
h4 {font-size:1.2em;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration:none;color:#ff0000;}
h1.inline,h2.inline, h3.inline, h4.inline, h5.inline, h6.inline{display: inline;}

/* Columns
-------------------------------------------------------------- */

/* Sets up basic grid floating and margin. */
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-6b, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20 {float:left;margin-right: 20px;}

/* The last column in a row needs this class. */
div.last { margin-right: 0; }

/* Use these classes to set the width of a column. */
.span-1  { width: 30px;}
.span-2  { width: 80px;}
.span-3  { width: 130px;}
.span-4  { width: 180px;}
.span-5  { width: 230px;}
.span-6b  { width: 260px;}
.span-6  { width: 280px;}
.span-7  { width: 330px;}
.span-8  { width: 380px;}
.span-9  { width: 430px;}
.span-10 { width: 480px;}
.span-11 { width: 530px;}
.span-12 { width: 580px;}
.span-13 { width: 630px;}
.span-14 { width: 680px;}
.span-15 { width: 730px;}
.span-16 { width: 780px;}
.span-17 { width: 830px;}
.span-18 { width: 880px;}
.span-19 { width: 930px;}
.span-20, div.span-20 { width: 980px; margin: 0; }


/* Add these to a column to append empty cols. */
.append-1  { padding-right: 50px;}
.append-2  { padding-right: 100px;}
.append-3  { padding-right: 150px;}
.append-4  { padding-right: 200px;}
.append-5  { padding-right: 250px;}
.append-6  { padding-right: 300px;}
.append-7  { padding-right: 350px;}
.append-8  { padding-right: 400px;}
.append-9  { padding-right: 450px;}
.append-10 { padding-right: 500px;}
.append-11 { padding-right: 550px;}
.append-12 { padding-right: 600px;}
.append-13 { padding-right: 650px;}
.append-14 { padding-right: 700px;}
.append-15 { padding-right: 750px;}
.append-16 { padding-right: 800px;}
.append-17 { padding-right: 850px;}
.append-18 { padding-right: 900px;}
.append-19 { padding-right: 950px;}


/* Add these to a column to prepend empty cols. */
.prepend-1  { padding-left: 50px;}
.prepend-2  { padding-left: 100px;}
.prepend-3  { padding-left: 150px;}
.prepend-4  { padding-left: 200px;}
.prepend-5  { padding-left: 250px;}
.prepend-6  { padding-left: 300px;}
.prepend-7  { padding-left: 350px;}
.prepend-8  { padding-left: 400px;}
.prepend-9  { padding-left: 450px;}
.prepend-10 { padding-left: 500px;}
.prepend-11 { padding-left: 550px;}
.prepend-12 { padding-left: 600px;}
.prepend-13 { padding-left: 650px;}
.prepend-14 { padding-left: 700px;}
.prepend-15 { padding-left: 750px;}
.prepend-16 { padding-left: 800px;}
.prepend-17 { padding-left: 850px;}
.prepend-18 { padding-left: 900px;}
.prepend-19 { padding-left: 950px;}



/* Border on right hand side of a column. */
div.border {
  padding-right:9px;
  margin-right:10px;
  border-right: 1px solid #eee;
}

/* Border with more whitespace, spans one column. */
div.colborder {
  padding-right:23px;
  margin-right:20px;
  border-right: 1px solid #eee;
}

/* Use these classes on an element to push it into the 
   next column, or to pull it into the previous column.  */

.pull-1 { margin-left: -50px;}
.pull-2 { margin-left: -100px;}
.pull-3 { margin-left: -150px;}
.pull-4 { margin-left: -200px;}
.pull-5 { margin-left: -250px;}
.pull-6 { margin-left: -300px;}
.pull-7 { margin-left: -350px;}
.pull-8 { margin-left: -400px;}
.pull-9 { margin-left: -450px;}
.pull-10 { margin-left: -500px;}
.pull-11 { margin-left: -550px;}
.pull-12 { margin-left: -600px;}
.pull-13 { margin-left: -650px;}
.pull-14 { margin-left: -700px;}
.pull-15 { margin-left: -750px;}
.pull-16 { margin-left: -800px;}
.pull-17 { margin-left: -850px;}
.pull-18 { margin-left: -900px;}
.pull-19 { margin-left: -950px;}
.pull-20 { margin-left: -1000px;}

.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20 {float:left;position:relative;}


.push-1 { margin: 0 -50px 1.5em 50px;}
.push-2 { margin: 0 -100px 1.5em 100px;}
.push-3 { margin: 0 -150px 1.5em 150px;}
.push-4 { margin: 0 -200px 1.5em 200px;}
.push-5 { margin: 0 -250px 1.5em 250px;}
.push-6 { margin: 0 -300px 1.5em 300px;}
.push-7 { margin: 0 -350px 1.5em 350px;}
.push-8 { margin: 0 -400px 1.5em 400px;}
.push-9 { margin: 0 -450px 1.5em 450px;}
.push-10 { margin: 0 -500px 1.5em 500px;}
.push-11 { margin: 0 -550px 1.5em 550px;}
.push-12 { margin: 0 -600px 1.5em 600px;}
.push-13 { margin: 0 -650px 1.5em 650px;}
.push-14 { margin: 0 -700px 1.5em 700px;}
.push-15 { margin: 0 -750px 1.5em 750px;}
.push-16 { margin: 0 -800px 1.5em 800px;}
.push-17 { margin: 0 -850px 1.5em 850px;}
.push-18 { margin: 0 -900px 1.5em 900px;}
.push-19 { margin: 0 -950px 1.5em 950px;}
.push-20 { margin: 0 -1000px 1.5em 1000px;}

.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20 {float:right;position:relative;}



/* Misc classes and elements
-------------------------------------------------------------- */

/* Use a .box to create a padded box inside a column.  */ 
.box { 
  padding: 1.5em; 
  margin-bottom: 1.5em; 
  background: #E5ECF9; 
}

/* Use this to create a horizontal ruler across a column. */
hr {
  background: #ddd; 
  color: #ddd;
  clear: both; 
  float: none; 
  width: 100%; 
  height: .1em;
  margin: 0 0 1.45em;
  border: none; 
}
hr.space {
  background: #fff;
  color: #fff;
}
hr.line {
  background: #b4b6b6;
  height:2px;
  margin:0;
}

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix, .container {display: inline-block;}
* html .clearfix,
* html .container {height: 1%;}
.clearfix, .container {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }


/* Helpers */
.centered {display: block;margin-left: auto;margin-right: auto;}
.left {float:left !important;}
.right {float:right !important;}
img.centered {display: block;margin-left: auto;margin-right: auto;}
img.alignright {margin: 0 0 8px 16px;display: inline;float:right;}
img.alignleft {margin: 0 16px 8px 0;display: inline;float:left;}
.textLeft {text-align: left;}
.textRight {text-align: right;}
.textCenter {text-align: center;}
.textJustify {text-align: justify;}
.underline,  a.underline{text-decoration: underline;}
.emptybox{display:block; height:10px;}
.light{width:20px; margin:0; float:left; display:block;}
.bold {font-weight: bold;}
.italic {font-style: italic;}
.padding-20{padding:0 20px;}

div.prepend-top, .prepend-top {margin-top:1.25em;}
div.prepend-top-2, .prepend-top-2 {margin-top:0.8em;}
div.append-bottom, .append-bottom {margin-bottom:1.25em;}

/* Top Menu */
.topMenu, .bottomMenu{
height:25px; 
background:url(gradient_menu.png) repeat-x; 
}
.topMenu{border-top-left-radius: 20px;-moz-border-radius-topleft: 20px;-webkit-border-top-left-radius:: 20px;}
.bottomMenu{border-bottom-left-radius: 20px;-moz-border-radius-bottomleft: 20px;-webkit-border-bottom-left-radius: 20px;}
.topMenu ul, .bottomMenu ul{padding-top:5px;}
.topMenu li, .bottomMenu li{display:inline;margin-left:10px;}
.bottomMenu a, .topMenu a{color:#fff;}

/*Hedline*/
#headline{padding:10px 0px;}
a.logo{background:url(logo.png) no-repeat; height:70px; width:184px; display:block;}

#headline ul{margin-top:30px;}
#headline li{display:inline; margin-left:20px; text-transform:uppercase;}
#headline li:hover, #headline li.active{border-bottom:solid 2px red;}
#headline a{font-size:14px; font-weight:bold; color:#000; text-decoration:none;}

/* Search */
.search{width: 224px;}
.search{background: url('search.png') no-repeat 0 0;height: 218px;}
.search:hover{background: url('search.png') no-repeat 0 -222px;}
.search:active{background: url('search.png') no-repeat 0 -443px;}
.search h2{padding:75px 0 0 10px;}
.search p{padding:0 10px;}

/* 
  ICO
*/
.search .oilIcon, .search .gasIcon, .search .peletIcon, .search .brykietIcon{position:absolute; padding:0;}
.search .oilIcon{background: url('icons_cdc.png') no-repeat -356px -84px;width: 98px; height: 61px;margin:10px 0 0 120px; }
.search .gasIcon{background: url('icons_cdc.png') no-repeat -377px -234px;width: 56px;height: 70px;margin:5px 0 0 145px; }
.search .peletIcon{background: url('icons_cdc.png') no-repeat -116px 0;width: 83px;height: 62px;margin:15px 0 0 125px; }
.search .brykietIcon{background: url('icons_cdc.png') no-repeat -231px -340px;width: 83px;height: 48px;margin:30px 0 0 125px; }

table.searchResult a, table.visitAdSpaceTable a{color:#F62900; text-decoration:none; font-weight:bold;}
.count a{float:right;}
.visitDescription{text-align:justify; line-height:18px; margin-left:-140px;}
table.visitAdSpaceTable{ line-height:18px;}
.visitAdSpaceToper{margin-top:5px;}

.porada {line-height:18px;}
.porada .publish-mainimg{margin: 0 0 8px 16px;display: inline;float:right;}
.porada h2{font-weight:bold; color:#000; font-size:12px;line-height:18px;}

.searchNews{width:219px;}
.searchNews  .publish-mainimg {width:214px;height:130px;overflow:hidden;border:#d9d9d9 solid 5px;}
.searchNews  .publish-mainimg:hover {border:#d94344 solid 5px;}
.searchNews img{width:214px;}

#slider-code { height: 490px; width: 780px; overflow:hidden; padding:0 0 0 50px;}
#slider-code .viewport { float: left; width: 690px; height: 500px; overflow: hidden; position: relative;}

#slider-code .prev{background: url('search.png') no-repeat -234px -41px; width: 36px; height: 39px; position:absolute; z-index:999; margin:200px 0 0 0px;}
#slider-code .prev:hover{background: url('search.png') no-repeat -235px 0;}
#slider-code .next {background: url('search.png') no-repeat -273px -41px;width: 36px; height: 39px; position:absolute; z-index:999; margin:200px 0  0 5px;}
#slider-code .next:hover{background: url('search.png') no-repeat -272px 0;}


#slider-code .overview { list-style: none; position: absolute; padding: 0; margin: 0; left: 0; top: 0; }
#slider-code .overview li{ float: left; margin: 0 5px 0 0; padding: 1px; height: 220px; width: 225px; border:none; }
.overview li a{text-decoration:none; }
#slider-code p{color:#000;}

#guides{background:#e6eff6; padding:20px; margin-left:22px; border:solid 1px #ccd6df; width:896px; overflow:hidden;}
.guides-item{width:163px; margin-right:20px;}
.guides-item:last-child{margin-right:0px;}
.guides-item-image{height:104px; overflow:hidden;}
.guides-item a{color:#d94344; text-decoration:none;}

.guides-item-box{height:300px;}
.guides-item-box img{width:161px;}

/* 
	Guides menu
*/

.guides-menu li{border:solid 1px #E4E4E4; background:#F9F9F9; text-align:center; height:30px; margin-bottom:2px; }
.guides-menu a{color:#0054A6; text-decoration:none; font-weight:bold;  height:40px; padding:10px 0 0 0; display:block;}

/* 
	The Nivo Slider styles 
*/
.nivoSlider {position:relative;width:600px; height:240px; border:5px solid #d9d9d9;}
.nivoSlider img {position:absolute;top:0px;left:0px;display:none;}
.nivoSlider a {border:0;display:block;}

.nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;z-index:6;display:none;}

.nivo-slice {display:block;position:absolute;z-index:5;height:100%;}.nivo-box {display:block;position:absolute;z-index:5;}
/* Caption styles */
.nivo-caption {position:absolute;margin:0 0 0 -320px;top:0;bottom:0;color:#000;opacity:0.8;width:300px;z-index:8;}
.nivo-caption p {padding:5px;margin:0;}
.nivo-caption a {display:inline !important;}
.nivo-html-caption {display:none;}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {position:absolute;top:45%;z-index:9;cursor:pointer;}
.nivo-prevNav {left:5px;background: url('search.png') no-repeat -234px -41px; width: 36px; height: 39px;}
.nivo-prevNav:hover {background: url('search.png') no-repeat -235px 0;}
.nivo-nextNav {right:5px;background: url('search.png') no-repeat -273px -41px;width: 36px;	height: 39px;}
.nivo-nextNav:hover {background: url('search.png') no-repeat -272px 0;}