@CHARSET "UTF-8";

* { 
  margin: 0; 
  padding: 0; 
}

     
body {
  background-image: url('../content/design/background-body.png');
  background-repeat: repeat; 
  font-family: 'Open Sans', Arial,  sans-serif;
  text-align: center; 
  font-size: 12pt;
}

#page {
  margin: 0;
  padding: 0; 
  text-align: left;
  color: #58595B;
}

#page .centered {
    width: 1096px;
    margin: 0 auto;
} 

#content-header {
    background: url('../content/design/background-header.png') repeat-x top left;
}

#content-header .relative, #content-body .relative {
    position: relative;
}
#content-footer {
    margin: 20px 0;
}
#content-footer .centered .inner {
    padding: 20px;
}

a {
    font-weight: bold;
}

ul.menu {
    list-style: none;
    height: 62px;
    background-color: #de0733;
    border-right: 1px solid #ef8399;
    -webkit-box-shadow: 0px -10px 10px 2px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px -10px 10px 2px rgba(50, 50, 50, 0.75);
    box-shadow:         0px -10px 10px 2px rgba(50, 50, 50, 0.75);
    text-align: center;
    display: table;
    width: 100%;
}

ul.menu li {
    border-left: 1px solid #ef8399;
    display: table-cell;
    width: 15%;
    vertical-align: middle;
    padding: 0;
    margin: 0;
}

.menu li > div {
    width: 100%;
    display: table;
}

.menu a {
    padding: 0 20px;
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: normal;
    vertical-align: middle;
    display: table-cell;
    width: 100%;
    height: 62px;
}

.content a {
    color: #e5003d;
    text-decoration: none;
}

.content a:hover {
    text-decoration: underline;
}

/* VYHLEDAVANI */
#search {
    position: absolute;
    background: url('../content/design/search-box-bg.png') no-repeat;
    width: 270px;
    height: 102px;
    position: absolute;
    right: 0;
    top: 0;
}

#search form {
    position: absolute;
    top : 37px;
    left: 7px;
}

#search input {
    background: transparent;
    height: 22px;
    border : none;
}

#search input.textbox {
    width: 200px;
}

#search input.button {
    text-indent: -9999px;
    overflow: hidden;
    margin-left: 5px;
    width: 35px;
}

/* RYCHLY FILTR NA KURZY */
.top-navigation {
    background-color: #fbfbfb;
    height: 122px;
    overflow: hidden;
    margin-bottom: 2px;
    clear: both;
}

.top-navigation .grey {
    position: relative;
    left: 48%;
    background: url('../content/design/top-navigation-right-bg.png') repeat-x;
}

.top-navigation .relative {
    left: -48%;
    background: url('../content/design/top-navigation-right.png') no-repeat center center;
    height: 122px;
    overflow: hidden;
}
.top-navigation .right-part {
    position: absolute;
    right: 0;
    text-align: right;
    width: 50%;
}

.top-navigation .left-part {
    width: 50%;
    position: absolute;
}

.top-navigation h2 {
    line-height: 122px;
    color: #DE0733;
    text-transform: uppercase;
    text-indent: 20px;
    font-size: 1.8em;
}

.top-navigation h2.right-part {
    text-align: left;
}

.top-navigation h2 > span {
    padding-right: 100px;
    background: url('../content/images/icons/icon-active.png') no-repeat right bottom;
}

.top-navigation h2 .filter {
    text-indent: 0px;
    font-size: 12pt;
    line-height: 12pt;
    display: block;
}

.filter > span {
    display: block;
}

/* RYCHLY FILTR KATEGORII KURZU */
.indexed.menu {
    clear: both;
    margin-top: 10px;
}

.indexed.menu .big-image {
    width: 274px;
    height: 194px;
    overflow: hidden;
    text-align: center;
    float: left;
}

.indexed.menu .big-image a {
    width: 100%;
    height: 100%;
    display: block;
    padding: 0;
    margin: 0;
    line-height: 300px;
}

.indexed.menu .item-1 {
    background: url('../content/images/icons/icon-1.png') no-repeat center center;
}

.indexed.menu .item-2 {
    background: url('../content/images/icons/icon-2.png') no-repeat center center;
}

.indexed.menu .item-3 {
    background: url('../content/images/icons/icon-3.png') no-repeat center center;
}

.indexed.menu .item-4 {
    background: url('../content/images/icons/icon-4.png') no-repeat center center;
}

