/***
----- FONTS
***/

@font-face {
    font-family: 'DINProBold';
    src: url('../fonts/dinpro-bold.eot');
    src: url('../fonts/dinpro-bold.eot') format('embedded-opentype'),
         url('../fonts/dinpro-bold.woff') format('woff'),
         url('../fonts/dinpro-bold.ttf') format('truetype'),
         url('../fonts/dinpro-bold.svg#DINProBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	@font-face {
	font-family: 'DINProBold';
	src: url('../fonts/dinpro-bold.svg#DINProBold') format('svg');
	}
}


@font-face {
    font-family: 'DINProLight';
    src: url('../fonts/dinpro-light.eot');
    src: url('../fonts/dinpro-light.eot') format('embedded-opentype'),
         url('../fonts/dinpro-light.woff') format('woff'),
         url('../fonts/dinpro-light.ttf') format('truetype'),
         url('../fonts/dinpro-light.svg#DINProLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	@font-face {
	font-family: 'DINProLight';
	src: url('../fonts/dinpro-light.svg#DINProLight') format('svg');
	}
}


/***
----- CLEARFIX
***/

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

/* For IE 6/7 only */
.clearfix {
    *zoom: 1;
}


/***
----- GENERAL
***/

html {
	height:100%;
	-webkit-font-smoothing: antialiased;
}

body {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position-x: center;
	font-family: Arial, Helvetica, sans-serif;
}

.globalTextProtector {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.wrapper {
	margin: auto;
	padding-bottom: 80px;
	width: 100%;
	height: 100%;
}

.container {
	position: relative;
	margin: auto;
	padding: 0 10px;
	width: 960px;
	min-height: 400px;
	background: #FFF;
}

.one {
	position:relative;
	margin:auto;
	width:100%;
	max-width:960px;
}

.one + .one {
	margin: 20px 0 0 0;
}

.one-half {
	display:block;
	float:left;
	position:relative;
	width:50%;
}

.left {
	float:left;
}

.right {
	float:right;
}

.nomargin {
	margin:0px !important;
}

.first {
	margin-left:0 !important;
	border-left:0 !important;
}

.last {
	margin-right:0 !important;
	border-right:0 !important;
}

.noborder {
	border:0 !important;
}

.center {
	text-align:center !important;
}

img {
	display:block;
	margin:auto;
}

a {
	text-decoration: none;
	-webkit-transition:		background-color .1s ease, border .1s ease, color .1s ease, opacity .1s ease-in-out, outline .1s ease;
           -moz-transition: background-color .1s ease, border .1s ease, color .1s ease, opacity .1s ease-in-out, outline .1s ease;
            -ms-transition: background-color .1s ease, border .1s ease, color .1s ease, opacity .1s ease-in-out, outline .1s ease;
             -o-transition: background-color .1s ease, border .1s ease, color .1s ease, opacity .1s ease-in-out, outline .1s ease;
                transition: background-color .1s ease, border .1s ease, color .1s ease, opacity .1s ease-in-out, outline .1s ease;
}









/***
----- DIVIDERS
***/












/***
----- FORMS & INPUTS
***/


fieldset {
	margin:0 0 20px 0;
	padding:0;
	border:0;
}

label {
	display:block;
	padding-left:10px;
	margin-bottom:5px;
	font-size:14px;
}

.checkboxname {
	display: inline-block;
	margin-right:18px;
	padding-left:5px;
	font-size:15px;
	font-weight:bold;
}

input[type=email],
input[type=search],
input[type=text],
input[type=tel],
input[type=number],
input[type=password],
input[type=url] {
	padding: 4px 10px;
	width:210px;
	height:20px;
	background:#FFF;
	font-size:12px;
	border:0;
}

select {
	padding: 3px;
	height:24px;
	background:#FFF;
	font-size:12px;
	border: 1px solid #CCC;
}

input[type=checkbox] {
	margin-bottom:5px
}

input[type=submit] {
	font-size:12px;
	color:#FFF;
	border:0;	
	text-align:center;
	text-transform: uppercase;
}

input[type=submit]:hover {
}

input:focus,
select:focus {
	outline:0;
}

input[type=submit]:hover {
	background-color:#EF4138;
}

textarea {
	padding:10px ;
	width:482px;
	height:80px;
	background:#e3e3e3;
	font-size:12px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:0;
	outline: 0;
	resize:vertical;
	-moz-box-shadow:    inset 0 1px 7px rgba(0,0,0,0.45);
	-webkit-box-shadow: inset 0 1px 7px rgba(0,0,0,0.45);
	box-shadow:         inset 0 1px 7px rgba(0,0,0,0.45);
}

button {
	padding: 6px 14px;
	border: 0;
	background: #9eb43e;
	color: #FFF;
}

button:hover,
button:active {
	background: #d67e1c;
}

/* VALIDACIA */

ul.errors {
	display: block;
	margin: 0 0 10px 8px;
}


ul.errors {
	color: #ff0000;
	font-size: 12px;
}



/* PRETTY CHECKBOXES */

label.checkbox span.holder {
	width:24px;
	height:49px;
	background:url(images/checkbox.png);
}

label.checked span.holder,label.checked span.holder,label.checked:hover span.holder,label.checked:hover span.holder {
	top:-27px !important
}

label.list{
	float:left;
	clear:left;
}

input.hiddenCheckbox {
	position:absolute;
	left:-10000px
}

label.prettyCheckbox span.holderWrap {
	display:block;
	float:left;
	position:relative;
	margin-right:5px;
	overflow:hidden
}

label.prettyCheckbox span.holder {
	display:block;
	position:absolute;
	top:0;
	left:0
}



/***
----- TEXTS
***/

h1,h2,h3,h4,h5,h6,p {
	-webkit-font-smoothing: antialiased;
}

h1,h2,h3,h4,h5,h6 {
	font-weight:normal;
	font-family: 'DINProBold';
}

h1,
h2 {
	display:inline-block;
	font-size:18px;
	color:#000;
	text-align: left;
}

h3 {
	display:block;
	font-size:15px;
}

p {
	display:block;
	font-size:14px;
	color: #000;
	text-align:left;
}





/***
----- HEADER
***/

header {
	position:relative;
	margin: 0 auto 5px auto;
	width:100%;
	height: 164px;
	font-size:20px;
}

header .one {
	width: 960px;
	height: 100%;
}

header img#logo {
	display:block;
	float:left;
	-webkit-border-bottom-right-radius: 7px;
	-webkit-border-bottom-left-radius:  7px;
	-moz-border-radius-bottomright: 	7px;
	-moz-border-radius-bottomleft:		7px;
	border-bottom-right-radius: 		7px;
	border-bottom-left-radius: 			7px;
	-moz-box-shadow:    0px 0px 8px 0px rgba(0,0,0,0,5);
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
	box-shadow:         0px 0px 8px 0px rgba(0,0,0,0.5);
	height: 95px;
}


/* LOGIN LINKS */

header ul#loginLinks {
	display: inline-block;
	padding: 10px;
	position: absolute;
	top: 0;
	right: 0;
	
}

header ul#loginLinks > li {
	display: block;
	float: left;
	margin-right: 10px;
	font-size: 14px;
}

header ul#loginLinks > li a {
	color: #000;
}

header ul#loginLinks > li a:hover {
	text-decoration: underline;
}

header ul#loginLinks > li.separator {
	display: block;
	float: left;
	width: 1px;
	height: 14px;
	background: #000;
}


/* LOGGED IN */

#loggedin {
	position: absolute;
	top: 10px;
	right: 0;
	min-width: 300px;
	max-width: 460px;
}

#loggedin ul {
	float: left;
	
}

#loggedin ul > li {
	display: block;
	margin-top: 4px;
	font-size: 14px;
}

#loggedin ul > li a {
	color: #000;
}

#loggedin ul > li a:hover,
#loggedin ul > li a:active,
#loggedin a#loggedin-logout:hover,
#loggedin a#loggedin-logout:active {
	text-decoration: underline;
}

#loggedin a#loggedin-logout {
	display: block;
	float: left;
	margin: 0 10px;
	width: 87px;
	height: 40px;
	background: url('../images/logout.png');
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	line-height: 40px;
	text-align: center;
}

#loggedin #cartIcon {
	float: left;
	margin: 0 10px 0 20px;
	width: 47px;
	height: 40px;
	background: url('../images/icon-cart.png');
}


/* QUICK CONTACT */

ul#quickContact {
	display: block;
	float: left;
	margin: 40px 0 0 20px;
	font-size: 18px;
	color: #FFF;
}

ul#quickContact li + li {
	margin-top: 6px;
}

ul#quickContact li a {
	color: #FFF;
}

ul#quickContact li a:hover,
ul#quickContact li a:active {
	text-decoration: underline;
}


/* MAIN SEARCH */

#search {
	display: block;
	width: auto;
	height:40px;
	position: absolute;
	top:60px;
	right: 0;
}

#search > input[type=text] {
	display: inline-block;
	float:left;
	margin:0 10px 0 0;
	width:210px;
	height:18px;
	font-weight: normal;
}

#search > input[type=search] {
	display: inline-block;
	float:left;
	margin:0 10px 0 0;
	width:210px;
	height:18px;
	font-weight: normal;
}

#search > input[type=submit] {
	display:inline-block;
	float:left;
	margin:0 10px 0 0;
	background: #4b561e;
	color:#FFF;
	line-height:12px;
}

#search > input[type=submit]:hover,
#search > input[type=submit]:active {
	background: #d67e1c;
}


/* MAIN NAVIGATION */

nav {
	display: block;
	position: absolute;
	bottom: 8px;
	left: 0px;
	width: 100%;
}

nav > ul {
	display:block;
	margin:auto;
}

nav ul > li {
	display: block;
	float:left;
	width: 113px;
	height: 42px;
	
}

nav ul > li + li {
	margin-left:8px;
}

nav ul > li:first-child a {
	-webkit-border-top-left-radius:		5px;
	-webkit-border-bottom-left-radius:  5px;
	-moz-border-radius-topleft: 		5px;
	-moz-border-radius-bottomleft: 		5px;
	border-top-left-radius: 			5px;
	border-bottom-left-radius:			5px;
}

nav ul > li:last-child a {
	-webkit-border-top-right-radius: 	5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright:		5px;
	-moz-border-radius-bottomright:		5px;
	border-top-right-radius: 			5px;
	border-bottom-right-radius: 		5px;
}

nav ul > li > a {
	display:block;
	width:100%;
	height: 100%;
	font-weight: bold;
	font-family: 'DINProLight';
	color:#000;
	font-size: 18px;
	line-height: 42px;
	text-transform: uppercase;
	text-align:center;
}

nav ul > li > a:hover {
	background: #d67e1c;
	color: #FFF;
}


/***
----- ROZCETNIK
***/

#mainTopics {
	float: left;
	width: 820px;
}

#mainTopics ul {
	display: block;
	float: left;
	width: 273px;
}

#mainTopics ul > li {
	margin: 18px 0;
}

#mainTopics ul > li a {
	display: block;
	color: #6e940b;
	font-size: 20px;
	text-indent: 38px;
	height: 34px;
	line-height: 34px;
}

#mainTopics ul > li a:hover,
#mainTopics ul > li a:active {
	text-decoration: underline;
}

#mainTopics a#procurements {
	background: url('../images/icons-index.png') no-repeat;
}

#mainTopics a#electro {
	background: url('../images/icons-index.png') no-repeat 0 -40px;
}

#mainTopics a#grants {
	background: url('../images/icons-index.png') no-repeat 0 -86px;
}

#mainTopics a#law {
	background: url('../images/icons-index.png') no-repeat 0 -132px;
}

#mainTopics a#tax {
	background: url('../images/icons-index.png') no-repeat 0 -179px;
}

#mainTopics a#economy {
	background: url('../images/icons-index.png') no-repeat 0 -224px;
}

#mainTopics a#wages {
	background: url('../images/icons-index.png') no-repeat 0 -270px;
}

#mainTopics a#humanres {
	background: url('../images/icons-index.png') no-repeat 0 -312px;
}

#mainTopics a#managers {
	background: url('../images/icons-index.png') no-repeat 0 -362px;
}

#mainTopics a#persona {
	background: url('../images/icons-index.png') no-repeat 0 -406px;
}

#mainTopics a#pr {
	background: url('../images/icons-index.png') no-repeat 0 -452px;
}

#mainTopics a#vip {
	background: url('../images/icons-index.png') no-repeat 0 -496px;
}

/* 3 right buttons */

ul#mainTopicsActions {
	display: block;
	float: left;
	margin: 20px 0 0 0;
	
}

ul#mainTopicsActions > li {
	display: block;
	width: 140px;
	height: 60px;
}

ul#mainTopicsActions > li + li {
	margin-top: 5px;
}

ul#mainTopicsActions > li a {
	display: block;
	width: 120px;
	padding: 10px 10px;
	-webkit-border-radius:  5px;
	-moz-border-radius: 	5px;
	border-radius: 			5px;
	font-family: 'DINProBold';
	color: #FFF;
	font-size: 18px;
	text-align: center;
	text-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	background: #9cb23d; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IxYzM2NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5NWE2NGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(177,195,101,1) 0%, rgba(149,166,74,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(177,195,101,1)), color-stop(100%,rgba(149,166,74,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(177,195,101,1) 0%,rgba(149,166,74,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(177,195,101,1) 0%,rgba(149,166,74,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(177,195,101,1) 0%,rgba(149,166,74,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(177,195,101,1) 0%,rgba(149,166,74,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b1c365', endColorstr='#95a64a',GradientType=0 ); /* IE6-8 */
}

