html{ 
background: #118bd1 url(../images/bg_top.jpg) center top no-repeat;
width: 100%;
}
body{
  font-family: Verdana;
  font-size: 10px;
  line-height: 13px;
  background: url(../images/bg_footer.gif) left bottom repeat-x;
  position: absolute;
  width: 100%;
  color: #fff;
}
a{color: #fff}
a p{color: #1993D7 !important; text-decoration: underline}
a:hover p{text-decoration: none}
#main{width: 1000px; margin:0 auto; }
#header{width: 1000px; float: left; height: 115px; padding-top: 20px;}
#header div.about{ width: 310px; height: 90px; float: left; padding: 10px; margin-right: 7px; }
#header a.logo{display: block; float: left; width: 289px; height: 95px; background-image: url(../images/logo.jpg); }
#header div.links {float: left; margin-left: 25px; margin-top: 15px; margin-right: 5px;}
#header div.links a{display: block; float: left; margin-right: 10px; height:40px; }
#header div.links a.home{width: 16px; height: 16px; background-image: url(../images/icons/home.png);}
#header div.links a.map{width: 16px; height: 16px; background-image: url(../images/icons/map.png);}
#header div.links a.email{width: 16px; height: 16px; background-image: url(../images/icons/mail.png);}
#header div.links a.active{opacity: 0.5;}

#header div.contacts{float: left; padding-top: 10px; width: 250px; height: 70px;}
#header div.contacts span{font-size: 25px; line-height: 33px;}
#header div.lang{float: left; width: 70px; margin-left: 25px; margin-top: -30px;}
#header div.lang a{ display: block; float: left; width:35px; height: 20px;}
#header div.lang a.selected{ font-weight: bold; text-decoration: none; }

#content{float: left; width: 605px; background:#349cd8 url(../images/bg_content.png) 0px 0px repeat-x; padding:3px 10px; }
#content a.other{display: block; float: right; width: 117px; height: 19px; background-image: url(../images/bg_other.jpg); text-indent: 13px; font-size:11px; line-height:17px;  }
#content p {text-indent: 20px;}
#content > i{line-height:20px; font-style: normal}

#brands{float: left; width: 605px; height: 335px; background: url(../images/bg_brands.gif) 0px 0px repeat-x; margin-top: 5px;}
#brands div{float: left; width: 267px; height: 140px; line-height: normal; padding: 30px; padding-bottom:0; padding-right: 5px; padding-top: 25px;}
#brands div:hover{background: url(../images/bg_brand_.png) right bottom no-repeat}
#brands div.norfi, #brands div.konwektor{padding-top:20px; padding-bottom: 10px; }
#brands div p {color: #000}
#brands div p a{ font-weight: bold;}
#brands div a{ color: #1993d7; }
#brands div h1{display: block; width: 113px; height: 42px; margin-bottom: 10px; background-position: 0 center; background-repeat: no-repeat; }
#brands div h1 a{display: block; width: 113px; height: 42px;}
#brands div.juwent h1{background-image: url(../images/juwent.png);}
#brands div.nederman h1{background-image: url(../images/nederman.png);}
#brands div.norfi h1{background-image: url(../images/norfi.png);}
#brands div.konwektor h1{background-image: url(../images/konwektor.png);}
#brandsOther{ width: 545px; padding: 10px 30px;  float: left; background: #ddeef8 url(../images/bg_prod.gif) 0px 0px repeat-x; margin-top: 10px; min-height: 40px; }
#brandsOther a {font-size: 11px; color: #1993D7; }
#brandsOther img {max-width: 100px; max-height: 30px; vertical-align: middle; margin-left: 5px;}
                              
#products{float: left; width: 605px; background: url(../images/bg_content.png) 0px 0px repeat-x; padding:3px 10px; margin-left: -10px; margin-top: 10px;}
#products > a{font-size: 13px;}
#products div.product{ width: 605px;  float: left; background: #ddeef8 url(../images/bg_prod.gif) 0px 0px repeat-x; margin-top: 10px; min-height: 140px}
#products div.product h2, #products div.product h2 a {font-size: 12px; font-weight: bold; color: #1993d7; display: block; clear: both; float: right; width: 422px; line-height: 24px;}
#products div.product img{display: block; float: left; margin: 20px 0 0 20px; max-width: 145px; max-height: 120px;}
#products div.product > div{float: right; position:relative; width: 382px; height: 92px; background: #349dd7 url(../images/bg_prod_inner.jpg) 0px 0px no-repeat; margin: 10px; padding: 10px; padding-left: 20px;}
#products div.product > div a{display: block; position: absolute; right:10px; bottom: 10px; padding-right: 18px; background: url(../images/icons/pdf.gif) right 0px no-repeat;}
#products div.product.right h2{float: left; width: 422px; margin-left: 10px;}
#products div.product.right img{display: block; float: right; margin: 20px 20px 0 0px;}
#products div.product.right div{float: left; width: 382px; height: 92px; background-image: url(../images/bg_prod_inner.jpg); margin: 10px; padding: 10px; padding-left: 20px;}
#products p.note{display:block; float: left; height: 50px; width: 600px; background: url(../images/bg_note.jpg) 0px 0px no-repeat; padding: 10px; padding-top: 20px; font-size: 11px; color: #cde4f4}

#side{margin-left: 25px; float: left; width: 350px}
#side ul#smenu{width: 176px; list-style-type: none; font-size: 14px; margin-top: 5px; float: left; width: 155px  }
#side ul#smenu li{height:24px;}
#side form input[type=text]{border:0; display: block; width: 110px; height: 25px; line-height: 20px; background: url(../images/search.png) 0px 0px no-repeat; font-size: 10px; color: #cde4f4; font-family: Verdana; padding: 1px 35px 0px 10px; margin-top: 45px}
#side form input[type=submit] { display: none}
#side #partners{ width: 176px; height: 295px; margin-top: -43px; float: right; margin-right: 7px; background: url(../images/partners.png) 0px 0px no-repeat; }
#side #partners span{display: block; margin-top: 45px;}
#side #partners span + a{font-size: 12px; font-weight: bold; color: #20668a; display: block; margin-top: 55px; margin-left: 48px}
#side #partners span + a + span{ display: block; width: 50px; margin-top: 115px; margin-left: 20px;}
#side #partners span + a + span + a{ display: block; margin-top: 5px; margin-left: 55px; color: #fff}
#side h2{display: block; float: left; font-size: 14px; font-weight: normal; width: 175px; margin-top: 33px; text-decoration: underline}

#side ul#news, #side ul#library{list-style-type: none; width: 150px; float: left; color: #333; margin-top: 10px;}
#side ul#news li, #side ul#library li{ margin-top: 20px}
#side ul#news li a, #side ul#library li a{font-size: 12px; clear: both; display: block;}
#side ul#library{float: right}

#footer{width: 960px; float: left; height: 244px; margin-top: 35px; background: url(../images/bg_footer.gif) 0px 0px repeat-x; padding: 20px; position: relative}
#footer ul{list-style-type: none; width: 170px; float: left;margin-right: 20px }
#footer ul:first-child li a{color: #003a5a; font-size: 14px; line-height: 26px;}
#footer ul li:first-child a{color: #003a5a; font-size: 14px; line-height: 36px;}
#footer ul li a {color: #1993d7; text-decoration: none ; line-height: 18px;}
#footer ul li a p { text-decoration: none }
#footer ul li a:hover, #footer ul li a:hover p{text-decoration: underline}
#footer > span{display: block; position: absolute; bottom: 30px; left:20px; font-size: 11px; color: #003a5a;}
#footer i {display: block; position: absolute; bottom: 30px; right:30px; font-size: 11px; color: #003a5a; font-style: normal; }
#footer i a { color: #003a5a;}
/*
#wrap{width: 100%; height: 244px; background: url(../images/bg_footer.gif) left bottom repeat-x; position: absolute; bottom:0; left:0;}
*/
#news{padding-bottom: 7px; float: left}
#news div.item{ width: 565px; height: 123px; background:#fff url(../images/bg_page.gif) 0px 0px repeat-x; margin-top: 10px; padding: 20px;}
#news div.item a {color: #1993d7}
#news div.item h2 a{color: #1993d7; font-size: 17px; font-weight: normal;}
#news div.item .date{color: #1993d7; float: right; display: block; margin-top: -8px;}
#news div.item div {padding:10px 15px; color: #333; font-size: 11px; text-align: justify; line-height: 16px; height: 70px; overflow: hidden;}
#news div.item.brand div{width: 370px; float: left}
#news div.item.brand img{margin-top: -20px; max-height: 130px; }

#news div.item.one{min-height: 300px;}
#news div.item.one, #news div.item.one div {height: auto}
#news div.item.one h2{color: #1993d7; font-size: 17px; font-weight: normal;}
#news div.item.one.map{color: #003A5A; line-height: 16px; font-size: 11px;}
#news div.item.one.map ul {padding-left: 20px; list-style-type: none}
#news div.item.one.map ul ul ul {padding-left: 40px}

ul#brands{display: block; width:608px; height: 47px;  list-style-type: none;  }
ul#brands li {float: left; width: 304px; height: 46px; background-color: #fff;}
ul#brands li a {float: left;  height: 46px; display: inline;  vertical-align: middle; line-height:46px; }
ul#brands li a img {display: inline; height: 26px; padding: 10px;}
ul#brands li + li a {color: #1993D7; float: right; text-align: right; padding-right: 10px; width: 150px; font-size: 17px;}

ul#brandMenu{display: block; width:608px; height: 50px; list-style-type: none; float:left; position: relative;}
ul#brandMenu li{float: left; line-height: 24px; font-size:11px;}
ul#brandMenu li a{margin: 0px 5px; font-size: 12px }
ul#brandMenu li.selected a{font-weight: bold; text-decoration: none;}
ul#brandMenu li ul{display: none; list-style-type: none;}
ul#brandMenu li.selected ul{display: block; position: absolute; top: 25px; left: 0px; }
ul#brandMenu li.selected ul li{float: left; font-size: 10px; line-height: 12px;}
ul#brandMenu li.selected ul li a{font-weight: normal; font-size: 11px; padding: 1px 3px; line-height:16px;}
ul#brandMenu li.selected ul li a:hover{text-decoration: underline}
ul#brandMenu li.selected ul li a.active{font-weight: bold; background-color: #fff; color: #349CD8}
ul#brandMenu li.selected ul li a.active:hover{text-decoration: none}

div.pagination{
     width: 100%;
     float: left;
     font-weight:normal;
     font-size:10px;
     color: #184260;
     text-align:right;
     margin: 10px 0px;
   }
   div.pagination a{
     color:#fff;
     
   } 
   div.pagination a:hover{
     text-decoration:underline;
   }
   div.pagination a.selected, div.pagination a.selected:hover{
     color:#fff;
     font-weight: bold;
     text-decoration:none;
   }
   
   
#cse-search-results iframe{ width: 605px;}
#cse-search-results iframe table {display: none}