/* FILTR SEMINARE */
.course-filter {
    padding: 10px;
    margin-top: 5px;
}

.course-filter > .inner {
    padding-left: 250px;
    background-image: url('../content/images/course-search-text.png');
    background-repeat: no-repeat;
    background-position: 20px center;
    height: 150px;
}

.course-filter .categories {
    padding-top: 32px;
}

.course-filter .categories ul.indexed {
    list-style: none;
}

.course-filter .categories .indexed li.item {
    display: inline-block;
    width: 24%;
    margin: 5px 0;
    margin-left: 0.5%;
    margin-right: 0.5%;
    border: 1px solid;
    border-radius: 5px;
    text-align: center;
}

.course-filter .categories .indexed li.item input {
    margin-right: 20px;
}


.course-filter .categories .indexed li.item-1 {
    border-color: #75bee9;
    margin-left: 0;
}

.course-filter .categories .indexed li.item-2 {
    border-color: #de0733;
}

.course-filter .categories .indexed li.item-3 {
    border-color: #f47920;
}

.course-filter .categories .indexed li.item-4 {
    border-color: #bfd730;
    margin-right: 0;
}

.course-filter ul {
    list-style: none;
}

ul.errors {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 100%;
    color: #d01b31;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    display: block;
    padding: 3px 20px;
    clear: both;
    list-style: none;
}

.course-filter .dateFrom, .course-filter .dateTo, .course-filter .locations {
    float: left;
    position: relative;
}

.course-filter .locations {
    width: 220px;
    margin-right: 30px;
}

.bootstrap-select {
    width: 220px;
    display: inline-block;
    margin-left: 0;
    position: relative;
}

.course-filter > .inner > div {
    position: relative;
}

.course-filter .dateFrom, .course-filter .dateTo, .course-filter .dateFrom .text, .course-filter .dateTo .text {
    width: 80px;
    margin-right: 61px;
}

.course-filter .dateFrom .text, .course-filter .dateTo .text {
    position: absolute;
    display: block;
    text-align: center;
    line-height: 34px;
} 

.bootstrap-select > .btn, .course-filter .datepicker {
    padding-right: 41px;
    background: url('../content/images/icons/drop-down-arrow.png') no-repeat right center;
    overflow: hidden;
    width: 100%;
}

.categories li.item, .btn-default, .datepicker  {
    line-height: 34px;
    padding: 0;
}
.btn-default, .datepicker {
    border: 1px solid #d1d2d3;
    border-radius: 5px;
    background: transparent;
}

.submit {
    display: table;
    width: 24.6%;
    border-collapse: collapse;
    border: none;
    float: right;
}

.submit .inner {
    display: table-row;
    width: 100%;
    
}

.submit .inner .btn {
    display: table-cell;
    padding-left: 1.6%;
}

#content-body .centered .article .order {
    width: 10%;
    margin-bottom: 20px;
}

#content-body a.btn {
    text-decoration: none;
    line-height: 36px;
}

.submit input, #content-body a.btn {
    border: none;
    background-color: #d01b31;
    color: #FFFFFF;
    border-radius: 5px;
    height: 36px;
    text-transform: uppercase;
    display: block;
    width: 100%;
}

.btn, .datepicker, .submit input {
    cursor: pointer;
    vertical-align: middle;
    white-space: nowrap;
    position: relative;
    text-align: center;
}

.btn, .datepicker {
    color: #58595B;
    display: inline-block;
}

.open > .dropdown-menu {
    display: block;   
}