ul#mainTopicsActions > li.mainTopicsActionsTop a {background: #ef7f2d;}

ul#mainTopicsActions > li a:hover,
ul#mainTopicsActions > li a:active {
	text-decoration: underline;
}


/***
----- SLIDER
***/

#sliderWrapper {
	width: 100%;
	height: auto;
}

#sliderWrapper #slider {
	margin: auto;
	min-width: 960px;
	/*max-width:  1200px;*/
	max-width: 960px;
	background: #666;
}


/***
----- GLOBAL STYLES
***/

.contentTile,
#newsletterBox,
#lectorCarousel,
.halfTile,
.references,
.datepicker,
.sidebarTile,
.vz24Banner,
#forParticipantsInfo ul#forParticipantsTiles > li,
.lectorsListContent ul.lectors li {
	-webkit-border-radius:  5px;
	-moz-border-radius: 	5px;
	border-radius: 			5px;
	-moz-box-shadow:    0px 1px 3px 0px rgba(0,0,0,0.30);
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.30);
	box-shadow:         0px 1px 3px 0px rgba(0,0,0,0.30);
}

a.moreLink {
	display: inline-block;
	float: right;
	font-size: 16px;
	color: #000;
}

a.moreLink:hover,
a.moreLink:active {
	text-decoration: underline;
}

/* GRADIENT FOR WHOLE TILES - INDEX */

.datepicker,
.references,
.sidebarTile,
#lectorCarousel,
#newsBar,
.vz24Banner,
#mainpageFilter,
.coursesList .coursesFilter {
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(0,0,0,0.18) 0%, rgba(0,0,0,0) 35%, rgba(0,0,0,0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.18)), color-stop(35%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.18) 0%,rgba(0,0,0,0) 35%,rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0.18) 0%,rgba(0,0,0,0) 35%,rgba(0,0,0,0) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0.18) 0%,rgba(0,0,0,0) 35%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0.18) 0%,rgba(0,0,0,0) 35%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e000000', endColorstr='#00000000',GradientType=0 );
}

/* NOTIFICATION */

.notification {
	margin: auto;
	margin-bottom: 10px;
	padding: 10px;
	width: 940px;
}

.notification.n-attention {
	background: #f1e613;
}

.notification.n-success {
	background: #D0DFB3;
}

.notification.n-information {
	background: #CCC;
}

.notification.n-error {
	background: #ff0000;
	color: #FFF;
}




/***
----- MAIN CONTENT
***/

.content {
	float: left;
	width: 630px;
	margin-bottom: 20px;
}

.content .contentTile {
	
}


/* TITLE BAR & RSS */

.titleWrapper {
	padding: 6px 15px;
	background: #FFF;
	font-size: 24px;
	color: #d67e1c;
}

.titleWrapper h1,
.titleWrapper h2 {
	display: inline-block;
	font-family: 'DINProBold';
	font-size: 24px;
	color: #d67e1c;
}

a.rssLink,
.titleWrapper-half.active a.rssLink {
	float: right;
	font-size: 26px;
	color: #000;
}

a.rssLink:hover {
	color: #d67e1c;
}

.titleWrapper-half {
	float: left;
	width: 43.6%;
	padding: 6px 15px;
	background: #FFF;
	font-size: 24px;
	color: #d67e1c;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.titleWrapper-half:hover {
	background: #EEE;
}

.titleWrapper-half h2 {
	float: left;
	font-size: 24px;
}

.titleWrapper-half a {
	color: #d67e1c;
}

.titleWrapper-half a.rssLink {
	color: #000;
}

.titleWrapper-half a.rssLink:hover,
.titleWrapper-half a.rssLink:active {
	text-decoration: none;
	color: #d67e1c;
}

.titleWrapper-half a:hover,
.titleWrapper-half a:active {
	text-decoration: underline;
}

.titleWrapper-half.active {
	background: #d67e1c;
	color: #FFF;
}

.titleWrapper-half.active a {
	color: #FFF;
}

.titleWrapper-half.active a.rssLink:hover,
.titleWrapper-half.active a.rssLink:active {
	color: #FFF;
	text-decoration: none;
}

/* INDEX CONTENT - NABIDKY */

.contentTile article.featuredTopic {
	padding: 15px;
}

.contentTile article.featuredTopic > .left {
	width: 340px;
}

.contentTile article.featuredTopic:nth-child(2) {
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjE4Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjM1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(0,0,0,0.18) 0%, rgba(0,0,0,0) 35%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.18)), color-stop(35%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.18) 0%,rgba(0,0,0,0) 35%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0.18) 0%,rgba(0,0,0,0) 35%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0.18) 0%,rgba(0,0,0,0) 35%,rgba(0,0,0,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0.18) 0%,rgba(0,0,0,0) 35%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e000000', endColorstr='#00000000',GradientType=0 ); /* IE6-8 */
}

.contentTile article.featuredTopic a:hover,
.contentTile article.featuredTopic a:active{
	text-decoration: underline;
}

.contentTile article.featuredTopic h2 a {
	display: inline-block;
	font-size: 20px;
	font-weight: bold;
	color: #244457;
	font-family: Arial, Helvetica, sans-serif;
}

.contentTile article.featuredTopic p {
	margin-top: 14px;
	font-size: 16px;
}

.contentTile article.featuredTopic p a {
	color: #000;
}

.contentTile article.featuredTopic span.price {
	color: #00b7ff;
	font-weight: bold;
}

img.customico,
a.join,
.firstminute,
.lastminute,
.discount,
.new {
	display: inline-block;
	float: right;
	margin-top: 48px;
	margin-left: 5px;
	width: 60px;
	height: 60px;
}

a.join {
	background: url('../images/badges.png') 0 -243px;
	-webkit-border-radius:  8px;
	-moz-border-radius: 	8px;
	border-radius: 			8px;
}

.firstminute {
	background: url('../images/badges.png') 0 -1px;
}

.lastminute {
	background: url('../images/badges.png') 0 -62px;
}

.discount {
	background: url('../images/badges.png') 0 -123px;
}

.new {
	background: url('../images/badges.png') 0 -184px;
}

.divider-1 {
	width: 630px;
	height: 1px;
	background: url('../images/divider-1.png') center;
}


/* NOVINKY a CLANKY */
#newsBar {height:auto; min-height:280px;}
.newsBar {height:auto; float:left; margin-bottom:30px;}

#newsBar article {
	padding: 10px 15px;
}

#newsBar article h3 {
	margin-bottom: 4px;
	font-size: 18px;
	color: #254558;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#newsBar article h3 a {
	color: #254558;
}

#newsBar a.moreLink {
	position: absolute;
	right: 15px;
	bottom: 15px;
}      

#newsBar .articlesBar {
	display: none;
}

/* VZ 24 NEWS Banner */
.vz24Banner {
	height: auto;
    margin: 15px 0;
    width: 310px;
}

.vz24Banner .titleWrapper {
	width: 100%;
	height: 84px;
	background: white url(../images/vz24.png) 10px 15px no-repeat;
	padding: 0px;
	margin: 0;
	display: inline-block;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.vz24articles {
	padding: 5px 10px 5px 10px;
}

.vz24articles article {
	padding: 10px 0px;
	border-top: 1px solid #e1e1e1;
	min-height: 45px;
}

.vz24articles article:first-child {
	border: none;
}

.vz24articles img {
	width: 64px;
	height: auto;
	float: left;
}

.vz24articles article h3 {
	margin-top: -3px;
	margin-left: 12px;	
	width: 208px;
	display: block;
	float: left;
}

.vz24articles article h3 a {
	font-family: arial;
	color: #d20000;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	text-decoration: underline;
}

.vz24articles .clearfix {clear: both;}

div#partners {clear:both;}

/* VYHLEDAVAC SKOLENI */

#mainpageFilter {

}

#mainpageFilter form {
	padding: 15px;
}

#mainpageFilter form ul > li {
	margin-bottom: 20px;
}

#mainpageFilter form label {
	display: inline-block;
	margin: 0;
	padding: 0;
	width: 200px;
}

#mainpageFilter form label.shortLabel {
	width: 110px;
}

#mainpageFilter form select {
	width: 240px;
}

#mainpageFilter form input[type=text]#amount {
	width: 110px;
	border: 0;
	color: #f6931f;
	font-weight: bold;
}

#mainpageFilter form input[type=text] {
	padding: 4px 10px;
	width:100px;
	height:18px;
	background:#FFF;
	font-size:12px;
	border: 1px solid #CCC;
}

#mainpageFilter form input[type=text]#date1-from,
#mainpageFilter form input[type=text]#date1-to {
	margin: 0 10px;
}

#mainpageFilter form button {
	float: right;
}


/***
----- SIDEBAR
***/

#sidebar {
	float:left;
	margin-left: 20px;
	margin-bottom: 20px;
	width:310px;
	height:auto;
}


/* REFERENCES */

.references {
	margin: 15px 0;
	width: 310px;
	height: 284px;
}

.references .referenceItem {
	display: none;
	margin-top: 15px;
}

.references .referenceItem p{     
	margin: 0 25px 15px;
	font-style: italic;
	line-height: 1.25em;
	height: 139px;
	overflow: hidden;
}

.references span {
	display: block;
	float: right;
	text-align: right;
	font-weight: bold;
	font-style: italic;
	margin: 0 10px 4px 0;
	font-size: 15px;
}

.references .referenceButton {
	position: absolute;
	padding: 4px 10px 3px 8px;
	color: white;
	background: #9cb23d;
	cursor: pointer;
	border-radius: 5px;
	font-size: 22px;
	margin-top: 10px;	
}

.references .referenceButtonNext {	      
	margin-left: 43px;
}

.references .referenceButtonPrev {
	margin-left: 10px;
}


/* NEWSLETTER */

#newsletterBox {
	position: relative;
	padding: 15px;
	width: 280px;
	height: 139px;
	background: #9cb23d; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IxYzM2NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5NWE2NGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(177,195,101,1) 0%, rgba(149,166,74,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(177,195,101,1)), color-stop(100%,rgba(149,166,74,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(177,195,101,1) 0%,rgba(149,166,74,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(177,195,101,1) 0%,rgba(149,166,74,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(177,195,101,1) 0%,rgba(149,166,74,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(177,195,101,1) 0%,rgba(149,166,74,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b1c365', endColorstr='#95a64a',GradientType=0 ); /* IE6-8 */
}

#newsletterBox h2 {
	margin-bottom: 10px;
	font-family: 'DINProBold';
	font-size: 24px;
	color: #FFF;
}

#newsletterBox #icon-newsletter {
	position: absolute;
	top: 15px;
	right: 10px	;
	width: 45px;
	height: 36px;
	background: url('../images/icon-newsletter.png');
	
}

#newsletterBox a {
	font-size: 16px;
	color: #000;
}

#newsletterBox a:hover,
#newsletterBox a:active {
	text-decoration: underline;
}

#newsletterBox form  {
	margin: 16px 0;
}

#newsletterBox form input[type=text] {
	margin: 0;
	width:174px;
}

#newsletterBox form input[type=email] {
	margin: 0;
	width:174px;
}

input[type=submit] {
	background: #FFF;
	color: #000;
	padding: 7px 7px;
}

input[type=submit]:hover {
	background: #d67e1c;
	color: #FFF;
}

/***
----- LECTOR CAROUSEL
***/

#lectorCarousel {
	margin-bottom: 20px;
	padding-bottom: 15px;
	width: 960px;
}

#lectorCarousel ul {
	float: left;
	width: 906px;
}

#lectorCarousel li {
	position: relative;
	float: left;
	width: 270px;
    height: 206px;
	margin: 35px 0 0 25px;	
}

#lectorCarousel li .text {
	float: left;
	width: 150px;
	margin: 10px 0 0 20px;
}

#lectorCarousel li .text h3 a {
	font-size: 22px;
	color: #244457;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

#lectorCarousel li .text h3 a:hover {
	text-decoration: underline;
}

#lectorCarousel li .text p {
	margin: 10px 0 0 0;
}

#lectorCarousel li img {
	float: left;
	margin: 0 0 15px 0;
}

#lectorCarousel li .showCourses {
	font-size: 14px;
	color: #244457;
	font-weight: bold;
	text-decoration: underline;
}

#lectorsCarousel-prev, #lectorsCarousel-next {
	display: block;
	float: left;
	width: 9px;
	padding: 8px 10px 5px 8px;
	margin: 100px 0 0 0;
	color: white;
	background: #9cb23d;
	cursor: pointer;
	border-radius: 0 5px 5px 0;
	font-size: 26px;	
}

#lectorsCarousel-next {
	float: right;
	border-radius: 5px 0 0 5px;
}

#lectorCarousel .jcarousel-clip {
	float: left;
	width: 906px;
	height: 250px;
	overflow: hidden;
}


/***
---- TILES
***/

.halfTile {
	float: left;
	position: relative;
	margin-bottom: 20px;
	width: 475px;
	height: 280px;
}

.halfTile + .halfTile {
	margin-left: 10px;
}

.halfTile#partners,
.halfTile#certificates {
	padding: 15px;
	width: 445px;
	height: 154px;
	-moz-box-shadow:    none;
	-webkit-box-shadow: none;
	box-shadow:         none;
}

