/* 
    Document   : responsive.css
    Created on : 08.01.2013
    Author     : PDV
    Description: Moodlepartner
*/

/* Vse, krome obrazovek s vyssim rozlisenim */
@media screen and (max-width: 1220px) {

}

/* Telefony a Tablety (Portrait) */
@media screen and (max-width: 959px) {
    #header .block_to_pull,
    #header #header-logo-right.block_to_pull {
        display: none;
    }

    .header_puller {
        display: inline-block !important;
    }

    #header-logo-wrap {
        height: auto !important;
        position: relative;
    }

    #header #header-logo-bg {
        position: absolute !important;
    }

    #header #header-logo {
        position: relative !important;
    }

    #header #header-logo-right {
        width: 100%;
        height: auto;
        display: inline-block;
        z-index: 1002;

        background-color: #000;
    }

    #header #header-logo-right #hotline {
        display: none;
    }

    #header #header-logo-right #search {
        position: relative;
        right: auto;
        bottom: auto;
    }

    #header #menu_hlavicka ul li {
        width: 100%;
        display: inline-block;
        float: none;
        padding: 10px 0px;
        text-align: center;
    }

    #header #menu_hlavicka ul li a {
        width: 100%;
        display: block;
        text-align: center;
    }

    #header #header_menu_wrap {
        background: none;
    }
}
@media screen and (max-width: 959px) {
    #container, #footer_inner { width: 90% !important; }
    #footer #footer_inner .footer-block { display: none; }
    #footer #footer_inner { display: none; }
    #footer, #footer_wrap { height: 43px !important; }
    #footer #menu_paticka  { display: none; }
    #footer .footer_bott_inner { width: 100%; }
    #footer .footer_bott p { width: 100%; text-align: center !important; }
    body { margin-bottom: 43px !important; }
    #header-logo-wrap, #header-logo { width: 100% !important; text-align: center; }
    #header-logo-right { display: none; }
    #header-logo-bg, #header-logo { position: fixed !important; z-index: 10001 !important; }
    #header-logo-bg { background: #202020 left top repeat url(../images/head_noise.png) !important; }
    #responsive_gradient { display: block !important; }
    #breadcrumbs { height: auto !important; }

    #page-heading-title-inner { width: 100% !important; }
    #breadcrumbs { padding-right: 80px !important; }
    #breadcrumbs .breadcrumbs { top: 14px !important; width: 100% !important; box-sizing: border-box; padding: 0px 20px !important; }
    #page-heading-title-inner #kosik { width: 40px !important; z-index: 1000; }
    #page-heading-title-inner #kosik .vmCartModule { width: 100% !important; }
    #page-heading-title-inner #kosik .vmCartModule .kosik_middle { display: none !important; }

    #body_inner { background: none !important; }
    #header { height: auto !important; min-height: 115px; }
    #header_menu_wrap, #header_menu, nav#menu, nav#menu ul.menu, nav#menu ul.menu li a, nav#menu ul.menu li span { width: 100% !important; height: auto !important; min-height: 35px !important; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
    #header_menu { width: 100% !important; }
    #menubar { float: none !important; }
    #main { margin-top: 20px; }
    #slideshow_bg_grad { display: none; }
}

