/** layout.css */
/* Basic setup */
body, code, div, h1, h2, h3, h4, h5, h6, img, span, table, th, td, p {border:0 none;margin:0;padding:0;}
ol, ul {padding:0px 0px 0.5em 3em;margin:0px;}
p {margin: 0.5em 0px; padding: 0px; line-height: 130%; /*text-align: justify;*/ }
input, select, textarea {font-family: inherit;}
body {text-align:left;cursor:default;padding:0px;background:repeat-x top center scroll;}
ul{margin-top: 0px;padding-top: 0px;}
a img {border: none;}
h1, .h1 {font-size: 1.84em;font-weight:bold;}
h2, .h2 {font-size: 1.38em;font-weight:bold;}
h3 {font-size: 1.07em;font-weight:bold;}
h4 {font-size: 1em;font-weight:bold;}
h1, .h1, h2, .h2, h3, h4, h5, h6 {margin-top:1em;margin-bottom:0.5em;}
h4, h5, h6 {margin-top: 1em;}
h1, .h1 {margin-top: 0px;}
table {border-collapse: collapse;}
table, th, td {text-align: left; padding: 0.3em;}
abbr {border-bottom: 1px dotted;cursor: help}
/* HTML 5 pro starsi browsery */
article, aside, details, figcaption, figure, footer, header,
hgroup, menu, nav, section {
	display:block;
}

