@font-face {
    font-family: 'exobold';
    src: url('../fonts/exo-bold.eot');
    src: url('../fonts/exo-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/exo-bold.woff') format('woff'),
         url('../fonts/exo-bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'exomedium';
    src: url('../fonts/exo-medium.eot');
    src: url('../fonts/exo-medium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/exo-medium.woff') format('woff'),
         url('../fonts/exo-medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'exoblack';
    src: url('../fonts/Exo-Black.eot');
    src: url('../fonts/Exo-Black.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Exo-Black.woff') format('woff'),
         url('../fonts/Exo-Black.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'exodemi_bold';
    src: url('../fonts/Exo-DemiBold.eot');
    src: url('../fonts/Exo-DemiBold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Exo-DemiBold.woff') format('woff'),
         url('../fonts/Exo-DemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

::-ms-clear 
{
     display: none;
}

html, body,
h1, h2, h3, h4, h5, h6, p,
ul, ol, li,
form, fieldset,
table {
    margin: 0;
    padding: 0;
}

fieldset {
    border: 0;
}

.fl {
    float: left !important;
}

.fr {
    float: right !important;
}

.cb,
.cl,
.cr {
    display: block;
    height: 0;
    font-size: 0;
}

.cb, .clear {
    clear: both !important;
}

.cl {
    clear: left !important;
}

.cr {
    clear: right !important;
}

.tal {
    text-align: left !important;
}

.tac {
    text-align: center !important;
}

.tar {
    text-align: right !important;
}

.placeholder {
    color: #ccc;
}

.blind {
    position: absolute;
    left: -99999px;
    top: -99999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.pointer {
    cursor: pointer !important;
}

.hide {
    display: none;
}

.pr {
    position: relative;
}

.nobt {
    border-top: 0 !important;
}

.nowrap {
    white-space: nowrap;
}

.mt10 {
    margin-top: 10px;
}

.mb10 {
    margin-bottom: 10px;
}

.mt20 {
    margin-top: 20px;
}

.mb20 {
    margin-bottom: 20px;
}

a.targetblank {
    padding-right: 14px;
    background: url(../images/layout/targetblank.gif) right center no-repeat;
}

a.targetblank.fix {
    padding-right: 0;
    background: none;
}

a img {
    border: 0;
}

[class^=icon-] {
    background: url(../images/layout/sprite.png) no-repeat;
}

[class^=icon-20] {
    background: url(../images/layout/sprite-20.png) no-repeat;
    float: left;
    margin-right: 10px;
    width: 20px;
    height: 20px;
}

.icon-20-email {
    background-position: 0 0;
}

.icon-20-phone1 {
    background-position: 0 -40px;
}

.icon-20-phone2 {
    background-position: 0 -60px;
}
.icon-20-addr {
    background-position: 0 -80px;
}
.icon-20-clock {
    background-position: 0 -123px;
}


.icon-service {
    background-position: 0 0;
    width: 40px;
    height: 40px;
}

.icon-car {
    background-position: -40px 0;
    width: 44px;
    height: 40px;
}

.icon-manager {
    background-position: -84px 0;
    width: 33px;
    height: 40px;
}

.icon-crumb-arrow {
    background-position: -44px -81px;
    width: 6px;
    height: 8px;
}

.icon-pin {
    width: 30px;
    height: 40px;
    background-position: -117px 0;
}

.icon-white-pin {
    width: 18px;
    height: 23px;
    background-position: -110px -102px;
}

.icon-submenu-arrow {
    width: 5px;
    height: 12px;
    background-position: -53px -81px;
}

.icon-keyboard {
    width: 22px;
    height: 18px;
    background-position: 0 -262px;
}

.icon-telephone {
    width: 16px;
    height: 18px;
    background-position: -27px -262px;
}

.icon-circle-add {
    width: 29px;
    height: 30px;
    background-position: 0 -280px;
}

.icon-download {
    width: 13px;
    height: 13px;
    background-position: -51px -264px;
}

.icon-download {
    width: 13px;
    height: 13px;
    background-position: -51px -264px;
}

.icon-arrow-previous {
    width: 12px;
    height: 9px;
    background-position: -3px -315px;
}

.icon-arrow-next {
    width: 12px;
    height: 9px;
    background-position: -18px -315px;
}

.icon-arrow-first {
    width: 10px;
    height: 9px;
    background-position: -51px -315px;
}

.icon-arrow-last {
    width: 10px;
    height: 9px;
    background-position: -65px -315px;
}

.icon-arrow-up {
    width: 9px;
    height: 10px;
    background-position: -35px -315px;
}

.flash-message {
    border-radius: 2px;
    padding: 10px;
    margin-bottom: 20px;
    font-size: 95%;
}

.flash-message.success {
    background: #e6fddd;
    border-color: #008c1f;
    color: #008c1f;
}

.flash-message.failure {
    background: #fddada;
    border-color: #900;
    color: #900;
}

.status-info {
    color: #fff;
    font-size: 90%;
    background: #003c7b;
    border-radius: 3px;
    padding: 6px 10px;
    display: inline-block;
    margin-bottom: 10px;
}

/* ==========================================================================
   Sloupce
   ========================================================================== */

[class^=columns-],
[class*=columns-] {
    overflow: hidden;
}

[class^=columns-] > .column,
[class*=columns-] > .column {
    float: left;
}

.columns-2 > .column {
    width: 50%;
}

.columns-3 > .column {
    width: 33.333%;
    _width: 33%;
}

.columns-4 > .column {
    width: 25%;
}


/* ==========================================================================
   Tlacitka
   ========================================================================== */

.button {
    background: url(../images/layout/buttons-39.png) repeat-x;
    height: 39px;
    line-height: 39px;
    border: 0;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #959595;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display: inline-block;
    cursor: pointer;
    padding: 0 25px;
    text-decoration: none;
    color: #343434 !important;
    font-size: 16px;
    font-family: "exobold", Arial, sans-serif;
    font-weight: normal;
    /*behavior: url(/common/PIE.htc);*/
    
    width: auto;
    overflow: visible;
}

.button:hover {
    background-position: 0 -117px;
}

.button:focus {
    outline: rgba(0, 72, 147, 1);
}

.button-2 {
    background-position: 0 -39px;
    border-top-color: #003267;
    border-bottom-color: #003c7b;
    color: #fff !important;
    text-shadow: #001021;
    text-shadow: 0 1px rgba(0,0,0,0.75);
    -moz-text-shadow: 0 1px rgba(0,0,0,0.75);
    -webkit-text-shadow: 0 1px rgba(0,0,0,0.75);
}

.button-2:hover {
    background-position: 0 -156px;
}

.button-3 {
    background-position: 0 -78px;
    border-top-color: #db052c;
    border-bottom-color: #db052c;
    color: #fff !important;
    text-shadow: #9b010a;
    text-shadow: 0 1px rgba(0,0,0,0.75);
    -moz-text-shadow: 0 1px rgba(0,0,0,0.75);
    -webkit-text-shadow: 0 1px rgba(0,0,0,0.75);
}

.button-3:hover {
    background-position: 0 -195px;
}

.button.highlighted {
    background-position: 0 -78px;
    border-top-color: #db052c;
    border-bottom-color: #9e001d;
    color: #fff !important;
    text-shadow: #880109;
}

.button.small {
    background: url(../images/layout/buttons-27.png) 0 0 repeat-x;
    height: 27px;
    line-height: 27px;    
    padding-left: 15px;
    padding-right: 15px;
    font-size: 14px;
}

.button.small:hover {
    background-position: 0 -81px;
}

.button-2.small {
    background-position: 0 -27px;
}

.button-2.small:hover {
    background-position: 0 -108px;
}

.button-3.small {
    background-position: 0 -54px;
}

.button-3.small:hover {
    background-position: 0 -135px;
}

/* Images */
.button i {
    display: inline-block;
    margin-right: 5px;
}

.button i.right {
    margin-right: 0;
    margin-left: 5px;
}

/* ==========================================================================
   Strankovac
   ========================================================================== */

.paginator {
    margin-top: 20px;
    font-size: 13px;
}

.paginator.separated {
    padding-top: 20px;
    border-top: 1px solid #858585;
}

.paginator a,
.paginator strong {
    padding: 0 5px;
    text-decoration: none;
    color: #003c7b;
    border-right: 1px solid #003c7b;
}

.paginator .next,
.paginator .previous,
.paginator .last {
    border-right: 0;
}

.paginator strong {
    color: #db052c;
}

.paginator i {
    display: inline-block;
    margin-right: 5px;
}

.paginator .next i {
    margin-right: 0;
    margin-left: 5px;
}



/* ==========================================================================
   Boxy
   ========================================================================== */

#side-contacts.box,
#side-service.box {
    padding: 22px 14px 27px;  
}

.box {
    padding: 22px 20px 27px;
}

/* svetle sedy gradient */
.gradient-1 {
    border: 1px solid #d5d5d5;
    background: #fefefe; /* Old browsers */
    background: -moz-linear-gradient(top,  #fefefe 0%, #f5f5f5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#f5f5f5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fefefe 0%,#f5f5f5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fefefe 0%,#f5f5f5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fefefe 0%,#f5f5f5 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fefefe 0%,#f5f5f5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */
    &background: #f5f5f5 url(../images/layout/gradient1-bg.png) 0 0 repeat-x;
    _background: #f5f5f5 url(../images/layout/gradient1-bg.png) 0 0 repeat-x;
}

.box.highlighted {
    background: #dae3ec;
}

.box.light-gray {
    border: 1px solid #d1d1d1;
    background: #f9f9f9;
}

/* gradient seda -> bila se sedym hornim okrajem (Sortiment) */

.gradient-2 {
    background: #fff url(../images/layout/gradient-2.png) repeat-x;
    border-top: 1px solid #d5d5d5;
}

/* ==========================================================================
   Filtrovac
   ========================================================================== */

.filtering {
    padding: 10px 0;
    border: 1px solid #d5d5d5;
    border-left: 0;
    border-right: 0;
    margin-bottom: 13px;
}



/* ==========================================================================
   WYSIWYG & default styles
   ========================================================================== */

body.wysiwyg {
    padding: 15px;
    font-size: small;
    background: #fff;
}

.wysiwyg h1,
.default-h1,
.wysiwyg h2,
.default-h2,
.wysiwyg h3,
.default-h3 {
    font: normal 25px "exobold", Arial, sans-serif;
    color: #003c7b;
    margin-bottom: 28px;
    padding-top: 15px;
}

.wysiwyg h1:first-child,
.default-h1:first-child,
.wysiwyg h2:first-child,
.default-h2:first-child,
.wysiwyg h3:first-child,
.default-h3:first-child {
    padding-top: 0;
}

.wysiwyg h2,
.default-h2 {
    font-size: 18px;
    margin-bottom: 8px;
}

.wysiwyg h3,
.default-h3 {
    font: bold 13px Arial, sans-serif;
    margin-bottom: 14px;
}

.wysiwyg p,
.default-p {
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 14px;
}

.wysiwyg a {
    color: #003c7b;
}

.wysiwyg img {
    margin-right: 18px;
    margin-bottom: 16px;
}

.wysiwyg img.imgl {
    float: left;
    margin-right: 18px;
    margin-left: 0px;
}

.wysiwyg img.imgr {
    float: right;
    margin-left: 18px;
    margin-right: 0px;
}

.wysiwyg img.nobr {
    border: none;
}

.wysiwyg ul,
.wysiwyg ol {
    margin-bottom: 6px;
    font-size: 13px;
}

.wysiwyg ul.inside,
.wysiwyg ol.inside {
    list-style-position: inside;
}

.wysiwyg ul ul,
.wysiwyg ul ol,
.wysiwyg ol ol,
.wysiwyg ol ul {
    margin-bottom: 0px;
    margin-top: 15px;
}
.wysiwyg ul	li {
    padding-left: 17px;
    list-style-type: none;
    padding-bottom: 5px;
    background: url(../images/layout/bullet.png) 0px 3px no-repeat;
}

.wysiwyg ul li.last {
    padding-bottom: 0px;
}

.wysiwyg ol	li {
    margin-left: 18px;
    padding-bottom: 10px;
}

.wysiwyg ul.highlights li {
    padding: 6px 0 16px 40px;
    background: url(../images/layout/highlights-li.png) 0 0 no-repeat;
    min-height: 27px;
}

.wysiwyg ul.highlights-2 li {
    padding: 0px 0 10px 27px;
    background: url(../images/layout/highlights-2-li.png) 0 0 no-repeat;
    min-height: 27px;
}

.wysiwyg table img {
    margin: 0;
}

.wysiwyg table.common {
    margin-bottom: 36px;
    border-collapse: collapse;
    font-size: 13px;
}

.wysiwyg table.common,
.wysiwyg table.common th,
.wysiwyg table.common td {
    border: 1px solid #d0d0d0;
}

.wysiwyg table.common th,
.wysiwyg table.common td {
    padding: 13px;
    text-align: left;
}

.wysiwyg table.common th {
    background: #efefef;
    color: #343434;
    text-shadow: 0 1px 0 #fff;
}

.wysiwyg table.common td {
    background: #fff;
}

.wysiwyg table.common .dark td {
    background: #f9f9f9;
}

.wysiwyg table.full {
    width: 100%;
}

.wysiwyg table.half {
    width: 50%;
}

.wysiwyg a.avi {
    background-image: url("../images/layout/filetypes/avi.gif");
}

.wysiwyg a.bmp {
    background-image: url("../images/layout/filetypes/bmp.gif");
}

.wysiwyg a.cer {
    background-image: url("../images/layout/filetypes/cer.gif");
}

.wysiwyg a.css {
    background-image: url("../images/layout/filetypes/css.gif");
}

.wysiwyg a.dll {
    background-image: url("../images/layout/filetypes/dll.gif");
}

.wysiwyg a.doc,
.wysiwyg a.docx {
    background-image: url("../images/layout/filetypes/doc.gif");
}

.wysiwyg a.gif {
    background-image: url("../images/layout/filetypes/gif.gif");
}

.wysiwyg a.html {
    background-image: url("../images/layout/filetypes/htm.gif");
}

.wysiwyg a.jpg {
    background-image: url("../images/layout/filetypes/jpg.gif");
}

.wysiwyg a.js {
    background-image: url("../images/layout/filetypes/js.gif");
}

.wysiwyg a.mov {
    background-image: url("../images/layout/filetypes/mov.gif");
}

.wysiwyg a.mp3 {
    background-image: url("../images/layout/filetypes/mp3.gif");
}

.wysiwyg a.mp4 {
    background-image: url("../images/layout/filetypes/mp4.gif");
}

.wysiwyg a.mpg {
    background-image: url("../images/layout/filetypes/mpg.gif");
}

.wysiwyg a.pdf {
    background-image: url("../images/layout/filetypes/pdf.gif");
}

.wysiwyg a.php {
    background-image: url("../images/layout/filetypes/php.gif");
}

.wysiwyg a.ppt,
.wysiwyg a.pptx {
    background-image: url("../images/layout/filetypes/ppt.gif");
}

.wysiwyg a.rar {
    background-image: url("../images/layout/filetypes/rar.gif");
}

.wysiwyg a.txt {
    background-image: url("../images/layout/filetypes/txt.gif");
}

.wysiwyg a.swf {
    background-image: url("../images/layout/filetypes/swf.gif");
}

.wysiwyg a.unknown {
    background-image: url("../images/layout/filetypes/unknown.gif");
}

.wysiwyg a.xls {
    background-image: url("../images/layout/filetypes/xls.gif");
}

.wysiwyg a.xml {
    background-image: url("../images/layout/filetypes/xml.gif");
}

.wysiwyg a.zip {
    background-image: url("../images/layout/filetypes/zip.gif");
}

.wysiwyg a.avi, .wysiwyg a.bmp, .wysiwyg a.cer, .wysiwyg a.css, .wysiwyg a.dll, .wysiwyg a.doc, .wysiwyg a.docx, .wysiwyg a.gif, .wysiwyg a.html,
.wysiwyg a.jpg, .wysiwyg a.js, .wysiwyg a.mov, .wysiwyg a.mp3, .wysiwyg a.mp4, .wysiwyg a.mpg, .wysiwyg a.pdf, .wysiwyg a.php, .wysiwyg a.ppt,
.wysiwyg a.pptx, .wysiwyg a.rar, .wysiwyg a.swf, .wysiwyg a.txt, .wysiwyg a.thumb, .wysiwyg a.unknown, .wysiwyg a.xls, .wysiwyg a.xml, .wysiwyg a.zip {
    background-position: 0 0;
    background-repeat: no-repeat;
    padding: 3px 0 3px 25px;
}

/* ==========================================================================
   Formulare
   ========================================================================== */

form.common {
    font-size: 13px;
}

form.common fieldset {
    background: #f9f9f9;
    border: 1px solid #d1d1d1;
    padding: 11px 9px;
}

form.common fieldset.pure {
    background: none;
    border: 0;
}


form.common label {
    /*cursor: pointer;*/
}

form.common input.text,
form.common input[type=text],
form.common textarea {
    background: #fff;
    border: 1px solid #d1d1d1;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 5px 11px;
    margin: 0;
    font-family: Arial, sans-serif;
}

form.common input.text:focus,
form.common input[type=text]:focus,
form.common textarea:focus {
    /*background: #f1f1f1;*/
    outline: 0;
}

form.common input.text.valid {
    background: #fff url(../images/layout/input-valid.png) right center no-repeat;
}

form.common textarea.valid {
    background: #fff url(../images/layout/input-valid.png) right 8px no-repeat;
}

form.common input.text.error {
    background: #fff url(../images/layout/input-invalid.png) right center no-repeat;
    color: #db052c;
}

form.common textarea.error {
    background: #fff url(../images/layout/input-invalid.png) right 8px no-repeat;
    color: #db052c;
}

form.common textarea {
    overflow: auto;
    max-width: 100%;
}

form.common th,
form.common td {
    vertical-align: top;
}

form.common th {
    text-align: left;
    font-weight: normal;
    padding-right: 12px;
}

form.common th.next {
    padding-left: 20px;
}

form.common th label {
    padding-top: 7px;
    display: inline-block;
}

form.common .asterisk {
    color: #db052c;
}

form.common label.error {
    display: block;
    color: #db052c;
    font-size: 11px;
    margin: 3px 0 6px;
}

form.common input.file {
    margin-bottom: 5px;
}






body {
    font: normal 62.5% Arial, sans-serif;
    background: #e4e4e4;
    color: #636363;
}

a {
    color: #003c7b;
}

#page {
    min-width: 980px;
    padding-top: 100px;
    background: #fff;
}

.min-page-width {
    min-width: 980px;
}

.page-width {
    width: 960px;
    padding: 0 10px;
    margin: 0 auto;
}





#header {
    position: absolute;
    z-index: 10;
    height: 100px;
    background: url(../images/layout/header-bg.png) repeat-x;
    left: 0;
    top: 0;
    width: 100%;
}

#header > .in {

    background: url(../images/layout/header-bg-in.png) center 0 no-repeat;
    height: 100px;
    position: absolute;
    left: 0;
    width: 100%;
}

#h1 {
    background: url(../images/layout/sprite.png) 0 -324px no-repeat;
    width: 106px;
    height: 44px;
    position: absolute;
    left: 15px;
    top: 43px;
}

#h1 a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

#crumb {
    font-size: 12px;
    margin-bottom: 5px;
}

#crumb a {
    text-decoration: none;
    color: #858585;
}

