/**
 * @license
 * MyFonts Webfont Build ID 3295239, 2016-10-13T02:27:39-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: PFDINTextStd-BoldItalic by Parachute
 * URL: http://www.myfonts.com/fonts/parachute/pf-din-text-pro/bold-italic-124045/
 * 
 * Webfont: PFDINTextStd-Bold by Parachute
 * URL: http://www.myfonts.com/fonts/parachute/pf-din-text-pro/bold-124045/
 * 
 * Webfont: PFDINTextStd-Italic by Parachute
 * URL: http://www.myfonts.com/fonts/parachute/pf-din-text-pro/italic-124045/
 * 
 * Webfont: PFDINTextStd-Light by Parachute
 * URL: http://www.myfonts.com/fonts/parachute/pf-din-text-pro/light-124045/
 * 
 * Webfont: PFDINTextStd-MediumItalic by Parachute
 * URL: http://www.myfonts.com/fonts/parachute/pf-din-text-pro/medium-italic-124045/
 * 
 * Webfont: PFDINTextStd-Medium by Parachute
 * URL: http://www.myfonts.com/fonts/parachute/pf-din-text-pro/medium-124045/
 * 
 * Webfont: PFDINTextStd-Regular by Parachute
 * URL: http://www.myfonts.com/fonts/parachute/pf-din-text-pro/regular-124045/
 * 
 * Webfont: PFDINTextCondStd-BoldItalic by Parachute
 * URL: http://www.myfonts.com/fonts/parachute/pf-din-text-pro/bold-italic-124038/
 * 
 * Webfont: PFDINTextCondStd-Bold by Parachute
 * URL: http://www.myfonts.com/fonts/parachute/pf-din-text-pro/bold-124038/
 * 
 * Webfont: PFDINTextCondStd-Italic by Parachute
 * URL: http://www.myfonts.com/fonts/parachute/pf-din-text-pro/italic-124038/
 * 
 * Webfont: PFDINTextCondStd-Light by Parachute
 * URL: http://www.myfonts.com/fonts/parachute/pf-din-text-pro/light-124038/
 * 
 * Webfont: PFDINTextCondStd-MediumItalic by Parachute
 * URL: http://www.myfonts.com/fonts/parachute/pf-din-text-pro/medium-italic-124038/
 * 
 * Webfont: PFDINTextCondStd-Medium by Parachute
 * URL: http://www.myfonts.com/fonts/parachute/pf-din-text-pro/medium-124038/
 * 
 * Webfont: PFDINTextCondStd-Regular by Parachute
 * URL: http://www.myfonts.com/fonts/parachute/pf-din-text-pro/regular-124038/
 * 
 * Webfont: PFDINTextCompStd-BoldItalic by Parachute
 * URL: http://www.myfonts.com/fonts/parachute/pf-din-text-pro/bold-italic-124031/
 * 
 * Webfont: PFDINTextCompStd-Bold by Parachute
 * URL: http://www.myfonts.com/fonts/parachute/pf-din-text-pro/bold-124031/
 * 
 * Webfont: PFDINTextCompStd-Light by Parachute
 * URL: http://www.myfonts.com/fonts/parachute/pf-din-text-pro/light-124031/
 * 
 * Webfont: PFDINTextCompStd-MediumItalic by Parachute
 * URL: http://www.myfonts.com/fonts/parachute/pf-din-text-pro/medium-italic-124031/
 * 
 * Webfont: PFDINTextCompStd-Medium by Parachute
 * URL: http://www.myfonts.com/fonts/parachute/pf-din-text-pro/medium-124031/
 * 
 * Webfont: PFDINTextCompStd-Regular by Parachute
 * URL: http://www.myfonts.com/fonts/parachute/pf-din-text-pro/regular-124031/
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3295239
 * Licensed pageviews: 500,000
 * Webfonts copyright: Copyright (c) 2002 Parachute®, www.parachute.gr.  All rights reserved.
 * 
 * © 2016 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/324807");
@font-face {font-family: 'PFDINTextStd-BoldItalic';src: url('webfonts/324807_0_0.eot');src: url('webfonts/324807_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/324807_0_0.woff2') format('woff2'),url('webfonts/324807_0_0.woff') format('woff'),url('webfonts/324807_0_0.ttf') format('truetype');}
@font-face {font-family: 'PFDINTextStd-Bold';src: url('webfonts/324807_1_0.eot');src: url('webfonts/324807_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/324807_1_0.woff2') format('woff2'),url('webfonts/324807_1_0.woff') format('woff'),url('webfonts/324807_1_0.ttf') format('truetype');}
@font-face {font-family: 'PFDINTextStd-Italic';src: url('webfonts/324807_2_0.eot');src: url('webfonts/324807_2_0.eot?#iefix') format('embedded-opentype'),url('webfonts/324807_2_0.woff2') format('woff2'),url('webfonts/324807_2_0.woff') format('woff'),url('webfonts/324807_2_0.ttf') format('truetype');}
@font-face {font-family: 'PFDINTextStd-Light';src: url('webfonts/324807_3_0.eot');src: url('webfonts/324807_3_0.eot?#iefix') format('embedded-opentype'),url('webfonts/324807_3_0.woff2') format('woff2'),url('webfonts/324807_3_0.woff') format('woff'),url('webfonts/324807_3_0.ttf') format('truetype');}
@font-face {font-family: 'PFDINTextStd-MediumItalic';src: url('webfonts/324807_4_0.eot');src: url('webfonts/324807_4_0.eot?#iefix') format('embedded-opentype'),url('webfonts/324807_4_0.woff2') format('woff2'),url('webfonts/324807_4_0.woff') format('woff'),url('webfonts/324807_4_0.ttf') format('truetype');}
@font-face {font-family: 'PFDINTextStd-Medium';src: url('webfonts/324807_5_0.eot');src: url('webfonts/324807_5_0.eot?#iefix') format('embedded-opentype'),url('webfonts/324807_5_0.woff2') format('woff2'),url('webfonts/324807_5_0.woff') format('woff'),url('webfonts/324807_5_0.ttf') format('truetype');}
@font-face {font-family: 'PFDINTextStd-Regular';src: url('webfonts/324807_6_0.eot');src: url('webfonts/324807_6_0.eot?#iefix') format('embedded-opentype'),url('webfonts/324807_6_0.woff2') format('woff2'),url('webfonts/324807_6_0.woff') format('woff'),url('webfonts/324807_6_0.ttf') format('truetype');}
@font-face {font-family: 'PFDINTextCondStd-BoldItalic';src: url('webfonts/324807_7_0.eot');src: url('webfonts/324807_7_0.eot?#iefix') format('embedded-opentype'),url('webfonts/324807_7_0.woff2') format('woff2'),url('webfonts/324807_7_0.woff') format('woff'),url('webfonts/324807_7_0.ttf') format('truetype');}
@font-face {font-family: 'PFDINTextCondStd-Bold';src: url('webfonts/324807_8_0.eot');src: url('webfonts/324807_8_0.eot?#iefix') format('embedded-opentype'),url('webfonts/324807_8_0.woff2') format('woff2'),url('webfonts/324807_8_0.woff') format('woff'),url('webfonts/324807_8_0.ttf') format('truetype');}
@font-face {font-family: 'PFDINTextCondStd-Italic';src: url('webfonts/324807_9_0.eot');src: url('webfonts/324807_9_0.eot?#iefix') format('embedded-opentype'),url('webfonts/324807_9_0.woff2') format('woff2'),url('webfonts/324807_9_0.woff') format('woff'),url('webfonts/324807_9_0.ttf') format('truetype');}
@font-face {font-family: 'PFDINTextCondStd-Light';src: url('webfonts/324807_A_0.eot');src: url('webfonts/324807_A_0.eot?#iefix') format('embedded-opentype'),url('webfonts/324807_A_0.woff2') format('woff2'),url('webfonts/324807_A_0.woff') format('woff'),url('webfonts/324807_A_0.ttf') format('truetype');}
@font-face {font-family: 'PFDINTextCondStd-MediumItalic';src: url('webfonts/324807_B_0.eot');src: url('webfonts/324807_B_0.eot?#iefix') format('embedded-opentype'),url('webfonts/324807_B_0.woff2') format('woff2'),url('webfonts/324807_B_0.woff') format('woff'),url('webfonts/324807_B_0.ttf') format('truetype');}
@font-face {font-family: 'PFDINTextCondStd-Medium';src: url('webfonts/324807_C_0.eot');src: url('webfonts/324807_C_0.eot?#iefix') format('embedded-opentype'),url('webfonts/324807_C_0.woff2') format('woff2'),url('webfonts/324807_C_0.woff') format('woff'),url('webfonts/324807_C_0.ttf') format('truetype');}
@font-face {font-family: 'PFDINTextCondStd-Regular';src: url('webfonts/324807_D_0.eot');src: url('webfonts/324807_D_0.eot?#iefix') format('embedded-opentype'),url('webfonts/324807_D_0.woff2') format('woff2'),url('webfonts/324807_D_0.woff') format('woff'),url('webfonts/324807_D_0.ttf') format('truetype');}
@font-face {font-family: 'PFDINTextCompStd-BoldItalic';src: url('webfonts/324807_E_0.eot');src: url('webfonts/324807_E_0.eot?#iefix') format('embedded-opentype'),url('webfonts/324807_E_0.woff2') format('woff2'),url('webfonts/324807_E_0.woff') format('woff'),url('webfonts/324807_E_0.ttf') format('truetype');}
@font-face {font-family: 'PFDINTextCompStd-Bold';src: url('webfonts/324807_F_0.eot');src: url('webfonts/324807_F_0.eot?#iefix') format('embedded-opentype'),url('webfonts/324807_F_0.woff2') format('woff2'),url('webfonts/324807_F_0.woff') format('woff'),url('webfonts/324807_F_0.ttf') format('truetype');}
@font-face {font-family: 'PFDINTextCompStd-Light';src: url('webfonts/324807_10_0.eot');src: url('webfonts/324807_10_0.eot?#iefix') format('embedded-opentype'),url('webfonts/324807_10_0.woff2') format('woff2'),url('webfonts/324807_10_0.woff') format('woff'),url('webfonts/324807_10_0.ttf') format('truetype');}
@font-face {font-family: 'PFDINTextCompStd-MediumItalic';src: url('webfonts/324807_11_0.eot');src: url('webfonts/324807_11_0.eot?#iefix') format('embedded-opentype'),url('webfonts/324807_11_0.woff2') format('woff2'),url('webfonts/324807_11_0.woff') format('woff'),url('webfonts/324807_11_0.ttf') format('truetype');}
@font-face {font-family: 'PFDINTextCompStd-Medium';src: url('webfonts/324807_12_0.eot');src: url('webfonts/324807_12_0.eot?#iefix') format('embedded-opentype'),url('webfonts/324807_12_0.woff2') format('woff2'),url('webfonts/324807_12_0.woff') format('woff'),url('webfonts/324807_12_0.ttf') format('truetype');}
@font-face {font-family: 'PFDINTextCompStd-Regular';src: url('webfonts/324807_13_0.eot');src: url('webfonts/324807_13_0.eot?#iefix') format('embedded-opentype'),url('webfonts/324807_13_0.woff2') format('woff2'),url('webfonts/324807_13_0.woff') format('woff'),url('webfonts/324807_13_0.ttf') format('truetype');}

.test {
  position: absolute;
  z-index: 100;
  filter: opacity(50%);
  left: -285px;
  background: url(../INSTALACE_VypisKategorie_design.png);
  width: 1920px;
  height: 1994px;
  
}


/*
Tabulka barev a třídy barev
*/
.t_G1 { color: #003c1e; }
.t_G2 { color: #1e5f2d; }
.t_G3 { color: #73b95a; }
.t_G4 { color: #a8de93; }
.t_G5 { color: #c1e6b3; }
.t_G6 { color: #e0f2d9; }
.t_N1 { color: #1e1e1e; }
.t_N2 { color: #3c3c3c; }
.t_N3 { color: #5a5a5a; }
.t_N4 { color: #878787; }
.t_N5 { color: #b9b9b9; }
.t_N6 { color: #d7d7d7; }
.t_N7 { color: #f0f0f0; }
.t_R1 { color: #e31e19; }

.b_G1 { background-color: #003c1e; }
.b_G2 { background-color: #1e5f2d; }
.b_G3 { background-color: #73b95a; }
.b_G4 { background-color: #a8de93; }
.b_G5 { background-color: #c1e6b3; }
.b_G6 { background-color: #e0f2d9; }
.b_N1 { background-color: #1e1e1e; }
.b_N2 { background-color: #3c3c3c; }
.b_N3 { background-color: #5a5a5a; }
.b_N4 { background-color: #878787; }
.b_N5 { background-color: #b9b9b9; }
.b_N6 { background-color: #d7d7d7; }
.b_N7 { background-color: #f0f0f0; }
.b_R1 { background-color: #e31e19; }

.f_textcond_light { font-family: PFDINTextCondStd-Light; }
.f_text_light { font-family: PFDINTextStd-Regular; }
.f_text_medium { font-family: PFDINTextStd-Medium; }

html, body {
    padding: 0px;
    margin: 0px;
    font-family: PFDINTextStd-Regular, Calibri, Helvetica, Arial, sans-serif;
    font-size: 16px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { /* oprava chyby prohlížeče chrome v offsetu zobrazení pozadí */
    html {
        margin-left: 1px;
    }
}
.bg {
    background: url(../images/bg.png) #ffffff repeat-y top center;
    min-height: 1500px;
}
h1, h2, h3 {
    font-weight: normal;
}
h1 {
    background: #73b95a;
    color: #fff;
    text-transform: uppercase;
    padding: 3px 15px;
    font-size: 30px;    
}
a {
    color: #74B959;
}
h1 a {
    color: #fff;
    text-decoration: none;
}
.cistic {
    clear: both;
    height: 0px;
}

/************ header ************************/
#header_obalka {
    background: url(../images/bg_header.png) no-repeat bottom center #fff;
    height: 176px;
}
header {
    width: 1128px;
    margin: 0px auto;
    position: relative;
    height: 176px;
}
#logo {
    position: absolute;
    top: 48px;
    left: 0px;
}
#slogan {
    position: absolute;
    bottom: 80px;
    left: 307px;
    font-size: 13px;
}
#menu_jazyky {
    float: right;
    position: absolute;
    top: 78px;
    right: 13px;
    width: 200px;
}
#menu_jazyky img {
    border: 0px;
    position: relative;
    top: 2px;
    left: 2px;
}

.blok_lang {
    width: 43px;
    position: relative;
    top: 1px;
    text-align: right;
    padding-right:5px;
    float: right;
    color: #b9b9b9;
}
.blok_lang:before {
    /* add arrow inside LIs */
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    border: 5px solid transparent;
    border-top-color: #b9b9b9;
    top: 7px;
    left: 3px;
}
#vyber_lang {
    position: absolute;
    background: #fff;
    border: 1px solid #b9b9b9;
    display: none;
    text-align: center;
    z-index: 20;
}
#vyber_lang a {
    text-decoration: none;
    color: #b9b9b9;
}

#search {
    float: right;
    margin-right: 10px;
}
#search input {
    width: 108px;
    border: 1px solid #b9b9b9;
    padding-left: 3px;
}
#search input[placeholder] {
    color: #b9b9b9; 
} 
#lang {
    float: right;
}
#lang select {
    border: 1px solid #b9b9b9;
    color: #b9b9b9;
}

/*** menu a domu_menu ***/
#hlavni_menu {
    position: absolute;
    right: 7px;
    bottom: 6px;
    z-index: 20;
    padding-bottom: 11px;
    visibility: visible;
}
#menu_mobil {
    width: 20px;
    position: absolute;
    right: 20px;
    top: 90px;
    display: none;
    z-index: 40;
}
#menu_mobil img {
    width: 28px;
}
#domu_menu {
    position: absolute;
    left: 11px;
    bottom: 6px;
    z-index: 20;
    padding-bottom: 11px;
}
.katalog_menu_blok {
    background: #73b95a;
    color: #fff !important;
}
.zelena_linka {
    border-bottom-color: #73b95a !important;
}
.svetle_menu {
     color: #b9b9b9 !important;
     margin-bottom: 5px !important;
}



/*** slider  ***************************/
#slider_pruh {
    /* background: url(../images/slider_grad.png) top center repeat-y #ffffff; */
    
}

#slider_blok {
    width: 1126px;
    /* height: 350px; */
    margin: 0px auto;
    position: relative;
    border-left: 1px solid #5a5a5a;
    border-right: 1px solid #5a5a5a;
}

#slider_obalka {
    width: 100%; /* width: 1000px; */
    /* height: 350px; */
    margin: 0px auto;
}
#slider-ramecek {
} 
#slider {
    background: #ddd;
    /* height: 350px; */ 
}


#no_slider_pruh {
    /*background: #ffffff;*/
    /*background: url(../images/slider_grad.png) top center no-repeat #ffffff;*/
}

#no_slider_blok {
    width: 1128px;
    height: 5px;
    margin: 0px auto;
    position: relative;
}
#no_slider_obalka {
    width: 100%; /* width: 1000px; */
    height: 5px;
    /*background: #ededed;*/
    margin: 0px auto;
}

/**** hlavní blok ****************************************/
.hlavni_blok {
    background: url(../images/bg_spodek.png) #ffffff no-repeat top center;
    min-height: 600px; 
    padding: 0px 0px 24px 0px;
}
.hlavni_blok_titul {
    min-height: 0px;
}
.hlavni_blok_produkty {
    background: url(../images/bg_produkty.png) #ffffff no-repeat top center;
}
.hlavni_blok h1 {
    margin-top: 0px;
}
#hlavni_linka_vlevo {
    width: 1px;
    height: 66px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: url(../images/hlavni_linka.png) no-repeat;
}
#hlavni_linka_vpravo {
    width: 1px;
    height: 66px;
    position: absolute;
    top: 0px;
    right: 0px;
    background: url(../images/hlavni_linka.png) no-repeat;
    
}
.hlavni_layout_1_sl {
    margin: 0px auto 0px;
    padding-top: 25px;
    width: 1128px;
    position: relative;
}
.bez_padding_top {
    padding-top: 0px !important;
}
#hlavni_layout_2_sl {
    margin: 0px auto 0px;
    width: 1128px;
    padding-top: 25px;
    position: relative;
}
#hlavni_layout_3_sl {
    margin: 0px auto 0px;
    width: 1128px;
    padding-top: 25px;
    position: relative;
}

.box_barva {
    width: 20px;
    height: 20px;
    display: inline-block;
}

.ram {
    width: 316px;
    float: left;
    margin-right: 10px;
    /* margin-bottom: 24px; */
    padding: 22px 20px 24px 20px;
    min-height: 282px;
    position: relative;
}
.ram h1 {
    margin-top: 0px;
    font-size: 32px;
    font-weight: normal;
    background: none;
    text-transform: none;
    padding: 0px;
}
.ram div {
    font-size: 16px;
}
.ram .blok_vice {
    position: absolute;
    bottom: 20px;
    right: 20px;
}
.ram .b_vice {
    width: 20px;
    height: 18px;
    float: right;
}

.ram_light01, .ram_light01 p { color: #1e1e1e; background-color: #fff; }
.ram_light01 h1 { color: #003c1e; }
.ram_light01 .b_vice { background: url(../images/go_icon_R1-W.png) no-repeat; }
.ram_light02, .ram_light02 p { color: #878787; background-color: #fff; }
.ram_light02 h1 { color: #73b95a; }
.ram_light02 .b_vice { background: url(../images/go_icon_R1-W.png) no-repeat; }
.ram_light03, .ram_light03 p { color: #3c3c3c; background-color: #fff; }
.ram_light03 h1 { color: #003c1e; }
.ram_light03 .b_vice { background: url(../images/go_icon_G1-W.png) no-repeat; }
.ram_light04, .ram_light04 p { color: #b9b9b9; background-color: #fff; }
.ram_light04 h1 { color: #73b95a; }
.ram_light04 .b_vice { background: url(../images/go_icon_G3-W.png) no-repeat; }
.ram_solid01, .ram_solid01 p { color: #fff; background-color: #e31e19; }
.ram_solid01 h1 { color: #fff; }
.ram_solid01 .b_vice { background: url(../images/go_icon_W-R1.png) no-repeat; }
.ram_solid02, .ram_solid02 p { color: #fff; background-color: #003c1e; }
.ram_solid02 h1 { color: #fff; }
.ram_solid02 .b_vice { background: url(../images/go_icon_W-G1.png) no-repeat; }
.ram_solid03, .ram_solid03 p { color: #fff; background-color: #73b95a; }
.ram_solid03 h1 { color: #fff; }
.ram_solid03 .b_vice { background: url(../images/go_icon_W-G3.png) no-repeat; }
.ram_solid04, .ram_solid04 p { color: #fff; background-color: #b9b9b9; }
.ram_solid04 h1 { color: #fff; }
.ram_solid04 .b_vice { background: url(../images/go_icon_W-N5.png) no-repeat; }
.ram_solid05, .ram_solid05 p { color: #fff; background-color: #003c1e; }
.ram_solid05 h1 { color: #e31e19; }
.ram_solid05 .b_vice { background: url(../images/go_icon_R1-W.png) no-repeat; }
.ram_solid06, .ram_solid06 p { color: #3c3c3c; background-color: #a8de93; }
.ram_solid06 h1 { color: #e31e19; }
.ram_solid06 .b_vice { background: url(../images/go_icon_R1-W.png) no-repeat; }
.ram_solid07, .ram_solid07 p { color: #3c3c3c; background-color: #a8de93; }
.ram_solid07 h1 { color: #003c1e; }
.ram_solid07 .b_vice { background: url(../images/go_icon_R1-W.png) no-repeat; }
.ram_solid08, .ram_solid08 p { color: #3c3c3c; background-color: #b9b9b9; }
.ram_solid08 h1 { color: #e31e19; }
.ram_solid08 .b_vice { background: url(../images/go_icon_R1-W.png) no-repeat; }
.ram_solid09, .ram_solid09 p { color: #3c3c3c; background-color: #b9b9b9; }
.ram_solid09 h1 { color: #003c1e; }
.ram_solid09 .b_vice { background: url(../images/go_icon_R1-W.png) no-repeat; }


#ram_3 {
    margin-right: 0px;
}
/*** obsah v jednosloupcovém layoutu ***/
#obsah_1_sloupec {
    width: 1090px;
    margin-left: 19px;
    margin-right: 19px;
}
#obsah_1_sloupec p {
    text-align: justify;
}

/*** sloupec s menu vpravo ****************************/
#menu_vpravo {
    width: 356px;
    float: right;
    margin-left: 10px;
    margin-right: 19px;
}

#menu_vpravo ul {
    list-style: none;
    padding-left: 0px;
}
#menu_vpravo li {
    margin-left: 0px;
}
#menu_vpravo a {
    text-decoration: none;
    color: #73b95a;
}
#menu_vpravo li.volba a {
    color: #74B959;
}
#menu_vpravo li.l1 {
    font-weight: bold;
    font-size: 18px;
    padding: 0px 0px 0px 0px;
}
#menu_vpravo li.l2 {
    font-weight: bold;
    font-size: 16px;
    padding: 15px 0px 0px 0px;
}
#menu_vpravo li.l3 {
    padding: 0px 0px 0px 20px;
}
#menu_vpravo li.l4 {
    padding: 0px 0px 0px 40px;
}
.vypis_tagu {
    border-top: 1px solid #f0f0f0;
    padding: 11px 20px;
}
.vypis_tagu_prvni {
    border-top-color: #d7d7d7;
}
.aside_p a {
    color: #1e5f2d !important;
}

/*** obsah vlevo *******************************************************/
#obsah_vlevo {
    width: 724px;
    float: left;
    margin-left: 17px;
}
#obsah_vlevo p {
    text-align: justify;
}
/*** obsah vlevo_bezmarginu - pro detaily rávníku - obrázky až u kraje *******************************************************/
#obsah_vlevo_bezmarginu {
    width: 741px;
    float: left;
    margin-left: 1px;
}
#obsah_vlevo_bezmarginu p {
    text-align: justify;
}
/*** katalog trávníků a produktů ********************************/
.produkty_dlazdice {
    float: left;
    width: 356px;
    height: 282px;
    background: #ddd;
    margin-right: 11px;
    margin-bottom: 0px;
    position: relative;
}

.produkty_dlazdice_prava {
    margin-right: 0px;
}
.produkty_dalsi_radek {
    margin-top: 11px;
    
}

.travniky_nadpis {
    background: #73b95a;
    color: #fff;
    text-transform: uppercase;
    padding: 3px 15px;
    font-size: 30px;
}
.travniky_seznam {
    border-top: 5px solid #1e5f2d;    
    padding-top: 6px;
    padding-left: 17px;
    margin-bottom: 26px;
    border-bottom: 2px solid #d7d7d7;
}
.travniky_sloupec_1 {
    float: left;
    width: 330px;
    position: relative;
    margin-right: 15px;
}
.travniky_seznam a {
    text-decoration: none;
}
.travniky_seznam h2 {
    color: #1e5f2d;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 11px;

}


.travniky_data {
    color: #73b95a;

}
.travniky_text {
    margin-top: 15px;    
}
.travniky_odkaz {
    text-align: right;
    margin-right: 10px;
}
.travniky_nahled {
   float: left; 
   width: 362px;

}
.travniky_nahled img {
    width: 362px;
}
.travniky_certifikat_linka {
    margin-top: 15px;
    color: #73b95a;
    height: 18px;
}
.travniky_certifikat_linka_detail {
    margin-left: 17px;
    padding-left: 20px;
    margin-top: 15px;
    color: #73b95a;
    height: 18px;
}

.blok_kvalita_odkaz {
    float: left;
    font-size: 18px;
    margin-top: 2px;
}
.blok_kvalita_odkaz a {
    text-decoration: none;
    background: #fff;
    padding: 0px 3px 3px 3px;
    margin-right: 20px;
}
.kvalita_odkaz {

}
.tabulka_produkt {
    border-collapse: collapse;
    width: 400px;
}
.tabulka_produkt td {
    border-bottom: 1px solid #ddd;
    padding: 5px;
}
.travnik_foto {
    height: 422px;
    position: relative;
}
.travnik_foto img {
        width: 740px;
        height: 422px;
}
.travnik_foto_galerie {
    position: absolute;
    bottom: 55px;
    right: 55px;
    background: #73b95a;
    padding: 2px 11px 5px 11px;
    color: #fff;
    font-weight: bold;
}
.travnik_foto_galerie img {
    width: auto;
    height: auto;
    position: relative;
    top: 3px;
    left: 7px;
}
.travnik_hlavicka {
    margin-left: 17px;
    padding-left: 20px;
    padding-right: 20px;
    border-top: 5px solid #1e5f2d; 
}
.travnik_popis {
    margin-left: 17px;
    padding-left: 20px;
    margin-right: 20px;
}
.travnik_detail h1 {
    color: #1e5f2d;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 0px;
    background: none;
    padding: 0px;
    font-size: 30px;

}

.travnik_detail_linka {
        border-bottom: 2px solid #d7d7d7;
        margin-left: 17px;
}
.nahledy {
    display: none;
}
.nahledy img {
    margin-right: 11px;
    width: 160px;
    height: 90px;
}

/*** katalog pravý sloupec ***********************************/
.vypis_vhodnosti div {
    background: #73b95a;
    padding:5px 20px;
    margin-bottom: 5px;
}
.uvod_vypisu {
    background: #fff !important;
    color: #b9b9b9;
}
.vypis_vhodnosti a {
    color: #fff !important;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: bold;
}
aside.aside_p_blok {
    height: 422px;
    border-bottom: 5px solid #d7d7d7;
    position: relative;
}
.aside_p {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
}
.aside_p_vypis {
    border-top: 1px solid #f0f0f0;
    padding: 11px 20px;
}
.aside_p_vypis_prvni {
    border-top-color: #d7d7d7;
}
.aside_p a {
    color: #1e5f2d !important;
}
.realizace_blok {
    clear: both;
    margin-bottom: 20px;
}
.realizace_text {
    width: 400px;
}
.realizace_text p {
    margin: 0px;
}
.realizace_blok_nahledu {
    width: 400px;
    float: right;
    backgroud: #b7b7b7;
}
.realizace_seznam {
    border-top: 5px solid #1e5f2d;    
    padding-top: 0px;
    padding-left: 17px;
    margin-bottom: 26px;
    border-bottom: 2px solid #d7d7d7;
}
.realizace_sloupec_1 {
    float: left;
    width: 330px;
    position: relative;
    margin-right: 15px;
    margin-top: 6px;
}
.realizace_seznam a {
    text-decoration: none;
}
.realizace_seznam h2 {
    color: #1e5f2d;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 0px;

}
.realizace_misto {
    margin-bottom: 11px;    
    color: #1e5f2d;
}
.realizace_travnik {
    color: #73b95a;
}
.realizace_travnik img {
    position: relative;
    top: 4px;
}
.realizace_plocha {

}
.realizace_text {
    margin-top: 15px; 
    margin-bottom: 15px;
}
.realizace_odkaz {
    text-align: right;
    margin-right: 10px;
}
.realizace_nahled {
   float: left; 
   width: 347px;
   background: #d7d7d7;
   padding: 15px 0px 10px 15px;
   text-align: right;
}
.realizace_nahled img {
    width: 155px;
    border: 1px solid #eee;
    margin-right: 15px;
}
.realizace_certifikat_linka {
    margin-top: 15px;
    color: #73b95a;
    height: 18px;
}
.instalace_seznam {
    border-top: 5px solid #1e5f2d;    
    padding-top: 0px;
    padding-left: 17px;
    margin-bottom: 26px;
    border-bottom: 2px solid #d7d7d7;
}
.instalace_sloupec_1 {
    float: left;
    width: 330px;
    position: relative;
    margin-right: 15px;
    margin-top: 6px;
}
.instalace_seznam a {
    text-decoration: none;
}
.instalace_seznam h2 {
    color: #1e5f2d;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 0px;

}
.instalace_podnazev {
    color: #73b95a;    
}
.instalace_text {
    margin-top: 15px; 
    margin-bottom: 15px;
}
.instalace_nahled {
   float: left; 
   width: 362px;
   text-align: right;
    margin-bottom: 25px;
}
.instalace_nahled img {
    width: 370px;
}
.instalace_odkazy {
    margin-right: 25px;
}
.instalace_odkaz_buton {
    float: right;
    background: #73b95a;
    padding: 2px 11px 5px 11px;
    color: #fff;
    font-weight: bold;
}
.instalace_odkaz_buton_sedy {
    float: right;
    background: #d7d7d7;
    padding: 3px 11px 4px 11px;
    color: #fff;
    font-weight: bold;
    margin-top:5px;
    height: 22px;
}
.instalace_odkaz_buton a {
    color: #fff;
}
.instalace_odkaz_buton img {
    width: auto !important;
    height: auto !important;
    position: relative;
    top: 3px;
    left: 7px;
}
.kontakty h2.kontakty_staty {
    font-size: 20px;
    margin-bottom: 5px;
    margin-top: 20px;
    color: #73b95a;
}
h2.kontakty_skupina {
    border-bottom: 5px solid #1e5f2d;
    color: #003c1e;
    text-transform: uppercase;
    padding-left: 15px;
}
.kontakty_blok {
    margin-left: 15px;
}
.kontakty p {
    margin-top: 5px;
    padding-left: 5px;
}
.kontakty_jmeno {
    font-weight: bold;
    margin-top: 20px;
}
.kontakty_poznamka {
    
}
.kontakty_poznamka p {
    padding-left: 0px;
}
.kontakty_linka {
    margin-top: 30px;
    border-bottom: 1px solid #d7d7d7;
    margin-bottom: 40px;
}
.kontakty_spodek {
    margin-bottom: 60px;
}
.kontakty_hlavni {
    margin-top: 30px;
    margin-bottom: 40px;
    position: relative;
}
.kontakty_hlavni_jutagrass_logo { position: relative; left:-20px;}
.kontakty_hlavni_jutagrass_slogan { vertical-align: 11px; margin-left:-15px; font-size: 13px;}
.kontakty_hlavni_juta_logo {}
.kontakty_hlavni_juta_slogan { padding-left: 15px; font-size: 13px;}
.kontakty_hlavni_nazev { padding-left: 17px; font-weight: bold;}
.kontakty_hlavni_uvod { padding-left: 17px;}
.kontakty_hlavni_text { padding-left: 17px;}
.kontakty_hlavni_uvod p, .kontakty_hlavni_text p { margin: 0px;}
.kontakty_hlavni_odkazy { padding-left: 0px; margin-top: 40px; width: 50%; }
.kontakty_hlavni_mapa_prijezdu {
    background: url(../soubory/clanky/ikony-prijezd.png) no-repeat top right #73b95a;
    color: #fff;
    text-transform: uppercase;
    padding: 0px 17px;
    font-size: 30px;  
    margin-bottom: 40px;
    margin-top: 20px;
    height: 44px;
    padding-top: 8px;
}
.kontakty_prijezd_ikona {
    float: right;
    position: relative;
    top: -8px;
    right: 15px;
}
.kontakty_prijezd_odkaz {
    background: #73b95a url(../images/but_g3_w.png) no-repeat right;
    padding: 2px 30px 5px 11px;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}


/* news */
h1.news {
    background: none !important;
    color: black;
    padding: 3px 0px;
    font-size: 30px;
}
h1.news a {
    color: #74B959;
    text-decoration: underline;
}
h2.news {
    background: none !important;
    color: #003c1e;
    padding: 0px;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 0px;
}
h2.news a {
    color: #003c1e;
    text-decoration: none;
}
.news_blok_levy {
    float: left;
    width: 300px;
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: 20px;
}
.news_blok_pravy {
    float: left;
    width: 375px;
    margin-left: 29px;
    margin-top: 30px;
    margin-bottom: 30px;
}
.news_blok_pravy img {
    width: 375px;
}
.news_text_pod {
    clear: both;
    margin-left: 20px;
    margin-right: 20px;
}
.news_text_pod img {
    width: 704px;
}
.news_blok_cely {
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: 20px;
    margin-right: 20px;
}
.news_blok_cely_obrazek {
    width: 704px;
    margin-top: 30px;
    margin-left: 20px;
}
.news_blok_cely_obrazek img {
    width: 704px;
}
.news_sedy {
    color: #878787;
}
.news_linka {
    border-bottom: 1px solid #d7d7d7;
}
.news_horni_linka {
    border-top: 5px solid #1e5f2d;
}

/* onas */
h1.onas {
    background: none !important;
    color: black;
    padding: 3px 0px;
    font-size: 30px;
}
h1.onas a {
    color: #74B959;
    text-decoration: underline;
}
h2.onas {
    background: none !important;
    color: #003c1e;
    padding: 0px;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 0px;
}
h2.onas a {
    color: #003c1e;
    text-decoration: none;
}
.onas_blok_levy {
    float: left;
    width: 300px;
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: 20px;
}
.onas_blok_pravy {
    float: left;
    width: 375px;
    margin-left: 29px;
    margin-top: 30px;
    margin-bottom: 30px;
}
.onas_blok_pravy img {
    width: 375px;
}
.onas_text_pod {
    clear: both;
    margin-left: 20px;
    margin-right: 20px;
}
.onas_text_pod img {
    
}
.onas_blok_cely {
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: 20px;
    margin-right: 20px;
}
.onas_blok_cely_obrazek {
    width: 704px;
    margin-top: 30px;
    margin-left: 20px;
}
.onas_blok_cely_obrazek img {
    width: 704px;
}
.onas_sedy {
    color: #b9b9b9;
}
.onas_linka {
    border-bottom: 1px solid #d7d7d7;
}
.onas_horni_linka {
    border-top: 5px solid #1e5f2d;
}

/* certifikáty */
.certifikat {}
.certifikat_obrazek {
    float: left;
    margin-right: 15px;
    width: 70px;
}
.certifikat_popis {
    float: left;
    width: 639px;
}
.certifikat_popis p:first-child {
    margin-top: 0px;
}

h2.f_nadpis1 {
    border-bottom: 5px solid #1e5f2d;
    color: #003c1e;
    text-transform: uppercase;
    padding-left: 15px;
}
.f_nadpis2 {
    margin-top: 20px;
    margin-bottom: 10px;
    border-bottom: 2px solid #000;
    text-transform: uppercase;
    width: 375px;
    padding-left: 20px;
}
.f_povinne {
    color: #74B859;
    text-transform: none;
    padding-left: 15px;
}
.mail_ok {
    margin-left: 15px;
    margin-right: 15px;
}
.mail_navrat {
    background: #73b95a;
    padding: 2px 11px 5px 11px;
    color: #fff;
    font-weight: bold;
    float: right;
    margin-right: 15px;
}
.mail_navrat img {
    width: auto;
    height: auto;
    position: relative;
    top: 3px;
    left: 7px;
}
#webform {
    clear: both;
    padding-top: 0px;
    padding-bottom: 20px;
}
#webform input, #webform select, #webform textarea {
    margin-left: 15px;
    width: 340px;
}

#webform label, #webform .webform_poznamka {
    margin-left: 20px;
    width: 340px;
}
#webform label {
    display: block;
    text-transform: lowercase;
    font-size: 14px;
    margin-top: 5px;
}
#webform input:required {
    border: 2px solid #74B859;
}
#webform input {
    display: block;
    width: 340px;
    border: 1px solid #d7d7d7;
}
#webform textarea {
    display: block;
    width: 340px;
    border: 1px solid #d7d7d7;
    height: 100px;
}

#webform select {
    border: 1px solid #d7d7d7;
    width: 345px;
}
#webform input.submit {
    background: #73b95a url(../images/but_g3_w.png) no-repeat right;
    padding: 2px 30px 5px 11px;
    color: #fff;
    border: 0px;
    width: 100px;
    float: right;
    margin: 20px;
}
.webform_poznamka {
    font-size: 14px;
    
}


/*** paticka ***/
#footer_obalka {
    position: relative;
    height: 149px;
    /*background: url(../images/slider_grad.png) top center repeat-y #ffffff;*/
}

footer {
    width: 1128px;
    height: 149px;
    margin: 0px auto;
    position: relative;
    /*background: #ededed;*/
}
#footer_juta {
    position: absolute;
    top: 0px;
    right: 0px;
}
#logo_juta {
    position: absolute;
    top: 22px;
    right: 60px;

}
#footer_slogan {
    position: absolute;
    top: 59px;
    right: 60px;
    font-size: 12px;
    text-align: right;
    width: 250px;
}
#pruh_juta {
    position: absolute;
    top: 0px;
    right: 0px;
}
#nahoru {
    position: fixed;
    right: 0px;
    bottom: 20px;
}
#footer_adresa_1 {
    position: absolute;
    top: 60px;
    left: 140px;
    font-size: 15px;
}
/**********************************************************************************************/
@media screen and (max-width: 1126px) {
    .bg {
        min-height: 800px;
    }
    header {
        width: 100%;
    }
    
    #hlavni_menu {
        margin-left: 150px;
    }
    #slider_blok {
        width: 100%;
    }
    #hlavni_blok {
        min-height: 0px;
    }
    #hlavni_layout_1_sl, #hlavni_layout_2_sl, #hlavni_layout_3_sl, .hlavni_layout_1_sl {
        width: 100%;
    }
    #obsah_1_sloupec {
        width: auto;
    }
    #obsah_vlevo {
        width: 60%;
        margin-right: 2%;
    }
    #obsah_vlevo_bezmarginu {
        width: 63%;
        margin-right: 2%;
    }
    #menu_vpravo {
        width: 32%;
        margin-right: 2%;
        margin-left: 0px;
    }
    
    .ram {
        margin-bottom: 10px;
    }
    .certifikat_popis {
        width: auto;
    }
    .produkty_dlazdice {
        width: 32%;
        height: auto;
        margin-right: 1%;
        background-size: 100% !important;
    }
    .produkty_dlazdice img {
        width: 100%;
        height: auto;
    }
    .produkty_dlazdice_prava {
        margin-right: 0px;
    }
    .travnik_foto {
        height: auto;
    }
    .travnik_foto a>img {
        width: 100%;
        height: auto;
    }
    .kontakty_mapa img {
        width: 100%;
    }
    .kontakty_hlavni_mapa_prijezdu {
        background: url(../soubory/clanky/ikony-prijezd-m.png) no-repeat top right #73b95a;
    }
    
    footer {
        width: 100%;
    }

}
/**********************************************************************************************/
@media screen and (max-width: 768px) {
    header {
        width: 100%;
    }
    #logo {
        top: 15px;
    }
    #slogan {
        left: 20px;
        bottom: 92px;
    }
    #menu_jazyky {
        top: 5px;
    }
    #hlavni_menu {
        top: 90px;
        bottom: initial;
    }
    #domu_menu {
        top: 90px;
        bottom: initial;
    }
    #slider_blok {
        width: 100%;
    }
    #hlavni_layout_1_sl, #hlavni_layout_2_sl, #hlavni_layout_3_sl, .hlavni_layout_1_sl {
        width: 100%;
    }
    #hlavni_layout_2_sl {
        padding-top: 0px;
    }
    .ram {
        width: auto;
        margin-right: 0px;
        margin-bottom: 10px;
        min-height: 0px; 
    }
    #obsah_1_sloupec {
        width: auto;
    }
    #obsah_vlevo {
        width: auto;
        margin-right: 17px;
    }
    #obsah_vlevo_bezmarginu {
        width: auto;
    }
    #menu_vpravo {
        float: none;
        width: auto;
        margin-right: 17px;
        margin-left: 17px;
    }
    #menu_vpravo div {
        float: left;
    }
    .vypis_tagu {
        border-top: none;
        padding: 0px 17px 5px 0px;
    }
    .vypis_tagu_prvni {
        border-top: none;
    }
    aside.aside_p_blok {
        height: auto;
        border-bottom: 0px;
    }
    div.vypis_vhodnosti, div.vypis_vhodnosti div {
        float: none !important;
    }
    .uvod_vypisu {
        padding-left: 0px !important;
    }
    .aside_p {
        position: relative;
    }
    .aside_p_vypis {
        border: 0px;
        padding: 0px 17px 5px 0px;
    }
    .xprodukty_dlazdice {
        margin-top: 11px;
        width: 100%;
    }
    .travnik_foto {
        height: auto;
    }
    .travnik_foto img {
        width: 100%;
        height: auto;
    }
    .travnik_foto_galerie img {
        width: 20px;
    }
    .travnik_hlavicka {
        margin-right: 17px;
    }
    .travnik_detail_linka {
        margin-right: 17px;
    }
    .travnik_popis {
        padding-right: 15px;
    }
    .certifikat_popis {
        width: auto;
    }
    .kontakty_mapa img {
        width: 100%;
    }
    footer {
        width: 100%;
    }
}