.bootstrap-select.btn-group .dropdown-menu {
    min-width: 100%;
    z-index: 1035;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.bootstrap-select.btn-group .dropdown-menu li {
    position: relative;
}

.bootstrap-select.btn-group .dropdown-menu li a {
    cursor: pointer;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px 3px 26px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}


.bootstrap-select.btn-group .dropdown-menu.inner {
    position: static;
    border: 0;
    padding: 0;
    margin: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

ul.dropdown-menu > li.selected a {
    background: url('../content/images/icons/selected.png') no-repeat left center;
}

/* SEZNAM SEMINARU */
.list .small-icons .category {
    width: 40px;
    height: 63px;
    display: inline-block;
    background-color: #e6e7e8;
    background-repeat: no-repeat;
    background-position: center center;
}

.indexed.small-menu .item {
    float: left;
}

.indexed.small-menu .item a {
    display: inline-block;
    width: 213px;
    height: 63px;
    line-height: 63px;
    padding-left: 60px;
    background-repeat: no-repeat;
    background-position: 20px center;
    color: #FFFFFF;
}
.indexed.small-menu .item-1 {
    background-color: #75BEE9;
    margin-right: 1px;
}

.indexed.small-menu .item-2 {
    background-color: #DE0733;
    margin-right: 1px;
}

.indexed.small-menu .item-3 {
    background-color: #F47920;
    margin-right: 1px;
}

.indexed.small-menu .item-4 {
    background-color: #BFD730;
}

.list .small-icons .item-1, .indexed.small-menu .item-1 a {
    background-image: url('../content/images/icons/small-icon-1.png');
}
.list .small-icons .item-2, .indexed.small-menu .item-2 a {
    background-image: url('../content/images/icons/small-icon-2.png');
}
.list .small-icons .item-3, .indexed.small-menu .item-3 a {
    background-image: url('../content/images/icons/small-icon-3.png');
}
.list .small-icons .item-4, .indexed.small-menu .item-4 a {
    background-image: url('../content/images/icons/small-icon-4.png');
}

.list .small-icons .item-1.active {
    background-image: url('../content/images/icons/small-icon-1-active.png');
}
.list .small-icons .item-2.active {
    background-image: url('../content/images/icons/small-icon-2-active.png');
}
.list .small-icons .item-3.active {
    background-image: url('../content/images/icons/small-icon-3-active.png');
}
.list .small-icons .item-4.active {
    background-image: url('../content/images/icons/small-icon-4-active.png');
}
.courses.list {
    margin-top: 20px;
}

.courses.list > .item {
    position: relative;
    clear: both;
    border-bottom: 1px solid #878585;
    padding-bottom: 30px;
    margin-top: 20px;
    -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 1);
    -moz-box-shadow:    0px 1px 0px 0px rgba(255, 255, 255, 1);
    box-shadow:         0px 1px 0px 0px rgba(255, 255, 255, 1);
}
.courses.list > .item .details {
    float: left;
    width: 200px;
    margin-right: 180px;
    margin-bottom: 20px;
    position: relative;
    cursor: pointer;
    
}

.courses.list > .item .perex {

}

table.info {
    font-size: 12px;
    margin: 0px 0px 20px 0px;
    padding: 0px; 
    outline: 0px; 
    color: rgb(99, 100, 102);
    line-height: 14.3999996185303px;
}

table.info tr {
    margin: 0px 0px 2px;
    padding: 0px;
    outline: 0px;
}

table.info td.label {
    margin: 0px; 
    padding: 2px 3px 1px 4px; 
    outline: 0px; 
    vertical-align: top; 
    text-align: right;
}

table.info td.value {
    margin: 0px; 
    padding: 2px 3px 1px 4px; 
    outline: 0px; 
    vertical-align: top; 
    font-weight: normal; 
    background: rgb(246, 246, 246);
    text-align: justify;
}

.courses.list .title {
    text-transform: uppercase;
    font-weight: bold;
}

.courses.list .closing-date {
    background-color: #878585;
    color: #FFFFFF;
    text-align: center;
    height: 35px;
    line-height: 35px;
    margin-bottom: 3px
}

.courses.list .places {
    display: table;
    width: 100%;
}

.courses.list .places .item {
    display: table-cell;
    text-align: center;
    height: 25px;
    line-height: 25px;
    background-color: #FFFFFF;
    text-transform: uppercase;
}

.courses.list .places .item-2 {
    background: url('../content/design/small-place-separator.png') no-repeat left center #c1c1c1;
}

.courses.list .small-icons {
    position: absolute;
    right: -160px;
    top: 0;
}

.courses.list .item .detail-button {
    position: absolute;
    right: 0;
    bottom: 2px;
}

.courses.list .item .detail-button a {
    padding-right: 30px;
    background: url('../content/images/icons/detail-button.png') no-repeat right center;
}

.detail .content ul {
    list-style-position: inside;
}

/* SOCIALNI SITE */
#social {
    width: 45px;
    background-color: #FFFFFF;
    position: absolute;
    top: 0px;
    right: -47px;
    padding: 10px 0;
    z-index: 5;
}

#social a {
    padding: 5px 0;
    display: block;
}

a {
    
  text-decoration: none;  
}

a img {
  border: none;      
}

.cleaner {
  font-size:0;
  line-height:0;
  clear:both;
}

