@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'Dosis-Light';
    src: url('/fonts/Dosis-Light.eot');
    src: url('/fonts/Dosis-Light.eot#iefix') format('embedded-opentype'),
         url('/fonts/Dosis-Light.woff') format('woff'), /* proc nejede opera - netusim */
         url('/fonts/Dosis-Light.ttf') format('truetype'),
         url('/fonts/Dosis-Light.svg') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Dosis-Regular';
    src: url('/fonts/Dosis-Regular.eot');
    src: url('/fonts/Dosis-Regular.eot#iefix') format('embedded-opentype'),
         url('/fonts/Dosis-Regular.woff') format('woff'), /* proc nejede opera - netusim */
         url('/fonts/Dosis-Regular.ttf') format('truetype'),
         url('/fonts/Dosis-Regular.svg') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Dosis-Medium';
    src: url('/fonts/Dosis-Medium.eot');
    src: url('/fonts/Dosis-Medium.eot#iefix') format('embedded-opentype'),
         url('/fonts/Dosis-Medium.woff') format('woff'), /* proc nejede opera - netusim */
         url('/fonts/Dosis-Medium.ttf') format('truetype'),
         url('/fonts/Dosis-Medium.svg') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Dosis-SemiBold';
    src: url('/fonts/Dosis-SemiBold.eot');
    src: url('/fonts/Dosis-SemiBold.eot#iefix') format('embedded-opentype'),
         url('/fonts/Dosis-SemiBold.woff') format('woff'), /* proc nejede opera - netusim */
         url('/fonts/Dosis-SemiBold.ttf') format('truetype'),
         url('/fonts/Dosis-SemiBold.svg') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Dosis-Bold';
    src: url('/fonts/Dosis-Bold.eot');
    src: url('/fonts/Dosis-Bold.eot#iefix') format('embedded-opentype'),
         url('/fonts/Dosis-Bold.woff') format('woff'), /* proc nejede opera - netusim */
         url('/fonts/Dosis-Bold.ttf') format('truetype'),
         url('/fonts/Dosis-Bold.svg') format('svg');
    font-weight: 400;
    font-style: normal;
}

.Museo-700 { 
	font-family: Museo-700;
	font-weight: normal;
	font-style: normal;
}
.Museo-300 { 
	font-family: Museo-300;
	font-weight: normal;
	font-style: normal;
}