#crumb strong {
    color: #003c7b;
    font-weight: normal;
}

#crumb .icon-crumb-arrow {
    display: inline-block;
    margin: 0 5px;
}




#content {
    color: #343434;
    padding: 30px 0;
    font-size: 13px;
}

#content.top-shadow {
    box-shadow: 0 -50px 200px rgba(0, 0, 0, 0.15);
    position: relative;
    z-index: 1000;
}

#content > .page-width {
    position: relative;
    z-index: 30;
}

#content > .page-width > .panel-icon {
    left: 0;
    top: -87px;
}

#page-homepage #content {
    background: #fdfdfd url(../images/layout/content-shadow-bottom.png) center bottom no-repeat;
    padding: 0;
    position: relative;
}

#content-panels {
    /*overflow: hidden;*/
}

#content-panels .panel {
    float: left;
    padding: 50px 15px 90px;
    position: relative;
    height: 101px;
}

#content-panels .panel:hover,
#content-panels .panel.active {
    background: #d9e2eb;
    background: rgba(0, 60, 123, 0.14);
    color: #003c7b;
}

#content-panels .panel-service-station {
    width: 280px;
    margin-left: -15px; /* @TODO nechat to takto? */
}

#content-panels .panel-motorists {
    width: 298px;
}

#content-panels .panel-fleet-manager {
    width: 292px;
}