.left {
  float: left;
  width: 50%;
  overflow: hidden;
  margin: 0;
  padding: 0;      
}
.right {
  padding: 0;
  margin-left: 50%;  
  overflow: hidden;
}

.float-right { float: right; }

.text-right {
  text-align: right;
} 

#page .margin-30.m-top {
    margin-top: 30px;
}

.required {
  padding-right: 15px;
  background: url('../content/design/required.gif') no-repeat center right;
} 
             
a {
  text-decoration: none;
  color: #58595b;
} 

a:hover, a.selected {
}

h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
 
}

p {
  margin: 0;        
}

.white-bg {
    background-color: #FFFFFF;
}

.clear-both {
    clear: both;
}

/* BODY */
ul.no-style, ul.border-top {
    list-style: none;
}

ul.border-top li {
    border-top: 1px solid #878585;
    padding: 20px 0;
}

ul.list.border-top {
    margin-top: 20px;
}

.list h2 {
    text-transform: uppercase;
    margin-bottom: 10px;
}

.list p {
    margin-top: 1em;
    margin-bottom: 1em;
}

/* BANNER */
.banner {
    height: 400px;
    overflow: hidden;
    padding-bottom: 5px;
}

.banner .left .flexslider img {
    min-height: 399px;
}

.right-banner {
    height: 399px;
    overflow: hidden;
}

.right-banner .image {
    height: 282px;
}

.right-banner .image img {
    height: 100%;
    min-width: 100%;
}

.right-banner .content {
    background-color: #D11B32;
    font-size: 0.8em;
    padding: 5px 39px 8px 5px;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 1px;
    min-height: 118px;
}

.right-banner .content p {
    display: block;
}

.right-banner h2 {
    text-transform: uppercase;
}

.right-banner a {
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 35px;
    height: 118px;
    background: url('../content/images/icons/icon-arrow-right-red.png') no-repeat left center;
}

.right-banner a span {
    display: none;
}

.right-banner .content, .right-banner h2, .right-banner a {
    color: #FFFFFF;
}

/* jQUERY UI */
.ui-widget {
  font-size: 0.8em !important;           
}

/* TEMPLATE STYLES */
.columns-2 .left {
  float: left;
}

.columns-2 .left.column-70 {
  width: 70%;                         
}

.columns-2 .left.column-75 {
  width: 75%;                         
}

.columns-2 .left.column-80 {
  width: 80%;                         
}

.columns-2 .left.column-30 {
  width: 30%;                           
}

.columns-2 .right.column-20 {
  margin-left: 80.2%;                            
}

.columns-2 .right.column-25 {
  margin-left: 75.2%;                            
}

.columns-2 .right.column-30 {
  margin-left: 70.2%;                            
}

.columns-2 .right.column-70 {
  margin-left: 30.2%;                            
}

.columns-3 .column1 {
  width: 30%;
  float: left;
} 

.columns-3 .column2 {
  margin: 0 33.5%;
} 

.columns-3 .column3 {
  width: 33%;
  float: right;
} 

.article.detail, .course-filter, img.bordered, .galleryImage, .grey-gradient {
    background: rgba(246,246,246,1);
    background: -moz-linear-gradient(top, rgba(246,246,246,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(246,246,246,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(246,246,246,1) 0%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(246,246,246,1) 0%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(246,246,246,1) 0%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(246,246,246,1) 0%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#ffffff', GradientType=0 );
    box-shadow: 0px 2px 4px 0px rgba(48, 56, 31, 0.33);
}

/* ARTICLES */

img.bordered, .galleryImage {
    padding: 20px;
    display: inline-block;
}

.article.detail {
    clear: both;
    
    padding: 20px;
    margin-top: 20px;
}

.article.detail .formated-date {
    position: relative;
    left: -20px;
    padding-left: 20px;
    padding-right: 10px;
    background-color: #878585;
    color: #FFFFFF;
    display: inline-block;
}

.article.detail .inner {
    margin: 10px 0;
}

.article.detail h2 {
    text-transform: uppercase;
}

/* KONTAKT */
.columns-2 .overflow-visible {
    overflow: visible;
}

#kontakty {
    padding: 1px 6px 6px 1px;
    background-color: #FFFFFF;
    margin: 3px 20px 500px 3px;
    -webkit-box-shadow: -1px 2px 2px 0px rgba(50, 50, 50, 0.33);
    -moz-box-shadow:    -1px 2px 2px 0px rgba(50, 50, 50, 0.33);
    box-shadow:         -1px 2px 2px 0px rgba(50, 50, 50, 0.33);
}
#kontakty > ul.indexed {
    
    display: table;
    width: 100%;
}

#kontakty li.item {
    position: relative;
    display: table-cell;
    box-shadow: none;
    padding: 30px;
    padding-bottom: 125px;
    cursor: pointer;
}