.halfTile#partners h2,
.halfTile#certificates h2 {
	font-family: 'DINProBold';
	font-size: 24px;
	color: #FFF;
}

.halfTile#partners h2 {
	color: #000;
}

.halfTile#partners .moreLink {
	float: none;
	position: absolute;
	right: 10px;
	bottom: 15px;
}

/***
---- PARTNEŘI
***/
#partners #vz24cz {
	margin: 0 0 0 260px;
}

#partners #verejnaSoutez {
	float: left;
	margin: 25px 0 0 0;
}

#partners #proebiz {
	float: left;
	margin: 23px 0 0 90px;
}

/* 	CERTIFIKATY A AKREDITACE */

.halfTile#certificates {
	background: #a6ba51;
	font-size: 24px;
	color: #FFF;
}

.halfTile#certificates ul {
	display: block;
	margin-top: 16px;
	margin-bottom: 10px
}

.halfTile#certificates ul > li {
	display: inline-block;
	float: left;
	width: 90px;
	height: 90px;
	background: #FFF;
}

.halfTile#certificates ul > li + li {
	margin-left: 28px
}

.halfTile#certificates ul > li#iso-a {
	background: url('../images/iso-abcd.png');
}

.halfTile#certificates ul > li#iso-b {
	background: url('../images/iso-abcd.png') -90px 0;
}

.halfTile#certificates ul > li#iso-c {
	background: url('../images/iso-abcd.png') -180px 0;
}

.halfTile#certificates ul > li#iso-d {
	background: url('../images/iso-abcd.png') -270px 0;
}

.halfTile#certificates a.moreLink {
	color: #FFF;
}


/***
----- FOOTER
***/

.sticktobottom{
	display:block;
	/*position:absolute;*/
	bottom:0;
	margin:0;
	width:100%;
	height:80px;
	background: #FFF;
}

footer {
	display:block;
	position:relative;
	margin:auto;
	width:960px;
	height:80px;
}

footer a {
	color: #334a54;
}

footer a:hover,
footer a:active {
	text-decoration:underline;
}

footer ul#sociallinks {
	display: block;
	margin-top: 18px;
}

footer ul#sociallinks > li {
	display: block;
	float: left;
	margin-left: 10px;
	width: 44px;
	height: 44px;
}

footer ul#sociallinks > li a {
	display: block;	
	width: 100%;
	height: 100%;
	background-color: #334a54;
	font-size: 30px;
	text-align: center;
	color: #FFF;
	line-height: 44px;
}

footer ul#sociallinks > li a:hover,
footer ul#sociallinks > li a:active {
	background-color: #d67e1c;
	color: #FFF;
	text-decoration: none;
}

footer ul#legal {
	display:block;
	float: right;
	padding: 32px 0;
}

footer ul#legal > li {
	display:inline;
	margin-right: 20px;
}


/***
----- DATEPICKER - KALENDAR
***/

.datepicker {
	height: 304px;
}

.datepicker .ui-widget-header{
	background: transparent;
	color: black;
	border-radius: 0;
	border: none;
}

.datepicker .ui-datepicker .ui-datepicker-prev, .datepicker .ui-datepicker .ui-datepicker-next {
	float: left;
	position: static;
	color: black;
	cursor: pointer;
	height: auto;
	width: auto;
	margin: 6px 14px;
}

.datepicker .ui-datepicker-header-title {
	float: left;
	margin-top: 6px;
	width: 100%;
	height: 25px;	
}

.datepicker .ui-datepicker .ui-datepicker-prev-second, .datepicker .ui-datepicker .ui-datepicker-next-second {
	float: left;
	position: static; 
	height: auto;
	width: auto;
	margin-top: 5px;
	padding: 4px 10px 3px 8px;
	color: white;
	background: #9cb23d;
	cursor: pointer;
	border-radius: 5px;
	font-size: 22px;
}

.datepicker .ui-datepicker .ui-datepicker-prev-second {
	margin-right: 5px;
}

.datepicker .ui-datepicker .ui-datepicker-prev-hover, .datepicker .ui-datepicker .ui-datepicker-next-hover {
	border: none;
	background: none;
	color: black;
}

.datepicker .ui-datepicker .ui-datepicker-title {
	float: left;
	text-align: center;
	margin: 0;
	width:200px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background: transparent;
	border: none;
	color: black;
	text-align: center;
}   

.datepicker .ui-widget-content {
	margin: auto;
	width: 272px;
	border: 0;
	background: none;
} 

.ui-datepicker-calendar {
	border-spacing:0;
    border-collapse:collapse;
}

.ui-datepicker-calendar tbody tr {
	background: #EAEAEA;
	border-bottom: 5px solid white;
}

.ui-datepicker-week-end {
	color: #AAAAAA; 
}

.ui-datepicker-calendar tbody .orange,  .ui-datepicker-calendar tbody .orange a{
	background: orange;
	color: white;
}

img.ui-datepicker-trigger {
	display: inline-block;
	margin: 0;
	width: 20px;
	margin-top: 0px;
	position: relative;
	top: 6px;
}

#ui-datepicker-div {
	z-index: 100 !important;
}



/***
----- RANGE SLIDER
***/ 

.ui-slider {
	width: 190px;
	display: inline-block;
}

.ui-slider .ui-slider-handle {
	background: rgb(206,220,231); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NlZGNlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1OTZhNzIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgb(206,220,231) 0%, rgb(89,106,114) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(206,220,231)), color-stop(100%,rgb(89,106,114))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgb(206,220,231) 0%,rgb(89,106,114) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgb(206,220,231) 0%,rgb(89,106,114) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgb(206,220,231) 0%,rgb(89,106,114) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgb(206,220,231) 0%,rgb(89,106,114) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedce7', endColorstr='#596a72',GradientType=0 ); /* IE6-8 */


}


/***
----- BREADCRUMBS
***/ 

ul.breadcrumbs {
	margin: 10px 0 10px 15px;
	list-style: none;
}

ul.breadcrumbs li {
	float: left;
}

ul.breadcrumbs li a {
	text-decoration: none;
	color: black;
}


/***
----- DETAILY KURZU
***/ 

.courseDetail h1 {
	display: block;
	color: #d67e1c;
	font-size: 30px;
}

.courseDetail .courseHeading {
	padding: 0 0 0 15px;
}

.courseDetail .courseTime {
	display: inline-block;
	margin: 10px 0 5px;
	color: #244457;
	font-weight: bold;
}

.courseDetail .courseTime + .courseTime {
	margin-left: 25px;
}

.courseHeading p {
	font-size: 16px;
	margin: 0 0 10px 0;
	line-height: 125%;
}

.courseDetail img {
	float: left;
	margin: 10px 25px 10px 10px;
}

.courseDetail h2 {
	margin: 10px 0;
	font-size: 20px;
	color: #244457;	
	font-weight: bold;
}

.courseDetail h2 a {
	color: #244457;	
	font-weight: bold;
}

.courseDetail h2 a:hover {
	text-decoration: underline;
}

.courseDetail > p {
	line-height: 110%;
}

.courseDetail p {
	width:97%;
	padding:1.5%;
	text-align:justify;
}

.courseInfo {            
	padding: 10px 0;
	border-top: 1px solid #DDDDDD;
	background: #E9E9E9;
}

.courseInfo table th {
	padding: 0 0 0 10px;
	font-weight: bold;
	text-align: left;
}

.courseInfo table td {
	padding: 0 0 20px 10px;
}

.courseInfo table {
	float: left;
}

.courseRatingChart {
	float: right;
	margin: 0 10px 0 0;
	width: 220px;
	height: 300px;	
}

.content .greenBox {
	margin: 10px 0 0 0;
	padding: 0 8px 15px 8px;	
	background: #E1EACD;
}

.content .greenBox ul {
	margin: 0 0 0 20px;
	list-style: disc;
}  

.content .greyBox {
	padding: 0 8px 15px 8px;	
	background: #EEEEEE;
}    

.content .greyBox ul {
	margin: 0 0 0 20px;
	list-style: disc;
}       

.courseShowcase {
	display: block;
	margin: 20px auto;
}

.infoSlide {
	margin: 0 0 10px 0;
	background: #EAEED7;
	border-radius: 5px;	
}          

.infoSlide ul {
	margin: 10px 0 0 20px;
	list-style: disc;
	padding-bottom:20px;
} 

.infoSlide > .title {
	padding: 5px 10px;
	color: white;
	font-size: 18px;
	background: #9DB43F;
	border-radius: 5px;
}

.infoSlide > .title > span {
	display: inline-block;
	float: left;
	margin: 7px 0 0 0; 
}

.infoSlide > .title > i {
	display: inline-block;
	float: right;
	padding: 1px 8px 3px;
	color: #9DB43F;
	background: white;
	font-size: 24px;
	border-radius: 5px;
	cursor: pointer;
}

.infoSlide > p {      
	display: block;
	padding: 5px;
	font-size: 14px;
	line-height: 110%;
}         

.signInForm > .title {
	padding: 15px 10px 13px;
	border-radius: 5px 5px 0 0;
	background: #d67e1c;
	color: white;
	font-size: 18px;
}

.signInForm > .title > span {
	font-weight: bold;
}

.signInForm > .contentTile {
	padding: 20px 10px 10px 10px;
}

.signInForm input[type=text] {
	width: 10px;
	margin: 0 10px 0 5px;
	border: 2px inset;
	font-size: 12px;
}

.signInForm .contentTile > span {
	font-weight: bold;
}

button.blueButton {
	display: inline-block;
	float: right;
	width: 300px;
	padding: 10px;
	color: white;
	font-weight: bold;
	background: #264559;
	border-radius: 5px; 
}

button.blueButton:hover,
button.blueButton:active {
	color: #d67e1c; 
}

button.blueButton i {
	font-size: 36px;
}

.signInForm .requirements {
	margin: 20px 0 0 0;
}

.signInForm .requirements input[type=checkbox] {
	display: inline-block;
	position: static;
	left: 0;
	margin: 10px 0 0 0;
}

.signInForm .totalPrice {
	background: #264559;
	border-radius: 0 0 5px 5px;
	color: white;
	font-size: 20px;
   	text-align: right;
}   

.signInForm .totalPrice .dph {
	font-size: 14px;
}                                          

.signInForm .totalPrice input[type=submit] {       
	height: 50px;
	margin: 5px 100px 5px 50px;
	background: #A6BA51;
	border-radius: 5px;
	color: white;
	text-transform: lowercase;
}

.signInForm .totalPrice input[type=submit]:hover,
.signInForm .totalPrice input[type=submit]:active {
	background: #d67e1c;
}

.signInSidebar {    
	padding: 10px 10px 10px 15px; 
	font-size: 20px;
	background: #A6BA51;
	border-radius: 5px;
	color: white;
}

.signInSidebar a {
	display: inline-block;
	margin: 20px 0 0 0;
	color: black;
	font-size: 14px;
}

.signInSidebar a.signButton {
	float: right;
	padding: 15px 10px;
	margin: 0;
	border-radius: 5px;
	background: #264559;
	color: white;
	text-align: center;
}

.discountedPrice {
	margin: 15px 0 0 0;
}

.discountedPrice h2 span {
	color: #244457;
	font-size: 16px;
	font-weight: normal;
}

.discountedPrice .conditions {
	padding: 10px 20px;
}

.discountedPrice .conditions span {
	display: inline-block;
	margin: 0 0 10px 0;
	color: #244457;
	font-size: 16px;
	font-weight: bold;
}

.discountedPrice .conditions ul {
	list-style-type: none;
}

.discountedPrice .conditions ul li:before {
	content: "- ";
}

.recommendations h2 {
	display: block;
}

.recommendations h2 a {
	color: #244457; 
}

.recommendations .lastminute {
	float: none;
	margin: 35px 0 0 0;
}

.recommendations .socialNetworks {
	float: right;
	width: 100px;
}

.recommendations .socialNetworks a {
	float: none;
	display: block;
	margin: 0 0 10px 0;	
}

.recommendations .socialNetworks img {
	margin: 0 0 10px 0;
}


/* INFORMACIE O KURZE - TERMIN, KAPACITA */

.courseInfoSidebar {
	margin: 15px 0 0 0;
	padding: 10px 15px;
	background: #D8DFB3;
	border-radius: 5px;
}

.courseInfoSidebar table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0px 10px;
	border-bottom: 1px solid #FFF;
}

.courseInfoSidebar table:last-child {
	border-bottom: 0;
}

.courseInfoSidebar table caption {
	margin-top: 10px;
	font-weight: bold; 
	color: #244457;
	text-align: left;
}

.courseInfoSidebar table tr {
	border-collapse: separate;
	
}

.courseInfoSidebar table tr td + td {
	text-align: right;
}

.courseInfoSidebar table + table {
	
}


/* SOUVISEJICI KURZY */

.moreCourses {
	margin: 15px 0 0 0;
}

#moreCoursersTableWrap {
	padding: 10px 15px;
}

.moreCourses table {
	width: 100%; 
	border-collapse: separate;
	border-spacing: 0px 4px;
}

.moreCourses table + table {
	margin-top: 6px;
}

.moreCourses table caption {
	text-align: left;
}

.moreCourses table caption a {
	font-weight: bold;
	color: black;
}

.moreCourses table tr td + td {
	text-align: right;
}

/* v5 */
.moreCourses.highlightMoreCourses {
	color: black; 
}