#content-panels .panel .heading {
    font-family: "exobold", Arial, sans-serif;
    font-weight: normal;
    margin-bottom: 18px;
    font-size: 25px;
}

#content-panels .panel .heading a {
    text-decoration: none;
}

#content-panels .description {
    font-size: 13px;
}

#content-panels .panel .button {
    position: absolute;
    left: 15px;
    bottom: 35px;
}

#content-panels.hover canvas {
    display: none;
}

#content-panels.hover .panel.active canvas,
#content-panels.hover .panel.active:hover canvas {
    display: block;
}

.panel-icon {

    width: 114px;
    height: 57px;
    position: absolute;
    left: 15px;
    top: -57px;
    z-index: 0;

    background: url(../images/layout/sprite.png) 0 -144px no-repeat;

}

.panel-icon i {
    position: absolute;
}

.panel:hover .panel-icon,
.panel.active .panel-icon {
    background-position: 0 -201px;
}

.panel-icon .icon-service {
    left: 35px;
    top: 35px;
}

.panel-icon .icon-car {
    left: 36px;
    top: 35px;
}

.panel-icon .icon-manager {
    left: 41px;
    top: 35px;
}

.panel-icon .icon-pin {
    left: 50%;
    margin-left: -16px;
    top: 35px;
}

.panel:hover .panel-icon .icon-service,
.panel.active .panel-icon .icon-service {
    background-position: 0 -40px;
}

.panel:hover .panel-icon .icon-car,
.panel.active .panel-icon .icon-car {
    background-position: -40px -40px;
}

.panel:hover .panel-icon .icon-manager,
.panel.active .panel-icon .icon-manager {
    background-position: -84px -40px;
}

.panel-icon-edge {
    width: 114px;
    height: 57px;
    position: absolute;
    left: 15px;
    top: -57px;
}



#content-left {
    width: 295px;
    float: left;
}


#content-right {
    width: 650px;
    float: right;
}

#content-bottom {
    clear: both;
    margin-top: 30px;
}

/* ==========================================================================
   Globalni vypis novinek
   ========================================================================== */

#content-news {
    clear: both;
    overflow: hidden;
}

#content-news .news-item {
    margin-bottom: 5px;
}

#content-news .news-item .news-text {
    width: 72%;
    display: inline-block;
    vertical-align: top;
}

#content-news .news-item .heading {
    position: relative;
    /*padding-left: 128px;*/
    /*padding-top: 4px;*/
    min-height: 24px;
    /*display: inline-block;*/
    /*vertical-align: top;*/
}

#content-news .news-item span.date {
    /*position: absolute;*/
    /*left: 0;*/
    /*top: 0;*/
    /*display: block;*/
    font-size: 12px;
    /*background: #003c7b;*/
    color: #666;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    /*padding: 4px 6px;*/
    display: inline-block;
    margin: 5px 0 10px 0;
    font-family: "Arial", sans-serif;
}

#content-news .news-item .heading a {
    text-decoration: none;
    display: block;
    /*margin-top: 10px;*/
}

#content-news .news-item .heading a:hover {
    text-decoration: underline;
}

#content-news .news-item .annotation-picture {
    width: 18%;
    display: inline-block;
    margin-right: 20px;
    text-align: right;
}

#content-news .news-item .annotation-picture img {
    max-width: 100%;
    /*display: inline-block;*/
}

#content-news p.spacer {
    margin-bottom: 30px;
}

#content-news.layout-two-columns .news-item {
    width: 48%;
    margin-right: 2%;
    float: left;
}

/* ==========================================================================
   Upraveny vypis novinek na jinych strankach
   ========================================================================== */

#page-autoservisy #content-bottom h2 {
    color: #343434;
}


#page-autoservisy #content-news {
    margin-top: 30px;
}

#page-autoservisy #content-news .heading {
    /*padding-left: 105px;*/
}

#page-autoservisy #content-news .news-item {
    float: left;
    width: 48%;
    margin-right: 4%;
}

#page-autoservisy #content-news .news-item.last {
    margin-right: 0;
}

#main-content {
    float: right;
    width: 713px;
    
}

#main-content,
#content-left,
#content-right {
    font-size: 13px;
}




#side {
    float: left;
    width: 203px;
    font-size: 13px;
}

/* Postranni box s kontaktama */

#side-contacts {
    font-size: 13px;
    margin-bottom: 14px;
}

#side-contacts .contact {
    padding-left: 41px;
    position: relative;
    line-height: 26px;
}

#side-contacts .contact i {
    position: absolute;
    left: 0;
    top: 4px;
}

#side-contacts .contact .icon-telephone {
    left: 3px;
}

/* Postranni box s vyhledavanim autoservisu */

#side-service .input-container {
    background: url(../images/layout/side-service-input.png) 0 0;
    width: 160px;
    height: 30px;
    position: relative;
    margin: 15px 0;
}

#side-service input.text {
    background: none;
    border: 0;
    position: absolute;
    left: 10px;
    width: 110px;
    top: 5px;
    bottom: 5px;
    margin: 0;
    padding: 0;
    outline: 0;
    height: 20px;
}


#side-service input.submit {
    margin: 0;
    padding: 0;
    border: 0;
    width: 31px;
    height: 27px;
    cursor: pointer;
    position: absolute;
    right: 1px;
    top: 1px;
    background: transparent;
}

/* ==========================================================================
   Paticka stranky
   ========================================================================== */

#footer-top {
    background: #f6f6f6 url(../images/layout/footer-top-bg.png) 0 0 repeat-x;
    color: #636363;
    border-top: 1px solid #d2d2d2;
    padding: 40px 0 80px;
    font-size: 1.2em;
    font-family: "exomedium", Arial, sans-serif;
    font-weight: normal;
}

#footer-top ul {
    list-style: none;
    margin-right: 6px;
}

#footer-top li {
    padding-left: 21px;
    background: url(../images/layout/bullet.png) 0 2px no-repeat;
}

