/* HTML5 tags */
header, section, footer, aside, nav, article, figure {
  display: block;
}
/***** Layout *****/
body {
     background:#fff url('../img/bg.png') repeat-x;
}
sub {
font-size: 12px;}
#links .separator{
margin-left:4px;}
#container {
  top:0;
  height:1000px;
  width:900px;
  margin-left:auto;
  margin-right:auto;
  position: relative;
    z-index:1;
}
a {
    text-decoration: none;
    display: block;
  color:#000;
}
em {font-style: italic;}
    * {
   font-family: 'Roboto', sans-serif;
   font-size: 15px;
   font-style: normal;
   font-weight: 300;
   line-height: 130%;
   text-align: left;
   text-indent:0;
   margin:0;
   padding:0;
   text-decoration: none;
          }
p {
  color:#000000;
  font-size: 14px;
  font-family: 'Roboto', sans-serif;
  text-align:justify;
}   
strong {
   font-weight: 500;
}
li sup, p sup {
   font-size: 8px;
}
h1 {
  color:#2b4b8b;
    font-family: 'Roboto', sans-serif;
  font-size: 30px;
    font-weight: 500;
   line-height: 80%;
    text-align: left;
}
h2 {
  color:#2b4b8b;
    font-family: 'Roboto', sans-serif;
  font-size: 24px;
    font-weight: 500;
   line-height: 80%;
    text-align: left;
}
h3 {
  color:black;
    font-family: 'Roboto', sans-serif;
  font-size: 16px;
    font-weight: 500;
    text-align: left;
}
/******** Header *********/
#header {
    height:304px;
  width:900px;
    float:left;
  z-index:1;
}
#menu .menu_style{
margin-left:125px;margin-right:0px;}
#fotos .link_style{
margin-left:-2px;}
#logo {
  width:200px;
  height:40px;
  left:10px;
  top:80px;
  position: absolute;
  z-index:21;
  
}
#logo ul{
list-style-type: none;}
#logo a:hover{
opacity: 0.50;
  border-style: none;}

#slogan {
  left:376px;
  top:200px;
  position: absolute;
}
#menu_top {
     top:6px;
     right:123px;
     height:34px;
     position:absolute;
     z-index:1;
}
#menu_top  ul> li{
display: inline;
  list-style: none;
  margin: 0;
  padding: 0;}
  #menu_top ul> li{
  float: left;
   width:104px;
    height:34px;
}
#menu_top, #menu_top a, #menu_top a:hover {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    text-align: center;
    line-height: 230%;
}
#menu_top a {
    color:#fff;
  text-shadow:0 0 2px #000;
}
#menu_top a:hover {
    color:#000000;
     width:104px;
    height:34px;
    text-shadow:0 0 2px #fff;
    border:1px solid #2b4b8b;
    border-radius:5px 5px 0 0;
    background: #b6caed;
  }
/*#button_top, #button_top a, #button_top a:hover {
    font-size: 14px;
  list-style:none;
    font-style: normal;
    font-weight: 500;
    text-align: center;
    line-height: 230%;
    width:104px;
    height:34px;
    float:right;
  margin-left:4px;
}
#button_top a {
    color:#e8ff9a;
}
#button_top a:hover {
    color:#000000;
    text-shadow:1px 1px 1px #c8ffad;
    border:1px solid #8fec4b;
    border-radius:5px 5px 0 0;
    background: #69a311 url('img/layout/button.gif') repeat-x;
}*/

#menu_lang{
     right:10px;
     text-align:right !important;
     padding-top: 20px;
}


#menu_lang .moduletable{
text-align:right;
}

.mod-languages{
text-align:right;
}

div.mod-languages ul{text-align:right;}
div.mod-languages ul li{text-align:right;}
div.mod-languages ul li a{text-align:right; display:inline;}