/* Tablety (Portrait) a Telefony (Landscape) */
@media screen and (min-width: 480px) and (max-width: 959px) {
    #maininner { width: 100% !important; left: auto !important; right: auto !important; padding: 0px !important; }
    #sidebar-a, #sidebar-b { width: 49% !important; left: auto !important; right: auto !important; margin-top: 15px; }
    #sidebar-a { float: left; }
    #sidebar-b { float: right; }

    /*#slideshow { display: none; }*/
    #slideshow { height: auto !important; }
    #slideshow_image { display: none; }
    #slideshow_buttons { width: 100% !important; }
    #slideshow_buttons .sl_button { width: 100% !important; height: 80px !important; margin-bottom: 10px; }
    #slideshow_buttons .sl_button .sl_button_title { width: 100% !important; height: 80px !important; }
    #slideshow_buttons .sl_button .sl_button_icon { top: 5px !important; }
    #slideshow_buttons .sl_button a.btn_title { top: 17px !important; }

    .prod_Item .prod_Im { width: 100%; text-align: center; }
    .prod_Item .prod_Im img { width: auto !important; max-width: 160px; }
    .prod_Item .prod_Item_detail_pdv { width: 100% !important; margin-left: 0px; }

    nav#menu { border: none !important; }
    nav#menu ul.menu li { width: 100% !important; border: none !important; }
    nav#menu ul.menu li.active, nav#menu ul.menu li:hover { margin-bottom: 0px !important; border: none !important; }
    #header-logo-inner { background: none !important; }
    #header_inner_right { background: none !important; clear: left; margin-left: 0px !important; }
    #menubar { width: 100% !important; margin-top: 0px !important; margin-bottom: 2px !important; text-align: center !important; }

    #rozcestnik .rozcestnik_item { width: 100% !important; }
    #menubar nav#menu select { width: 99% !important; }

    #telo_clanku .mod_body .novinka_datum { margin-right: 0px !important; padding-left: 15px !important; width: 100% !important; background-position: 1px center !important; }
    #telo_clanku .mod_body .novinka_datum { width: 100% !important; }

    #footer .footer_left { display: none; }
    #footer .footer_right { width: 100% !important; }
}

@media screen and (min-width: 480px) and (max-width: 575px) {
    .prod_Item .prod_Item_detail_pdv .price_bar .detail_btn { position: relative; padding: 5px 15px !important; }
}

/* Telefony */
@media screen and (max-width: 767px) {

}

@media screen and (max-width: 685px) {
    #slider_block_special_offer .product_block_box .product_image {
        height: 110px !important;
        min-height: 110px;
    }
}

/* Telefony (Landscape) */
@media screen and (min-width: 480px) and (max-width: 767px) {
    #menubar nav#menu select { width: 99% !important; }
    #prihlaseni { display: none; }

    #slideshow_wrap { display: none; }

    #footer .footer_left { display: none; }
    #footer .footer_right { width: 100% !important; }
    #footer .footer_right #menu_paticka { width: 100% !important; right: 0px !important; background: transparent !important; }
    #footer .footer_right #menu_paticka select { width: 99% !important; }       

    #rozcestnik .rozcestnik_item { width: 100% !important; }
}

@media (max-width: 480px), 
(min-width: 480px) and (max-width: 859px) {
    .productdetails-view .vrsek { width: 100% !important; }
    .productdetails-view .vrsek .description { width: 100% !important; margin-left: 0px !important; padding-right: 0px !important; }
    .productdetails-view .vrsek .description .price_cart_block { position: relative !important; margin-top: 20px; box-sizing: border-box; width: 100% !important; }
}