.moreCourses.highlightMoreCourses .titleWrapper {
	background: #ff0066!important; border-bottom: 1px solid #eeeeee; border-top-left-radius: 5px; border-top-right-radius: 5px
}

.moreCourses.highlightMoreCourses .titleWrapper h2 {
	color: #ffffff
}

.moreCourses.highlightMoreCourses table caption a {
	color: #ff0066
}

.moreCourses.highlightMoreCourses table caption a {
	font-weight: 600;
}


.moreCourses.highlightMoreCourses table caption a:hover {
	text-decoration: underline;
}



/***
----- ČLÁNEK
***/

.articleHeading, .articleContent {
	padding: 0 0 0 15px;	
}

.articleHeading {
	margin: 0 0 25px 0;
}

.articleHeading .allArticles {
	display: block;
	margin: 0 0 25px 0;
	font-size: 24px;
	color: #d67e1c;
	font-weight: bold;
}

.articleHeading .allArticles i {
	color: white;
	padding: 2px 10px 1px 7px;
	background: #A6BA51;
	border-radius: 5px;
}

.articleHeading h1 {
	font-size: 22px;
	color: #d67e1c;
	font-weight: normal; 
}

.articleHeading span {
	display: block;
	margin: 10px 0 15px 0;
	font-weight: bold;
	color: #244457;
}        

.articleContent img {
	float: left;
	margin: 0 25px 0 0;
}

.articleContent .signature {
	display: block;
	margin: 10px 0 0 0;
	color: #244457;
}

.articleContent .signature span {
	font-weight: bold;
}

.articleContent ul li {font-size:14px;}

.articleDetail h2 {
	display: block;
	margin: 10px 0;
	font-size: 20px;
	color: #244457;	
	font-weight: bold;
}

.articleDetail .greyBox h2 {
	margin: 5px 0 0;
	color: #244457;
}

.articleDetail ul {
	margin: 20px 0 20px 20px;
	list-style: disc;
}

.articleDetail .greyBox h2 a {
	color: #244457;
}

.blueTexts {
	display: block;
	color: #244457;
}

.blueTexts span {
	font-weight: bold;
}

.blueTexts a {
	color: rgb(0,204,255); 
}

#photoCarousel {
	margin: 0 0 15px 0;
}

#photoCarousel ul li img {
	margin: 0;
}

#photoCarousel .jcarousel-clip-horizontal {	
	width: 614px;
	height: 150px;
	overflow: hidden;
}

#photoCarousel .jcarousel-item {
    width: 205px;
    height: 150px;
    margin: 0 10px 0 0;
}

#photoCarousel .jcarousel-item img {
	width: 205px;
	height: 150px;
}

#photoCarousel-prev, #photoCarousel-next {
	float: right;
	width: 9px;
	margin: 0 5px 5px;
	padding: 2px 10px 1px 7px;
	color: white;
	background: #9cb23d;
	cursor: pointer;
	border-radius: 5px;
	font-size: 26px;
}

.articleDetail .greyBox {
	padding-top: 10px;
	margin: 15px 0 0 0;
}

.articleDetail .greyBox ul.prices {
	padding: 0 0 10px 0;
	margin: 0;
	list-style: none;
	color: #244457;
	font-weight: bold;
}

.articleDetail .greyBox .prices span {
	display: inline-block;
	width: 300px;
	color: black;
	font-weight: normal;
}

.articleDetail .greyBox span {
	font-weight: bold;
}

.articleDetail .priceList a {
	color: #00CCFF;
}

.articleAuthor h2 {
	float: left;
}

.articleAuthor a.recommend {
	margin: 15px 0 0 200px;
	float: left;
	color: #244457;
	font-weight: normal;
}

.articleAuthor a {
	color: black;
	font-weight: bold;
}

.articleAuthor p {
	width: 400px;
}

.relatedArticles {
	margin: 15px 0 0 0;
}

.relatedArticles > a {
	display: block;
	margin: 15px 0 0 0;
	color: #244457; 
	font-weight: bold;
	font-size: 16px;
}

.relatedArticles > span > a {
	color: black;
	font-size: 14px;
}

.articleAuthor .socialNetworks {
	float: left;
	width: 100px;
	margin: 16px 0 0 15px;
}

.articleAuthor .socialNetworks a {
	float: none;
	display: block;
	margin: 0 0 5px 0;
}

.articleAuthor .socialNetworks span {
	display: block;
	font-weight: bold;
	margin: 0 0 10px 0;
}

.articleAuthor .socialNetworks img {
	float: none;
	margin: 0 0 10px 0;
}


/***
----- UŽIVATELSKÝ ÚČET
***/

.userAccount {
	padding: 0 0 15px 15px;
}

.userAccount h1 {
	display: block;
	margin: 10px 0 5px;
	color: #244457;
	font-weight: bold;
}

.userAccount ul.userNavigation {
	float: left;
	width: 230px;
	list-style: none;
}

.userAccount ul.userNavigation li a {
	display: block;
	margin: 0 0 10px 0;
	padding: 10px 15px;
	border-radius: 5px 0 0 5px;
	background: #D0DFB3;
	color: black;
	font-size: 13px;
	font-weight: bold;
	-webkit-box-shadow: inset -2px 0px 4px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset -2px 0px 4px 0px rgba(0, 0, 0, 0.2);
}

.userAccount ul.userNavigation li a.active {
	background: #97B62F;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.userAccount ul.userNavigation li a h2 {
	display: block;
	margin: 0 0 10px 0;
}

.userAccount ul.userNavigation li h2 {
	color: #97B62F;
	font-size: 20px;
	font-weight: bold;	
}

.userAccount ul.userNavigation li a.active h2{
	color: white;	
}

.userAccount .userContent {
	float: left;
	width: 695px;
	min-height: 800px;
	background: #EEEEEE;
	border: 10px solid #97B62F;
	border-radius: 			0 5px 5px 0px;
	-moz-border-radius: 	0 5px 5px 0px;
	-webkit-border-radius:	0 5px 5px 0px;
}

.userContent #basicInfo, .userContent #recommendation {
	padding: 5px 10px;
}

.userContent .userTabContent {
	display: none;
}

.userContent #basicInfo {
	display: block;
}

.userContent h3 {
	margin: 0 0 10px 0;
	color: #244457;
	font-size: 18px;
	font-weight: bold; 
}


/***
----- ZÁKLADNÍ ÚDAJE
***/

.userContent #basicInfo fieldset + fieldset {
	padding: 15px 0 0 0;
	border-top: 2px solid white;
	-webkit-box-shadow: inset 0px 1px 0px 0px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0px 1px 0px 0px rgba(0, 0, 0, 0.3);
}

.userContent #basicInfo .left {
	width: 305px;
}

.userContent #basicInfo label {
	margin: 15px 25px 3px 0;
	padding: 0;
	font-size: 16px;
}

.userContent #basicInfo label.important {
	color: #244457;
	font-weight: bold;
}

.userContent #basicInfo input[type=text],
.userContent #basicInfo input[type=password],
.userContent #basicInfo input[type=email],
#newRegistration form fieldset input {
	width: 260px;
	margin: 0 25px 0 0;
	-webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 1);
    box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 1);
    border: none;
}

#newRegistration form fieldset .no-shadow input {
	width: 35px;
	margin: 0 25px 10px 0;
	/*-webkit-box-shadow: none;*/
	box-shadow: none;
	border: none;
}
    
.userContent #basicInfo input[type=submit] {
	display: block;
	float: none;
	margin: 15px 0 0 305px;
	padding: 8px 50px;
	background: #97B62F;	
	border-radius: 5px; 
	color: white;
	font-size: 18px;
	text-transform: none;         
}

.userContent .emailNote {
	margin-top: 30px;
	font-size: 14px;
	font-style: italic;    
	color: #244457;
}

.userContent #progressbar {
	display: block;
	width: 388px;
	height: 20px;
	margin: 35px 0 0 0;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-radius: 5px;
	overflow: hidden;
	background-color: white;
}

.userContent #progressbar #progress {
	display: block;
	height: 100px;
	width: 0%;
}

.userContent #progressbar .progressbarInvalid {
	background-color: red;
	background-image: -o-linear-gradient(-90deg, #F94046 0%, #92080B 100%);
	background-image: -moz-linear-gradient(-90deg, #F94046 0%, #92080B 100%);
	background-image: -webkit-linear-gradient(-90deg, #F94046 0%, #92080B 100%);
	background-image: -ms-linear-gradient(-90deg, #F94046 0%, #92080B 100%);
	background-image: linear-gradient(-90deg, #F94046 0%, #92080B 100%);
}

.userContent #progressbar .progressbarValid {
	background-color: green;
	background-image: -o-linear-gradient(-90deg, #8AD702 0%, #389100 100%);
	background-image: -moz-linear-gradient(-90deg, #8AD702 0%, #389100 100%);
	background-image: -webkit-linear-gradient(-90deg, #8AD702 0%, #389100 100%);
	background-image: -ms-linear-gradient(-90deg, #8AD702 0%, #389100 100%);
	background-image: linear-gradient(-90deg, #8AD702 0%, #389100 100%);
}


/***
----- DOPURUČUJEME, HISTORIE ŠKOLENÍ
***/     

.userContent .userTable .filtersHeading {
	margin: 0 0 10px 0;
}

.userContent .userTable .filterItem {
	margin: 10px 0 0 0;
	color: #244457;
	font-weight: bold;
	font-size: 12px;
}   

.userContent .userTable .first,
.userContent .userTable .item h4 {
	width: 300px;
	padding: 0 0 0 25px;
}

.userContent .userTable .second {
	width: 150px;	
}

.userContent .userTable .first,
.userContent .userTable .second,
#recomme.userContent .userTablendation .third,
.userContent .userTable .item h4  {
	float: left;
} 

.userContent .userTable .filterItem i {
	display: inline-block;
	margin: 0 0 0 2px;
	padding: 2px 5px 2px 5px;
	border-radius: 5px;
	background: #D0DFB3;
	color: white;
}

.userContent .userTable .filterItem i.active {
	background: #244457;
}

.userContent .userTable .item .first,
.userContent .userTable .item h4 a {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#244457; 
}

.userContent .userTable .item .second {
	padding: 0 0 0 20px;
}

.userContent .userTable .item .third {
	color: #00CCFF;
	font-weight: bold;
}

.userContent .userTable .item + .item, .userContent .userTable .filtersHeading + .item {
	padding: 15px 0 15px 0;
	border-top: 1px solid rgb(176,176,176);
}

#myTraining h3, #myCertificates h3, #myInvoice h3 {
	padding: 5px 0 0 10px;
}

#myTraining .filtersHeading .first, #myCertificates .filtersHeading .first , #myInvoice .filtersHeading .first {
	padding: 0 0 0 35px;
}

#myTraining .item .first,#myCertificates .item .first, #myInvoice .item .first {
	padding: 0 0 0 15px;
}

#myTraining .item .third, #myCertificates .item .third, #myInvoice .item .third {
	padding: 0 10px 0 0;
	text-align: right;
}

#myTraining .item.active, #myCertificates .item.active,  #myInvoice .item.active {
	background: white;
}

#myTraining .item .third i, #myCertificates .item .third i, #myInvoice .item .third i {
	padding: 2px 8px 2px 8px;
	border-radius: 5px;
	background: #97B62F;
	color: white;	
	font-size: 22px;
	cursor: pointer;
}

#myTraining .item .slideContent, #myCertificates .item .slideContent, #myInvoice .item .slideContent {
	display: none;
	width: 655px;
	margin: 10px 0 0 0;
	padding: 0 20px;
}

#myTraining .item .slideContent .greyBox, #myCertificates .item .slideContent .greyBox, #myInvoice .item .slideContent .greyBox {
	float: left;
	width: 200px;
	margin: 15px 10px 0 0;
	padding: 5px;
	border-radius: 5px;
	font-weight: bold;
	font-size: 14px;
	background: #EEEEEE;
}

#myTraining .item .slideContent .greyBox.last, #myCertificates .item .slideContent .greyBox.last, #myInvoice .item .slideContent .greyBox.last {
	margin-right: 0;
}

/***
----- PAGINATION
***/  

.userContent .pagination, .pagination,
.coursesTable .pagination,
#searchResults .pagination {
	width: 100%;	
	margin: 0 auto;
	padding: 15px 0 0 0;
	border-top: 1px solid rgb(176,176,176);
	text-align: center;
}

.userContent .pagination ul, .pagination ul,
.coursesTable .pagination ul,
#searchResults .pagination ul {
	width: 200px;
	list-style: none;	
	margin: 0 auto;
}

.userContent .pagination ul li,.pagination ul li,
.coursesTable .pagination ul li,
#searchResults .pagination ul li {
	display: inline-block;
	float: left;
	margin: 0 0 0 3px;
}

.userContent .pagination li a,.pagination li a,
.userContent .pagination li.count,
.coursesTable .pagination li a,
.coursesTable .pagination li.count,
#searchResults .pagination ul li a,
#searchResults .pagination ul li.count {
	color: #00CCFF;
}

.userContent .pagination li a i,.pagination li a i,
.coursesTable .pagination li a i,
#searchResults .pagination  li a i {
	padding: 2px 5px;
	border-radius: 5px;
	color: white;
	background: #244457;
}

/***
----- PERSONALISTA - DOPORUČENÁ ŠKOLENÍ
***/

.userContent #employeeRecommendation {
	padding: 5px 10px;
}