#footer-top li:hover {
    background: url(../images/layout/bullet-3.png) 0 2px no-repeat;
}

#footer-top li a {
    text-decoration: none;
    color: #636363;
}

#footer-top li a:hover {
    color: #343434;
}

#footer-list {
    float: left;
    width: 636px;
}

#footer-list .heading {
    margin-bottom: 18px;
    font-size: 13px;
}

#footer-list li {
    margin-bottom: 4px;
    font-size: 13px;
    line-height: 16px;
}

#footer-contact {
    float: right;
    width: 310px;
    text-align: right;
}

#footer-contact span{
    font-weight: 700;
}

#footer-contact address {
    font-style: normal;
    margin-top: 8px;
}

#footer-bottom {
    background: #e4e4e4;
    color: #7e7e7e;
    padding: 20px 0;
    font-size: 12px;
    font-family: "exomedium", Arial, sans-serif;
    font-weight: normal;
}

#footer-bottom a {
    color: #7e7e7e;
}

#footer-bottom .info-container {
    display: flex;
    justify-content: space-between;
    width: 500px;
}

#footer-members {
    overflow: hidden;
    position: relative;
    padding-bottom: 13px;
    margin-bottom: 14px;
}

#footer-members-separator {
    position: absolute;
    width: 23px;
    height: 1px;
    font-size: 0;
    line-height: 0;
    background: #b1b1b1;
    left: 0;
    bottom: 0;
}

#footer-members .footer-member {
    float: left;
    position: relative;
    padding-right: 65px;
}

#footer-members .footer-member img {
    /*position: absolute;*/
    right: 0;
    top: 0;
}

/* ==========================================================================
   Velky slider pod hlavickou
   ========================================================================== */

#slider {
    height: 334px;
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
}

#slider .items {
    height: 100%;
}

#slider .item {
   /* background: url(../images/content/slider/banner.jpg) center 0 no-repeat;*/
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
/*
@media all and (max-height: 760px) {

    #slider {
        height: 280px;
    }

    #slider .item {
        background: url(../images/content/slider/banner-small.jpg) center 0 no-repeat;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }
}
*/
#slider .heading {
    color: #003c7b;
    font-size: 25px;
    font-family: "exobold", Arial, sans-serif;
    font-weight: normal;
    margin: 30px 0 8px;
}

#slider .block {
    background: #003c7b;
    background: rgba(0, 60, 123, 0.7);
    padding: 15px 20px 20px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
    border-top: 1px solid rgba(0, 60, 123, 0.8);
    color: #fff;
    font-size: 16px;
}


#slider .block .heading {
    color: #fff;
    margin: 0 0 10px;
}

#slider .block strong {
    font-weight: normal;
    font-family: "exobold", Arial, sans-serif;
}

#slider .block ul {
    margin-bottom: 28px;
    list-style: none;
}

#slider .block li {
    padding-left: 9px;
    background: url(../images/layout/bullet-2.png) 0 .63em no-repeat;
}

#slider .pagination {
    position: absolute;
    left: 0;
    right: 0;
    height: 40px;
    background: #999;
    bottom: 0;
    z-index: 10;
}

/* Jednotlive slidy */

#slider-slide-1 {
    background: url(../images/content/slider/banner1.jpg) center 0 no-repeat;
}

#slider-slide-2 {
    background: url(../images/content/slider/banner2.jpg) center 0 no-repeat;    
}

#slider-slide-2 #searcher-container {
    padding: 0 20px;
    height: 57px;
    margin-bottom: ;
}

#slider-slide-2 .block {
    width: 360px;
    margin-bottom: 16px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#slider-slide-2 .icon-blue-pin {
    display: inline-block;
    width: 17px;
    height: 22px;
    margin-right: 7px;
    background-position: 0 -80px;
}

#slider-slide-3 {
    background: url(../images/content/slider/banner3.jpg) center 0 no-repeat;   
}


#slider-paginator {
    float: right;
    line-height: 40px;
}

#slider-paginator .title {
    font-family: "exomedium", Arial, sans-serif;
    font-weight: normal;
    color: #fff;
    padding-right: 20px;
}

#slider-paginator span.point {
    width: 12px;
    height: 12px;
    display: inline-block;
    margin-left: 3px;
    background: #b3b3b3;
    border: 1px solid #959595;
    cursor: pointer;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    vertical-align: middle;
    position: relative;
    top: -1px;
}

#slider-paginator span.point.active {
    background: #fff;
    border-color: #858585;
}

#service-station-search {
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 0 -10px;
    height: 39px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
    position: relative;
    top: 9px;
}

#service-station-search input.text {
    border: 0;
    outline: 0;
    position: absolute;
    left: 10px;
    top: 12px;
    border: 0;
    font-family: "exomedium", Arial, sans-serif;
    font-weight: normal;
    color: #212020;
    width: 260px;
    margin: 0;
    padding: 0;
}

#service-station-search input.button {
    position: absolute;
    right: -2px;

    -webkit-border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-bottomleft: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;

    border-left: 1px solid #e0e0e0;

}

















#page-tab-e-catalog {
    position: absolute;
    right: 0;
    top: 205px;
    width: 67px;
    height: 342px;
    background: url(../images/layout/tab-e-catalog.png) 0 0 no-repeat;
    transition: width .4s ease;
    z-index: 50;
    padding: 0;
    outline: 0;
}

#page-tab-e-catalog:hover {
    width: 77px;
}












/* ==========================================================================
   Hlavicka stranky
   ========================================================================== */

#top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 46px;
    font-size: 11px;
    z-index: 20;
}

#top-left {
    float: left;
    margin-left: 193px;
    line-height: 46px;
    font-family: "exomedium", Arial, sans-serif;
    font-weight: normal;
    text-transform: uppercase;
}

#top-left s {
    display: inline-block;
    height: 21px;
    vertical-align: middle;
    width: 1px;
    overflow: hidden;
    background: #444;
    margin: 0 8px;
}

#top-left img {
    vertical-align: middle;
}



#lang-selector {
    position: relative;
    top: 15px;
    list-style: none;
}

#lang-selector li {
    float: left;
    margin-left: 3px;
    padding-left: 3px;
    border-left: 1px solid #595959;

}

#lang-selector li:first-child {
    border-left: 0;
}

#lang-selector li a,
#lang-selector li b {
    text-decoration: none;
    text-transform: uppercase;
    color: #6d6d6d;
}

#lang-selector li a:hover {
    text-decoration: underline;
}

#lang-selector li b {
    font-family: "exobold", Arial, sans-serif !important;
    font-weight: normal;
    color: #a4a4a4;
}

#search {
    position: relative;
    top: 14px;
    margin-left: 15px;
}

#search input.text {
    border: 0;
    outline: 0;
    background: none;
    color: #a4a4a4;
    width: 75px;
    font-family: "exomedium", Arial, sans-serif;
    font-weight: normal;
    margin: 0;
    font-size: 11px;
}

#search input.submit {
    background: transparent url(../images/layout/sprite.png) -28px -82px no-repeat;
    width: 14px;
    height: 14px;
    border: 0;
    cursor: pointer;
    vertical-align: middle;
    padding: 0;
}


/* ==========================================================================
   Hlavni navigace
   ========================================================================== */

#nav {
    position: absolute;
    left: 0;
    top: 46px;
    width: 100%;
    height: 54px;
    line-height: 54px;
    z-index: 1001;
    font-family: "exomedium", Arial, sans-serif;
    font-weight: normal;
}

#nav-main {
    float: left;
    display: inline;
    margin-left: 173px;
}

#nav ul {
    list-style: none;
}

#nav li {
    float: left;
    margin-left: 20px;
    position: relative;
}

#nav li a {
    text-decoration: none;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.42);
    font-size: 12px;
    font-weight: bold;
    color: #676767;
}

#nav li a:hover,
#nav li.current a,
#nav li.active a,
#nav li.current .submenu .current a {
    color: #db052c;
}

#nav .icon-home {
    width: 12px;
    height: 17px;
    background-position: -61px -80px;
    display: inline-block;
    vertical-align: middle;
}

#nav a:hover .icon-home,
#nav .current .icon-home {
    background-position: -17px -80px;
}

#nav li:hover .submenu {
    display: block;
}

#nav .submenu {
    position: absolute;
    margin-top: -1px;
    top: 100%;
    left: 0;
    min-width: 100%;
    display: none;
    background: #f2f2f2 url(../images/layout/submenu-bg.png) left bottom repeat-x;
    z-index: 999;
    border: 1px solid #e1e1e1;
}

#nav .submenu li {
    margin: 0;
    float: none;
    line-height: 13px;
    padding: 1px 0 0 0;
    display: block;
}

#nav .submenu li:hover {
    background: url(../images/layout/submenu-border.png) left top repeat-x;
}

#nav .submenu a {
    display: block;
    padding: 10px;
    text-transform: none;
    font-family: Arial, sans-serif;
    font-weight: normal;
    white-space: nowrap;
}

