a:hover, a:focus { color:#66AA11; } h1>b, h1>strong, .h1>b, .h1>strong, h2>b, h2>strong { font-style:normal; color:#66AA11; } .page-content ul {padding-left:0px; margin-bottom:10px;} .page-content ul>li {list-style:none; background:url("/img/dpf/li.png") 0px 0px no-repeat transparent; margin:0px 0px 5px 0px; padding:0px 0px 5px 40px; min-height: 30px;} .btn { border-radius:30px; font-size:16px; padding:16px 25px; } .btn-primary, .gallery .btn.show-all { color:#ffffff;font-size:16px;font-weight:700; background:#66AA11; border:0px none; } .btn-primary:hover, .pagination > li > a:hover, .pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus, .btn-primary:active, .pagination > .active > a:active, .btn-primary:focus, .pagination > li > a:focus, .gallery .btn.show-all:hover { text-decoration:none;background:#336622; } .pagination > li > a i.glyphicon {padding:0px; font-size:0.9em;} .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus{ background-color: #66AA11; border-color: #66AA11; color:#fff; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: #66AA11; border-color: #66AA11; color:#fff; border-radius:0px; } a.ico-btn:hover, a.ico-btn.active { color: #66AA11; text-decoration: none; } .gallery .btn.show-all { } #searchFormTop .ico-btn { background:#66AA11; color:#FFF; } #mainMenu .navbar-collapse { background-color:#66AA11; color:#fff; } #mainMenu a { border-bottom:1px solid #333; color:#fff; } #mainMenu a:hover, #mainMenu a:focus, #mainMenu a:active, #mainMenu .active a { color:#000; } #mainMenu .active a:after { background:#000; } #mainMenu li.objednavka { background:#336622; } #mainMenu .objednavka a:hover, #mainMenu .objednavka a:focus, #mainMenu .objednavka a:active, #mainMenu .objednavka.active a { color:#66CC00; } #mainMenu .objednavka.active a:after { background:#66CC00; } #mainMenu .RESPswitchMENU a { background:#336622; max-width: 280px; border-color:transparent; } .navbar-toggle {background:#66AA11; color:#fff;} .scrollup { background-color: #000; color:#FFF; border-color: #336622; } .scrollup:hover, .scrollup:focus, .scrollup:active { background-color: #336622; color:#FFF; } .cp-select select { background-image:url('/img/agro/select.png'); } .white-popup-block .win-message { background:#336622; } #header #top-line { position:fixed; top:0px; left:0px; background:#202232; color:#FFF; z-index: 1000; width:100%; } #header { padding-top:55px; } #logo { height:55px; padding-top:9px; padding-bottom:9px; } #logo img {max-width:100%; max-height: 100%; width:auto; height:auto; } #header-right-block { position:static; padding-top:8px; } #searchFormTop { float:right; margin-right:10px; height: 40px; } #searchFormTop .ico-btn { float:right; width:40px; z-index:1001; background:#336622; color:#FFF; font-size: 20px; } .homepage .filtr-vozu, .homepage .filtr-vozu .row { background:#66AA11; } .filtr-vozu .btn { background:#660000; color:#FFF; } .filtr-vozu .btn:hover { background:#336622; } .subnav-toggle { color: #66AA11; } .sidebar-title { background-color: #66AA11;} #footer { color:#66AA11; background:#202232; text-align: center; } #footer a:hover, #footer a:focus,#footer a:active {text-decoration:none; color:#FFF;} #blok-kontakt { background:url('/img/dpf/bg_kontakt.jpg') 50% 0px no-repeat #202232; color:#FFF; padding:30px 0px; } #blok-kontakt h2 { color:#66AA11; text-transform: uppercase; font-weight: 900; margin-top:30px; margin-bottom:25px;} #blok-kontakt p { margin-bottom:40px; } #blok-kontakt .btn { color:#66AA11; border:1px solid #66AA11; background:transparent; margin-bottom: 30px; } #blok-kontakt .btn:hover { background:#336622; color:#FFF; border-color:#336622; } #blok-odkazy .odkaz-box, #blok-odkazy .odkaz-box a { color:#000000; } #blok-odkazy .odkaz-box:hover, #blok-odkazy .odkaz-box:hover a { color:#66AA11; } .footer-copyright-cp a .svg-icon { fill: #FFFFFF; } .footer-copyright-cp a:hover .svg-icon { fill: #66AA11; } #footer .socialy .svg-icon { height:35px; } #footer .socialy a:hover .svg-icon { fill:#66AA11; } #footer-bottom a.btn { border:1px solid #FFF; color:#FFF; } #footer-bottom a.btn:hover { background:#336622; border-color:#336622; color:#FFF; } #animace .carousel-indicators { left:15px; bottom:13%; margin:0px; text-align:left; right:auto; top:auto; } #animace .carousel-indicators li { border:0px; background:transparent; text-decoration: none; font-weight: bold; color:#FFF; text-indent: 0; font-size: 12px; line-height: 20px; margin:0px 5px 0px 0px; height:20px; width:auto; border-radius: 0px; } #animace .carousel-indicators .active { background:transparent; color:#66AA11; } #animace .carousel-inner .item.itemblur:after { content:''; display:block; position:absolute; left:0px; top:0px; right:0px; bottom:0px; background:rgba(0,0,0,0.60); } #animace .anim-link, #animace .anim-text-wrap { text-decoration:none; color:#FFF; display:block; position:absolute; left:0px; top:0px; right:0px; bottom:0px; z-index:50; } #animace .anim-text { color:#66AA11; font-weight:700; font-style:italic; display: block; text-align: left; position:absolute; z-index:50; right:auto; margin:0px auto; top:20%; left:0px; max-width: 75%; padding-left:15px; line-height: 1.2; opacity: 0; transition: opacity 0.5s; font-size: 12px; } #animace .anim-text strong { font-weight:900; display: block; color:#FFF; font-style:normal; font-size: 14px; margin-bottom:3px; } #animace .item.active .anim-text { left:0px; opacity: 1;} #animace:after { content: ''; display: block; position: absolute; bottom:0px; left:0px; right:0px; background:url('/img/dpf/kour.png') 50% 0px no-repeat transparent; height:22%; background-size: 100% auto; } #pageHeader { padding-top:25.51%; background-color:#ae9b83; } #pageHeader:before { background:rgba(0,0,0,0.65); } #pageHeader:after { content: ''; display: block; position: absolute; bottom:0px; left:0px; right:0px; background:url('/img/dpf/kour.png') 50% 0px no-repeat transparent; height:41%; background-size: auto 100%; } #pageHeader>.container { margin-top:-23%; padding-bottom:10%; } #pageHeader .h1:after { content: ''; display: block; width: 50px; height: 3px; background:#66AA11; margin:0px auto; } #main_block>.sekce:first-child { padding-top:15px; } .clanky-typ-2 #main_block>.sekce>.container>.empty-content { margin-bottom:0px; } #pecet { display:none; } #home-intro { background:#FFF; } #home-intro .intro-box { background-color:#66AA11; color:#FFF; padding:100px 15px 20px; font-size:16px; background-position: 50% 15px; background-repeat: no-repeat; margin-bottom: 30px;} #home-intro #intro-box-1 { background-image:url('/img/dpf/ikona_vyfuk.png'); background-size: auto 50px; background-position: 50% 25px; } #home-intro #intro-box-2 { background-image:url('/img/dpf/ikona_pozor.png'); background-size: auto 70px; background-color:#338800;} #home-intro #intro-box-3 { background-image:url('/img/dpf/ikona_kladivko.png'); background-size: auto 70px; background-color:#336622;} #home-intro .section-heading { margin-bottom:30px; } .home-section .section-heading, .home-section>.container>h2 { font-weight: 900; text-align: center; display: block; } .panel.faq .panel-heading a:hover, .panel.faq .panel-heading a { color:#FFF; background:#336622; } .panel.faq .panel-heading a.collapsed:after { border-color:#66AA11; } .news .news-item .datum { font-weight: bold; } .news .news-item h2 { color:#66AA11; } .news .news-item:hover h2 { color:#000; } .top-nav .btn .icon { color:#66AA11; } .top-nav .btn:hover { color:#FFF; background:#336622; } .top-nav .btn:hover .icon { color:#FFF; } #home-prubeh { background: url('/img/dpf/bg_cisteni.jpg') no-repeat 50% 0px #66AA11; color:#FFF; text-align: center; padding-bottom:45px; } #home-prubeh .section-heading { color:#FFF; text-transform: uppercase; } #home-prubeh .btn-wrap .btn { background:#FFF; color:#336622; } #home-prubeh .btn-wrap .btn:hover { background:#336622; color:#FFF; border-color:#336622; } #postup-head { width:100px; height:100px; border-radius: 50%; background:#336622; font-weight: 900; color:#FFF; display: block; line-height: 30px; font-size: 24px; padding:35px 15px; text-align: center; margin:30px auto 15px; } #postup { padding-top: 30px; overflow: hidden; position:relative; margin:0px auto 30px auto; } #postup:before { content:''; display:block; position: absolute; z-index: 0; left:50%; top:0px; bottom:0px; width:8px; margin-left:-4px; background:#336622;} #postup .krok-box { position: relative; text-align:left; max-width: 460px; margin:0px auto 30px auto; } #postup .krok-box .header { background-color: #336622; color: #FFF; font-size: 18px; padding: 8px 15px 10px 15px; font-weight: normal; position:relative; margin:0px; } #postup .krok-box .header .num { display:inline-block; border-right: 1px solid #7FE500; color:#7FE500; padding-right:10px; font-weight: bold; font-size:20px; margin-right: 5px; } #postup .krok-box .content { background-color: #FFF; color:#555; padding: 10px 20px 25px 30px; } #postup .krok-box .content p { margin: 0; } #postup .krok-box .header:before { content:''; display:block; width:20px; height:20px; position:absolute; top:-15px; background:#CC0000; border:3px solid #FFF; border-radius: 50%; left:50%; margin-left:-10px;} #home-faq .section-heading { text-transform: uppercase; } .objednavka-box { border:1px solid #99CC66; background:#EEF8DE; padding:0px 15px 30px 15px; } .objednavka-box form { max-width: 970px; margin:0px auto; } .objednavka-box form input.form-control, .objednavka-box form textarea { border: 1px solid #99CC66; background:#FFF; font-family: 'Muli', sans-serif; width: 100%; margin-bottom: 15px; color:#333; font-size: 16px; } .objednavka-box form input.form-control { height: 47px; padding-left: 15px; } .objednavka-box form textarea { padding: 15px; height: 150px; } .objednavka-box .col-label h2 { margin:0px 0px 15px 0px; text-align: left; font-size: 24px; font-weight: normal; color:#000; } .objednavka-box hr { border-color:#9C6; margin-top:30px; margin-bottom:30px;} .objednavka-box form>.row { margin-top:30px; } .objednavka-box .row.zahodit+hr { display: none; } .objednavka-box .datepicker { padding-right:45px; } .objednavka-box .datepicker+img { position: absolute; top:10px; right:25px; } .row-druh .cp-radio, .row-doprava .cp-radio { position: relative; overflow: hidden; margin-bottom:15px; } .row-druh .cp-radio input, .row-doprava .cp-radio input { position: absolute; top:-50px; } .row-druh .cp-radio label { display: block; border:1px solid #9C6; cursor:pointer; font-weight: normal; padding:10px 0px 15px 0px; color:#333; font-size: 16px; text-transform: uppercase; text-align: center; } .row-druh .cp-radio .title { display: block; color:inherit; } .row-druh .cp-radio .ico { display: block; background:url('/img/dpf/kategorie/os.png') 50% 0px no-repeat transparent; width: 160px; height: 60px; margin:0px auto; background-size: 100% auto; } .row-druh .cp-radio.ico-traktor .ico { background-image: url('/img/dpf/kategorie/traktor.png'); } .row-druh .cp-radio.ico-truck .ico { background-image: url('/img/dpf/kategorie/truck.png'); } .row-druh input:checked+label { background-color:#9C6; color:#FFF; } .row-druh input:checked+label .ico { background-position: 50% 100%; } .row-doprava .cp-radio { padding-left:40px; } .row-doprava .cp-radio .ico { display: block; width:26px; height: 26px; border:1px solid #9C6; background:#FFF; position: absolute; top:0px; left:0px; border-radius: 50%; } .row-doprava .cp-radio label { font-weight: normal; } .row-doprava .cp-radio label>strong { display: block; font-size: 18px;} .row-doprava input:checked+label .ico:after { content:''; display:block; width:12px; height:12px; border-radius: 50%; background:#6A1; position: absolute; top:6px; left:6px; } .objednavka-box .cp-select { margin:0px auto; width: 100%; border:1px solid #9C6; margin-bottom: 30px; } .objednavka-box .cp-select select { width:100%; line-height:45px; background-position:100% 20px; height:45px; color:#333; } .cp-chbox { display: block; position: relative; padding-left: 35px; overflow: hidden; min-height: 20px; cursor: pointer; } .cp-chbox input { position: absolute; top:-50px; } .cp-chbox .ico { display: block; position: absolute; top:0px; left:0px; width:20px; height:20px; background:#FFF; border:1px solid #9C6; line-height: 18px; text-align: center; } .cp-chbox .ico>.glyphicon { display: none; } .cp-chbox input:checked+.ico>.glyphicon { display: block; color:#6A1; font-size: 16px; } .objednavka-box .gdpr-wrap { margin-bottom:30px; font-size: 13px; } .objednavka-box .gdpr-wrap label { font-size: 13px; font-weight: normal; } .objednavka-box .price-wrap { font-size: 13px; margin-bottom:30px; } .objednavka-box .price-wrap .price-head { font-size: 24px; } .objednavka-box .btn-wrap .btn-primary { min-width: 160px; width: 240px; max-width: 100%; } #mista-boxy { margin-top:30px; } #mista-boxy .mista-box { background-color:#66AA11; color:#FFF; padding:20px 15px 30px; font-size:16px; margin-bottom: 30px; text-align: center; line-height: 1.7;} #mista-boxy #mista-box-2 { background-color:#338800;} #mista-boxy #mista-box-3 { background-color:#336622;} #mista-boxy #mista-box-4 { background-color:#004400;} #mista-boxy .mista-box .misto-title { text-transform: uppercase; color:#FFF; margin:15px auto 30px auto; } #gmapMista { height:400px; } .kontakt-page #main_block { padding-top:0px; } @media screen and (min-width: 768px){ #animace .carousel-indicators { bottom:18%; } #animace .anim-text { font-size:15px; top:25%; } #animace .anim-text strong { font-size:26px; } #pecet { display:block; position:absolute; top:15%; right:15px; width:160px; height: auto; } #home-intro .intro-box { min-height: 250px; } #home-prubeh .btn-wrap .btn { padding:16px 30px; min-width: 270px; } #postup { padding-top:15px; padding-bottom: 30px; max-width: 970px; } #postup .krok-box { font-size:15px; margin-top: -30px; clear:both; margin-bottom: 0px; max-width: 50%; } #postup .krok-box .header { font-size: 18px; } #postup .krok-box .header:after { content:''; display: block; width:20px; height:20px; background:#336622; position: absolute; left:-5px; top:10px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } #postup .pravy-sloupec.prvni { margin-top: 0px; } #postup .pravy-sloupec { padding-left: 25px; float: right; } #postup .pravy-sloupec .header:before { left:-25px; top:10px; } #postup .levy-sloupec { padding-right: 25px; float: left; } #postup .levy-sloupec .header:before { right:-35px; top:10px; left:auto; } #postup .levy-sloupec .header:after { right:-5px; left:auto; } #blok-kontakt .col-left { text-align: right; } #blok-kontakt .col-right { text-align: left; } #pageHeader>.container { margin-top:-20%; } #mista-boxy .mista-box { min-height:290px; } #gmapMista { height:500px; } .objednavka-box .btn-wrap .btn-primary { width:270px; } } @media (min-width: 992px){ #header #top-line { position:relative; top:auto; left:auto; background:transparent; padding-top:0px; } #header { padding-top:0px; position:absolute; top:0px; left:0px; width:100%; height: auto; } #logo { height:auto; padding-top:0px; margin-top:0px; padding-bottom:0px; width:240px; margin-top:5px; } #header-right-block { display:none; } .navbar-nav { float: left; margin:0px; } .navbar-header, .navbar-nav>li { float: left; } .navbar-toggle { display: none; } .navbar-collapse.collapse{ overflow: visible !important; height: auto !important; display: block !important;} #mainMenu { position:absolute; width: auto; top:30px; left:auto; right:15px; max-width:670px; width:auto; z-index: 1000; background:#66AA11; border-radius: 0px; height:50px; } #mainMenu:before { display:block; content:' '; left:-40px; position:absolute; width: 0; height: 0; border-bottom: 50px solid #66AA11; border-left: 40px solid transparent; } #mainMenu .navbar-nav { float:none; } #mainMenu a {padding:15px 12px; line-height: 20px; font-size:13px; border:0px none; text-align: center; font-weight: normal; border-bottom:0px; } #mainMenu a:hover, #mainMenu a:focus, #mainMenu a:active {background:transparent;} #mainMenu .active a { padding-bottom:13px; } #mainMenu .active a:after { margin:0px auto; } #mainMenu>.container {background:transparent; padding:0px;width:auto; } #mainMenu .navbar-collapse {background-color:transparent; color:inherit; top:auto; height:auto !important; position:relative; } #mainMenu .dropdown:hover .dropdown-menu{display:block;} #mainMenu .hide-navbar, #mainMenu .menu-poptavka {display:none;} #mainMenu li.objednavka { padding:0px 15px; margin-left:15px; } #mutace ul li { background:#336622; } #mutace ul li a:hover { background:#66AA11; } #animace .item.active .anim-text { font-size:23px; top:35%; } #animace .anim-text strong { font-size:40px; } #animace .carousel-indicators li { margin-right: 10px; } #pecet { width:220px; top:25%; } #home-intro .section-heading { margin-bottom:45px; font-size: 42px; } #home-intro .intro-box { font-size: 18px; } #home-prubeh { padding-bottom:60px; } #postup .krok-box { font-size:16px; margin-top:-50px; } #postup .krok-box .header { font-size: 22px; line-height: 28px; padding: 15px 15px 15px 25px; } #postup .krok-box .header .num { font-size:26px; } #postup .krok-box .content { min-height: 100px; } #postup .krok-box .header:before { width:26px; height: 26px; top:15px; } #postup .krok-box .header:after { width:24px; height:24px; left:-10px; top:17px; } #postup .pravy-sloupec { padding-left: 45px; } #postup .pravy-sloupec .header:before { left:-48px; } #postup .levy-sloupec { padding-right: 45px; } #postup .levy-sloupec .header:before { right:-58px; } #postup .levy-sloupec .header:after { left:auto; right:-10px; } #blok-kontakt h2 { font-size:30px; margin-bottom: 35px; } #blok-kontakt p { font-size: 18px; } #blok-kontakt { padding:60px 0px; } #pageHeader>.container { margin-top:-15%; } #mista-boxy .mista-box { min-height:260px; } #gmapMista { height:600px; } } @media (min-width: 1230px){ #logo { width:340px; margin-top:10px; } #mainMenu { top:45px; height:65px; max-width: 800px; right:25px; } #mainMenu:before { left:-45px; border-bottom-width: 65px; border-left-width: 45px; } #mainMenu a { font-size:15px; font-weight:bold; padding:20px 16px; line-height: 25px; } #mainMenu .active a { padding-bottom:18px; } #header #mutace { height:60px; width:60px; } #mutace ul { padding-top:60px; } #animace .item.active .anim-text { font-size:29px; padding-left:25px; max-width: 70%; } #animace .anim-text strong { font-size:52px; margin-bottom:5px; } #animace .carousel-indicators { left:25px; } #animace .carousel-indicators li { font-size: 16px; } #pecet { width:auto; height:49.2%; max-height:428px; top:27.6%; right:7.3%; } #home-intro { padding-top:60px; } #home-intro .section-heading { margin-bottom:60px; font-size: 48px; } #home-intro .intro-box { font-size: 21px; padding:125px 30px 30px; background-position: 50% 30px; } #home-intro #intro-box-1 { background-position: 50% 40px; } #home-prubeh { padding-bottom:80px; } #home-prubeh { font-size: 21px; } #pageHeader>.container { margin-top:-14%; } #pageHeader .h1 { font-size:35px; } #mista-boxy .mista-box { min-height:370px; } #gmapMista { height:730px; } .objednavka-box .col-lg-2 { width:20%; } .objednavka-box .col-lg-4 { width:40%; } .objednavka-box .col-lg-8 { width:80%; } .objednavka-box .col-lg-10 { width:100%; } } @media (min-width: 1660px) { #logo { margin-left:30px; } #mainMenu { right:30px; max-width: 1000px; } #mainMenu a { font-size:17px; padding:20px 25px; } #mutace ul { padding-top:80px; } #animace .item.active .anim-text { font-size:36px; padding-left: 45px; } #animace .anim-text strong { font-size:65px; margin-bottom: 15px; } #animace .carousel-indicators { left:45px; } #animace .carousel-indicators li { font-size: 20px; margin-right: 20px; } #pageHeader>.container { margin-top:-13%;} #pageHeader .h1 { font-size:48px; } #pageHeader .h1:after { margin-top:5px; } } @media (min-width: 1920px){ #animace .item.active .anim-text { left:5%; padding-left: 0px; } #animace .carousel-indicators { left:5%; } #animace .carousel-indicators li { font-size: 22px; } }