/* HTML elementy */
html {} 
body {margin: 0; padding: 0; font-family: 'Open Sans', sans-serif, 'Open Sans Condensed'; font-size: 14px; color: #171717; background: url("/img/zelenestrechy/pozadi_5.jpg") no-repeat fixed center top #ffffff; }
table tr td, table tr th {padding: 6px 0; font-size: 100%; text-align: left; vertical-align: top; color: #000000; }
table tr th { font-family: 'Dosis-SemiBold'; color: #9c2825; }
input[type=submit] { cursor: pointer; }
input[type=submit].btn { font-size: 16px; font-family: 'Dosis-Bold'; padding: 5px 10px; border-radius: 5px; box-shadow: inset -2px -2px 10px #ECEFF4; text-transform: uppercase; border: solid 1px #CED0D5; }
input[type=submit].btn:hover { box-shadow: inset -2px -2px 10px #CED0D5; }
a, a strong {color: #007053} /* E2001A */
a:hover { color: #E2001A }
a img {border: none}
p {line-height: 1.3em; margin: 5px 0px 0px;} /*  color: #3D3D3D */
table p {line-height: 1.2em; margin: 0 0 5px 0;}
h1 {color: #000; margin: 0 0px 5px; font-size: 160%; text-transform: uppercase; font-weight: normal; padding: 3px 0 3px 0px; /*background: url("http://www.zelenestrechy.info/img/sipka-big.png") left 12px no-repeat*/}
h2 {color: #000; margin: 15px 35px 5px 0; font-size: 150%; font-weight: normal; padding: 3px 0 3px 0; /*background: url("http://www.zelenestrechy.info/img/sipka-big.png") left 10px no-repeat*/}
h3 {color: #000;  font-family: 'Open Sans'; font-weight: 400; text-transform: uppercase; /*background: url("http://www.zelenestrechy.info/img/sipka-big.png") left 8px no-repeat;*/ font-size: 18px;}
h4 { font-size: 105%; margin: 10px 0 0; padding: 0;}
h5 { font-size: 100%; margin: 5px 0 0; padding: 0;}
strong, b {color: #171717; font-weight: 600; font-family: 'Open Sans'; }
ul {margin: 0 35px 10px; padding: 0}
ul li {/*background: url("http://www.zelenestrechy.info/img/nun/puntik.png") left 49% no-repeat; list-style-type: none;*/ padding: 0 0 2px 15px; margin-bottom: 10px}

ol li {padding-left: 15px; padding-bottom: 2px; margin-bottom: 10px}
ul ul {	margin: 10px 0 0 0;}
li li, ol ol {	font-size:100%;}

label { cursor: pointer; font-weight: bold; }

input, select, textarea { border: solid 1px #009474; font-size: 14px; font-weight: 300; background: #ffffff; color: #242523;} /* background: url(#) top left; */
input[type=radio], input[type=checkbox] { border: none; background: none;}


/* STYLES */

.no-top-margin { margin-top: 0px !important; }
label.block { display: block; width: 150px; float: left; }

#bk_top {margin: 0; padding: 0; text-align: left; overflow: hidden; }
#head .content, #head1 .content, #head2 .content, #subhead .content, #content .content, #subfooter .content, #footer .content { background: #ffffff; width: 1000px; height: inherit; margin: 0 auto; position: relative; padding: 0 15px;}
#content {position: relative; margin: 0;}
#content .main-photo  { display: block; height: 165px; width: 100%; }
#content .fill { background-position: center center; background-size: cover; height: 100%; width: 100%; }

#main p { color: #000000;}

#head { width: 100%; height: 145px; }
#head .head_top{ width: 1920px; height: 5px; position: relative; margin: 0 auto; }
#head .head_top1{ width: 1095px; height: 5px; position: relative; background: #42c0f0; float: left; display: inline-block }
#head .head_top2{ width: 825px; height: 5px; position: relative; background: #242523; float: left; display: inline-block }
#head .content { position: relative; }
#head .content .FotoRight { background: url('/img/on.jpg') no-repeat; width: 450px; height: 957px; position: absolute; top: 0px; right: -450px; }
#head .content .FotoLeft { background: url('/img/ona.jpg') no-repeat; width: 450px; height: 957px; position: absolute; top: 0px; left: -450px; }
#head .content .logo {display: inline-block; float: left; z-index: 10; position:relative; width: 430px; height: 80px; margin: 0; background: url("/img/zelenestrechy/logo.png") left 20px top 20px no-repeat}
#head .content .fbmenu { position: absolute; top: 36px; right: 15px; display: block; width: 16px; height: 16px; background: url('/img/fb_16.png') top left no-repeat; /* border: 1px solid red; */ }
#head .content ul.menu-hlavni { /*width: 250px;*/ float: left; margin: 0 0 0px 0; padding: 24px 0 10px 0px; text-align: right; z-index: /*100*/0; }
#head .content ul.menu-hlavni li {list-style-type: none; background: none; display: inline; padding: 0; margin: 0; z-index: 100}
#head .content ul.menu-hlavni li a {display: inline-block; text-decoration: none; font-family: 'Open Sans'; padding: 4px 9px 4px 0px; line-height: 1em; margin-right: 10px; font-size: 18px; color: #007053; text-transform: uppercase; z-index: 100}
#head .content ul.menu-hlavni li a:hover, #head .content .menu-hlavni li.active a { color: #222; text-decoration: underline; z-index: 100; }
#head .content ul.menu-hlavni li#li802 { padding-right: 50px;}
#head .content ul.menu-hlavni ul {display: none}
#head .content ul.menu-horni { /*width: 250px;*/ float: right; margin: 0 0 0px 0; padding: 34px 35px 30px 20px; text-align: right; z-index: 100 }
#head .content ul.menu-horni li {list-style-type: none; background: none; display: inline; padding: 0; margin: 0; z-index: 100}
#head .content ul.menu-horni li a {display: inline-block; text-decoration: none; font-family: 'Open Sans'; padding: 0 5px 0 2px; line-height: 1em; font-size: 12px; color: #434242; border-right: 1px solid #434242;  z-index: 100}
#head .content ul.menu-horni li a:hover, #head .content .menu-horni li.active a { text-decoration: underline; z-index: 100 }
#head .content ul.menu-horni li#li802 { padding-right: 50px;}
#head .content ul.menu-horni ul {display: none}
#head .content .facebook {background: url("/img/tlc_fb.png") left top no-repeat; width: 22px; height: 22px; position: absolute; right: 100px; top: 39px}
#head .content .facebook:hover { background-position: bottom left;}
#head .content .hledej_sipka { background: none; width: 137px; height: 35px; position: absolute; bottom: 13px; z-index: 4; right: 180px;}
#head .content form.search { float: right; padding: 10px 0 0 0; /*position: absolute; bottom: 18px; right: 65px; */ z-index: 5; }
#head .content form.search div { margin: 0; padding: 0; line-height: 100%; }
#head .content form.search input[type=text] { width: 170px; max-height: 25px; border: 1px solid #009474; box-sizing: border-box; -moz-box-sizing: border-box; padding: 5px 5px 5px 20px; margin: 0; }
#head .content form.search input[type=submit] { background: url('/img/hledej.png') left top no-repeat; width: 23px; height: 22px; border: 0; margin: 0 0px 0 8px; vertical-align: bottom; box-shadow: none; }
#head .content form.search input[type=submit]:hover { background-position: left bottom -1px; }
#head .content>img.balonky_vrch { position: absolute; top: 15px; left: 360px; }
#head .content>img.balonek_vrch { position: absolute; top: 5px; right: -155px; }
#head .content>img.stuzka_vrch { position: absolute; top: 0px; right: -135px; z-index: 0 }
#head .content .prihlasit { position: absolute; z-index: 11; left: 365px; bottom: 48px; width: 128px; height: 45px; background: url('http://www.zelenestrechy.info/img/nun/prihlasit.png') no-repeat; }
#head .content .registrovat { position: absolute; z-index: 11; left: 605px; bottom: 60px; width: 145px; height: 51px; background: url('http://www.zelenestrechy.info/img/nun/registrovat.png') no-repeat; }
#head .content .prihlasit div, #head .content .registrovat div { position: absolute; bottom: 0px; left: 0px; width: 100%; text-align: center; }
#head .content .prihlasit a, #head .content .registrovat a { text-transform: uppercase; font-family: 'Dosis-Medium'; font-size: 13px; color: #000000; text-decoration: none; }
#head .content .prihlasit a:hover, #head .content .registrovat a:hover { text-decoration: underline; }

#subhead { width: 100%; padding: 0 0 0px 0}
#subhead .content { }
#subhead .content img.pravy_ptacek { position: absolute; top: 50%; right: -100px; }
#subhead .content img.levy_ptacek { position: absolute; top: 50%; left: -120px; }
#subhead .content .slider { width: 100%; /*height: 100%;*/ height: 280px; position: relative; left: 0; top: 0px; z-index:90; padding: 0; margin: 0 0 34px 0; z-index: 10; overflow: hidden;}
#subhead .content .slider .back { width: 997px; height: 300px; display: block; position: absolute; left: 0; top: 20px; overflow: hidden;}
#subhead .content .slider ul {width:100%; height:100%;position:relative; padding: 0; margin: 0; display: inline-block;}
#subhead .content .slider ul li {list-style-type: none; height: 280px; width: 100%; overflow: hidden; background: none !important; background-color: transparent !important; padding: 0; margin: 0;}
#subhead .content .slider ul li h2 {position: absolute; left: 35px; bottom: 25px; font-size: 20px; margin: 0; padding: 0; font-family: 'Open Sans'; color: #fff; text-shadow: 0 0 3px #000000; font-weight: 300; line-height: 23px;}
#subhead .content .slider ul li h2 strong {color: #fff;}
#subhead .content .slider ul li a { }
#subhead .content .slider ul li a .slide-image {display: block; text-align: center; position: absolute;top:0; background: none !important; background-color: transparent !important}
#subhead .content .slider ul li a .slide-image img {background: none !important; background-color: transparent !important}
#subhead .content .slider ul li a .slide-image span {display: block; position: absolute; left: 0; top: 0; width: 62px; height: 62px}
#subhead .content .slider ul li a .slide-text {font-size: 0px;}
#subhead .content .slider .slider-nav {position: absolute; right: 20px; bottom: 5px;z-index:1000;}
#subhead .content .slider .slider-nav a {font-family: Verdana; color: #FFFFFF; text-decoration: none; display: inline-block; width: 29px; height: 29px; padding-left: 5px; line-height: 1.4em; margin-right: 1px; font-size: 0.001px; }
#subhead .content .slider .slider-nav a:hover, #subhead .content .slider .slider-nav a.activeSlide { }
#subhead .content .slider #slider-navigace {}
#subhead .content .slider #prev {background: url("/img/leva_sipka.png") left top no-repeat;  width:20px; height:31px;position:absolute; left: 35px; top: 110px; z-index:90;}
#subhead .content .slider #next {background: url("/img/prava_sipka.png") left top no-repeat; width:20px; height:31px;position:absolute; right: 35px; top: 110px; z-index:90;}
#subhead .content .slider #prev span, #subhead .content .slider #next span {display:none;}
#subhead .content .slider #prev:hover, #subhead .content .slider #next:hover {background-position:left bottom;}

#subhead .content .novinky-najdete {position: relative; display: inline-block; /*min-height: 680px;*/width:100%; }
#subhead .content .novinky-najdete .novinky-stin {position: absolute; left: -80px; bottom: -60px; display: block; width: 317px; height: 303px; z-index: -1; background: url('/img/stin.png') left bottom no-repeat; }
#subhead .content .novinky { display: block; float: left; max-width: 573px; height: 100%;width:100%;}
#subhead .content .novinky span {font-size: 19px; font-weight: 600; font-family: 'Open Sans'; border-bottom: 2px solid #171717; padding: 0 25px 0 0 }

#subhead .content .novinky .clanek {display: block; max-height: 300px; overflow: hidden; margin: 0 0 10px 0 }
#subhead .content .najdete { display: block; float: left; width: 395px; min-height: 300px; }
#subhead .content .najdete .nadpis { width: 300px; border-bottom: 2px solid #171717; padding: 0 65px 0 0; }
#subhead .content .najdete .nadpis .text span {font-size: 19px; font-weight: 600; font-family: 'Open Sans'; }
#subhead .content .najdete .clanek { margin: 37px 0 0 0; max-height: 248px; overflow: hidden;  }
#subhead .content .najdete .sipka {background: url("/img/mensi_sipka.png") right top no-repeat; width:5px; height:8px; margin: -18px 0 0 160px }
#subhead .content .najdete .sipka:hover {background-position: right bottom no-repeat }
#subhead .content .najdete .cara .clanek { margin: 5px 0 0 0;}

#subhead .content .novinky-najdete .pravy-sloupec { display: block; float: left; width: 395px; height: 100%; padding: 0 0px 0 26px}
#subhead .content .novinky-najdete .pravy-sloupec .stante_se { display: block; float: left; width: 395px; }
#subhead .content .novinky-najdete .pravy-sloupec .stante_se .nadpis { width: 300px; border-bottom: 2px solid #171717; padding: 7px 65px 0 0; }
#subhead .content .novinky-najdete .pravy-sloupec .stante_se .nadpis .text span {font-size: 19px; font-weight: 600; font-family: 'Open Sans'; }
#subhead .content .novinky-najdete .pravy-sloupec .stante_se .clanek { margin: 42px 0 0 0; max-height: 245px; overflow: hidden;  }
#subhead .content .novinky-najdete .pravy-sloupec .stante_se .sipka {background: url("/img/mensi_sipka.png") right top no-repeat; width:5px; height:8px; margin: -18px 0 0 240px }

.new-line{
    display: flex;
}

#subhead .partneri { position: relative; width: 100%; min-height: 100px; padding: 50px 0 0 0; margin: 0 auto;}
#subhead .partneri .content { display: block; width: 1000px; height: 100%; margin: 0 auto; position: relative;}
#subhead .partneri .content .jezirka {
    flex-grow: 1;
    background: url("/img/logo-isover-312_m.jpg") center no-repeat; width: 153px; height: 60px; display: inline-block; margin: 50px 14px 0 0}
#subhead .partneri .content .zelene-strechy {
    flex-grow: 1;
    background: url("/img/dorken.jpg") center no-repeat; width: 150px; height: 62px; display: inline-block; margin: 40px 24px 0 0}
#subhead .partneri .content .retex {
    flex-grow: 1;
    background: url("/img/retex_logo.png") center no-repeat; width: 92px; height: 67px; display: inline-block; margin: 40px 24px 0 0}
#subhead .partneri .content .fakulta {
    flex-grow: 1;
    background: url("/img/bauder_m.jpg") center no-repeat; width: 178px; height: 69px; display: inline-block; margin: 30px 24px 0 0}
#subhead .partneri .content .elca {
    flex-grow: 1;
    background: url("/img/cmyk-logo-nophadrain-2014_m.jpg") center no-repeat; width: 249px; height: 60px; display: inline-block; margin: 30px 14px 0 0}
#subhead .partneri .content .sedum-top {
    flex-grow: 1;
    background: url("/img/sedum_logo_horizontalni_pantone.jpg") center no-repeat; width: 249px; height: 46px; display: inline-block; margin: 37px 14px 0 0}
#subhead .partneri .content .garden {
    flex-grow: 1;
    background: url("/img/logo-agro-cs-nove_m.jpg") center no-repeat; width: 133px; height: 40px; display: inline-block; margin: 30px 10px 0 0}
#subhead .partneri .content .arch {
    flex-grow: 1;
    background: url("/img/for_arch.jpg") center no-repeat; width: 119px; height: 35px; display: inline-block; margin: 30px 0px 0 0}
#subhead .partneri .content .likos {
    background: url(/img/HP_logo/likos.jpg) center no-repeat;
    width: 190px;
    height: 69px;
    display: inline-block;
    margin: 30px 0 0 0;
    background-size: contain;
    flex-grow: 1;
}

#subhead .partneri .content .strom { background: url("/img/STROM_vertical_barva_3D.jpg") left bottom no-repeat; width: 84px; height: 84px; display: inline-block; margin: 16px 84px 0 0px;}
#subhead .partneri .content .john_deere { background: url("/img/logo-agro-cs-nove_m.jpg") left top no-repeat; width: 154px; height: 44px; display: inline-block; margin: 43px 0px 0 0px;}
#subhead .partneri .content .szuz { background: url("/img/logo_szuz.jpg") left top no-repeat; width: 422px; height: 97px; display: inline-block; margin: 15px 0px 0 300px;}

#subhead .partner_szuz { position: relative; width: 100%; min-height: 50px; padding: 0px 0 0 0; margin: 0 auto;}
#subhead .partner_szuz .szuz { background: url("/img/logo_szuz.jpg") left top 25px no-repeat; width: 422px; height: 125px; display: block; margin: 0 auto;}

#subfooter { width: 100%; height: 499px; background: url('http://www.zelenestrechy.info/img/.jpg') center top repeat-x; }
#subfooter .content { background: url('http://www.zelenestrechy.info/img/.png') 75% top no-repeat, url('http://www.zelenestrechy.info/img/.png') 25% top no-repeat; }

#content #main {padding: 0; min-height: 0; position: relative}/* nastavit min-height dle toho do jake vysky jsou loga na bocich - jsou absolutne pozicovana */

/* uvod */
#content #main .uvod { position: relative; margin: 5px 0 0;}
#content #main .uvod .prod_1 { } /* width: 395px; height: 278px; */
#content #main .uvod .prod_2 { }
/*
#content #main .uvod .stin_levy { position: absolute; top: 10px; left: -50px; display: block; width: 35px; height: 274px; background: url("/img/stin_levy.png") left top no-repeat;}
#content #main .uvod .stin_pravy { position: absolute; top: 10px; right: 12px; display: block; width: 35px; height: 274px; background: url("/img/stin_pravy.png") left top no-repeat;}
#content #main .uvod .zena { position: absolute; top: -70px; right: 135px; display: block; width: 305px; height: 343px; background: url("/img/foto_zena.png") left top no-repeat;}
#content #main .uvod .akce { position: absolute; top: 280px; right: 25px; display: block; width: 525px; height: 290px; background: url("/img/akce_uvod.png") left top no-repeat;}
#content #main .uvod .produkt { float: left; width: 184px; height: 263px; background: url("/img/bublina_pasiv.png") left top no-repeat; position: relative; text-align: center; margin: 0 25px 10px 0;}
#content #main .uvod .produkt img { position: relative; margin: 5px 0 0 0;}
#content #main .uvod .produkt span.tlc { display: inline-block; position: absolute; left: 60px; bottom: 3px; width: 63px; height: 27px; background: url("/img/tlc_vstup.png") left top no-repeat;}
#content #main .uvod .produkt span.membr { display: inline-block; width: 102px; height: 42px; background: url("/img/upravny_s_text.png") left top no-repeat; margin: 25px 0 0 0;}
#content #main .uvod .produkt span.bezmembr { display: inline-block; width: 102px; height: 42px; background: url("/img/upravny_bez_text.png") left top no-repeat; margin: 25px 0 0 0;}
#content #main .uvod .produkt span.doplnky { display: inline-block; width: 77px; height: 42px; background: url("/img/doplnkove_filtry_text.png") left top no-repeat; margin: 25px 0 0 0;}
#content #main .uvod .produkt span.spotr { display: inline-block; width: 70px; height: 42px; background: url("/img/spotrebni_mat_text.png") left top no-repeat; margin: 25px 0 0 0;}
#content #main .uvod .produkt:hover { background: url("/img/bublina_aktiv.png") left top no-repeat;}
#content #main .uvod .produkt:hover span.tlc { background-position: bottom left;}*/

#content .tl_vice_info { background: url("/img/tlc_vice_informaci.png") left top no-repeat; width: 166px; height: 46px; display: inline-block; font-size: 0.000001px; text-indent: -1900px;}
#content .tl_vice_info:hover { background-position: bottom left;}

#content .predel { background: url("/img/predel_provaz.png") left top no-repeat; width: 719px; height: 8px; clear: both; margin: 10px auto;}
#content .nadpis_akcni_nabidka { background: url("/img/nadpis_akcni_nabidka.png") left top no-repeat; width: 198px; height: 31px; margin: 10px auto;}
#content .nadpis_rychle_novinky { background: url("/img/nadpis_rychle_novinky.png") left top no-repeat; width: 203px; height: 31px; margin: 10px auto;}
#content .nadpis_renomovane_znacky { background: url("/img/nadpis_renomovane_znacky.png") left top no-repeat; width: 267px; height: 28px; margin: 10px auto;}

#content .loga_vyrobcu { background: url("/img/loga_vyrobcu.png") left top no-repeat; width: 775px; height: 101px; margin: 10px 0 10px -20px;}



#content .content .relax_snecek { position: absolute; top: 190px; left: -42px; }
#content .content .relax_ptacek { position: absolute; top: 100px; right: -41px; }
#content #main .colright {float: left; position: relative;}
#content #main .colright.margin { padding: 0 0 0 0; width: 100%; border-top: 1px solid #dddddd; box-sizing: border-box; -moz-box-sizing: border-box; }
#content #main .catright {padding: 0 0 10px;}
#content #main .catright .projekty_kat {  background: url("/img/zelenestrechy/pozadi_projekty.jpg") left top no-repeat; height: 182px; color: #fff; margin: 17px 0px 0px 0; text-align: left; font-size: 40px; font-weight: normal; padding: 30px 0 0px 10px; border-radius: 5px;}
#content #main .catright .projekty_kat h1  { background: #007053; color: #fff; font-size: 30px; max-width: 670px; padding: 7px; }

#content #main .bkcolright_uvod {width: 100%; margin: 5px 5px 0 0; background: none;}
#content #main .bkcolright_uvod .field_frame {padding: 0 0 0 110px; margin: 0; box-sizing: border-box; -moz-box-sizing: border-box; background-size: 14%; } 
#content #main .bkcolright_uvod {float: left; margin: 0; padding: 0; }
#content #main .bkcolright_uvod ul#menu-kategorie { padding: 0;  background: #fff; padding: 0 8px 8px; list-style: none; }
#content #main .bkcolright_uvod ul#menu-kategorie li {list-style-type: none; padding: 0; margin: 0; position: relative; background: none; float: left; width: 300px; height: 120px; text-align: center; }
#content #main .bkcolright_uvod ul#menu-kategorie li a { display: block; background-position: left top; margin: 0 auto; }
#content #main .bkcolright_uvod ul#menu-kategorie li a:hover {background-position: left bottom !important;}

#content #main .bkcolright {width: 100%; margin: 5px 15px 0 0; /*background: url("/img/pole_detail_pixel.png") left top repeat-y; */ background-color: #fff;}
#content #main .colright .inner { padding: 5px 0; min-height: 520px; position: relative; top: -10px;}
#content #main .colright .in-bottom { padding: 0; height: 35px; position: relative; top: 10px;}
#content #main .colright .clanek { padding: 15px 0 0 0;} 
#content #main .colright .inner_margin { padding: 0 35px;}



#basket { text-decoration: none; height: 162px; width: 224px; background: url('http://www.zelenestrechy.info/img/nun/kosik_podklad.png') 0px 0px no-repeat; display: block; overflow: hidden; padding: 0; right: 0px; text-align: right; font-size: 100%; position: absolute; z-index: 5; color: #34a7bc; }
#basket div { position: absolute; top: 83px; left: 30px; width: 174px; height: 55px; }
#basket strong { margin: 0; text-transform: uppercase; font-family: 'Dosis-Medium'; font-size: 19px; color: #9c2825; letter-spacing: -1px; display: block; margin: 0 0 5px 0; }
#basket span { font-family: 'Dosis-Regular'; font-size: 15px; font-style: italic; color: #2b2a29; letter-spacing: -1px; margin: 0 auto; text-align: center; display: block; padding: 0 0 0 57px; }
#basket span b { font-family: 'Dosis-SemiBold'; color: #620001; }
#basket span strong {color: #EE1C24; font-size: 135%; font-weight: bold}
#basket .tlacitko { background: url("http://www.zelenestrechy.info/img/nun/kosik.png") left top no-repeat; width: 53px; height: 50px; display: inline-block; position: absolute; left: 0; top: 0px;}
#basket:hover .tlacitko { background-position: bottom left;}

#basket_tlc { background: url("/img/ikona_kosik.png") left top no-repeat; text-decoration: none; height: 46px; width: 53px; display: block; position: absolute; top: -39px; right: 182px;}
#basket_tlc:hover { /*background-position: bottom left;*/}

#content #main .colright .navigation {  padding: 0; padding: 0 0 15px 0; margin: 5px 0 10px 0; }
#content #main .colright .navigation a {color: #c4c3c3; font-family: 'Open Sans'; font-size: 12px; text-decoration: none; text-transform: uppercase}
#content #main .colright .navigation a:hover { text-decoration: none; color: #009474; font-weight: none}
#content #main .colright .navigation a.tl_zpet {color: #FFFFFF; background-color: #e0001b; display: inline-block; text-decoration: none; padding: 1px 5px; margin: 0 12px 0 0;}
#content #main .colright .navigation a.tl_zpet:hover {background-color: #34a7bc;}
#content #main .colright .navigation span {vertical-align: middle; display: inline-block; margin: 0 3px; background: url("/img/navigace.png") left top no-repeat; width: 12px; height: 25px}

#content #main .colright .navigation .temata { float: right; margin: 0; padding: 0; width: 100%; height: 10px; display: block; max-width: 400px; }
#content #main .colright .navigation .temata select { background-color: #007053; color: #fff; width: 38%; height: 26px; display: inline-block; }
#content #main .colright .navigation .temata label { font-family: 'Open Sans'; font-weight: normal; color: #007053; display: inline-block; text-align: right;width: auto; margin: 0 0 0 3%;}

#content .choosen-cat {margin: 15px 0 5px; height: 25px; background: none; border-bottom: 2px solid #8dccee; display: none;}
#content .choosen-cat span { color: #f7f7f7; width: 127px; text-align: center; display: inline-block; padding: 5px 0 5px 0; background: #8dccee; margin: 0;}
#content #main .catright .card { width: 240px; height: 150px; float: left; display: block; margin: 0 5px 40px 0; position: relative; }
#content #main .catright .card .stin { position: absolute; bottom: -37px; left: 5px; width: 192px; height: 37px; }
#content #main .catright .card:hover  { background-color: rgba(0, 127, 94, 0.9); }
#content #main .subcat { width: 100%; height: 100%; display: block; background-color: #dddddd; text-decoration: none; overflow: hidden; border: solid 2px #059576; box-sizing: border-box; -moz-box-sizing: border-box; }
#content #main .subcat .subcat-image {text-align: center; display: block; color: #222;}
#content #main .subcat .subcat-image img {vertical-align: middle; display: inline-block;  /*border: 1px solid #f7f7f7;*/}
#content #main .subcat h2 {font-size: 100%; margin: 0; line-height: 100%; width: 240px; height: auto; min-height: 41px; overflow: hidden; position: absolute; bottom: 2px; left: 0px; background-color: rgba(0, 127, 94, 0.9);}
#content #main .subcat h2 {font-family: 'Open Sans'; font-size: 16px; color: #ffffff; padding: 0px; text-align: center; }
#content #main .subcat:hover h2 {color: #222;}
#content #main .subcat:hover { background-position: bottom left; }
#content #main .subcat h2 span {padding: 16px 0 5px 0; display: block;}
#content #main .subcat p {color: #FFFFFF; margin: 0; font-size: 95%; line-height: 1.1em; height: 28px; overflow: hidden; display: block;}

#content #main .colright .filter-block {background: url("/img/bg_block-filter.png") left top repeat-x; margin: 0 0 26px 0; height: 27px; width: 685px; line-height: 1.8em; padding: 3px 0 0 15px; color: #FFFFFF; font-family: "Segoe UI"; font-size: 105%}
#content #main .colright .filter-block select {width: 145px; height: 20px; background: url("/img/bg_block-filter.png") left top repeat-x; line-height: 20px; font-family: "Segoe UI"; font-size: 90%; margin: 0 10px 0 10px; vertical-align: middle; position: relative; top: -2px}
#content #main .colright .filter-block option {background: url("/img/bg_block-filter.png") left top;}
#content #main .colright .filter-block option:hover {background: #ccc;}
#content #main .colright .filter-block .filter, #main  .colright .block-search .advanced-search .advanced-search-in .filter {display: inline-block; width: 273px; height: 16px; position: relative; background: url("/img/bg_filter.png") left top no-repeat; top: 3px; margin: 0 3px 0 10px; font-family: "Segoe UI"}
#content #main .colright .filter-block .filter .point1, #main  .colright .block-search .advanced-search .advanced-search-in .filter .point1 {display: inline-block; text-align: center; position: absolute; top: -4px; left: 30px; z-index: 2; line-height: 1em}
#content #main .colright .filter-block .filter .point1 a, #main  .colright .block-search .advanced-search .advanced-search-in .filter .point1 a {display: inline-block; background: url("/img/filter_point.png") left top no-repeat; width: 16px; height: 24px; margin-bottom: 2px}
#content #main .colright .filter-block .filter .point1 .price-whole {text-align: center; background: url("/img/price_from.png") center top no-repeat; padding-top: 8px; display: inline-block; width: 100px}
#content #main .colright .filter-block .filter .point2 .price-whole {text-align: center; background: url("/img/price_to.png") center top no-repeat; padding-top: 8px; display: inline-block; width: 100px}
#content #main .colright .filter-block .filter .point1 .price, #main  .colright .block-search .advanced-search .advanced-search-in .filter .point1 .price {display: inline-block; line-height: 1em; padding: 5px 10px; background-color: #39A3CD}
#content #main .colright .filter-block .filter .point1 .price span, #main  .colright .block-search .advanced-search .advanced-search-in .filter .point1 .price span {font-size: 80%}
#content #main .colright .filter-block .filter .point2, #main .colright .block-search .advanced-search .advanced-search-in .filter .point2 {display: inline-block; text-align: center; position: absolute; top: -4px; left: 130px; z-index: 2; line-height: 1em}
#content #main .colright .filter-block .filter .point2 a, #main  .colright .block-search .advanced-search .advanced-search-in .filter .point2 a {display: inline-block; background: url("/img/filter_point.png") left top no-repeat; width: 16px; height: 24px; margin-bottom: 2px}
#content #main .colright .filter-block .filter .point2 .price, #main  .colright .block-search .advanced-search .advanced-search-in .filter .point2 .price {display: inline-block; padding: 5px 10px; background-color: #CDB032}
#content #main .colright .filter-block .filter .point2 .price span, #main  .colright .block-search .advanced-search .advanced-search-in .filter .point2 .price span {font-size: 80%}
#content #main .colright .filter-block .filter .filter-active, #main  .colright .block-search .advanced-search .advanced-search-in .filter .filter-active {display: inline-block; background: url("/img/filter_active.png") left top repeat-x; height: 10px; position: absolute; left: 76px; top: 3px; z-index: 1}
#content #main .colright .filter-block input[type=submit] {color: #FFFFFF; font-family: "Segoe UI"; font-size: 90%; vertical-align: middle; cursor: pointer; text-align: center; background: url("/img/button_filter.png") left top no-repeat; width: 55px; height: 20px; padding-bottom: 2px; border: none; font-size: 90%; position: relative; top: -2px;}

#content #main .colright .product-card {width: 224px; height: 300px; float: left; margin: 0 18px 20px 18px; position: relative; padding: 11px 0 0; z-index: 1}
#content #main .colright .product-card h2 { font-size: 105%; margin: 5px 20px 16px; line-height: 1.2em; height: 35px; overflow: hidden; text-align: center;}
#content #main .colright .product-card h2 a { color: #9c2825; font-size: 16px; font-family: 'Dosis-SemiBold'; text-decoration: none; }
#content #main .colright .product-card h2 a:hover {color: #000000;}
#content #main .colright .product-card p { font-size: 90%; margin: 5px 25px 16px; line-height: 1.2em; height: 50px; overflow: hidden; text-align: justify; color: #555;}
#content #main .colright .product-card .product-image {height: 158px; line-height: 158px; width: 200px; padding: 0; margin: 0 0 0 15px; overflow: hidden; display: table-cell; vertical-align: middle; text-align: center; }
#content #main .colright .product-card .image {margin: 0 0 0 11px;}
#content #main .colright .product-card .product-image img {display: inline-block; vertical-align: middle}

#content #main .colright .product-card .card { position: relative; margin: 3px 0 0 0;}
#content #main .colright .product-card .button-detail {background: url("/img/tlc_zobrazit.png") left top no-repeat; display: inline-block; width: 103px; height: 38px; position: absolute; top: 3px; left: -6px;}
#content #main .colright .product-card .button-detail:hover {background-position: bottom left;}
#content #main .colright .product-card .price { font-family: "Segoe UI"; position: relative; width: 90px; float: right; margin: 0 12px 0 0; text-align: right;}
#content #main .colright .product-card .price strong { display: block; color: #9c2825; font-size: 18px; font-family: 'Dosis-SemiBold';}
#content #main .colright .product-card .price strong span { font-size: 90%; font-weight: normal;}
#content #main .colright .product-card .price span.mini { position: relative; top: -3px; text-decoration: line-through;}
#content #main .colright .product-card .price span span { font-size: 75%;}
#content #main .colright .product-card .store { font-family: 'Dosis-Medium'; font-size: 16px; color: #509844; }
#content #main .colright .product-card .store img { margin: 0 3px 0 0; }

#content #main .colright .product-card .label {/*background: url("/img/label.png") left top no-repeat;*/ display: inline-block; width: 64px; height: 66px; position: absolute; right: -20px; top: -20px}
#content #main .colright .product-card .product-text .labels {width: 200px; height: 16px; position: relative; left: -12px; background: url("/img/bg_labels.png") left bottom repeat-x; padding: 3px 0 8px 10px; margin-bottom: 6px}
#content #main .colright .product-card .product-text .labels span {display: inline-block; height: 15px}
#content #main .colright .product-card .product-text .labels .product-news {background: url("/img/label_news2.png") left top no-repeat; width: 49px; margin-left: 10px}
#content #main .colright .product-card .product-text .labels .product-discount {background: url("/img/label_discount2.png") left top no-repeat; width: 44px}
#content #main .colright .product-card .product-text .labels .product-action {background: url("/img/label_action.png") left top no-repeat; width: 42px}
#content #main .colright .product-card .product-text .labels .product-new {background: url("/img/label_new.png") left top no-repeat; width: 42px}
#content #main .colright .product-card .product-text {padding: 10px 15px 0 15px}
#content #main .colright .product-card .product-text p {height: 62px; overflow: hidden; line-height: 1.2em; margin: 0; font-size: 95%}
#content #main .colright .product-card .product-text .product-price {float: right; width: 115px; color: #E2001A; font-size: 130%; text-align: right; height: 45px}
#content #main .colright .product-card .product-text .product-price span {display: block; text-align: right; font-size: 60%}
#content #main .colright .product-card .product-text .product-status {float: left; width: 65px; font-size: 90%}
#content #main .colright .product-card .product-text .product-status span {display: block}
#content #main .colright .product-card .product-text .product-status span.storage {padding: 3px 0 0 18px; background: url("/img/ico_ok.png") left bottom no-repeat}
#content #main .colright .product-card .product-bottom {height: 45px; background: url("/img/bg_product-bottom.png") left top no-repeat; clear: both; margin-left: 1px}
#content #main .colright .product-card .product-bottom .basket {float: right; display: inline-block; background: url("/img/button_basket.png") left top no-repeat; width: 43px; height: 29px; margin: 8px 12px 0 0; font-size: 0.001px;}
#content #main .colright .product-card .product-bottom .basket:hover {background-position: left -29px}
#content #main .colright .product-card .product-bottom .show-detail:hover {background-position: left -20px; color: #48D4ED}


#content #main .colleft {position: absolute; left: 0px; top: 0px; width: 220px; margin: 2px 0 0; z-index: 10; }
#content #main .colleft .menu-left {margin: 0; padding: 0;  background: #fff; padding: 0 0px 0px;}
#content #main .colleft .menu-left li {list-style-type: none; padding: 0; margin: 0; height: auto; position: relative; background: none; margin: 12px 0; }
#content #main .colleft .menu-left li a {text-decoration: none; color: #2b2a29; font-family: 'Dosis-SemiBold'; padding: 0 0 0 14px; display: block; font-size: 16px; height: auto; margin: 0; }
#content #main .colleft .menu-left li:hover, #content #main .colleft .menu-left li.active { background: url("http://www.zelenestrechy.info/img/nun/puntik.png") 0px 6px no-repeat; }
#content #main .colleft .menu-left>li:hover>a, #content #main  .colleft .menu-left>li.active>a { color: #9c2825;}
#content #main .colleft .menu-left li ul {padding: 0; margin: 10px 0 0 16px;}
#content #main .colleft .menu-left li ul li { background-image: none; margin: 0; margin: 10px 0; }
#content #main .colleft .menu-left li ul li a { font-size: 15px; font-family: 'Dosis-Medium'; color: #9c2825; background: url("http://www.zelenestrechy.info/img/nun/mensi_puntik.png") 0px 6px no-repeat; }
#content #main .colleft .menu-left li ul li:hover, #content #main  .colleft .menu-left li ul li.active { background-image: none}
#content #main .colleft .menu-left li ul li li a { }
#content #main .colleft .menu-left li:hover>ul>li>a, #content #main .colleft .menu-left li.active>ul>li>a { }
#content #main .colleft .menu-left li ul li:hover>a, #content #main .colleft .menu-left li ul li.active>a {text-decoration: underline; }
#content #main .colleft .menu-left li ul li.active>a { background: url('http://www.zelenestrechy.info/img/nun/podrtrzeni.png') left bottom no-repeat, url("http://www.zelenestrechy.info/img/nun/mensi_puntik.png") 0px 6px no-repeat;; padding-bottom: 8px; text-decoration: none; }
#content #main .colleft .menu-left li img {position: absolute; right: 25px; top: 6px}
#content #main .colleft .menu-left li.label-news a {padding-right: 80px; width: 112px}
#content #main .colleft .menu-left li.label-new a {padding-right: 70px; width: 122px}

#content #main .colleft .skupina_zobrazeni { position: relative; display: block; width: 100%; height: 30px; text-align: center; padding: 40px 0 30px 0; text-transform: uppercase; font-family: 'Dosis-Bold'; font-size: 20px; background: url('http://www.zelenestrechy.info/img/nun/papirek_kategorie.png') 50% 70% no-repeat; }
#content #main .colleft .skupina_zobrazeni a { color: #75920d; text-decoration: none; display: block; }
#content #main .colleft .skupina_zobrazeni a:hover { color: #9c2825; }
#content #main .colleft .skupina_zobrazeni>.tip {position: absolute; top: 0px; right: 15px; display: block; width: 52px; height: 50px; background: url('http://www.zelenestrechy.info/img/nun/klik.png') left top no-repeat;}


/* tipy na clanky */
#content #main .colleft .clanky-tipy { background: url('http://www.zelenestrechy.info/img/nun/clanky_horni.png') -7px top no-repeat, url('http://www.zelenestrechy.info/img/nun/clanky_stred.png') repeat-y; position: relative; padding: 20px 0 40px 0; margin: 80px 0 0 0;}
#content #main .colleft .clanky-tipy .head { text-align: center; font-family: 'Dosis-Bold'; font-size: 22px; color: #75920d; margin-bottom: 15px; }
#content #main .colleft .clanky-tipy .pic_bottom { background: url('http://www.zelenestrechy.info/img/nun/clanky_spodek.png') -13px bottom no-repeat, #ffffff; position: absolute; z-index: 5; left: 0px; bottom: 0px; height: 117px; width: 100%; }
#content #main .colleft .clanky-tipy ul#menu_clanky { margin: 0px 15px 0px; position: relative; z-index: 10; }
#content #main .colleft .clanky-tipy ul#menu_clanky li { background: url('http://www.zelenestrechy.info/img/nun/bod_mini.png') left 49% no-repeat; padding: 0 0 2px 12px; }
#content #main .colleft .clanky-tipy ul#menu_clanky li a { font-family: 'Dosis-Medium'; font-size: 15px; text-decoration: none; }
#content #main .colleft .clanky-tipy ul#menu_clanky li a:hover { text-decoration: underline; }


/* vypis znacky */
ul.vypis-znacky { margin: 0; padding: 0; }
ul.vypis-znacky li { float: left; width: 190px; height: 40px; background: none; margin: 0 5px 5px 0; padding: 0; text-align: center; border-radius: 5px; overflow: hidden; border: solid 6px #f8f8f8; box-sizing: border-box; -moz-box-sizing: border-box; position: relative; line-height: 100%; }
ul.vypis-znacky li:hover { background: #f8f8f8; }
ul.vypis-znacky li:hover span { color: #9c2825; }
ul.vypis-znacky li a { display: block; width: 100%; height: 100%; text-decoration: none; }
ul.vypis-znacky li span { display: block; text-align: center; font-family: 'Dosis-Bold'; font-size: 16px; margin: 6px 0 0 0; color: #75920d; }

#bk_footer {}
#footer {}
#footer .content { background-color: rgba(255,255,255,0.5); border-top: 1px solid #dddddd;}
#footer #footer-in { text-align: left; padding: 10px 0 0 0}
#footer #footer-in .footer-blocks { width: 100%; color: #fff; font-family: "Segoe UI"; line-height: 1.4em; font-size: 11px; margin: 0}
#footer #footer-in .footer-blocks .footer-block1, #footer #footer-in .footer-blocks .footer-block2, #footer #footer-in .footer-blocks .footer-block3 {float: left; width: 300px; height: 300px; position: relative; display: inline-block; margin: 0px 35px 0 0px; color: #eee; overflow: hidden;}
#footer #footer-in .footer-blocks .footer-block4, #footer #footer-in .footer-blocks .footer-block5, #footer #footer-in .footer-blocks .footer-block6 {float: left; width: 300px; height: 100px; position: relative; display: inline-block; margin: 0px 35px 0 0px; color: #eee; overflow: hidden;}
#footer #footer-in .footer-blocks .footer-block7, #footer #footer-in .footer-blocks .footer-block8, #footer #footer-in .footer-blocks .footer-block9 {float: left; width: 300px; height: 50px; position: relative; display: inline-block; margin: 0px 35px 0 0px; color: #eee; overflow: hidden;}
#footer #footer-in .footer-blocks .footer-block2 { }
#footer #footer-in .footer-blocks p { margin: 8px 10px; line-height: 1.4em;}
#footer #footer-in .footer-blocks strong {color: #fff; font-weight: bold;}

#footer ul#menu-footer { width: 100%; max-height: 176px; margin: 0; padding: 0; overflow: hidden; }
#footer ul#menu-footer li {width: 100%; margin-bottom: 0px; padding: 2px 0 2px 20px; background: url("http://www.zelenestrechy.info/img/nun/sipecka.png") left 7px no-repeat; list-style-type: none; display: block; box-sizing: border-box; -moz-box-sizing: border-box; } 
#footer ul#menu-footer a { color: #ffffff; text-decoration: none; font-family: 'Dosis-Light'; font-size: 17px; text-decoration: none; }
#footer ul#menu-footer a:hover { color: #62b34c; }

#footer #footer-in .footer-blocks .footer-block1 .nadpis {display: block; background: url("http://www.zelenestrechy.info/img/nun/tipy_clanky.png") left top no-repeat; width: 174px; height: 31px; margin: 0 0 10px 0;}
#footer #footer-in .footer-blocks .footer-block1 .logo-footer {display: block; width: 220px; height: 48px; margin: 7px auto 8px;}
#footer #footer-in .footer-blocks .footer-block1 a.zobrazit-vice { background: url('http://www.zelenestrechy.info/img/nun/vice_tipu_clanky.png') left top no-repeat; width: 197px; height: 65px; display: block; margin: 0; padding: 0; float: right; }
#footer #footer-in .footer-blocks .footer-block1 a.zobrazit-vice:hover { background-position: left bottom; }

#footer #footer-in .footer-blocks .footer-block2 .nadpis {display: block; background: url("http://www.zelenestrechy.info/img/nun/stante_se_fanouskem.png") left top no-repeat; width: 247px; height: 31px; margin: 0 0 10px 0;}
#footer #footer-in .footer-blocks .footer-block2 .facebook-blok { background: #703507; border-radius: 15px; padding: 10px; overflow: hidden; }
#footer #footer-in .footer-blocks .footer-block2 .facebook-blok .fb-like-box { background: #ffffff; border-radius: 10px; }

#footer #footer-in .footer-blocks .footer-block3 {margin-right: 0;}
#footer #footer-in .footer-blocks .footer-block3 .nadpis {display: block; background: url("http://www.zelenestrechy.info/img/nun/o_nas.png") left top no-repeat; width: 84px; height: 31px; margin: 0 0 10px 0;}
#footer #footer-in .footer-blocks .footer-block3 a.zobrazit-vice { background: url('http://www.zelenestrechy.info/img/nun/vice_clanku.png') left top no-repeat; width: 196px; height: 58px; display: block; margin: 0; padding: 0; float: right; }
#footer #footer-in .footer-blocks .footer-block3 a.zobrazit-vice:hover { background-position: left bottom; }

#footer #footer-in .footer-blocks .footer-block4 .nadpis {display: block; background: url("http://www.zelenestrechy.info/img/nun/doprava_a_platba.png") left top no-repeat; width: 223px; height: 35px; margin: 0 0 10px 0;}
#footer #footer-in .footer-blocks .footer-block4 p { font-family: 'Dosis-Light'; font-size: 17px; margin-left: 0; margin-right: 0; }

#footer #footer-in .footer-blocks .footer-block5 .nadpis {display: block; background: url("http://www.zelenestrechy.info/img/nun/novinky_emailem.png") left top no-repeat; width: 188px; height: 35px; margin: 0 0 10px 0;}
#footer #footer-in .footer-blocks .footer-block5 form input[type=text], form.news input[type=text] { width: 190px; font-size: 18px; padding: 5px; vertical-align: middle; border: 0; margin: 0; }
#footer #footer-in .footer-blocks .footer-block5 form input[type=submit], form.news input[type=submit] { background: url('http://www.zelenestrechy.info/img/nun/obalka.png') left top no-repeat; width: 37px; height: 25px; border: 0; vertical-align: middle; }
#footer #footer-in .footer-blocks .footer-block5 form input[type=submit]:hover, form.news input[type=submit]:hover { background-position: left bottom; }
form.news input[type=text] { border: solid 1px black; }
form.news input[type=submit] { background: url('http://www.zelenestrechy.info/img/nun/obalka.png') left top no-repeat, #5E5F61; margin: 5px; border: solid 5px #5E5F61; width: 47px; height: 35px; border-radius: 5px; }

#footer #footer-in .footer-mzp { margin-right: 0; text-align: center; font-size: 12px; margin-bottom: 10px; }
#footer #footer-in .footer-mzp img { padding-bottom: 5px; }


#footer #footer-in .footer-blocks .footer-block6 { margin-right: 0; }
#footer #footer-in .footer-blocks .footer-block6 .nadpis {display: block; background: url("http://www.zelenestrechy.info/img/nun/kontakty.png") left top no-repeat; width: 138px; height: 35px; margin: 0 0 10px 0;}
#footer #footer-in .footer-blocks .footer-block6 p { font-family: 'Dosis-Light'; font-size: 17px; margin-left: 0; margin-right: 0; }

#footer #footer-in .footer-blocks .footer-block7 {font-family: 'Open Sans'; font-size: 12px; color: #171717;  }
#footer #footer-in .footer-blocks .footer-block7 a.logo-prvni-pozice { display: inline-block; vertical-align: middle; background: url("/img/1p.png") left top no-repeat; width: 119px; height: 27px; font-size: 0.001px; }

#footer #footer-in .footer-blocks .footer-block8 { overflow: visible; text-align: center; margin: 0 0 0 35px; position: static; font-family: 'Open Sans'; font-size: 12px; color: #171717; }
#footer #footer-in .footer-blocks .footer-block8 a.map { position: absolute; z-index: 5; bottom: 0px; left: 50%; width: 160px; height: 57px; margin-left: -80px; background: url('http://www.zelenestrechy.info/img/nun/mapa_a_adresao.png') left top no-repeat; }
#footer #footer-in .footer-blocks .footer-block8 a.map:hover { background-position: left bottom; }
#footer #footer-in .footer-blocks .footer-block8 a.map.active { top: 0px; background: url('http://www.zelenestrechy.info/img/nun/mapa_a_adresaoo.png') left top no-repeat; }
#footer #footer-in .footer-blocks .footer-block8 a.map.active:hover { background-position: left bottom -1px; }  
#footer #footer-in .footer-blocks .footer-block8 div.map { width: 100%; height: 100%; position: absolute; bottom: -100%; left: 0px; overflow: hidden; border-radius: 10px 10px 0 0; z-index: 1; }
#footer #footer-in .footer-blocks .footer-block8 div.map.active { bottom: 0%; box-shadow: 0px 0px 40px white; }

#footer #footer-in .footer-blocks .footer-block9 { margin-right: 0; font-family: 'Open Sans'; font-size: 12px; color: #171717;  z-index: 0; }
#footer #footer-in .footer-blocks .footer-block9 a.logo-ensis { display: inline-block; vertical-align: middle; background: url("/img/ensis.png") left top no-repeat; width: 52px; height: 12px; font-size: 0.001px; }
#footer #footer-in .footer-blocks .footer-block9 a.logo-ensis:hover { /*background-position: left bottom */}

#footer #footer-in .footer2 {padding-top: 25px; color: #2e77a0; font-size: 88%; font-family: "Segoe UI"}
#footer #footer-in .footer2 .footer-right {float: right; text-align: right; width: 570px; font-size: 95%}
#footer #footer-in .footer2 ul {margin: 0; padding: 0; float: left; width: 330px}
#footer #footer-in .footer2 ul ul {display: none;}
#footer #footer-in .footer2 ul li {list-style-type: none; background: none; display: inline; margin: 0; color: #2e77a0; padding: 0 5px 0 5px; border-right: 1px dotted #2E77A0;}
#footer #footer-in .footer2 ul li a {margin-right: 5px; text-decoration: none; color: #2e77a0}
#footer #footer-in .footer2 ul li a:hover {color: #e0001b; text-decoration: underline}
#footer #footer-in .footer2 .footer-right .logo-ensis {display: inline-block; vertical-align: top; background: url("/img/ensis.png") left top no-repeat; width: 52px; height: 12px; position: relative; top: 2px; font-size: 0.001px;}
#footer #footer-in .footer2 .footer-right .logo-makeart {display: inline-block; vertical-align: top; background: url("/img/makeart.png") left top no-repeat; width: 106px; height: 23px; position: relative; top: -7px}

#footer .odkazy_pat { font-size: 11px; }
#footer .odkazy_pat a { color: #777; text-decoration: none;}
#footer .odkazy_pat strong { color: #888}

/* detail */
#detail_zbozi { } /* width:607px; */
#detail_zbozi h3 {color:#686868;font-weight:bold;font-size: 140%;margin-top:15px; width:100%;margin-bottom:15px;padding-left:0px;text-transform:uppercase;}
#detail_zbozi, #detail_zbozi table tr td, #detail_zbozi table tr th { color: #222; font-weight: normal;}
#detail_zbozi .par-table strong { color: #222; font-weight: normal;}
#detail_zbozi #detail_akce {position:absolute;top:-20px;right:30px;}

.subpage { margin: 0 0 10px 0;}
h2.desc { color: #9c2825; margin-top: 25px; font-size: 20px; font-family: 'Dosis-SemiBold'; }
h1.detail_main { font-size: 180%; margin: 10px 0 10px 0px; font-size: 28px; font-family: 'Dosis-SemiBold'; color: #75920d; }
.subpage .fb {}
.subpage .popis, .subpage .popis p, .subpage table td { color: #75920d !important; margin: 0 0 15px 0; line-height: 150%; font-family: 'Dosis-Medium'; font-size: 15px; }
.subpage .popis h2 { font-size: 18px; }
.subpage strong, .subpage b { color: #75920d !important; }
.subpage .text_popisu { width: 670px; text-align:justify; line-height:130%;}
.subpage .access {color: #509844; font-size: 90%; float: right;}
.subpage .options {  }
.subpage .options > .fb { padding: 5px 0; }
.subpage .options > ul { list-style: none; margin: 30px 0 0 0; padding: 0; background: none; }
.subpage .options > ul > li { list-style: none; margin: 0 20px 0 0; padding: 0; float: left; background: none; }
.subpage .options > ul > li > a.tisk { display: inline-block; width: 136px; height: 29px; background: url('http://www.zelenestrechy.info/img/nun/vytisknout.png') left top no-repeat; }
.subpage .options > ul > li > a.dotaz { display: inline-block; width: 222px; height: 27px; background: url('http://www.zelenestrechy.info/img/nun/dotaz_na_prodavace.png') left top no-repeat; }
.subpage .options > ul > li > a.poslat { display: inline-block; width: 188px; height: 27px; background: url('http://www.zelenestrechy.info/img/nun/poslat_znamemu.png') left top -2px no-repeat; } 
.subpage .options > ul > li > a:hover { background-position: left bottom; }

.detail-image { float:left; width:300px; text-align:center; position: relative; margin: 0 20px 0 15px;}
.detail-image p.foto { display: block; margin: 50px 0 35px;}
.detail-image .product-top {display: inline-block; background: url("http://www.zelenestrechy.info/img/top.png") left top no-repeat; width: 59px; height: 78px; position: absolute; top: -9px; right: -7px;}
.detail-image #hlavni_obr {width: 300px; border: 0px solid #9dd8f6; background: #fff; min-height: 150px; display: block; /*height: 336px;*/}
.detail-image #hlavni_obr a.lightbox { margin: 0; padding: 0;}
.detail-image #ostatni_obr {width: 100%; height:100%; background-color:#c0e6fb; padding-top:8px;}
.detail-image #ostatni_obr div.minifoto { float:left; width:73px; height:55px; margin-bottom: 8px; margin-left: 10px; overflow:hidden;}
.detail-image #ostatni_obr div.minifoto img { height:55px;}
.detail-image #hlavni_obr p {margin: 0;}
.detail-image .fb { margin: 10px 0 0 5px;}
.detail-info { float: right; width: 240px; margin-left: 10px;}
.detail-info .fix { margin-bottom: 5px; }
.detail-info>.detail-atr { width: 35%; display: inline-block; color: #9c2825; font-size: 16px; font-family: 'Dosis-SemiBold'; vertical-align: top; }
.detail-info>.detail-val { width: 60%; display: inline-block; color: #75920d; font-size: 14px; font-family: 'Dosis-SemiBold'; }
.detail-info .upper { text-transform: uppercase; }
.detail-info .detail-prices { width: 220px; height: 61px; position: absolute; right: 0; top: 55px; text-align: right; padding: 3px 10px 5px 5px;}
.detail-info .actual-price { color: #d40201; font-size: 30px; display: block; font-weight: bold; }
.detail-info .old-price { color: #34a7bc; font-size: 16px; display: block; text-decoration: line-through;}
.detail-info .old-price span { font-size: 10px;}
.detail-info .space-prices { height: 75px;}
.detail-info>.access { display: block; float: none; }
.detail-info>.access>.detail-atr { width: 40%; display: inline-block; color: #75920d; font-size: 15px; font-family: 'Dosis-Medium'; }
.detail-info>.access>.detail-val { width: 55%; text-align: right; display: inline-block; color: #f20000; font-size: 15px; font-family: 'Dosis-Medium'; text-transform: uppercase; }

.subpage .detail-button-basket { float: right; display: inline-block; background: url("http://www.zelenestrechy.info/img/nun/kosik_detail.png") left top no-repeat; width: 94px; height: 77px; margin: 0; font-size: 0.001px; border: 0; z-index: 5; margin: 20px 0 10px 150px;}
.subpage .detail-button-basket:hover {background-position: bottom left;}

.zbozi-zpet a { display: inline-block; width: 222px; height: 87px; background: url('http://www.zelenestrechy.info/img/nun/zpet_na_vypis.png') left top no-repeat; }
.zbozi-zpet a:hover { background-position: left bottom; }

/* varianty v detailu */
.subpage table.detail_var { margin: 10px 0; padding: 0; width: 100%; float: left; border-spacing: 0px; border-collapse: collapse; border-radius: 5px; }
.subpage table.detail_var tr { border-bottom: solid 1px #E6E6E6; }
.subpage table.detail_var thead tr { background: #F5F5F5; }
.subpage table.detail_var tbody tr:hover { background: #E6E6E6; }
.subpage table.detail_var tr td, .subpage table.detail_var tr th { padding: 5px 5px; text-align: center; }
.subpage table.detail_var tr td { padding: 4px 5px; }
.subpage table.detail_var tr td.pridat { padding: 0px 5px; }
.subpage table.detail_var input[type=submit] { background: url('http://www.zelenestrechy.info/img/nun/pridat_do_kosiku_tabulka.png') left top no-repeat; width: 176px; height: 25px; margin: 0; padding: 0; border: 0; font-size: 0.001px; }
.subpage table.detail_var input[type=submit]:hover { background-position: left bottom; }
.subpage table.detail_var span.number { display: inline-block; cursor: pointer; font-size: 16px; font-family: 'Dosis-SemiBold'; color: #9c2825; }
.subpage table.detail_var span.number>span.pocet { width: 22px; height: 20px; margin: 0 0 0 0px; font-size: 14px; font-family: 'Dosis-SemiBold'; line-height: 100%; display: inline-table; background: url('http://www.zelenestrechy.info/img/nun/pocet_tabulka.png') no-repeat; color: #FFFFFF; }
.subpage table.detail_var span.number>span.pocet input[type=text] { width: 22px; height: 20px; font-size: 14px; font-family: 'Dosis-SemiBold'; cursor: pointer; line-height: 100%; padding: 4px 0; box-sizing: border-box; -moz-box-sizing: border-box; text-align: center; border: 0; color: #FFFFFF; background: none; }
.subpage table.detail_var span.number>span.pocet input[type=text]:focus { background: white; color: black; text-align: center; }
.subpage div.detail_var { margin: 10px 10px 0 0; padding: 5px; width: 240px; float: left; }
.subpage div.detail_var .minipic { display: block; float: left; width: 60px; height: 50px; overflow: hidden; border: 2px solid #75920d; text-align: center;}
.subpage div.detail_var .minipic:hover { border: 2px solid #9c2825; }
.subpage div.detail_var .minipic img { height: 50px;}
.subpage div.detail_var .var-info { float: left; width: 90px; margin: 0 5px;}
.subpage div.detail_var .nazev { display: block; font-family: 'Dosis-SemiBold'; font-size: 20px; color: #75920d; }
.subpage div.detail_var .cena { display: block; color: #9c2825; font-family: 'Dosis-SemiBold'; }
.subpage div.detail_var .kod { display: block; color: #9c2825; font-family: 'Dosis-Medium'; font-size: 12px; }
.subpage form.do-kosiku {position: relative; padding: 18px 0 0 0;}
.subpage form.do-kosiku>.tip {position: absolute; top: 0px; left: 0px; display: block; width: 222px; height: 48px; background: url('http://www.zelenestrechy.info/img/nun/pridat_do_kosiku_napis.png') left top no-repeat;}
.subpage form.do-kosiku:hover>.tip { background-position: left bottom; }
.subpage form.do-kosiku span.number { display: inline-block; cursor: pointer; position: absolute; left: 0px; top: 50%; font-size: 16px; font-family: 'Dosis-SemiBold'; color: #9c2825; }
.subpage form.do-kosiku span.number>span.pocet { width: 37px; height: 33px; margin: 0 0 0 5px; font-size: 14px; font-family: 'Dosis-SemiBold'; line-height: 100%; display: inline-table; background: url('http://www.zelenestrechy.info/img/nun/ks.png') no-repeat; color: #FFFFFF; }
.subpage form.do-kosiku span.number>span.pocet input[type=text] { width: 17px; height: 33px; font-size: 14px; font-family: 'Dosis-SemiBold'; line-height: 100%; padding: 7px 0; box-sizing: border-box; -moz-box-sizing: border-box; text-align: right; border: 0; color: #FFFFFF; background: none; }
.subpage form.do-kosiku span.number>span.pocet input[type=text]:focus { background: white; color: black; text-align: center; }
.subpage form.do-kosiku>img.snek { display: inline-block; position: absolute; left: 40%; top: 52%; }
.subpage .detail-basket { display: inline-block; background: url("/img/tlc_kosik.png") left top no-repeat; width: 132px; height: 36px; font-size: 0.001px; border: 0; z-index: 5; margin: 7px 0 0;}
.subpage .detail-basket:hover {background-position: bottom left;}

.subpage .detail_var .access {color: #58A901; font-size: 90%; float: none; display: block;}
.subpage .detail_var .access strong { color: #58A901; background: url("/img/ico_ok.png") left center no-repeat; padding-left: 22px; font-size: 110%}

.detail-info .par-table strong { color: #34a7bc; font-weight: normal;}
.detail-info .par-table {width: 350px; table-layout: fixed; border-collapse: collapse; margin: 15px 0 0;}
.detail-info table tr {height: 25px; }
.detail-info table th {padding: 5px; color: #34a7bc; width: 135px; font-size: 95%;}
.detail-info table td {vertical-align: middle; padding: 5px; font-size: 95%; color: #d40201;}
.detail-info table tr.dark td, .detail-info table tr.dark th { background-color: #c9e9f8;}

.detail-info .icones {width: 370px;}
.tooltip-whole {position: relative}
ul li .question {font-weight: bold; color: #C52426; display: inline-block; cursor: default}
.tooltip-whole .tool {display: inline-block; margin: 15px 5px 0 0;}
.tooltip {position: absolute; right: -125px; bottom: 37px; width: 231px; display: none; z-index: 90; padding: 15px 0; 
opacity: .9; -moz-opacity: .9; filter:alpha(opacity=90);
	border: 2px solid #9dd8f6; 
  border-radius: 5px 5px 5px 5px; 
	background: url("/img/pole_detail_pixel.png") repeat-y scroll left top transparent;
}
.filter .tooltip {right: -25px; bottom: 15px;}
li .tooltip {right: -155px; bottom: 15px;}
.tooltip-middle { display: block; min-height: 35px;}
.tooltip a, .tooltip strong { }
.tooltip p { margin: 0 0 0 15px;}
.tooltip h1, .tooltip h2, .tooltip h3 { background: none; padding: 0 0 0 5px; margin: 0 0 0 15px;}

.filtr {position: relative; padding: 7px 15px 3px; width: 659px; height: 22px; background: url("/img/pole_filtr.png") no-repeat scroll left top transparent; margin: 5px 0 12px;}
#main .filtr p { margin: 0; color: #025B87; float: left;}
.filtr a { color: #025B87; text-decoration: none;}
.filtr .sipka_nahoru { display: inline-block; width: 15px; height: 15px;background: url("/img/sipka_nahoru.png") no-repeat scroll left top transparent; margin: 0 5px 0; position: relative; top: 2px;}
.filtr .sipka_nahoru:hover, .filtr .sipka_nahoru.active { background-position: bottom left;}
.filtr .sipka_dolu { display: inline-block; width: 15px; height: 15px;background: url("/img/sipka_dolu.png") no-repeat scroll left top transparent; position: relative; top: 2px;}
.filtr .sipka_dolu:hover, .filtr .sipka_dolu.active { background-position: bottom left;}
.filtr .paging {float:right;margin-top:2px;}
.paging a { color:#509844 !important; text-decoration: none;padding:4px;}
.paging a:hover, .paging a.akt { color: #9c2825 !important; font-family: 'Dosis-Bold'; }
.paging a.paging-prev { background: url('http://www.zelenestrechy.info/img/nun/leva_sipka.png') left top no-repeat; width: 25px; height: 11px; display: inline-block; padding: 0; margin: 0 10px 0 0; }
.paging a.paging-next { background: url('http://www.zelenestrechy.info/img/nun/prava_sipka.png') left top no-repeat; width: 25px; height: 11px; display: inline-block; padding: 0; margin: 0 10px 0 0; } 
.paging a.paging-prev:hover, .paging a.paging-next:hover { background-position: left bottom; }
#strankovani_spodni {text-align: right; color: #509844; }

.sorting { color: #509844; text-align: center; margin: 15px 0 0 0; }
.sorting span { margin: 10px 30px 0 5px; }
.sorting a.arrow_down { background: url('http://www.zelenestrechy.info/img/nun/sipka_dolu.png') left top no-repeat;  }
.sorting a.arrow_up { background: url('http://www.zelenestrechy.info/img/nun/sipka_nahoru.png') left bottom no-repeat; }
.sorting a.arrow_down, .sorting a.arrow_up { font-size: 0.001px; display: inline-block; width: 12px; height: 25px; vertical-align: middle; margin: 0 5px; }
.sorting a.arrow_down:hover, .sorting a.arrow_down.active { background-position: left 1px bottom; }
.sorting a.arrow_up:hover, .sorting a.arrow_up.active { background-position: left -1px top; }

.filt_znacka { text-align: center; margin: 10px 0 0 0; } 

.fix, .clear {clear: both; height: 0.001px; line-height: 0.001px; font-size: 0.001px}
.field_frame { width: 100%; margin-left: 0; }

.hidden { display: none; }


/* filtr zbozi */
form#form-filter { border: solid 1px #FEDD76; padding: 0; margin: 0 0 0px 0; background-color: #FFFFFF; }
form#form-filter .range { width: 300px; display: inline-block; }
form#form-filter .range .irs .irs-slider { width: 24px; height: 24px; top: 16px; }
form#form-filter .range .irs .irs-slider.from { background: url('/img/range_od.png') no-repeat -1px 0px; }
form#form-filter .range .irs .irs-slider.to { background: url('/img/range_do.png') no-repeat 1px 0px; }
form#form-filter #show-cena { display: block; padding: 10px; }
form#form-filter #show-cena .more { float: left; }
form#form-filter #show-cena .more button { width: 202px; height: 52px; background: url('/img/parametry_1.png') no-repeat 0px 0px; border: 0; margin: 0; padding: 0; cursor: pointer; }
form#form-filter #show-cena .more button.active { background: url('/img/parametry_1.png') no-repeat 0px -52px; }
form#form-filter #show-cena .show { margin: 0 0 0 350px; }
form#form-filter #show-cena .show .image { float: left; padding: 15px 20px 0 0; }
form#form-filter #show-cena .show .range { float: left; }
form#form-filter #show-filters { border-top: solid 1px #FEDD76; }
form#form-filter #show-filters ul { float: left; list-style: none; background-color: #FEDD76; margin: 0; padding: 0; }
form#form-filter #show-filters ul li { /*height: 30px;*/ border-bottom: solid 1px #FEC200; margin: 0; padding: 0; background: none; }
form#form-filter #show-filters ul li:last-child { border: 0; height: auto; }
form#form-filter #show-filters ul li a { width: 210px; color: #3D3B3C; text-decoration: none; font-weight: bold; font-size: 14px; display: block; padding: 4px 10px 5px 20px; }
form#form-filter #show-filters ul li a.active { background-color: #FFF9E3; }
form#form-filter #show-filters div { background-color: #FFF9E3; border-bottom: solid 1px #FEDD76; }
form#form-filter #show-filters div label { border: solid 1px #FEDD76; cursor: pointer; position: relative; background-color: #FFFDF1; padding: 5px 10px 5px 5px; min-width: 110px; margin: 10px; display: inline-block; }
form#form-filter #show-filters div label input[type=checkbox] { margin-right: 10px; }
form#form-filter #show-filters div span.range { margin: 10px; position: relative; }
form#form-filter #show-filters .disable { pointer-events: none; cursor: default; }
form#form-filter #show-filters .disable .block-view { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 10; background-color: rgba(255,255,255,0.7);}
form#form-filter #show-filters p {display: inline-block; font-weight: bold; margin-top: 20px;}
form#form-filter #show-filters p i {font-weight: normal;}
/*form#form-filter #show-filters .disable:before {content:'<div class="block-view">';}
form#form-filter #show-filters .disable:after {content:'</div>';}*/

/* vypis fotogalerie */
#content td.fotogalerie { vertical-align: top; text-align: center; font:normal 11px/11px Arial, sans-serif; width: 145px; padding: 10px 0 15px 0;}
#content td.fotogalerie a { text-decoration: none;}
#content td.fotogalerie img { 	padding: 3px;	margin: 5px 2px 5px 5px; background: #ddd; /* border: 1px solid #ddd; */}
#content td.fotogalerie img:hover	{ border: 1px solid #e00; background: #d72e2e;}
#content td.fotogalerie .oramovat { border: 1px solid #aaa; } /* obrazky s odkazem thickbox */ /* 98c700 */
.tlc-foto { background: #777; display: inline-block; padding: 3px; border: 1px solid #aaa; border-radius: 2px 2px 2px 2px; color: #fff !important; text-decoration: none;}

/* vypis fotogalerie v detailu */
#content .detailfoto { padding: 0 0 0 0;}
#content .minifoto { display: inline-block; vertical-align: top; text-align: center; padding: 0; margin: 0 0 15px 15px;}
#content .minifoto img { border: 2px solid #75920d; max-width: 75px; max-height: 75px; }
#content .minifoto img:hover { border: 2px solid #9c2825;}
/*#content .minifoto:hover	{ border: 1px solid #C52426;}*/
/*#content .minifoto .oramovat { border: none} /* obrazky s odkazem thickbox */ /* 98c700 */


/* kosik */
#content .kosik { width: 100%; margin: 10px 0 0 5px; border-collapse: collapse; }
#content .kosik tr.nadpisy { }
#content .kosik thead {  }
#content .kosik thead tr { background: #F5F5F5; }
#content .kosik thead tr th { padding: 10px 5px; }
#content .kosik td { padding: 5px 10px;}
#content .kosik tbody tr { border-bottom: dotted 1px #E9E9E9; }
#content .kosik .radek td { margin: 5px 0 0; line-height: 1em; vertical-align: middle;}
/*#content .kosik .podtrhnout td { background: url('/img/kosik_predel.png') bottom left repeat-x;}*/
/*#content .kosik th { padding: 5px 0; line-height: 100%; /*background: #34a7bc;*/ height: 36px;}*/
#content .kosik .bk_gr td { background: #ddd;}
#content .kosik .sum { font-size: 15px; width: 100%; height: 26px; padding: 10px 75px 0 0; box-sizing: border-box; -moz-box-sizing: border-box; }
#content .kosik .sum strong { color: #e0001b}
#content .kosik .nopad { padding: 0;}
#content .kosik .prazdno td { padding: 0;}
#content .kosik .nohpad { padding: 5px 0;}
#content .kosik .cent { text-align: center;}
#content .kosik tr.cena_celkem td { padding: 7px 0; text-align:right; font-weight:bold;}
#content .kosik tr.cena_celkem_doprava td { padding:7px 0; text-align:right; font-weight:bold;}
#content .kosik .b1 { width: 25px; height: 25px; text-align: center; box-sizing: border-box; -moz-box-sizing: border-box; font-size: 15px; padding: 5px 0; font-family: 'Dosis-SemiBold'; }
#content .kosik .prepocitat { background: url('http://www.zelenestrechy.info/img/nun/prepocitat.png') 0px 0px no-repeat; width: 132px; height: 50px; font-size: 0.001px; margin: 0 0 0 0; cursor:pointer; border: none;}
#content .kosik .prepocitat:hover { background-position: bottom left;}
#content .obj { background: url('http://www.zelenestrechy.info/img/nun/prejit_k.png') left top no-repeat; width: 228px; height: 97px; font-size: 0.001px; margin: 0; cursor:pointer; border: none; overflow: hidden; text-indent: -900px; float: right;}
#content .obj:hover { background-position: left bottom;}
#content .tl_doobchodu { background:url('http://www.zelenestrechy.info/img/nun/zpet_do.png') left top no-repeat; padding: 0; display: block; width: 218px; height: 89px; font-size: 0.001px; margin: 5px 0 0 0; overflow: hidden; text-indent: -900px;}
#content .tl_doobchodu:hover { background-position: left bottom;}
#content .odebrat { background:url('/img/tlc_odebrat.png') top left no-repeat; padding: 0; display: inline-block; width: 28px; height: 28px; font-size: 0.001px; margin: 0; overflow: hidden; text-indent: -900px;}
#content .odebrat:hover { background-position: bottom left;}
.tlacitka_kosik {width: 100%; margin: 25px 0;}
#volba_dopravy {margin-top:50px;}
#volba_dopravy label {cursor:pointer;}
#volba_dopravy input[type="radio"] {display:none;}
#volba_dopravy span.checkbox {width:19px;height: 19px;display:block;background: url("/img/zatrzitko.png") no-repeat scroll left top transparent; cursor:pointer;}
#volba_dopravy span.checkbox.checked {background-position: left bottom;}

#doprava.kosik { width: 100%;}
#doprava_obal { margin: 0 0 0 5px;}
#doprava_obal .doprava_top { }
#doprava_obal .doprava_bottom { height: 2px;}

#content .obj-pokrac { background: url('http://www.zelenestrechy.info/img/nun/odeslat.png') top left no-repeat; width: 223px; height: 92px; font-size: 0.001px; margin: 0; cursor:pointer; border: none; overflow: hidden; text-indent: -900px;}
#content .obj-pokrac:hover { background-position: bottom left;}
#content .objednavka { margin: 0 0 0 25px; width: 500px;}
#content .objednavka h1 { margin: 40px 0 0 0;}
#content .objednavka input.b1 { font-size: 13px; padding: 4px 2px; box-sizing: border-box; -moz-box-sizing: border-box; font-family: 'Dosis-Medium'; }
#content .objednavka td { vertical-align: middle;}

#content .tlacitko-odeslat { /*background: url('/img/tlacitko-odeslat.png') top left no-repeat; width: 179px; height: 45px; font-size: 0.001px; margin: 0; cursor:pointer; border: none; overflow: hidden;*/
color: #fff; background: #34a7bc; border: none; padding: 3px 10px;
  border-radius: 6px 6px 6px 6px;
}
#content .tlacitko-odeslat:hover { /*background-position: bottom left;*/ background: #e0001b;}


#content .nav { text-align: center; padding: 15px 0 0;}

.fl_right { float:right;}
.center .center { text-align: center;}
.bold { font-weight: bold;}
.big { font-size: 135%;}

/* CK editor - zarovnani obrazku */
.right { float: right}
.left { float: left}

.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.text-justify { text-align: justify; }

.red { color: #e0001b !important;}
.white { color: #fff !important;}

.h150 {height:150px}
.h130 {height:130px}
.h100 {height:100px}
.h70 {height:70px}
.h50 {height:50px}
.w30 {width:30px}
.w50 {width:50px}
.w70 {width:70px}
.w75 {width:75px}
.w80 {width:80px}
.w85 {width:85px}
.w90 {width:90px}
.w95 {width:95px}
.w100 {width:100px}
.w120 {width:120px}
.w150 {width:150px}
.w170 {width:170px}
.w200 {width:200px}
.w235 {width:235px}
.w250 {width:250px}
.w280 {width:280px}
.w300 {width:300px}
.w350 {width:350px}
.w390 {width:390px}
.w450 {width:450px}
.w500 {width:500px}
.w510 {width:510px}
.w560 {width:560px}
.w600 {width:600px}


/* ajax spinner */
#ajax-spinner {
    position: fixed;
    top: 0px;
    left: 0px;
/*    background: rgba(0,0,0,0.3) url('http://www.zelenestrechy.info/images/spinner/spinner2.gif') no-repeat 50% 50%;*/
    background: rgba(0,0,0,0.3);
    font-size: 0;
    width: 100%;
    height: 100%;
    z-index: 123456;
    display: none;
}


/* dodelavani webu */
.info { padding: 70px 35px; margin: 0 auto; position: absolute; top: 2%; left: 2%; background-color: #333; width: 90%; height: 90%; z-index: 100;
  opacity: .8;
  -moz-opacity: .8;/* pou�ito kv�li kompatibilit� se star��mi verzemi Firefoxu a Mozilly */
  filter:alpha(opacity=80);
  border-radius: 5px 5px 5px 5px;
}

.info span {
	font: 25px/35px Verdana, Tahoma, arial, sans-serif;
  font-weight: bold;
  color: #fff;
      opacity: 1;
      -moz-opacity: 1;/* pou�ito kv�li kompatibilit� se star��mi verzemi Firefoxu a Mozilly */
      filter:alpha(opacity=100);
}
.info span.blue {color: #13436e;} /* 003b70 */


/* mapy clenove */
.gm-style .gm-style-iw { width: 260px !important; min-height: 100px !important; }
.gm-style .gm-style-iw > div { overflow: hidden !important; }
#map-canvas { height: 400px; margin: 0px; padding: 0px; }
.mapa-clen { width: 313px; height: 200px; float: left; display: inline-block; margin: 0 10px 10px 0; box-shadow: 2px 2px 5px #EDEDED; padding: 5px; }
.mapa-clen:hover { background-color: #F7F7F7; }



.schovane { display: none;}
.strechy_extenzivni { display: inline-block; float: left; height: 28px; padding: 4px 25px 0px 42px; background: url('/img/zelenestrechy/map-icon-4k.png') no-repeat 0px 50%; }
.strechy_intenzivni { display: inline-block; float: left; height: 28px; padding: 4px 25px 0px 42px; background: url('/img/zelenestrechy/map-icon-5k.png') no-repeat 0px 50%; }
.strechy_popisek span {  }

/* anketa */
form.anketa { margin: 0 0 15px;}
.otazka { font-size: 125%; font-weight: bold; margin: 0 0 10px;}
.odp { padding: 3px 3px;}
.odp .odpoved { margin: 0 10px 0 0;}
.hlasuj { margin: 10px 0;}
.hlasuj input { font-size: 125%; font-weight: bold; padding: 2px 10px;}


#content .partneri p.nadpis { font-size: 15px; font-weight: bold; }
.anketa-pocet { position: absolute; width: 46px; height: 213px; right: -45px; top: 250px; display: block; /*-webkit-box-shadow: 0px 5px 15px 0px #777777; box-shadow: 0px 5px 15px 0px #777777; background-color: #FFFFFF;*/ background: url('/img/zelenestrechy/web_zelene_strechy_zalozka.png') no-repeat; }
.anketa-pocet { font-size: 14px; padding: 16px 0; text-align: center; line-height: 100%; box-sizing: border-box; font-weight: bold; margin: -110px 0 0 0; z-index: 999; /*border-radius: 0 5px 5px 0;*/ }
.anketa-pocet { color: #000000; text-decoration: none; }
.anketa-pocet:hover, .stranka .anketa-pocet:active { color: #009473; }