#nav .submenu a:hover {
    background: #fff url(../images/layout/submenu-border.png) left bottom repeat-x;
}

#nav .submenu .last a:hover {
    background-image: none;
}

#nav li.current .submenu a {
    color: #676767;
}

#nav li#nav-item-homepage {
    position: static;
}

#nav .logo-lkq {
    margin-top: 7px;
}

#logo-fix {
    position: absolute;
    width: 106px;
    height: 44px;
    left: 15px;
    top: -4px;
    white-space: nowrap;
    overflow: hidden;
    text-indent: 150px;
}


#sidemenu {
    margin-bottom: 14px;
    list-style: none;
}

#sidemenu > li {
    margin-bottom: 2px;
    border: 1px solid #d5d5d5;
}

#sidemenu > li > a {
    display: block;
    padding: 12px 18px;
    font-size: 13px;
    font-family: "exomedium", Arial, sans-serif;
    font-weight: normal;
    text-decoration: none;

    background: #fefefe; /* Old browsers */
    background: -moz-linear-gradient(top,  #fefefe 0%, #f5f5f5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#f5f5f5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fefefe 0%,#f5f5f5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fefefe 0%,#f5f5f5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fefefe 0%,#f5f5f5 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fefefe 0%,#f5f5f5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */

    &background: #f5f5f5 url(../images/layout/sidemenu-item-bg.png) 0 0 repeat-x;
    _background: #f5f5f5 url(../images/layout/sidemenu-item-bg.png) 0 0 repeat-x;
    
    color: #5d5d5d;
    text-shadow: 0 1px 0 #eeeeee;
}


#sidemenu > li:hover {
    border-color: #004186;
}

#sidemenu > li > a:hover {
    color: #003c7b;
}

#sidemenu > li.current  {
    border-left: 0;
    border-right: 0;
    border-top-color: #003267;
    border-bottom-color: #003c7b;
}

#sidemenu > li.current > a {

    padding: 12px 19px;

    background: #004a98; /* Old browsers */
    background: -moz-linear-gradient(top,  #004a98 0%, #003c7b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#004a98), color-stop(100%,#003c7b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #004a98 0%,#003c7b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #004a98 0%,#003c7b 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #004a98 0%,#003c7b 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #004a98 0%,#003c7b 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004a98', endColorstr='#003c7b',GradientType=0 ); /* IE6-9 */
    color: #fff;
    text-shadow: 0 1px 0 #002b58;
    border-top: 1px solid #438ac9;

    position: relative;
}


#sidemenu > li.current .icon-submenu-arrow {
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -6px;
}

#sidemenu > li > ul {
    list-style: none;
    border: 1px solid #d5d5d5;
    border-top: 0;
    margin-bottom: -1px;
    font-size: 13px;
}

#sidemenu > li > ul > li {
    /*background: url(../images/layout/bullet-3.png) 18px 10px no-repeat;*/
}

#sidemenu > li > ul > li > a,
#sidemenu > li > ul > li > strong { /* strong je aktivni */
    padding: 8px 19px 8px 37px;
    display: block;
    color: #5d5d5d;
    text-decoration: none;
}

#sidemenu > li > ul > li > a:hover {
    text-decoration: underline;
}

#sidemenu > li > ul > li > strong {
    color: #db052c;
}

#sidemenu .submenu,
#sidemenu .submenu ul {
    display: none;
}

#sidemenu .submenu a {
    border-bottom: 1px solid #d5d5d5;
    padding: 8px 19px;
}

#sidemenu .submenu .active,
#sidemenu .submenu li.current > a {
    background-color: #f5f5f5;
}
/*
#sidemenu .submenu .active > a {
    color: red;
}*/

#sidemenu .submenu .active ul {
    background: #fff;
}

#sidemenu li.current ul {    
    display: block;
}

#sidemenu ul ul {
    list-style: none;
}

#sidemenu ul ul li {

}

#sidemenu .submenu ul a {
    border-bottom: 0;
    padding-left: 19%;
    text-decoration: none;
    color: #5d5d5d;
    display: block;
    background: url(../images/layout/submenu-bullet.png) 10% center no-repeat;
}


#sidemenu .submenu ul ul a {
    border-bottom: 0;
    padding-left: 28%;
    text-decoration: none;
    color: #5d5d5d;
    display: block;
    background: url(../images/layout/submenu-bullet.png) 20% center no-repeat;
}


    #sidemenu>LI.current>UL LI:not(.current)>UL {
        display:none;
    }
    /*
    #sidemenu>LI>UL>LI UL {
        list-style: none;
        margin-left:10px;
        font-size:94%;
    }
    #sidemenu>LI>UL>LI>UL {
        margin-left:38px;
    }
    #sidemenu>LI>UL>LI LI {
        margin-top: 2px;
    }
*/


/* CONTACT Pages - horizontal submenu*/
#contact-nav {

}

#contact-nav * {
    box-sizing: border-box;
}


#contact-nav .contact-nav__list .contact-nav__item {
    width: 33.333%;
    float: left;

    background-image: none;
    padding: 0;
    padding-right: 10px;
    margin-bottom: 20px;
    list-style: none;
}

#contact-nav .contact-nav__list.col-4 .contact-nav__item {
    width: 25%;
}

#contact-nav .contact-nav__list .contact-nav__item:last-of-type {
    padding-right: 0;
}

#contact-nav .contact-nav__list .contact-nav__link  {
    border: 1px solid #d5d5d5;
    display: block;
    padding: 12px 18px;
    font-size: 13px;
    font-family: "exomedium", Arial, sans-serif;
    font-weight: normal;
    text-decoration: none;
    background: #fefefe;
    background: -moz-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#f5f5f5));
    background: -webkit-linear-gradient(top, #fefefe 0%,#f5f5f5 100%);
    background: -o-linear-gradient(top, #fefefe 0%,#f5f5f5 100%);
    background: -ms-linear-gradient(top, #fefefe 0%,#f5f5f5 100%);
    background: linear-gradient(to bottom, #fefefe 0%,#f5f5f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f5f5f5',GradientType=0 );
    _background: #f5f5f5 url(../images/layout/sidemenu-item-bg.png) 0 0 repeat-x;
    color: #5d5d5d;
    text-shadow: 0 1px 0 #eeeeee;
}

#contact-nav .contact-nav__list .contact-nav__link.current,
#contact-nav .contact-nav__list .contact-nav__link.contact-nav__link--service {
    position: relative;
    color: #fff;
    border:1px solid #003c7b;
    background: #004a98;
    background: -moz-linear-gradient(top, #004a98 0%, #003c7b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#004a98), color-stop(100%,#003c7b));
    background: -webkit-linear-gradient(top, #004a98 0%,#003c7b 100%);
    background: -o-linear-gradient(top, #004a98 0%,#003c7b 100%);
    background: -ms-linear-gradient(top, #004a98 0%,#003c7b 100%);
    background: linear-gradient(to bottom, #004a98 0%,#003c7b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004a98', endColorstr='#003c7b',GradientType=0 );
}
#contact-nav .contact-nav__list .contact-nav__link.current:after {
    content: "";
    position: absolute;
    left: 50%;
    top: -5px;
    margin-left: -6px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7px 5px 7px;
    border-color: transparent transparent #003c7b transparent;
}









/* ==========================================================================
   Mapa
   ========================================================================== */

#map .page-width {
    padding: 20px 0 80px;
    font-size: 13px;
}

.js #map {
    height: 400px;
    position: relative;
}

.js #map.branchMap {
    height: 510px;
}

#map-locations li {

    height: 40px;
    width: 310px;
    float: left;
    padding: 0;
    margin: 0 15px 3px 0;

    position: relative;
}

#map-locations li a {
    color: #343434;
    text-decoration: none;
    font-size: 16px;
    font-family: "exobold", Arial, sans-serif;
    font-weight: normal;

    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    line-height: 40px;

    padding: 0 15px 0 100px;

    background: #ebebeb;
    border-bottom: 1px solid #cacaca;

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

}

#map-locations li a:hover {
    color: #003c7b;
    background: #efefef;
}

#map-locations li .count {
    position: absolute;
    left: 26px;
    color: #b8b8b8;
}

#map-locations li.last-in-row {
    margin-right: 0;
}


#map-filter {
    background: #003c7b;
    background: rgba(0, 60, 123, 0.7);

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 17px;

    position: absolute;
    left: 60px;
    top: 17px;
    z-index: 50;

    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
    font-size: 12px;
    width: 266px;
}

#map-filter .heading {
    font-size: 20px;
    font-family: "exomedium", Arial, sans-serif;
    font-weight: normal;
    margin-bottom: 6px;
}

#map-filter .heading i {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
    position: relative;
    top: -1px;
}

#map-filter fieldset {
    padding: 0;
}

#map-filter label {
    display: inline-block;
}

#map-filter label,
#map-filter .uniform-checker {
    margin-bottom: 5px;
    vertical-align: middle;
}

#map-filter-query {
    display: block;
    margin: 0 0 6px 0;
    padding: 5px 11px;
    width: 242px;
}