#kontakty li.item-2 {
    padding-left: 50px;
}

#kontakty li.item.active {
    background: rgba(246,246,246,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(227, 228, 229,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(227, 228, 229,1)));
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(227, 228, 229,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(227, 228, 229,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(227, 228, 229,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(227, 228, 229,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0 );
}

#kontakty li.item h2 {
    text-transform: uppercase;
    background: url('../content/design/red-bar.png') no-repeat left bottom;
    padding-bottom: 20px;
    position: relative;
    padding-left: 30px;
    left: -30px;
    margin-bottom: 20px;
}

#kontakty li.item .content iframe {
    position: absolute;
    padding: 20px;
    top: 130%;
    margin-left: 20px;
    visibility: none;
    max-height: 400px;
    visibility: hidden;
}

#kontakty li.item.active .content iframe {
    visibility: visible;
}

#kontakty li.item-1 .content iframe{
    left: 0;
    margin-left: 0;
}

#kontakty li.item-2 .content iframe {
    left: -100%;
}

#kontakty li.item.active .pointer {
    background-image: url('../content/design/map-position-icon-active.png');
}

#kontakty li.item .pointer {
    background-image: url('../content/design/map-position-icon.png');
    background-repeat: no-repeat;
    background-position: bottom center;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 123px;
}

#kontakty li.item.active .pointer .show {
    background: url('../content/design/map-position-active.png') no-repeat bottom center;
    height: 25px;
    width: 100%;
    position:absolute;
    bottom: -24px;
}

.list.w-50 .item {
    float: left;
    width: 50%;
}

.kontakt.centered .list > h2, .list .detail > h2{
    padding-bottom: 10px;
    border-bottom: 1px solid #878585;
    -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 1);
    -moz-box-shadow:    0px 1px 0px 0px rgba(255, 255, 255, 1);
    box-shadow:         0px 1px 0px 0px rgba(255, 255, 255, 1);
}

.list.dostupnost {
    clear: both;
    padding-top: 50px;
}

.dostupnost .grey-gradient {
    padding: 20px;
}

.list.dostupnost .detail.item {
    float: left;
    width: 46%;
    margin: 0 2%;
}

.list.dostupnost .grey-gradient:after, 
.article.detail:after, 
.indexed.small-menu:after,
.indexed.menu:after,
form .fieldset:after,
form.course-order:after,
.clear-fix:after {
    clear: both;
    visibility: hidden;
    display: block;
    content: "";
    height: 0;
}

.dostupnost .item > h2 {
    padding-right: 40px;
    background: url('../content/design/small-position-icon.png') no-repeat right top;
    height: 42px;
    margin-bottom: 20px;
}

.dostupnost .item ul {
    list-style: none;
}

.dostupnost .item ul li:before {
    content: "■"; 
    font-family:"Arial Black";
    color: #de0733;
}

/* NEWSLETTER SIGN */
.newsletter-sign {
    clear: both;
    background-color: #FFFFFF;
    margin-top: 20px;
    padding: 20px;
}

.newsletter-sign:after {
    clear: both;
    visibility: hidden;
    display: block;
    content: "";
    height: 0;
}

.newsletter-sign .item .label {
    display: none;
}

.newsletter-sign .message {
    display: inline-block;
    text-transform: uppercase;
}

.newsletter-sign .item {
    display: inline-block;
    padding: 0 20px;
    position: relative;
}

.newsletter-sign .submit {
    float: none;
    display: inline-block;
    width: 80px;
    vertical-align: middle;
}

.newsletter-sign .item .element input {
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    color: #58595B;
}

/* ORDER FORM */
.grey-gradient form {
    padding: 20px;
}

form.course-order > div {
    position: relative;
}

form .field {
    float: left;
    position: relative;
    margin-right: 10px;
}

form .label.absolute {
    position: absolute;
    z-index: 0;
    opacity: 0.7;
}

form .label {
    vertical-align: top;
}

form .label.absolute, form .field .value input {
    background: #FFFFFF;
}

form .field .value input.empty {
    background: transparent;
}

