@font-face { font-family: Blogger-sans; src: url("../fonts/Blogger_Sans.otf") format("opentype"); } @font-face { font-family: Blogger-sans-bold; src: url("../fonts/Blogger_Sans-Bold.otf") format("opentype"); } @font-face { font-family: Blogger-sans-semibold; src: url("../fonts/Blogger_Sans-Medium.otf") format("opentype"); } body { font-family: 'Open Sans', sans-serif; margin:0px; font-size:10pt; padding:0px; color:#484848; } input, select, input[type="text"], textarea { font-family: 'Open Sans', sans-serif; } a { text-decoration: none; font-family: 'Open Sans', sans-serif; color:#484848; -webkit-tap-highlight-color:none; -moz-tap-highlight-color:transparent; } a:hover { text-decoration: none; } h1, h2, h3 { padding:0px; margin:0px; } img { border:0px; } input, select { -webkit-appearance: none; font-family: 'Open Sans', sans-serif; color:#2D2D2D; } p { padding:0px; margin:0px; } input[type="radio"], input[type="checkbox"] { display:none; } input[type="radio"] + label, input[type="checkbox"] + label { display:block; } input[type="radio"] + label span { display:inline-block; width:30px; height:19px; margin:-1px 4px 0 0; vertical-align:middle; background:url('../img/design/btn-radio.png') no-repeat; cursor:pointer; float:left; margin-top:3px; } input[type="radio"]:checked + label span { background:url('../img/design/btn-radio-check.png') no-repeat; } input[type="checkbox"] + label span { display:inline-block; width:30px; height:23px; margin:-3px 4px 0 0; vertical-align:middle; background:url('../img/design/btn-chck.png') no-repeat; cursor:pointer; } input[type="checkbox"]:checked + label span { background:url('../img/design/btn-chck-check.png') no-repeat; } #tH { border-bottom:1px solid #e5e5e5; width:100%; overflow:hidden; height:37px; font-size:13px; color:#666666; } #tH .c { max-width:1160px; margin:auto; width:auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left:20px; padding-right:20px; } #tH .c .i { width:33.33%; float:left; padding-top:10px; } @media (max-width: 570px) { body #tH .c .i { width:50%; }} @media (max-width: 370px) { body #tH .c .i.l { display:none; }} #tH .c .i span { color:#f28b00; } #tH .c .i.r { text-align:right; } @media (max-width: 570px) { body #tH .c .i.r { display:none; }} #tH .c .i.m { text-align:center; } @media (max-width: 570px) { body #tH .c .i.m { float:right; }} @media (max-width: 370px) { body #tH .c .i.m { width:100%; float:left; text-align:left; }} #h { width:100%; overflow:hidden; } #h .c { max-width:1160px; margin:auto; width:auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left:20px; padding-right:20px; padding-top:20px; } #h .lg { float:left; padding-top:0px; } @media (max-width: 690px) { #h .lg { width:250px; padding-top:5px; } } @media (max-width: 430px) { #h .lg { width:220px; padding-top:8px; } } @media (max-width: 350px) { #h .lg { width:200px; padding-top:8px; } } #h .srch { float:left; border:2px solid #e5e5e5; border-radius:20px; margin-left:90px; margin-top:10px; } @media (max-width: 1048px) { body #h .srch { margin-left:40px; }} @media (max-width: 640px) { body #h .srch { display:none; }} #h .srchmob { display:none; float:right; position:relative; } @media (max-width: 640px) { body #h .srchmob { display:block; }} #h .srchmob input[type="submit"] { background-image:url('../img/design/srch-ico.png'); border:2px solid #e5e5e5; background-color:#e5e5e5; border-radius:30px; height:51px; width:51px; background-repeat:no-repeat; background-position:8px 10px; margin-top:10px; margin-right:10px; z-index:10; position:relative; } @media (max-width: 430px) { body #h .srchmob input[type="submit"] { height:40px; width:40px; background-position:4px 7px; }} @media (max-width: 380px) { body #h .srchmob input[type="submit"] { margin-right:5px; }} #h .srchmob input[type="text"] { position:absolute; width:100%; padding:5px 20px; padding-bottom:4px; border:2px solid #e5e5e5; width:200px; left:-200px; height:38px; top:10px; border-radius:30px; z-index:1; display:none; } @media (max-width: 430px) { body #h .srchmob input[type="text"] { padding:2px 20px; width:180px; left:-190px; height:32px; }} @media (max-width: 330px) { body #h .srchmob input[type="text"] { width:150px; left:-160px; height:32px; }} #h .srch input[type="text"] { color:#898989; border:0px; margin-left:20px; margin-right:20px; width:300px; } @media (max-width: 900px) { body #h .srch input[type="text"] { width:250px; }} @media (max-width: 850px) { body #h .srch input[type="text"] { width:200px; }} @media (max-width: 800px) { body #h .srch input[type="text"] { width:150px; }} @media (max-width: 740px) { body #h .srch input[type="text"] { width:100px; }} #h .srch input[type="text"].a { color:#333; } #h .srch input[type="submit"] { background-image:url('../img/design/srch-ico.png'); background-color:#e5e5e5; border-radius:17px; border:0px; height:46px; width:80px; background-repeat:no-repeat; background-position:26px 12px; } #h .bas { float:right; width:120px; padding-top:10px; } @media (max-width: 970px) { body #h .bas { width:60px; }} @media (max-width: 430px) { body #h .bas { width:50px; }} @media (max-width: 380px) { body #h .bas { width:40px; }} #h .bas .ico { border:2px solid #e5e5e5; border-radius:30px; background-image:url('../img/design/bas-ico.png'); background-position:10px 12px; background-repeat:no-repeat; height:47px; width:47px; float:left; } @media (max-width: 430px) { body #h .bas .ico { height:36px; width:36px; background-position:4px 7px; }} #h .bas .ico .cnt { position:relative; top:-5px; color:#fff; border-radius:10px; height:20px; width:20px; background-color:#f28b00; left:36px; text-align:center; } @media (max-width: 430px) { body #h .bas .ico .cnt { left:30px; }} #h .bas .pr { float:right; font-size:16px; font-weight:600; padding-top:14px; } @media (max-width: 970px) { body #h .bas .pr { display:none; }} #tM { background-color:#244b85; width:100%; height:55px; margin-top:30px; float:left; position:relative; } #tM .c { max-width:1160px; margin:auto; width:auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left:20px; padding-right:20px; } #tM .cT { position:relative; top:-10px; color:#fefefe; background-color:#484848; border-radius:10px 10px 0px 0px; float:left; width:180px; height:40px; text-transform:uppercase; padding-top:25px; font-size:16px; font-weight:600; padding-left:70px; background-image:url('../img/design/cat-ico.png'); background-position:27px 28px; background-repeat:no-repeat; cursor:pointer; } #tM .i { float:left; color:#fff; border-left:1px solid #fec579; padding-right:20px; padding-left:20px; margin-top:18px; font-size:14px; } @media (max-width: 500px) { body #tM .i { display:none; }} #tM .i.f { border-left:0px; padding-left:70px; } @media (max-width: 790px) { body #tM .i.f { display:none; }} @media (max-width: 790px) { body #tM .i.f2 { border-left:0px; padding-left:50px; }} @media (max-width: 680px) { body #tM .i.f2 { display:none; }} @media (max-width: 680px) { body #tM .i.f3 { border-left:0px; padding-left:50px; }} @media (max-width: 590px) { body #tM .i.f4 { border-left:0px; padding-left:50px; }} @media (max-width: 590px) { body #tM .i.f3 { display:none; }} #tM .sM { display:block; position:absolute; background-color:#fff; border:1px solid #484848; border-top:0px; top:55px; border-radius:0px 0px 10px 10px; width:248px; display:none; padding-bottom:2px; z-index:10000; } #tM .sM .ii.a { display:block; } #tM .sM .ii { padding-top:15px; padding-left:25px; padding-bottom:15px; border-bottom:1px solid #e5e5e5; position:relative; } #tM .sM .ii.l { border-bottom:0px; border-radius:10px; } #tM .sM .iii { font-weight:normal; } #tM .sM .iiii { font-weight:normal; } #tM ul { list-style-type: none; padding:0px; margin:0px; } #tM li:hover a { font-weight:bold; } #tM li:hover .ssM { display:block; } #tM .ssM { display:none; position:absolute; left:245px; top:0px; width:200px; background-color:#fff; border-radius:10px; box-shadow:0px 2px 3px 0px rgba(0,0,0,0.3); padding:20px; line-height:27px; } #tM .sssM { display:none; position:absolute; left:200px; top:-20px; width:200px; background-color:#fff; border-radius:10px; box-shadow:0px 2px 3px 0px rgba(0,0,0,0.3); padding:20px; line-height:27px; overflow:hidden; } #tM li .hov { position:relative; z-index:1; } #tM li .hov:hover .sssM { display:block; z-index:10; } #tM li .hov:hover a .iii { font-weight:bold; } #tM .sssM a:hover .iiii { font-weight:bold; } #mP { width:100%; overflow:hidden; } #mP .sec1 { background-color:#f5f5f5; } #mP .sec1 .c { max-width:1160px; margin:auto; width:auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left:20px; padding-right:20px; overflow:hidden; } @media (max-width: 580px) { body #mP .sec1 .c { padding-left:10px; padding-right:10px; }} #mP .sec1 .ban { padding-top:35px; padding-bottom:55px; } @media (max-width: 580px) { body #mP .sec1 .ban { padding-top:10px; padding-bottom:10px; }} #mP .sec2 { width:100%; background-color:fff; float:left; padding-bottom:65px; } #mP .sec2 .c { max-width:1160px; margin:auto; width:auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left:20px; padding-right:20px; } @media (max-width: 580px) { body #mP .sec2 .c { padding-left:10px; padding-right:10px; }} #mP .sec2 .h { font-family:Blogger-sans-semibold; font-size:22px; border-bottom:1px solid #e5e5e5; padding-top:30px; padding-bottom:15px; } #mP .sec2 .lis { } #mP .sec2 .lis .i { z-index:100; width:25%; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align:center; padding-top:25px; height:420px; display:block; position:relative; background-color:#fff; } @media (max-width: 960px) { body #mP .sec2 .lis .i { height:380px; }} @media (max-width: 880px) { body #mP .sec2 .lis .i { height:340px; }} @media (max-width: 780px) { body #mP .sec2 .lis .i { width:50%; height:480px; }} @media (max-width: 660px) { body #mP .sec2 .lis .i { height:400px; }} @media (max-width: 580px) { body #mP .sec2 .lis .i { height:350px; }} @media (max-width: 420px) { body #mP .sec2 .lis .i { height:330px; }} @media (max-width: 370px) { body #mP .sec2 .lis .i { height:300px; }} @media (max-width: 450px) { body #mP .sec2 .lis .i { padding-left:0px; padding-right:0px; }} #mP .sec2 .lis .i .bor { padding-left:20px; padding-right:20px; border:2px solid #fff; border-radius:10px; background-color:#fff; transition: .5s ease; height:450px; position:relative; overflow:hidden; } @media (max-width: 960px) { body #mP .sec2 .lis .i .bor { height:350px; }} @media (max-width: 780px) { body #mP .sec2 .lis .i .bor { height:450px; }} @media (max-width: 660px) { body #mP .sec2 .lis .i .bor { height:350px; }} @media (max-width: 580px) { body #mP .sec2 .lis .i .bor { height:330px; }} @media (max-width: 450px) { body #mP .sec2 .lis .i .bor { padding-left:5px; padding-right:5px; }} @media (max-width: 550px) { body #mP .sec2 .lis .i .bor { transition:none; }} #mP .sec2 .lis a:hover .i .bor { border:2px solid #e5e5e5; z-index:1000; transition: 1s ease; } @media (max-width: 550px) { body #mP .sec2 .lis a:hover .i .bor { border:0px; transition:none; }} #mP .sec2 .lis a:hover .i { z-index:1000; } #mP .sec2 .lis input[type="submit"] { margin-top: 20px; padding: 15px; padding-left: 20px; border: 0px; border-radius: 25px; background-color: #f92400; color: #fff; width: 230px; cursor: pointer; background-image: url('../img/design/bas-det-ico.png'); background-repeat: no-repeat; background-position: 30px 20px; padding-left: 60px; font-size: 16px; font-weight: bold; display:none; } #mP .sec2 .lis a:hover input[type="submit"] { display:block; } @media (max-width: 550px) { body #mP .sec2 .lis a:hover input[type="submit"] { display:none; }} #mP .sec2 .lis .i .cat { background-image:url('../img/design/cat-i-bck.jpg'); background-repeat:repeat; background-position:0px 36px; } #mP .sec2 .lis .i .cat div { background-color:#fff; overflow:hidden; display:inline-block; padding-left:20px; padding-right:20px; color:#919191; } #mP .sec2 .lis .i .t { color:#484848; line-height:22px; font-size:15px; line-height:22px; padding-top:5px; height:60px; } @media (max-width: 960px) { body #mP .sec2 .lis .i .t { font-size:14px; }} @media (max-width: 540px) { body #mP .sec2 .lis .i .t { font-size:13px; }} #mP .sec2 .lis .i .pr { overflow:hidden; } #mP .sec2 .lis .i .pr.tw { } #mP .sec2 .lis .i .pr .p { font-size:21px; color:#f28b00; font-weight:500; } @media (max-width: 540px) { body #mP .sec2 .lis .i .pr .p { font-size:18px; }} #mP .sec2 .lis .i .pr .op { display:none; font-size:14px; color:#c5c5c5; text-decoration:line-through; } #mP .sec2 .lis .i .pr.tw .p { width:50%; float:left; text-align:right; padding-right:10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #mP .sec2 .lis .i .pr.tw .op { width:50%; float:left; display:block; text-align:left; padding-left:10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-top:5px; } /* Štýly pre popup */ #mikulasska-popup { display: none; position: fixed; top: 50%; left: 10px; transform: translateY(-50%); background-color: #fff; border: 2px solid #ff0000; padding: 15px; border-radius: 10px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); z-index: 1000; font-family: Arial, sans-serif; overflow: hidden; text-align: center; } .mikulas-img { max-width: 80px; height: auto; display: inline-block; vertical-align: middle; margin-right: 10px; } .mikulas-text h3 { color: #cc0000; font-size: 1.5em; margin: 0; } #bestSec { width:100%; background-color:#f5f5f5; overflow:hidden; padding-bottom:50px; } #bestSec .c { max-width:1160px; margin:auto; width:auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left:20px; padding-right:20px; overflow:hidden; padding-top:40px; } @media (max-width: 580px) { body #bestSec .c { padding-left:10px; padding-right:10px; }} #bestSec .col { width:calc(33% - 30px); padding-right:30px; float:left; } @media (max-width: 860px) { body #bestSec .col { width:calc(50% - 30px); }} @media (max-width: 540px) { body #bestSec .col { width:calc(100%); }} @media (max-width: 860px) { body #bestSec .col.nom { display:none; }} @media (max-width: 540px) { body #bestSec .col.l { padding-top:40px; }} #bestSec .h { font-family:Blogger-sans-semibold; font-size:22px; border-bottom: 1px solid #e5e5e5; padding-bottom: 20px; color:#333333;} #bestSec .i { padding-top:30px; overflow:hidden; } #bestSec .im { width:100px; height:100px; background-color:#fff; border-radius:10px; float:left; margin-right:20px; } #bestSec .im img { border-radius:10px; float:left; } #bestSec .t { color:#333333; height:55px; } @media (max-width: 1050px) { body #bestSec .t { height:75px; }} @media (max-width: 540px) { body #bestSec .t { padding-top:10px; height:55px; }} #bestSec .pr { font-size:14px; color:#f28b00; font-weight:bold; } #bestSec .pr .op { display:none; text-decoration:line-through; color:#484848; font-weight:normal; font-size:12px; } #bestSec .pr.tw .op { display:block; } #sec3 { width:100%; background-color:#fff; overflow:hidden; padding-bottom:50px; } #sec3 .c { max-width:1160px; margin:auto; width:auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left:20px; padding-right:20px; overflow:hidden; padding-top:10px; } @media (max-width: 580px) { body #sec3 .c { padding-left:10px; padding-right:10px; }} #sec3 .i { float:left; width:25%; text-align:center; padding-top:30px; } @media (max-width: 540px) { body #sec3 .i { width:50%; }} #sec3 .im { border:2px solid #919191; border-radius:100px; display:inline-block; width:85px; height:85px; } #sec3 .im img { padding-top:23px; } #sec3 .t { font-family: Blogger-sans-semibold; font-size: 18px; padding-top:20px; color: #333333; padding-left:5px; padding-right:5px; } #sec3 .d { font-size: 13px; padding-top:5px; color: #919191; padding-left:5px; padding-right:5px; height:35px; } #sec4 { width:100%; background-color:#fff; overflow:hidden; padding-bottom:50px; border-top:1px solid #e5e5e5; } #sec4 .c { max-width:1160px; margin:auto; width:auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left:20px; padding-right:20px; overflow:hidden; padding-top:40px; } @media (max-width: 580px) { body #sec4 .c { padding-left:10px; padding-right:10px; }} #sec4 .l { float:left; width:28%; } @media (max-width: 890px) { body #sec4 .l { width:33%; }} @media (max-width: 540px) { body #sec4 .l { width:50%; }} #sec4 .m { float:left; width:21%; } @media (max-width: 890px) { body #sec4 .m { width:33%; }} @media (max-width: 540px) { body #sec4 .m { width:50%; padding-top:50px; }} #sec4 .m2 { float:left; width:28%; } @media (max-width: 890px) { body #sec4 .m2 { width:33%; }} @media (max-width: 540px) { body #sec4 .m2 { width:50%; }} #sec4 .r { float:right; text-align:right; } @media (max-width: 890px) { body #sec4 .r { width:100%; text-align:left; padding-top:50px; }} @media (max-width: 540px) { body #sec4 .r { width:50%; }} @media (max-width: 540px) { body #sec4 .r img { width:140px; }} #sec4 .h { font-family:Blogger-sans-semibold; font-size:22px; color:#333333; padding-bottom:20px; } #sec4 .i { padding-top:10px; color:#919191; font-size:13px; } #sec4 .i a { color:#919191; font-size:13px; } #lP { width:100%; overflow:hidden; } #lP .c { max-width:1160px; margin:auto; width:auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left:20px; padding-right:20px; overflow:hidden; } @media (max-width: 580px) { body #lP .c { padding-left:10px; padding-right:10px; }} #lP .catT { padding-top:40px; border-bottom:1px solid #e5e5e5; padding-bottom:20px; overflow:hidden; } #lP .catT h1 { font-family: Blogger-sans-semibold; font-size: 22px; color: #333333; display:inline; } #lP .catT .srt { float:right; width:220px; text-align:right; } @media (max-width: 700px) { body #lP .catT .srt { width:100%; text-align:left; padding-top:20px; padding-bottom:0px; border-top:1px solid #e5e5e5; margin-top:20px; }} #lP .catT .srt .lb { float:left; padding-top:2px; color:#919191; } #lP .catT .srt select { float:left; border:1px solid #e5e5e5; width:120px; margin-left:10px; } #lP .lis { padding-bottom:50px; } #lP .lis, #det .lis { float:left; } @media (max-width: 960px) { body #lP .lis .i, body #det .lis .i { height:380px; }} @media (max-width: 880px) { body #lP .lis .i, body #det .lis .i { height:340px; }} @media (max-width: 780px) { body #lP .lis .i, body #det .lis .i { width:50%; height:450px; }} @media (max-width: 660px) { body #lP .lis .i, body #det .lis .i { height:400px; }} @media (max-width: 580px) { body #lP .lis .i, body #det .lis .i { height:350px; }} @media (max-width: 420px) { body #lP .lis .i, body #det .lis .i { height:300px; }} @media (max-width: 450px) { body #lP .lis .i, body #det .lis .i { padding-left:10px; padding-right:10px; }} #lP .lis .i, #det .lis .i { width:25%; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align:center; padding-top:25px; height:420px; display:block; position:relative; background-color:#fff; } #lP .lis .i .cat, #det .lis .i .cat { background-image:url('../img/design/cat-i-bck.jpg'); background-repeat:repeat; background-position:0px 36px; } #lP .lis .i .cat div, #det .lis .i .cat div { background-color:#fff; overflow:hidden; display:inline-block; padding-left:20px; padding-right:20px; color:#919191; } #lP .lis .i .t, #det .lis .i .t { color:#484848; line-height:22px; font-size:15px; line-height:22px; padding-top:5px; height:60px; } @media (max-width: 960px) { body #lP .lis .i .t, body #det .lis .i .t { font-size:14px; }} @media (max-width: 540px) { body #lP .lis .i .t, body #det .lis .i .t { font-size:13px; }} #lP .lis .i .bor, #det .lis .i .bor { padding-left:20px; padding-right:20px; border:2px solid #fff; border-radius:10px; background-color:#fff; transition: .5s ease; height:450px; position:relative; overflow:hidden; } @media (max-width: 960px) { body #lP .lis .i .bor, #det .lis .i .bor { height:350px; }} @media (max-width: 780px) { body #lP .lis .i .bor, #det .lis .i .bor { height:450px; }} @media (max-width: 660px) { body #lP .lis .i .bor, #det .lis .i .bor { height:350px; }} @media (max-width: 580px) { body #lP .lis .i .bor, #det .lis .i .bor { height:330px; }} @media (max-width: 450px) { body #lP .lis .i .bor, body #det .lis .i .bor { padding-left:5px; padding-right:5px; }} @media (max-width: 550px) { body #lP .lis .i .bor, #det .lis .i .bor { transition:none; overflow:none; height:350px; }} #lP .lis a:hover .i .bor, #det .lis a:hover .i .bor { border:2px solid #e5e5e5; z-index:1000; transition: 1s ease; } @media (max-width: 550px) { body #lP .lis a:hover .i .bor, body #det .lis a:hover .i .bor { border:2px solid #fff; transition:none; }} #lP .lis a:hover .i, #det .lis a:hover .i { z-index:1000; } #lP .lis .i .flag, #mP .i .flag { position:absolute; background-color:#48ba25; color:#fff; top:12px; padding:5px 10px; right:-51px; transform: rotate(45deg); width:140px; } #lP .lis input[type="submit"], #det .lis input[type="submit"] { margin-top: 20px; padding: 15px; padding-left: 20px; border: 0px; border-radius: 25px; background-color: #f92400; color: #fff; width: 230px; cursor: pointer; background-image: url('../img/design/bas-det-ico.png'); background-repeat: no-repeat; background-position: 30px 20px; padding-left: 60px; font-size: 16px; font-weight: bold; display:none; } #lP .lis a:hover input[type="submit"], #det .lis a:hover input[type="submit"] { display:block; } @media (max-width: 550px) { body #lP .lis a:hover input[type="submit"], body #det .lis a:hover input[type="submit"] { display:none; }} #lP .lis .i .pr, #det .lis .i .pr { overflow:hidden; } #lP .lis .i .pr.tw, #det .lis .pr.tw { } #lP .lis .i .pr .p, #det .lis .i .pr .p { font-size:21px; color:#f28b00; font-weight:500; } @media (max-width: 540px) { body #lP .lis .i .pr .p, body #det .lis .i .pr .p { font-size:18px; }} #lP .lis .i .pr .op, #det .lis .pr .op { display:none; font-size:14px; color:#c5c5c5; text-decoration:line-through; } #lP .lis .i .pr.tw .p, #det .lis .pr.tw .p { width:50%; float:left; text-align:right; padding-right:10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media (max-width: 540px) { body #lP .lis .i .pr .p, body #det .lis .pr .p { font-size:18px; }} #lP .lis .i .pr.tw .op, #det .lis .pr.tw .op { width:50%; float:left; display:block; text-align:left; padding-left:10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-top:5px; } #lP .lis .noPro { font-size: 18px; color: #f28b00; font-weight: bold; padding-top:100px; padding-bottom:100px; } #det { width:100%; overflow:hidden; } #det .c { max-width:1160px; margin:auto; width:auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left:20px; padding-right:20px; overflow:hidden; } @media (max-width: 580px) { body #det .c { padding-left:10px; padding-right:10px; }} #det .nav, #lP .nav { border-bottom:1px solid #e5e5e5; font-weight:600; height:37px; padding-top:18px; } @media (max-width: 890px) { body #det .nav, body #lP .nav { display:none; }} #det .nav a, #lP .nav a { color:#333; font-size:13px; font-weight:400; } #det .nav img, #lP .nav img { padding-left:15px; padding-right:15px; } #det .l-s { width:calc(50% - 10px); float:left; margin-top:50px; } @media (max-width: 680px) { body #det .l-s { width:100%; margin-top:10px; }} #det .l-s .gal { padding-top:20px; } #det .l-s .gal .i { float:left; border:3px solid #e5e5e5; border-radius:10px; margin-left:25px; width:calc(20%-25px); position:relative; margin-bottom:25px; } #det .l-s .gal .i img { border-radius:7px; display:block; width:100px; height:100px; } #det .r-s { width:calc(50% - 10px); float:left; margin-left:20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color:#f5f5f5; border-radius:10px; padding:40px; margin-top:50px; } @media (max-width: 680px) { body #det .r-s { width:100%; margin-left:0px; margin-top:0px; }} #det .r-s .h1 { font-size:18px; font-weight:600; color:#333; text-transform:uppercase; } #det .r-s .pro { font-size:13px; color:#333; padding-top:10px; } #det .r-s .pr { font-size:18px; font-weight:bold; color:#f28b00; padding-top:20px; padding-bottom:10px; } #det .r-s .pr .opp { color:#484848; text-decoration:line-through; font-size:16px; } #det .r-s .ii { font-size:13px; padding-top:10px; color:#838383; } #det .r-s .ii span { font-weight:bold; color:#484848; } #det .r-s .ii .lab { display:inline; padding:4px 8px; color:#fff; margin-left:10px; border-radius:8px; } #det .r-s .ii .lab.rd { background-color:#ff2d00; } #det .r-s .ii .lab.gr { background-color:#48ba25; } #det .r-s .des { border-top:1px solid #eee; margin-top:20px; padding-top:20px; color:#838383; } #det .r-s .bas { border-top:1px solid #eee; margin-top:20px; padding-top:20px; } #det .r-s .bas .cnt .lb { font-weight:bold; color:#484848; float:left; padding-top:12px; padding-right:10px; } #det .r-s .bas .cnt input { border:1px solid #dddddd; width:80px; height:25px; border-radius:25px; color:#8e8eb5; padding:10px; text-align:center; } #det .r-s .bas input[type="submit"] { margin-top:20px; padding:20px; border:0px; border-radius:25px; background-color:#f92400; color:#fff; width:230px; cursor:pointer; background-image:url('../img/design/bas-det-ico.png'); background-repeat:no-repeat; background-position:30px 20px; padding-left:60px; font-size:16px; font-weight:bold; } #det .r-s .bans { border-top:1px solid #eee; margin-top:30px; padding-top:20px; } #det .sim { float:left; width:100%; margin-top:90px; padding-bottom:65px; } #det h2 { color:#222; font-family:Blogger-sans; font-size:20px; font-weight:normal; } #det .txt { width:100%; float:left; margin-top:70px; } #det .txt .h2 { background-color:#f5f5f5; margin-left:100px; border-radius:10px 10px 0px 0px; padding:20px 25px; display:inline-block; color:#222; font-family:Blogger-sans; font-size:20px; font-weight:normal; } #det .txt .cc { background-color:#f5f5f5; width:100%; padding-top:80px; padding-bottom:80px; line-height:24px; color:#838383; } #det .txt .ccc { max-width:1160px; margin:auto; width:auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left:20px; padding-right:20px; overflow:hidden; } #bas, #reg, #log, #cont, #pD { } #bas.cnt .t, #bas.add .t, #bas .t, #reg .t, #log .t, #pD .t, #con .t { text-transform:uppercase; font-size:22px; text-align:center; padding-top:70px; min-height:60px; border-bottom:1px solid #efefef; font-family:Blogger-sans-semibold; } /* from alize.sk */ #bas, #reg, #log, #cont { width:100%; max-width:1240px; margin:auto; overflow:hidden; padding-left:20px; padding-right:20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #bas.cnt .t, #bas.add .t, #bas .t, #reg .t, #log .t, #pD .t { text-transform:uppercase; text-align:center; padding-top:70px; min-height:85px; border-bottom:1px solid #e6e6e6; } #bas.cnt table th, #bas.com table th { border-bottom:1px solid #e6e6e6; font-size:15px; height:65px; font-weight:normal; color:#838383; } #bas.cnt table th.img, #bas.com table th.img { width:130px; } #bas.cnt table th.ti, #bas.com table th.ti { width:590px; } #bas.cnt table th.pr, #bas.com table th.pr { width:100px; } #bas.cnt table td { padding-top:15px; padding-bottom:15px; border-bottom:1px solid #e6e6e6; color:#1c1c1c; } #bas.cnt table td.tit, #bas.com table td.tit { font-size:14px; line-height:21px; } #bas.cnt table td.tit span, #bas.com table td.tit span { font-size:16px; text-transform:uppercase; } #bas.cnt table td.tit span.col, #bas.com table td.tit span.col { font-size:12px; color:#969696; } #bas.cnt table td.sz, #bas.com table td.sz { font-size:11px; } #bas.cnt table td.n select { font-size:11px; padding:4px 8px; text-align:center; border:1px solid #e6e6e6; } #bas.cnt table td.prr, #bas.com table td.prr { font-size:16px; color:#f28b00; white-space:nowrap; } #bas.cnt .tot, #bas.com .tot { padding-top:30px; height: 55px; border-bottom:1px solid #e6e6e6;} #bas.cnt .tot .lab, #bas.com .tot .lab { float:right; font-size:20px; color:#616161; padding-top:3px; } #bas.cnt .tot .tp, #bas.com .tot .tp { float:right; width:150px; text-align:right; color:#f28b00; font-weight:bold; font-size:26px; font-family:Blogger-sans-bold; } #bas.cnt .bt { padding-top:30px; height:120px; overflow:hidden; border-bottom:1px solid #e6e6e6; } #bas.cnt .bt .l { float:left; width:70%; text-transform:uppercase; } @media (max-width:980px) { #bas.cnt .bt .l { display:none; }} @media (max-width:640px) { #bas.cnt .im { display:none; }} #bas.cnt .bt .r { float:right; } #bas.cnt .bt .r .nxt { color:white; width: 270px; padding:20px; border:0px; border-radius:25px; background-color:#f92400; color:#fff; width:230px; font-size:16px; font-weight:bold; text-align:center; } #bas.cnt input.ct { border:1px solid #e6e6e6; width:40px; padding:5px 10px; border-radius:5px; text-align:center; } #bas.cnt .bt .i { float:left; width:140px; padding-top:17px; } #bas.cnt .bt input[type="text"] { width:230px; height:50px; padding-top:0px; padding-left:20px; padding-right:20px; border:0px; background-color:#f6f6f6; margin-left:20px; float:left; text-transform: uppercase; font-size:12px;} #bas.cnt .bt input[type="submit"] { width:145px; height:50px; border:0px; background-color:#333333; text-align:center; color:white; text-transform: uppercase; font-size:12px; } #bas.com table td { padding-top:25px; padding-bottom:25px; border-bottom:1px solid #e6e6e6; color:#1c1c1c; } #bas.add .l { float:left; width:770px; } @media (max-width: 1200px) { body #bas.add .l { width:100%; max-width:770px; }} @media (max-width: 800px) { body #bas.add .l { width:100%; max-width:350px; }} #bas.add .l .tt { padding-top:50px; height:50px; text-transform:uppercase; font-size:16px; letter-spacing:1px; border-bottom:1px solid #e6e6e6; } #bas.add .l .lg { padding-top:30px; height: 80px; border-bottom:1px solid #e6e6e6; } #bas.add .l .lg .d { color:#838383; font-size:12px; float:left; padding-top:18px; width:175px; } #bas.add .l .lg .btn { font-size:13px; float:left; text-transform:uppercase; width:160px; height:33px; padding-top:17px; text-align:center; border:1px solid #1c1c1c; font-weight:bold; letter-spacing:1px; } #bas.add .l .adr { border-bottom:1px solid #e6e6e6; padding-top:25px; overflow:hidden; } #bas.add.reg .l .adr { border-bottom:0px; } #bas.add .l .adr input[type="radio"], #bas.add .l .adr input[type="checkbox"], #reg input[type="radio"], #reg input[type="checkbox"] { float:left; margin-top:12px; margin-right:10px; } #bas.add .l .adr .chLab, #reg .chLab, #bas.add .eI.terms .chLab { font-size:13px; padding-top:11px; overflow:hidden; } #bas.add .eI.terms .chLab a { text-decoration:underline; } #bas.add .l .adr .lb, #reg .lb, #log .lb, #cont .lb { font-size:13px; padding-top:30px; } #bas.add .sect { float:left; } #bas.add .l .adr .lb.sh, #reg .lb.sh, #log .lb.sh, #cont .lb.sh { width:370px; height:13px; } #log .lb { float:left; } #bas.add .l .adr input[type="text"].sh, #reg input[type="text"].sh, #log input[type="text"].sh, #log input[type="password"].sh, #cont input[type="text"].sh { padding-left:10px; padding-right:10px; float:left; width:348px; font-size:15px; } #bas.add .l .adr .lb.sh.f , #reg .lb.sh.f, #log .lb.sh.f { padding-top:35px; } #bas.add .l .adr .lb.sh.fl, #bas.add .l .adr input[type="text"].sh.fl, #reg .lb.sh.fl, #reg input[type="text"].sh.fl { margin-left:30px; } @media (max-width:800px) { #bas.add .l .adr .lb.sh.fl, #bas.add .l .adr input[type="text"].sh.fl, #reg .lb.sh.fl, #reg input[type="text"].sh.fl { margin-left:0px;} } #bas.add .l .adr input[type="text"], #reg input[type="text"], #log input[type="text"], #log input[type="password"], #cont input[type="text"] { border:1px solid #000000; background-color:#decf8c; width:748px; height:48px; margin-top:12px; padding-left:10px; padding-right:10px; } #bas.add .l .adr select { margin-left:30px; border:1px solid #000000; background-color:#f6f6f6; width:370px; height:48px; margin-top:12px; padding-left:10px; padding-right:10px; } @media (max-width:800px) { #bas.add .l .adr select { margin-left:0px;} } #bas.add .l .adr input[type="text"].err, #reg input[type="text"].err, #log input[type="text"].err, #log input[type="password"].err, #cont input[type="text"].err, #cont textarea.err, #rollS #logDrop input[type="text"].err, #rollS #logDrop input[type="password"].err, #rollS #nlsDrop input[type="text"].err { border:1px solid #ee7777; } #bas.add .l .adr .eI { overflow:hidden; padding-top:20px; float:left; width:100%; } #bas.add .l .ttt { padding-top:60px; height:40px; text-transform:uppercase; font-size:16px; letter-spacing:1px; float:left; } #bas.add .l .dlv, #bas.add .l .py { border-bottom:1px solid #e6e6e6; padding-top:25px; overflow:hidden; font-size:13px; } #bas.add .l .dlv .c, #bas.add .l .py .c { overflow:hidden; } #bas.add .l .dlv .ll { width:450px; float:left; padding-right:95px;} #bas.add .l .dlv .ll .d, #bas.add .l .py .d { overflow:hidden; line-height:22px; padding-left:0px; padding-top:10px; } #bas.add .l .dlv .m { width:150px; float:left; color:#828282; line-height:22px; padding-top:32px; } #bas.add .l .dlv .ll .d div, #bas.add .l .py .d div { color:#828282; padding-left:38px; } #bas.add .l .dlv .m b {color:#828282; } #bas.add .l .dlv .rr { float:left; width:220px; color:#828282; line-height:22px; padding-top:53px; } #bas.add .l .dlv input[type="radio"], #bas.add .l .py input[type="radio"] { float:left; margin-top:15px; } #bas.add .l .py img { padding-top:15px; padding-right:10px; } #bas.add .l .py img.fr { margin-left:38px; } #bas.add .l textarea { background-color:#f6f6f6; padding:20px; border:0px; width:100%; height:110px; margin-top:30px; font-size:13px; padding-left:15px; padding-right:15px; color:#828282; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #bas.add .r { float:left; margin-left:60px; width:370px; font-size:13px; } @media (max-width: 1250px) { body #bas.add .r { display:none; } } #bas.add .r .tt { padding-top:50px; height:50px; text-transform:uppercase; font-size:16px; letter-spacing:1px; border-bottom:1px solid #e6e6e6; margin-bottom:20px; } #bas.add .r .i { overflow:hidden; padding-top:10px; } #bas.add .r .i .ll { width:270px; float:left; } #bas.add .r .i .rr { width:100px; float:right; text-align:right; } #bas.add .r .i.ls { padding-top:20px; border-bottom:1px solid #e6e6e6; padding-bottom:20px; } #bas.add .r .i.ls .rr { font-weight:bold; font-size:20px; color:#f28b00; } #bas.add .con input[type="submit"], #bas.com .con input[type="submit"] { color:white; width: 305px; padding:20px; border:0px; border-radius:25px; background-color:#f92400; color:#fff; font-size:16px; font-weight:bold; text-align:center; float:right; margin-top:20px; cursor:pointer; } @media (max-width:648px) { #bas.add .con input[type="submit"], #bas.com .con input[type="submit"] { width:100%; float:none; letter-spacing:0px; } } #bas.add .con { overflow:hidden; max-width:1175px; width:100%; border-top:1px solid #e6e6e6; margin-top:20px; float:left; min-height:80px; padding-left:10px; padding-right:10px; } #bas.add .con .bB, #bas.com .con .bB { color:white; width: 170px; padding:20px; border:0px; border-radius:25px; background-color:#333; color:#fff; font-size:16px; font-weight:bold; text-align:center; margin-top:20px; float:left; padding-top:17px; } @media (max-width:648px) { #bas.add .con .bB, #bas.com .con .bB { width:100%; float:none; } } #reg #cmp, #bas #cmp, #bas #delDate { display:none; } #bas #cmp.shw, #bas #delDate.shw { display:block; } #bas #delDate { overflow:hidden; float:left; } #reg .msg, #cont .msg, #log .msg, #bas .msg { color:#ee7777; padding:10px; text-align:center; font-size:16px; margin-bottom:10px; letter-spacing:px; text-transform:none; font-weight:normal; } #bas.com { padding-bottom:150px; } #bas.com .t { height:55px; } #bas.com .inf { border-bottom:1px solid #e6e6e6; min-height:320px; overflow:hidden; } #bas.com .inf .l { width:270px; float:left; font-size:13px; line-height:20px; } #bas.com .inf .m, #bas.com .inf .r { width:270px; margin-left: 30px; float:left; float:left; font-size:13px; line-height:20px; } @media (max-width:648px) { #bas.com .inf .m, #bas.com .inf .r { margin-left:0px; padding-bottom:20px; } } #bas.com .inf .r { width:575px; } #bas.com .inf .l .tt, #bas.com .inf .m .tt, #bas.com .inf .r .tt { font-size:16px; text-transform:uppercase; padding-top:50px; height:50px; border-bottom:1px solid #e6e6e6; margin-bottom:30px; } @media (max-width:648px) { #bas.com .inf .m .tt { padding-top:10px; }} #bas.com .inf .r span { color:#866d54; } #bas.com .ll { padding-top:30px; color:#989898; font-size:13px; line-height:24px; float:left;} #bas.com .ll a { color:#1c1c1c; text-decoration:underline; } #bas.com .rr { margin-top:30px; cursor:pointer; float:right; width:270px; height:35px; border:0px; background-color:#1c1c1c; text-align:center; padding-top:15px; } #bas.com .rr a { color:white; text-transform: uppercase; font-size:12px; } #bas.com .con { overflow:hidden; max-width:1175px; width:100%; margin-top:20px; float:left; min-height:80px; padding-left:10px; padding-right:10px; } #bas.com .con .m { float:left; width:550px; text-align:right; padding-top:35px; font-size:12px; color: #838383; } #bas.com .con .m label { color: #838383; } #bas.com .con .m label a { color:#393939; text-decoration:underline; } #bas.suc .t { min-height:245px; } #bas.suc .t div { color:#f28b00; font-size:20px; text-transform:none; letter-spacing:0px; padding-top:10px; font-weight:normal; } #bas.suc .btn { color:white; font-size:12px; text-transform:uppercase; width:190px; height:31px; padding-top:17px; text-align:center; margin:auto; margin-top:40px; background-color:#333; } #bas.suc .inf { font-size:13px; margin-top:95px; color:#9f9f9f; line-height:25px; } #bas.suc .inf a { text-decoration:underline; } #bas.suc input.btn-vub { background-color:#f28b00; color:white; margin-top:10px; padding:20px 30px; border-radius:15px; font-family:Blogger-sans-semibold; font-size:20px; border:0px; margin-bottom:20px; cursor:pointer; } #bas.suc .t div.info { padding-bottom:20px; font-weight:normal; color:#333; font-family:'Open Sans', sans-serif; font-size:14px; } #reg { min-height:600px; } #regB { border-bottom:1px solid #e6e6e6; padding-bottom:80px; width:100%; } #regB.sm { padding-bottom:20px; } #reg .con { width:775px; margin:auto; padding-top:25px; color:#919191; } #bas.reg input[type="submit"] { padding: 20px; border: 0px; border-radius: 25px; background-color: #f92400; color: #fff; width: 230px; font-size: 16px; font-weight: bold; text-align: center; margin-top:60px; float:left; cursor:pointer; } #reg.suc .t { height:200px; } #reg.suc .t div { color:#f28b00; font-size:20px; padding-top:50px; text-transform:none; letter-spacing:0px; font-weight:bold; } #reg.suc .bc { padding: 20px; border: 0px; border-radius: 25px; background-color: #f92400; color: #fff; width: 230px; font-size: 16px; font-weight: bold; text-align: center; margin-top:60px; float:left; cursor:pointer; } #log { min-height:500px; } #log .con { width:1175px; margin:auto; padding-left:10px; padding-right:10px; } #log input[type="submit"] { padding: 20px; border: 0px; border-radius: 25px; background-color: #f92400; color: #fff; width: 230px; font-size: 16px; font-weight: bold; text-align: center; margin-top:40px; float:left; cursor:pointer; } #log .fp { text-decoration:underline; margin-top:65px; font-size:12px; float:left; padding-left:30px; } #log .inf { color:#919191; line-height:24px; text-align:center; font-size:15px; padding-top:20px; } #log .l { width:490px; margin-left:100px; float:left; border-right:1px solid #e6e6e6; margin-top:30px; } #log .r { margin-left:185px; float:left; margin-top:60px; text-align:center; font-size:17px; } #log .btn { margin-top:40px; padding: 20px; border: 0px; border-radius: 25px; background-color: #f92400; color: #fff; width: 230px; font-size: 16px; font-weight: bold; text-align: center; } #log input[type="text"].forg { margin-top:40px; margin-left:310px; margin-right:20px; } #basCnt { margin-top:10px; float:right; height:40px; width:50px; text-align:right; background-image:url('../img/design/bas-ico-ret.png'); background-repeat:no-repeat; background-position:20px 15px; background-size: 17px 19px; } @media (max-width: 840px) { body #basCnt { margin-top:6px; } } #basCnt .num { color:white; font-size:10px; background-color:#db363c; padding:2px 5px 9px 6px; border-radius:18px; width:7px; height:7px; text-align:center; float:right; } #con { width:100%; overflow:hidden; } #con .c { max-width:1160px; margin:auto; width:auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left:20px; padding-right:20px; overflow:hidden; } @media (max-width: 580px) { body #con .c { padding-left:10px; padding-right:10px; }} #con .google-maps iframe { width:100%; height:400px; } #con .msg { color:#ee7777; font-size:16px; margin-bottom:10px; text-transform:none; font-weight:normal; font-family:Blogger-sans-semibold; padding-bottom:10px; } #con .l { width:50%; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-top:70px; text-align:left; float:left; } @media (max-width: 800px) { body #con .l { width:100%; } } #con .l input[type="text"] { border:1px solid #777777; font-size:15px; padding:12px; width:calc(50% - 12px); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #f6f6f6; background-color: #f6f6f6; height:48px; color:#919191; } #con .l input[type="text"].em { margin-left:20px; } #con .l textarea { border:1px solid #f6f6f6; font-size:15px; padding:12px; width:100%; height:130px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top:20px; background-color:#f6f6f6; color:#919191; } #con .l input[type="submit"] { color:white; margin-top:30px; padding: 20px; border: 0px; border-radius: 25px; background-color: #f92400; color: #fff; width: 230px; font-size: 16px; font-weight: bold; text-align: center; margin-bottom:50px; cursor:pointer; } #con .h2 { font-family:Blogger-sans-semibold; font-size:22px; text-transform:uppercase; padding-bottom:30px; } #con .r { width:50%; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align:left; padding-top:70px; padding-left:100px; padding-bottom:50px; } @media (max-width: 800px) { body #con .r { width:100%; padding-left:0px; } } #pD { width:100%; overflow:hidden; } #pD .c { max-width:1160px; margin:auto; width:auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left:20px; padding-right:20px; overflow:hidden; padding-bottom:50px; } @media (max-width: 580px) { body #pD .c { padding-left:10px; padding-right:10px; }} #pD .c .t { margin-bottom:50px; } #f { width:100%; background-color:#fff; overflow:hidden; padding-bottom:30px; background-color:#f5f5f5; } #f .c { max-width:1160px; margin:auto; width:auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left:20px; padding-right:20px; overflow:hidden; padding-top:30px; font-size:13px; } #pagerC { width:100%; clear:both; padding-top:45px; text-align:center; padding-bottom:20px; margin-left:10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-width:1080px; overflow:hidden; margin:auto; width:100%; border-top:1px solid #e5e5e5; float:left; } @media (max-width: 840px) { body #pagerC { margin-top:20px; } } #pager { display:inline-block; } #pager .ii { padding:4px 10px; margin-right:10px; border:1px solid #ccc; float:left; border-radius:0px; margin-top:15px; font-size:14px; border-radius:2px; } @media (max-width: 640px) { #pager .ii.nom { display:none; }} #pager a:hover .ii, #pager .ii.a { border:1px solid #f28b00; color:#f28b00; font-size:bold; } #pager .ii.nxt, #pager .ii.prv { padding:4px 10px; background-color:#f28b00; color:white; border:1px solid #f28b00; } #pager a:hover .ii.nxt, #pager a:hover .ii.prv { background-color:#d87c00; border:1px solid #d87c00; color:#fff; }