#map-filter-distance {
    width: 120px;
    margin-bottom: 15px;
}

.uniform-selector #map-filter-distance {
    width: 153px;
    right: 0;
    margin: 0;
    cursor: pointer;
}

#map-filter-submit {
    position: absolute;
    right: 0;
    top: 33px;
    &top: 36px;
    height: 31px;
    line-height: 31px;
    border: 0;
    outline: 0;
}

#map-filter .separator {
    height: 15px;
}

#map-bubble {
    padding: 10px;
    border: 1px solid #bfbfbf;
    background: #fff;
    padding: 24px 18px;
    width: 204px;
    position: relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #343434;
}

#map-bubble .heading {
    font-family: "exobold", Arial, sans-serif;
    font-weight: normal;
    font-size: 14px;
    color: #004380;
    margin-bottom: 12px;
}

#map-bubble .branch-name {
    font-family: "exobold", Arial, sans-serif;
    font-weight: normal;
    font-size: 14px;
    color: #004380;
}

#map-bubble address {
    font-style: normal;
    font-size: 13px;
    margin-bottom: 12px;
    display: block;
}

#map-bubble table {
    font-size: 11px;
}

#map-bubble table thead {
    font-weight: bold;
}

#map-bubble table tbody td {
    color: #004380;
    font-weight: bold;
}

#map-bubble .opening-hours {
    margin-bottom: 15px;
}

#map-bubble .opening-hours tbody th {
    font-weight: normal;
}

#map-bubble-arrow {
    position: absolute;
    left: 17px;
    bottom: 0;
    margin-bottom: -14px;
    width: 30px;
    height: 14px;
    background: url(../images/layout/map-bubble-arrow.png) no-repeat;
}

#map-bubble-close {
    background: url(../images/layout/sprite.png) -78px -84px no-repeat;
    width: 10px;
    height: 10px;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
}

#map-bubble .button {
    padding: 0 15px;
    display: inline-block;
}

#map-bubble .action-links {
    border-top: 1px solid #c9c9c9;
    margin-top: 20px;
    padding-top: 10px;
}

#map-bubble .action-links a {
    color: #004380;
    text-decoration: underline;
    margin-right: 8px;
    font-size: 11px;
}

/* ==========================================================================
   Stranka: Vypis sortimentu
   ========================================================================== */

#sortiment-groups {

}

#sortiment-groups .sortiment-group {
    padding-left: 194px;
    padding: 24px 20px 35px 194px;
    overflow: hidden;
    position: relative;
    min-height: 100px;
}

#sortiment-groups .sortiment-group .image {
    position: absolute;
    left: 10px;
    top: 40px;
    margin: 0;
}

#sortiment-groups .sortiment-group a {
    text-decoration: none;
}

#sortiment-groups .sortiment-group a:hover {
    text-decoration: underline;
}

#sortiment-groups .subitems li {
    float: left;
    width: 137px;
    font-size: 13px;
    margin-right: 10px;
}



#sortiment-categories {
    overflow: hidden;
    margin-bottom: 13px;
}

#sortiment-categories .sortiment-category {
    float: left;
    width: 138px;
    border: 1px solid #d5d5d5;

    padding: 12px 18px;

    font-family: "exomedium", Arial, sans-serif;
    font-weight: normal;
    text-decoration: none;
    background: #fefefe;
    background: -moz-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#f5f5f5));
    background: -webkit-linear-gradient(top, #fefefe 0%,#f5f5f5 100%);
    background: -o-linear-gradient(top, #fefefe 0%,#f5f5f5 100%);
    background: -ms-linear-gradient(top, #fefefe 0%,#f5f5f5 100%);
    background: linear-gradient(to bottom, #fefefe 0%,#f5f5f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f5f5f5',GradientType=0 );
    color: #5d5d5d;
    text-shadow: 0 1px 0 #eeeeee;

    margin: 0 2px 2px 0;
    height: 34px;
}


#sortiment-items {
    overflow: hidden;
    padding-bottom: 25px;
    margin-bottom: 20px;
    border-bottom: 1px solid #d5d5d5;
}

#sortiment-items .sortiment-item {
    border: 1px solid #d5d5d5;
    width: 208px;
    padding: 13px;
    margin: 0 2px 2px 0;
    text-align: center;
    position: relative;
    padding-bottom: 60px;
    float: left;
    height: 255px;
}

#sortiment-items .last-in-row {
    margin-right: 0;
    width: 209px; /* fix to full width */
}

#sortiment-items .sortiment-item .heading {
    text-align: left;
    margin-bottom: 20px;
    height: 30px;
}


#sortiment-items .sortiment-item img {
    margin: 0;
}

#sortiment-items .sortiment-item .button {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 0;
}

#sortiment-list .sortiment-item {
    padding-left: 194px;
    padding: 24px 20px 35px 194px;
    overflow: hidden;
    position: relative;
    min-height: 100px;
}

#sortiment-list .sortiment-item .image {
    position: absolute;
    left: 10px;
    top: 40px;
    margin: 0;
}

#sortiment-list .subitems li {
    float: left;
    width: 147px;
    font-size: 13px;
}


/* ==========================================================================
   Stranka: Detail produktu
   ========================================================================== */

#product-info {
    padding-bottom: 20px;
    position: relative;
}

#product-producer-logo {
    position: absolute;
    right: 0;
    bottom: 100%;
    margin-bottom: 14px;
}

#product-description h2 {
    font-family: Arial, sans-serif;
    font-size: 100%;
    font-weight: bold;
    margin-bottom: 2px;
}

#product-description ul {
    margin-top: 20px;
    margin-bottom: 10px;
}


#product-image {
    float: right;
    background: #eaeaea;
    border: 1px solid #cecece;
    text-align: center;
    vertical-align: middle;
    margin: 0 0 20px 20px;
}

#product-image img {
    margin: 0;
    display: block;
}

#product-properties {

}

#product-properties dt {
    font-weight: bold;
    color: #003c7b;
    margin-bottom: 4px;
}

#product-properties dt,
#product-properties dd {
    padding-left: 123px;
    position: relative;
    display: block;
}

#product-properties dt img {
    position: absolute;
    left: 0;
    top: 0;
}

#product-properties dd {
    min-height: 85px;
    margin: 0;
    margin-start: 0;
    -webkit-margin-start: 0;
    -moz-margin-start: 0;
    -o-margin-start: 0;
    -ms-margin-start: 0;
    margin-bottom: 10px;
}

#product-properties dt.no-image,
#product-properties dd.no-image {
    padding-left: 0;
    min-height: 0;
}

#product-gallery {
    overflow: hidden;
}

#product-gallery.has-separator {
    border-bottom: 1px solid #d5d5d5;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

#product-gallery a {
    float: left;
    width: 229px;
    height: 130px;
    border: 1px solid #cdcdcd;
    margin-right: 10px;
    margin-bottom: 10px;
}

#product-gallery .last {
    margin-right: 0;
}

form.product-contact {
    float: left;
    width: 473px;
}

form.product-contact table#product-contact-form td {
    padding: 0;
    vertical-align: top;
}

form.product-contact input.text {
    width: 191px;
    margin-bottom: 6px;
}

form.product-contact textarea {
    width: 198px;
    max-width: 198px;
    height: 88px;
}

form.product-contact label.fix {
    padding-left: 28px;
    display: block;
    position: relative;
    margin: 15px 0;
}

form.product-contact label.fix .uniform-checker,
form.product-contact label.fix input {
    position: absolute;
    left: 0;
}

div.product-contact {
    float: right;
    width: 232px;
}

div.product-contact > .box {
    padding: 10px 12px;
}

div.product-contact > .box.first {
    padding-bottom: 12px;
}

div.product-contact > .box.nobt h2 {
    margin-bottom: 23px;
}

div.product-contact > .box.nobt .button {
    margin-bottom: 6px;
}

div.product-contact h2 {
    margin-bottom: 14px;
}

div.product-contact .contact {
    padding-left: 41px;
    position: relative;
    line-height: 26px;
}

div.product-contact .contact i {
    position: absolute;
    left: 0;
    top: 4px;
    opacity: 0.5;
}

div.product-contact .contact .icon-telephone {
    left: 3px;
}

/* sit Partner Elit block */
.sitPartnerElit {
    background: #dae3ec;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 15px;
}

.sitPartnerElit.pure {
    background: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 15px 0;
}

.sitPartnerElit h2 {
    font-size: 25px;
    color: #343434;
    padding-left: 30px;
    position: relative;
}

.sitPartnerElit .bi {
   position: absolute;
   left: 0;
   top: 0;
   width:  20px;
   height: 24px;
   background: url(../images/layout/sprite-50.png) no-repeat;
}


.sitPartnerElit .annotation {
   font-family: "exomedium", Arial, sans-serif;
   font-weight: normal;
}

.sitPartnerElit img {
   margin: 30px 0 35px;
}

.sitPartnerElit .blue  {
   color: #003c7b;
}