form .label, form .value input, form .value select, form .value textarea {
    padding: 5px 5px;
    line-height: 1.2em;
}

form .addCompetitor .label, form .removeCompetitor .label, form .fillCompetitor .label {
    display: none;
}

form .field .value input, form .value input, form .value select, form .value textarea {
    border: 1px solid #58595B;
    color: #58595B;
}

form .field .value input {
    z-index: 2;
    position: relative;
}

form .waiter {
    width: 100%;
    height: 42px;
    background: url('../content/images/icons/waiter.gif') no-repeat center center;
    clear: both;
}

form .field.typ_subjektu {
    float: none;
    margin-bottom: 10px;
}

form .typ_subjektu .value label, form .typ_platby .value label {
    padding: 0 10px;
}

form .field.ico .value input {
    width: 75px;
}

form .field.dic .value input {
    width: 90px;
}

form .field.subjekt .value input {
    width: 600px;
}
form .fieldset .field {
    margin-bottom: 10px;
}

form .field.kontakt_prijmeni input, form .field.surname input  {
    width: 300px;
}

form .field.kontakt_ulice, 
form .field.kontakt_psc, 
form .field.cislo_uctu, 
form .field.kontakt_confirm_rules, 
form .field.position, 
form .competitors .field.phone,
form .extended {
    clear: both;
}
form .field.kontakt_ulice input, form .field.position input {
    width: 500px;
}

form .field.kontakt_cp input, form .field.degree input {
    width: 40px;
}

form .field.kontakt_psc input {
    width: 50px;
}

form .field.kontakt_mesto input, form .field.cislo_uctu input {
    width: 250px;
}

form .field.typ_platby .label {
    display: block;
}

form .field.note .value textarea {
    width: 80%;
    height: 80px;
}

form .fieldset.competitors {
    margin-top: 20px;
}

form .fieldset.competitors >.title {
    margin-bottom: 10px;
}

form .field .datepicker {
    border-radius: 0;
    text-align: left;
    cursor: auto;
}

form .field .errors {
    position: relative;
    min-width: 0;
}

form .field .label a {
    font-weight: bold;
    text-decoration: underline;
}

form #addCompetitor, form #removeCompetitor, form #fillCompetitor {
    padding: 5px 20px 5px 40px;
    line-height: 40px;
 
}

form #addCompetitor {
    background: url('../content/images/icons/user_add.png') no-repeat left center;
}

form #removeCompetitor {
    background: url('../content/images/icons/user_remove.png') no-repeat left center;
}

form #fillCompetitor {
    background: url('../content/images/icons/user_tag.png') no-repeat left center;
}
/* PAGER */
.pager {
    text-align: right;
    padding: 30px;
}
.pager a, .pager {
    color: #58595B;
}

.pager .previous.disabled, .pager .next.disabled {
    display: none;
}

.pager .page, .pager .next, .pager .previous {
    padding: 5px 10px;
    border: 1px solid #58595B;
    -webkit-box-shadow: 0px 1px 0px 1px rgba(255, 255, 255, 0.5);
    -moz-box-shadow:    0px 1px 0px 1px rgba(255, 255, 255, 0.5);
    box-shadow:         0px 1px 0px 1px rgba(255, 255, 255, 0.5);
}

.pager span.page {
    background-color: rgba(88, 89, 91, 0.2);
}

/** MESSAGES **/
#message .info, #message .success, #message .warning, #message .error,
.message .info, .message .success, .message .warning, .message .error
{
padding:15px 10px 15px 50px;
}
#message .info, .message .info  {
color: #00529B;
background-color: #BDE5F8;
}
#message .success, .message .success {
color: #4F8A10;
background-color: #DFF2BF;
}
#message .warning, .message .warning {
color: #9F6000;
background-color: #FEEFB3;
}
#message .error, .message .error {
color: #D8000C;
background-color: #FFBABA;
}


/** GALLERY **/
.galleryImage a {
   float:left;
   margin: 5px;
   height: 120px;             
   width: 180px;
   overflow: hidden;
   display: block;
}        

.galleryImage a img {
   min-height: 120px;
   min-width: 100%;
}

/* FLEXSLIDER */
    div.flexslider, div.flexslider img {
        width: 100%;     
        min-height: 100%;
    }
    div.flexslider {
        margin: 0 auto;
    }
    
    div.flexslider .slides {
        margin: 0;
        padding: 0; 
        overflow: hidden;  
    }
    div.flexslider .flex-viewport {
    }