@font-face {font-family: 'museo_sans300'; src: url('/__css/font/MuseoSans_300-webfont.eot'); src: url('/__css/font/MuseoSans_300-webfont.eot?#iefix') format('embedded-opentype'), url('/__css/font/MuseoSans_300-webfont.woff') format('woff'), url('/__css/font/MuseoSans_300-webfont.ttf') format('truetype'), url('/__css/font/MuseoSans_300-webfont.svg#museo_sans300') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'museo_sans700'; src: url('/__css/font/MuseoSans_700-webfont.eot'); src: url('/__css/font/MuseoSans_700-webfont.eot?#iefix') format('embedded-opentype'), url('/__css/font/MuseoSans_700-webfont.woff') format('woff'), url('/__css/font/MuseoSans_700-webfont.ttf') format('truetype'), url('/__css/font/MuseoSans_700-webfont.svg#museo_sans700') format('svg'); font-weight: normal; font-style: normal;}

* {margin: 0; padding: 0; font-family: arial, san-serif; font-size: 12px;}
html, body {height: 100%;}
body {color: #344563; text-align: center; background-color: #5a524a;}
img, a img {border: none;}
p {margin-bottom: 20px; line-height: 2em; font-size: 15px; line-height: 22px;}
p.mb10 {margin-bottom: 10px;}
p a, p strong, p em {font-size: 15px;}
ul, ol {margin-left: 10px; padding-left: 10px; line-height: 2em;}
a, .anchor {color: #03B8E5; text-decoration: none; outline: none;}
a:hover, .anchor:hover {text-decoration: underline;}
table {border-collapse: collapse;}
h1 {color: #5a524a; margin: 0 0 10px 0; font-size: 40px; font-weight: normal;}
h2 {color: #FFF; margin: 30px 0 30px 0; font-size: 22px; font-weight: normal;}
h2.green {color: #76ab0a; margin: 5px 0;}
h2.invertblue {background: #05B7E7; color: #FFFFFF !important; font-size: 26px !important; padding: 14px;}
h2.invertgreen {background: #76ab0a; color: #FFFFFF !important; font-size: 26px !important; padding: 14px;}
h2.extra {margin: 18px 55px 12px 55px;}
.green {color: #76ab0a !important;}
.black {color: #5a524a !important;}
h2 span {font-size: 24px; display: block; margin-bottom: 15px;}
h3 {color: #05B7E7; margin: 20px 0 10px 0; font-size: 24px; font-weight: normal;}
h3 span {font-size: 18px; display: block;}
h3 a {color: #05B7E7; font-size: 24px; text-decoration: none;}
h3.green, .leftbox h3.green {color: #76ab0a;}
h4 {color: #364363; margin: 0 0 10px 0; font-size: 18px; font-weight: normal;}
h5 {color: #344563; margin: 0 0 10px 0; font-size: 16px; line-height: 22px; font-weight: normal;}
h5 a {font-size: 16px;}
.holder {width: 1000px; position: relative; margin: 0 auto; text-align: left;}
#header {height: 85px; font-weight: normal;}
#header img {margin: 23px 0 0 55px;}
#header ul, #mainmenu ul, #submenu {float: right; position: relative; list-style-type: none; margin: 50px 55px 0 0;}
#header ul {clear: right; margin: 10px 55px 0 0;}
#header ul li, #mainmenu ul li, #submenu li {float: left; margin: 0 9px;}
#header ul li.last {margin-right: 0;}
#header ul a, #head ul a:link, #head ul a:visited {color: #001125; text-decoration: none;}
#header ul a:hover {text-decoration: underline;}
#search {position: relative; float: right; margin: 20px 55px 0 0;}
#search input {border: solid 1px #05B7E7; border-right: none; padding: 4px 0 4px 4px; float: left; width: 150px;}
#search input#ssubmit {border: solid 1px #05B7E7; border-left: none; padding: 0; width: 25px;}
#mainmenu {width: 1000px; height: 60px; background: #FFF url('/__img/menu-shadow.png') repeat-x 0 0; position: relative; float: left; z-index: 100;}
#mainmenu ul {float: left; font-weight: bold; margin: 7px 0 0 22px; position: relative; z-index: 101;}
#mainmenu ul li {margin: 0px 4px;}
#mainmenu a, #mainmenu a:link, #mainmenu a:visited {font-size: 13px; color: #424242; text-decoration: none; text-transform: uppercase; display: block; padding: 11px 18px 18px 18px;}
.btn-buy-upgrade {float: right; margin: 3px 35px 0 0;}

a.btn-green3:link, a.btn-green3:active, a.btn-green3:visited, a.btn-green3:hover {display: block; padding: 8px 25px 0 25px; position: relative; float: left; height: 50px; color: #FFF; background: url('../__img/green-order-2line-btns-bg.png') 0 0 repeat-x; text-decoration: none; font-size: 12px; line-height: 16px; text-align: center;}
a.btn-green3 span {width: 25px; height: 50px; position: absolute; top: 0; cursor: pointer;}
a.btn-green3 span.left {left: 0; width: 25px; height: 50px; background: url('../__img/green-order-2line-btns-left.png') 0 0 repeat-x;}
a.btn-green3 span.right {right: 0; width: 25px; height: 50px; background: url('../__img/green-order-2line-btns-right.png') 0 0 repeat-x;}
#mainmenu a.btn-green3 {float: right; color: #FFF; font-size: 14px; font-weight: bold; line-height: 36px; padding: 0 35px; margin: 7px 35px 0 0; text-transform: uppercase;}
#mainmenu a.btn-green3 em {font-style: normal; display: block; font-weight: normal; line-height: 0; font-size: 11px;}

a:hover#mm1, a#mm1.sel {background-color: #0084CB; color: #FFF;}
a:hover#mm2, a#mm2.sel {background-color: #9E5BB3; color: #FFF;}
a:hover#mm3, a#mm3.sel {background-color: #76AB0A; color: #FFF;}
a:hover#mm4, a#mm4.sel {background-color: #F28E00; color: #FFF;}
#submenu {width: 930px; height: 50px; margin: -50px 35px 0 35px; padding: 0; background: #5B524B; position: relative; z-index: 10;}
#submenu li {margin: 0; padding: 0; float: left; position: relative; display: block;}
#submenu a, #submenu a:link, #submenu a:visited {color: #FFF; height: 50px; display: block; padding: 0 38px; float: left; line-height: 4em; font-size: 14px; border-right: solid 1px #E5E5E5;}
#submenu a:hover, #submenu a.sel {color: #434343; background-color: #FFF; text-decoration: none; border-right: solid 1px #EEE;}
#submenu a.last {border: none;}
#banner1, #banner2, #banner3, #banner4 {height: 265px; margin-top: -60px; position: relative; z-index: -1;}
#banner1 {background: #0084CB url('/__img/banner/1.jpg') no-repeat center center;}
#banner2 {background: #9E5BB3 url('/__img/banner/2.jpg') no-repeat center center;}
#banner3 {background: #76AB0A url('/__img/banner/3.jpg') no-repeat center center;}
#banner4 {background: #F28E00 url('/__img/banner/4.jpg') no-repeat center center;}

a.btn-try, a.btn-try:link, a.btn-try:active, a.btn-try:visited, a.btn-try:hover {display: block; position: absolute; top: 120px; right: 80px; width: 165px; height: 53px; z-index: 100; outline: none; line-height: 53px; padding: 0 10px;}
a.btn-try span.btn1 {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent url('/__img/btns-try.png') no-repeat 0 0;}
a.btn-try span.btn2 {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent url('/__img/btns-try.png') no-repeat 0 -53px;}
a.btn-try span.btn3 {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent url('/__img/btns-try.png') no-repeat 0 -106px;}
a.btn-try span.btn4 {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent url('/__img/btns-try.png') no-repeat 0 -159px;}

#motive {height: 425px; background: url('/__img/bg-multilicence-play.jpg') no-repeat center top;}
#motive a#play {position: absolute; top: 76px; right: 207px; display: block; width: 100px; height: 100px;}
#motive h1 {color: #FFF; margin-bottom: 20px; padding: 30px 0 0 53px;}
#motive h1 span {display: block; width: 400px; color: #76ab0a; font-size: 44px; line-height: 34px; padding-bottom: 10px;}
a.btn-motive {display: block; margin-left: 53px; padding: 0 26px 0 26px; position: relative; float: left; height: 51px; color: #76ab0a; background: url('/__img/btn-motive.png') 0 0 repeat-x; text-decoration: none; font-size: 22px; line-height: 48px;}
a.btn-motive span {width: 16px; height: 51px; position: absolute; top: 0px; cursor: pointer;}
a.btn-motive span.left {left: 0px; width: 26px; height: 51px; background: url('/__img/btn-motive-left.png') 0 0 repeat-x;}
a.btn-motive span.right {right: 0px; width: 26px; height: 51px; background: url('/__img/btn-motive-right.png') 0 0 repeat-x;}
#quiz {margin-top: 40px;}

#selection {width: 100%; height: 400px; background: #e5e5e5; margin: -140px 0 0 0;}
#selection-in {margin: 0px auto; text-align: left; width: 1000px; height: 350px; border-width: 50px 0 0 0; border-color: #e5e5e5; border-style: solid;}
#selection-in ul {position: relative; list-style-type: none; margin: 0; padding: 0;}
#selection-in ul li {float: left; margin-right: 10px;}
#selection-in a span {padding: 182px 16px 0 28px; color: #FFFFFF; font-size: 20px;}
#selection-in a:hover {text-decoration: none;}
#selection-in a span.vis {display: block;}
#selection-in a:hover span.vis {display: none;}
#selection-in a span.inv {display: none;}
#selection-in a:hover span.inv {display: block;}
a#firmy:link, a#firmy:active, a#firmy:visited {display: block; width: 240px; height: 350px; background: url('/__img/btn-firmy.jpg') no-repeat 0 0;}
a#skoly:link, a#skoly:active, a#skoly:visited {display: block; width: 240px; height: 350px; background: url('/__img/btn-skoly.jpg') no-repeat 0 0;}
a#veda:link, a#veda:active, a#veda:visited {display: block; width: 240px; height: 350px; background: url('/__img/btn-veda.jpg') no-repeat 0 0;}
a#sprava:link, a#sprava:active, a#sprava:visited {display: block; width: 250px; height: 350px; background: url('/__img/btn-sprava.jpg') no-repeat 0 0;}
a#firmy:hover, a#skoly:hover, a#veda:hover {background-position: -240px 0;}
a#sprava:hover {background-position: -250px 0;}

#footer {color: #364363; padding-bottom: 40px; border-bottom: solid 1px #C2C6CF;}
#footer ul {float: left; position: relative; list-style-type: none; margin: 30px 0 0 60px;}
#footer ul {color: #027CC9;}
#footer ul a {color: #364363;}
ul#about {width: 130px; display: none;}
ul#similar {width: 160px;}
a.award {display: block; float: right;}
a#award1 {width: 77px; height: 71px; background: url('/__img/award-foto-video.png') no-repeat -77px 0; margin: 37px 72px 0 0;}
a#award2 {width: 67px; height: 89px; background: url('/__img/award-palec.png') no-repeat -67px 0; margin: 33px 85px 0 0;}
a#award3 {width: 79px; height: 27px; background: url('/__img/award-miele.png') no-repeat -79px 0; margin: 52px 50px 0 0;}
a#award4 {width: 66px; height: 89px; background: url('/__img/award-zoo-praha.png') no-repeat -66px 0; margin: 20px 30px 0 0;}
#milujemefotografii {float: right; margin: 16px 54px 32px 0;}
.white {background-color: #FFF;}
.whitebar {background-color: #FFF; height: 6px;}
#content2 .whitebar {background-color: #FFF; height: 6px; margin: 30px;}
#content2 .leftbox .whitebar {background-color: #FFF; height: 6px; margin: 30px 30px 30px 0;}
.silver, .silver-line {background-color: #E5E5E5;}
.brown, .brown-line {background-color: #5a524a;}
.silver-line, .brown-line {width: 100%; height: 1px; clear: both;}
.silver-line2 {position: relative; float: left; background-color: #E5E5E5; width: 420px; height: 1px; margin-top: 90px;}
.clear, .clear-5, .clear-10, .clear-15, .clear-25, .clear-35 {clear: both;}
.clear-5 {height: 5px;}
.clear-10 {height: 10px;}
.clear-15 {height: 15px;}
.clear-25 {height: 25px;}
.clear-35 {height: 35px; display: block;}
#content {padding: 30px 52px 30px 52px; background-color: #FFF;}
#content h1 {color: #03b8e7; font-size: 35px; line-height: 28px; margin-bottom: 20px; margin-top: 10px;}
#content h1 span {font-size: 25px;}
#content h2 {color: #03b8e7; font-size: 32px; line-height: 28px; margin-bottom: 20px; margin-top: 30px;}
.motive-text {font-size: 15px; line-height: 20px;}

#content2 {padding: 30px 0; background-color: #FFF; height: auto;}
.h1content2 {line-height: 26px; margin-bottom: 20px; margin-top: 10px;}
#content2 h1 span {font-size: 25px;}
div.normal strong, div.normal a {font-size: 15px;}
.big-blue {color: #03b8e7; font-size: 20px;}

.left-indent {margin-left: 52px;}
.right-indent {margin-right: 52px;}
.inbetween {margin-left: 52px; margin-right: 52px;}
.inbetween h2 {font-size: 25px; color: #03b8e7; margin-top: 0px; margin-bottom: 25px;}
ul.big-arrow {list-style-type: none;}
ul.big-arrow li {background: url('../__img/firmyplus/list-arrow-big.png') 0 6px no-repeat; padding-left: 30px; margin-bottom: 15px; font-size: 15px;}
.darkgrey {background: #5b524b;}

a.btn {display: inline-block; white-space: nowrap; height: 54px; line-height: 54px; color: #FFF; font-size: 18px; font-weight: bold; border-radius: 3px; padding: 0 20px; box-shadow: 0 1px 1px 0 #AAA; text-transform: uppercase; text-shadow: 0 -1px #999;}
a.btn-small {height: 34px; line-height: 34px; font-size: 15px; padding: 0 15px;}
a.btn:hover {text-decoration: none;}
a.btn-blue {background: #03B8E5;}
a.btn-blue:hover {background: #13C8F5;}
a.btn-green {background: #76AB0A;}
a.btn-green:hover {background: #80BF0A;}
a.btn-gray {background: #AAA;}
a.btn-gray:hover {background: #BBB;}

a.next, a.start, a.finish {float: right; margin-left: 15px;}
#quest div, .qbox, #fpinfo {display: none;}
#quest div.radio-img {display: block;}
.radio-list input, .data .radio-img input {width: 23px; height: 23px; opacity: 0; filter: alpha(opacity=0);}
.radio-img {background: transparent url('/__img/chk.png') 0 0 no-repeat; width: 23px; height: 23px; float: left; margin-right: 20px;}
.radio-img.sel {background-position: 0 -23px;}
.qbox {height: 350px;}
#quest h2 {margin-top: 10px;}
#quest p.note, #start p.note {float: right; width: 235px; height: 300px; padding: 20px; background-color: #EEE; margin: -33px 35px 0 35px; font-size: 13px; line-height: 18px;}
#progress {width: 525px; height: 23px; border: solid 1px #C2C6CF; padding: 1px; margin-top: 25px; margin-bottom: 25px;}
#progress span {display: block; height: 100%; width: 75px; background-color: #76ab0a;}
#quest1 p, #quest2 p, #quest3 p, #quest4 p, #quest5 p, #quest6 p, #quest7 p {margin-bottom: 20px;}
#quest label {line-height: 22px; font-size: 12px; cursor: pointer;}
#score0, #score15, #score30 {display: none; margin-bottom: 15px; width: 620px;}

.btns {list-style-type: none; margin: 40px 0; padding: 0; height: 68px;}
.btns li {display: block; float: left; width: 260px; border-width: 0 1px 0 0; border-color: #FFF; border-style: solid;}
.btns li a {display: block; float: left; width: 240px; height: 100%; font-size: 24px; background-color: #5A524A; color: #FFF; padding: 10px 0 10px 20px;}
.btns li a:hover {background-color: #a6c860; text-decoration: none;}
.btns li a.active {background-color: #76ab0a;}
.btns li em {display: block; font-style: normal; font-size: 17px;}
.list {border-left: solid 6px #76ab0a; padding-left: 25px; margin-bottom: 30px; margin-right: 60px; display: none;}
.list p, .list p a {font-size: 14px;}
.list ul {margin: 0 0 20px 10px; list-style-type: none;}
.list ul.bull {margin: 0 0 20px 25px; list-style-type: circle;}
ul.bull {margin: 0 0 20px 25px; list-style-type: circle;}
.list li a, .list li span.arr {font-weight: bold; color: #000; padding-left: 20px; background: transparent url('/__img/list-arrow.png') 0 0 no-repeat; font-size: 14px;}
.list li a.active {background: transparent url('/__img/list-arrow.png') 0 -14px no-repeat;}
 a.no-arrow:link, a.no-arrow:active, a.no-arrow:visited, a.no-arrow:hover {display: block; background: none; padding-left: 0; margin-top: 10px;}
.list span {display: none; margin: 10px 0 10px 30px; font-size: 14px;}
.list span a {font-weight: normal; color: #03B8E5; font-size: 14px;}
.list2, .list2 ul {list-style-type: none; margin-bottom: 10px;}
.list2 li span {color: #000; padding-left: 20px; background: transparent url('/__img/list-arrow.png') 0 0 no-repeat; font-size: 14px; display: inline; margin: 10px 0;}
.leftbox {float: left; width: 530px;}
.leftbox h2, .leftbox h3 {color: #5B524B; margin: 0 0 5px 0;}
.rightbox, .rightbox2 {float: right; width: 235px; padding: 20px; background-color: #EEE;}
.rightbox2 {width: 235px; margin: 0 35px 0 35px; height: 263px; font-size: 13px;}
.bottombox {padding: 10px 20px; margin-bottom: 20px; background-color: #EEE;}

.rightbox h3, .rightbox2 h3 {color: #5B524B; font-size: 16px; font-weight: bold; margin-top: 0;}
.rightbox p span, .rightbox2 p span {display: block; text-decoration: underline;}

.leftbox600 {width: 600px;}
.left0 {position: relative; clear: both; left: -52px;}
.zindex10 {z-index: 10;}
.zindex1000 {z-index: 1000;}
.motive-img, .motive-img2, .banner-img, .banner-img2 {position: absolute; z-index: 10; top: 36px; right: 45px;}
.motive-img2 {top: 318px;}
.banner-img {top: 64px;}
.banner-img2 {top: 70px;}
.float-left {position: relative; float: left;}
.float-right {position: relative; float: right;}
.image-r {right: -104px; top: 40px; margin-bottom: 60px;}
.image-l {left: -104px; top: 40px; margin-bottom: 60px;}
.image-l2 {left: 50px; top: 10px; margin: 0 150px 20px 0;}
a.link-vice:link, a.link-vice:active, a.link-vice:visited {color: #03b8e7; font-size: 17px; text-decoration: none; padding-right: 16px; background: url('/__img/link-arrow.png') 100% 4px no-repeat;}
a.link-vice: hover {color: #000; text-decoration: none;}
.btns-down {text-align: center;}
.btns-down img {margin: 60px 28px 60px 0;}
.bigger-ul a {color: #000000; font-size: 15px; text-decoration: none;}
.bigger-ul a:hover {text-decoration: underline;}
.citation {font-size: 14px; color: #364363; line-height: 20px; font-style: italic;}
.ico-tel, .ico-email {font-size: 15px; color: #364363; background: url('/__img/phone-ico.png') 0 0 no-repeat; padding-left: 30px; margin-bottom: 8px;}
.ico-email {background: url('/__img/email-ico.png') 0 0 no-repeat;}
div.ico-email a, a.link-darkblue {color: #364363; text-decoration: underline;}
div.ico-email a:hover, a.link-darkblue:hover {text-decoration: none;}
#subscribe {width: 1000px; height: 100px; background: url('/__img/link-subscribe.png') 0 0 no-repeat;}
#subscribe h3 {position: relative; float: left; margin: 0 5px 0 205px; padding-top: 30px; font-size: 28px; color: #5a524a; line-height: 14px;}
#subscribe h3 span {font-size: 15px;}
#subscribe a.btn-greenongrey {margin-top: 32px;}
.input-subscribe {position: relative; float: left; width: 255px; height: 30px; margin: 33px 20px 0 20px; padding-left: 5px; padding-right: 5px; color: #5a524a; background: #FFF; font-size: 15px; border: #d3d3d3 1px solid;}
a.btn-greenongrey {display: block; padding: 0 20px 0 20px; position: relative; float: left; height: 31px; color: #FFF; background: url('/__img/btn-greengrey.png') 0 0 repeat-x; text-decoration: none; font-size: 14px; line-height: 27px;}
a.btn-greenongrey span {width: 16px; height: 31px; position: absolute; top: 0; cursor: pointer;}
a.btn-greenongrey span.left {left: 0; width: 16px; height: 31px; background: url('../__img/btn-greengrey-left.png') 0 0 repeat-x;}
a.btn-greenongrey span.right {right: 0; width: 16px; height: 31px; background: url('../__img/btn-greengrey-right.png') 0 0 repeat-x;}
#ico-tech, .ico-otazky {margin-top: 5px;}
.small-text {font-size: 13px;}

.box-vyzkouset {margin: 25px 0; padding: 15px 20px 15px 20px; width: 538px; height: 210px; background: #EEE; text-align: left;}
.box-vyzkouset h3 {margin: 0;}
.vyzkouset-note {padding-top: 14px; width: 340px; border-width: 3px 0 0 0; border-color: #FFFFFF; border-style: solid; font-size: 12px; line-height: 18px;}
.box-vyzkouset form {width: 340px; margin: 29px 0 29px 0; font-size: 14px;}
.box-vyzkouset input, #frmdwnl input, #frmpdf input {width: 160px; height: 54px; margin: 0 15px 0 0; padding: 0 10px; color: #364363; background: #FFF; font-size: 14px; border: #d3d3d3 1px solid;}
.box-vyzkouset input.req, #frmdwnl input.req, #frmpdf input.req {border: solid 1px #d00; box-shadow: 0 0 1px #d00; color: #d00;}

input.input-vyzkouset {width: 280px; padding: 10px; color: #364363; background: #FFF; font-size: 14px; border: #d3d3d3 1px solid;}
textarea.input-vyzkouset {width: 360px; height: 100px; padding: 10px; color: #364363; background: #FFF; font-size: 14px; border: #d3d3d3 1px solid;}
textarea#upoffnote {width: 270px;}
#frmdwnl input {width: 200px;}

a#btn-nova:link, a#btn-nova:active, a#btn-nova:visited, a#btn-upgrade:link, a#btn-upgrade:active, a#btn-upgrade:visited, a#btn-skoly:link, a#btn-skoly:active, a#btn-skoly:visited {display: block; float: left; margin-right: 12px; width: 261px; height: 448px; background: url('/__img/objednavka/btn-nova-multilicence_akt.png') 0 0 no-repeat; text-decoration: none;}
a#btn-upgrade:link, a#btn-upgrade:active, a#btn-upgrade:visited {background: url('/__img/objednavka/btn-upgrade_akt.png') 0 0 no-repeat;}
a#btn-skoly:link, a#btn-skoly:active, a#btn-skoly:visited {background: url('/__img/objednavka/btn-skoly_akt.png') 0 0 no-repeat;}
a#btn-nova:hover {background: url('/__img/objednavka/btn-nova-multilicence_akt.png') -261px 0 no-repeat; text-decoration: none;}
a#btn-upgrade:hover {background: url('/__img/objednavka/btn-upgrade_akt.png') -261px 0 no-repeat; text-decoration: none;}
a#btn-skoly:hover {background: url('/__img/objednavka/btn-skoly_akt.png') -261px 0 no-repeat; text-decoration: none;}
a#btn-nova span, a#btn-upgrade span, a#btn-skoly span {display: block; padding: 88px 0 0 19px; color: #344563; font-size: 16px;}
.fake-center {margin-left: 40px;}

#koupit-komercni, .w379px {margin-right: 20px; width: 379px; position: relative; float: left;}
#koupit-komercni h2, #koupit-vyukove h2 {margin-top: 0; color: #0084cb; font-size: 26px; font-weight: bold;}
#koupit-komercni h2 span, #koupit-vyukove h2 span {margin-top: 5px; font-size: 18px; font-weight: normal; text-transform: uppercase;}
#koupit-komercni ul, #koupit-vyukove ul {list-style-type: none; margin: 0; padding: 0;}
#koupit-komercni ul li a, #koupit-vyukove ul li a {display: block; width: 352px; height: 85px; padding-left: 28px; color: #FFFFFF; background: #73bbe2; font-size: 22px; text-decoration: none; line-height: 80px; border-width: 0 0 1px 0; border-color: #FFFFFF; border-style: solid;}
#koupit-komercni ul li a:hover {background: #0084cb;}
#ico-new, #ico-upg, #ico-per, #ico-sup1, #ico-sup2 {display: block; position: absolute; top: 115px; right: 27px; z-index: 1; width: 30px; height: 30px; background: url('/__img/objednavka/ico-koupit.png') 0 0 no-repeat;}
#ico-upg {top: 201px; background: url('/__img/objednavka/ico-koupit.png') -30px 0 no-repeat;}
#ico-per {top: 201px; background: url('/__img/objednavka/ico-koupit.png') -60px 0 no-repeat;}
#ico-sup1, #ico-sup2 {top: 115px; background: url('/__img/objednavka/ico-koupit.png') -90px 0 no-repeat;}
#ico-sup2 {top: 201px;}
#koupit-vyukove {margin-right: 0; width: 379px; position: relative; float: left;}
#koupit-vyukove h2 {color: #713783;}
#koupit-vyukove ul li a {background: #b89bc1;}
#koupit-vyukove ul li a:hover {background: #713783;}
.emptybuy1 {height: 85px; background: #73bbe2; border-width: 0 0 1px 0; border-color: #FFFFFF; border-style: solid;}

.edu {width: 890px; margin-bottom: 20px;}
.edu td {border-top: solid 1px #f0f0f0; padding: 15px 0; font-size: 14px;}
.edu td label, .edu th {font-size: 14px;}
.edu input {float: left; margin-right: 5px;}
.edu th {padding-top: 6px;}
.edu td.nb {border: none; text-decoration: line-through; padding: 10px 0px 0px 0px;}
.edu .product {text-align: left; width: 250px;}
.edu .ichk {line-height: 23px; font-weight: bold;}
div.ichke {background: transparent url('/__img/chk.png') 0 -23px no-repeat; width: 23px; height: 23px; float: left; margin-right: 10px;}
.edu td.last {text-align: left; border-bottom: none; padding-bottom: 20px; width: auto;}
.edu tfoot {color: #00bce4; border-top: solid 1px #00bce4; border-bottom: solid 1px #00bce4;}
.edu tfoot td {border-bottom: none; text-align: right; border-top: solid 1px #00bce4; border-bottom: solid 1px #00bce4;}
.edu td.totalprice, .edu td.totalprice span {font-weight: bold; font-size: 16px; color: #1b1b1b; width: auto;}
/* a.linkdropdown {font-size: 18px; color: #5a524a; background: #e5e5e5 url('/__img/arr-down-black.png') 265px 15px no-repeat; width: 300px; padding: 8px 36px 8px 16px;} */
a.linkdropdown {font-size: 18px; color: #5a524a; background: #FFFFFF; /*url('/__img/arr-down-black.png') 347px 15px no-repeat;*/ width: 300px; padding: 8px 36px 8px 16px; text-decoration: none;}
a.linkdropdown:hover {text-decoration: underline;}
/*div.greyinfo {background-color: #e5e5e5; padding: 10px 15px;}*/
div.greyinfo {background-color: #FFFFFF; padding: 10px 15px;}
div.greyinfo p {margin: 0;}


.edu2 {width: 666px; background-color: #F2F2F2; text-align: center;}
.edu2 .price {font-weight: bold;}
.fairprice {font-size: 18px;}
.edu2 td, .edu2 th {border: solid 1px #FFF; font-size: 18px; padding: 10px;}
.edu2 th {background-color: #5A524A; color: #FFF; padding: 6px 10px; font-size: 16px;}
.edu2 .product {text-align: left; width: 450px;}
.edu2 .product span {display: block; font-size: 16px;}
.edu2 .ichk div.ichke {margin-top: 9px;}
div.ichke {background: transparent url('/__img/ichk.png') 0 0 no-repeat; width: 23px; height: 23px; float: left; margin-right: 15px;}

.frm {margin-bottom: 40px;}
.frm td {padding: 3px 0;}
.frm th {text-align: left; font-weight: bold; padding: 10px 0; font-size: 14px;}
.frm label {width: 160px; height: 17px; float: left; color: #484848; font-size: 13px; text-align: left;}
.frm label.plabel {line-height: 22px;}
.frm label.short {width: 60px; margin-left: 6px;}
.frm input {width: 224px; border: solid 1px #03B8E7; padding: 5px; float: left;}
.frm textarea {width: 490px; height: 160px; border: solid 1px #03B8E7; padding: 5px; float: left;}
.frm input.short {width: 206px;}
.frm input.wide {width: 490px;}
.frm .chk input {margin-left: 120px; width: auto; border: none;}
.frm td.chk input, .frm tr.chk input {margin-left: 0; width: auto; border: none;}
.frm td.chk input.text, .frm tr.chk input.text {width: 224px; border: solid 1px #03B8E7; padding: 5px; float: none;}
.frm .chk label {float: none; width: auto;}
.frm select {width: 236px; border: solid 1px #00b9e4; padding: 5px;}
.frm select.wide {width: 502px;}
.frm td.note {font-size: 11px; line-height: 16px; padding-bottom: 15px;}
.frm td.lbl {width: 160px;}
.frm td.wide {width: 490px;}
.frm td.lblshort {width: 66px;}
.frm td.short {width: 206px;}
.frm td.split {font-size: 11px; font-weight: bold;}
.frm td.split span {width: 100px; display: block; float: left;}
.frm td.split hr {border: solid 0px #fff; border-bottom: solid 1px #e0e0e0; height: 1px; width: 560px; margin-top: 10px; display: block; float: left;}

#error, .error {color: #F00; margin-bottom: 20px; padding: 20px; border: solid 1px #F00;}
#error p, .error p, #school #error p {color: #F00; font-size: 12px;}
#error ul, .error ul {list-style-type: disc;}
#error li, .error li {line-height: 24px; font-size: 13px; color: #F00;}

.note {font-size: 12px;}
.req {color: #F00;}

.dropdown-news, .dropdown-upgrade, .dropdown-vlastnosti {width: 896px; height: 52px; margin: 0 0 20px 0; text-align: center; color: #007cc6; font-size: 23px; line-height: 30px; cursor: pointer; border-width: 0 0 2px 0; border-style: solid; border-color: #e5e5e5;}
.dropdown-news span, .dropdown-upgrade span, .dropdown-vlastnosti span {position: relative; float: left; left: 265px; background: #e5e5e5; padding: 8px 16px 15px 50px;}
.dropdown-upgrade span {left: 190px;}
.dropdown-news span.arr-down, .dropdown-upgrade span.arr-down, .dropdown-vlastnosti span.arr-down {position: relative; float: left; height: 30px; background: #e5e5e5 url('/__img/arr-down-black.png') 0 18px no-repeat; padding: 8px 62px 15px 0;}
.dropdown-wrap {width: 896px;}
.dropdown-news-list, .dropdown-upgrade-list, .dropdown-upgrade-list2, .dropdown-vlastnosti-list {display: none; list-style-type: disc; font-size: 15px; line-height: 26px; color: #344563; margin: 25px 40px 15px 0;}
.dropdown-upgrade-list {margin: 25px 0 0 0;}
ul.dropdown-news-list li, ul.dropdown-upgrade-list li, ul.dropdown-vlastnosti-list li, ul.dropdown-upgrade-list2 li, {font-size: 15px;}
div.dropdown-upgrade-list h4, div.dropdown-upgrade-list2 h4 {margin: 0; padding: 0;}
.dropdown-news-list strong {font-size: 15px;}

ul.dropdown-news-list li {font-size: 15px;}

ul.blue2, ul.blue3, ol.blue2, span.blue {color: #03b8e7;}
span.blue a {text-decoration: underline;}
ul.blue2 a, ul.blue2 span, ol.blue2 span {color: #364363; font-size: 16px; line-height: 26px;}
ul.blue3 span {color: #364363;}
.marginlul {margin-left: 462px;}
.downl-underbox {position: absolute; top: 240px; right: 25px;}

.wait {margin: auto; width: 100px; text-align: center;}
.wait div {width: 20px; height: 20px; background-color: #21BBE6; border-radius: 100%; display: inline-block; -webkit-animation: bdelay 1.4s infinite ease-in-out both; animation: bdelay 1.4s infinite ease-in-out both;}
.wait .b1 {-webkit-animation-delay: -0.32s; animation-delay: -0.32s;}
.wait .b2 {-webkit-animation-delay: -0.16s; animation-delay: -0.16s;}
@-webkit-keyframes bdelay {
    0%, 80%, 100% { -webkit-transform: scale(0) }
    40% { -webkit-transform: scale(1.0) }
}

@keyframes bdelay {
    0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); }
    40% { -webkit-transform: scale(1.0); transform: scale(1.0); }
}

#loading, #popup, .popup, #popup2, #popup3, .fog, #loading2 {width: 100%; height: 100%; background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAQSURBVHjaYvjw4UMDQIABAAj1A1HpYOwLAAAAAElFTkSuQmCC) repeat 0 0; position: fixed; top: 0; left: 0; z-index: 1000; display: none;}
#loading2 {display: block;}
.fog {position: absolute;}
#loading table, #popup table, .popup table, #popup2 table, #popup3 table, #loading2 table {width: 100%; height: 100%; vertical-align: middle;}
#loading td, #popup td, .popup td, #popup2 td, #popup3 td, #loading2 td {text-align: center; vertical-align: middle;}
.msgbox p.var {float: right; width: 200px;}
.msgbox {position: relative; margin: auto; width: 650px; text-align: left; background-color: #F2F2F2; border: solid 1px #5A524A; display: none;}
.msgbox2 {position: relative; margin: auto; width: 580px; padding: 10px 0 30px 30px; text-align: left; background: #FFF; border: solid 2px #d3d3d3;}
.msgbox.smaller {width: 515px;}
.msgbox h2 {color: #5A524A;}
.msgbox h2 span {display: block; line-height: 16px; font-size: 18px;}
.msgbox label {width: 80px; display: block; float: left; line-height: 40px;}
#btnsendmore {margin-right: 20px;}
.msgbox label.long {width: 200px;}
#popup .msgbox table {width: auto;}
#popup .msgbox td {font-size: 16px; font-weight: bold; text-align: left; width: auto;}
#popup .msgbox td a {font-size: 14px;}
#popup .msgbox td.icoat, #popup .msgbox td.icophone {padding: 0 20px; font-size: 14px;}
#popup .msgbox td.icoat {background-position: 0 5px;}
.msgbox td span#zpscount {margin: 0 5px;}
.msgbox ul#numbers {top: 235px; left: 458px;}
.msgbox div.content {margin: 25px;}
.msgbox div.note {color: #667; margin: 20px 0;}
.msgbox div.note a, .msgbox div.note td {color: #667;}
.msgbox div.note p {margin-bottom: 0;}
.msgbox p {margin-bottom: 10px;}
.msgbox p.bigger {font-size: 16px;}
.msgbox p.mb20 {margin-bottom: 20px;}
.msgbox p.note {font-size: 11px; clear: both;}
.msgbox p.msgtitle {font-weight: bold; background-color: #5A524A; color: #FFF; line-height: 43px; height: 43px; font-size: 14px; position: relative; padding: 0 20px 0 25px;}
.msgbox a.close {color: #AAA; font-size: 25px; float: right;}
.msgbox a:hover.close {color: #FFF; text-decoration: none;}
.msgbox a.close.btn-blue {color: #FFF; font-size: 18px; font-weight: bold; line-height: 50px;}
#popup iframe, #popup2 iframe {width: 820px; height: 440px; z-index: 10000; display: none; position: relative;}
#popup2 table, #popup2 table td {z-index: 1001; position: relative;}
#preziwrap {position: relative; margin: auto; width: 820px; height: 440px; text-align: left; background-color: #F2F2F2; display: none;}
#popup.popup_visible {display: block;}

#popup .msgbox table.more label {width: auto; float: none;}
#popup .msgbox table.more label.optional {width: auto; float: none; line-height: 20px;}
#popup .msgbox table.more label.optional span {display: block; line-height: 10px;}
#popup .msgbox table.more td {padding-right: 20px;}
#popup .msgbox table.more td table td {padding-right: 0;}
#popup .msgbox table.more td table label.minheight {line-height: 20px;}
#popup .msgbox table.more td.space {height: 10px;}

.icoat {height: 14px; line-height: 10px; padding-left: 20px; margin: 10px 0 10px 0; background: transparent url(data:image/gif;base64,R0lGODlhEAAOAMQAALri7X3U6ofW68/n7Zvb69rp7abd7OPs7l3N6rDg7JHZ62jP6sXk7VTK6XLS6u7u7knI6QAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAAQAA4AAAWE4CMWygKdECIUYps0qULMJpS4KfMMzCEyMF0B0jgMECiTYwBxPAS2AiyQqCkeDsijgXgEmr8T4EHQQgKP0+3BOPlM6etJ91Ck2GDIIg0x7GACADADWBADdnooJw1rbQsHBg4OM5IGJA43UA0GPi0PAFmPIgYwKZJZJwKdLQAKpw4Bli0hADs=) no-repeat 0 0;}
.icoat a {color: #344563; text-decoration: underline;}
.icoat a:hover {text-decoration: none;}
.icophone {font-size: 13px; height: 21px; padding-left: 20px; background: transparent url(data:image/gif;base64,R0lGODlhDAAVAKIAAJvb65HZ62jP6lTK6XLS6gO450nI6f///yH5BAAAAAAALAAAAAAMABUAAAM1CLbc2pAJQisV6+jNM//et4XiQYonaJTjypoum3ZxaRR4rhf3vve+HDDIIwohgQDksRgMHAkAOw==) no-repeat 2px 0;}

#zpscount {display: block; width: 20px; height: 27px; background: transparent url('/__img/num.png') 0 0 no-repeat; line-height: 27px; padding-right: 35px; text-align: right; margin: 0 auto;}
#numbers {list-style-type: none; border: #5A524A 1px solid; display: none; position: absolute; top: 47px; left: 317px; z-index: 1000; background-color: #FFF; padding: 0; width: 53px; line-height: 15px;}
#numbers a, #order #numbers a {display: block; padding: 0 10px; text-decoration: none; color: #5A524A; font-size: 12px;}
#numbers a:hover, #order #numbers a:hover {background-color: #ACA8A4; color: #FFF;}
#eset #numbers {position: absolute; top: 183px;}
td.wide243 {width: 243px;}
.wide243 #numbers {left: 442px;}

a.vyzkousetlink:link, a.vyzkousetlink:active, a.vyzkousetlink:visited {color: #344563; text-decoration: underline;}
a.vyzkousetlink:hover {text-decoration: none;}
.quizbox {position: absolute; top: 310px; right: 50px;}
.quizboxbtn {position: absolute; top: 580px; right: 60px;}
ul.cross, ul.check {list-style-type: none;}
ul.cross li {background: url('/__img/arrow-x-small.png') no-repeat 0 8px; color: #344563; padding-left: 25px;}
ul.check li {background: url('/__img/arrow-yes-small.png') no-repeat 0 8px; color: #344563; padding-left: 25px;}
a.darkblue:link, a.darkblue:active, a.darkblue:visited {color: #344563; text-decoration: underline;}
a.darkblue:hover {text-decoration: none;}

div.third {width: 210px; height: 100px; float: left; vertical-align: middle;}
div.third a {color: #464646; text-decoration: none; float: left;}
div.third a img {border: none;}
div.third a.tl {margin: 18px 0 0 10px;}
.ins {font-weight: bold; color: #76AB0A; font-size: 14px;}

#lubapanel {width: 254px; height: 445px; position: fixed; top: 85px; left: 0px; z-index: 1000;}
#lubapanel img {position: relative; float: left;}

h1.row {margin: 20px 0 20px 52px;}
#content2 h1.row span {font-size: 32px; line-height: 26px; display: block;}
#studie01-btn-vyzkouset {position: absolute; top: 0; right: 0; z-index: 100; width: 174px; height: 71px;}
#studie-motive {width: 1000px; height: 554px; background: url('../__img/tutorialy/studie01-motiv-a-seznam.png') no-repeat 0 0; font-family: verdana, tahoma, helvetica, arial, san-serif;}
	#studie-motive ul {list-style-type: none; width: 423px; margin: 0 0 0 25px; padding: 13px 0 0 0; text-align: right;}
	#studie-motive ul li a {font-size: 16px; color: #03b8e7; text-decoration: none; line-height: 41px;}
	#studie-motive ul li a:hover {color: #364363; text-decoration: underline;}
	#studie-motive p.left, #studie-motive p.right {width: 398px; margin: 37px 0 0 54px; font-size: 14px; text-align: right; position: relative; float: left;}
	#studie-motive p.left, #studie-motive p.right span {line-height: 24px; font-size: 14px;}
	#studie-motive p.right {margin: -23px 54px 0 0; padding: 0; text-align: left; float: right;}

.studie-nadpis-l, .studie-nadpis-p {width: 942px; height: 82px; background: #f0f0f0; margin-left: 29px;}
	.studie-nadpis-l h2, .studie-nadpis-p h2 {float: left; width: 398px; padding-left: 25px; color: #18bee9; font-size: 24px; text-align: right; line-height: 26px; margin: 29px 0 0 0;}
	.studie-nadpis-p h2 {padding: 0; text-align: left;}
	.studie-nadpis-l img, .studie-nadpis-p img, .studie-obsah-l img, .studie-obsah-p img {float: left;}
	.studie-nadpis-l span, .studie-nadpis-p span {float: left; width: 398px; padding-top: 25px; margin: 0; color: #364363; font-size: 14px; font-style: italic;}
	.studie-nadpis-p span {padding: 25px 0 0 25px; text-align: right;}
	
.studie-obsah-l, .studie-obsah-p {width: 942px; background: #FFF; margin-left: 29px; clear: left;}
	.studie-obsah-l p, .studie-obsah-p p {float: left; width: 398px; padding: 19px 0 0 25px; margin: 0; color: #364363; font-size: 13px; line-height: 20px; text-align: right;}
	.studie-obsah-p p {text-align: left; padding: 19px 0 0 46px;}
	.studie-obsah-l span, .studie-obsah-p span {font-size: 11px; font-weight: bold; line-height: 18px;}
	.blue-line {float: left; width: 47px; height: 100%; border-color: #42bfdf; border-width: 0 3px 0 0; border-style: solid;}
	.studie-patka {width: 942px; height: 44px; margin-left: 29px; background: url('../__img/tutorialy/point-without.png') no-repeat 0 0;}
	
.center {text-align: center;}
.center img, .center div.box-vyzkouset {margin: -15px auto 0 auto; float: none;}

ul.points, ul.points2, ul.points-whole {list-style-type: none; float: left; margin-left: 0; padding-left: 0;}
ul.points2 {width: 440px;}
ul.points-whole {width: 840px;}
ul.points li, ul points2 li, ul points-whole li {clear: both;}
ul.points span, ul.points2 span, ul.points2 span.actived, ul.points-whole span, ul.points-whole span.actived {display: block; float: left; margin: 3px 5px 0 0; width: 19px; height: 16px; background: transparent url(/__img/tutorialy/kreslime-tvary/points.png) 0 0 no-repeat; color: #FFF; padding: 0 0 0 8px; line-height: 17px; font-weight: bold;}
ul.points em, ul.points2 em,  ul.points-whole em {display: block; float: left; width: 460px; font-style: normal; padding-bottom: 10px;}
ul.points2 em {width: 400px;}
ul.points-whole em {width: 800px;}
ul.points span.active, ul.points2 span.active, ul.points-whole span.active {background-position: 0 -16px;}
ul.points span.r, ul.points span.activer, ul.points2 span.r, ul.points2 span.activer, ul.points-whole span.r, ul.points-whole span.activer {padding-left: 5px;}
ul.points span.r, ul.points2 span.r, ul.points-whole span.r {background-position: 0 -32px;}
ul.points span.activer, ul.points2 span.activer, ul.points-whole span.activer {background-position: 0 -48px;}

ul.points2 span.actived, ul.points-whole span.actived {height: 19px; background: transparent url(/__img/tutorialy/hromadne-operace/point-down.png) 0 0 no-repeat; color: #FFF; padding: 0 0 0 8px; line-height: 17px; font-weight: bold;}

img.leftpoints {float: left; margin: 0 30px 35px 0;}
img.rightpoints {float: right; margin: 0 0 35px 30px;}

.hrblue {clear: both; background-color: #05B7E7; height: 4px; margin: 35px 0;}
#dwnlpnl {background-color: #5a524a; width: 100%; height: 60px; position: fixed; top: -60px; left: 0; z-index: 100;}
#dwnlpnl h2 {width: 600px; float: left;}
#dwnlpnl a.btn-blue {float: right; height: 54px; background: url('/__img/btn-blue2.png') 0 0 repeat-x; font-size: 20px; font-weight: bold; line-height: 54px; margin-top: 2px; border-radius: 5px;}
#prezi2 {margin: 40px;}

.dam h2 {color: #05B7E7;}
.dam ul.blue3 strong, .dam ul.dropdown-news-list strong {font-size: 13px;}
.dam ul.blue2 a, .dam ul.blue2 span, .dam ol.blue2 span {font-size: 14px;}
.dam ul.blue3 ul li span {color: #344563;}
.bigger-li {font-size: 15px;}

.crack {background: #E5E5E5; height: 10px; text-align: center; display: block; margin: 35px -52px; border-top: solid 1px #DDD;}
.crack span {color: #5B524B; font-size: 28px; display: inline-block; background: #E5E5E5; height: 60px; line-height: 60px; border-radius: 40px; padding: 10px 30px; margin: -35px auto 0 auto; font-weight: bold; box-shadow: inset 0 2px 2px #BBB;}
.crack span.tworow {line-height: 22px;}
.crack em {line-height: 0; display: inline-block; text-align: left; width: 100%; margin: 0 40px 0 0; font-style: normal; font-size: 14px; font-weight: normal;}
.crack em.big {margin: 0 10px; font-size: 28px; font-weight: bold; line-height: 28px;}
.crack em.smaller {font-size: 20px; font-weight: normal; line-height: 20px; text-align: center;}
.crack img {margin-left: 15px;}
.crack span.tworow img {float: right; margin: -8px 0 0 15px;}

#cookies {background: #03B8E5; height: 40px; line-height: 40px; position: fixed; bottom: -40px; margin: 0; width: 100%; text-align: center; display: none; font-size: 12px; color: #FFF; z-index: 1000;}
#cookies a {color: #FFF; text-decoration: underline; display: inline-block; margin: 0 10px; font-size: 12px;}
#cookies a:hover {color: #FFF; text-decoration: none;}
#cookies a.btn {color: #FFF; font-size: 14px; text-decoration: none; height: 30px; line-height: 30px;}

/*.dam .list2 ul li {font-size: 15px;} */

/* edu */

span.selectbox {position: relative; height: 40px; display: inline-block;}
span.selectbox:after {content:'▽'; font-size: 20px; color: #fff; right: 10px; top: 5px; padding: 0 0 2px; position: absolute; pointer-events: none;}
span.selectbox:before {content:''; right: 2px; top: 2px; width: 32px; height: 36px; background: #03b8e7; position: absolute; pointer-events: none; display: block;}
    
span.selectbox select {margin: 0; border: solid 2px #d3d3d3; padding: 0 10px; width: 130px; font-size: 16px; color: #364363; height: 40px; outline: none; display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer;}
span.selectbox option {font-size: 14px;}
@media screen and (-webkit-min-device-pixel-ratio:0) { span.selectbox select {padding-right: 18px} }

#order-content {position: relative;}
#order-left {width: 550px; float: left; position: relative;}
#eduorder {width: 550px; border-collapse: collapse;}
#eduorder td, #eduorder td span {font-size: 15px;}
#eduorder td span.small {font-size: 12px;}
#eduorder td {padding: 30px 0; border-bottom: solid 2px #d3d3d3;}
#eduorder td.center {text-align: center;}
#eduorder td.duration {width: 100px; padding-left: 40px;}
#eduorder td.duration label {font-size: 14px;}
#eduorder tr.noborder td {padding: 30px 0 0 0; border-bottom: none;}
#eduorder td.product {width: 265px;}
#eduorder td.product span, #eduorder td.price span, #eduorder td.price span s {font-size: 18px;}
#eduorder td.product span.descript {font-size: 15px; font-style: normal;}

#eduorder td.price {text-align: center; width: 100px;}
#eduorder thead td, #cart thead td {padding: 10px 0; font-weight: bold; font-size: 18px;}
.calendar {position: relative;}
.calendar table {border: solid 1px #d3d3d3; background-color: #FFF; position: absolute; top: 0; left: 230px; z-index: 100;}
.calendar table table {border: none; position: relative; top: auto; left: auto;}
.calendar td {border: none; padding: 4px;}

table.cal {border: solid 1px #d3d3d3;}
table.cal td {border: none;}
table.cal td a {padding: 4px; display: block; border-radius: 15px;}
table.cal td a:hover {background-color: #d3d3d3;}
table.cal td.sds a {background-color: #03b8e7; text-decoration: none;}
table.cal td.tds a {background-color: #d3d3d3;}

p.radio {margin-bottom: 0; position: relative;}
.radio label {font-size: 14px;}
.radio2 label {width: auto;}
.radio2 label em {display: block; float: left; width: 500px;}
.radio .rad, .radio .radactive, #eduorder .rad, #eduorder .radactive, #eduorder .chk, #eduorder .chkactive, .fields .chk, .fields .chkactive  {position: relative; display: inline-block;}
.radio .rad input, .radio .radactive input, #eduorder .rad input, #eduorder .radactive input, #eduorder .chk input, #eduorder .chkactive input, .fields .chk input, .fields .chkactive input {width: 25px; height: 20px; margin: 0 10px 10px 0; float: left; opacity: 0; filter: alpha(opacity = 0);}
.radio .rad span, .radio .radactive span, #eduorder .rad span, #eduorder .radactive span, #eduorder .chk span, #eduorder .chkactive span, .fields .chk span, .fields .chkactive span {display: inline-block; margin-bottom: 5px; font-weight: bold;}
.radio .rad b, .radio .radactive b, #eduorder .rad b, #eduorder .radactive b, #eduorder .chk b, #eduorder .chkactive b, .fields .chk b, .fields .chkactive b {background: url(/__img/objednavka/chk.png) no-repeat scroll 0 0 transparent; position: absolute; top: 0; left: 0; width: 25px; height: 20px; z-index: 1;}
.radio .rad b, .radio .radactive b, #eduorder .rad b, #eduorder .radactive b {background-image: url(/__img/objednavka/rad.png);}
.radio .radactive b, #eduorder .radactive b, #eduorder .chkactive b, .fields .chkactive b {background-position: 0 -20px;}
#eduorder .chk label, #eduorder .chkactive label {float: left; width: 330px;}

.field {margin-bottom: 25px;}
.field input, .fields input, .fields textarea {width: 340px; height: 52px; margin: 0 15px 0 0; padding: 0 10px; color: #364363; background: #FFF; font-size: 14px; border: solid 2px #d3d3d3;}
.field input:focus, .fields input:focus, .fields textarea:focus {background: #F6F6F6;}
.fields div {position: relative; margin-bottom: 10px;}
.fields div label {position: absolute; top: 2px; left: 10px; font-size: 14px; line-height: 52px; text-align: right; width: 130px; cursor: pointer; color: #364363; z-index: 11; font-size: 14px;}
.fields .chk label, .fields .chkactive label {font-size: 15px; line-height: 22px;}
.fields input {padding-left: 146px; width: 390px;}
.fields input.req {border-color: #F00; box-shadow: #F00 0 0 1px;}
.fields p.note {margin-bottom: 0; width: 490px;}
.fields textarea {width: 526px; height: 100px; padding: 10px;}
.nomargin {margin-bottom: 5px;}
.nomargin .chk input, .nomargin .chkactive input {margin-bottom: 0;}

a.info, #order a.info {border: solid 2px #B4B4B4; color: #B4B4B4; position: relative; font-size: 14px; font-weight: bold; padding: 0 6px; border-radius: 13px; text-decoration: none;}
div.fields a.info {position: absolute; right: 18px; top: 18px;}
a.info:hover {border-color: #21BBE6; color: #21BBE6;}
a.info span, #eduorder td.price a.info span {text-align: left; display: inline-block; visibility: hidden; opacity: 0; position: absolute; background: #21BBE6; bottom: 26px; left: 50%; transform: translateX(-50%); width: 350px; padding: 15px; font-size: 14px; font-weight: normal; color: #FFF; line-height: 20px; transition: visibility 0s linear 0.5s, opacity 0.5s linear; z-index: 100;}
a.info span strong {color: #FFF;}
a.info:hover span, #eduorder td.price a.info:hover span {visibility: visible; opacity: 1; transition-delay: 0s;}
a.info span em {display: block; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-style: solid; border-width: 8px 8px 0 8px; border-color: #21BBE6 transparent transparent;}
#eduorder td.price a.info:hover span i, a.info:hover span u, #orderpanel span, ul.blue span {font-size: 14px;}

a.info.info-green:hover {border-color: #76ab0a; color: #76ab0a;}
a.info.info-green span {background: #76ab0a;}
a.info.info-green span em {border-color: #76ab0a transparent transparent;}

#cart {padding: 0 10px 10px 10px; width: 305px; position: absolute; left: 580px; z-index: 6; background-color: #ccf1fa;}
#cart table {width: 305px; border-collapse: collapse;}
#cart td {padding: 10px 0 10px 5px;}
#cart tr.line td {border-bottom: solid 2px #fff; padding: 0;}
#cart td.header {padding: 15px 0 0 5px; border: none; font-weight: bold;}
#cart td.price {text-align: right; white-space: nowrap; padding: 10px 5px 10px 0;}
#cart td, #cart td span, #cart td b, #cart td s {font-size: 14px;}
#cart tfoot td {color: #364363; font-size: 14px; border-bottom: solid 1px #fff; padding: 10px 0 10px 5px;}
#cart tfoot tr.total td {color: #03B8E5; font-size: 18px; font-weight: bold;}
#cart tfoot tr.total td span {font-size: 20px;}
#cart tfoot td span {float: right;}
#cart tfoot tr.last td {border: none;}

.bluebg, span.number {color: #FFF; background-color: #03b8e7; padding: 5px; font-weight: bold; display: block;}
#orderpanel span.number {border-radius: 15px; display: inline-block; padding: 0 10px; line-height: 30px; font-size: 20px; font-weight: normal;}
.bluebg a {color: #FFF; text-decoration: underline;}

#request_send {margin-right: 10px;}

ul.folder {list-style-type: none;}
ul.folder li {padding: 0 0 2px 0; list-style-image: url('/__img/tutorialy/ico-folder.png');}

.mleft25 {margin-left: 25px;}

/* popup */
#newpages {position: absolute; top: 0; height: 100%;}
#newpages.popup td {vertical-align: top; padding-top: 50px;}
#newpages p, #newpages a {font-family: 'museo_sans300', Verdana, sans-serif!important;}
#newpages h1, #newpages h2 {font-family: 'museo_sans700', Verdana, sans-serif!important; font-size: 33px; color: #000;}
#newpages h2 {font-size: 32px; color: #000; line-height: 140px; margin: 0 0 20px 0;}
#newpages div.holder {width: 1000px; background-color: #FFF; box-sizing: border-box; text-align: center; padding: 40px; position: relative;}
#newpages a.close {position: absolute; top: 0; right: 15px; font-size: 50px;}
#newpages a.close:hover {text-decoration: none;}
#newpages p.perex {font-size: 23px; line-height: 30px; width: 100%; margin-bottom: 40px; color: #000;}
#newpages div.bordered {border: solid 2px #D9D9D9; border-radius: 2px; padding: 25px 30px; margin-bottom: 20px; position: relative; box-sizing: border-box;}
#newpages .clear, #newpages .clear5, #newpages .clear15, #newpages .clear30 {clear: both; height: 0;}
#newpages .clear5 {height: 5px;}
#newpages .clear15 {height: 15px;}
#newpages .clear30 {height: 30px;}
#newpages .col50 {width: 50%; position: relative;}
#newpages .col80 {width: 80%; position: relative;}
#newpages .col90 {width: 90%; position: relative;}
#newpages .iblock {display: inline-block;}
#newpages .fleft {position: relative; float: left;}
#newpages .center {margin: 0 auto!important; text-align: center!important;}
#newpages .tleft {text-align: left!important;}
#newpages .tcenter {text-align: center;}
#newpages div.bordered.iconed {margin-top: 50px!important; padding-top: 0;}
#newpages div.bordered.iconed img {margin-top: -80px!important;}
#newpages .btns {font-family: 'museo_sans700', Verdana, sans-serif!important; font-size: 20px; color: #FFF; line-height: 70px; padding: 0 26px; text-align: center; text-decoration: none; border-radius: 6px; display: block; margin: 10px 0;}
#newpages .bgreen {background: #85bb24; box-shadow: 0 5px #6DA025;}
#newpages .bgreen:hover {background: #7aae1d;}
#newpages .bblue {background: #12b8e6; box-shadow: 0 5px #3197BC;}
#newpages .bblue:hover {background: #12abd5;}

@media only screen and (max-width: 1000px) {
    #newpages div.holder {width: 90%;}
}

@media only screen and (max-width: 800px) {
    #newpages .col50, #newpages .col90 {width: 100%;}
}