#employeeRecommendation h3 {
	margin: 0 0 25px 0;
}

#employeeRecommendation h4 a{
	display: inline-block;
	margin: 0 0 10px 0;
	font-size: 18px;
	font-weight: bold;
	color: #244457;
}

#employeeRecommendation .item {
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
	border-top: 2px solid white;
	-webkit-box-shadow: inset 0px 1px 0px 0px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0px 1px 0px 0px rgba(0, 0, 0, 0.3);
}

#employeeRecommendation .info {
	display: block;
	margin: 0 0 10px 0;
	font-size: 12px;
}


#employeeRecommendation .info span {
	font-weight: bold;
	color: #244457;
}

#employeeRecommendation .left {
	float: left;
	width: 400px;
}

#employeeRecommendation .right {
	margin: 0 40px 0 0;
	font-size: 14px;
}

#employeeRecommendation .right img {
	margin-bottom: 5px;
}


#employeeRecommendation p { 
    font-size: 16px;
    line-height: 115%;
}

#employeeRecommendation .pagination {
	margin: 10px 0 0 0;
	border-top: 2px solid white;
	-webkit-box-shadow: inset 0px 1px 0px 0px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0px 1px 0px 0px rgba(0, 0, 0, 0.3);	
}

/***
----- PERSONALISTA - DETAIL DOPORUČENÁ ŠKOLENÍ
***/
.userContent #employeeRecommendationDetail {

}

#employeeRecommendationDetail .greenTitle {
	background: #97B62F;
	padding: 0 15px;	
}

#employeeRecommendationDetail .greenTitle h3 {
	display: block;
	margin: 0;
	padding: 10px 0 5px 0;        
	color: white;
}

#employeeRecommendationDetail .greenTitle a {
	display: inline-block;
	padding: 0 0 10px 0;
	color: white;
}

#employeeRecommendationDetail .userTabTexts {
	padding: 5px 10px;
}

#employeeRecommendationDetail .info {
	display: block;
	margin: 10px 0 25px 0;
	font-size: 14px;
}

#employeeRecommendationDetail .info span {
	font-weight: bold;
	color: #244457;
}

#employeeRecommendationDetail input[type=checkbox] {
	display: inline-block;
	position: static;
	left: 0;
	margin: 0 0 0 5px;
	padding: 0;
}

#employeeRecommendationDetail label {
	display: inline-block;
	float: none;
	clear: none;
}

#employeeRecommendationDetail .relatedCourses {
	margin: 0 0 25px 0;
}

#employeeRecommendationDetail .relatedCourses label {
	width: 400px;
	margin: 0 0 10px 10px;
	padding: 0;
	font-size: 16px;
	color: #244457;
} 

#employeeRecommendationDetail .relatedCourses a {
	color: #244457;
}

#employeeRecommendationDetail .employeesSelect span {
	display: block;
	margin: 0 0 0 30px;
	padding: 3px;
	background: #244457;
	color: white;          
}

#employeeRecommendationDetail .employeesSelect select {
	width: 250px;
	height: 150px;
	margin: 0 0 0 30px;
	font-size: 16px;
}

#employeeRecommendationDetail .employeesSelect a {
	width: 50px;
	display: block;
	margin: 20px 0 0 30px;
	text-align: center;
	color: #244457;
}

#employeeRecommendationDetail .employeesSelect i {
	display: inline-block;
	margin: 5px 0 0 0;
	padding: 3px 10px;
	border-radius: 5px;
	font-size: 24px;
	background: #244457;
	color: white; 
}

#employeeRecommendationDetail .message {
	margin: 25px 0;
}

#employeeRecommendationDetail .message label {
	width: 125px;
	margin: 0 0 25px 0;
	padding: 0;
	color: #244457;
	font-size: 16px;
	font-weight: bold;
}

#employeeRecommendationDetail .message input[type=text], #employeeRecommendationDetail .message textarea {
	width: 500px;
	-webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 1);
	box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 1);
	border: none;
} 

#employeeRecommendationDetail .message textarea  {
	height: 150px;
	border-radius: 0;
	background: white;
}

#employeeRecommendationDetail input[type=submit] {
	display: block;
	float: none;
	margin: 15px 0 15px 225px;
	padding: 15px 125px;
	background: #244457;
	border-radius: 5px;
	color: white;
	font-size: 18px;
	font-weight: bold;
	text-transform: none;	
}

/***
----- PŘEHLED ZAMĚSTNANCŮ A ŠKOLENÍ
***/

#employeeAndTraining .greenTitle {
	background: #97B62F;
}

#employeeAndTraining .greenTitle span {
	display: block;
	padding: 5px 15px;
	color: white;          
	font-weight: bold;       
}

#employeeAndTraining .greenTitle ul li {
	float: left;
	margin: 10px 0 0 0;
}

#employeeAndTraining .greenTitle ul li a {
	display: block;
	margin: 0 3px 0 0;
	padding: 10px 25px;
	background: #D0DFB3;
	border-radius: 5px 5px 0 0;
	color: #244457;
	font-size: 20px;
	font-weight: bold; 
}

#employeeAndTraining .greenTitle ul li a.active {
	background: #EEEEEE;
}

#employeeAndTraining #trainingTab, #employeeAndTraining #employeeDetail{
	display: none;
}

#employeeAndTraining #employeeTab {
	padding: 15px;
}

#employeeAndTraining #employeeTab ul {
	float: left;
	width: 165px;
}
  
#employeeAndTraining #employeeTab ul li {
	margin: 0 0 10px 0;
}

#employeeAndTraining #employeeTab ul li a {
	font-size: 18px;
	color: #244457;
}

#employeeAndTraining #employeeTab ul li a:hover {
	font-weight: bold;
}

#employeeAndTraining #trainingTab h4 {
	display: inline-block;
	margin: 0 0 10px 0;
	font-size: 18px;
	font-weight: bold;
	color: #244457;
}

#employeeAndTraining #trainingTab .item {
	display: block;
	padding: 10px 15px;
}

#employeeAndTraining #trainingTab .item:hover {
	background: white;
}

#employeeAndTraining #trainingTab .item  + .item {
	border-top: 2px solid white;
	-webkit-box-shadow: inset 0px 1px 0px 0px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0px 1px 0px 0px rgba(0, 0, 0, 0.3);	
}

#employeeAndTraining #trainingTab .info {
	display: block;
	margin: 0 0 10px 0;
	font-size: 12px;
	color: black;
}


#employeeAndTraining #trainingTab .info span {
	font-weight: bold;
	color: #244457;
}

#employeeAndTraining #trainingTab .left {
	float: left;
	width: 400px;
}

#employeeAndTraining #trainingTab .right {
	margin: 0 40px 0 0;
	font-size: 14px;
	color: black;
}

#employeeAndTraining #trainingTab .right img {
	margin-bottom: 5px;
}


#employeeAndTraining #trainingTab p { 
    font-size: 16px;
    line-height: 115%;
}

#employeeAndTraining #trainingTab .pagination {
	margin: 10px 0;
	border-top: 2px solid white;
	-webkit-box-shadow: inset 0px 1px 0px 0px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0px 1px 0px 0px rgba(0, 0, 0, 0.3);	
}   

#employeeAndTraining #trainingTab .pagination ul {
	float: right;
	margin: 0 15px 0 0;
}

#employeeAndTraining a.backToEmployeeList  {
	display: inline-block;
	margin: 50px 0 15px 25px;
}

#employeeAndTraining a.backToEmployeeList .text{
	display: block;
	float: left;
	background: #244457;
	padding: 5px 20px;
	color: white;
} 

#employeeAndTraining a.backToEmployeeList .triangle {
	display: block;
	float: left;
	width: 0; 
	height: 0; 
	border-top: 13px solid transparent;
	border-bottom: 13px solid transparent; 
	
	border-right: 13px solid #244457; 
}

#employeeAndTraining #employeeDetail h3 {
	margin: 0 0 20px 25px;
	font-size: 20px;	
}

#employeeAndTraining #employeeDetail h4 {
	margin: 0 0 20px 25px;
	font-size: 22px;	
	color: #FB9200;
}

/***
----- TABULKA
***/
.userContent .userTableList  {
	width: 100%;
	text-align: left;
}

.userContent .userTableList th {
	padding: 10px 0;
	background: #D0DFB3;
	border-right: 1px solid rgb(176,176,176);
	color: #244457;
	font-size: 12px;
	font-weight: bold;
}

.userContent .userTableList .w45 {
	width: 45%;
	padding: 10px 0 0 15px;
}

.userContent .userTableList .w40 {
	width: 40%;
	padding: 10px 0 0 0;
	text-align: center;
}

.userContent .userTableList .w20 {
	width: 20%;
	text-align: center;
}

.userContent .userTableList .w15 {
	width: 15%;
	text-align: center;
}

.userContent .userTableList .w10 {
	width: 10%;
	text-align: center;
}

.userContent .userTableList th i {
	display: inline-block;
	margin: 0 0 0 2px;
	padding: 2px 5px 2px 5px;
	border-radius: 5px;
	background: #9DB664;
	color: white;
}

.userContent .userTableList th i.active {
	background: #244457;
}

.userContent .userTableList td {
	color: #244457;
	padding: 0 0 10px 0;
	border-bottom: 2px solid rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: inset 0px -1px 0px 0px white;
	box-shadow: inset 0px -1px 0px 0px white;
}

.userContent .userTableList td.highlight {
	font-weight: bold;
}

.userContent .userTableList td i.icon-check-sign {
	color: #97B62F;
	font-size: 18px;
}

.userContent .userTableList td i.icon-remove-sign {
	color: red;
	font-size: 18px;
}

/***
----- STATISTIKY
***/
.userContent #statistics #demoChart {
	margin: 50px 0 0 50px;
}


/***
----- FIREMNÍ ÚDAJE
***/
.userContent #companyInfo {
	padding: 5px 10px;
}

.userContent #companyInfo fieldset + fieldset {
	padding: 15px 0 0 0;
	border-top: 2px solid white;
	-webkit-box-shadow: inset 0px 1px 0px 0px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0px 1px 0px 0px rgba(0, 0, 0, 0.3);
}

.userContent #companyInfo .left {
	width: 305px;
}

.userContent #companyInfo label {
	margin: 15px 25px 3px 0;
	padding: 0;
	font-size: 16px;
}

.userContent #companyInfo label.important {
	color: #244457;
	font-weight: bold;
}

.userContent #companyInfo input[type=text], .userContent #companyInfo input[type=password],
.userContent #companyInfo input[type=email] {
	width: 260px;
	margin: 0 25px 0 0;
	-webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 1);
    box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 1);
    border: none;
}
    
.userContent #companyInfo input[type=submit] {
	display: block;
	float: none;
	margin: 15px 0 0 305px;
	padding: 8px 50px;
	background: #97B62F;	
	border-radius: 5px; 
	color: white;
	font-size: 18px;
	text-transform: none;         
}

/***
----- FIREMNÍ ÚDAJE
***/

.coursesList h1 {
	margin: 0 0 10px 0;
	color: #FB9200;
	font-size: 26px;
	font-weight: bold;
}

.coursesList .breadcrumbs {
	margin-left: 0;
}

.coursesList a.trainingForYou {
	float: right;
	padding: 20px;
	text-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	/*
	background: #9cb23d;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(177,195,101,1) 0%, rgba(149,166,74,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(177,195,101,1)), color-stop(100%,rgba(149,166,74,1)));
	background: -webkit-linear-gradient(top, rgba(177,195,101,1) 0%,rgba(149,166,74,1) 100%);
	background: -o-linear-gradient(top, rgba(177,195,101,1) 0%,rgba(149,166,74,1) 100%);
	background: -ms-linear-gradient(top, rgba(177,195,101,1) 0%,rgba(149,166,74,1) 100%);
	background: linear-gradient(to bottom, rgba(177,195,101,1) 0%,rgba(149,166,74,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b1c365', endColorstr='#95a64a',GradientType=0 );
	*/
	background: #ef7f2d;
	border-radius: 5px;
	color: white;
	font-size: 20px;
}

.coursesList a.trainingForYou:hover,
.coursesList a.trainingForYou:active {
	text-decoration: underline;
}

.coursesList h2 {
	display: block;
	padding: 10px;
	color: #FB9200;
	font-size: 22px;
	font-weight: bold;	
	background: #FFF;
}

.coursesList fieldset {
	margin: 0;
}

.coursesList .coursesFilter .filterBlock {
	height: 100%;
}

.coursesList .coursesFilter .greyBox {
}  

.coursesList .coursesFilter .greenBox {
	background: rgba(242,244,231,1);	
}

.coursesList h3 a {
	margin: 0 0 10px 0;
	color: #244457;
	font-size: 18px;
	font-weight: bold;	
}

.coursesList h3 a:hover,
.coursesList h3 a:active {
	text-decoration: underline;
}

.coursesList .coursesFilter h3 {
	margin-bottom: 10px;
}

.coursesList label {
	display: inline-block;
}

.coursesList .coursesFilter .specialization {
	width: 360px;
}

.coursesList .coursesFilter .level {
	width: 106px;
}

.coursesList .coursesFilter .price  {
	width: 273px;
}

.coursesList .coursesFilter .filterBlock {
	float: left;
	padding: 10px 15px;
}

.coursesList .coursesFilter .specialization .left {
	width: 180px;	
}