#menu_background {
    
    width:900px;
    height:40px;
    top:305px;
    left:1px;
    position:absolute;
    z-index:21;
}
#menu {
    width:900px;
    height:40px;
   top:160px;
    left:1px;
  position:absolute;
    z-index:23;
}
#menu a {
    color:#ffffff;
    text-shadow:0 0 2px #000;
    display:inline;
    float:left;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    text-align: center;
    line-height: 240%;
    margin-left:25px;
    margin-right:25px;
  z-index:24;
}
#menu a:hover {
    color:#000;
    text-shadow:0 0 3px #fff;
  z-index:24;
}
#menu ul {
list-style-type:none;
}
.menu li ul li {display:none}
#banner {
    border-top:1px solid #8fec4b;
    border-right:1px solid #8fec4b;
    border-left:1px solid #8fec4b;
    border-bottom:0;
    border-radius:5px 5px 0 0;
    background: url('../img/banner.png') repeat-x;
    top:60px;
    left:0;
    width:900px;
    height:540px;
    position:absolute;
    z-index:3;
}
#fvhouse {
    background: url('../img/fv-house.png') repeat-x;
    top:40px;
    right:-1px;
    width:400px;
    height:304px;
    position:absolute;
    z-index:22;
}
#raled {
    
    top:61px;
    left:1px;
    width:279px;
    height:264px;
    position:absolute;
    z-index:5;
}
#slogan {
    top:200px;
    left:26px;
    z-index:23;
}
/******** Article *********/
#page {
    background:#fff url('../img/banner.png') no-repeat;;
    top:40px;
    width:900px;
    height:auto;
  margin-left:0;
    margin-bottom: 10px;
    position:absolute;
    z-index:4;
}
#box {
    width:900px;
    height:auto;
    float:left;
    margin-top:15px;
    z-index:23;
}
#article {
    border-left:1px solid #3752a8;
    width:700px;
    height:auto;
    float:left;
    display:inline;
}
#article h2{
margin-bottom: 10px;}
#article ul
{
  margin-top:20px;
  margin-bottom:10px;
}
#article ul, #article li{margin: 0px;
margin-bottom: 10px;
margin-left:15px;
  margin-left:26px;
  font-size:14px;
  font-style: normal;
  font-weight:300;
  line-height:130%;
 
  color: #000;  
}
#article li{
margin:0px;
margin-left:5px;
 list-style-image: url('../img/dot_guad.png');}
#article span
{
  color:#000;
  margin:0;
}
#line-v {
    background:#8fec4b;
    width:1px;
    height:100%;
    top:0;
    left:0;
    position:absolute;
}
#title {
    border-bottom:1px solid #3752a8;
    width:665px;
    margin-left:15px;
    padding-bottom:7px;
}
#title a, .breadcrumbse a {
color:#000;
  font-size: 14px;
    font-weight: 300;
font-style: italic;
    text-align: left;
  display:inline;
}
#title a:hover{
color:#fff;}
#title span{  font-size: 14px;
    font-weight: 300;
font-style: italic;
    text-align: left;
  display:inline;}

#article a:visited{
  text-align: left;
  display:inline;}
  
#billboard {
    width:464px;
    height:88px;
    margin:15px;
    margin-bottom:7px;
}
#paragraph {
    margin:15px;
    width:464px;
  float:left;
}
#fotos {
    float:right;
    width:185px;
    margin-top:10px;
margin-right:15px;

}

#fotos ul>li{
list-style:none;
padding-left:10px;
margin-left:9px}
#fotos ul>li a:hover{
  opacity: 0.50;
  border-style: none;
}
#fotos img{
border:0px;}
#aside {
    width:175px;
    height:auto;
    top:343px;
    float:left;
    margin-top:28px;
    margin-left:15px;
    margin-right:5px;
    display:inline;
    z-index:20;
}
#submenu {
    border:1px solid #bfbfbf;
    border-radius: 7px 0 0 7px;
    background:#ebebeb;
    width:177px;
    padding-top:10px;
    padding-bottom:10px;
    margin-left:2px;
    margin-bottom:17px;
}
#submenu ul> li {
    list-style-type:none;
}
#submenu ul> li a {
    color:#2b4b8b;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    text-align: left;
    line-height: 160%;
    text-shadow:1px 1px 0 #fff;
    padding-left:20px;
}
#submenu ul>li a:hover {
    background: #86a1d8 url('../img/menu_l.png') repeat-x;
    text-shadow:-1px -1px 0 #5572b1;
  color:#fff;
}
#ledlerk {
  /*  border-top:1px solid #8fec4b;*/
    width:100%;
    margin-left:15px;
    padding-top:7px;
}
#ledlerk ul>li {
    width:464px;
    height:88px;
    margin:15px;
    margin-bottom:7px;
}
#ledlerk h3 {margin-bottom:15px;}
/******** Footer *********/
#footer {
    background: #8f8f8f url('../img/footer.png') repeat-x;
    width:900px;
    height:40px;
    float:left;
    margin-top:20px;
    z-index:10;
  text-align: right;
  font-weight:300;
  font-size:12px;
  color: #667fd1;
}
#stopka{
text-align:right;
padding-top:13px;
font-size:12px;
padding-right:15px;
color: #000;
}
#stopka a {text-decoration:none;
font-size: 12px;
display: inline;
color: #000;}
#stopka a:hover{color:white;}


