/* 
    Document   : catalog
    Created on : 2013-04-06, 10:46:58
    Author     : eddi
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}

body { font-family: 'Lato', sans-serif; }

#page { top: 298px; }
#page .eddi { background-color: yellowgreen; }
#page .content #menu { background-color: yellowgreen; }

.catalog .menu_type { width: 734px;position: absolute;left: 288px;height: 34px;top: 21px; }
.filtr { position: absolute;right: 160px;top: 75px;width:718px;height: 54px;background-color: red;border: 1px solid #CCCCCC;background-color: #EDEDED; }
.filtr .search { position: absolute;top: 20px;left: 20px; }
.filtr .radom { position: absolute;top: 20px;left: 275px; }
.filtr .options {  }
.filtr_left { width: 238px;border: 1px solid #CCCCCC;background-color: #FFFFFF;float: left;margin-left: 29px;display: block;margin-top: 60px; }

/* menu catalog, category */
.filtr_left .title { width: 100%;text-align: center;font-size: 12px;margin-top: 5px; }
.filtr_left .menu { width: 100%; }
.filtr_left .menu .line { width: 90px;border-bottom: 1px solid black;margin: 0 auto; }
.filtr_left .menu .buttom { width: 300px;margin-left: 22px;margin-bottom: 15px;overflow: hidden; }
.filtr_left .menu .buttom .link { width: 85px;height: 18px;border: 1px solid black;text-align: center;font-size: 10px; }
.filtr_left .menu .buttom .link a {  }
.filtr_left .menu .buttom .active { background-color: #09991e; }
.filtr_left .menu .buttom .active a { color: white; }

.filtr_left .localtion { margin-top: 15px; }
.filtr_left .localtion li { font-size: 11px;list-style-type: none; }
.filtr_left .localtion li a { color: black; }
.filtr_left .localtion li a:hover { color: red; }

.filtr_left .localtion .catalog_name { margin-top: 5px;cursor: pointer; }
.filtr_left .localtion .catalog_name a { text-decoration: none;color: red;font-weight: bold; }
.filtr_left .localtion .catalog_name a:hover { color: red; }

.filtr_left .localtion .category_name { padding-left: 20px;font-size: 11px;padding-bottom: 3px; }
.filtr_left .localtion .category_name a { text-decoration: none;color: black; }
.filtr_left .localtion .category_name a:hover { color: red; }
/* end */

.swich .menu_type { width: 300px;height: 20px;overflow: hidden; }
.swich .menu_type .type { width: 116px;height: 18px;text-align: center;color: white;font-size: 12px;border: 1px solid black;color: black; }
.swich .menu_type .type a { color: black;font-size: 11px;text-align: center;padding-bottom: 2px; }
.swich .menu_type .active { background-color: #2B2B2B;color: white; }
.swich .menu_type .active a { color: white; }

.swich { position: absolute;top: 21px;left: 29px;width: 240px;height: 20px; }
.content { width: 724px;min-height: 500px;margin-top: 101px;margin-left: 400px; }
.content .position_list { overflow: hidden;margin-bottom: 120px;width: 100%;margin-top: 20px;margin-bottom: 10px; }
.content .position_list .position_box { position: relative;margin-bottom: 5px; }
.content .position_list .position_box .title { background-color: gray;color: white;position: absolute;bottom: 0;width: 100%;height: 24px;text-align: center; }
.content .position_list .position_box .title .border { border: 1px solid white;margin: 2px; }

#menu .list_box { width: 721px;height: 129px;position: relative;border: 1px solid #8c8c8c;margin-bottom: 5px; }
#menu .list_box .location { position: absolute;width: 500px;height: 17px;top: 0px;left: 41px;font-size: 12px; }
#menu .list_box .number { position: absolute;top: 18px;left: 6px;width: 30px;height: 20;background-color: #4D4D4D;color: white;text-align: right;padding-right: 3px; }
#menu .list_box .name { position: absolute;top: 18px;left: 41px;min-width: 259px;height: 20;background-color: #4D4D4D;color: white;text-align: left;padding-left: 3px; }
#menu .list_box .icon_like { position: absolute;top: 18px;right: 70px; }
#menu .list_box .icon_porownaj { position: absolute;top: 18px;right: 40px; }
#menu .list_box .icon_podziel_sie { position: absolute;top: 18px;right: 10px; }
#menu .list_box .title { position: absolute;top: 46px;left: 41px;width: 662px;font-size: 13px; }
#menu .list_box .price { position: absolute;bottom: 16px;left: 41px;width: 670px; }
#menu .list_box .profil { position: absolute;bottom: 16px;right: 10px;font-size: 11px; }
#menu .list_box .price .basket { width: 18px;height: 17px;margin-right: 2px; }
#menu .list_box .price .value { width: 80px;height: 17px;color: white;text-align: center;background-color: #666666;margin-right: 20px;font-size: 13px;font-weight: bold; }

.active a { color: red;font-weight: bold; }

#catalog .catalog { width: 735px;overflow: hidden;float: right;margin-right: 0px; }
#catalog .catalog .container { float: left;overflow: hidden;width: 230px;margin-bottom: 10px;margin-right: 15px; }
#catalog .catalog .container .box_image { border: 1px solid #e6e6e6;width: 228px;height: 248px; }
#catalog .catalog .container .title { font-size: 14px; }