/* 
    Document   : style
    Created on : 05.02.2013, 10:17:30
    Author     : KiPa
    Description:
        Purpose of the stylesheet follows.
*/
/*@font-face {
    font-family: 'Segoe UI';
    src: url('./fonts/segoeui.ttf');
    font-weight: normal;
    font-style: normal;

}*/
html{
    height: 100%;
}
body{
    font: 100% "Arial";
    height: 100%;
    min-width: 952px;
    background-color: #e6e6e6;
    color: #252525;
}
a{
    color: #009bc9;
    border: 0px;
}
a:hover{
    text-decoration: none;
}
a img{
    border: none;
    outline: none
}
table tr td{
    vertical-align: top;
}
.clear{
    display: inline-block;
}
.body{
    width: 952px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
.h10{
    height: 10px;
    width: 100%;
}
div.header{
    padding-top: 30px;
    padding-left: 20px;
    position: relative;
    margin-bottom: 45px;
}
div.header a.logo{
    font-size: 0px;
    display: inline-block;
    margin-right: 55px;
}
div.header ul.menu{
    display: inline-block;
    position: relative;
    top: -25px;
}
div.header ul.menu li{
    display: inline;
    float: left;
    margin-left: 48px;
}
div.header ul.menu li:first-child{
    margin-left: 0px;
}
div.header ul.menu li a{
    font-size: 15px;
    color: #252525;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
}
div.header ul.menu li a:hover{
    color: #009bc9;
    text-decoration: underline;
    text-shadow: 0px 1px #fff;
}
div.header ul.menu li.active a{
    color: #009bc9;
    text-decoration: underline;
    text-shadow: 0px 1px #fff;
}
div.slider{
    width: 952px;
    height: 452px;
    background-image: url("../img/slider_bg.jpg");
    background-repeat: no-repeat;
    background-position: 0px 0px;
    position: relative;
    margin-bottom: 45px;
}
div.slider img.slogan{
    margin-top: 55px;
    margin-left: 40px
}
div.slider ul.menu{
    display: inline-block;
    height: 100px;
    margin-top: 60px;
    margin-left: 40px
}
div.slider ul.menu li{
    display: inline;
    float: left;
    height: 60px;
}
div.slider ul.menu li a{
    display: block;
    height: 60px;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    font-size: 0px;
}
div.slider ul.menu li a:hover{
    background-position: 0px -60px;
}
div.slider ul.menu li a:active{
    background-position: 0px -120px;
}
div.slider ul.menu li a.etiketki{
    width: 106px;
    background-image: url("../img/slider/menu/etiketki.png");
}
div.slider ul.menu li a.produkciya{
    width: 219px;
    background-image: url("../img/slider/menu/produkciya.png");
}
div.slider ul.menu li a.upakovka{
    width: 110px;
    background-image: url("../img/slider/menu/upakovka.png");
}
div.slider ul.menu li a.stakani{
    width: 100px;
    background-image: url("../img/slider/menu/stakani.png");
}
div.slider ul.slides{
    display: table;
    width: 326px;
    height: 452px;
    position: absolute;
    right: 0px;
    top: 0px;
}
div.slider ul.slides li{
    font-size: 0px;
    height: 452px;
    width: 326px;
}
div.slider ul.slides li div{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    height: 452px;
    width: 326px;
}
div.slider ul.slides li img{
    display: inline-block;
}
div.separator{
    border-top: 1px solid #c4c4c4;
    border-bottom: 1px solid #fff;
    width: 100%;
    font-size: 0px!important;
    line-height: 0px!important;
}

div.home-about{
    display: inline-block;
    width: 100%;
    font-size: 13px;
    line-height: 20px;
    color: #252525;
    margin-bottom: 50px;
}
div.home-about div.col-left{
    float: left;
    width: 660px;
    margin-right: 60px;
}
div.home-about div.col-right{
    float: left;
    width: 232px;
}
div.home-about h1{
    margin-top: 18px;
    margin-bottom: 20px;
}
div.home-about h1 a{
    display: inline-block;
    height: 32px;
    font-size: 21px;
    line-height: 32px;
    color: #252525;
    font-weight: normal;
}
div.home-about h1.about{
    padding-left: 50px;
    background-image: url("../img/ico/info.png");
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
div.home-about a.more{
    display: block;
    width: 130px;
    height: 48px;
    background-image: url("../img/buttons/more.png");
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
div.home-about a.more:hover{
    background-position: 0px -48px; 
}
div.home-about a.more:active{
    background-position: 0px -96px; 
}
div.home-about a.map{
    display: block;
    width: 156px;
    height: 48px;
    background-image: url("../img/buttons/map.png");
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
div.home-about a.map:hover{
    background-position: 0px -48px; 
}
div.home-about a.map:active{
    background-position: 0px -96px; 
}
div.home-about h1.contacts{
    padding-left: 62px;
    background-image: url("../img/ico/contacts.png");
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
div.home-about div.text{
    padding-bottom: 25px;
}
div.home-about div.text.contacts table tr td:first-child{
    padding-right: 10px;
}

div.content{
    padding-top: 45px;
    padding-left: 20px;
    padding-bottom: 60px;
    color: #252525;
    font-size: 15px;
    line-height: 20px;
}
div.content h1{
    font-size: 21px;
    font-weight: bold;
    color: #009bc9;
    text-shadow: 0px 1px #fff;
    text-transform: uppercase;
    padding-bottom: 25px;
}
div.note{
    font-size: 16px;
    line-height: 20px;
    font-style: italic;
    padding-left: 45px;
    background-image: url("../img/ico/note.png");
    background-repeat: no-repeat;
    background-position: 0px 0px;
    margin-top: 40px;
    margin-left: 20px;
    position: relative;
}

/*CATEGORIES*/
div.categories{
    padding-top: 45px;
    padding-bottom: 80px;
    text-align: center;
}
div.categories div.category-row{
    display: inline-block;
}
div.categories div.category-row div.category{
    float: left;
    width: 212px;
    margin-left: 33px;
    text-align: center;
}
div.categories div.category-row div.category:first-child{
    margin-left: 0px;
}
div.categories div.category-row div.category a{
    font-size: 20px;
    color: #252525;
}
div.categories div.category-row div.category img{
    display: inline-block;
    margin-bottom: 20px; 
}
a.button-request{
    display: block;
    width: 202px;
    height: 48px;
    position: absolute;
    right: 20px;
    top: 5px;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-image: url("../img/buttons/request.png");
}
a.button-request:hover{
    background-position: 0px -48px;
}
a.button-request:active{
    background-position: 0px -96px;
}

div.gallery{
    float: left;
    width: 680px;
    margin-right: 40px;
}
div.gallery-categories{
    float: left;
    width: 230px;
    background-color: #41c5ec;
    border: 1px solid #009bc9;
    border-radius: 5px;
    margin-top: 45px;
}
div.gallery-categories > ul > li{
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid #009bc9;
}
div.gallery-categories > ul > li:first-child{
    border-top: none;
}
div.gallery-categories > ul > li div.title{
    font-size: 24px;
    text-transform: uppercase;
    color: #fff;
}
div.gallery-categories ul li div{
    padding-left: 20px;
    padding-right: 20px;
}
div.gallery-categories ul > li a.title{
    font-size: 20px;
    color: #252525;
    text-decoration: none;
    display: inline-block;
}
div.gallery-categories ul > li ul.sections li{
    font-size: 15px;
    color: #252525;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
}
div.gallery-categories ul > li ul.sections li:first-child{
    /*padding-top: 0px;*/
}
div.gallery-categories ul li ul.sections li a{
    color: #252525;
    text-decoration: none;
    display: inline-block;
}
div.gallery-categories ul li ul.sections li a:hover{
    color: #007ea4;
}
div.gallery-categories ul > li a:hover{
    color: #007ea4;
}
div.gallery-categories ul > li ul.sections li.active{
    color: #007ea4;
    background-image: url("../img/list-image.png");
    background-repeat: no-repeat;
    background-position: 8px 16px;
}

/*services*/
h2{
    font-size: 18px;
    font-weight: bold;
}
div.services{
    
}
div.services table{
    
}
div.services table tr td{
    vertical-align: top;
    font-size: 15px;
    line-height: 24px;
    padding-top: 75px;
}
div.services table tr:first-child td{
    padding-top: 30px;
}
div.services table tr:first-child td:first-child{
    padding-top: 0px;
}
div.services table tr td:first-child{
    padding-right: 55px;
    padding-top: 45px;
}
div.services table tr td img{
    display: inline-block;
}
div.services table tr td ul{
    margin-left: 30px;
}
div.services table tr td ul li{ 

}
div.services table tr td ul li:before{ 
    content:"-"; 
    position:relative; 
    left:-5px;
}

/*contacts*/
div.contacts{
    line-height: 24px;
}
div.contacts table tr td{
    padding-right: 10px;
}
div.contacts table tr td:first-child{
    padding-right: 45px;
}
div.contacts h2{
    font-size: 18px;
    color: #009bc9;
    font-weight: normal;
}
h2{
    font-size: 18px;
    color: #009bc9;
    font-weight: bold;
}
h3{
    font-size: 15px;
    color: #009bc9;
    font-weight: bold;
}
div#map{
    width: 100%;
    height: 500px;
}

/*info*/
div.info{
    
}
div.info table tr td{
    
}
div.info table tr td:first-child{
    width: 210px;
    padding-right: 20px;
    text-align: center;
}
div.info table tr td ul{
    margin-left: 22px;
}
div.info table tr td ul li{
    padding-top: 15px;
    list-style-type: decimal;
}
div.info table tr td ul li:first-child{
    padding-top: 0px;
}
form.calculate{
    
}
form.calculate div.col-left{
    width: 340px;
    float: left;
    margin-right: 20px;
}
form.calculate div.col-right{
    width: 340px;
    float: left;
}
form.calculate div.wrapper{
    padding-left: 20px;
    margin-bottom: 30px;
}
form.calculate div.wrapper.req{
    background-image: url("../img/ico/req.png");
    background-repeat: no-repeat;
    background-position: 0px 13px;
}
form.calculate input[type="text"]{
    width: 300px;
    height: 30px;
    border: none;
    background: none;
    border-top: 1px solid #b8b8b8;
    background-color: #fff;
    border-radius: 5px;
    padding-left: 10px;
    padding-right: 10px;
    outline: none;
}
form.calculate textarea{
    width: 300px;
    height: 76px;
    border: none;
    background: none;
    border-top: 1px solid #b8b8b8;
    background-color: #fff;
    border-radius: 5px;
    padding: 10px;
    outline: none;
}
form.calculate div.submit-wrapper{
    padding-left: 158px;
    position: relative;
    font-size: 12px;
    line-height: 18px;
}
form.calculate div.submit-wrapper input{
    display: block;
    position: absolute;
    left: 20px;
    top: 3px;
    font-size: 0px;
    width: 109px;
    height: 48px;
    background: none;
    border: none;
    outline: none;
    cursor: pointer;
    background-image: url("../img/buttons/send.png");
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
form.calculate div.submit-wrapper input:hover{
    background-position: 0px -48px;
}
form.calculate div.submit-wrapper input:active{
    background-position: 0px -96px;
}

/*EQUIPMET*/
div.equipment{
    font-size: 13px;
    font-weight: bold;
    line-height: 20px;
}
div.equipment table{
    width: 100%
}
div.equipment table tr td:first-child{
    width: 532px;
}

div#container div.content{
    padding-left: 0px;
    padding-bottom: 0px;
}

ul.home-menu{
    display: inline-block;
    width: 100%;
    margin-top: 50px;
    margin-left: 58px;
}
ul.home-menu li{
    float: left;
    width: 225px;
    margin-left: 80px;
}
ul.home-menu li:first-child{
    margin-left: 0px;
}
ul.home-menu li a{
    display: block;
    width: 225px;
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
ul.home-menu li a.calc{
    height: 240px;
    background-image: url("../img/buttons/calc.png");
}
ul.home-menu li a.calc:hover{
    background-position: 0px -239px;
}
ul.home-menu li a.info{
    height: 232px;
    position: relative;
    top: 8px;
    background-image: url("../img/buttons/info.png");
}
ul.home-menu li a.info:hover{
    background-position: 0px -232px;
}
ul.home-menu li a.tech{
    height: 240px;
    position: relative;
    top: -1px;
    background-image: url("../img/buttons/tech.png");
}
ul.home-menu li a.tech:hover{
    background-position: 0px -240px;
}

ul.home-menu-text{
    display: inline-block;
    width: 100%;
    margin-top: 45px;
    margin-left: 58px;
    position: relative;
    top: 10px;
}
ul.home-menu-text li{
    float: left;
    width: 225px;
    margin-left: 80px;
}
ul.home-menu-text li:first-child{
    margin-left: 0px;
}
ul.home-menu-text li a{
    display: block;
    width: 225px;
    height: 45px;
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
ul.home-menu-text li a:hover{
    background-position: 0px -45px;
}
ul.home-menu-text li a.calc{
    background-image: url("../img/buttons/calc2.png");
}
ul.home-menu-text li a.info{
    background-image: url("../img/buttons/info2.png");
}
ul.home-menu-text li a.tech{
    background-image: url("../img/buttons/tech2.png");
}


div.footer{
    margin-top: 50px;
    padding-bottom: 60px;
    position: relative;
    font-size: 13px;
}
div.footer div.copyright{
    position: absolute;
    top: 23px;
    right: 20px;
}
div.footer ul.menu{
    display: inline-block;
    margin-top: 20px;
}
div.footer ul.menu li{
    float: left;
    margin-left: 20px;
}
div.footer ul.menu li a{
    color: #252525;
    text-decoration: none;
}
div.footer ul.menu li a:hover{
    color: #009bc9;
    text-decoration: underline;
}
div.footer ul.menu li.active a{
    color: #009bc9;
    text-decoration: underline;
}

.errors{
    color: red;
}
.errors strong{
    font-weight: bold;
}
.errors .requiredlist{
    display: block;
    margin-left: 25px;
}
.errors .requiredlist span{
    display: list-item;
}