.coursesList .coursesFilter .specialization label {
	width: 40%;	
}

.coursesList .coursesFilter .date {
	width: 130px;
}

.coursesList .coursesFilter .date .ui-datepicker-trigger {
	margin-left: 5px;
}

.coursesList .coursesFilter .date input[type=text] {
	margin: 0 0 25px 0;
	padding: 4px 10px;
	width: 50px;
	height: 18px;
	background: #FFF;
	font-size: 12px;
	border: 1px solid #CCC;
}

.coursesList .coursesFilter .price {
	padding: 10px 0 0 0px;	
}

.coursesList .coursesFilter .price h3 {
	margin-left: 15px;
	margin-bottom: 10px;
}

.coursesList .coursesFilter .price input[type=text] {
	display: block;
	margin-left: 15px;
}

.coursesList .coursesFilter .price input[type=checkbox] {
	margin-left: 15px;	
}

.coursesList .coursesFilter .price #slider-range {
	display: block;
	margin: 33px 0 33px 15px;   
}

.coursesList .coursesFilter .price .greyBox {  
	width: 245px;  
	height: 37px;
	background: #FFF;
	padding: 20px 15px;
}

.coursesList .clearFilter {
	padding: 10px 15px;
	text-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	background: #9cb23d;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(177,195,101,1) 0%, rgba(149,166,74,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(177,195,101,1)), color-stop(100%,rgba(149,166,74,1)));
	background: -webkit-linear-gradient(top, rgba(177,195,101,1) 0%,rgba(149,166,74,1) 100%);
	background: -o-linear-gradient(top, rgba(177,195,101,1) 0%,rgba(149,166,74,1) 100%);
	background: -ms-linear-gradient(top, rgba(177,195,101,1) 0%,rgba(149,166,74,1) 100%);
	background: linear-gradient(to bottom, rgba(177,195,101,1) 0%,rgba(149,166,74,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b1c365', endColorstr='#95a64a',GradientType=0 );
	color: white;
	font-size: 14px;
	text-transform: uppercase;
}

.coursesList .coursesFilter .price .greyBox input[type=submit] {  
	display: block;
	margin-left: 4px;
	padding: 9px 14px;
	text-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	color: white;
	font-size: 14px;
	text-transform: uppercase;
	background: #FB9200;
}

.coursesList .openAdvancedFilter {
	position: absolute;
	right: 9px;
	display: inline-block;
	width: 215px;
	padding: 9px 30px;
	color: white;
	font-weight: bold;
	background: #9DB43F;
	border-radius: 0 0 5px 5px;
}

.coursesList .openAdvancedFilter i {
	margin-top: -3px;
	font-size: 36px;
}

.coursesList .advancedFilterContainer {
	min-height: 40px;
	margin: 0 0 15px 0;
}

.coursesList .advancedFilter {
	display: none;
	margin: 10px 0 0 0;
}

.coursesList .advancedFilter h2 {
	display: block;
	margin: 0;
	padding: 10px;
	background: #E4E4E4;
}

.coursesList .advancedFilter h3 {
	margin-bottom: 5px;
}

.coursesList .advancedFilter .left {
	margin: 10px 10px 0 30px;
}

.coursesList .advancedFilter select {   
	display: block;
	width: 250px;
}

.coursesList .advancedFilter .clearFilter {
	display: inline-block;
	margin: 25px 0 10px 40px;
}

.coursesList .pagination,
#searchResults .pagination {
	width: 500px;
	margin: 0;
	border: none;
	text-align: right;
}

.coursesList .pagination ul,
#searchResults .pagination ul {
	float: right;
	margin: 10px 0 0 0;
}

.coursesList .coursesTable {
	margin: 0 0 20px 0;
}

.coursesList .coursesTable .tabs  {
	margin: 25px 0 0 10px;
}

.coursesList .coursesTable .tabs li {
	float: left;
}

.coursesList .coursesTable .tabs li a {
	display: block;
	width: 185px;
	margin: 0 3px 0 0;
	padding: 15px 0;
	background: #D0DFB3;
	border-radius: 5px 5px 0 0;
	text-align: center;
	color: #97B62F;
	font-size: 18px;
	font-weight: bold;
}


.coursesList .coursesTable .tabs li a.active {
	background: #97B62F;
	color: white;
}

.coursesList .coursesTable table {
	width: 100%;
	border-top: 5px solid #97B62F;
	border-radius: 5px;
}

.coursesList .coursesTable th {
	padding: 5px 0;
	background: #D0DFB3;
	border-right: 1px solid rgb(176,176,176);
	color: #244457;
	font-size: 12px;
	font-weight: bold;
}

.coursesList .coursesTable th i {
	display: inline-block;
	margin: 0 0 0 2px;
	padding: 2px 5px 2px 5px;
	border-radius: 5px;
	background: #9DB664;
	color: white;
}

.coursesList .coursesTable th i.active {
	background: #244457;
}

.coursesList .coursesTable td {
	padding: 15px 0 5px 0;
	border-bottom: 1px solid #CCC;
}

.coursesList .coursesTable .detail td.w15 {
	width: 15%;
	padding-left: 10px; 
}

.coursesList .coursesTable .detail td.w40 {
	width: 40%;
}

.coursesList .coursesTable .detail td.w25 {
	width: 25%;
	padding-left: 30px;
}

.coursesList .coursesTable .detail td.w25 .level {
	display: block;
	margin: 5px 0 70px 0;
	font-size: 14px;
	color: #244457;
	font-weight: bold;
}            

.coursesList .coursesTable .detail td.w25 .lector {
	display: block;
	text-align: right;
	font-size: 14px;
}

.coursesList .coursesTable .detail td.w20 {
	width: 20%;
	padding-left: 20px;
	font-size: 14px;
}

.coursesList .coursesTable .detail td.w20 .orange {
	color: #FB9200;
	font-weight: bold;
}

.coursesList .coursesTable .detail td.w20 .price {
	display: inline-block;
	margin: 5px 0 15px 5px;
	color: #00CCFF;
	font-weight: bold;
	font-size: 18px;
}

.coursesList .coursesTable .detail td.w20 div, .coursesList .coursesTable .detail td.w20 a {
	margin: 0 15px 0 0;
}
		
.coursesList .coursesTable .detail td.w15 i {
	margin: 5px 0 0 15px;
}

.coursesList .coursesTable .detail td .form, .coursesList .coursesTable td .detail .date{
	display: block;
	font-size: 16px;
	color: #244457;
	font-weight: bold;
}

.coursesList .coursesTable .detail td .date {
	margin: 15px 0 5px 0;	
}

.coursesList .coursesTable .detail {
	display: none;
}

.coursesList .coursesTable .normal {
	display: block;
}

.coursesList .coursesTable .normal td {
	padding: 5px 0;
	vertical-align: middle;
	font-size: 14px;
}

.coursesList .coursesTable .normal td.w5 {
	width: 5%;
	padding: 0 3px;
}

.coursesList .coursesTable .normal td.w8 {
	width: 8%;
	padding: 0 3px;
}

.coursesList .coursesTable .normal td.w10 {
	width: 10%;
	padding: 0 3px;
}

.coursesList .coursesTable .normal td.w12 {
	width: 12%;
	padding: 0 5px;
}

.coursesList .coursesTable .normal td.w15 {
	width: 15%;
	padding: 0 5px;
}

.coursesList .coursesTable .normal td.w18 {
	width: 18%;
	padding: 0 5px;
}

.coursesList .coursesTable .normal td.w20 {
	width: 20%;
}

.coursesList .coursesTable .normal td div, .coursesList .coursesTable .normal td a.join {
	margin: 0;
}

.coursesList .coursesTable .normal .form {
	font-weight: bold;
	color: #244457;
}

.coursesList .coursesTable .normal a {
	color: black;
}  

.coursesList .coursesTable .normal a:hover {
	text-decoration: underline;
}

.coursesList .coursesTable .normal td i {
	display: block;
	margin: 0 auto;
}

.coursesList .coursesTable .normal td .typeName {
	display: block;
	font-size: 10px;
}

.coursesList .coursesTable .normal td .orange {
	color: #FB9200;
	font-weight: bold;
}

.coursesList .coursesTable .normal td .price {
	display: inline-block;
	margin: 0 0 0 7px;
	color: #00CCFF;
	font-weight: bold;
}

i.procurements {
	display: inline-block;
	width: 34px;
	height: 40px;
	background: url('../images/icons-index.png') no-repeat;
}

i.electro {
	display: inline-block;
	width: 34px;
	height: 46px;
	background: url('../images/icons-index.png') no-repeat 0 -40px;
}

i.grants {
	display: inline-block;
	width: 34px;
	height: 56px;
	background: url('../images/icons-index.png') no-repeat 0 -86px;
}

i.law {
	display: inline-block;
	width: 34px;
	height: 47px;
	background: url('../images/icons-index.png') no-repeat 0 -132px;
}

i.tax {
	display: inline-block;
	width: 34px;
	height: 45px;
	background: url('../images/icons-index.png') no-repeat 0 -179px;
}

i.economy {
	display: inline-block;
	width: 34px;
	height: 46px;
	background: url('../images/icons-index.png') no-repeat 0 -224px;
}

i.wages {
	display: inline-block;
	width: 34px;
	height: 42px;
	background: url('../images/icons-index.png') no-repeat 0 -270px;
}

i.humanres {
	display: inline-block;
	width: 34px;
	height: 50px;
	background: url('../images/icons-index.png') no-repeat 0 -312px;
}

i.managers {
	display: inline-block;
	width: 34px;
	height: 44px;
	background: url('../images/icons-index.png') no-repeat 0 -362px;
}

i.persona {
	display: inline-block;
	width: 34px;
	height: 46px;
	background: url('../images/icons-index.png') no-repeat 0 -406px;
}

i.pr {
	display: inline-block;
	width: 34px;
	height: 44px;
	background: url('../images/icons-index.png') no-repeat 0 -452px;
}

i.vip {
	display: inline-block;
	width: 34px;
	height: 33px;
	background: url('../images/icons-index.png') no-repeat 0 -496px;
}


/***
----- VÝSLEDKY VYHLEDÁVANÍ
***/

#searchResults h1 {
	margin: 30px 0 10px 0;
	color: #334a54;
	font-size: 18px;
	font-weight: bold;
}

#searchResults .tabs  {
	margin: 25px 0 0 10px;
}

#searchResults .tabs li {
	float: left;
}

#searchResults .tabs li a {
	display: block;
	width: 160px;
	margin: 0 3px 0 0;
	padding: 15px 0;
	background: #D0DFB3;
	border-radius: 5px 5px 0 0;
	text-align: center;
	color: #97B62F;
	font-size: 18px;
	font-weight: bold;
}

#searchResults .tabs li a.active {
	background: #97B62F;
	color: white;
}

#searchResults .pagination {
	width: 298px;
	margin-top: 14px;
}

#searchResults ul.searchResultsList {
	margin-bottom: 20px;
	padding: 20px 15px;
	background: #D0DFB3;
	border-top: 5px solid #97B62F;
}

	#searchResults ul.searchResultsList > li {
		padding: 10px 0;	
	}
	
	#searchResults ul.searchResultsList > li a {
		font-size: 16px;
		font-weight: bold;
		color: #334a54;
	}

#searchResults ul.searchResultsList + .clearfix .pagination {
	margin: 0px 0 30px 0;
	padding: 0;
}

.searchResultsList {
	display: none;
}   

.searchResultsList#search-all {
	display: block;
}




/***
----- INFO PRO ÚČASTNÍKY ŠKOLENÍ 
***/

#forParticipantsInfo h1 {
	font-size: 28px;
	color: #d67e1c;
	margin-top: 5px;
	margin-left: 15px;
}

#forParticipantsInfo ul#forParticipantsTiles {
	margin-top: 20px;
}

#forParticipantsInfo ul#forParticipantsTiles > li {
	float: left;
	position: relative;
	margin-bottom: 20px;
	padding: 10px 15px;
	width: 440px;
	height: 136px;
	margin-right: 20px;
}

#forParticipantstInfo ul#forParticipantsTiles > li:nth-child(2n+2) {
	margin-right: 0;
}

#forParticipantsInfo ul#forParticipantsTiles > li h2 {
	margin-bottom: 15px;
}

#forParticipantsInfo ul#forParticipantsTiles > li h2 a {
	font: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #254558;
	text-transform: uppercase;
}

#forParticipantsInfo ul#forParticipantsTiles > li p {
	font-size: 16px;
	line-height: 1.5em;
}

#forParticipantsInfo ul#forParticipantsTiles > li h2 a:hover,
#forParticipantsInfo ul#forParticipantsTiles > li h2 a:active {
	text-decoration: underline;
}

#forParticipantsInfo ul#forParticipantsTiles > li a.moreLink {
	position: absolute;
	right: 15px;
	bottom: 15px;
	font-size: 16px;
	color: #254558;
	text-transform: uppercase;
}

#forParticipantsInfo ul#forParticipantsTiles > li a.moreLink i {
	margin-left: 10px;
	background: #9eb43e;
	color: #FFF;
	padding: 5px 10px;
	text-decoration: none;
	-webkit-border-radius:  6px;
	-moz-border-radius: 	6px;
	border-radius: 			6px;
}

#forParticipantsInfo ul#forParticipantsTiles > li a.moreLink:hover i {
	text-decoration: none;
}


/* INFO ICONS */