#info {
    top:0;
    height:150px;
    padding:2px;
  margin-left:auto;
  margin-right:auto;
    width:900px;
    position: relative;
}
#info li {
  display:inline;
    float:left;
  font-size:14px;
  text-align:center;
  padding-right:40px;
    padding-left:40px;
  color:#ffffff;
    font-weight:300;
  text-shadow: 1px 1px 1px #000000;
}
 #design {
  display:inline;
  font-size:12px;
  color:#000000;
    font-weight:300;
  text-shadow: 1px 1px 1px #cfcfcf;
}
#design {
   top:113px;
   right:0;
   position:absolute;
}
#white_line {
   border-top:1px solid #575757;
   margin-top:5px;
   background:#999999;
   top:105px;
   Width:900px;
   height:1px;
   position:absolute;
}
#links a:hover{
opacity: 0.50;
  border-style: none;
}
#links li{
  margin-left:-1px;
 list-style-type: none;}
 

#fotos ul{
margin:0px;}
#fotos ul>li{
padding:0px;
list-style-type:none;}
/****REALIZACJE*****/
#tabela{
width:auto;
margin-left:10px;
  margin-right:10px;
  text-align:justify;
  color: rgb(0, 0, 0);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  text-align: left;
  text-indent: 0px;
  text-decoration: none;
  z-index:0;
  overflow: hidden;
  position:relative;
  margin-bottom:10px;
  margin-top:10px;
  border-bottom: 1px solid #8fec4b;}

#tabtitle{
background:url('../img/menu.gif');
height: 20px;
width:462px;
padding-top:3px;
padding-left:6px;
color: #fff;




text-shadow: 0px 1px 1px #000;}
#tabinfo{
margin-left:10px;
float:left;
width:auto;
}

#tabela ul{
padding-left: 10px;}
#tabela ul>li{
color:#000;
list-style-image: url('../img/dot_guad.png');}
#tabelaimg{
float: left;
height: 200px;
padding-right:15px;
overflow: hidden;
padding-bottom:25px;
padding-top:25px;
position:relative;
width:275px;}
#tabelaimg img{
width:275px;
overflow: hidden;
height: 200px;}
#tabimg img {
overflow: hidden;
width: 300px;
height: 150px;}

#tabela1{
width:auto;
margin-left:10px;
  margin-right:10px;
  text-align:justify;
  color: rgb(0, 0, 0);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  text-align: left;
  text-indent: 0px;
  text-decoration: none;
  z-index:0;
  overflow: hidden;
  position:relative;
  margin-bottom:10px;
  margin-top:10px;}

#tabelaimg1{
float: left;
height: 200px;
padding-right:20px;
overflow: hidden;
padding-bottom:25px;
padding-top:25px;
position:relative;
width:200px;
}

#tabelaimg1 img {
width:215px;
}

.readmore a:link
{
font-size: 14px;
color:#000;}
.readmore a:visited
{
font-size: 14px;
color:#000;}
#promieniowanie td{
background:none;}
#smalllink{
font-size: 10pt;}
.realizacje{
width:462px;
border-right: 1px solid #8fec4b;
border-left: 1px solid #8fec4b;
  height:250px;
  border-bottom: 1px solid #8fec4b;
  border-radius: 0px 0px 5px 5px;
}
.realizacje p {
border: 0px;}
.oszczednosc{
  width:153px;
  float:left;
  border: 1px solid #8fec4b;
  border-radius:5px 5px 5px 5px;
}
.opis {
  width:295px;
  float:left;}
#rozmiar {
display: block;
height:300px;}
.o_title{
height:34px;
background: url('../img/o_bg.png') repeat-x;
text-align: center;
border-radius:5px 5px 0px 0px;
color: #f9b700;}
.o_title strong {
  display:block;
padding-top:5px;
margin-left:10px;
margin-right:10px;}
.o_img {
  background: url('../img/o_tab_bg.png') repeat-x;
  display:block;
  height:167px;
border-radius:0px 0px 5px 5px;
 
}
.o_img img {
 margin-top:0px;}
strong a:link, strong a:visited {
font-weight: 500;}

.info{
display:block;
width: 480px;
height: 178px;
}
.info_images{
  float:left;
  width:217px;
  height:178px;
  text-align: center;
}
.info_images img{
display:block;
margin:auto;}
.info_opis{
float:left;
width:250px;
padding-top:10px;}
.caption-wrapper{
display:block;
margin:auto;}
#paragraph img{
margin-right:5px;
}