.sitPartnerElit strong {
   font-family: "exobold", Arial, sans-serif;
   font-weight: normal;
}


/* ==========================================================================
   Bloky na strance (napr.: autoservisy a fleet manager)
   ========================================================================== */

#content-right .blocks .column > .in {
    padding: 0 10px 0 20px

}

#content-right .blocks h2 {
    font-size: 25px;
    color: #343434;
    padding-left: 30px;
    position: relative;
    margin-top: 15px
}

#content-right .blocks h2 span {
    /*position: absolute;
    left: 0;
    top: 0;*/
    width:  30px;
    height: 35px;
    background: url(../images/layout/sprite-50.png) no-repeat;
    
    margin-left: -30px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: 3px;
    
}

#content-right .blocks h2 .icon-pin {
    background-position: 0 0;
}

#content-right .blocks h2 .icon-list {
    background-position: 0 -48px;
}

#content-right .blocks h2 .icon-setting {
    background-position: 0 -100px;
}

#content-right .blocks h2 .icon-first {
    background-position: 0 -148px;
}

#content-right .blocks h2 .icon-pen {
    background-position: 0 -198px;
}

#content-right .blocks h2 .icon-calculator {
    background-position: 0 -250px;
}

#content-right .blocks h2 .icon-play {
    background-position: 0 -300px;
}

#content-right .blocks p {
    font-family: "exomedium", Arial, sans-serif;
}

/* ==========================================================================
   Stranka: Kontakt
   ========================================================================== */

#content-branch-detail {
    font-size: 13px;
}

#content-branch-detail .center {
    float: left;
    width: 400px;
    margin-right: 45px;
    font-family: "exomedium", Arial, sans-serif;
    font-weight: normal;
}

#content-branch-detail .center strong,
#content-branch-detail .center b {
    font-family: "exobold", Arial, sans-serif;
    font-weight: normal;
}

#content-branch-detail .center a {
    text-decoration: none
}

#content-branch-detail .center a:hover {
    text-decoration: underline;
}

#content-branch-detail .right {
    float: left;
    width: 268px;
    position: relative;
}

#content-branch-detail .right #contactMap,
#content-branch-detail .right #branchMap {
    width: 268px;
    height: 311px;
    margin-bottom: 40px
}

#content-branch-detail .right-full,
#content-branch-detail .right-full #branchMap {
    width: 515px;
}

#content-branch-detail #contactGallery ul {
    list-style-type: none;
}

#content-branch-detail #contactGallery li a,
#content-branch-detail #contactGallery li {
    float: left;
}

#content-branch-detail #contactGallery li {
    margin-bottom: 10px;
}

#content-branch-detail #contactGallery img {
    border: 0;
}

#content-branch-detail #contactGallery li a {
    border: 1px solid #d5d5d5;
}

#content-branch-detail #contactGallery li.odd {
    margin-right: 10px;
}

#content-branch-detail .center .boxLeft {
    float: left;
    width: 150px;
    margin-right: 20px;
    margin-bottom: 40px;
    position: relative;
}

#content-branch-detail .center .boxLeft address {
    font-style: normal;
}

#content-branch-detail .center .openTime table td:first-child{
    padding-right: 30px;
}

#content-branch-detail .center .contacts p {
    padding-left: 30px;
    position: relative;
    min-height: 18px;
}

#content-branch-detail .center .contacts p.email .bi {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background: url(../images/layout/sprite-20.png) no-repeat;
}

#content-branch-detail .center .contacts p.phone1 .bi,
#branches p.phone1 .bi {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background: url(../images/layout/sprite-20.png) 0 -40px no-repeat;
}

#content-branch-detail .center .contacts p.phone2 .bi,
#branches p.phone2 .bi {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background: url(../images/layout/sprite-20.png) 0 -60px no-repeat;
}

#content-branch-detail .center .director p {
    padding-left: 30px;
    position: relative;
}

#content-branch-detail .center .director p .bi {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background: url(../images/layout/sprite-20.png?2) 0 -20px no-repeat;
}

#content-branch-detail .center .boxRight {
    float: left;
    width: 230px;
    margin-bottom: 40px;
}

#content-branch-detail .center .contactsPersons .boxLeft,
#content-branch-detail .center .contactsPersons .boxRight {
    margin-bottom: 20px
}

#content-branch-detail .center .contactsPersons .boxLeft h3,
#content-branch-detail .center .contactsPersons .boxRight h3 {
    min-height: 34px;
}
    
#content-branch-detail .center .contactsPersons p {
    padding-left: 30px;
    position: relative;
}

#content-branch-detail .center .contactsPersons p .bi {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background: url(../images/layout/sprite-20.png) 0 -20px no-repeat;
}

#content-branch-detail .center .boxLeft address {
    margin-bottom: 15px;
}

.showroom-btn {
    display: block;
    margin-bottom: 15px;
    border: 1px solid #d5d5d5;
    padding: 12px 18px;

    color: #003c7b;
    font: normal 18px "exobold", Arial, sans-serif;
    text-align: center;
    text-shadow: 0 1px 0 #eeeeee;
    text-decoration: none;

    background: #fefefe;
    background: -moz-linear-gradient(top, #fefefe 0%, #f5f5f5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#f5f5f5));
    background: -webkit-linear-gradient(top, #fefefe 0%,#f5f5f5 100%);
    background: -o-linear-gradient(top, #fefefe 0%,#f5f5f5 100%);
    background: -ms-linear-gradient(top, #fefefe 0%,#f5f5f5 100%);
    background: linear-gradient(to bottom, #fefefe 0%,#f5f5f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f5f5f5',GradientType=0 );
    _background: #f5f5f5 url(../images/layout/sidemenu-item-bg.png) 0 0 repeat-x;

}

.showroom-btn a { text-decoration: none;}


/* ==========================================================================
   Stranka: Detail autoservisu
   ========================================================================== */

#content-autoservis-detail .center {
    float: left;
    width: 400px;
    margin-right: 45px;
    font-family: "exomedium", Arial, sans-serif;
    font-weight: normal;
}

#content-autoservis-detail .center strong,
#content-autoservis-detail .center b {
    font-family: "exobold", Arial, sans-serif;
    font-weight: normal;
}

#content-autoservis-detail .center a {
    text-decoration: none
}

#content-autoservis-detail .center a:hover {
    text-decoration: underline;
}

#content-autoservis-detail .right {
    float: left;
    width: 268px;
    position: relative;
}

#content-autoservis-detail .right #contactMap,
#content-autoservis-detail .right #branchMap {
    width: 268px;
    height: 351px;
    margin-bottom: 20px
}

#content-autoservis-detail .right-full,
#content-autoservis-detail .right-full #branchMap {
    width: 515px;
}

#content-autoservis-detail .gallery {
    margin-top: 20px;
}

#content-autoservis-detail .gallery ul {
    list-style-type: none;
}

#content-autoservis-detail .gallery li,
#content-autoservis-detail .gallery li a {
    float: left;
}

#content-autoservis-detail .gallery li.first {
    margin-left: 0;
}

#content-autoservis-detail .gallery li {
    margin-bottom: 10px;
    margin-left: 5px;
    width: 168px;
}

#content-autoservis-detail .gallery img {
    border: 0;
}

#content-autoservis-detail .gallery li a {
    border: 1px solid #d5d5d5;
}

#content-autoservis-detail .center .boxLeft {
    float: left;
    width: 150px;
    margin-right: 20px;
    margin-bottom: 40px;
    position: relative;
}

#content-autoservis-detail .center .boxLeft address {
    font-style: normal;
}

#content-autoservis-detail .center .openTime table td:first-child{
    padding-right: 30px;
}

#content-autoservis-detail .center .contacts p {
    padding-left: 30px;
    position: relative;
}

#content-autoservis-detail .center .contacts p.email .bi {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background: url(../images/layout/sprite-20.png) no-repeat;
}

#content-autoservis-detail .center .contacts p.phone1 .bi,
#branches p.phone1 .bi {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background: url(../images/layout/sprite-20.png) 0 -40px no-repeat;
}

#content-autoservis-detail .center .contacts p.phone2 .bi,
#branches p.phone2 .bi {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background: url(../images/layout/sprite-20.png) 0 -60px no-repeat;
}

#content-autoservis-detail .center .regional-director p,
#content-autoservis-detail .center .director p {
    padding-left: 30px;
    position: relative;
}

#content-autoservis-detail .center .regional-director p .bi,
#content-autoservis-detail .center .director p .bi {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background: url(../images/layout/sprite-20.png?2) 0 -20px no-repeat;
}

#content-autoservis-detail .center .regional-director p .bi {
    background-position: 0 -100px;
    height: 21px;
}

#content-autoservis-detail .center .boxRight {
    float: left;
    width: 230px;
    margin-bottom: 40px;
}

#content-autoservis-detail .center .contactsPersons .boxLeft,
#content-autoservis-detail .center .contactsPersons .boxRight {
    margin-bottom: 20px
}