a,
a:visited,
a:active,
a:link {color: #1F6884}


/* Layout */
#page-wrap {margin-left:auto;margin-right:auto;}
#head {position:absolute;top:0px;}
#logo {position:absolute; top:30px;margin-left:20px;}
#main-menu {position:absolute;float:left;}
#main-menu .menu {float:left;/*width:900px;*/}
#search {float:right;}
#searchForm {margin:0px; padding:0px;}
#searchForm div {display:inline;}
#searchForm input {display:inline;padding:0px;margin:0px;float:right;}
#searchForm .text, #searchForm .button {background: none no-repeat scroll top left;border:none;margin-top:10px;}
#searchForm .button {cursor:pointer;margin-left:5px;}
#search div.live {display: block;float: left;font-size: 13px;margin: 16px 6px 0px 0px;}
#navi .divider {padding: 0px 5px;}
#main {padding:20px 0px 50px 0px;}
.preview {clear:both;padding:20px 0px;}
.preview-first {}
.preview h2 {margin-top: 0;}
.preview .preview-text {float:left;display: block;}
/*.preview .preview-body {min-height: 70px;}*/
#foot {}
#foot-info {float:left;}
#foot-logo {float:left;}
#social {float:right;}
#social a, #social img {display:block;}
#bottomlinks {padding:25px 0px 0px 0px;}
#bottomlinks ul {float:left;padding:0px;list-style:none;}
#bottomlinks ul li {padding-left:15px;background: transparent no-repeat scroll center left;}
#langbar {position:absolute;top:8px;margin-left:50px;}
#social {width:22px;}
/* look */
#head {background:transparent top left no-repeat scroll;}
#logo {text-decoration:none;border:none;}
#foot, #navi, .paginator {background: transparent scroll bottom left no-repeat;}
.paginator a, .paginator span {text-decoration: none;padding:2px 5px;margin:auto 4px;}
.paginator a:hover {text-decoration: underline;}
#main-menu ul.menu {padding:0px;list-style-type:none;}
#main-menu li.menu-first { border-left: none;padding-left: 0px;}
#langbar, #langbar a {color:#fff;}
#langbar a.active {color: #68c4f6;}
#langbar .divider {padding: 0 5px 0 5px;font-weight:bold;}
hr.in-box-divider {border:none; height:2px;background: #f1f3f4 url('/img/front/hr.shaded.gif') scroll repeat-x top left;margin:1em 0 1em 0;}
hr.text-divider {border:none; height:1px;background-color: #0084c1;margin:1em 0 2em 0;}
.contact {padding:10px 0px 0px 0px;}
.contact a {text-decoration:underline;color:#000;}
.contact div {padding-left:40px;height:30px;background: transparent no-repeat scroll top left;}
.contact .e-mail {background-image: url('/img/front/icon.mail.png');background-position: 7px 2px;}
.contact .phone {background-image: url('/img/front/icon.phone.png');background-position: 5px 2px;}
.contact .icq {background-image: url('/img/front/icon.icq.png');background-position: 9px 1px;}
.box .btn {height:17px;background: transparent no-repeat scroll top left;padding: 4px 5px 0px 5px;display:block;color:#fff;font-size:10px;text-shadow: 0.1em 0.05em 0.1em #000;text-transform: uppercase;text-align:center;cursor:pointer;}
.box .btn:hover {text-decoration:none;}
.login input {border:none;}
.login .lock {padding-left:30px;height:40px;background: transparent url('/img/front/icon.lock.png') no-repeat scroll 0px 0px;}
.login input.login, .login input.password {height:25px;background: transparent no-repeat scroll top left;padding:0px 5px;}
.login input.login {width:101px;background-image: url('/img/front/username.png');}
.login input.password {width:71px;background-image: url('/img/front/password.png');}
.login .submit {width:82px;background: transparent url('/img/front/btn.login.png') no-repeat scroll top left;padding:0px;height:21px;font-size:10px;}
.login .register {width:102px;background: transparent url('/img/front/btn.reg.png') no-repeat scroll top left;}
.loginForm {text-align: center;}
.loginForm input[type="text"], .loginForm input[type="password"] {width:194px;}
/* Tweaks */
.clrb {clear:both;}
.clrl {clear:left;}
.clrr {clear:right;}
.fll {float:left;}
.flr {float:right;}
.uc {text-transform:uppercase;}
.lc {text-transform:lowercase;}
.tal {text-align: right;}
.tar {text-align: right;}
.tac {text-align: center;}
.invisible {display:none;}
.hidden {visibility:hidden;}
.inline {display:inline;}
/* admin panel */
#admin-panel {position: fixed;bottom: 0;width: 958px;height: 32px;border: 1px #000 solid;border-bottom: none;	background-color: #f0f4f6;color: #000;font-weight: 600;opacity: 0.9;border-radius: 8px 8px 0 0;z-index: 999}
#admin-panel .bcred {background-color: #cc3333!important;}
#admin-panel a {color: #000;text-decoration: underline;}
#admin-panel a:hover {color: #909090;text-decoration: none;}
#admin-panel .content {padding: 8px 20px;border-radius: 8px 8px 0 0;}
#admin-panel .divider {padding: 0px 5px;}
#admin-panel .ico {width: 32px; height: 20px; background: transparent url('/img/icons/silk/picture_empty.png') 50% 50% no-repeat;}
#admin-panel #close {margin-left: 20px;width: 24px; height: 20px; cursor: pointer;  background: transparent url('/img/icons/close.png') 50% 50% no-repeat;}
#show-panel { position: fixed; bottom: 0;width: inherit; height: 16px; text-align: center; cursor: pointer; display: none; background: transparent url('/img/icons/slideup.png') 50% 50% no-repeat;}
/** admin snippet na horni menu */
#main-menu .adminsnippet a.adminedit {right: 180px !important;}
.article.text.detail .adminsnippet {top: 35px !important;}

/** design.css */
/******************************************************/
/* fonty a zarovnanie textu */
body, code, div, h1, h2, h3, h4, h5, h6, img, ol, span, table, th, td, p, input, select, textarea {font-family: 'arial', sans-serif;}
body,input,select,textarea {font-size: 13px;}
a {text-decoration: underline;}
a:hover {text-decoration: none;}
#main-menu {font-size: 18px;}
#navi, .paginator {font-size: 11px;}
.paginator {font-weight: bold;}
#right .box .title, #left .box .title {font-size:14px;text-shadow: 0.1em 0.05em 0.1em #000;text-transform: uppercase;}
#bottomlinks {font-size: 12px;}
#foot {font-size: 12px;}
#langbar {font-size: 14px;}
.box {font-size:12px;}
input[type=text],input[type=password] { background: #F7F8E6; border: 1px solid #C5C5C5; color: #666666; font-size: 13px; padding: 5px; width: 178px; }
.address.company input[disabled], .address.company select[disabled]{background-color:#EEE;color:#666;cursor:not-allowed;border: 1px solid #AAA;}
select { background: #F7F8E6; border: 1px solid #C5C5C5; color: #666666; font-size: 13px; padding: 5px; width: 190px; }
.button, .add_button { border: none; background: #1F6884; color: #D8EDF5; font-weight: bold; padding: 10px 20px; cursor: pointer; text-transform: uppercase; }
/******************************************************/
body {background-color: #01adee;background-image: url('/img/front/bg.jpg');color:#000;overflow-x: hidden ;}/*475160*/
.preview a img, .text img, .text a img, .perex a img, .perex img, #foot-info img {border: none;}
h1,h2,h3,h4,.h1,.h2 {color: #ff9000; font-weight: normal; }
a {color: inherit; text-decoration: underline;}
a:hover {color: #0b89b9; text-decoration: underline;}
/******************************************************/
#head {background: none;height:191px;width:960px;top:47px;}
#head .login { font-size: 15px; position: absolute; right: 20px; top: -32px; background: #75d3f7; padding: 7px; }
#head .login a { font-size: 15px; color: #1F6884; }
#head .basket { position: absolute; top: -44px; right: 20px; padding: 8px 0 7px 75px; font-size: 17px; background: #75d3f7; }
#head .basket a { color: #114356; }
#head .basket a:hover { text-decoration: none; }
#head .basket img { height: 25px; width: auto; margin: 0 10px 0 7px; position: relative; top: 3px }
#head-wrap {background: #fff;width:100%;height:171px;position:absolute;top:20px;left:0px;}
#head-top {display:block;width:100%;height:20px; background: transparent url('/img/front/content.top.png');}
#page-wrap { position: relative; background: transparent url('/img/front/bg-top.jpg') no-repeat top center; width:960px;}
#page-wrap #bg-left { width: 447px; height: 1397px; background: url('/img/front/bg-left.jpg') no-repeat; position: absolute; top: 0px; left: -426px; }
#page-wrap #bg-right { width: 454px; height: 1397px; background: url('/img/front/bg-right.jpg') no-repeat; position: absolute; top: 0px; right: -454px; }
#logo {top:34px;margin-left:62px;}
.billboard-wrapper { float:right; margin-right:19px; }
ul#billboard { float:right; margin-right:19px; margin: 0px; padding: 0px; list-style: none; overflow: hidden; }
ul#billboard li { list-style: none; margin: 0px; padding: 0px; }
#billboard .bx-wrapper { float: left; }
#billboard .bx-window { height: 149px !important; }
#flash {position: relative; top: -15px;text-align: center;}
#flash .item, .msg .item {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
background-color: #ff9000;
color: #000 !important;
font-weight:bold;
padding: 20px;
color:#fff;
margin:40px 0;
line-height:35px;
font-size:15pt;}
#flash .item.error, .msg .item.error {border-color:red;background-color:#ff9000;}
#flash .item.big { font-size: 15pt; font-weight: bold; padding: 25px; }
#main-wrap {background: transparent;padding: 238px 0px 0px 0px;}
#main {background: #fff url('/img/front/content.bottom.png') bottom left no-repeat scroll;padding: 90px 25px 35px 25px; min-height: 800px; position: relative; }
#main-menu {top:238px;height:61px;width:902px;overflow:hidden;margin:0px 19px;padding: 0px 0px 0px 20px;color: #fff;background-color: #ff9000;}
#main-menu li {float: left; border: none; background-color: #FF9000;border: 0px !important;}
#main-menu a, #main-menu span{color: #fff;display:block;float:left;padding:22px 20px 21px 20px; &padding: 22px 18px 21px 19px; font-size: 15px; font-weight: bold; }
#main-menu a.active, #main-menu span.active, #main-menu .active a, #main-menu .active span, #main-menu a:hover {color: #fff;background: #fca22c;}
#powered-by { text-align:right;padding:10px; font-size:0.85em; display:block; color:#899fa8; font-weight: bold;position: absolute; bottom: 0px; right: 20px; }
#powered-by a {color:#899fa8; text-decoration:none;}
#powered-by a:hover {color:#000; text-decoration:underline;}
#navi {color: #475160;padding: 3px 0 11px 0;height:17px;text-overflow:ellipsis;white-space:nowrap;max-width:700px}
#navi a {color: #475160;text-decoration: underline;}
.paginator a {color: #000;text-decoration: none;}
#navi .current, .paginator .current {color: #0084c1;}
#content-head .h1 {	margin-bottom: 0.1em;}
#content ul li{	background: url("/img/front/arrow.black.png") no-repeat scroll 0 0.2em transparent;	padding-left: 12px;}
#content ul{list-style-type: none;padding-left: 10px;}
#content-head {	border-bottom:1px solid #0084c1;}
#content h1 { font-size: 25px; margin-bottom: 25px; }
.layout {display:block;clear:both;}
.layout .column {display:block;width:292px;border:none;margin:0px 17px 0px 0px;float:left;}
.layout .column.column-double {width:608px;}
.layout .column.right {margin-right:0px;float:right;}
.layout.margin-top {margin-top:30px;}
.layout-hp #content {padding:0px 25px;}
.layout-hp .column.column-double {width:548px;}
.box {}
.box-title {background: #16b4f0; padding: 0.5em 0.5em 0.5em 1em; font-size:1.5em;color:#fff;}
.box-title h2, .box-title h1, .box-title h3, .box-title a {font-size:1em;color:#fff;text-decoration:none;font-weight:normal;padding:0px;margin:0px;}
.box-title a:hover {text-decoration:underline;}
.box-content {background: #f8f8f8; border: 1px solid #e6e6e6; border-top: 0px; border-bottom-width:3px; padding: 0.5em 1em 1.5em 2em; font-size:1em;overflow:hidden;}
.box-content.no-padd {padding-left:0px;padding-right:0px;}
.box-content.blue {background: #cbf0fe;}
.box .box-item-title {color:#ff9000;font-size:1.1em;margin: 0.8em 0px 0px 0px; font-weight: bold;}
.box .box-item-title a {text-decoration:none; font-size: 1.1em; }
.box .box-item-title a:hover {text-decoration:underline;}
.box .box-item-info {font-size:0.9em;}
.box .box-item-author {color: #4f5967;font-weight:bold;}
.box .box-item-date {color: #0b89b9;font-weight:bold;}
.box .box-item-quote {font-size:1em;font-style: italic;}
.box .box-item-link {}
.box .box-item-short {margin:0.8em 0px;}
.box .box-item {clear:both;}
.box .box-item .box-item-column {width: 190px; float:right;}
.box .box-item img {float:left;font-size:1.1em;margin:0.8em 0px 0.8em 0px;}
.box .box-button {clear:both;margin-top:1em;}
.box .abutton, .box input[type=submit] {display:block; background: transparent top left scroll no-repeat;color:#fff;cursor:pointer;text-decoration:none;text-align:center;vertical-align: middle;font-size:1em;line-height: 2em;font-weight:bold;border:none;}
.box .button-gray {background-image: url("/img/front/button.all.png");width:98px; height:25px;}
.box .button-orange-big {background-image: url("/img/front/button.buy.png");width:119px; height:34px;}
aside .box .box-content {height:390px;}
.box-content.blue form {text-align: center;}
.box.hp-margin {margin-top:41px;}
.mailform input[type=text] {padding:0.5em 0.75em; background: #fff; }
.mailform input {margin:1em 0.5em;}
.mailform input[type=submit] { display: inline-block; background: #FF9000; line-height: 1.5em; }
.mailform p { font-weight: normal !important; font-size: 0.9em !important; }
.column.right .box-content.blue p { font-weight: bold; font-size: 1.1em }
.column.right .box-content.blue label { font-weight: bold; }
#foot {padding: 0px 19px;height:186px;color: #042e3e;background: #1f6884;position:relative;}
#foot a { color: #fff;text-decoration:none; }
#foot a:hover {text-decoration:underline; color: #fff;}
#foot-info {color: #fff;}
#foot-info-left {display:block;width:569px;left:36px;position:absolute;bottom:0px;height:130px;}
#foot-info-right {display:block;padding-left:65px;width:254px;right:36px;position:absolute;bottom:0px;height:110px; font-weight: bold; }
#foot-info-right a { color: #042E3E; }
#foot-info-left .foot-info-top {display:block;width:569px;position:absolute;bottom:83px;left:0px;height:4px;background: transparent url("/img/front/footnotes.top.png") no-repeat scroll top left; }
#foot-info-left .foot-info-body {display:block;width:559px;position:absolute;bottom:0px;left:0px;height:73px;background: #11536c;padding: 10px 5px 0px 5px;}
#foot-info h4 {color: #fff;font-size:1.2em;font-weight:bold;margin: 15px 0 5px 15px; }
#foot table {border: none; padding:0px; margin:0px;width:100%;table-layout: fixed;}
#foot table td {border: none; padding:2px 5px 2px 12px; }
#foot table td a { font-weight: bold; }
#foot-menu {margin:0px; padding:10px 0px 0px 0px; text-align:center; }
#foot-menu a {color: #CCC;}
#foot-menu a:hover {text-decoration:none;}
#foot-menu ul {margin:0px; padding:0px; text-align:center; font-weight:bold;}
#foot-menu li {margin:0px; padding:0px 20px; display:inline; border-left: 2px solid #042e3e; }
#foot-menu li.menu-first { border-left: 0px; }

#foot .creative-commons {
	position: absolute;
	right: 25px;
	bottom: 10px;
}
/******************************************************/
#search{
  padding-bottom: 15px;
}
.float-right{
  float: right !important;
}
#searchForm .text {
	height: 19px;
	padding: 5px 10px 5px 10px;
	width:118px;
  margin-top: 0px;
	/*background-image: url('/img/front/skelet/search.input.png');*/
  background-color: white;
  border-radius: 0px;
  border: 1px solid #FF9000;
	color:#666;
}
#searchForm .button {
	height:31px;
	width:31px;
  margin-top: 0px;
  background-color: white;
  border-radius: 0px;
  border: 1px solid #FF9000;
  background-position: center;
	background-image: url('/img/search.gif');
}
#searchResults div.searchResults {
	background: #efefef;
	border: 1px solid #fff;
	font-size: 13px;
	margin: 42px 0 0;
	padding: 1px;

	position: absolute;
	top: 80px;
	right: 61px;

	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;

	box-shadow: 1px 1px 10px #666;
	-moz-box-shadow: 1px 1px 10px #666;
	-webkit-box-shadow: 1px 1px 10px #666;
	-khtml-box-shadow: 1px 1px 10px #666;
}
#searchResults div.searchResults.keywords {
	width: 134px;
}
#searchResults div.searchResults.results {
	width: 434px;
}
#searchResults div.searchResults ul {
	margin: 2px 0px;
	padding: 0px;
}
#searchResults div.searchResults ul li {
	border: 0 none;
	color: #444444;
	display: block;
	margin: 0;
	padding: 3px 10px;
	text-shadow: none;

	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
}
#searchResults div.searchResults ul li.active {
	background: #0084c1 url("/img/front/menu.background.jpg") 50% 50% no-repeat;
	color: #fff;
}
#searchResults div.searchResults ul li a {
	display: block;
	color: #0084c1;
}
#bottomlinks, #bottomlinks a { /* spodne odkazy */
	color:#333;
}
#bottomlinks ul li {
	background-image: url('/img/front/arrow.black.png'); /* sipocka spodnych odkazov */
}
#bottomlinks ul li.active {
	background-image: url('/img/front/arrow.blue.png'); /* aktivna sipocka spodnych odkazov */
}
hr.text-divider {
	background-color: #0084c1;
}
ul.quicklinks li {background-image: url('/img/front/icon.quicklink.png');} /* rychle odkazy */
ul.quicklinks li a {color:#000;}
/******************************************************/
.preview {
	border-top: 1px dotted #000;
}
.preview {
	padding:20px 0px;
}
.preview .preview-text {
	width:330px; margin-left:20px;
}
.preview a.image { width: 330px; height: auto; overflow: hidden; display: block; float: left; }
.preview .preview-body p {margin-top:0px;}
.preview .preview-head { color: #0B89B9; font-weight: bold; }
.preview .preview-head span.date{ color: #0B89B9!important; }
.preview .preview-head span { color: #4F5967; }
.preview .preview-link { font-style: italic; }
.preview-head{
	color: #555;
}
hr.text-divider {
	height:1px;
}
/** soubory ke stažení*/
.images {text-align: center; margin: 1em;}
/*.files table {width: 100%;border: 2px #0084c1 solid;margin: 0px;}
.files table td {border: 1px #0084c1 solid;}
.files th {
	border: none;
	border-bottom: 1px #014366 solid;
	background: #2188bf url('/img/front/th.background.png') 0 0 repeat-x;
}*/

.images img {margin: 1px;}
.perex img {float:left; margin:0px 10px 10px 0px;}
.perex {font-weight: bold; margin-bottom: 15px;}
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; font-size: 11px;color:#000 !important}
#content h1 a,#content h2 a,#content h3 a#langbar,.btn,.menu a{text-decoration:none;}
.loginadmin { border: none; }
.loginadmin td { border: none; }
.pale {color:#555;font-size:0.8em;}
.user-defined-form .live{color:red}
.action-item { position: relative; border: 2px solid #1F6884; padding: 20px; margin-bottom: 30px; }
.action-item h2 { margin-top: 0px; color: #1F6884; font-size: 22px; width: 750px; }
.action-item h3 { color: #000; font-weight: bold; }
.action-item .image { position: absolute; top: 20px; right: 20px; }
.action-item .perex { font-weight: normal; margin: 20px 0; }
.action-item .links { text-align: right; color: #1F6884; font-size: 15px; }
.action-detail { position: relative; border: 2px solid #1F6884; }
.action-detail h3 { color: #1F6884; font-weight: bold; }
.action-detail .action-head { padding: 20px; background: #d8edf5; }
.action-detail .action-head h1 { margin-top: 0px; color: #1F6884; font-size: 25px; width: 750px; }
.action-detail .action-head h2 { color: #1F6884; margin: 0 0 20px 0; }
.action-detail .action-head .links { font-size: 15px; text-align: right; margin-top: 15px; color: #1F6884; }
.action-detail .action-head th { width: 200px; }

.action-detail .action-head.course th { width: 150px; }
.action-detail .action-head.course td { width: 200px; }

.action-detail .image { position: absolute; top: 20px; right: 20px; }
.action-detail .description { padding: 20px; }
.action-detail .perex { padding: 20px; margin-bottom: 0px; }
.action-detail .images { padding: 20px; }
.action-detail .files { padding: 20px; }
.action-detail.sign-in { float: left; width: 905px; }
.action-detail.sign-in .title { margin-bottom: 15px; font-size: 24px; font-weight: bold; color: #333; }


#sign-loading { position:fixed;left:0px;top:0px;z-index:999;opacity:0.8;filter:alpha(opacity=80);width:100%;height:100%;background:#fff;padding-top:20%; }
#sign-loading p { width: 350px; margin: auto; padding-left: 20px; font-weight: bold; background: url('/img/front/loading.gif') no-repeat left center; }

#signForm { margin-top: 20px; float: left; }
#signForm table { width: 445px; float: left; margin-bottom: 30px; }
#signForm table th { text-align: right; font-weight: normal; width: 200px; }
#signForm table.address th { width: 150px; }
#signForm table.payment { width: 905px; }
#signForm table.note { width: 905px; }
#signForm table td.form-title { color: #1F6884; font-size: 17px; font-weight: bold; }
#signForm table th,
#signForm table td { padding: 7px; }
#signForm table td.loading { background: url('/img/front/loading.gif') no-repeat 205px 12px; }
#signForm textarea { background: #F7F8E6; border: 1px solid #C5C5C5; color: #666666; font-size: 13px; padding: 5px; width: 500px; height: 100px; resize: none; }
#signForm .ui-datepicker-trigger { position: relative; left: 5px; top: 3px; cursor: pointer; }
#signForm .dropdown, #actionFilter .dropdown { position: relative; left: 5px; top: 4px; background: #f2f2f2; }
#signForm .buttons { background: #D8EDF5; padding: 40px; text-align: left }
#signForm .buttons label { display: inline-block; margin-bottom: 10px }
#signForm .buttons input[type=checkbox] { margin: 0 5px 0 0; position: relative; top: 1px; }
#signForm .buttons input[type=submit] { float: right }
#signForm input[readonly=readonly] { background: #f2f2f2; }
#signForm select[disabled=disabled] { background: #f2f2f2; }
#signForm span.anchor { color: #1F6884; text-decoration: underline; cursor: pointer; }



#signPublicForm { margin-top: 20px; float: left; }
#signPublicForm table { width: 445px; float: left; margin-bottom: 30px; }
#signPublicForm table th { text-align: right; font-weight: normal; width: 200px; }
#signPublicForm table.address th { width: 150px; }
#signPublicForm table.payment { width: 905px; }
#signPublicForm table.note { width: 905px; }
#signPublicForm table td.form-title { color: #1F6884; font-size: 17px; font-weight: bold; }
#signPublicForm table th,
#signPublicForm table td { padding: 7px; }
#signPublicForm table td.loading { background: url('/img/front/loading.gif') no-repeat 205px 12px; }
#signPublicForm textarea { background: #F7F8E6; border: 1px solid #C5C5C5; color: #666666; font-size: 13px; padding: 5px; width: 500px; height: 100px; resize: none; }
#signPublicForm .ui-datepicker-trigger { position: relative; left: 5px; top: 3px; cursor: pointer; }
#signPublicForm .dropdown, #actionFilter .dropdown { position: relative; left: 5px; top: 4px; background: #f2f2f2; }
#signPublicForm .buttons { background: #D8EDF5; padding: 40px; text-align: left }
#signPublicForm .buttons label { display: inline-block; margin-bottom: 10px }
#signPublicForm .buttons input[type=checkbox] { margin: 0 5px 0 0; position: relative; top: 1px; }
#signPublicForm .buttons input[type=submit] { float: right }
#signPublicForm input[readonly=readonly] { background: #f2f2f2; }
#signPublicForm select[disabled=disabled] { background: #f2f2f2; }
#signPublicForm span.anchor { color: #1F6884; text-decoration: underline; cursor: pointer; }

#LookUpControl { overflow: hidden; padding-bottom: 5px; }
#LookUpControl_up { height: 30px; }
#LookUpControl_up .close-button { cursor: pointer; position: relative; top: 7px; left: -7px; }
#LookUpControl_up input { width: 220px !important; }
#LookUpControl2 .lookuplist td { padding: 10px; font-size: 10pt; }
#customerForm { margin-top: 10px; padding-top: 10px; float: left; width: 905px; border: 2px solid #1F6884; }
#customerForm table { width: 450px; float: left; margin-bottom: 30px; }
#customerForm table th { text-align: right; font-weight: normal; width: 200px; }
#customerForm table.address th { width: 150px; }
#customerForm table.payment { width: 905px; }
#customerForm table.note { width: 905px; }
#customerForm table td.form-title { color: #1F6884; font-size: 17px; font-weight: bold; }
#customerForm table th,
#customerForm table td { padding: 7px; }
#customerForm .ui-datepicker-trigger{ position: relative; left: 5px; top: 3px; cursor: pointer; }
#customerForm .buttons{ background: #D8EDF5; padding: 40px; }
#customerForm .buttons .send{ float: right; }
#schoolForm { margin-top: 10px; padding-top: 10px; float: left; width: 905px; border: 2px solid #1F6884; }
#schoolForm table { width: 450px; float: left; margin-bottom: 30px; }
#schoolForm table th { text-align: right; font-weight: normal; width: 200px; }
#schoolForm table.password th { width: 150px; }
#schoolForm table.payment { width: 905px; }
#schoolForm table.note { width: 905px; }
#schoolForm table td.form-title { color: #1F6884; font-size: 17px; font-weight: bold; }
#schoolForm table th,
#schoolForm table td { padding: 7px; }
#schoolForm .ui-datepicker-trigger{ position: relative; left: 5px; top: 3px; cursor: pointer; }
#schoolForm .buttons{ background: #D8EDF5; padding: 40px; }
#schoolForm .buttons .send{ float: right; }
#schoolForm input[disabled=disabled] { background: #f2f2f2; }
#schoolForm select[disabled=disabled] { background: #f2f2f2; }
#schoolForm .subform { border: 2px solid #1F6884; float: left; width: 408px; margin: 10px; }
#schoolForm .subform table { width: auto; float: none; margin: 20px; }
#schoolForm .subform table th { width: 100px; }
#schoolForm .subform .formbuttons { background: #D8EDF5; padding: 20px; text-align: right; }
#multi_participants { width: 864px; }
#multi_append_participants { margin: 20px 0 0 10px; }
table.applications { border: 2px solid #1F6884; width: 100%; }
table.applications tr.closed td { background: #dadada; }
table.applications th { background: #1F6884; color: #fff; }
table.applications td,
table.applications th { padding: 10px; }
table.applications td.term_cancel { font-weight: bold; }
table.applications .red { color: #D10506; }
table.applications .green { color: #099109; }
.loginForm form { width: 350px; margin: auto; }
#signTeacherForm { margin-top: 20px; float: left; width: 100%; }
#signTeacherForm table { float: left; margin-bottom: 30px; }
#signTeacherForm table th { text-align: right; font-weight: normal; width: 200px; }
#signTeacherForm table td.form-title { color: #1F6884; font-size: 17px; font-weight: bold; }
#signTeacherForm table th,
#signTeacherForm table td { padding: 7px; }
#signTeacherForm textarea { background: #F7F8E6; border: 1px solid #C5C5C5; color: #666666; font-size: 13px; padding: 5px; width: 500px; height: 100px; resize: none; }
#signTeacherForm .buttons { background: #D8EDF5; padding: 40px; }
#signTeacherForm .buttons .agreement { float: left; position: relative; top: 10px; }
#signTeacherForm .buttons .agreement input { position: relative; top: 1px; }
#signTeacherForm .buttons .send { float: right; }
#signTeacherForm input[readonly=readonly] { background: #f2f2f2; }
#signTeacherForm select[disabled=disabled] { background: #f2f2f2; }
#multi_teachers .formbuttons { display: none; }
#multi_append_teachers { float: right; margin: 0 40px 20px 0; }
.paginator { margin: 1em 0; font-size: 90%; text-align: center; }
.paginator a, .paginator span { margin-right: 0.1em; padding: 0.2em 0.5em; color: #999999; }
.paginator a { border: 1px solid #1F6884; text-decoration: none; color: #1F6884; }
.paginator span.button { border: 1px solid #DDDDDD; text-transform: lowercase; }
.paginator .current { background: #1F6884; border: 1px solid #1F6884; color: white; font-weight: bold; }
.left-column { width: 200px; float: left; margin-right: 30px; position:relative;}
.left-column .box.actions { margin-top: 40px; }
.left-column .box.actions .box-item { padding: 0 10px 10px 10px; }
.left-column .box.actions .box-item-title { font-size: 9pt; }
.left-column .box.actions .box-item img { margin-right: 10px }
.left-column .box.actions .box-item .abutton { float: right; }
.left-column .box .title { color: #fff; background: #16B4F0; text-transform: uppercase; font-size: 11pt; font-weight: bold; padding: 10px; }
.left-column .box .title a:hover { color: #fff; text-decoration: none; }
.left-column .box .body { border: 1px solid #e6e6e6; }
.left-column .box .body ul { margin: 0; padding: 0px; list-style-type: none; }
.left-column .box .body ul li { border-bottom: 1px solid #e6e6e6; }
.left-column .box .body ul li.last { border-bottom: none; }
.left-column .box .body ul li a { display: block; font-weight: bold; height: min-25px; padding: 15px 0 15px 20px; }
.left-column .box .body ul li a:hover { background-color: #E0F2F8; color: #1F6884; }

.left-column .box .body ul ul li a { padding-left: 46px; font-weight: normal; background: url('/img/front/eshop.menu.png') no-repeat 33px 18px; }
.left-column .box .body ul ul li.active a { font-weight: bold; }
.left-column .box .body ul ul li.first { border-top: 1px solid #e6e6e6; }

.left-column .box .body ul ul ul li a { font-weight: normal !important; padding-left: 60px; background-position: 47px 18px; }
.left-column .box .body ul ul ul li.active a { font-weight: bold !important; }


.left-column ul.dropdown { list-style-type: none; padding: 0px; margin: 0px; }
.left-column ul.dropdown li a { display: block; background: #16B4F0; color: #fff; font-size: 1.5em; padding: 0.5em 0.5em 0.5em 1em; text-decoration: none; }
.left-column ul.dropdown li a:hover { text-decoration: underline; }

.left-column ul.dropdown ul { list-style-type: none; padding: 0px; margin: 0px; border: 1px solid #e6e6e6; }
.left-column ul.dropdown ul li { border-bottom: 1px solid #e6e6e6; }
.left-column ul.dropdown ul li a { background: none; font-size: 12px; font-weight: bold; color: #1F6884; min-height: 15px; padding: 15px 0 10px 20px; }
.left-column ul.dropdown ul li a:hover { text-decoration: none; background-color: #E0F2F8;  }
.left-column ul.dropdown ul li.last { border: none; }

.left-column ul.dropdown ul ul { border: none; }
.left-column ul.dropdown ul ul li.first { border-top: 1px solid #e6e6e6; }
.left-column ul.dropdown ul ul li a { padding-left: 46px; font-weight: normal; background: url('/img/front/eshop.menu.png') no-repeat 33px 18px; }
.left-column ul.dropdown ul ul li.active a { font-weight: bold; }


.right-column { width: 680px; float: left; }
#slider { margin: 0; padding: 0; list-style-type: none; }
#slider li { height: 390px; position: relative; }
#slider .image { text-align: center; }
#slider img { border: 5px solid #e6e6e6; border-radius: 3px; margin-top: 20px; }
#slider .preview-text { width: 200px; position: absolute; left: 46px; top: 240px; text-align: center; }
#slider .box-button { position: absolute; left: 85px; top: 310px; font-size: 11pt; }
.bx-wrapper { background: url('/img/front/slider.png') no-repeat 0px 78px; }
.bx-wrapper .bx-prev { z-index: 1; display: block; width: 35px; height: 35px; position: absolute; top: 89px; left: 22px; font-size: 0pt; }
.bx-wrapper .bx-next { z-index: 1; display: block; width: 35px; height: 35px; position: absolute; top: 89px; right: 22px; font-size: 0pt; }

/** eshop.css */
div.customerPaneBox {width: 231px; float: left; border: 2px solid #ccc;
	margin: 0; height: 110px; background: #efefef;}
div.customerPaneBox.left {margin-right: 10px}
div.customerPaneBox h2 {background: #ccc; padding: 4px; margin: 0; color: #666;}
div.customerPaneBox p {text-align: left; font-size: 12px; padding: 4px 8px;}
div.customerPaneBox ul {list-style-type: square; padding-left: 25px;}
div.customerLogin div.name {padding: 3px 0 1px 0; font-weight: bold;}
div.customerLogin div.email {font-size: 11px; padding-bottom: 10px;}
div.basketLogin {float: left; width: 230px; margin-right: 20px;}
div.anonymousCheckout {float: left; width: 230px; font-size: 16px;}
div.address {border: 2px solid #ccc; background: #efefef; margin-bottom: 10px;
	padding: 7px; position: relative}
div.address.default {border-color: #85d0f1; background: #EFFAFF;}
div.address.selected {border-color: #FFE7A5; background: #FFF9EA}
div.address a.remove {color: #fff; font-weight: bold; background: #000;
	width: 15px; height: 15px; line-height: 15px; text-align: center;
	position: absolute; top: 7px; right: 7px; display: block;}
div.address a.change {position: absolute; bottom: 7px; right: 7px;}
div.address ul {margin: 5px 0;}
#content form {margin: 5px 0; background: #efefef; padding: 7px;}
#content form table {margin: 0; border: 0;}
#content form table td, form table th {border: 0;}
#content form fieldset {border: 0; margin: 0; padding: 0;}
div.product { width: 210px; min-height: 286px; float: left; border: 1px solid #ccc; position: relative; margin: 0 22px 22px 0; }
div.product:hover { background: #F8F8F8; }
div.product.last-in-line { margin-right: 0px; }
div.product h2 {font-size: 1em; font-weight: normal; text-decoration: underline; background: #f8f8f8; padding: 10px; margin: 0; }
div.product .body { padding: 10px; }
div.product img.preview-img {float: left; margin: 5px 20px 0 0;}
div.product div.price {padding-top: 7px;}
div.product div.price strong {color: #FF1E2C; font-size: 1.3em;}
div.product div.price span.vatNote {font-size: 11px; color: #727272; display: block; margin-top: 2px;}
div.product div.price span.availability {font-size: 11px; color: #727272; display: block; margin-top: 2px;}
div.product div.basket { position: absolute; left: 15px; bottom: 15px; width: 180px; }
div.product div.basket span { color: #727272; }
div.product div.basket input[type=text] { width: 25px; text-align: center; }
div.product div.basket input[type=submit] { color: #fff; background: #0071BD; padding: 5px 10px; position: absolute; bottom: 0px; right: 0px; }

div.product div.perex { font-weight: normal; margin-top: 10px; color: #727272; font-size: 11px; }

.preview-img-a { width: 120px; height: 100px; display: block; float: left; }

div.product div.variants {margin-top: 4px;}
div.product a.detail { display: block; color: #fff; font-weight: bold; background: #B3B3B3; text-decoration: none; float: left; padding: 3px 10px; margin-top: 5px; }
div.product-detail div.left {float: left; width: 310px; margin-right: 20px;}
div.product-detail div.right {float: left; width: 150px; text-align: center;}
div.product-detail div.right a.perex {border: 1px solid #eee; display: block;
	margin-bottom: 6px;}

div.product-detail div.right img.preview-img {float: none; margin: 0;}
div.product-detail div.gallery a {border: 1px solid #eee;
	margin: 0 6px 6px 0; float: left; padding: 2px; line-height: 60px;
	height: 60px;}
div.product-detail div.gallery a.last {margin-right: 0;}
div.product-detail div.files h4 {margin: 0 3px; font-size: 14px;}
div.product-detail div.files {margin: 10px 0}
div.product-detail div.file {font-size: 11px; border-bottom: 1px solid  #eee;
	padding: 6px 3px 5px 3px;}
div.product-detail div.file a {font-size: 13px; font-weight: bold; display: block;}
div.product-detail h3.moreInfo {font-size: 15px; border-bottom: 1px solid #eee;
	margin-top: 25px;}
div.product-detail div.perex {font-weight: normal; font-style: italic;}
div.product-detail div.variants {border: 1px solid #eee; padding: 3px;
	margin-bottom: 20px;}
div.product-detail div.variants h3 {background: #eee; padding: 4px 10px;
	margin: 0; color: #444;}
div.product-detail div.variants h3 span {font-size: 12px; font-weight: normal;}
div.product-detail div.variants ul {padding: 0; margin: 10px; list-style-type: none;}
div.product-detail div.variants ul li {padding: 3px 0 0 0;}
div.product-detail div.variants ul li a.selected {font-weight: bold;}
div.product-detail div.selectedVariant {border: 1px solid #eee; padding: 6px;
	margin-bottom: 20px;}
div.product-detail div.selectedVariant table {border: 0; margin: 0; width: 100%;}
div.selectedVariant table th, div.selectedVariant table td {border: 0; padding: 2px 4px;}
div.selectedVariant tr.price th, div.selectedVariant tr.price td {background: #eee;
	padding: 5px 4px;}
div.selectedVariant tr.price td {font-size: 11px}
div.selectedVariant div.price strong {color: #CC0000; font-size: 1.3em;}
div.basketAdd {padding-top: 4px;}
div.basketAdd form {border: 0; padding: 0; margin: 0;}
div.basketAdd input.input {width: 15px; margin-right: 2px}
div.basketAdd input.button {color: #fff; font-size: 1.1em;
	text-align: center; padding: 4px; border: 0;
	background: #CC0000; font-weight: bold; margin-left: 5px;}
div.confirm {border: 1px solid #eee; padding: 6px; clear: both;}
div.confirm table {border: 0; margin: 0; width: 100%}
div.confirm table td, div.confirm table th {border: 0;}
div.confirm table th {background: #85d0f1;}
div.confirm tr.shipping td, div.confirm tr.payment td, div.confirm tr.shipping-package-point-wrapper td {color: #555;}
div.priceVatTotal {color: #333; font-size: 20px; text-align: right;
	padding: 10px 40px 10px 0;}
div.priceVatTotal span {font-size: 14px;}
div.priceTotal {text-align: right; padding-right: 40px;}
div.deliveryAddress {float: left; padding: 0 10px 20px 10px; width: 40%;}
div.invoicingAddress {float: right; padding: 0 10px 20px 10px; width: 40%}
div.wizard form {background: none; border: none; padding: 0;}
div.wizard div.next input.button{display: block; float: right; color: #fff;
	font-weight: bold; background: #c00; padding: 11px; margin: 20px 0 0 0;
	border: 0; font-size: 15px; cursor: pointer; font-family: sans-serif;}
div.wizard a.next {display: block; float: right; color: #fff; font-weight: bold;
	background: #c00; padding: 13px; margin: 20px 0 0 0; font-size: 15px;
	font-family: sans-serif;}
div.wizard a.next:hover {text-decoration: none;}
#orderWizard {margin-bottom: 15px;}
#orderWizard table {border: 0; padding: 0; margin: 0 auto;}
#orderWizard td {margin-right: 14px; padding: 10px;
	border: 1px solid #ccc; background: #eee;}
#orderWizard td.current {border-color: #333; background: #333; color: #fff;}
#orderWizard td.active {border-color: #cef0ff; background: #f9fdff}
#orderWizard td.last {margin-right: 0;}
div.mergeAlert {border: 2px solid #FFE7A5; padding: 10px;}
div.mergeAlert p {margin: 0 0 10px 0}
div.mergeAlert div.buttons {text-align: center;}
div.basketSummary form {border: 0 !important; background: none !important;}
div.basketSummary table {width: 100%; border-collapse: collapse;}
div.basketSummary th, div.basketSummary td {padding: 4px;}
div.basketSummary th {background: #ddeef9;}
div.basketSummary tr.total td {background: #eee;}
div.recalculateButton input {margin: 5px 0; background: #3b3b3b; color: #fff;padding: 7px; border: 0; font-weight: bold;}
div.paramsTable {margin: 10px 0;}
div.paramsTable table {margin: 0;}
div.related {padding: 5px 0 20px 0; clear: both;}
div.related h3.moreInfo {border-bottom: 1px solid #eee; margin-top: 5px;}
div.relatedProduct {width: 200px; float: left; margin-right: 20px;}
div.categories {padding: 5px 0 20px 0; clear: both;}
div.categories h3 {border-bottom: 1px solid #eee; margin-top: 5px;}
div.categories ul {margin: 10px 0;}
div.onDemand {font-size: 15px; font-weight: bold; color: #c00;}

.pp_inline { line-height: 18px; }
.pp_inline ol li, .pp_inline ul li { margin: 10px 0; }
.pp_description { display: none !important; }

.live {color: #CC0000;}
.invalidInput {border-color: #CC0000 !important;}

#personalDataForm fieldset { margin-bottom: 20px }
#personalDataForm fieldset legend { font-weight: bold }
#personalDataForm label { font-weight: normal }
#personalDataForm table { width: 100% }
#personalDataForm table th { width: 250px }
#personalDataForm input[type=checkbox] { margin-right: 5px; position: relative; top: 1px }
#personalDataForm_ok { float: right }


.shipping-package-point select{
	width: inherit;
}
span.required
{
    color: #CC0000;
    margin-left: 2px;
}
/** platby */
.button.payment {
	color: #fff;
	float: right;
}
.payment-ok {
	text-align: center;
	font-size: 120%;
	padding: 10px;
	border: 1px #FF9000 solid;
	font-weight: bold;
}

#fb-bottom-link a, #fb-bottom-link i{color:#FFF;font-size:20px;}
#fb-bottom-link a{display:inline-block;vertical-align:top}
#fb-bottom-link a.fab{font-size:40px;margin-right:10px}

.newsletter-button{
  font-weight: bold;
  color: white !important;
  display: inline-block;
}

.newsletter-button:hover{
  text-decoration: none;
}

/*=YOUTUBE *******************************************************************/
.youtube-gallery {
	padding-top: 12px;

}
.youtube-gallery .item {
	padding: 8px;
	margin-bottom: 8px;
	text-decoration: none;
}
.youtube-gallery .item a {
}

.youtubes.items .item.small {
	width: 315px;
	height: 177px;
	border: 6px #fff solid;
	margin-top: 8px;
	float: left;
	margin-bottom: 12px !important;
}
.youtubes.items .item.small a {
	display: block;
	width: 315px;
	height: 177px;
	background: transparent url('/img/front/youtube-play.png') 135px 65px no-repeat;
}
.youtubes.items .item.small a:hover {
	background-color: #DADFE1;
	/*opacity: 0.7;*/
}
.youtube-popup {
	padding: 10px;
}
.youtube-popup .player {
	margin: 0 auto;
	padding-left: 10px;
}