/* style dla szablonu */

body {
margin-top: 0px;
margin: auto;
font: 10pt Tahoma, Arial, sans-serif;
color: #FFFFFF;
background-color: #000000;
text-align: center;
}

a {
color: #e60000;
}

img {
border: 0;
}

#container {
margin: auto;
width: 775px;
}

#page {
text-align: left;
margin: auto;
width: 775px;
/* border: 1px solid #FFFFFF; */
float: left;
clear: left;
}

#header {
float: left;
width: 635px;
height: 37px;
margin: 32px 70px 37px 70px;
}

#logo {
float: left;
width: 140px;
height: 17px;
}

#menu {
float: right;
margin-top: 22px;
width: 425px;
height: 14px;
}

#menu:first-letter {
color: #FF0000;
}

#spacer {
float: left;
width: 775px;
height: 19px;
background-color: #171717;
border-top: 1px solid #2a2a2a;
border-bottom: 1px solid #2a2a2a;
}

#spacer1 {
width: 775px;
height: 19px;
background-color: #040404;
border-top: 1px solid #080808;
border-bottom: 1px solid #080808;
}

#content {
/*float: left;*/
margin-left: 100px;
margin-top: 100px;
margin-bottom: 60px;
width: 840px;
/* border: 1px solid #FFFFFF; */
}

#content table.blogfrontpage, table.contentpaneopenfrontpage{
width: 580px;
float: left;
}

#content table.blog, table.contentpaneopen{
width: 580px;
margin-top: 20px;
float: none;
clear: both;
}

#content table.blogfrontpage table.contentpaneopenfrontpage, table.contentpaneopenfrontpage {
margin-top: 20px;
font: 10pt Tahoma, sans-serif;
color: #FFFFFF;
line-height: 150%;
}

#footer {
float: left;
width: 775px;
height: 19px;
background-color: #171717;
}

#copyright {
font-size: 10px;
color: #525252;
float: right;
margin-top: 5px;
width: 255px;
height: 14px;
}

#footer table{
margin-left: 100px;
color: #626262;
}

#footer a.mainlevel-nav {
font: 10pt Tahoma, sans-serif;
font-weight: bold;
color: #626262;
text-decoration: none;
}

#footer a.mainlevel-nav:hover {
color: #e80000;
}

#frontBaner {
width: 230px;
height: 63px;
padding-left: 3px;
font-weight: bold;
color: #d6d6d6;
float: right;
margin-top: 15px;
background-image:url('../_i/frontBanerBg.png');
background-repeat: repeat-x;
border-left: 1px solid #FFFFFF;
}

#frontBaner img{
margin-top:1px;
}

#frontBaner a{
font-weight: normal;
color: #FFFFFF;
text-decoration: none;
}

#frontBanerCont {
float: right;
width: 304px;
margin-top: 10px;
padding: 2px;
border: 1px solid #171717;
}

#component-contact button {
float: right;
width: 85px;
font-weight: bold;
background-color: #171717;
border: 0;
color: #828282;
cursor: pointer;
border-top: 1px solid #2a2a2a;
border-bottom: 1px solid #2a2a2a;
}

h1
{
color: #e80000;
font-size: 120%;
}
h2
{
color: #e80000;
font-size: 110%;
margin: 40px 0 15px 0;
}
h3
{
color: #e80000;
font-size: 105%;
}
h4
{
color: #e80000;
font-size: 95%;
}

div.smallbutton {
float: right;
width: 304px;
margin-top: 40px;
padding: 2px 2px 2px 6px;
margin-left: 26px;
text-align: left;
border-left: 1px solid #171717;
line-height: 100%;
}


div.ofertasub {
float: none;
line-height: 100%;
}

.smallbutton img, .ofertasub img { margin: 2px 1px; }

.smallbutton p, .ofertasub p { margin-top: 6px; 
line-height: 110%;}

.smallbutton h3 { 
margin: 0px 2px 2px 2px; 
color: #626262;
font-weight: bold;
font-size: 90%;
}

div.smallportfolio {
float: right;
margin-top: 4px;
padding: 2px 2px 2px 6px;
text-align: left;
line-height: 100%;
}

.smallportfolio img { margin: 2px 1px; }

.smallportfolio p { margin-top: 6px; 
line-height: 110%;}

ul.whiteli li a
{
color: #fff;
text-decoration: none;
}

ul.whiteli li a:hover
{
color: #e80000;
text-decoration: underline;
}



/* Glider */

#glider {
  width: 535px;
  margin: auto;
  padding: 0;
/*  border-top: solid 1px #3b3a35;
  border-bottom: solid 1px #3b3a36; */
  margin-bottom: 40px;
  text-align: left;
}

#glider img {
  border: solid 1px #44443f;
}

div.special-offer {
  margin: auto;
  margin-top: 9px;
  margin-bottom: 10px;
  width: 400px;
  text-align: center;
}

div.special-offer a {
  margin: 0 auto;
  display: block;  
}

div.special-offer span {
  display: block;
}

div.scroller {
margin-left: 5px;
  width: 495px;
  height: 120px;
  overflow: hidden;
  float: all;
}

div.scroller div.glContent {
  width: 10000px;
}

div.scroller div.glContent div {
  margin-left: 3px;
  margin-right: 3px;
  width: auto;
}

div.scroller .section {
  float: left;
  width: 120px;
  height: 154px;
  padding: 9px 0 0;
  overflow: hidden;
  text-align: center;
}

div.scroller .section a {
  margin: 0 auto;
  display: block;
}

div.controls {
/*  left: 15px;  */
  bottom: 35px;
/*  position: absolute; */
}



div.controls-left {
margin-top: 30px;
float: left;
}

div.controls-right {
margin-top: 30px;
float: right;
}

div.controls-left img#left1,
div.controls-right img#right1 {
  top: 0;
/*  position: absolute; */
  cursor: pointer;
}

div.controls-left img#left2,
div.controls-right img#right2 {
  bottom: 0;
/*  position: absolute; */
  cursor: pointer;
}

div.controls-left img#left1,
div.controls-left img#left2,
div.controls-right img#right1,
div.controls-right img#right2 {
  left: 0;
  border: 0;
}