@import url(http://fonts.googleapis.com/css?family=Andika&subset=cyrillic-ext,latin);
@import url(simenta-font.css);

body{
    font-family: "Andika", "Verdana", sans-serif;
    margin:0;
    padding:0;
}

h2{
    font-weight:200;
}

section{
    width:100%;
}

.page{
    width:1000px;
    height:100%;
    margin:0 auto;
}

.header{
    width:100%;
    height:160px;
    display:block;
    position:relative;
}

.logo{
    display:inline-block;
    height:120px;
    margin-top:20px;
}

.menu{
    list-style:none;
    margin:10px 0 0;
    padding:0;
    width:390px;
    display:inline-block;
    vertical-align: top;
}

.menu li{
    width:90%;
    padding:0 10%;
 }

.menu.left li{
    text-align:right;
    padding:0 10% 0 0;
}

.menu li a:link, .menu li a:visited, .menu li a:hover{
    text-decoration:none;
    text-transform: lowercase;
    color:rgb(126,2,0);
    font-size:20px;
    opacity:1;
    transition: opacity .4s ease-out;
    -webkit-transition: opacity .4s ease-out;
}

.menu li a:hover{
    opacity:0.7;
}

.header h2{
    display:inline-block;
    width:540px;
    margin-left:50px;
    line-height:80px;
    vertical-align:top;
}

section.content {
    font-size:16px;
    line-height:20px;
    margin:0;
    padding:0;
    display:block;
    color:#fff;
    background-position:0 -160px;
}

section h4{
    font-weight:none;
    font-size:24px;
    margin:0;
    padding:0;
}

.team{
    height:525px;
}

.partners{
    height:510px;
}

.capacity{
    height:510px;
}

.history{
    height:440px;
}

.products{
    height: 520px;
}

.gallery{
    height:560px;
}

.contacts{
    height:400px;
    position:relative;
}

.rights{
    height:50px;
    position:relative;
}

.partners div:first-child, .capacity div:first-child{
    display:inline-block;
    width:500px;
    height: 430px;
    padding:20px;
    margin:20px;
    background:rgba(195,200,82,0.3);
    color:rgb(126,2,0);
    vertical-align: top;
}

.partners div:last-child, .capacity div:last-child{
    display:inline-block;
    width:330px;
    height: 430px;
    padding:20px;
    margin:20px;
    color:rgb(126,2,0);
}

.team:hover{

}

.team div{
    margin-top:30px;
    width:340px;
    height:430px;
    padding:20px;
    background:rgba(71,14,21,0.3);
    float:right;
    margin-right:30px;
}

.history div{
    margin-top:30px;
    width:340px;
    height:340px;
    padding:20px;
    background:rgba(71,14,21,0.3);
    float:right;
    margin-right:30px;
}

.products div{
    margin-top:20px;
    width:900px;
    background:rgba(71,14,21,0.3);
    float:right;
    margin-right:30px;
    padding:10px 15px 30px;
}

.products div ul{
    width:100%;
    display:inline-block;
    margin:0;
    padding:0;
    vertical-align: top;
}

.products div>ul>li{
    width:24%;
    display:inline-block;
}

.products div>ul>li>p{
    font-size:18px;
    margin-left:-22px;
}

.products div>ul>li:first-child{
    margin-left:20px;
}


.gallery{
    width:720px;
    margin:auto !important;
}

.gllry{
    display:inline-block;
    vertical-align: middle;
    width:600px;
    height:400px;
    overflow:visible !important;
    background:#fff !important;
    margin:auto;
}

.gllry h3{
    position:absolute;
    top:-55px;
    color:rgb(126,2,0);
    font-size:24px;
}

.gllry ul.breadcrumbs{
    height:18px !important;
    bottom:0px !important;
}

.size, .gllry ul.size{
    width:600px;
    height:400px;
}

.gallery>div>a:link, .gallery>div>a:visited, .gallery>div>a:hover{
    text-decoration:none;
    margin-top:250px;
    font-size:54px;
    display:inline-block;
    color:rgb(195,200,82);
    transition:opacity .4s ease-out;
    -webkit-transition:opacity .4s ease-out;
}

.gallery>div>a:hover{
    opacity:0.7;
}

.contacts div:first-child{
    width:100%;
    height:100%;
}

.contacts div.contact-box{
    background:rgba(195,200,82,0.7);
    position:absolute;
    top:80px;
    width:350px;
    height:210px;
    padding:20px;
    color:rgb(126,2,0);
    left:40px;
}

.content a:link, .content a:visited, .content a:hover{
    color:rgb(126,2,0);
    font-size:18px;
    opacity:1;
    -webkit-transition:opacity .2s ease-out;
    transition:opacity .2s ease-out;
}

.content a:hover{
    opacity:0.7;
}

.rights p{
    color:rgb(126,2,0);
    text-align:center;
}

.languages{
    list-style:none;
    position:absolute;
    top:0;
    right:5px;
    margin:0;
    padding:0;
}

.languages li{
    display:inline-block;
}

.languages li a:link, .languages li a:visited, .languages li a:link{
    font-size:14px;
}

.map {
    background-image: url(./simenta-map.png);
    background-size: cover;
}