#icon-info-tools,
#icon-info-map,
#icon-info-pair,
#icon-info-card,
#icon-info-ribbon,
#icon-info-person,
#icon-info-bed,
#icon-info-food {
	position: absolute;
	top:20px;
	background-image: url('../images/icons-attendeesinfo.png');
	background-repeat: no-repeat;
}

#icon-info-tools {
	right: 40px;
	width: 61px;
	height: 68px;
}

#icon-info-map {
	top: -30px;
	right: 10px;
	width: 129px;
	height: 131px;
	background-position-y: -68px; 
}

#icon-info-pair {
	right: 40px;
	width: 63px;
	height: 74px;
	background-position-y: -199px; 
}

#icon-info-card {
	right: 40px;
	width: 80px;
	height: 48px;
	background-position-y: -273px; 
}

#icon-info-ribbon {
	right: 40px;
	width: 80px;
	height: 48px;
	background-position-y: -273px; 
}

#icon-info-person {
	right: 20px;
	width: 72px;
	height: 71px;
	background-position-y: -321px; 
}

#icon-info-ribbon {
	top: auto;
	left: -1px;
	bottom: -7px;
	width: 130px;
	height: 85px;
	background-position-y: -393px; 
	background-position-x: -9px
}

#icon-info-food {
	right: 40px;
	width: 58px;
	height: 75px;
	background-position-y: -478px; 
}

#icon-info-bed {
	top:30px;
	right: 30px;
	width: 74px;
	height: 49px;
	background-position-y: -553px; 
}


/***
----- ROZCESTNÍK LEKTORŮ
***/

.lectorsList .lectorsListContent {
	padding: 0 0 15px 15px;
}

.lectorsList .breadcrumbs {
	margin: 10px 0;
}

.lectorsList h1, .lectorsList h2.orange {
	margin: 0 0 10px 0;
	color: #FB9200;
	font-size: 22px;
	font-weight: bold;
}

.lectorsListContent > p {
	margin: 25px 0 0 0;
	color: #254558;	
	font-size: 16px;
} 

.lectorsListContent ul.lectors li {
	float: left;
	margin: 15px 15px 0 0;
	width: 280px;
	padding: 10px;
}

.lectorsListContent ul.lectors li .left {
	width: 140px;
	height: 100px;
}

.lectorsListContent ul.lectors li a {
	color: black;
}

.lectorsListContent ul.lectors li .lectorsCourses {
	display: inline-block;
	margin: 15px 0 0 25px;
}

.lectorsListContent ul.lectors li h2 a {
	color: #254558;
}

.lectorsListContent ul.lectors li  p {
	margin: 10px 0 0 0;
	font-size: 12px;
	line-height: 110%;
}

.lectorsList .pagination {
	width: 100%;	
	margin: 0 auto;
	padding: 15px 0 0 0;
	text-align: center;
}

.lectorsList .pagination ul {
	display: inline-block;
	list-style: none;	
	margin: 0 auto;
}

.lectorsList .pagination ul li {
	display: inline-block;
	float: left;
	margin: 0 0 0 8px;
}

.lectorsList .pagination ul li a {
	color: #254558; 
}

.lectorsList .pagination ul li a.active {
	padding: 3px 6px;
	background: #00CCFF;
	border-radius: 5px;
	color: white;
}

.lectorsList li a i {
	padding: 4px 8px;
	border-radius: 5px;
	color: white;
	font-size: 18px;
	background: #a6ba51;
}

/***
----- DETAIL LEKTORA
***/

.lectorDetail h1 {
	margin: 10px 0 10px 15px;
	color: #FB9200;
	font-size: 26px;
	font-weight: bold;
}

.lectorDetail .basicInfo {
	margin: 0 0 10px 0;
	
}

.lectorDetail .basicInfo img.left {
	margin: 10px 0 10px 15px;
}

.lectorDetail .basicInfo p {
	margin: 10px 10px 0 25px;
	font-size: 16px;
	line-height: 110%;
}

.lectorDetail .basicInfo .clearfix {
 	padding-bottom:10px;
}

.lectorDetail .basicInfo .contact {
	padding: 10px 0 10px 190px;
	background: #D0DFB3;
	border-radius: 0 0 5px 5px;
	color: #2B5448;
}

.lectorDetail .basicInfo .contact a {
	color: #2B5448;
}

.lectorDetail .basicInfo .contact span {
	font-weight: bold;	
}

.lectorDetail .basicInfo .contact span.title {
	display: inline;
	font-size: 18px;
}

.lectorDetail .basicInfo .contact i {
	margin: 0 3px 0 50px;
	font-size: 22px;
}    


.lectorDetail .detailInfo {
	padding: 0 0 15px 0;
}   

.lectorDetail .detailInfo .infoBlocks {
	margin: 0 25px 0 0;
}

.lectorDetail .detailInfo .infoBlock {
	width: 450px; 
	margin: 0 0 10px 0;         
	padding: 5px 10px;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(0,0,0,0.18) 0%, rgba(0,0,0,0) 35%, rgba(0,0,0,0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.18)), color-stop(35%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.18) 0%,rgba(0,0,0,0) 35%,rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0.18) 0%,rgba(0,0,0,0) 35%,rgba(0,0,0,0) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0.18) 0%,rgba(0,0,0,0) 35%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0.18) 0%,rgba(0,0,0,0) 35%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e000000', endColorstr='#00000000',GradientType=0 );
}

.lectorDetail .detailInfo h2 {
	display: block;
	margin: 0 0 10px 0;
}

.lectorDetail .detailInfo .infoBlock h2 a {
	font-size: 20px;
	color: #244457;
}

.lectorDetail .detailInfo .infoBlock ul {
	margin: 0 10px 0 25px;
	font-size: 16px;
	list-style: disc;
}

.lectorDetail .detailInfo .infoBlock ul li {
	margin: 5px 0 0 0;
}


.lectorDetail .detailInfo iframe {
	display: block;
	margin: 10px 0;
}

.lectorDetail .detailInfo h2.orange {
	font-size: 20px;
	color: #FB9200;
} 

.lectorDetail .detailInfo .lectorsCourses {
	width: 430px;
	padding: 5px 10px;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(0,0,0,0.18) 0%, rgba(0,0,0,0) 35%, rgba(0,0,0,0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.18)), color-stop(35%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.18) 0%,rgba(0,0,0,0) 35%,rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0.18) 0%,rgba(0,0,0,0) 35%,rgba(0,0,0,0) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0.18) 0%,rgba(0,0,0,0) 35%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0.18) 0%,rgba(0,0,0,0) 35%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e000000', endColorstr='#00000000',GradientType=0 );
}

.lectorDetail .detailInfo .lectorsCourses ul {
	margin: 0 0 0 20px;
	list-style: disc;
}

.lectorDetail .detailInfo .lectorsCourses ul li {
	margin: 0 0 10px 0;
}

.lectorDetail .detailInfo .lectorsCourses ul li .courseDetails {
	width: 315px;

}

.lectorDetail .detailInfo .lectorsCourses ul li .title {
	display: block;
	margin: 0 0 3px 0;
	font-weight: bold;
	color: #244457;
}

.lectorDetail .detailInfo .lectorsCourses ul li .price {
	color: #00CCFF;
	font-weight: bold;
}

.lectorDetail .detailInfo .lectorsCourses ul li a {
	padding: 5px 15px;
	background: #9cb23d;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(177,195,101,1) 0%, rgba(149,166,74,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(177,195,101,1)), color-stop(100%,rgba(149,166,74,1)));
	background: -webkit-linear-gradient(top, rgba(177,195,101,1) 0%,rgba(149,166,74,1) 100%);
	background: -o-linear-gradient(top, rgba(177,195,101,1) 0%,rgba(149,166,74,1) 100%);
	background: -ms-linear-gradient(top, rgba(177,195,101,1) 0%,rgba(149,166,74,1) 100%);
	background: linear-gradient(to bottom, rgba(177,195,101,1) 0%,rgba(149,166,74,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b1c365', endColorstr='#95a64a',GradientType=0 );
	color: white;
}


/***
--- REGISTRACE
***/

#newRegistration h1 {
	margin: 10px 0 20px 0;
	color: #FB9200;
	font-size: 26px;
}

#newRegistration form {
	padding: 20px;
	background: #EEE;
	margin-bottom: 20px;
}

#newRegistration form fieldset {
	width: 50%;
}

#newRegistration form fieldset legend {
	display: block;
	padding-bottom: 10px;
	font-weight: bold;
}

#newRegistration form fieldset input {
	margin-bottom: 10px;
}

