/***** CSS SKIN3 *****/ @import url(http://fonts.googleapis.com/css?family=Roboto:300,700|Roboto+Condensed:300,700|Roboto+Slab:700&subset=latin,latin-ext); /* font-family: 'Roboto', sans-serif; font-family: 'Roboto Condensed', sans-serif; font-family: 'Roboto Slab', serif; */ @font-face { font-family: 'gallery'; src: url('/fonts/gallery/gallery.eot?73801754'); src: url('/fonts/gallery/gallery.eot?73801754#iefix') format('embedded-opentype'), url('/fonts/gallery/gallery.woff?73801754') format('woff'), url('/fonts/gallery/gallery.ttf?73801754') format('truetype'), url('/fonts/gallery/gallery.svg?73801754#gallery') format('svg'); font-weight: normal; font-style: normal; } html, body { height: 100%; margin: 0; padding: 0; position: relative; -webkit-text-size-adjust: 100%; } body { background: #ffffff; } #proposal { font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 20px; position: relative; padding: 0; margin: 0; min-height: 100%; height: auto !important; height: 100%; color: #0a0a0a; min-width: 1200px; } #hdr { display: block; margin: 0; padding: 10px; background: rgba(0,0,0,0.5); color: #fff; text-align: center; } #ftr { display: block; min-width: 1200px; font-family: Arial, sans-serif; font-size: 12px; clear: both; position: relative; top: 0; margin: 0; height: 80px; padding: 10px 0 0 0; background: #333; color: #fff; text-align: center; } #ftr p.main { font-family: Arial, sans-serif; margin: 0 auto; padding: 10px 40px 0 40px; width: 1120px; text-align: center; color: #999; line-height: 1.3;} #ftr p.main a { font-family: Arial, sans-serif; font-size: 18px; color: #fff; text-transform: uppercase; text-decoration: none; } #ftr p.pdf { font-family: Arial, sans-serif; font-size: 16px; position: absolute; display: block; width: 300px; right: 50%; margin: 0 -560px 0 0; top: 25px; height: 50px; line-height: 50px; text-align: right; } #ftr p.pdf a { font-family: Arial, sans-serif; color: #fff; text-decoration: none; } #ftr p.pdf a:before { content: "\E833"; font-family: gallery, sans-serif; font-size: 30px; line-height: 10px; display: inline-block; margin-right: 10px; } #ftr #qrcode, #ftr p.url { display: none; } #proposal div.block { background: #ffffff; margin: 0; position: relative; page-break-inside: avoid;} #proposal div.block.color_scheme_1 { background: #f0f2f2; } #proposal div.block.color_scheme_2 { color: #ffffff; background: #dec418; } #proposal div.block>* { width: 1200px; padding: 20px 0; margin-left: auto; margin-right: auto; } #proposal div.block h2, #proposal div.block h3 {font-family: 'Roboto Slab', serif; font-size: 40px; margin-top: 0; margin-bottom: 20px; padding: 0; } #proposal div.block h4 {font-family: 'Roboto Condensed', sans-serif; font-size: 20px; font-weight: bold; position: relative; text-transform: uppercase; margin: 0 auto 20px auto; display: table; padding: 5px 20px; background: #dec418; color: #ffffff; width: auto; } #proposal div.block.edited h4 {width: 1120px; display: block; padding: 5px 0; text-align: center;} #proposal div.block p , #proposal div.block div.body { font-size: 20px; margin-top: 0; margin-bottom: 0; padding: 0; line-height: 1.5; } #proposal div.block img.ce[src=""] { background: url("/images/none-image.png") 50% 50% no-repeat; border: none; } /* terminace floatu v bloku, aby nevylezaly z bloku */ #proposal div.block:after { content: ""; display: block; position: relative; clear: both; width: 100%; line-height: 0.1; max-height: 0 !important; height: 1px; } #proposal div.block img.ce, #proposal div.block img.ce:hover, #proposal div.block table.ce { border: 0; } #proposal div.block sup { vertical-align: baseline; position: relative; font-size: .75em; top: -0.5em; } #proposal div.block sub { vertical-align: baseline; position: relative; font-size: .75em; bottom: -0.3em; } #proposal div.block a { color: inherit; text-decoration: underline; cursor: pointer; } #proposal div.block b { font-weight: 700; } /* --- INTRO - zacatek --- */ #proposal div.block.intro { padding: 100px 0; margin: 0; position: relative; color: #0a0a0a; } #proposal div.block.intro div.image { position: absolute; width: 100%; top: 0; right: 0; bottom: 0; left: 0; margin: 0; padding: 0; background-size: cover; background-repeat: no-repeat; } #proposal div.block.intro.hilite div.image { background-image: none !important; background: transparent; } #proposal div.block.intro h2, #proposal div.block.intro p , #proposal div.block.intro div.body { position: relative; width: 1120px; padding: 0; margin: 10px auto; text-align: center; } #proposal div.block.intro h2 { font-size: 70px; text-shadow: 1px 1px #0a0a0a; } #proposal div.block.intro h4 { background: #73aec9; color: #ffffff; } #proposal div.block.intro span.deleter:hover, #proposal div.block.intro div.image:hover + span.deleter { display: block; } #proposal div.block.intro.color_scheme_1 { color: #0a0a0a; background: #dec418; } #proposal div.block.intro.color_scheme_1 h4 { background: #ffffff; color: #0a0a0a; } #proposal div.block.intro.color_scheme_2 { color: #ffffff; background: #73aec9; } #proposal div.block.intro.color_scheme_2 h2 { text-shadow: 1px 1px 0 #0a0a0a; } #proposal div.block.intro.color_scheme_2 h4 { background: #dec418; color: #0a0a0a; } /* --- INTRO - konec --- */ /* --- PARALAX - zacatek --- */ #proposal div.block.paralax { width: 100%; min-height: 400px; padding: 50px 0; margin: 0; position: relative; color: #ffffff; background: #f0f2f2; } #proposal div.block.paralax.color_scheme_1 { color: #0a0a0a; } #proposal div.block.paralax.color_scheme_2 { } #proposal div.block.paralax * { position: relative; } #proposal div.block.paralax div.image { position: absolute; width: 100%; top: 0; right: 0; bottom: 0; left: 0; margin: 0; padding: 0; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; background-position: center; } #proposal div.block.paralax.hilite div.image { background-image: none !important; background: transparent; } #proposal div.block.paralax h2, #proposal div.block.paralax p , #proposal div.block.paralax div.body { width: 1120px; padding: 0; margin: 10px auto; text-align: center; } #proposal div.block.paralax h2 { font-size: 70px; text-shadow: 1px 1px #0a0a0a; } #proposal div.block.paralax h4 { background: #73aec9; color: #ffffff; } #proposal div.block.paralax.color_scheme_1 { color: #0a0a0a; background: #dec418; } #proposal div.block.paralax.color_scheme_1 h4 { background: #ffffff; color: #0a0a0a; } #proposal div.block.paralax.color_scheme_2 { color: #ffffff; background: #73aec9; } #proposal div.block.paralax.color_scheme_2 h4 { background: #dec418; color: #0a0a0a; } #proposal.lq div.block.paralax div.image, #proposal div.block.paralax.mysort-dragged div.image, #proposal div.block.paralax.mysort-moved div.image, #proposal.noparalax div.block.paralax div.image { background-attachment: local; background-position: center top; } @media only screen and (max-device-width: 480px) { #proposal div.block.paralax div.image { background-attachment: local; background-position: center top; } } /* --- PARALAX - konec --- */ /* --- TEXT - zacatek --- */ #proposal div.block.text { padding: 60px 0; } #proposal div.block.text h2, #proposal div.block.text p , #proposal div.block.text div.body { position: relative; width: 1120px; margin: 0 auto 20px auto; padding: 0; text-align: center; } #proposal div.block.text h2 { font-size: 200%; } #proposal div.block.text h4 { color: #0a0a0a; } #proposal div.block.text p , #proposal div.block.text div.body { margin: 0 auto; text-align: left; } #proposal div.block.text.color_scheme_1 { background: #f0f2f2; } #proposal div.block.text.color_scheme_2 { background: #dec418; } #proposal div.block.text.color_scheme_2 h2, #proposal div.block.text.color_scheme_2 p , #proposal div.block.text.color_scheme_2 div.body { color: #0a0a0a; } #proposal div.block.text.color_scheme_2 h4 { background: #ffffff; } /* --- TEXT - konec --- */ /* --- TEXT_IMAGE - zacatek --- */ #proposal div.block.text_image { padding: 80px 0; min-height: 200px; z-index: 1; } #proposal div.block.text_image img.ce { display: block; position: absolute; top: 40px; right: 47%; right: -webkit-calc(50% - 40px); right: calc(50% - 40px); left: auto; bottom: 40px; height: 90%; height: calc(100% - 80px ); width: 0px; margin: 0; padding: 0 0 0 600px; overflow: hidden; background-size: cover !important; background-repeat: no-repeat !important; background-position: 50% 50%!important; z-index: -1; } #proposal div.block.text_image img[src=""].ce { border: 1px solid silver;} #proposal div.block.text_image h2, #proposal div.block.text_image h4, #proposal div.block.text_image p , #proposal div.block.text_image div.body { position: relative; left: 47%; left: -webkit-calc(50% - 40px); left: calc(50% - 40px); right: auto; width: 520px; margin: 0 auto 0 0; padding: 20px 40px; background: #dec418;} #proposal div.block.text_image h4 { position: relative; width: auto; max-width: 480px; text-align: left; margin: 0; padding: 5px 20px; margin: 0 40px; color: #0a0a0a; background: #ffffff; white-space: normal;} #proposal div.block.text_image h4:empty { min-height: 1em; } #proposal div.block.text_image h4:before { position: absolute; display: block; content: ""; background: #dec418; width: 600px; height: 100%; margin: -5px -60px; z-index: -1;} #proposal div.block.text_image.edited h4 { display: block; width: 500px;} /*#proposal div.block.text_image.edited h4:before { background-color: #ffffff;}*/ div.img-js-cross { z-index: 1; } /* varianta zarovnani obrazku doprava */ #proposal div.block.text_image.right img.ce { right: auto; left: 47%; left: -webkit-calc(50% - 40px); left: calc(50% - 40px); } #proposal div.block.text_image.right h2, #proposal div.block.text_image.right h4, #proposal div.block.text_image.right p , #proposal div.block.text_image.right div.body { left: auto; right: 47%; right: -webkit-calc(50% - 40px); right: calc(50% - 40px); margin: 0 0 0 auto; text-align: right; } #proposal div.block.text_image.right h4 { text-align: right; margin-right: 40px; } #proposal div.block.text_image.right h4:before { margin: -5px -60px; right: 20px;} #proposal div.block.text_image.right.edited h4 { width: 500px; text-align: right;} #proposal div.block.text_image.color_scheme_1 h2, #proposal div.block.text_image.color_scheme_1 p , #proposal div.block.text_image.color_scheme_1 div.body { background: #ffffff; } #proposal div.block.text_image.color_scheme_1 h4 { background: #dec418; } #proposal div.block.text_image.color_scheme_1 h4:before { background: #ffffff; } #proposal div.block.text_image.color_scheme_2 { background: #dec418; } #proposal div.block.text_image.color_scheme_2 h2, #proposal div.block.text_image.color_scheme_2 p , #proposal div.block.text_image.color_scheme_2 div.body { background: #ffffff; color: #0a0a0a;} #proposal div.block.text_image.color_scheme_2 h4 { background: #73aec9; color: #ffffff; } #proposal div.block.text_image.color_scheme_2 h4:before { background: #ffffff; } /* --- sipka pro zmenu zarovnani obrazku - zacatek --- */ #proposal img.ce.floating + span.toggler { display: none; position: absolute; width: 0; height: 0; margin: 0; padding: 0; top: 100px; left: 50%; right: 50%; border-top: 50px solid transparent; border-bottom: 50px solid transparent; overflow: hidden; cursor: pointer; z-index: 6; } #proposal img.ce.floating:hover + span.toggler.toright { display: block; left: auto; margin-right: 450px; border-right: 0px; border-left: 70px solid rgba(255,255,255,0.7); } #proposal img.ce.floating + span.toggler.toright:hover { display: block; left: auto; margin-right: 450px; border-right: 0px; border-left: 70px solid #8adaf6; } #proposal img.ce.floating:hover + span.toggler.toleft { display: block; right: auto; margin-left: 450px; border-left: 0px; border-right: 70px solid rgba(255,255,255,0.7); } #proposal img.ce.floating + span.toggler.toleft:hover { display: block; right: auto; margin-left: 450px; border-left: 0px; border-right: 70px solid #8adaf6; } /* --- sipka pro zmenu zarovnani obrazku - konec --- */ /* --- TEXT_IMAGE - konec --- */ /* --- IMAGE - zacatek --- */ #proposal div.block.image { padding: 40px 0; } #proposal div.block.image img.ce { display: block; width: 1120px; margin: 0 auto; padding: 0; border: none; color: #0a0a0a; } #proposal div.block.image h2 { color: #ffffff; } #proposal div.block.image img.ce[src=""] { height: 400px; background: #dec418; } #proposal div.block.image h2 { position: relative; width: 1120px; margin: -80px auto 0 auto; height: 80px; padding: 0 40px; text-align: center; } #proposal div.block.image p , #proposal div.block.image div.body { width: 1120px; margin: 20px auto 0 auto; padding: 0 40px; text-align: center; } #proposal div.block.image.color_scheme_1 h2 { color: #ffffff; } #proposal div.block.image.color_scheme_2 { background: #ffffff; } #proposal div.block.image.color_scheme_2 h2, #proposal div.block.image.color_scheme_2 p , #proposal div.block.image.color_scheme_2 div.body { color: #0a0a0a; } /* --- IMAGE - konec --- */ /* --- TESTIMONIAL - zacatek --- */ #proposal div.block.testimonial { position: relative; padding: 40px 0; background: #ffffff; color: #0a0a0a; } #proposal div.block.testimonial a { color: #0a0a0a; text-decoration: none; } #proposal div.block.testimonial h2 { text-align: center; font-size: 100%; margin: -20px auto 20px auto; padding: 0; width: 1120px;} #proposal div.block.testimonial > ul { display: block; position: relative; white-space: nowrap; overflow: hidden; margin: 20px auto 0 auto; padding: 0 0 0 40px; width: 1161px; } #proposal div.block.testimonial > ul>li { position: relative; display: inline-block; vertical-align: top; text-align: center; margin: 0; padding: 0 40px 0 0; list-style: none; width: 347px; }/*347px nebo calc(1040px / 3)*/ #proposal div.block.testimonial > ul>li * { margin-left: auto; margin-right: auto; } #proposal div.block.testimonial > ul>li img { position: relative; display: block; float: left; padding: 0 0 0 120px; overflow: hidden; width: 0; height: 120px; top: 0; margin: 0 20px 20px 0; background-color: #f0f2f2; background-size: cover !important; background-repeat: no-repeat !important; background-position: 50% 50% !important; } #proposal div.block.testimonial > ul>li h3 { font-size: 32px; line-height: 32px; margin-left: 140px; white-space: normal; text-align: left; margin-bottom: 15px; } #proposal div.block.testimonial > ul>li h4 { font-size: 17px; margin: 0; white-space: normal; text-align: left; color: #0a0a0a; background: #f0f2f2; } #proposal div.block.testimonial.edited > ul>li h4 { width: 167px; margin-left: 140px; padding: 5px 20px; text-align: left; } #proposal div.block.testimonial > ul>li div.cite { font-size: 17px; display: block; line-height: 20px; margin: 15px 0; padding: 20px; background: #f0f2f2; white-space: normal; position: relative; text-align: left; clear: both; } #proposal div.block.testimonial > ul>li div.cite:before { content: ""; display: block; position: absolute; width: 0; height: 0; margin: 0; padding: 0; left: 45px; top: -15px; border-width: 0 15px 15px 15px; border-style: solid; border-color: transparent transparent #f0f2f2 transparent;} #proposal div.block.testimonial a.testimonial-scroll { display: none; position: absolute; color: #dec418; font-family: gallery, 'Roboto', sans-serif; font-size: 300%; text-decoration: none; text-align: right; z-index: 10; width: 50px; height: 80px; margin: 0 0 -80px 560px; top: 40%; left: 50%; right: auto; overflow: hidden; } #proposal div.block.testimonial a.testimonial-scroll.right { left: auto; right: 50%; margin: 0 560px 0 0; text-align: left; } #proposal div.block.testimonial a.testimonial-scroll.left:hover, #proposal div.block.testimonial a.testimonial-scroll.right:hover { color: #d3ba17; } #proposal div.block.testimonial a.testimonial-scroll.left.disabled, #proposal div.block.testimonial a.testimonial-scroll.right.disabled { display: none; } #proposal div.block.testimonial:hover a.testimonial-scroll { display: block; } #proposal div.block.testimonial.color_scheme_1 { background: #f0f2f2; color: #0a0a0a; } #proposal div.block.testimonial.color_scheme_1 a { color: #0a0a0a; } #proposal div.block.testimonial.color_scheme_1 h4 { background: #e4e6e6; } #proposal div.block.testimonial.color_scheme_1 > ul>li div.cite { background: #ffffff } #proposal div.block.testimonial.color_scheme_1 > ul>li div.cite:before { border-bottom-color: #ffffff; } #proposal div.block.testimonial.color_scheme_1 a.testimonial-scroll { color: #dec418; } #proposal div.block.testimonial.color_scheme_1 a.testimonial-scroll:hover { color: #d3ba17; } #proposal div.block.testimonial.color_scheme_2 { background: #dec418; color: #0a0a0a; } #proposal div.block.testimonial.color_scheme_2 a { color: #0a0a0a; } #proposal div.block.testimonial.color_scheme_2 h4 { background: #f0f2f2; } #proposal div.block.testimonial.color_scheme_2 > ul>li div.cite { background: #ffffff } #proposal div.block.testimonial.color_scheme_2 > ul>li div.cite:before { border-bottom-color: #ffffff; } #proposal div.block.testimonial.color_scheme_2 a.testimonial-scroll { color: #ffffff; } #proposal div.block.testimonial.color_scheme_2 a.testimonial-scroll:hover { color: #f0f2f2; } #proposal div.block.testimonial.edited * {outline: none;} #proposal div.block.testimonial.edited:before, #proposal div.block.testimonial.hilite:before { background: #8adaf6; } #proposal div.block.testimonial.hilite > ul>li a:before, #proposal div.block.testimonial.edited > ul>li a:before { background: url('data:image/svg+xml,'); } #proposal div.block.testimonial.edited input.service[name="url"] { display: inline-block; position: relative; width: 100%; height: auto; margin-top: 20px; font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 100%; border: none; text-align: center; } /* --- TESTIMONIAL - konec --- */ /* --- REFERENCE - zacatek --- */ #proposal div.block.reference { background: #ffffff; color: #0a0a0a; position: relative; padding: 40px 0 0 0; } #proposal div.block.reference h2 { text-align: center; font-size: 100%; margin: -20px auto 20px auto; padding: 0; width: 1120px;} #proposal div.block.reference > ul { position: relative; display: block; margin: 20px auto 0 auto; padding: 0 0 0 40px; width: 1160px; text-align: center; } #proposal div.block.reference > ul>li { position: relative; display: inline-block; vertical-align: top; text-align: center; margin: 0 40px 40px 0; padding: 0; list-style: none; width: 346px; height: 280px; font-size: 80%;} #proposal div.block.reference > ul>li a { color: #0a0a0a; text-decoration: none; } #proposal div.block.reference > ul>li a div.description { position: absolute; color: #0a0a0a; padding: 5px 20px; text-align: center; text-decoration: none; cursor: pointer; top: auto; right: 0; bottom: 0; left: 0; min-height: 20px; background: #f0f2f2;} #proposal div.block.reference > ul>li a[href=""] div.description { cursor: text; } #proposal div.block.reference > ul>li img { position: relative; border: none; width: 0; height: 250px; margin: 0 auto; padding: 0 0 0 100%; cursor: pointer; background-color: #f0f2f2; background-size: cover !important; background-repeat: no-repeat !important; background-position: 50% 50% !important; } #proposal div.block.reference.edited > ul>li div.description { background: #fff; color: #000 !important; cursor: text; bottom: 30px;} #proposal div.block.reference.edited input[name="url"].service { display: inline-block; display: block; position: absolute; left: 0; right: 0; top: auto; bottom: 0; width: 306px; font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 100%; border: none; text-align: center; color: #000; min-height: 20px; padding: 5px 20px;} /*- obecna (tedy prvni) definice barev podkladu a textu u referenci -*/ /*- druha barevna verze definice barev podkladu a textu u referenci -*/ #proposal div.block.reference.color_scheme_1 { background: #f0f2f2; color: #0a0a0a; } #proposal div.block.reference.color_scheme_1 > ul>li div.description { background: #ffffff; color: #0a0a0a; } /*- treti barevna verze definice barev podkladu a textu u referenci -*/ #proposal div.block.reference.color_scheme_2 { background: #ffffff; color: #0a0a0a; } #proposal div.block.reference.color_scheme_2 > ul>li div.description { background: #dec418; color: #0a0a0a; } /*- prohlizec velkych obrazku -*/ #big-image-mica { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.5); z-index: 10; } #big-image { position: fixed; top: 60px; right: 60px; bottom: 60px; left: 60px; background-color: rgba(0,0,0,0.5); background-size: /*cover*/contain !important; background-repeat: no-repeat !important; background-position: 50% 50% !important; box-shadow: 0 0 50px rgba(0,0,0,0.8); border: 1px solid #fff; z-index: 11; } #big-image-close { position: absolute; width: 70px; height: 30px; padding: 15px 0 25px 0; font-family: gallery, 'Roboto', sans-serif; top: 0; right: 0; background: rgba(255,255,255,0.5); color: #ffffff; font-size: 40px; text-align: center; font-weight: bold; line-height: 1; cursor: pointer; } #prev-big-image, #next-big-image { position: absolute; width: 50%; height: 100%; padding: 0; cursor: pointer; } #next-big-image { right: 0; } #prev-big-image:hover:after, #next-big-image:hover:after { position: absolute; content: "<"; font-family: gallery, 'Roboto', sans-serif; display: block; width: 70px; height: 30px; padding: 15px 0 25px 0; left: 0; top: 50%; margin-top: -50px; background: rgba(255,255,255,0.5); cursor: pointer; color: #ffffff; font-size: 40px; text-align: center; font-weight: bold; } #next-big-image:hover:after { content: ">"; left: auto; right: 0; } #prev-big-image.hide, #next-big-image.hide { display: none; } #big-image-text { position: absolute; left: 0; bottom: 0; right: 0; padding: 20px; text-align: center; background: rgba(255,255,255,0.7); color: #000; font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 16pt; } /* --- REFERENCE - konec --- */ /* --- TABLE - zacatek --- */ #proposal div.block.table { padding: 40px 0; } #proposal div.block.table table { width: 1120px; margin-left: auto; padding: 0; border-spacing: 0; /*border-collapse: collapse;*/ } #proposal div.block.table table tr td { text-align: left; background: #ffffff; padding: 5px 10px; color: #0a0a0a; border: 1px solid #f0f2f2; } /*#proposal div.block.table.edited table tr td { background: #fff !important; color: #000 !important; border: 1px solid #8adaf6 !important; border-left: none !important; border-top: none !important; }*/ #proposal div.block.table.color_scheme_1 { } #proposal div.block.table.color_scheme_1 table tr:first-child td { background: #73aec9; color: #ffffff; border-color: #8fbed3; } #proposal div.block.table.color_scheme_2 { background: #ffffff; } #proposal div.block.table.color_scheme_2 table tr td:first-child { background: #dec418; color: #0a0a0a; border-color: #d3ba17; } #proposal div.block.table.color_scheme_2 table tr:first-child td { background: #73aec9; color: #ffffff; border-color: #8fbed3; } /* --- TABLE - konec --- */ /* --- BIG-TABLE - zacatek --- */ #proposal div.block.big_table { padding: 40px 0; } #proposal div.block.big_table table { width: 1118px; margin: 0 auto; padding: 0; border-spacing: 0; /*border-collapse: collapse;*/ background: #ffffff; border: 1px solid rgba(10, 10, 10, 0.3); } #proposal div.block.big_table table tr td { font-size: 12px; padding: 5px 10px; color: #0a0a0a; background: #ffffff; border: none; border-bottom: 1px solid rgba(10, 10, 10, 0.2); vertical-align: top; text-align: center; border-right: 1px solid rgba(10, 10, 10, 0.1); } #proposal div.block.big_table table tr:first-child td { font-weight: 700; border-bottom-color: rgba(10, 10, 10, 0.3); } #proposal div.block.big_table table tr:first-child td div.cover { font-weight: 700; } #proposal div.block.big_table table tr:last-child td { border-bottom: none; } #proposal div.block.big_table table tr td:first-child { font-weight: 700; text-align: left; border-right-color: rgba(10, 10, 10, 0.2); } #proposal div.block.big_table table tr td:first-child div.cover { font-weight: 700; text-align: left; } #proposal div.block.big_table table tr td:last-child { border-right: none; } #proposal div.block.big_table.color_scheme_1 { background: #ffffff; } #proposal div.block.big_table.color_scheme_1 table tr td:first-child { background: rgba(222, 196, 24, 0.3); } #proposal div.block.big_table.color_scheme_1 table tr:first-child td { background: #dec418; color: #ffffff; } #proposal div.block.big_table.color_scheme_2 { background: #ffffff; } #proposal div.block.big_table.color_scheme_2 table tr td:first-child { background: rgba(10, 10, 10, 0.05); } #proposal div.block.big_table.color_scheme_2 table tr:first-child td { background: rgba(10, 10, 10, 0.1); } #proposal div.block.big_table.color_scheme_2 table tr:last-child td { background: rgba(10, 10, 10, 0.1); font-weight: 700; } /* --- BIG-TABLE - konec --- */ /* --- PRICETAB - zacatek --- */ /* pricetab - preview - zacatek */ #proposal div.block.pricetab { padding: 0; color: #0a0a0a; padding: 40px 0;} #proposal div.block.pricetab table { position: relative; padding: 0; margin: 0 auto; width: 1120px; border-spacing: 0; border: 0; } #proposal div.block.pricetab table tr { position: relative; vertical-align: middle; } #proposal div.block.pricetab table tr td { font-family: 'Roboto Condensed', sans-serif; position: relative; background: transparent; color: #0a0a0a; text-align: center; padding: 10px 0; width: 15%; border: 0; } #proposal div.block.pricetab table tr td.symbols { font-family: gallery, 'Roboto', sans-serif; } #proposal div.block.pricetab table tr td:first-child, #proposal div.block.pricetab table tr td.top:first-child { text-align: right; width: 22%; padding-left: 10px; padding-right: 20px; } #proposal div.block.pricetab table tr:nth-child(even) td { background: #f0f2f2; } #proposal div.block.pricetab table tr:nth-child(1) td { font-family: 'Roboto Slab', serif; font-size: 40px; font-weight: bold; color: #0a0a0a; padding: 10px 0 0 0; background: transparent; } #proposal div.block.pricetab table tr:nth-child(2) td { font-weight: bold; padding: 0; background: transparent; } #proposal div.block.pricetab table tr:nth-child(3) td { font-size: 80%; padding: 0 0 10px 0; } #proposal div.block.pricetab table tr td.top { color: #0a0a0a; background: #dec418; width: 20%; } #proposal div.block.pricetab table tr:nth-child(even) td.top { background: #d3ba17; } #proposal div.block.pricetab table tr:nth-child(1) td.top { border-top: 0; background: #dec418; } #proposal div.block.pricetab table tr:nth-child(2) td.top, #proposal div.block.pricetab table tr:nth-child(3) td.top { background: #dec418;} #proposal div.block.pricetab table.type2 tr td:first-child { display: none; } /* pricetab - preview - konec */ /* druha barevna varianta - zacatek */ #proposal div.block.pricetab.color_scheme_1 { background: #f0f2f2; } #proposal div.block.pricetab.color_scheme_1 table tr:nth-child(even) td { background: #e4e6e6; } #proposal div.block.pricetab.color_scheme_1 table tr:nth-child(2) td { background: transparent; } #proposal div.block.pricetab.color_scheme_1 table tr:nth-child(even) td.top { background: #d3ba17; } #proposal div.block.pricetab.color_scheme_1 table tr:nth-child(2) td.top { background: #dec418;} /* druha barevna varianta - konec */ /* treti barevna varianta - zacatek */ #proposal div.block.pricetab.color_scheme_2 { background: #dec418; } #proposal div.block.pricetab.color_scheme_2 table tr:nth-child(even) td { background: #d3ba17; } #proposal div.block.pricetab.color_scheme_2 table tr:nth-child(2) td { background: transparent; } #proposal div.block.pricetab.color_scheme_2 table tr td.top { background: #ffffff; } #proposal div.block.pricetab.color_scheme_2 table tr:nth-child(even) td.top { background: #f0f2f2; } #proposal div.block.pricetab.color_scheme_2 table tr:nth-child(2) td.top { background: #ffffff;} /* treti barevna varianta - konec */ /* pricetab - edit - zacatek */ #proposal div.block.pricetab.edited table { margin-top: -30px; } /*#proposal div.block.pricetab.edited table tr td { background-color: #fff; color: #000 !important; border-color: #8adaf6; border-width: 0 1px 1px 0; border-style: solid; }*/ #proposal div.block.pricetab.edited table tr td:last-child { border-right: none; } #proposal div.block.pricetab.edited table tr td:focus { outline: 0; box-shadow: inset 1px 1px 4px rgba(0,0,0,0.5); } #proposal div.block.pricetab.edited table tr:first-child td:first-child { text-align: left; } #proposal div.block.pricetab.edited table.ce.edited tr.service td { background: #8adaf6 !important; color: #fff; border: 0; font-size: 100%; height: 30px; margin: 0; padding: 0;} /*#proposal div.block.pricetab.edited table tr:nth-child(odd) td { background: #eee; } #proposal div.block.pricetab.edited table tr:nth-child(odd) td.top { background: #ccc; }*/ #proposal div.block.pricetab.edited table tr:nth-child(1) td { font-family: 'Roboto Condensed', sans-serif; padding: 0; font-weight: 300;} #proposal div.block.pricetab.edited table tr:nth-child(2) td { font-family: 'Roboto Slab', serif; font-size: 40px; font-weight: bold; padding: 10px 0 0 0; } #proposal div.block.pricetab.edited table tr:nth-child(3) td { /*background-color: #fff;*/ font-family: 'Roboto Condensed', sans-serif; padding: 0; font-weight: bold; font-size: 20px;} #proposal div.block.pricetab.edited table tr:nth-child(4) td { font-size: 80%; padding: 0 0 10px 0; } /*#proposal div.block.pricetab.edited table tr td.top { background: #ddd; } #proposal div.block.pricetab.edited table tr:nth-child(3) td.top { background: #ddd; } #proposal div.block.pricetab.edited table tr:nth-child(2) td:first-child, #proposal div.block.pricetab.edited table tr:nth-child(3) td:first-child, #proposal div.block.pricetab.edited table tr:nth-child(4) td:first-child, #proposal div.block.pricetab.edited table tr:nth-child(2) td.top:first-child, #proposal div.block.pricetab.edited table tr:nth-child(3) td.top:first-child, #proposal div.block.pricetab.edited table tr:nth-child(4) td.top:first-child { background: #8adaf6; }*/ #proposal div.block.pricetab.edited table tr:nth-child(odd) td { background: #e4e6e6; } #proposal div.block.pricetab.edited table tr:nth-child(even) td, #proposal div.block.pricetab.edited table tr:nth-child(3) td { background: transparent; } #proposal div.block.pricetab.edited table tr:nth-child(odd) td.top { background: #d3ba17; } #proposal div.block.pricetab.edited table tr:nth-child(even) td.top, #proposal div.block.pricetab.edited table tr:nth-child(3) td.top { background: #dec418;} #proposal div.block.pricetab.color_scheme_2.edited table tr:nth-child(odd) td { background: #d3ba17; } #proposal div.block.pricetab.color_scheme_2.edited table tr:nth-child(even) td, #proposal div.block.pricetab.color_scheme_2.edited table tr:nth-child(3) td { background: transparent; } #proposal div.block.pricetab.color_scheme_2.edited table tr:nth-child(odd) td.top { background: #f0f2f2; } #proposal div.block.pricetab.color_scheme_2.edited table tr:nth-child(even) td.top, #proposal div.block.pricetab.color_scheme_2.edited table tr:nth-child(3) td.top { background: #ffffff;} #proposal div.block.pricetab.edited table.type2 tr td:first-child { display: table-cell; } /* pricetab - edit - konec */ /* --- PRICETAB - konec --- */ /* --- QPRICETAB - zacatek --- */ #proposal div.block.qpricetab { background: #ffffff; padding: 40px 0;} #proposal div.block.qpricetab table.ce { margin: 0 auto; width: 1120px; border-spacing: 0; /*border-collapse: collapse;*/ border: none; position: relative; overflow: hidden;} #proposal div.block.qpricetab table.ce tr { position: relative; vertical-align: middle;} #proposal div.block.qpricetab table.ce tr td { text-align: right; padding: 10px 20px; position: relative; background: #ffffff; color: #0a0a0a; border: none; } #proposal div.block.qpricetab table.ce tr td:nth-child(1) { font-size: 14px; text-align: left; width: 50%;} #proposal div.block.qpricetab table.ce tr td:nth-child(1):first-line, #proposal div.block.qpricetab table.ce tr td:nth-child(1) div.cover:first-line { font-size: 20px; } #proposal div.block.qpricetab table.ce tr:nth-child(even) td { background: #f0f2f2; } #proposal div.block.qpricetab table.ce tr:first-child td, #proposal div.block.qpricetab table.ce tr:first-child td:first-line { font-size: 16px; font-weight: bold; } #proposal div.block.qpricetab table.ce tr.last td { background: #dec418; font-weight: bold; } #proposal div.block.qpricetab table.ce tr td.minus { font-weight: bold; } #proposal div.block.qpricetab table.ce.plain tr:first-child, #proposal div.block.qpricetab table.ce.plain tr td:nth-child(2), #proposal div.block.qpricetab table.ce.plain tr td:nth-child(3), #proposal div.block.qpricetab table.ce.easy tr:first-child, #proposal div.block.qpricetab table.ce.easy tr td:nth-child(2), #proposal div.block.qpricetab table.ce.easy tr td:nth-child(3) {display: none;} /*#proposal div.block.qpricetab.edited table.edited.ce { background: #8adaf6 !important; } #proposal div.block.qpricetab.edited table.edited.ce tr td { background: #fff !important; color: #000 !important; border: 1px solid #8adaf6; border-left: none; border-top: none;} #proposal div.block.qpricetab.edited table.edited.ce tr td:focus { outline: 0; box-shadow: inset 1px 1px 4px rgba(0,0,0,0.5);}*/ /* druhe barevne schema */ #proposal div.block.qpricetab.color_scheme_1 { background: #f0f2f2; } #proposal div.block.qpricetab.color_scheme_1 table.ce tr td { background: #f0f2f2; } #proposal div.block.qpricetab.color_scheme_1 table.ce tr:nth-child(even) td { background: #ffffff; } #proposal div.block.qpricetab.color_scheme_1 table.ce tr.last td { background: #dec418; } /* treti barevne schema */ #proposal div.block.qpricetab.color_scheme_2 { background: #dec418; } #proposal div.block.qpricetab.color_scheme_2 table.ce tr td { background: #dec418; } #proposal div.block.qpricetab.color_scheme_2 table.ce tr:nth-child(even) td { background: #ffffff; } #proposal div.block.qpricetab.color_scheme_2 table.ce tr.last td { background: #73aec9; color: #ffffff; } /* --- QPRICETAB - konec --- */ /* --- COMPANYCONTACT - zacatek --- */ #proposal div.block.companycontact { min-height: 400px; } #proposal div.block.companycontact div.map-canvas { position: absolute; width: 100%; height: 100%; margin: 0; padding: 0; background: #f0f2f2; } #proposal div.block.companycontact div.panel { position: relative; left: 50%; margin: 0 auto 80px 160px; padding: 40px; top: 40px; width: 320px; background: #ffffff; border: none; font-family: 'Roboto Condensed', sans-serif; } #proposal div.block.companycontact div.panel img, #proposal div.block.companycontact div.panel.wide-img img { width: auto; max-width: 100%; max-height: 80px; margin: 0 0 20px 0; z-index: 5; position: relative; background-image: none !important;} #proposal div.block.companycontact div.panel.tall-img img { max-width: 140px; height: auto; margin: 0 20px 10px 0; float: left; } #proposal div.block.companycontact div.panel img[src=""] { display: none; width: 320px !important; height: 80px; border: 1px solid #ffffff; background: url("/images/none-image.png") 50% 50% no-repeat; background-size: 70%; } #proposal div.block.companycontact.edited div.panel img[src=""] { display: inline-block; } #proposal div.block.companycontact div.panel span.deleter { top: 50px; left: 50px; } #proposal div.block.companycontact div.panel span.deleter:hover, #proposal div.block.companycontact div.panel img:hover + span.deleter { display: inline-block; } #proposal div.block.companycontact.edited div.panel img[src=""]:hover + span.deleter { display: none; } #proposal div.block.companycontact div.panel h4, #proposal div.block.companycontact div.panel p, #proposal div.block.companycontact div.panel p a.ce { color: #0a0a0a; } #proposal div.block.companycontact div.panel h4 { display: block; font-size: 100%; background: transparent; margin: 0; padding: 0; line-height: 1; } #proposal div.block.companycontact div.panel p { min-height: 1.5em; margin: 5px 0; padding: 0; position: relative; } #proposal div.block.companycontact div.panel p.address { line-height: 1.2; margin-bottom: 20px; } #proposal div.block.companycontact div.panel p.address:after { content: ""; display: block; height: 0; width: 100%; margin: 0; padding: 0; clear: both; } #proposal div.block.companycontact div.panel p a.ce { font-size: 85%; margin: 0 0 0 35px; padding: 0 5px; display: block; text-decoration: none; white-space: nowrap; overflow: hidden; cursor: pointer; } #proposal div.block.companycontact div.panel p a.ce:hover { color: #73aec9; } #proposal div.block.companycontact div.panel p.phone:before, #proposal div.block.companycontact div.panel p.email:before, #proposal div.block.companycontact div.panel p.web:before, #proposal div.block.companycontact div.panel p.twitter:before, #proposal div.block.companycontact div.panel p.facebook:before { /*content: "\E806";*/ content: "\0E80"; display: block; position: absolute; top: -7px; width: 24px; height: 24px; font-family: gallery; font-size: 24px; color: #d9dada; } #proposal div.block.companycontact div.panel p.phone:before { content: "\E801"; } #proposal div.block.companycontact div.panel p.web:before { content: "\E807"; } #proposal div.block.companycontact div.panel p.twitter:before { content: "\E802"; } #proposal div.block.companycontact div.panel p.facebook:before { content: "\E803"; } #proposal div.block.companycontact.edited div.panel p a.ce, #proposal div.block.companycontact.edited div.panel * { color: #000 !important; background: #fff !important;} #proposal div.block.companycontact.edited div.panel h4 { margin: 0; padding: 0; width: 100%; text-align: left; } #proposal div.block.companycontact.color_scheme_1 { background: #f0f2f2;} #proposal div.block.companycontact.color_scheme_1 div.panel { background: #ffffff; padding: 20px 20px 0 20px; border: 20px solid #ffffff;} #proposal div.block.companycontact.color_scheme_1 div.panel h4, #proposal div.block.companycontact.color_scheme_1 div.panel p, #proposal div.block.companycontact.color_scheme_1 div.panel p a.ce { color: #0a0a0a; } #proposal div.block.companycontact.color_scheme_1 div.panel p a.ce:hover { color: #73aec9; } #proposal div.block.companycontact.color_scheme_1 div.panel p.phone:before, #proposal div.block.companycontact.color_scheme_1 div.panel p.email:before, #proposal div.block.companycontact.color_scheme_1 div.panel p.web:before, #proposal div.block.companycontact.color_scheme_1 div.panel p.twitter:before, #proposal div.block.companycontact.color_scheme_1 div.panel p.facebook:before { color: #d9dada; top: 0;} #proposal div.block.companycontact.color_scheme_1 div.panel p.phone, #proposal div.block.companycontact.color_scheme_1 div.panel p.email, #proposal div.block.companycontact.color_scheme_1 div.panel p.web, #proposal div.block.companycontact.color_scheme_1 div.panel p.twitter, #proposal div.block.companycontact.color_scheme_1 div.panel p.facebook { margin: 0 -20px; padding: 5px 20px; background: #f0f2f2; } #proposal div.block.companycontact.color_scheme_2 { background: #f0f2f2;} #proposal div.block.companycontact.color_scheme_2 div.panel { background: #73aec9; } #proposal div.block.companycontact.color_scheme_2 div.panel h4, #proposal div.block.companycontact.color_scheme_2 div.panel p, #proposal div.block.companycontact.color_scheme_2 div.panel p a.ce { color: #ffffff; } #proposal div.block.companycontact.color_scheme_2 div.panel p a.ce:hover { color: #d9dada; } #proposal div.block.companycontact.color_scheme_2 div.panel p.phone:before, #proposal div.block.companycontact.color_scheme_2 div.panel p.email:before, #proposal div.block.companycontact.color_scheme_2 div.panel p.web:before, #proposal div.block.companycontact.color_scheme_2 div.panel p.twitter:before, #proposal div.block.companycontact.color_scheme_2 div.panel p.facebook:before { color: #8fbed3; } /* --- COMPANYCONTACT - konec --- */ /* --- PERSONALCONTACT - zacatek --- */ /* U tohoto bloku probehla zasadni uprava za behu projektu. V dobe, kdy uz bylo vytvoreno pres tisic nabidek a v nich pouzito cca 800 bloku typu PERSONALCONTACT, bylo nutno zmenit HTML kod bloku. Od te chvile (rijen 2015) existuji dve podoby bloku, pricemz nova pouze opravuje nedostatky prvni, ale vypadat ma shodne s prvni verzi. Prvni/puvodni verze ma veskery obsah bloku zabalen v bloku tridy "panel". Druha verze ma obsah rozdelen na dve casti - do dvou bloku, ketre maji tridu "part". Prvni cast puvodniho obsahu je zabalena v bloku s dodatecnou tridou "part1" a druha cast obsahu je zabalena v bloku s dodatecnou tridou "part2". Nasledujici stylopis bloku styluje obe verze. */ #proposal div.block.personalcontact { position: relative; background: #ffffff; padding: 40px 0;} #proposal div.block.personalcontact div.panel { position: relative; display: block; left: 50%; right: auto; margin: 0 0 0 -600px; padding: 30px 0; width: 600px; min-height: 220px; background: #ffffff; border-left: 600px solid #f0f2f2;} #proposal div.block.personalcontact div.panel p, #proposal div.block.personalcontact div.panel a { color: #0a0a0a; } #proposal div.block.personalcontact div.panel img { position: absolute; display: block; padding: 0 0 0 200px; overflow: hidden; width: 0; height: 200px; top: 40px; left: -webkit-calc(50% - 300px); left: calc(50% - 300px); right: auto; margin: 0 0 0 -560px; background-color: #f0f2f2; background-size: cover !important; background-repeat: no-repeat !important; background-position: 50% 50% !important; } #proposal div.block.personalcontact div.panel span.deleter { top: 50px; left: -webkit-calc(50% - 290px); left: calc(50% - 290px); margin-left: -560px; } #proposal div.block.personalcontact div.panel span.deleter:hover, #proposal div.block.personalcontact div.panel img:hover + span.deleter { display: block; } #proposal div.block.personalcontact div.panel h4, #proposal div.block.personalcontact div.panel p.post, #proposal div.block.personalcontact div.panel p.address { position: absolute; width: 280px; top: 40px; text-align: left; left: -webkit-calc(50% - 300px); left: calc(50% - 300px); right: auto; margin: 0 0 0 -320px; padding: 0; display: block;} #proposal div.block.personalcontact div.panel h4 { font-family: 'Roboto Slab', serif; font-size: 40px; text-transform: none; line-height: 37px; color: #0a0a0a; background: transparent;} #proposal div.block.personalcontact div.panel p.post { top: 120px; background: #d9dada; display: inline; width: auto; padding: 5px 10px; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; font-size: 16px; font-weight: bold;} #proposal div.block.personalcontact div.panel p.address { top: 160px; } #proposal div.block.personalcontact p.phone, #proposal div.block.personalcontact p.email, #proposal div.block.personalcontact p.web, #proposal div.block.personalcontact p.twitter, #proposal div.block.personalcontact p.facebook { width: 520px; position: relative; text-align: left; margin: 5px 40px; } #proposal div.block.personalcontact p a.ce { margin: 0 0 0 35px; padding: 0 5px; display: block; text-decoration: none; white-space: nowrap; overflow: hidden; cursor: pointer; } #proposal div.block.personalcontact p a.ce:hover { color: #73aec9; } #proposal div.block.personalcontact p.phone:before, #proposal div.block.personalcontact p.email:before, #proposal div.block.personalcontact p.web:before, #proposal div.block.personalcontact p.twitter:before, #proposal div.block.personalcontact p.facebook:before { /*content: "\E806";*/ content: "\0E80"; display: block; position: absolute; width: 24px; height: 24px; font-family: gallery; font-size: 24px; color: #d9dada; } #proposal div.block.personalcontact p.phone:before { content: "\E801"; } #proposal div.block.personalcontact p.web:before { content: "\E807"; } #proposal div.block.personalcontact p.twitter:before { content: "\E802"; } #proposal div.block.personalcontact p.facebook:before { content: "\E803"; } #proposal div.block.personalcontact div.part { position: relative; display: block; left: 50%; right: auto; margin: 0 0 0 -600px; padding: 40px 0; width: 600px; border-right: 600px solid #ffffff; min-height: 220px; background: #f0f2f2; } #proposal div.block.personalcontact div.part2 { position: absolute; top: 40px; margin: 0; border: 0; padding: 40px 0; width: 600px; background: transparent; } #proposal div.block.personalcontact div.part p, #proposal div.block.personalcontact div.part a { color: #0a0a0a; } #proposal div.block.personalcontact div.part1 img { position: relative; display: block; z-index: 1; padding: 0 0 0 200px; overflow: hidden; width: 0; height: 200px; margin: 0 40px 20px 40px; float:left; background-color: #ffffff; background-size: cover !important; background-repeat: no-repeat !important; background-position: 50% 50% !important; } #proposal div.block.personalcontact div.part1 span.deleter { top: 50px; left: 50px; } #proposal div.block.personalcontact div.part1 span.deleter:hover, #proposal div.block.personalcontact div.part1 img:hover + span.deleter { display: block; } #proposal div.block.personalcontact div.part1 h4, #proposal div.block.personalcontact div.part1 p.post, #proposal div.block.personalcontact div.part1 p.address { position: relative; text-align: left; margin: 0 40px 20px 40px; padding: 0; display: block;} #proposal div.block.personalcontact div.part1 h4 { margin-left: 280px; font-family: 'Roboto Slab', serif; font-size: 40px; text-transform: none; line-height: 37px; color: #0a0a0a; background: transparent;} #proposal div.block.personalcontact div.part1 p.post { background: #d9dada; display: inline; width: auto; padding: 5px 10px; margin: 20px 0; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; font-size: 16px; font-weight: bold;} #proposal div.block.personalcontact div.part1 p.address { margin: 20px 40px 0 40px; } /* color 1 */ #proposal div.block.personalcontact.color_scheme_1 { background: #f0f2f2; color: #0a0a0a; } #proposal div.block.personalcontact.color_scheme_1 div.panel { background: #e4e6e6; border-color: #ffffff; } #proposal div.block.personalcontact.color_scheme_1 div.part1 { background: #ffffff; border-color: #e4e6e6; } #proposal div.block.personalcontact.color_scheme_1 p.phone:before, #proposal div.block.personalcontact.color_scheme_1 p.email:before, #proposal div.block.personalcontact.color_scheme_1 p.web:before, #proposal div.block.personalcontact.color_scheme_1 p.twitter:before, #proposal div.block.personalcontact.color_scheme_1 p.facebook:before { color: #c2c3c3; } #proposal div.block.personalcontact.color_scheme_1 p.post { background: #e4e6e6; } /* color 2 */ #proposal div.block.personalcontact.color_scheme_2 { background: #dec418; color: #ffffff; } #proposal div.block.personalcontact.color_scheme_2 div.panel { background: #73aec9; border-color: #ffffff; } #proposal div.block.personalcontact.color_scheme_2 div.part1 { background: #ffffff; border-color: #73aec9; } #proposal div.block.personalcontact.color_scheme_2 div.panel p, #proposal div.block.personalcontact.color_scheme_2 div.panel a, #proposal div.block.personalcontact.color_scheme_2 div.part p, #proposal div.block.personalcontact.color_scheme_2 div.part a { color: #ffffff; } #proposal div.block.personalcontact.color_scheme_2 div.panel p a.ce:hover, #proposal div.block.personalcontact.color_scheme_2 div.part p a.ce:hover { color: #d9dada; } #proposal div.block.personalcontact.color_scheme_2 p.phone:before, #proposal div.block.personalcontact.color_scheme_2 p.email:before, #proposal div.block.personalcontact.color_scheme_2 p.web:before, #proposal div.block.personalcontact.color_scheme_2 p.twitter:before, #proposal div.block.personalcontact.color_scheme_2 p.facebook:before { color: #8fbed3; } #proposal div.block.personalcontact.color_scheme_2 div.panel h4, #proposal div.block.personalcontact.color_scheme_2 div.panel p.post, #proposal div.block.personalcontact.color_scheme_2 div.panel p.address, #proposal div.block.personalcontact.color_scheme_2 div.part1 h4, #proposal div.block.personalcontact.color_scheme_2 div.part p.post, #proposal div.block.personalcontact.color_scheme_2 div.part p.address { color: #0a0a0a; } #proposal div.block.personalcontact.color_scheme_2 div.panel p.post, #proposal div.block.personalcontact.color_scheme_2 div.part p.post { background: #e4e6e6; } #proposal div.block.personalcontact.edited div.panel img, #proposal div.block.personalcontact.edited div.part1 img { cursor: pointer; } /* --- PERSONALCONTACT - konec --- */ /* --- BUTTONS - zacatek --- */ #proposal div.block.buttons { background: #ffffff; position: relative; padding: 40px 0;} #proposal div.block.buttons h2 { color: #0a0a0a; background: transparent; position: relative; width: 1120px; margin: 20px auto; padding: 0 10px; font-size: 40px; text-align: center; } #proposal div.block.buttons ul { display: block; padding: 10px 0; margin: 0 auto; width: 1120px; text-align: center; font-size: 0px;} #proposal div.block.buttons ul li { position: relative; display: inline-block; box-sizing: border-box; vertical-align: top; margin: 0 0 0 40px; padding: 0; list-style: none; font-size: 16pt; width: 192px; /*width: calc((1120px - 4 * 40px) / 5);*/ } #proposal div.block.buttons ul li:first-child { margin-left: 0; } #proposal div.block.buttons ul li span { font-family: 'Roboto Condensed', sans-serif; } #proposal div.block.buttons ul li span.desc { position: absolute; z-index: 5; top: auto; right: 0; bottom: 100%; /*bottom: calc(100% + 5px);*/ left: 0; padding: 20px 20px 25px 20px; text-align: left; display: none; background: #e4e6e6; line-height: 1.2;/* box-shadow: 0 8px 20px rgba(0,0,0,0.4); */} #proposal div.block.buttons ul li span.desc:before { position: absolute; content: ""; display: block; width: 0; height: 0; margin: 0 -20px; top: 100%; left: 50%; border-style: solid; border-width: 20px 20px 0 20px; border-color: #e4e6e6 transparent transparent transparent; } #proposal div.block.buttons ul li:hover span.desc:not(:empty) { display: block; } #proposal div.block.buttons ul li span.button { display: block; font-size: 30px; text-shadow: 0 1px 0 #ffffff; padding: 20px 5px; margin: 20px auto; color: #0a0a0a; background-color: #ffffff; background: -webkit-linear-gradient(#dec418, #c8b116); background: linear-gradient(#dec418, #c8b116); border: none; border-top: 1px solid #ffffff; border-radius: 5px; box-shadow: 0 1px 0 rgba(10, 10, 10, 0.2), 0 3px 0 rgba(10, 10, 10, 0.2), 0 6px 6px rgba(10, 10, 10, 0.4); cursor: pointer; } #proposal div.block.buttons ul li span.button:active { box-shadow: 0 1px 0 rgba(10, 10, 10, 0.3), 0 1px 0 rgba(10, 10, 10, 0.3), 0 3px 3px rgba(10, 10, 10, 0.6); -webkit-transform: translateY(2px); transform: translateY(2px); } #proposal div.block.buttons:not(.edited) ul li span.button:hover { background-color: #dec418; background: -webkit-linear-gradient(#dec418, #b39e15); background: linear-gradient(#dec418, #b39e15); } #proposal div.block.buttons ul li span.thx { display: none; line-height: 1.2; } #proposal div.block.buttons ul li span.thx.show:not(:empty) { position: fixed; display: block; width: 500px; top: 50%; left: 50%; bottom: auto; right: auto; padding: 20px; margin-left: -250px; margin-top: -100px; text-align: center; border: 5px solid #dec418; border-radius: 10px; background: white; box-shadow: 10px 10px 20px rgba(0,0,0,0.3); z-index: 5; font-size: 150%; } #proposal div.block.buttons.edited ul li { background: transparent; line-height: 100%;} #proposal div.block.buttons.edited ul li * { outline: none; position: relative;} #proposal div.block.buttons.edited h2 { margin-bottom: 200px; } #proposal div.block.buttons.edited ul li span.desc { display: block; background: #fff !important; color: #333 !important; } #proposal div.block.buttons.edited ul li span.desc:before { border-color: #fff transparent transparent transparent !important; } #proposal div.block.buttons.edited ul li span.thx { display: block; padding: 20px; margin-top: 35px; text-align: left; border: none; background: #fff; color: #333; } #proposal div.block.buttons.edited ul li span.desc:not(:empty):after, #proposal div.block.buttons.edited ul li span.thx:not(:empty):before { content: attr(placeholder); display: block; position: relative; height: 35px; float: left; margin: -40px 0 0 -20px; font-size: 14px; opacity: 0.7; color: #ffffff; text-shadow: 1px 1px 0 #0a0a0a; } #proposal div.block.buttons.edited ul li span.desc:not(:empty):after { position: absolute; top: -20px; left: 0; margin: 0;} /*- definice sirek -*/ #proposal div.block.buttons ul.v1 li { width: 1120px; /*width: calc(1119px / 1);*/ } #proposal div.block.buttons ul.v2 li { width: 540px; /*width: calc((1119px - 1 * 40px) / 2);*/ } #proposal div.block.buttons ul.v3 li { width: 346px; /*width: calc((1119px - 2 * 40px) / 3);*/ } #proposal div.block.buttons ul.v4 li { width: 250px; /*width: calc((1119px - 3 * 40px) / 4);*/ } /*- druha barevna verze definice barev podkladu a textu u referenci -*/ #proposal div.block.buttons.color_scheme_1 { background: #f0f2f2; } #proposal div.block.buttons.color_scheme_1 ul li span.desc {background: #ffffff; } #proposal div.block.buttons.color_scheme_1 ul li span.desc:before { border-color: #ffffff transparent transparent transparent; } /*- treti barevna verze definice barev podkladu a textu u referenci -*/ #proposal div.block.buttons.color_scheme_2 { background: #73aec9; color: #0a0a0a; } #proposal div.block.buttons.color_scheme_2 h2 { color: #ffffff; } #proposal div.block.buttons.color_scheme_2 ul li span.desc {background: #e4e6e6; } #proposal div.block.buttons.color_scheme_2 ul li span.desc:before { border-color: #e4e6e6 transparent transparent transparent; } /* --- BUTTONS - konec --- */ /* --- VIDEO - zacatek --- */ #proposal div.block.video { padding: 40px 0; } #proposal div.block.video div.video { display: block; width: 1200px; height: 675px; margin: 0 auto; padding: 0; border: none; background: #0a0a0a; } #proposal div.block.video h2 { color: #0a0a0a; position: relative; width: 1120px; margin: 0 auto 20px auto; padding: 0 40px; text-align: center; } #proposal div.block.video p , #proposal div.block.video div.body { width: 1120px; margin: 20px auto; padding: 0 40px; text-align: center; } #proposal div.block.video.edited input[name=video_url].service { display: block; position: relative; width: 1120px; height: 24px; margin: 20px auto; padding: 0 40px; text-align: center; font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 20px;} /* --- VIDEO - konec --- */ /* --- REG_FORM - zacatek --- */ #proposal div.block.reg_form { padding: 60px 0 40px 0; } #proposal div.block.reg_form h2, #proposal div.block.reg_form>p, #proposal div.block.reg_form>div { position: relative; width: 920px; margin: 0 auto 20px auto; padding: 0; text-align: left; } #proposal div.block.reg_form h2 { text-align: center; font-size: 200%; } #proposal div.block.reg_form>* { padding: 10px 140px; width: 920px; } #proposal div.block.reg_form form p { margin: 10px 0; } #proposal div.block.reg_form form>p>input[type=text], #proposal div.block.reg_form form>p>input[type=email] { display: inline-block; width: 690px; border: 1px solid #c2c3c3; border-radius: 4px; padding: 10px; line-height: 20px; height: 20px; font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 20px; } #proposal div.block.reg_form form>p:not(.service)>label>span { display: inline-block; width: 180px; margin-right: 20px; font-family: 'Roboto Condensed', sans-serif; font-size: 20px; font-weight: bold; text-align: center; text-transform: uppercase; background: #dec418; } #proposal:not(.edit-mode) div.block.reg_form form>p>input:invalid { background: #f99; } /* - nastylovani prepinace "multiply" - */ #proposal div.block.reg_form form p.service { display: none; font-style: italic; background: #f0f2f2; padding: 5px 0; margin: 30px 0 0 0; text-align: center; } #proposal div.block.reg_form.edited form p.service { display: block; } #proposal div.block.reg_form form p.service input[type=checkbox] { z-index: -1; position: absolute; left: -500px; } #proposal div.block.reg_form form p.service input[type=checkbox] + label { cursor: pointer; } #proposal div.block.reg_form form p.service input[type=checkbox] + label i { font-size: 16px; text-align: right; font-style: normal; display: inline-block; position: relative; left: 0; top: 0; width: 40px; height: 25px; margin: 0; padding: 1px 5px 0 6px; background: #ffffff; border: 1px solid #999; border-radius: 25px; box-shadow: inset 1px 1px 3px rgba(0,0,0,0.2); } #proposal div.block.reg_form form p.service input[type=checkbox] + label i:before { display: inline; content: "O"; font-family: gallery, Arial, sans-serif; font-size: 18px; line-height: 25px; color: #333; text-shadow: 1px 1px 3px rgba(0,0,0,0.2); } #proposal div.block.reg_form form p.service input[type=checkbox]:checked + label i { text-align: left; } #proposal div.block.reg_form form p.service input[type=checkbox]:focus + label i { box-shadow: 0 0 4px 2px #8adaf6; } /* - nastylovani fieldsetu - */ #proposal div.block.reg_form form fieldset { margin: 20px 0 0 0; border: none; padding: 0; } #proposal div.block.reg_form form fieldset input { margin: 0 20px 0 200px; } /* - nastylovani checkboxu optionu - */ #proposal div.block.reg_form form fieldset input[type=checkbox] { z-index: -1; position: absolute; left: -100px; } #proposal div.block.reg_form form fieldset input[type=checkbox] + label span { cursor: text; display: inline-block; vertical-align: top; width: 100%; } #proposal div.block.reg_form form fieldset input[type=checkbox] + label { padding-left: 40px; position: relative; cursor: pointer; display: block; } #proposal div.block.reg_form form fieldset input[type=checkbox] + label:before { content: ""; font-family: gallery, Arial, sans-serif; font-size: 30px; line-height: 15px; display: inline-block; position: absolute; left: 0; top: 3px; width: 20px; height: 20px; margin: 0; background: #ffffff; border: 1px solid #999; border-radius: 3px; color: #333; box-shadow: inset 1px 1px 3px rgba(0,0,0,0.2); } #proposal div.block.reg_form form fieldset input[type=checkbox]:checked + label:before { content: "v"; background: #eee; } /* - nastylovani radiobuttonu optionu - */ #proposal div.block.reg_form form fieldset input[type=radio] { z-index: -1; position: absolute; left: -100px; } #proposal div.block.reg_form form fieldset input[type=radio] + label span { cursor: text; display: inline-block; vertical-align: top; width: 100%; } #proposal div.block.reg_form form fieldset input[type=radio] + label { padding-left: 40px; position: relative; cursor: pointer; display: block; } #proposal div.block.reg_form form fieldset input[type=radio] + label:before { content: ""; font-family: gallery, Arial, sans-serif; font-size: 18px; line-height: 25px; display: inline-block; position: absolute; left: 0; top: 3px; width: 25px; height: 25px; margin: 0; text-align: center; background: #ffffff; padding: 1px 0 0 1px; border: 1px solid #999; border-radius: 50%; color: #333; box-shadow: inset 1px 1px 3px rgba(0,0,0,0.2); text-shadow: 1px 1px 3px rgba(0,0,0,0.2); } #proposal div.block.reg_form form fieldset input[type=radio]:checked + label:before { content: "O"; background: #eee; } #proposal div.block.reg_form form fieldset input[type=checkbox]:focus + label:before, #proposal div.block.reg_form form fieldset input[type=radio]:focus + label:before { box-shadow: 0 0 4px 1px #07f; } /* - nastylovani odesilaciho tlacitka - */ #proposal div.block.reg_form form>p:last-child { text-align: center; } #proposal div.block.reg_form form button { margin: 10px; padding: 15px 35px; background: #dec418; border-radius: 4px; background-color: #ffffff; background: -webkit-linear-gradient(#dec418, #c8b116); background: linear-gradient(#dec418, #c8b116); border: none; border-top: 1px solid #ffffff; border-radius: 5px; box-shadow: 0 1px 0 rgba(10, 10, 10, 0.2), 0 3px 0 rgba(10, 10, 10, 0.2), 0 6px 6px rgba(10, 10, 10, 0.4); cursor: pointer; } #proposal div.block.reg_form form button:active { box-shadow: 0 1px 0 rgba(10, 10, 10, 0.3), 0 1px 0 rgba(10, 10, 10, 0.3), 0 3px 3px rgba(10, 10, 10, 0.6); -webkit-transform: translateY(2px); transform: translateY(2px); } #proposal div.block.reg_form form button:hover { background-color: #dec418; background: -webkit-linear-gradient(#dec418, #b39e15); background: linear-gradient(#dec418, #b39e15); } #proposal div.block.reg_form form button span { display: inline-block; margin: 0; padding: 5px; font-size: 30px; height: 30px; line-height: 30px; font-family: 'Roboto Condensed', sans-serif; text-shadow: 0 1px 0 #ffffff; } #proposal div.block.reg_form form label>span, #proposal div.block.reg_form form button span { cursor: pointer !important; } #proposal.edit-mode div.block.reg_form form label>span, #proposal.edit-mode div.block.reg_form form button span, #proposal.edit-mode div.block.reg_form form button:hover { cursor: text !important; } /* - nastylovani thank-you textu - */ #proposal div.block.reg_form>div.thx { display: none; } #proposal div.block.reg_form>div.thx.show { position: fixed; display: block; width: 500px; top: 50%; left: 50%; bottom: auto; right: auto; padding: 20px; margin-left: -250px; margin-top: -100px; text-align: center; border: 5px solid #dec418; border-radius: 10px; background: white; box-shadow: 0 0 0 1000px rgba(0,0,0,0.3); z-index: 5; font-size: 150%; } #proposal.edit-mode div.block.reg_form.edited>div.thx { position: relative; display: block; margin-top: 20px; background: #ffffff; padding: 10px; border-radius: 4px; } #proposal.edit-mode div.block.reg_form.edited>div.thx:before { position: relative; display: block; content: attr(placeholder); top: -1.8em; color: #b39e15; font-style: italic; font-size: 12px; line-height: 0.1; height: 0; } /* - barevne variace - */ #proposal div.block.reg_form.color_scheme_1 { background: #f0f2f2; } #proposal div.block.reg_form.color_scheme_1 form p.service { background: #ffffff; } #proposal div.block.reg_form.color_scheme_2 { background: #dec418; } #proposal div.block.reg_form.color_scheme_2 h2, #proposal div.block.reg_form.color_scheme_2 p, #proposal div.block.reg_form.color_scheme_2 div { color: #0a0a0a; } #proposal div.block.reg_form.color_scheme_2 form>p:not(.service)>label>span { background: #f0f2f2; } #proposal div.block.reg_form.color_scheme_2 form button { background: -webkit-linear-gradient(#f0f2f2, #d9dada); background: linear-gradient(#f0f2f2, #d9dada); } #proposal div.block.reg_form.color_scheme_2 form button:hover { background-color: #f0f2f2; background: -webkit-linear-gradient(#f0f2f2, #c2c3c3); background: linear-gradient(#f0f2f2, #c2c3c3); } /* --- REG_FORM - konec --- */ /* --- CONTACT_FORM - zacatek --- */ #proposal div.block.contact_form { padding: 60px 0 40px 0; } #proposal div.block.contact_form h2, #proposal div.block.contact_form>p, #proposal div.block.contact_form>div { position: relative; width: 920px; margin: 0 auto 20px auto; padding: 0; text-align: left; } #proposal div.block.contact_form h2 { text-align: center; font-size: 200%; } #proposal div.block.contact_form>* { padding: 10px 140px; width: 920px; } #proposal div.block.contact_form form p { margin: 10px 0; } #proposal div.block.contact_form form>p>input[type=text], #proposal div.block.contact_form form>p>input[type=email], #proposal div.block.contact_form form>p>textarea { display: inline-block; width: 690px; border: 1px solid #c2c3c3; border-radius: 4px; padding: 10px; line-height: 20px; height: 20px; font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 20px; } #proposal div.block.contact_form form>p>textarea { min-height: 300px; } #proposal div.block.contact_form form>p>label[for^=message] { float: left; } #proposal div.block.contact_form form>p>label>span { display: inline-block; width: 180px; margin-right: 20px; font-family: 'Roboto Condensed', sans-serif; font-size: 20px; font-weight: bold; text-align: center; text-transform: uppercase; background: #dec418; } #proposal:not(.edit-mode) div.block.contact_form form>p>input:invalid { background: #f99; } /* - nastylovani odesilaciho tlacitka - */ #proposal div.block.contact_form form>p:last-child { text-align: center; } #proposal div.block.contact_form form button[type=submit] { margin: 10px; padding: 15px 35px; background: #dec418; border-radius: 4px; background-color: #ffffff; background: -webkit-linear-gradient(#dec418, #c8b116); background: linear-gradient(#dec418, #c8b116); border: none; border-top: 1px solid #ffffff; border-radius: 5px; box-shadow: 0 1px 0 rgba(10, 10, 10, 0.2), 0 3px 0 rgba(10, 10, 10, 0.2), 0 6px 6px rgba(10, 10, 10, 0.4); cursor: pointer; } #proposal div.block.contact_form form button[type=submit] span { display: inline-block; margin: 0; padding: 5px; font-size: 30px; height: 30px; line-height: 30px; font-family: 'Roboto Condensed', sans-serif; text-shadow: 0 1px 0 #ffffff; } #proposal div.block.contact_form form button[type=submit]:active { box-shadow: 0 1px 0 rgba(10, 10, 10, 0.3), 0 1px 0 rgba(10, 10, 10, 0.3), 0 3px 3px rgba(10, 10, 10, 0.6); -webkit-transform: translateY(2px); transform: translateY(2px); } #proposal div.block.contact_form form button[type=submit]:hover { background-color: #dec418; background: -webkit-linear-gradient(#dec418, #b39e15); background: linear-gradient(#dec418, #b39e15); } #proposal div.block.contact_form form label>span, #proposal div.block.contact_form form button>span { cursor: pointer !important; } #proposal.edit-mode div.block.contact_form form label>span, #proposal.edit-mode div.block.contact_form form button>span { cursor: text !important; } /* - nastylovani thank-you textu - */ #proposal div.block.contact_form>div.thx { display: none; } #proposal div.block.contact_form>div.thx.show { position: fixed; display: block; width: 500px; top: 50%; left: 50%; bottom: auto; right: auto; padding: 20px; margin-left: -250px; margin-top: -100px; text-align: center; border: 5px solid #dec418; border-radius: 10px; background: white; box-shadow: 0 0 0 1000px rgba(0,0,0,0.3); z-index: 5; font-size: 150%; } #proposal.edit-mode div.block.contact_form.edited>div.thx { position: relative; display: block; margin-top: 20px; background: #ffffff; padding: 10px; border-radius: 4px; } #proposal.edit-mode div.block.contact_form.edited>div.thx:before { position: relative; display: block; content: attr(placeholder); top: -1.8em; color: #b39e15; font-style: italic; font-size: 12px; line-height: 0.1; height: 0; } /* - barevne variace - */ #proposal div.block.contact_form.color_scheme_1 { background: #f0f2f2; } #proposal div.block.contact_form.color_scheme_2 { background: #dec418; } #proposal div.block.contact_form.color_scheme_2 h2, #proposal div.block.contact_form.color_scheme_2 p, #proposal div.block.contact_form.color_scheme_2 div { color: #0a0a0a; } #proposal div.block.contact_form.color_scheme_2 form>p:not(.service)>label>span { background: #f0f2f2; } #proposal div.block.contact_form.color_scheme_2 form button[type=submit] { background: -webkit-linear-gradient(#f0f2f2, #d9dada); background: linear-gradient(#f0f2f2, #d9dada); } #proposal div.block.contact_form.color_scheme_2 form button[type=submit]:hover { background-color: #f0f2f2; background: -webkit-linear-gradient(#f0f2f2, #c2c3c3); background: linear-gradient(#f0f2f2, #c2c3c3); } /* --- CONTACT_FORM - konec --- */ /* --- UL-LI v textu - zacatek --- */ #proposal div.block div.body ul, #proposal div.block ul li div.description ul, #proposal div.block.testimonial ul li div.cite ul { margin: 1em 0; padding: 0; display: block; position: relative; } #proposal div.block div.body ul li, #proposal div.block ul li div.description ul li, #proposal div.block.testimonial ul li div.cite ul li { list-style-type: none; display: block; position: relative; margin: 0.5em 0; padding: 0 0 0 1.5em; text-align: left; background: transparent; border: none;} #proposal div.block div.body ul li:before, #proposal div.block ul li div.description ul li:before, #proposal div.block.testimonial ul li div.cite ul li:before { content: "\E831"; display: inline-block; margin: 0 0 0 -1.5em; width: 1.5em; color: #dec418; font-family: gallery, "Source Sans Pro", sans-serif; font-size: 80%;} #proposal div.block.color_scheme_2 div.body ul li:before, #proposal div.block.color_scheme_2.testimonial ul li div.cite ul li:before { color: #ffffff; } #proposal div.block.text_image div.body ul li:before { color: #ffffff; } #proposal div.block.text_image.color_scheme_1 div.body ul li:before, #proposal div.block.text_image.color_scheme_2 div.body ul li:before { color: #dec418; } /* --- UL-LI v textu - konec --- */ #system-menu { display: none; } @media print { body { background: transparent; } } /* --- timer --- START TIME = 1750839376.305016 0.000024 (+0.000024) - START 0.006719 (+0.006695) - STOP - report STOP TIME = 1750839376.311722 */