/***kalkulator***/
#kalkulator{
  margin-top:20px;
  width:464px;
  height:269px;
  margin-bottom:30px;
 
}
#kalkulator td{
padding-top:0px;
padding-bottom:0px;}
#buttons{
width: 269px;
  height:269px;
  background: url('../img/calculator-house.png') no-repeat;
   float:left;
  display: table-cell;
    vertical-align: bottom;
}
#form{
  width:177px;
  height:269px;
  margin-left:18px;
  float:left;
}
#form table {
width:177px;}
sup {
}


#button .button{
display:block;
margin:auto;}
.button {
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2152ac), color-stop(1, #14397e));
  background:-moz-linear-gradient(top, #2152ac 5%, #14397e 100%);
  background:-webkit-linear-gradient(top, #2152ac 5%, #14397e 100%);
  background:-o-linear-gradient(top, #2152ac 5%, #14397e 100%);
  background:-ms-linear-gradient(top, #2152ac 5%, #14397e 100%);
  background:linear-gradient(to bottom, #2152ac 5%, #14397e 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2152ac', endColorstr='#14397e',GradientType=0);
  background-color:#2152ac;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  border:0px;
  display:inline-block;
  cursor:pointer;
  color:#ffffff;
  font-family:arial;
  font-size:12px;
  font-weight:bold;
  padding:8px 20px;
  margin-top:238px;
  text-decoration:none;
  text-shadow:0px 1px 0px #000000;
margin-left:40%;
}
.button:hover {
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #14397e), color-stop(1, #2152ac));
  background:-moz-linear-gradient(top, #14397e 5%, #2152ac 100%);
  background:-webkit-linear-gradient(top, #14397e 5%, #2152ac 100%);
  background:-o-linear-gradient(top, #14397e 5%, #2152ac 100%);
  background:-ms-linear-gradient(top, #14397e 5%, #2152ac 100%);
  background:linear-gradient(to bottom, #14397e 5%, #2152ac 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#14397e', endColorstr='#2152ac',GradientType=0);
  background-color:#14397e;
}
.button:active {
  position:relative;
  top:1px;
}



 .textbox {
    background: white;
    border: 1px solid #DDD;
    border-radius: 5px;
    box-shadow: 0 0 5px #DDD inset;
    color: #000;
   font-style: normal;
   font-weight: 400;
  width:98%;
    outline: none;
  font-size:14px;
    height:22px;
   }

#wynik{
margin-top:18px;
 display:block;
  margin:auto;
width: 328px;
 height:69px;
border: 1px solid #8fec4b;
border-radius: 5px 5px 5px 5px;
box-shadow: 0px 0px 3px 1px #56860e;
color: #fff;
  text-shadow:-1px -1px 1px #16223d;
 overflow:hidden;
  margin-bottom:30px;
}
#wynik sup {
font-size: 12px;
font-weight:400;}
.moc {
  width:138px;
height:69px;
  padding-top:3px;
    background: url('../img/bg_moc.png') repeat-x;
border-radius: 5px 0px 0px 5px;
  text-align: center;
 font-weight:400;
  font-size:14px;
float:left;
}
.moc p{

padding-top: 11px;}
.pow{
   padding-top:3px;
line-height: 8px;
height:69px;
    background: url('../img/bg_pow.png') repeat-x;
border-radius: 0px 5px 5px 0px;
text-align: center;
font-weight:400;
font-size:14px;
line-height: 8px;}
.moc_pompy {
  width:138px;
height:69px;
  padding-top:3px;
    background: url('../img/bg_moc.png') repeat-x;
border-radius: 5px 0px 0px 5px;
  text-align: center;
 font-weight:400;
  font-size:14px;
float:left;
  line-height: 8px;
}
#wynik p{
  margin-top:6px;
font-size: 20px;
  color: #fff;
  font-weight:600;
text-align:center;
}
#item-page table, td, sup{
font-size:12px;
font-weight:normal;}
.button2 {
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2152ac), color-stop(1, #14397e));
  background:-moz-linear-gradient(top, #2152ac 5%, #14397e 100%);
  background:-webkit-linear-gradient(top, #2152ac 5%, #14397e 100%);
  background:-o-linear-gradient(top, #2152ac 5%, #14397e 100%);
  background:-ms-linear-gradient(top, #2152ac 5%, #14397e 100%);
  background:linear-gradient(to bottom, #2152ac 5%, #14397e 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2152ac', endColorstr='#14397e',GradientType=0);
  background-color:#2152ac;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  border:0px;
  display:inline-block;
  cursor:pointer;
  color:#ffffff;
  font-family:arial;
  font-size:12px;
  font-weight:bold;
  padding:8px 20px;
  margin-left: 20%;
  
  text-decoration:none;
  text-shadow:0px 1px 0px #000000;
  margin-bottom:15px;
}
.button2:hover {
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #14397e), color-stop(1, #2152ac));
  background:-moz-linear-gradient(top, #14397e 5%, #2152ac 100%);
  background:-webkit-linear-gradient(top, #14397e 5%, #2152ac 100%);
  background:-o-linear-gradient(top, #14397e 5%, #2152ac 100%);
  background:-ms-linear-gradient(top, #14397e 5%, #2152ac 100%);
  background:linear-gradient(to bottom, #14397e 5%, #2152ac 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#14397e', endColorstr='#2152ac',GradientType=0);
  background-color:#14397e;
}
.button2:active {
  position:relative;
  top:1px;
}

.f-nav{ z-index: 9999; width:900px; position:fixed; display:block; margin-left:auto; margin-rigth:auto; margin-top:0; top:0; margin-left:1px;background: #86a1d8 url('../img/menu_l.png') repeat-x; box-shadow: 0px 3px 3px rgba(48, 57, 62, 0.6);}
.scrollmenu {
    width:900px;
    height:40px;
    z-index:23;
  
}
.scrollmenu a {
    color:#ffffff;
    text-shadow:-1px -1px 1px #16223d;
    display:inline;
    float:left;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    text-align: center;
    line-height: 240%;
    margin-left:25px;
    margin-right:25px;
  z-index:24;
}
.scrollmenu a:hover {
    color:#b2c4ff;
    text-shadow:1px 1px 3px #000000;
  z-index:24;
}
.scrollmenu ul {
list-style-type:none;
}
.aside{}
.f-nav2{ z-index: 9999; position:fixed; display:block; margin-left:auto; margin-rigth:auto; margin-top:83px; top:0;}
.fotos{}
.f-nav3{ z-index: 9999; width:185px; position:fixed; display:block; margin-left:auto; margin-rigth:auto; margin-top:83px; top:0;}
#eco_menu img{
margin-left:5px;}
em {

font-style:italic;}
#instalacja_grzewcza sup, #rodzaj_budynku sup {font-size:10px;}

#maxfrust {
    border: #bfbfbf solid 1px;
    border-radius: 8px;
  background: #ebebeb;
    /* left: auto; */
    /* right: auto; */
    width: 250px;
    display: block;
    text-align: center;
    margin: 0 auto;
    padding: 15px;
}
  /***Models TABLE ***/
  #models {
  width:100%;
  border-collapse: collapse;
  font-weight:200;
  margin-bottom:20px;
  border: none;
  }
  
  #models thead th{
  font-size:12px;
  color:#fff;
  text-align:center;
  background: #86a1d8;
  padding:5px;
  text-shadow: -1px -1px 1px #2b4b8b;
  }
  #models td {
  font-size:12px;
  font-weight:300;
  text-align:center;
  border-bottom:1px solid #000;
  background: #ebebeb;
  }
  #models table .model_name, #article table .model_price {
  font-weight: 600;}
  #models .model_price {
  background: #fff;}
#models .model_price span{
font-size:9px;
color:red;}
#models .model_name {
width:130px;}
/***Models calss***/
  #article .models {
  width:100%;
  border-collapse: collapse;
  font-weight:200;
  margin-bottom:20px;
  }
  
  #article .models thead th{
  font-size:12px;
  color:#fff;
  text-align:center;
  background: #000;
  padding:5px;
  }
  #article .models td {
  font-size:12px;
  font-weight:300;
  text-align:center;
  border-bottom:1px solid #a4a8af;
  background: #dee3eb;
  }
  #article .models table .model_name, #article table .model_price {
  font-weight: 600;
background: #fff;}
  #models .model_price {
  background: #fff;}
  #article .models .model_price span{
font-size:9px;
color:red;}
  #article .models .model_name {
width:100px;}
/*============================================================================================================================*/