#content-autoservis-detail .center .contactsPersons p {
    padding-left: 30px;
    position: relative;
}

#content-autoservis-detail .center .contactsPersons p .bi {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background: url(../images/layout/sprite-20.png) 0 -20px no-repeat;
}

#content-autoservis-detail .center .boxLeft address {
    margin-bottom: 15px;
}


/* ==========================================================================
   Kalkulator servisnich nakladu
   ========================================================================== */

#calculator-service-costs form.common {
    margin-bottom: 80px;
}

#calculator-service-costs table.common {
    width: 100%;
    margin-bottom: 0;
}

#calculator-service-costs table.common th,
#calculator-service-costs table.common td {
    border-left: 0;
    border-right: 0;
}

#calculator-service-costs .service-costs-segment {
    width: 42px
}

#calculator-service-costs .service-costs-najezd {
    width: 68px
}

#calculator-service-costs .uniform-selector .service-costs-segment,
#calculator-service-costs .uniform-selector .service-costs-najezd {
    width: 100%;
    right: 0;
    cursor: pointer;
}

#calculator-service-costs .service-costs-ks,
#calculator-service-costs .service-costs-ks-mesic {
    width: 37px;
    text-align: center;
}

#calculator-service-costs .service-costs-mesicni-naklady,
#calculator-service-costs .service-costs-rocni-naklady,
#calculator-service-costs .service-costs-vysledek {
    width: 57px;
    background-image: url(../images/layout/input-czk.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 40px;
    text-align: right;
}

#calculator-service-costs .service-costs-vysledek {
    background-image: url(../images/layout/input-czk-2.png);
    color: #003c7b;
    font-weight: bold;
}

#service-costs-add-row {
    line-height: 45px;
    padding: 0 10px 0 0;
    color: #003c7b;
    font-family: "exobold", Arial, sans-serif;
    font-weight: normal;
    display: inline-block;
    cursor: pointer;
    float: right;
    border: 1px solid #cdcdcd;
    border-top: 0;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px;
}

#service-costs-add-row i {
    display: inline-block;
    margin-right: 8px;
    margin-left: 10px;
    vertical-align: middle;
    position: relative;
    top: -2px;
}
/*

@todo asi pak odkomentovat pro zlepseni citelnosti, co je "input" a co ne

#calculator-service-costs form.common .text.inactive {
    background-color: transparent;
    border-color: #fff;
}

#calculator-service-costs form.common .dark .text.inactive {
    border-color: #f9f9f9;
}
*/


/* ==========================================================================
   Stranka: Pobocky
   ========================================================================== */

#page-branches {}

#branches #contact table {
    width: 100%;
    margin-bottom: 0;
    border-bottom: 0;
}

#branches .fullwidth table {
    width: 100%;
}

#branches #contact table tr:last-of-type td {
    border-bottom: 0;
}

#branches #contact th,
#branches #branches-in th,
#branches #lkw th,
#branches #tableBottom th,
#branches #branches-out.branches-out--fullWidth table .table-title
{
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 15px;
    background: #fefefe; /* Old browsers */
    background: -moz-linear-gradient(top,  #fefefe 0%, #f8f8f8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#f8f8f8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fefefe 0%,#f8f8f8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fefefe 0%,#f8f8f8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fefefe 0%,#f8f8f8 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fefefe 0%,#f8f8f8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f8f8f8',GradientType=0 ); /* IE6-9 */
}
#branches #contact h2,
#branches #branches-in h2 {
    margin: 4px 0 0;
}

#branches #contact p{
    padding-left: 30px;
    position: relative;
    margin: 0;
}

#branches #branches-in,
#branches #branches-in table {
    width: 100%;
}


#branches #branches-in table.col-4 td {
    width: 25%;
}

#branches #branches-in table.col-5 td {
    width: 20%;
}

#branches #branches-out {
    width: 270px;    
}


#branches #branches-out table {
    width: 100%;
}

#branches #branches-out .flag {    
    margin-right: 9px;
    float: left; 
}

#branches #branches-out p {    
    margin: 0;
}

#branches #branches-out.branches-out--fullWidth {
    width:100%;
}

#branches #branches-out.branches-out--fullWidth table {
    width: 100%;
}

#branches #branches-out.branches-out--fullWidth table .table-title h2 {
    margin-bottom: 0;
}

#branches #branches-out.branches-out--fullWidth th,
#branches #branches-out.branches-out--fullWidth td {
    width: 25%;
}
#branches #branches-out.branches-out--fullWidth th {
    position: relative;
    padding: 18px 10px 18px 45px;
}

#branches #branches-out.branches-out--fullWidth .flag {
    position: absolute;
    left: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}



/* ==========================================================================
   Stranka: Magazin
   ========================================================================== */

#magazines {}

#magazines-list .magazine-item {
    padding: 13px 17px;
    padding-left: 233px;
    min-height: 263px;
    position: relative;
}

#magazines-list .magazine-item .heading {
    margin: 0 0 2px;
}

#magazines-list .magazine-item .date {
    margin-bottom: 6px;
}


#magazines-list .magazine-item img.image {
    position: absolute;
    left: 18px;
    top: 14px;
}

#magazine-detail h2 {
    margin-bottom: 2px;
}

#magazine-detail .date {
    margin-bottom: 20px;
    color: #7e7e7e;
}

#magazine-detail p.annotation {
    float: right;
    /*width: 400px;*/
}

#magazine-detail p.annotation img {
    margin-right: 0;
}

#magazine-detail p.annotation .button {
    clear: right;
    display: block;
}

#magazine-detail-content {
    width: 510px;
}


/* ==========================================================================
   Stranka: Videa a clanky
   ========================================================================== */

#videos {}

#videos-list .video-item {
    height: 180px;
    position: relative;
    float: left;
    width: 150px;
    padding: 14px;
    overflow: hidden;
}

#videos-list .video-item .heading {
    margin: 0;
    position: absolute;
    top: 135px;
    text-decoration: underline;
}

#videos-list .video-item img.image {
    width: 150px;
    position: absolute;
    top: 15px;
    margin: 0;
    border: 0;
}

/* ==========================================================================
   Stranka: Skoleni
   ========================================================================== */

#trainings .participantData fieldset {
    position: relative;
}

#trainings .common input.text {
    background-image: none;
}

#trainings .common input.text.disabled{
    background-color: #f1f1f1;
}

#trainings .participantData .removeParticipant {
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -13px;
    width: 27px;
    height: 26px;
    background: url(../images/layout/circle-remove.png) no-repeat;
    opacity: 0.3;
    cursor: pointer;
}

#trainings .participantData .removeParticipant:hover {
    opacity: 1;
}

#trainings .participantOr {
    text-align: center;
    margin: 9px 0 5px 0 !important;
    color: #003c7b;
}

#trainings .participantSubmit {
    position: absolute;
    margin-top: 24px;
}

#trainings .participantSubmitWrapper {
    width: 100px;
}

#trainings .returnSentence {
    margin: 7px;
    padding-left: 24px;
    position: absolute;
}

#trainings .returnSentence img {
    position: absolute;
    left: 0;
    top: 3px;
}

/* ==========================================================================
   pb-gallery
   ========================================================================== */

.pb-photogallery {
    margin-top: 20px;
}

.pb-photogallery .description {
    margin: 10px 0 20px;
}

.pb-photogallery ul {
    clear: both;
}

.pb-photogallery ul:after  {
    content: "";
    display: block;
    position: relative;
    clear: both;
}


.pb-photogallery ul li {
    list-style: none;
    display: block;
    float: left;
    margin: 0 5px 5px 0;
    padding: 0;
    background: none;
}

.pb-photogallery ul li a {
    display: block;
    transition: 0.3s ease;
    border: 1px solid transparent;
    outline: none;
}

.pb-photogallery ul li a:hover {
    border-color: #003c7b;
}

.pb-photogallery ul li a img {
    display: block;
    margin: 0;
}

.mfp-title {
    font-size: 14px;
}

#content_under_gallery {
    margin-top: 20px;
}

.flag {
    position: relative;
    top: 4px;
    display: inline-block;
    width: 18px;
    height: 17px;
    margin-left: 4px;
    background: url(../images/layout/flag.png) no-repeat;
    background-size: 100% auto;
}

.tooltip {
    display:none;
    position:absolute;
    border:1px solid #d0d0d0;
    background-color:#fff;
    padding: 20px;
    color: #003c7b;
    border-radius: 3px;
    font: normal 14px "exobold", Arial, sans-serif;
    z-index: 9000;
    animation: fadeFromTop 0.8s ease;

}

.tooltip:after, .tooltip:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

@keyframes fadeFromTop {
    0% {
       transform: translateY(-30px);
    }
    100% {
        transform: translateY(0px);
    }
}

.tooltip:after {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #fff;
    border-width: 10px;
    margin-left: -10px;
}
.tooltip:before {
    border-color: rgba(208, 208, 208, 0);
    border-top-color: #d0d0d0;
    border-width: 11px;
    margin-left: -11px;
}