#newRegistration form input[type=submit] {
	padding: 10px 25px;
	text-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	background: #9cb23d;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(177,195,101,1) 0%, rgba(149,166,74,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(177,195,101,1)), color-stop(100%,rgba(149,166,74,1)));
	background: -webkit-linear-gradient(top, rgba(177,195,101,1) 0%,rgba(149,166,74,1) 100%);
	background: -o-linear-gradient(top, rgba(177,195,101,1) 0%,rgba(149,166,74,1) 100%);
	background: -ms-linear-gradient(top, rgba(177,195,101,1) 0%,rgba(149,166,74,1) 100%);
	background: linear-gradient(to bottom, rgba(177,195,101,1) 0%,rgba(149,166,74,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b1c365', endColorstr='#95a64a',GradientType=0 );
	color: white;
	font-size: 14px;
	text-transform: uppercase;
}

/***
--- REGULAR FORM
***/

.formreg { float:left; clear:both; background-color:#EEE; width:100%;}

.formreg h1 {
	margin: 10px 0 20px 0;
	color: #FB9200;
	font-size: 26px;
}

.formreg form {
	padding: 20px;
	background: #EEE;
	margin-bottom: 20px;
}

.formreg form fieldset {
	width: 100%;
}

.formreg form fieldset legend {
	display: block;
	padding-bottom: 10px;
	font-weight: bold;
}

.formreg form fieldset label {
	display: block;
	padding-top: 7px;
	font-weight: bold;
	float:left;
	width:40%;
	clear:both;
}

.formreg form fieldset input, .formreg form fieldset select, .formreg form fieldset textarea {
	margin-bottom: 10px;
	float:left;
	width:53%;
}

.formreg form fieldset select {width:56.5%; border:0px none;}
.formreg form fieldset textarea {background: #ffffff;
    border: 0 none;
    border-radius: none;
    box-shadow: none;
	height:50px;
}

.formreg form input[type=submit] {
	padding: 10px 25px;
	text-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	background: #9cb23d;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(177,195,101,1) 0%, rgba(149,166,74,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(177,195,101,1)), color-stop(100%,rgba(149,166,74,1)));
	background: -webkit-linear-gradient(top, rgba(177,195,101,1) 0%,rgba(149,166,74,1) 100%);
	background: -o-linear-gradient(top, rgba(177,195,101,1) 0%,rgba(149,166,74,1) 100%);
	background: -ms-linear-gradient(top, rgba(177,195,101,1) 0%,rgba(149,166,74,1) 100%);
	background: linear-gradient(to bottom, rgba(177,195,101,1) 0%,rgba(149,166,74,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b1c365', endColorstr='#95a64a',GradientType=0 );
	color: white;
	font-size: 14px;
	text-transform: uppercase;
	width:100px;
	float:right; 
	margin-top:10px;
}

/***
--- NÁKUPNÍ KOŠÍK
***/
.shoppingCard h1 {       
	float: left;
	margin: 0 0 0 15px;
	color: #FB9200;
	font-size: 26px;	
}

.shoppingCard ul.orderSteps {
	float: right;
	list-style:none;
}

.shoppingCard ul.orderSteps li {
	float: left;
}

.shoppingCard ul.orderSteps li a {
	display: block;
	padding: 10px 15px;
	background: #D1DADC;
	color: #244457;
	font-weight: bold;
}

.shoppingCard h2 {
	display: block;
	margin: 15px 0 10px 15px;
	color: #244457; 
}

.shoppingCard table.orderList {
	margin: 0 0 0 15px;
}

.shoppingCard table.orderList.orderList td {
	margin: 5px 0 0 0;
}

.shoppingCard table.orderList.orderList td a {
	color: #244457;
	font-weight: bold;	
}

.shoppingCard table.orderList.orderList td .date {
	display: inline-block;
	margin: 0 10px;
	color: #244457; 
}

.shoppingCard table.orderList.orderList td .price {
	color: #00CCFF;
	font-weight: bold; 
}

.shoppingCard table.orderList.orderList td i {
	display: inline-block;
	margin: 0 0 0 15px;
	color: red;
}

.shoppingCard .totalPrice {
	padding: 20px 15px;
	background: #97B62F;
	border-radius: 5px;
	color: white;
	font-weight: bold;
}

.shoppingCard fieldset {
	padding: 15px 10px;
	background: #EEEEEE;
	border: 1px solid #E0E0E0;
	border-radius: 5px;
	font-size: 14px;
}

.shoppingCard fieldset h2 {
	margin: 0 0 10px 0;
}

.shoppingCard fieldset h2.contactPerson {
	margin: 15px 0 5px 0;
}

.shoppingCard fieldset .toTop {
	color: black;
}

.shoppingCard fieldset .toTop i {
	display: inline-block;
	margin: 0 0 0 5px;
	font-size: 18px;
}

.shoppingCard fieldset.billingInfo {
	margin: 15px 0 10px 0;
}

.shoppingCard fieldset input[type=checkbox] {
	margin: 20px 0 0 0;
}

.shoppingCard fieldset label.checkbox {
	display: inline-block;
	margin: 20px 150px 0 0;
}

.shoppingCard fieldset input[type=text], .shoppingCard fieldset select {
	width: 242px;
	padding: 2px 10px;
	-webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 1);
	box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 1);
	border: none;
	font-size: 12px;
}

.shoppingCard fieldset .coursePerson input[type=text] {
	width: 185px;
} 

.shoppingCard fieldset label.text {
	margin: 15px 0 5px 0;
	padding: 0;
	font-weight: bold; 
}

.shoppingCard fieldset .textHolder {
	margin: 0 75px 0 0;
}

.shoppingCard fieldset .coursePerson .textHolder {
	width: 185px;
	margin: 0 35px 0 0;
}

.shoppingCard fieldset.courseParticipants {
	padding: 15px 0 0 0;
	margin-bottom: 0px;
}

.shoppingCard fieldset.courseParticipants .courseHeading {
	padding: 0 10px;
}

.shoppingCard .coursePerson  {
	padding: 15px 10px;
}

.shoppingCard .coursePerson {
	background: #DCDCDC;
	margin: 15px 0 0 0;
}

.shoppingCard .coursePerson h3 {
	display: inline-block;
	margin: 0 0 5px 0;
}

.shoppingCard .coursePerson .date {
	display: inline-block;
	margin: 0 95px;
}

.shoppingCard .coursePerson textarea {
	width: 920px;
	background: white;
}

.shoppingCard .addPerson {
	display: inline-block;
	padding: 10px;
	background: #97B62F;
	border-radius: 0 0 5px 5px; 
	color: white;
	font-weight: bold;
}

.shoppingCard .paymentMethod {
	margin: 15px 0;
}

.shoppingCard .paymentMethod .errors{
	clear:both;
}



.shoppingCard .paymentMethod label {
	width:18%; float:left;
}

.shoppingCard .paymentMethod label input{
	margin-right:6px;
}

.shoppingCard .paymentMethod label.checkbox {
	margin: 0 80px 0 0;
}

.shoppingCard .orderInfo {
	font-size: 12px;
}

.shoppingCard input[type=submit] {
	margin: 5px 0 0 0;
	padding: 15px 30px;
	background: #244457;
	color: white;
	font-weight: bold;
	font-size: 18px;
	text-transform: none;
}

.shoppingCard input[type=button] {
	margin: 5px 0 0 0;
	padding: 15px 30px;
	background: #244457;
	color: white;
	font-weight: bold;
	font-size: 18px;
	text-transform: none;
	border: 0;
}

.shoppingCard .greenInfoBox {
	margin: 15px 0 0 0;
	padding: 0 0 15px 0;
	border-radius: 5px;
	background: #D0DFB3;
}

.shoppingCard .greenInfoBox i.icon-info {
	display: inline-block;
	margin: 0 5px 0 0;
	padding: 3px 8px;
	border-radius: 5px;
	background: #244457;
	color: white;
	font-weight: normal;
}

.shoppingCard .greenInfoBox i.icon-remove {
	display: inline-block;
	margin: 10px 10px 0 0;
	color: black;
}

.shoppingCard .greenInfoBox p {
	margin: 0 0 0 45px;
	line-height: 175%;
	font-size: 16px;
}

.shoppingCard .greenInfoBox p a {
	color: black;
	font-weight: bold;
}

.shoppingCard .greenInfoBox.left {
	width: 275px;
	padding: 5px 10px;
	margin: 0 15px 0 0;
}

.shoppingCard .greenInfoBox.left h2 {
	margin: 0 0 5px 0;
	font-size: 20px;
}

.shoppingCard .greenInfoBox.left label {
	display: inline-block;
	width: 240px;
	margin: 10px 0 0 0;
}

.shoppingCard .greenInfoBox.left a {
	color: black;
}

/***
--- ŠKOLENÍ A KURZY NA MÍRU
***/  

.bespokeCourse h1 {
	display: block;
	margin: 0 0 25px 15px;
	color: #d67e1c;
	font-size: 30px;
}

.bespokeCourse h2 {
	margin: 10px 0 10px 15px;
	font-size: 20px;
	color: #244457;	
	font-weight: bold;
}

.bespokeCourse p {
	margin: 0 0 0 15px;
} 

.bespokeCourse ol {
	counter-reset: li; /* Initiate a counter */
	list-style: none; /* Remove default numbering */
	*list-style: decimal; /* Keep using default numbering for IE6/7 */
	font: 15px 'trebuchet MS', 'lucida sans';
	padding: 0;
	margin-left: 45px;
	text-shadow: 0 1px 0 rgba(255,255,255,.5);
}

.bespokeCourse .roundedList li {
	position: relative;
	display: block;
	padding: .4em .4em .4em 2em;
	*padding: .4em;
	margin: 2em 0;
	color: #244457;
}

.bespokeCourse .roundedList li span {
	font-weight: bold;
}

.bespokeCourse .roundedList li:before{
	content: counter(li) ". ";
	counter-increment: li;
	position: absolute;	
	left: -1.3em;
	top: 50%;
	margin-top: -1.3em;
	background: #244457;
	height: 2em;
	width: 2em;
	line-height: 2em;
	border: .3em solid #fff;
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	border-radius: 2em;
	transition: all .3s ease-out;
	color: white;
}

.bespokeCourse .infoBox {
	width: 375px;
	height: 36px;
	margin: 0 0 15px 0;
	padding: 10px;
	background: #EEEEEE;
	border-radius: 5px 0 0 5px;
	color: #244457; 
	line-height: 115%;
}

.bespokeCourse .infoBox span {
	display: inline-block;
	margin: 8px 0 0 0;
}

.bespokeCourse .moreInfo {
	display: inline-block;
	width: 185px;
	padding: 20px 25px;
	background: #244457; 
	border-radius: 5px;
	color: white;
	font-size: 16px;  
	font-weight: bold;
}

.bespokeCourse .priceList {
	display: inline-block;
	padding: 15px 20px;
	background: #9cb23d;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(177,195,101,1) 0%, rgba(149,166,74,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(177,195,101,1)), color-stop(100%,rgba(149,166,74,1)));
	background: -webkit-linear-gradient(top, rgba(177,195,101,1) 0%,rgba(149,166,74,1) 100%);
	background: -o-linear-gradient(top, rgba(177,195,101,1) 0%,rgba(149,166,74,1) 100%);
	background: -ms-linear-gradient(top, rgba(177,195,101,1) 0%,rgba(149,166,74,1) 100%);
	background: linear-gradient(to bottom, rgba(177,195,101,1) 0%,rgba(149,166,74,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b1c365', endColorstr='#95a64a',GradientType=0 );
	border-radius: 5px;
	color: white;
	font-size: 16px;
	font-weight: bold;
}

.bespokeCourse .contactInfo {
	margin: 15px 0;
	padding: 10px 100px 10px 10px;
	background: #EEEEEE; 
	border-radius: 5px;	
	border: 1px solid #E0E0E0;
	color: #244457;
	line-height: 115%;
}

.bespokeCourse .contactInfo h2 {
	display: block;
	margin: 0 0 10px 0;
}

.bespokeCourse .contactInfo span {
	display: block;
	margin: 10px 0 0 0;
	font-weight: bold;
} 

.bespokeCourse form legend {
	width: 610px;
	padding: 15px 10px;
	background: #d67e1c;
	border-radius: 5px 5px 0 0; 
	color: white;
	font-weight: bold;
	font-size: 20px;
}

.bespokeCourse form fieldset {
	margin: 0;
	padding: 5px 10px 10px 10px;
	background: #EEEEEE;
	border: 1px solid #E0E0E0;
	border-top: none;
	border-bottom: none;
}

.bespokeCourse label {
	padding: 0;
	margin: 10px 0 5px 0;
	font-size: 16px;
}

.bespokeCourse input[type=text], .bespokeCourse select,
.bespokeCourse textarea {
	width: 300px;
	-webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 1);
	box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 1);
	border: none;
}

.bespokeCourse textarea {
	width: 280px;
	background: white;
}

.bespokeCourse input[type=text].fullWidth {
	width: 585px;
}

.bespokeCourse .datepickerLabel {
	display: inline-block;
}

.bespokeCourse input[type=text].datepickerInput {
	width: 100px;
	margin: 0 5px 0 0;
}

.bespokeCourse form fieldset span {
	display: block;
	margin: 10px 0 0 0;
}

.bespokeCourse .datepickerContainer {
	width: 175px;
	margin: 0 25px 0 0;
}

.bespokeCourse .dateContainer .addNewTerm {
	display: block;
	margin: 5px 0 0 0;
	padding: 15px 25px;
	background: #244457;
	border-radius: 5px;
	color: white;
	font-weight: bold; 
}

.bespokeCourse label.checkbox {
	display: inline-block;
}     

.bespokeCourse .referLector {
	margin: 25px 0 0 15px;
}

.bespokeCourse .submitContainer {
	padding: 10px;
	background: #244457;
	border-radius: 0 0 5px 5px;
	color: white;
	font-size: 24px;
}

.bespokeCourse .submitContainer input[type=submit] {
	margin: 0 25px 0 0;
	padding: 25px 15px;
	background: white;
	border-radius: 5px;
	color: #244457;
	text-transform: none;
	font-weight: bold;
}


div.orderconfirmhead {float:left; width:100%;}
div.orderconfirmhead p {float:left; margin:5px 0 5px 0; width:100%; clear:both; }
div.orderconfirmhead div.textHolder {float:left; width:90%; clear:both;margin:5px 0 5px 0;}
.orderconfirmheadh2 {padding-top:10px; clear:both;}
.paymentMethod ul {padding-left:20px;}
.paymentMethod ul li {list-style-type:disc; padding:3px 0 3px 0}

div.articles-list {width:100%; float:left;}
div.articles-list article {float:left; clear:both; margin-top:20px; margin-left:15px;}
div.articles-list article h3 {color: #244457; font-size: 18px; font-weight: bold; margin: 0 0 10px;}
div.articles-list article h3 a{color: #244457; font-size: 18px; font-weight: bold; margin: 0 0 10px;}

div.courseinfocontainer {width:100%; float:left; margin: 15px 10px 0 0;
    padding: 5px;}

#lean_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}

.lean_popup {display:none; width:60%; background-color:#EEE; min-height:300px; border:2px solid black;}
.lean_popup .popis {float:left; text-align:left; padding:2%; width:46%;}
.lean_popup .mapa { float:left; width:46%; padding:2%}

a.maploader {text-decoration: none; color:black;}
a.maploader:hover {text-decoration: underline;}
.padding10 {padding:10px;font-size: 14px;}

.sk_buttons {float:left;
	margin-left: 20px;
	margin-bottom: 20px;
	width:310px;
	height:auto;}

.sk_buttons > a {
	display: block;
	width: 120px;
	padding: 10px 10px;
	-webkit-border-radius:  5px;
	-moz-border-radius: 	5px;
	border-radius: 			5px;
	font-family: 'DINProBold';
	color: #FFF;
	font-size: 18px;
	text-align: center;
	text-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	background: #9cb23d; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IxYzM2NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5NWE2NGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(177,195,101,1) 0%, rgba(149,166,74,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(177,195,101,1)), color-stop(100%,rgba(149,166,74,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(177,195,101,1) 0%,rgba(149,166,74,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(177,195,101,1) 0%,rgba(149,166,74,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(177,195,101,1) 0%,rgba(149,166,74,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(177,195,101,1) 0%,rgba(149,166,74,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b1c365', endColorstr='#95a64a',GradientType=0 ); /* IE6-8 */
}

.sk_buttons > a:hover,
.sk_buttons > a:active {
	text-decoration: underline;
}

/* intro reklama */
.intro_reklama_content {
	background: url('../images/intro_reklama/search_man.jpg') 0px 0px no-repeat; 
	background-size: auto 100%;
	min-height: 330px;
	position: relative;
	width: 640px;
}

#TB_title {background: transparent; }
#TB_closeAjaxWindow {display: none;}
#TB_ajaxContent {overflow: visible;}

.intro_reklama_close {position: absolute; top: -60px; right: -10px; width: 24px; height: 24px; background: url('../images/intro_reklama/close_white.png') center center no-repeat; cursor: pointer; }
.intro_reklama_content h2 {
	font-size: 28px;
	color: #fb9200; 
	float: right;
	text-align: right; 
	padding: 10px 0px 15px 0px;
	line-height: 130%;
	margin-right: 10px;
}
.intro_right_content {
	float: right;
	width: auto;	
	text-align: center;
	margin-right: 10px;
}
.intro_reklama_content h3 {
	font-size: 25px;
	color: #848484; 
	padding: 15px 0px;
	line-height: 130%;
}
#TB_window .intro_reklama_content h3 a {color: #848484; text-decoration: underline;}
#TB_window .intro_reklama_content h3 a:hover {color: black;}
.intro_reklama_content h4 {
	font-size: 23px;
	color: #fb9200;
	padding: 15px 0px;
	line-height: 130%; 
}
#TB_window .intro_reklama_content h4 a {color: #fb9200; text-decoration: underline;}
#TB_window .intro_reklama_content h4 a:hover {color: black;}
.intro_video_img {border: 1px solid black; margin-top: 10px;}
.intro_video_img:hover {opacity: 0.90; border-color: black;}

.no-close .ui-dialog-titlebar-close {
	display: none;
}