/* 
    Document   : style
    Created on : Sep 10, 2014, 11:36:47 AM
    Author     : turanchox
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@font-face {
    font-family: Bebas;      
    src: url('fonts/BebasNeue_Regular_0.otf') format('truetype');
}

@font-face {    
    font-family: Tahoma;      
    src: url('fonts/tahoma.ttf') format('truetype');
}

body{
    background:#fff;
    font-family: Tahoma; 
}

a{
    font-family: Tahoma;
    font-size: 18px;
    color: #4f4f4f;    
    display:inline-block;
    /*padding:10px;*/    
}

#menu{
    font-family: Bebas;
    width:200px;
    height:100%;
    float:left;
    margin:20px;
    position:absolute;
    top:0px;
}

.menu_item{
    height:25px;
    vertical-align: bottom;
    margin:10px;
}

.menu_item img{
    width:17px;    
    float:left;
}

.menu_icon{    
    width:20px;

    float:left;    
}


.menu_item a{
    font-family: Bebas;
    font-size: 18px;
    color: #4f4f4f;
    text-decoration: none;    
    padding:3px;    
}

.menu_item:hover{
    background-color: #e5e5e5;
}

.menu_item .active a{    
    background-color: #e5e5e5;    
}

.menu_item span{
    margin-left:10px;
}

.menu_item_active span{
    margin-left:10px;
}

#content{
    margin: 40px 40px 40px 250px;    
}

.translate a{
    font-size: 18px;
    color: #4f4f4f;
}

#main_title{    
    margin-bottom:20px;
}

#main_title a{    
    text-decoration: none;
}

#main_title img{
    display:block;
    margin-bottom:10px;
}

#main_title span{
    font-family: Bebas;
    display:block;
    text-align: left;
    font-size: 37px;
    color: #007b7c;
}

#container{
    left:200px;
    font-family: Tahoma;
    /*min-width: 60em;*/ 
    /* 960 px */
    /*margin: 40px 0px 0px 250px;*/
    /*margin:40px;*/
    font-size: 18px;
    color: #595959;
    /*height:100% !important;*/
    text-align:left;
}

#list
{
/*    overflow: hidden;
    margin-bottom: -1.875em;
    -webkit-column-count: 3;
    -webkit-column-gap: 1.875em;
    -webkit-column-fill: auto;
    -moz-column-count: 3;
    -moz-column-gap: 1.875em;
    -moz-column-fill: auto;
    column-count: 3;
    column-gap: 1.875em;
    column-fill: auto;*/
}
.item
{
    margin-bottom: 20px;
    display: none;
    max-width:400px;
}

.item a img {
    width: 200px;
}

/*.msr
{
max-width:400px; 
}*/
/*.item { 
    width: 25%;
    height:100%;
    float:left;
}*/
.item img{ 
    

}
.item.w2 { width: 50%; }

.center{
    text-align: center;
}

.title{
    font-family: Bebas;
    font-size: 37px;
    color: #363636;
    text-align: center;
}

.title_art{
    font-family: Bebas;
    font-size: 37px;
    color: #373737;    
}

.title_art_blue{
    font-family: Tahoma;
    font-size: 18px;
    color: #007b7c;    
}

.leftimg {
    float:left;
    margin: 7px 7px 7px 0;
}
.rightimg  {
    float: right;
    margin: 7px 0 7px 7px;
}

.left_col{
    width: 30%;
    float: left;
    margin-bottom: 40px;
}

.right_col{
    width: 40%;    
    margin-left: 30%;
    margin: 40px;
}