/* Telefony (Portrait) */
@media screen and (max-width: 479px) {
    #all {
        overflow: hidden;
    }

    #breadcrumbs {
        display: none;
    }

    #page-heading-title-inner #kosik {
        width: 50px !important;
    }

    .elementcart {
        width: 100% !important;
    }

    .elementcart .elemcart_sum {
        display: none !important;
    }

    .produkt .produkt_detail .image,
    .produkt .produkt_detail .image .dtphotogallery {
        width: 100% !important;
    }

    .produkt .produkt_detail .description {
        width: 100% !important;
        margin: 0px !important;
        padding: 0px !important;
    }

    .produkt .produkt_detail .description .price_cart_block {
        width: 100% !important;
        position: relative !important;

        margin-bottom: 30px;

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

    .produkt .produkt_detail .description .price_cart_block .product_cart_button {
        float: right;
    }

    .add_extra label {
        width: 100%;

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

    .add_extra .extra_price_wrap {
        width: 100%;
        float: none !important;
        padding-left: 30px;

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

    .add_extra .extra_price {
        margin-left: 0px !important;
    }

    .product-related-products .product-field {
        padding-bottom: 30px !important;
    }

    .product-related-products .product-field .product-field-display {
        margin-bottom: 20px;
    }

    .product-related-products .product-field .product-field-display a {
        width: 100% !important;
        text-align: center;
        display: inline-block;
    }

    .product-related-products .product-field .product-field-display a img {
        display: block;
        float: none;
        margin: 0 auto 20px auto;
    }

    .product-related-products .product-field .product-field-popis {
        margin-bottom: 20px;
    }

    .product-related-products .product-field .product-field-popis p {
        text-align: center;
    }

    .product-related-products .product-field .product-field-cena {
        margin-top: 0px;
    }

    .product-related-products .product-field .related_price {
        float: right;
    }

    .product-related-products .product-field .related_price > .detail_btn {
        position: relative !important;
    }

    .product_block_wrap {

    }

    .product_block_wrap .product_block_box {

    }

    .product_block_wrap .product_block_box .product_image {
        width: 100% !important;
        height: auto;
        min-height: auto;

        margin-bottom: 20px;
        text-align: center;

        display: inline-block;
    }

    .product_block_wrap .product_block_box .product_title,
    .product_block_wrap .product_block_box .product_desc,
    .product_block_wrap .product_block_box .price_inline {
        width: 100%;
        height: auto;
        display: inline-block;
        margin: 0;
    }

    .product_block_wrap .product_block_box .price_inline .block_avail {
        width: 100%;
        margin: 0px;
    }

    .product_block_wrap .product_block_box .price_inline .block_price {
        width: calc(100% - 130px);
    }

    .product_block_wrap .product_block_box .price_inline .block_price .with_tax,
    .product_block_wrap .product_block_box .price_inline .block_price .without_tax {
        width: 100%;
        height: 25px;
        display: inline-block;
    }

    .product_block_wrap .product_block_box .price_inline .block_price .prod_price_main,
    .product_block_wrap .product_block_box .price_inline .block_price .prod_price_large {
        float: right;
    }

    .product_block_wrap .product_block_box .price_inline .detail_btn {
        top: 7px;
    }

    body.com_element.cart .subpage {
        padding-top: 0px !important;
    }

    .order_steps {
        min-height: 100px;
    }

    .order_steps .steps {
        width: auto;
    }

    .order_steps .steps li {
        height: auto;
        text-align: center;
        margin: 0px 15px;
    }

    .order_steps .steps li .step_number {
        margin-right: 0px;
        margin: 0px auto;
        float: none;
        display: block;
    }

    .order_steps .steps li .step_title {
        width: 100%;
        max-width: 50px;
        line-height: 125%;
        padding-top: 10px;
    }

    .order_steps .steps li .step_title,
    .order_steps .steps li .step_title a {
        font-size: 14px;
    }

    .order_steps .steps li .steps_sep {
        display: none;
    }

    .table_products {
        display: block;
    }

    .table_products thead {
        display: none;
    }

    .table_products tr {
        width: 100%;
        display: block;

        padding: 10px 5px;
        margin-bottom: 25px;

        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;

        -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
        -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
        box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);

        border: 1px solid #ddd;

        position: relative;

        background-color: #fff;
    }

    .table_products tr td {
        height: auto;
        display: inline-block;
        border: none;
    }

    .table_products .product_image_col {
        float: left;
    }

    .table_products .product_title_col,
    .table_products .product_sp_col {
        width: calc(100% - 50px);
        min-height: 38px;
        display: block;
        margin-left: 50px;

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

    .table_products .product_ordernumber_col {
        width: 100%;
        height: auto;

        padding-left: 65px;
        margin-bottom: 10px;

        display: block;

        border-bottom: 1px solid #ddd;

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

    .table_products .product_qty_col {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .table_products.table_summary .product_qty_col {
        float: left;
    }

    .table_products .product_price_unit_col {
        font-size: 10px
    }

    .table_products.table_summary .product_price_unit_col {
        display: none;
    }

    .table_products .product_price_total_col {
        font-family: 'PT Sans Narrow', 'Arial', 'Helvetica', sans-serif;
        font-size: 20px;
    }

    .table_products.table_summary .product_price_total_col {
        width: calc(100% - 70px) !important;
        display: block;
        margin-left: 70px !important;

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

    .table_products .product_remove_col {
        width: 10px !important;
        height: 10px;

        position: absolute;
        top: 5px;
        right: 5px;

        padding: 0px;
    }

    .shippment_row,
    .payment_row {
        background-color: #f4f4f4 !important;
    }
    
    .sp_block.shipping_block,
    .sp_block.payment_block {
        width: 100%;
        margin-bottom: 20px;
        background-image: none;
    }

    .sp_block ul li {
        padding: 10px 0px !important;
        line-height: 125% !important;
    }

    .sp_block_login {
        width: 100%;
    }

    .register_user_form .form_block, 
    .register_user_main .form_block {
        width: 100%;
    }

    .order_summary {
        width: 100%;
        margin-top: 15px;
        margin-bottom: 30px;
        display: inline-block;
    }

    #cart_summary .checkbox {
        margin-bottom: 30px;
        position: relative;
    }

    #cart_summary .checkbox input {
        float: left;
        width: 20px;
        height: 20px;
        position: absolute;
        top: 0px;
    }

    #cart_summary .checkbox label {
        display: block;
        margin-left: 30px;
    }
}

@media screen and (max-width: 479px) {
    body { margin-bottom: 43px !important; }
    #header-logo { width: 100%; }
    /*#breadcrumbs { display: none; }*/

    /*#slideshow { display: none; }*/
    #slideshow_wrap { display: none; }
    #slideshow { height: auto !important; }
    #slideshow_image { display: none; }
    #slideshow_buttons { width: 100% !important; }
    #slideshow_buttons .sl_button { width: 100% !important; height: 80px !important; margin-bottom: 10px; }
    #slideshow_buttons .sl_button .sl_button_title { width: 100% !important; height: 80px !important; }
    #slideshow_buttons .sl_button .sl_button_icon { top: 5px !important; }
    #slideshow_buttons .sl_button a.btn_title { top: 17px !important; }

    #main { margin-top: 20px; }
    #slideshow_bg_grad { display: none; }

    #rozcestnik { padding: 10px 0px; }
    #rozcestnik_inner { width: 100% !important; }
    #rozcestnik_inner a { line-height: 30px !important; height: 100%; box-sizing: border-box; padding-top: 6px; background-position: 10px 17px !important; }

    .tabbed_area ul.tabs li { width: 70px !important; box-sizing: border-box; }
    .tabbed_area ul.tabs li a { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

    #selector { height: auto !important; }
    #selector_inner { width: 100% !important; }
    #selector_inner.sel_img { display: none; }
    #selector .selector_frame select { max-width: 180px !important; }
    #selector .selector_butt { width: 100% !important; position: relative; top: 0px; right: 0px; text-align: center; margin-bottom: 20px; }
    .prod_Item .prod_Im { width: 100%; text-align: center; }
    .prod_Item .prod_Im img { width: auto !important; max-width: 160px; }
    .prod_Item .prod_Item_detail_pdv { width: 100% !important; margin-left: 0px; }
    .prod_Item .prod_Item_detail_pdv .price_bar .detail_btn { position: relative; padding: 5px 15px !important; }

    #slider_block_special_offer .product_block_box { width: 100% !important; margin: 1% 0 !important; }

    #responsive_gradient { display: none !important; }
    .head_hp #responsive_gradient { display: none !important; }
    #body_inner { background: none !important; }
    #header { height: auto !important; min-height: 115px; }
    #header_menu_wrap, #header_menu, nav#menu, nav#menu ul.menu, nav#menu ul.menu li a, nav#menu ul.menu li span { height: auto !important; min-height: 35px !important; }
    #header_menu { width: 100% !important; }
    #menubar { float: none !important; }

    #maininner { padding: 0px !important; }
    #sidebar-a, #sidebar-b { margin-top: 15px; clear: both !important; width: 100% !important; }
    #maininner, #sidebar-a, #sidebar-b { width: 100% !important; left: auto !important; right: auto !important; }

    #header_inner { background: none !important; }
    #header_inner #top_bar { right: 6px !important; }
    #header-logo { width: 100% !important; background: none !important; }
    #header-logo a { width: 350px !important; height: auto !important; position: relative !important; margin: 0px auto !important; top: 26px !important; left: 0px !important; }
    #header-logo a img { width: 100% !important; }
    #header-logo-inner { background: none !important; }
    #header-logo-right { display: none; }
    #menubar { position: static !important; left: 0px !important; width: 100% !important; text-align: center !important; margin-top: 12px !important; }
    #menubar nav#menu { position: relative !important; border: none !important; height: auto !important; }
    #menubar nav#menu select { width: 90% !important; }
    #prihlaseni { display: none; }
    #rozcestnik .rozcestnik_item { width: 33.33% !important; }
    #rozcestnik .rozcestnik_item.ritem_1, #rozcestnik .rozcestnik_item.ritem_2, #rozcestnik .rozcestnik_item.ritem_3 {background-position: center 10px !important;}
    #rozcestnik .rozcestnik_item .nadpis { margin-top: 45px !important; margin-left: 0px !important; text-align: center !important; font-size: 14px !important; }
    #rozcestnik .rozcestnik_item .popis { display: none; }

    nav#menu ul.menu li { width: 100% !important; border: none !important; }
    nav#menu ul.menu li.active, nav#menu ul.menu li:hover { margin-bottom: 0px !important; border: none !important; }
    #header-logo-inner { background: none !important; }
    #header_inner_right { background: none !important; clear: left; margin-left: 0px !important; }
    #menubar { margin-top: 0px !important; margin-bottom: 2px !important; text-align: center !important; }

    #telo_clanku .mod_body .novinka_datum { margin-right: 0px !important; padding-left: 15px !important; width: 100% !important; background-position: 1px center !important; }
    #telo_clanku .mod_body .novinka_datum { width: 100% !important; }

    /*#footer, #footer_wrap, #footer_inner, .footer_right { min-height: 100px !important; }*/
    #footer, #footer_wrap, #footer_inner, .footer_right { height: auto !important; }
    #footer { background: none !important; height: 43px !important; }
    #footer_wrap { background: #EBEBEB left top repeat-x url(../images/footer_bg.png) !important; height: 43px !important; }
    #footer #footer_inner .footer-block { display: none; }
    #footer #menu_paticka  { display: none; }
    .footer_bott, .footer_bott_inner { height: auto! important; }
    #footer .footer_bott_inner { width: 100%; }
    #footer .footer_bott p { width: 100%; text-align: center !important; line-height: 200% !important; }
    #footer .footer_left { display: none; }
    #footer .footer_right { width: 100% !important; }
    #footer .footer_right p { position: relative; right: 0px !important; bottom: 0px !important; float: left; margin-bottom: 10px !important; }
    #footer .footer_right #menu_paticka #footerMenu { text-align: center !important; }
    #footer .footer_right #menu_paticka { width: 100% !important; right: 0px !important; background: transparent !important; position: relative !important; }
    #footer .footer_right #menu_paticka ul li { float: none !important; background: none !important; }
    #footer .footer_right #menu_paticka select { width: 98% !important; }
}

@media screen and (max-width: 560px) {
    #rozcestnik_inner { width: 100% !important; }
    #rozcestnik_inner a { line-height: 30px !important; height: 100%; box-sizing: border-box; padding-top: 6px; background-position: 10px 17px !important; }
}