@charset "utf-8";
/* STYLE.CSS : Obsahuji css k zakladnim elementum a zakladni verzi webu */

body.mce-content-body {   /* nastaveni pozadi vizualniho editoru v administraci */
    background: #fff;
    padding:1em;
}

/* obecne */

body{
    margin:0px;
    padding:0px;
    font-family:'Open Sans', Arial, Helvetica, sans-serif;
    color:#3b3c43;
    min-width:320px;
    font-size:100%; /* základní hodnota od níž se odvíjejí hodnoty písma s jednotkou "em", 100% = cca 16px */
    background:#f0f0f5;
}
a{
    color:#f36b22;
}
a:hover{
    color:#f36b22;
    text-decoration:none;
}
a img{
    border:none;
}
a[href^=tel]{
    color:#3b3c43;
    text-decoration:none;
    pointer-events:none;
}
img{    /* max-width je nastavena kvuli responsivnimu designu */
    max-width: 100%;
    height: auto;
}
strong{
}
time{
}
h1 , h2 , h3 , h4 , h5, h6{ /* nastavuje barvu všech těchto prvků */
    line-height:1.2;
    margin:0.6em 0 0.6em 0;
    color:#262b4c;
}
h1{font-size:2em; margin:1.563em 0 1.05em 0; text-align:center;}
h2{font-size:2em;}
h3{font-size:1.750em;}
h4{font-size:1.5em;}
h5{font-size:1.25em;}
h6{font-size:1.125em;}

p{
    font-size:1.125em;
    line-height:1.5;
    margin:0 0 1em 0;
}
ul, ol{
    margin:1.5em 0 1.5em 1em;
    padding:0 0 0 0em;
    font-size:1.125em;
    line-height:1.5;
    list-style-position:inside;
}
li{
    padding:0 0 1em 0;
}
div.table-container{ /* zajistuje posouvani tabulky pokud je vetsi nez matersky prvek */
    width:100%;
    overflow: auto;
    margin:1.5em 0 1.5em 0;
}
table{
    border-collapse:collapse;
    margin:0;
}
table td{
    border:none;
    padding:0.8em 1em 0.8em 1em;
    font-size:1.125em;
    text-align: left;
}
table th{
    border:none;
    padding:0.8em 1em 0.8em 1em;
    font-weight: normal;
    font-size:1.125em;
    text-align: left;
}
table tr th{background:#e8e8ed;} /* pozadí hlavičky */
table tr:nth-child(2n+1) td{background:#e8e8ed;} /* pozadí lichých řádků */
table tr:nth-child(2n) td{background:#e2e2e6;} /* pozadí sudých řádků */

table.no-border{
    margin:0;
}
table.no-border td{
    border:none;
    background:none;
}
iframe{
    border:none;
}
/* generally forms*/				/* Definovány forms inputs a selects */

/* === General design ===*/  /* Postaci nastavit border-color a color, pripadne typ pisma ostatni ponechat */

input[type=text],
input[type=password],
input[type=tel],
input[type=email],
input[type=url],
input[type=search],
textarea,
select{
    font-size:1em;
    font-family:'Open Sans', Arial, Helvetica, sans-serif;
    width:100%;
    box-sizing:border-box; /* border-box = padding + border se zapocitavaji do width elementu */
    -moz-box-sizing:border-box;
    border:0;
    border-radius:5px;
    position: relative;
    z-index: 0;
    padding:19px 15px 19px 15px;
    margin:5px 0 5px 0;
    color:#c9cad0;
    background:#5a5e77;
}
input[type=text]:focus,
input[type=tel]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=search]:focus,
textarea:focus,
select:focus,
button:focus{
    box-shadow: 0 0 5px #64c4ff inset;
    border:0px solid #1d85c4;
}
textarea{
    min-height:100px;
    resize:none;
    overflow: auto;
}
button,
input[type=submit]{ /* neutralizuje rozdily mezi "a" a input type="submit" */
    border:none;
    cursor:pointer;
    font-family:'Open Sans', Arial, Helvetica, sans-serif;
    -webkit-appearance:none;
    -moz-appearance:none;
}
input[type=checkbox] {
    border:none;
    padding:0;
}
label{
    display:block;
    font-size:1em;
    line-height:1;
    margin:0.25em 0 0.25em 0;
}
.checkbox-label{
    float:left;
}
input[type=text]:focus:invalid, /* ikonka ve spatne vyplnenych formularovych polich */
input[type=tel]:focus:invalid,
input[type=email]:focus:invalid,
input[type=url]:focus:invalid,
textarea:focus:invalid,
select:focus:invalid,
button:focus:invalid{
    background: url(../images/style/icons-buttons/icon-tiny-error.png) right center no-repeat #5a5e77;
    padding-right:1.5em;
    border-color:#a71010;
    box-shadow: 0 0 5px #cd1717 inset;
}
input[type=text]:required:valid, /* ikonka ve spravne vyplnenych formularovych polich */
input[type=tel]:required:valid,
input[type=email]:required:valid,
input[type=url]:required:valid,
textarea:required:valid,
select:required:valid,
button:required:valid{
    background: url(../images/style/icons-buttons/icon-tiny-success.png) right center no-repeat #5a5e77;
    padding-right:1.5em;
    border-color:#589405;
    box-shadow: 0 0 5px #83d215 inset;
}
.riddle{ /* uschovava antispamovou ochranu */
    display:none;
}
*:focus {outline: none;} /* odstranuje defaultni zvyrazneni aktivnich inputu v nekterych prohlizecich */

::-webkit-input-placeholder {opacity:1; color:#c9cad0;}
::-moz-placeholder {opacity:1; color:#c9cad0;}
:-ms-input-placeholder {opacity:1; color:#c9cad0;}

/* generally forms end*/

/* === General design end ===*/

/* messages */

/* === General design ===*/

article.message,
.form-hint{                          /* obecne zprava */
    width:100%;
    box-sizing:border-box; /* border-box = padding + border se zapocitavaji do width elementu */
    -moz-box-sizing:border-box;
    color:#002938;
    clear:both;
    padding:1em 1em 1em 4em;
    margin:1em 0 1em 0;
    min-height:3em;
    color:#303f44;
    background: url(../images/style/message-default.png) #d9dfe1 left center no-repeat;
    animation: status-showing 1s 0.5s 1 alternate forwards;
    -webkit-animation: status-showing 1s 0.5s 1 alternate forwards;
    -moz-animation: status-showing 1s 0.5s 1 alternate forwards;
    opacity:0;      /* ie 9*/
}
article.message.message-error{
    color:#304432;
    background:url(../images/style/message-error.png) #f6e7e7 left center no-repeat;
}
article.message.message-success{
    color:#203622;
    background:url(../images/style/message-success.png) #e6f1e7 left center no-repeat;
}
@keyframes status-showing{
    0% { opacity:0;}
    100% { opacity:1;}
}
@-webkit-keyframes status-showing {
    0% { opacity:0;}
    100% { opacity:1;}
}
@-moz-keyframes status-showing {
    0% { opacity:0;}
    100% { opacity:1;}
}

/* === General design end ===*/

/* messages end */

/* buttons & icons */ /* buttons jsou obdelniky s textem uvnitr, icons tlacitka vedle textu*/

/* vzdy je treba vytvorit grafiku pro vsechna nize uvedena tlacitka pro usnadneni prace jsou pripraveny tvary symbolu v icons-buttons/icons-shapes.psd */

/* medium button */

.button-proceed                           {background:#f36b22; float:right;}
.button-proceedvice                           {background:#f36b22; float:center;}

.button-medium{                           /* obecne vlastnosti button-large */
    line-height:60px;                     /* 45px / 16px */
    display:block;
    font-size:1.125em;
    text-decoration:none;
    margin:5px 0;
    font-weight:900;
    color:rgba(255,255,255,0.8);
    text-transform:uppercase;
    padding:0;
    border-radius:5px;
    min-width:100px;
    text-align: center;
    position: relative;
    z-index: 0;
    border:none;
    cursor: pointer;
    box-sizing:border-box;
    transition:background-color 0.3s;
}

.button-vice{                           /* obecne vlastnosti button-large */
    line-height:40px;                     /* 45px / 16px */
    display:inline-block;
    font-size:1.125em;
    text-decoration:none;
    margin:5px 0;
    font-weight:900;
    color:rgba(255,255,255,0.8);
    text-transform:uppercase;
    padding:0;
    border-radius:5px;
    min-width:80px;
    text-align: center;
    position: relative;
    z-index: 0;
    border:none;
    cursor: pointer;
    box-sizing:border-box;
    transition:background-color 0.3s;
}


.button-small{                           /* obecne vlastnosti button-large */
  
    line-height:60px;                     /* 45px / 16px */
    display:block;
    font-size:1.125em;
    text-decoration:none;
    margin:5px 0;
    font-weight:900;
    color:rgba(255,255,255,0.8);
    text-transform:uppercase;
    padding:0;
    border-radius:5px;
    min-width:100px;
    text-align: center;
    position: relative;
    z-index: 0;
    border:none;
    cursor: pointer;
    box-sizing:border-box;
    transition:background-color 0.3s;
}

.button-proceed:hover                     {background-position:bottom right; color:#fff; background-color:#d83c0b;} /* hover */
.button-medium.button-activated           {background-position:bottom right; color:#fff; background-color:#d83c0b;} /* aktivni tlacitko */
.button-medium span                       {padding:0 1.25em 0 1.25em;} /* odsazeni pripadneho textu uvnitr tlacitka */
input[type=submit].button-medium          {padding:0 1.25em 0 1.25em;}
button.button-medium                      {}

/* medium icons */

.icon-medium.icon-up                      {background:url(images/style/icons-buttons/icon-medium-up.svg) top right / 41px auto no-repeat; transition:opacity 0.3s; padding:0; width:41px; height:45px; float:right; margin:2px 0 0 0;}

.icon-medium{                             /* obecne vlastnosti button-medium*/
    height:45px;                            /* Nastaveno absolutně, jelikoz obrazek ikonky ma rovnez absolutní velikost*/
    line-height:2.8125;                     /* 45px / 16px */
    padding:0 45px 0 0;                     /* Nastaveno absolutně, jelikoz obrazek ikonky ma rovnez absolutní velikost*/
    display:block;
    float:left;
    margin:0.1em;
    font-size:1.125em;
    text-decoration:none;
    border:none;
}
.icon-medium:hover                        {background-position:bottom right; opacity:0.7;} /* hover */
.icon-medium.icon-activated               {background-position:bottom right; opacity:0.7;} /* aktivni tlacitko */
.icon-medium span                         {margin:0 0.2em 0 0.2em;} /* odsazeni pripadneho textu uvnitr tlacitka */
.icon-medium span.hidden                  {display:none;} /* Pokud se ma zobrazovat pouze ikonka */
.icon-medium.button-text-right            {background-position:top left; padding:0 0 0 45px;} /* Zarovnani textu v tlacitku do prava */ /* Nastaveno absolutně, jelikoz obrazek ikonky ma rovnez absolutní velikost*/
.icon-medium.button-text-right:hover      {background-position:bottom left;} /* Zarovnani textu v tlacitku do prava */

/* small icons */

.icon-small.icon-facebook                 {background:url(../images/style/icons-buttons/icon-small-facebook.png) right 0px no-repeat;}
.icon-small.icon-googleplus               {background:url(../images/style/icons-buttons/icon-small-googleplus.png) right 0px no-repeat;}
.icon-small.icon-twitter                  {background:url(../images/style/icons-buttons/icon-small-twitter.png) right 0px no-repeat;}
.icon-small.icon-email                    {background:url(../images/style/icons-buttons/icon-small-email.png) right 0px no-repeat;}
.icon-small.icon-proceed                  {background:url(../images/style/icons-buttons/icon-small-proceed.png) right 0px no-repeat; float:right;}
.icon-small.icon-hp-proceed               {background:url(../images/style/icons-buttons/hp-proceed.svg) right 0px / 70px auto no-repeat; cursor:pointer; transition:0.3s; float:none; padding:0; width:70px; height:77px; margin:0; display:inline-block;}


.icon-small{                              /* obecne vlastnosti button-medium*/
    height:30px;                            /* Nastaveno absolutně, jelikoz obrazek ikonky ma rovnez absolutní velikost*/
    line-height:2.142857em;                 /* 30px / 14px */
    padding:0 30px 0 0;                     /* Nastaveno absolutně, jelikoz obrazek ikonky ma rovnez absolutní velikost*/
    display:block;
    float:left;
    margin:0.2em;
    font-size:0.875em;
    text-decoration:none;
    border:none;
}
.icon-small:hover                         {background-position:bottom right;} /* hover */  /* Zadávání rozměru a vytvoření obrázku s větším rozestupem tlačítka umožní víceřádkový text v tlačítku */
.icon-small.icon-activated                {background-position:bottom right;} /* aktivni tlacitko */
.icon-small span                          {margin:0 1em 0 1em;} /* odsazeni pripadneho textu uvnitr tlacitka */
.icon-small span.hidden                   {display:none;} /* Pokud se ma zobrazovat pouze ikonka */
.icon-small.button-text-right             {background-position:top left; padding:0px 0px 0px 30px;} /* Zarovnani textu v tlacitku do prava */ /* Nastaveno absolutně, jelikoz obrazek ikonky ma rovnez absolutní velikost*/
.icon-small.button-text-right:hover       {background-position:bottom left;} /* Zarovnani textu v tlacitku do prava */
.icon-small.icon-hp-proceed:hover         {background-position:right top; opacity:0.65;}

/* tiny icons */

.icon-tiny.icon-proceed                   {background:url(../images/style/icons-buttons/icon-tiny-proceed.png) right 0px no-repeat; float:right;}
.icon-tiny.icon-back                      {background:url(../images/style/icons-buttons/icon-tiny-back.png) right 0px no-repeat;}
.icon-tiny.icon-slide                     {background:url(../images/style/icons-buttons/icon-tiny-slide.png) right 0px no-repeat;}
.icon-tiny.icon-slide-activated           {background:url(../images/style/icons-buttons/icon-tiny-slide-activated.png) right 0px no-repeat;}

.icon-tiny{                               /* obecne vlastnosti button-medium*/
    height:20px;                            /* Nastaveno absolutně, jelikoz obrazek ikonky ma rovnez absolutní velikost*/
    line-height:1.42857em;                  /* 20px / 14px */
    padding:0 20px 0 0;                     /* Nastaveno absolutně, jelikoz obrazek ikonky ma rovnez absolutní velikost */
    display:block;
    float:left;
    margin:0.1em;
    font-size:0.875em;
    text-decoration:none;
    border:none;
}
.icon-tiny:hover                          {background-position:bottom right;} /* hover */  /* Zadávání rozměru a vytvoření obrázku s větším rozestupem tlačítka umožní víceřádkový text v tlačítku */
.icon-tiny.icon-activated                 {background-position:bottom right;} /* aktivni tlacitko */
.icon-tiny span                           {margin:0 1em 0 1em;} /* odsazeni pripadneho textu uvnitr tlacitka */
.icon-tiny span.hidden                    {display:none;} /* Pokud se ma zobrazovat pouze ikonka */
.icon-tiny.button-text-right              {background-position:top left; padding:0px 0px 0px 20px;} /* Zarovnani textu v tlacitku do prava */	 /* Nastaveno absolutně, jelikoz obrazek ikonky ma rovnez absolutní velikost*/
.icon-tiny.button-text-right:hover        {background-position:bottom left;} /* Zarovnani textu v tlacitku do prava */

/* buttons & icons end*/

/* images */

.imagebox{ /* div od ktereo se vkleda pozadi s obrzkem */
    width:100%;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}

/* images end */

/* generally end */

/* schema */

div#container{
    float:left;
    width:100%;
}
div.inner{
    max-width:1000px;
    width:94%;
    padding:0 3%;
    margin:0 auto 0 auto;
}
div.inner:after{
    display:block;
    width:100%;
    height:0;
    content:'';
    clear:both;
}
header#page-header{
    width:100%;
    float:left;
    background:#fff;
    position:relative;
    z-index:200;
}
body#homepage header#page-header{
    box-shadow:0 0 35px rgba(0,0,0,0.6);
}
section#slideshow{
    margin:0 0 0px 0;
    width:100%;
    height:100%;
    float:left;
    position:absolute;
    left:0;
    top:0;
    overflow: hidden;
}
div#container section#page-banners{
    width:100%;
    float: left;
}
div#main-container{
    width:100%;
    padding-bottom:30px;
    float:left;
    box-sizing:border-box; /* border-box = padding + border se zapocitavaji do width elementu */
    -moz-box-sizing:border-box;
}
footer#page-footer{
    width:100%;
    float:left;
    background:#262b4c;
    padding:42px 0 0 0;
    /*margin:55px 0 0 0;*/
    box-sizing:border-box;
}


#loaded-once{
    clear: both;
}

/* schema end */

/* page header */

header#page-header div.inner{
    max-width:1200px;
}
header#page-header h2#logo{
    float:left;
    margin:6px 0 0 0;
    width:190px;
    height:69px;
    position:relative;
    z-index:200;
    background:url(../images/style/logo.svg) no-repeat left center / 100% auto;
}
h2#logo a{
    display:block;
    width:100%;
    height:100%;
}
header#page-header div.strip{
    width:100%;
    float:left;
    background:#f36b22;
}
header#page-header div.contacts{
    float:right;
}
header#page-header div.contacts a{
    color:#fce6de;
    display:inline-block;
    text-decoration:none;
    padding-left:25px;
    line-height:30px;
}
header#page-header div.contacts a.phone{
   /* background:url(../images/style/icons-buttons/icon-phone.svg) left center / 13px auto no-repeat; */
}
header#page-header div.contacts a.email{
  /*  background:url(../images/style/icons-buttons/icon-envelope.svg) left center / 15px 12px no-repeat; */
    margin-left:38px;
}

/* page header end */

/* slideshow */

section#slideshow a.link-container {
    display:block;
}
div#slideshow-content {
    width:100%;
    height:100%;
    position:relative;
}
section.slideshow-frame {
    width:100%;
    height:100%;
    background-size:cover;
    background-position:center;
}
section.slideshow-frame a.fullhref{
    width:100%;
    height:100%;
    display: block;
}
article.slideshow-text {
    width:50%;
    height:100%;
    min-width:320px; /* nejmensi casto pouzivana sirka displeje - pod tuto hranici se nezmensi textove pole */
    position:absolute;
    left:0;
    top:0;
    background-color: rgba(0, 41, 56, 0.9); /* R G B Opacity (v desitkove soustave)*/
    box-sizing:border-box; /* border-box = padding + border se zapocitavaji do width elementu */
    -moz-box-sizing:border-box;
    padding:1em 2em 1em 2em;
}
article.slideshow-text.no-background {                                                                          
    background:none;
    visibility: hidden;
}
article.slideshow-text h3,
article.slideshow-text p{
    width:100%;
    position:relative;
    line-height:1.5em;
    overflow:hidden;
    color:#fff;
}
article.slideshow-text h3{height:1.5em;}
article.slideshow-text p{height:6em;}

article.slideshow-text h3 a,
article.slideshow-text p a{
    text-decoration:none;
    color:#fff;
}
article.slideshow-text a.button-proceed{
    position:absolute;
    right:2em;
    bottom:1.5em;
}
section#slideshow nav.slideshow-listing {
    position:absolute;
    z-index:25;
    left:2em;
    bottom:1.5em;
    visibility: visible;
}
section#slideshow nav.slideshow-listing-inner,
section#slideshow nav.slideshow-listing a {
    float:none;
    display:inline-block;
}

/* slideshow end */

/* heading */

section#heading {
    z-index:50;
    width:100%;
    height:610px;
    padding:67px 0 0 0;
    box-sizing:border-box;
    position:relative;
    overflow:hidden;
    float:left;
    background:
        url(../images/style/bg-heading-2.png) no-repeat center bottom,
        url(../images/style/bg-heading-1.jpg) no-repeat left top / cover #2c3147;
}
section#heading div.inner {
    max-width:1200px;
}
@keyframes heading-item{
    0% {font-size:1.125em;}
    1.5% {font-size:1.313em;}
    3% {font-size:1.125em;}
}
section#heading h1 {
    color:#fff;
    font-size:3em;
    line-height:1.3;
    margin:0 0 35px 0;
    font-weight:900;
    text-align:left;
    width:72%;
    
}
section#heading div.contacts-resp {
    display:none;
}
section#heading .button-proceed {
    float:right;
    margin:0;
}
section#heading article.item {
    position:absolute;
    width:159px;
    height:110px;
    box-sizing:border-box;
    left:50%; 
    transition:0.2s;
    background:url(images/style/heading-link.svg) no-repeat center center / 100% auto;
    
}

section#heading article.item .fa-2x {
  font-size: 5em;   
}
section#heading article.item:nth-of-type(1) {
    bottom: 60px;
    margin-left: -600px;

}
section#heading article.item:nth-of-type(2) {
    bottom: 60px;
    margin-left: -340px;
}
section#heading article.item:nth-of-type(3) {
    bottom:60px;
    margin-left:-80px;
    
}
section#heading article.item:nth-of-type(4) {
    bottom: 60px;
    margin-left: 180px;
   
}
section#heading article.item:nth-of-type(5) {
    bottom: 60px;
    margin-left: 440px;

    
}

section#heading article.item:hover {
    margin-bottom:5px;
     
}
section#heading article.item:nth-of-type(1):hover {

}
section#heading article.item:nth-of-type(2):hover {;

}
section#heading article.item:nth-of-type(3):hover {

}
section#heading article.item a{
    text-decoration:none;
    width:100%;
    height:100%;
    text-align:center;
    display:table;
    table-layout:fixed;
}
section#heading article.item h3{
    color:#f0f0f5;
    font-size:1.125em;
    display:table-cell;
    line-height:1.2;
    vertical-align:middle;
    margin:0px;
    padding:0 0px;
    animation:heading-item forwards linear infinite;
    animation-duration:10s;
    animation-delay:1s;
    animation-play-state:paused;
}
section#heading article.item:nth-of-type(1) h3{
    animation-delay:1.6s;
}
section#heading article.item:nth-of-type(2) h3{
    animation-delay:1.3s;
}
section#heading a.icon-hp-proceed {
    left:50%;
    margin-left:-35px;
    bottom:41px;
    display:block;
    position:absolute;
    display:block !important;
}
@media(min-width:641px) and (max-height:890px) {
    section#heading h1 {
        margin-bottom:30px;
    }
}

/* heading end */


/* net manage */

section#net-manage{
    float:left;
    width:100%;
/*    background:#fff;*/
    background: #ECECF0;
    text-align:center;
    box-sizing:border-box;
}
section#net-manage a{
    display:block;
    box-sizing:border-box;
    padding:35px 0 37px 0;
    text-decoration:none;
}

section#net-manage i{
    color: orange;
}

section#net-manage div.inner{
    max-width:1200px;
}
section#net-manage h2{
    font-size:2em;
    font-weight:normal;
    margin:0px 0 30px 0;
}
section#net-manage article{
    float:left;
    width:22%;
    padding:0 2.85% 0 0;
    background-position:center top, right 44px;
    background-repeat:no-repeat;
    background-origin:content-box, padding-box;
    background-size:100px auto, 34px auto;
}

/*section#net-manage article:nth-of-type(4n-3){background-image:url(../images/style/small_check.svg), url(..images/style/small_check.svg); clear:both;}
section#net-manage article:nth-of-type(4n-2){background-image:url(../images/style/small_check.svg), url(..images/style/small_check.svg);}
section#net-manage article:nth-of-type(4n-1){background-image:url(../images/style/hp-no.svg);}
section#net-manage article:nth-of-type(4n){padding-right:0; background-image:url(../images/style/small_check.svg);  background-origin:padding-box;}
*/
section#net-manage article h3{
    font-size:1.125em;
    line-height:1.6;
    font-weight:normal;
    margin:50px 0 0 0;
}

/* net manage end */

/* net manage */

section#ict{
    float:left;
    width:100%;
    background:orange;
    text-align:center;
    box-sizing:border-box;
}
section#ict a{
    display:block;
    box-sizing:border-box;
    padding:35px 0 37px 0;
    text-decoration:none;
}
section#ict div.inner{
    max-width:1200px;
}
section#ict h2{
    font-size:2em;
    font-weight:normal;
    margin:0px 0 30px 0;
}

section#ict article{
    float:left;
    width:22.85%;
    padding:0 2.85% 0 0;
    background-position:center top, right 44px;
    background-repeat:no-repeat;
    background-origin:content-box, padding-box;
    background-size:100px auto, 34px auto;
}

/* komu pomahame */

section#komupomahame-old{
    float:left;
    width:100%;
    background: #E7E7EC;
    text-align:center;
    box-sizing:border-box;
    padding: 10px 0 30px 0;
}
section#komupomahame-old a{
    display:block;
    box-sizing:border-box;
    text-decoration:none;
    float: center;
}

section#komupomahame-old p{
  margin-top: -20px;
}

section#komupomahame-old div.inner{
    max-width:1200px;
}
section#komupomahame-old h2{
    font-size:2em;
    font-weight:bold;
    color: black;
    
}
section#komupomahame-old article{
    float:left;
    width:100%;
    padding:0 10px 0 0;
}

/*
section#komupomahame-old article:nth-of-type(4n-3){background-image:url(images/style/net-1.svg), url(images/style/net-arrow.svg); clear:both;}
section#komupomahame-old article:nth-of-type(4n-2){background-image:url(images/style/net-2.svg), url(images/style/net-arrow.svg);}
section#komupomahame-old article:nth-of-type(4n-1){background-image:url(images/style/net-3.svg), images/style/net-arrow.svg);}
section#komupomahame-old article:nth-of-type(4n){padding-right:0; background-image:url(images/style/net-4.svg);  background-origin:padding-box;}
*/
section#komupomahame-old article h3{
    font-size:1.06em;
    line-height:1.6;
    font-weight:normal;
    margin:2px 0 0 0;
    color: black;
}

/* net komu pomahame end */

 


/* our best */

section#our-best{
    float:left;
    width:100%;
    padding:38px 0 42px 0;
}
section#our-best div.inner{
    max-width:1200px;
    background:url(../images/style/logo.svg) 130px center / 334px auto no-repeat;
}
section#our-best h2{
    font-size:2em;
    text-align:center;
    font-weight:normal;
    margin:0px 0 85px 0;
}
section#our-best ul{
    margin:0;
    list-style:none;
    padding:0 0 0 565px;
    font-size:1.125em;
    line-height:normal;
}
section#our-best ul li{
    margin:0;
    padding:0 0 18px 80px;
    background:url(../images/style/hp-no.svg) left 10px / 53px auto no-repeat;
}
section#our-best ul strong{
    font-size:1.5rem;
    display:block;
    color:#262b4c;
    padding-bottom:2px;
    font-weight:900;
}
section#our-best a.icon-hp-proceed{
    margin:66px  auto 0 auto;
    display:block;
    background-position:center bottom;
}

/* our best end */

/* reference slider */

section#reference-slider{
    float:left;
    width:100%;
    height:397px;
    background:#fff;
    box-sizing:border-box;
    position:relative;
    padding:35px 0 0px 0px;
}
section#reference-slider h2{
    font-size:2em;
    font-weight:normal;
    margin:0px 0 34px 0px;
    text-align:center;
}
section#reference-slider h2 a{
    text-decoration:none;
    color:inherit;
}
section#reference-slider div.wrapper{
    position:relative;
}
section#reference-slider article{
    padding:0 0 0 0px;
    position:absolute;
    width:100%;
    left:0;
    top:0;
    display:none;
}
section#reference-slider article div.image{
    width:39%;
    height:100%;
    min-height:150px;
    background-repeat:no-repeat;
    background-position:left center;
    background-size:100% auto;
    float:left;
    margin-top:6px;
}
section#reference-slider article div.text {
    float:right;
    width:58%;
    color:#626579;
}
section#reference-slider article div.text h4.name{
    font-size:1.125em;
    line-height:1.5;
    height:1.45em;
    overflow:hidden;
    margin:0 0 17px 0;
    display:block;
}
section#reference-slider article div.text p{
    font-size:1.125em;
    line-height:1.5;
    max-height:7.45em;
    overflow:hidden;
    margin:0 0 6px 0;
    font-style:italic;
}
section#reference-slider article div.text ul{
    font-size:1.125em;
    line-height:1.5;
    max-height:7.45em;
    overflow:hidden;
    margin:0 0 6px 0;
    padding:0;
    list-style:none;
    font-style:italic;
    color:#626579;
}
section#reference-slider article div.text li {
    margin: 0;
    padding: 0 0 0 38px;
    background: url(../images/style/check-small-2.svg) left 6px / 15px auto no-repeat;
}
section#reference-slider article div.text span.author{
    display:block;
    font-size:1.125em;
    line-height:1.333em;
    height:1.333em;
    overflow:hidden;
}
section#reference-slider article div.text span.author strong{
    color:#262b4c;
}
section#reference-slider div.listing {
    position:absolute;
    text-align:center;
    width:100%;
    left:0;
    box-sizing:border-box;
    bottom:35px;
    z-index:50;
}
section#reference-slider div.listing a{
    display:inline-block;
    width:16px;
    height:18px;
    margin:0 6px 0 0;
    cursor:pointer;
    color:transparent;
    fonts-size:0;
    background:url(../images/style/icons-buttons/list-icon.svg) center top / 16px 200% no-repeat;
}
section#reference-slider div.listing a:hover,
section#reference-slider div.listing a.activeSlide{
    background-position:left bottom;
}

/* reference slider end */

/* compare */

section#compare{
    float:left;
    width:100%;
    text-align:center;
    padding:35px 0 17px 0;
}
section#compare div.inner{
    max-width:1200px;
}
section#compare h2{
    font-size:2em;
    font-weight:normal;
    margin:0px 0 13px 0;
}
section#compare article{
    float:left;
    width:49.15%;
    margin-bottom:49px;
    background:#fff;
    border-radius:5px;
    box-sizing:border-box;
}
section#compare article:nth-of-type(even){
    float:right;
}
section#compare article h4{
    font-size:1.375em;
    line-height:1.3;
    padding:16px 10px;
    border-radius:5px 5px 0 0;
    text-transform:uppercase;
    background:#f36b22;
    color:#fff;
    margin:0 0 0 0;
}
section#compare article:nth-of-type(even) h4{
    background:#262b4c;
}
section#compare p{
    margin:0 0 35px 0;
}
section#compare ul{
    margin:0;
    width:100%;
    text-align:left;
    box-sizing:border-box;
    list-style:none;
    padding:21px 0 21px 17.75%;
    font-size:1.063em;
    line-height:normal;
}
section#compare ul li{
    margin:0;
    padding:10px 20px 10px 53px;
    background:url(../images/style/small_check.svg) left 14px / 18px auto no-repeat;
}
section#compare article:nth-of-type(even) ul li{
    background:url(images/style/hp-no.svg) left 16px / 15px auto no-repeat;
}
section#compare a.icon-hp-proceed{
    margin:0px  auto 0 auto;
    display:block;
    clear:both;
    background-position:center bottom;
}

/* compare end */


/* codelame */

section#codelame{
    float:left;
    width:100%;
    text-align:center;
    padding:35px 0 0px 0;
    background: #2C314F;
}
section#codelame div.inner{
    max-width:1200px;
}
section#codelame h2{
    font-size:2em;
    margin:0px 0 13px 0;
    font-size:2em;
    font-weight:bold;
    color: #fff;
}

section#codelame article{
    float:left;
    width:49.15%;
    margin-bottom:49px;
    background:#2C314F;
    border-radius:5px;
    box-sizing:border-box;
   
}
section#codelame article:nth-of-type(even){
    float:right;
}
section#codelame article h4{
    font-size:1.375em;
    line-height:1.3;
    padding:16px 10px;
    border-radius:5px 5px 0 0;
    text-transform:uppercase;
    background: green;
    color:#fff;
    margin:0 0 0 0;
}
section#codelame article:nth-of-type(even) h4{
    background:#262b4c;
}
section#codelame p{
    margin:-15px 0 1em 0;
    color: #fff;
}
section#codelame ul{
    margin:0;
    width:100%;
    text-align:left;
    box-sizing:border-box;
    list-style:none;
    padding:21px 0 21px 5%;
    font-size:1.063em;
    line-height:normal;
    color: #fff;
}
section#codelame ul li{
    margin:0;
    padding:10px 20px 10px 53px;
    background:url(../images/style/small_check.svg) left 14px / 18px auto no-repeat;
}
section#codelame article:nth-of-type(even) ul li{
    background:url(../images/style/small_check.svg) left 16px / 15px auto no-repeat ;
}
section#codelame a.icon-hp-proceed{
    margin:0px  auto 0 auto;
    display:block;
    clear:both;
    background-position:center bottom;
}

/* codelame end */


/* coresime */

section#coresime{
    float:left;
    width:100%;
    text-align:center;
    padding:35px 0 17px 0;
    background: #2C314F;
}
section#coresime div.inner{
    max-width:1200px;
    
}
section#coresime h2{
    font-size:2em;
    margin:0px 0 13px 0;
    font-size:2em;
    font-weight:bold;
    color: #fff;
}

section#coresime article{
    float:left;
    width:49.15%;
    margin-bottom:49px;
    background:#2C314F;
    border-radius:5px;
    box-sizing:border-box;
   
}
section#coresime article:nth-of-type(even){
    float:right;
}
section#coresime article h4{
    font-size:1.375em;
    line-height:1.3;
    padding:16px 10px;
    border-radius:5px 5px 0 0;
    text-transform:uppercase;
    background: green;
    color:#fff;
    margin:0 0 0 0;
}
section#coresime article:nth-of-type(even) h4{
    background:#262b4c;
}
section#coresime p{
    margin:-15px 0 0px 0;
    color: #fff;
}

section#coresime a {
    text-align:center;
    color: #fff;
}

section#coresime ul{
    margin:0;
    width:100%;
    text-align:left;
    box-sizing:border-box;
    list-style:none;
    padding:21px 0 21px 5%;
    font-size:1.063em;
    line-height:normal;
    color: #fff;
}
section#coresime ul li{
    margin:0;
    padding:10px 20px 10px 53px;
    background:url(../images/style/small_check.svg) left 14px / 18px auto no-repeat;
}
section#coresime article:nth-of-type(even) ul li{
    background:url(../images/style/small_check.svg) left 16px / 15px auto no-repeat ;
}
section#coresime a.icon-hp-proceed{
    margin:0px  auto 0 auto;
    display:block;
    clear:both;
    background-position:center bottom;
}

/* coresime end */



/* komupomahame */

section#komupomahame{
    float:left;
    width:100%;
    text-align:center;
    padding:35px 0 17px 0;
    background: #E7E7EC;
}
section#komupomahame div.inner{
    max-width:1200px;
    
}
section#komupomahame h2{
    font-size:2em;
    margin:0px 0 13px 0;
    font-size:2em;
    font-weight:bold;
    color: black;
}

section#komupomahame article{
    float:left;
    width:49.15%;
    margin-bottom:49px;
    background:#2C314F;
    border-radius:5px;
    box-sizing:border-box;
   
}
section#komupomahame article:nth-of-type(even){
    float:right;
}
section#komupomahame article h4{
    font-size:1.375em;
    line-height:1.3;
    padding:16px 10px;
    border-radius:5px 5px 0 0;
    text-transform:uppercase;
    background: green;
    color:#fff;
    margin:0 0 0 0;
}
section#komupomahame article:nth-of-type(even) h4{
    background:#262b4c;
}
section#komupomahame p{
    margin:-15px 0 0px 0;
    color: black;
}

section#komupomahame a {
    text-align:center;
    color: #fff;
}

section#komupomahame ul{
    margin:0;
    width:100%;
    text-align:left;
    box-sizing:border-box;
    list-style:none;
    padding:21px 0 21px 5%;
    font-size:1.063em;
    line-height:normal;
    color: black;
}
section#komupomahame ul li{
    margin:0;
    padding:10px 20px 10px 53px;
    background:url(../images/style/small_check.svg) left 14px / 18px auto no-repeat;
}
section#komupomahame article:nth-of-type(even) ul li{
    background:url(../images/style/small_check.svg) left 16px / 15px auto no-repeat ;
}
section#komupomahame a.icon-hp-proceed{
    margin:0px  auto 0 auto;
    display:block;
    clear:both;
    background-position:center bottom;
}

/* komupomahame end */


/* SLUZBY START */


section#sluzby{
    float:left;
    width:100%;
    text-align:center;
    padding:0px 0 50px 0;
}
section#sluzby div.inner{
    max-width:1200px;
}
section#sluzby div.descript{
    max-width:590px;
    box-sizing:border-box;
    margin:0 auto 85px auto;
}
section#sluzby article{
    float:left;
    margin:0 4.15% 0 0;
    width:16.65%;
    transition:0.2s;
    box-sizing:border-box;
    background-position:center 10px, 93.2% -1000px;
    background-repeat:no-repeat;
    background-size:200px auto, 34px auto;
}
section#sluzby article:nth-of-type(5n-4){
    clear:both;
}
section#sluzby article a{
    display:block;
    box-sizing:border-box;
    padding-top:276px;
    width:100%;
    height:100%;
    text-decoration:none;
}
section#sluzby article:nth-of-type(1) {background-image:url(../images/style/firmy-o.svg), url(../images/style/services-arrow-resp.svg);}
section#sluzby article:nth-of-type(2) {background-image:url(../images/style/digitalizace-o.svg), url(../images/style/services-arrow-resp.svg);}
section#sluzby article:nth-of-type(3) {background-image:url(../images/style/konzultace-o.svg), url(../images/style/services-arrow-resp.svg);}
section#sluzby article:nth-of-type(4) {background-image:url(../images/style/bezpecnost-o.svg), url(../images/style/services-arrow-resp.svg);}
section#sluzby article:nth-of-type(5) {background-image:url(../images/style/learning-o.svg), url(../images/style/services-arrow-resp.svg); margin-right:0;}
/*
section#sluzby article:hover{
    background-position:center top, 93.2% -1000px;
}
*/
/*
section#sluzby article h3{
    font-size:1.25em;
    line-height:1.3;
    height:1.3em;
    overflow:hidden;
    color:#f1561b;
    margin:0px 0 15px 0;
    transition:0.3s;
}
*/

section#sluzby article h3{
    font-size:1.25em;
    overflow:hidden;
    color:#f1561b;
    margin:0px 0 15px 0;
    transition:0.3s;
}



section#sluzby article:hover h3{
    color:#3b3c43;
}
section#sluzby article p{
    margin:0 0 0px 0;
    font-size:1em;
    line-height:1.4;
 /*   height:8.2em;  */
    overflow:hidden;
    color:initial;
}
section#services-proceed{
    float:left;
    width:100%;
    text-align:center;
    box-sizing:border-box;
    padding:0px 0 108px 0;
}
section#services-proceed h2{
    margin:0 0 44px 0;
}
section#services-proceed div.inner{
    max-width:585px;
}
section#services-proceed a.button-proceed{
    font-size:1.25em;
    font-weight:bold;
    float:none;
    color:#fce6de;
    padding-left:45px;
    padding-right:45px;
    margin:0 0 0 0;
    display:inline-block;
}

 
/*SLUZBY END*/







/* konzultace sekce */

section#services-signpost{
    float:left;
    width:100%;
    text-align:center;
    padding:0px 0 50px 0;
}
section#services-signpost div.inner{
    max-width:1200px;
}
section#services-signpost div.descript{
    max-width:590px;
    box-sizing:border-box;
    margin:0 auto 85px auto;
}
section#services-signpost article{
    float:left;
    margin:0 4.15% 0 0;
    width:16.65%;
    transition:0.2s;
    box-sizing:border-box;
    background-position:center 10px, 93.2% -1000px;
    background-repeat:no-repeat;
    background-size:200px auto, 34px auto;
}
section#services-signpost article:nth-of-type(5n-4){
    clear:both;
}
section#services-signpost article a{
    display:block;
    box-sizing:border-box;
    padding-top:276px;
    width:100%;
    height:100%;
    text-decoration:none;
}

section#services-signpost article li{
    display:block;
    box-sizing:border-box;
    padding-top:276px;
    width:100%;
    height:100%;
    text-decoration:none;
}

section#services-signpost article:nth-of-type(1) {background-image:url(../images/style/lan-o.svg);}
section#services-signpost article:nth-of-type(2) {background-image:url(../images/style/firmy-o.svg);}
section#services-signpost article:nth-of-type(3) {background-image:url(../images/style/bezpecnost-o.svg);}
section#services-signpost article:nth-of-type(4) {background-image:url(../images/style/digitalizace-o.svg);}
section#services-signpost article:nth-of-type(5) {background-image:url(../images/style/projekty-o.svg); margin-right:0;}
/*
section#services-signpost article:hover{
    background-position:center top, 93.2% -1000px;
}
*/
/*
section#services-signpost article h3{
    font-size:1.25em;
    line-height:1.3;
    height:1.3em;
    overflow:hidden;
    color:#f1561b;
    margin:0px 0 15px 0;
    transition:0.3s;
}
*/

section#services-signpost article h3{
    font-size:1.25em;
    overflow:hidden;
    color:#f1561b;
    margin:0px 0 15px 0;
    transition:0.3s;
}



section#services-signpost article:hover h3{
    color:#3b3c43;
}
section#services-signpost article p{
    margin:0 0 0px 0;
    font-size:1em;
    line-height:1.4;
    /*height:8.2em;*/
    overflow:hidden;
    color:initial;
}
section#services-proceed{
    float:left;
    width:100%;
    text-align:center;
    box-sizing:border-box;
    padding:0px 0 108px 0;
}
section#services-proceed h2{
    margin:0 0 44px 0;
}
section#services-proceed div.inner{
    max-width:585px;
}
section#services-proceed a.button-proceed{
    font-size:1.25em;
    font-weight:bold;
    float:none;
    color:#fce6de;
    padding-left:45px;
    padding-right:45px;
    margin:0 0 0 0;
    display:inline-block;
}

/* konec konzultace */


/* bezpecnostis sekce */

section#bezpecnostis{
    float:left;
    width:100%;
    text-align:center;
    padding:0px 0 50px 0;
}
section#bezpecnostis div.inner{
    max-width:1200px;
}
section#bezpecnostis div.descript{
    max-width:590px;
    box-sizing:border-box;
    margin:0 auto 85px auto;
}
section#bezpecnostis article{
    float:left;
    margin:0 4.15% 0 0;
    width:20.65%;
    transition:0.2s;
    box-sizing:border-box;
    background-position:center 10px, 93.2% -1000px;
    background-repeat:no-repeat;
    background-size:200px auto, 34px auto;
}
section#bezpecnostis article:nth-of-type(5n-4){
    clear:both;
}
section#bezpecnostis article a{
    display:block;
    box-sizing:border-box;
    padding-top:276px;
    width:100%;
    height:100%;
    text-decoration:none;
}

section#bezpecnostis article li{
    display:block;
    box-sizing:border-box;
    padding-top:276px;
    width:100%;
    height:100%;
    text-decoration:none;
}

section#bezpecnostis article:nth-of-type(1) {background-image:url(../images/style/lan-o.svg);}
section#bezpecnostis article:nth-of-type(2) {background-image:url(../images/style/digitalizace-o.svg);}
section#bezpecnostis article:nth-of-type(3) {background-image:url(../images/style/firmy-o.svg);}
section#bezpecnostis article:nth-of-type(4) {background-image:url(../images/style/mobile-o);}
section#bezpecnostis article:nth-of-type(5) {background-image:url(../images/style/projekty-o.svg); margin-right:0;}
/*
section#bezpecnostis article:hover{
    background-position:center top, 93.2% -1000px;
}
*/
/*
section#bezpecnostis article h3{
    font-size:1.25em;
    line-height:1.3;
    height:1.3em;
    overflow:hidden;
    color:#f1561b;
    margin:0px 0 15px 0;
    transition:0.3s;
}
*/

section#bezpecnostis article h3{
    font-size:1.25em;
    overflow:hidden;
    color:#f1561b;
    margin:0px 0 15px 0;
    transition:0.3s;
}



section#bezpecnostis article:hover h3{
    color:#3b3c43;
}
section#bezpecnostis article p{
    margin:0 0 0px 0;
    font-size:1em;
    line-height:1.4;
    /*height:8.2em;*/
    overflow:hidden;
    color:initial;
}

/* konec bezpecnostis */




/* zacatek sprava IT */
section#spravait{
    float:left;
    width:100%;
    text-align:center;
    padding:0px 0 50px 0;
}
section#spravait div.inner{
    max-width:1200px;
}
section#spravait div.descript{
    max-width:590px;
    box-sizing:border-box;
    margin:0 auto 85px auto;
}
section#spravait article{
    float:left;
    margin:0 3.33% 0 0;
    width:30.00%;
    transition:0.2s;
    box-sizing:border-box;
    background-position:center 10px, 93.2% -1000px;
    background-repeat:no-repeat;
    background-size:200px auto, 34px auto;
}
section#spravait article:nth-of-type(5n-4){
    clear:both;
}
section#spravait article a{
    display:block;
    box-sizing:border-box;
    padding-top:276px;
    width:100%;
    height:100%;
    text-decoration:none;
}
section#spravait article li{
    display:block;
    box-sizing:border-box;
    padding-top:276px;
    width:100%;
    height:100%;
    text-decoration:none;
}
section#spravait article:nth-of-type(1) {background-image:url(../images/style/firmy-o.svg);}
section#spravait article:nth-of-type(2) {background-image:url(../images/style/skolstvi-o.svg);}
section#spravait article:nth-of-type(3) {background-image:url(../images/style/zdravotnictvi.svg);}
section#spravait article:nth-of-type(4) {background-image:url(../images/style/bezpecnost.svg), url(../images/style/services-arrow-resp.svg);}
section#spravait article:nth-of-type(5) {background-image:url(../images/style/learning.svg), url(../images/style/services-arrow-resp.svg); margin-right:0;}
/*
section#spravait article:hover{
    background-position:center top, 93.2% -1000px;
}
*/
/*
section#spravait article h3{
    font-size:1.25em;
    line-height:1.3;
    height:1.3em;
    overflow:hidden;
    color:#f1561b;
    margin:0px 0 15px 0;
    transition:0.3s;
}
*/

section#spravait article h3{
    font-size:1.25em;
    overflow:hidden;
    color:#f1561b;
    margin:0px 0 15px 0;
    transition:0.3s;
}



section#spravait article:hover h3{
    color:#3b3c43;
}
section#spravait article p{
    margin:0 0 0px 0;
    font-size:1em;
    line-height:1.4;
    /*height:8.2em;*/
    overflow:hidden;
    color:initial;
}
section#services-proceed{
    float:left;
    width:100%;
    text-align:center;
    box-sizing:border-box;
    padding:0px 0 108px 0;
}
section#services-proceed h2{
    margin:0 0 44px 0;
}
section#services-proceed div.inner{
    max-width:585px;
}
section#services-proceed a.button-proceed{
    font-size:1.25em;
    font-weight:bold;
    float:none;
    color:#fce6de;
    padding-left:45px;
    padding-right:45px;
    margin:0 0 0 0;
    display:inline-block;
}



/* konec Servis IT*/


/* zacatek digitalni kancelar */
section#digitkancl{
    float:left;
    width:100%;
    text-align:center;
    padding:0px 0 50px 0;
}
section#digitkancl div.inner{
    max-width:1200px;
}
section#digitkancl div.descript{
    max-width:590px;
    box-sizing:border-box;
    margin:0 auto 85px auto;
}
section#digitkancl article{
    float:left;
    margin:0 3.33% 0 0;
    width:30.00%;
    transition:0.2s;
    box-sizing:border-box;
    background-position:center 10px, 93.2% -1000px;
    background-repeat:no-repeat;
    background-size:200px auto, 34px auto;
}
section#digitkancl article:nth-of-type(5n-4){
    clear:both;
}
section#digitkancl article a{
    display:block;
    box-sizing:border-box;
    padding-top:276px;
    width:100%;
    height:100%;
    text-decoration:none;
}
section#digitkancl article li{
    display:block;
    box-sizing:border-box;
    padding-top:276px;
    width:100%;
    height:100%;
    text-decoration:none;
}
section#digitkancl article:nth-of-type(1) {background-image:url(../images/style/microsoft-o.svg);}
section#digitkancl article:nth-of-type(2) {background-image:url(../images/style/google-o.svg);}
section#digitkancl article:nth-of-type(3) {background-image:url(../images/style/apple-o.svg);}

/*
section#digitkancl article:hover{
    background-position:center top, 93.2% -1000px;
}
*/
/*
section#digitkancl article h3{
    font-size:1.25em;
    line-height:1.3;
    height:1.3em;
    overflow:hidden;
    color:#f1561b;
    margin:0px 0 15px 0;
    transition:0.3s;
}
*/

section#digitkancl article h3{
    font-size:1.25em;
    overflow:hidden;
    color:#f1561b;
    margin:0px 0 15px 0;
    transition:0.3s;
}



section#digitkancl article:hover h3{
    color:#3b3c43;
}
section#digitkancl article p{
    margin:0 0 0px 0;
    font-size:1em;
    line-height:1.4;
    /*height:8.2em;*/
    overflow:hidden;
    color:initial;
}

/* konec digitalni-kancelar*/
              

/* zacatek vzdelavani */
section#vzdelavani{
    float:left;
    width:100%;
    text-align:center;
    padding:0px 0 50px 0;
}
section#vzdelavani div.inner{
    max-width:1200px;
}
section#vzdelavani div.descript{
    max-width:590px;
    box-sizing:border-box;
    margin:0 auto 85px auto;
}
section#vzdelavani article{
    float:left;
    margin:0 3.33% 0 0;
    width:30.00%;
    transition:0.2s;
    box-sizing:border-box;
    background-position:center 10px, 93.2% -1000px;
    background-repeat:no-repeat;
    background-size:200px auto, 34px auto;
}
section#vzdelavani article:nth-of-type(5n-4){
    clear:both;
}
section#vzdelavani article a{
    display:block;
    box-sizing:border-box;
    padding-top:276px;
    width:100%;
    height:100%;
    text-decoration:none;
}
section#vzdelavani article li{
    display:block;
    box-sizing:border-box;
    padding-top:276px;
    width:100%;
    height:100%;
    text-decoration:none;
}
section#vzdelavani article:nth-of-type(1) {background-image:url(../images/style/shield-o.svg);}
section#vzdelavani article:nth-of-type(2) {background-image:url(../images/style/cloud-o.svg);}
section#vzdelavani article:nth-of-type(3) {background-image:url(../images/style/mobile-o.svg);}

/*
section#vzdelavani article:hover{
    background-position:center top, 93.2% -1000px;
}
*/
/*
section#vzdelavani article h3{
    font-size:1.25em;
    line-height:1.3;
    height:1.3em;
    overflow:hidden;
    color:#f1561b;
    margin:0px 0 15px 0;
    transition:0.3s;
}
*/

section#vzdelavani article h3{
    font-size:1.25em;
    overflow:hidden;
    color:#f1561b;
    margin:0px 0 15px 0;
    transition:0.3s;
}



section#vzdelavani article:hover h3{
    color:#3b3c43;
}
section#vzdelavani article p{
    margin:0 0 0px 0;
    font-size:1em;
    line-height:1.4;
    /*height:8.2em;*/
    overflow:hidden;
    color:initial;
}

/* konec vzdelavani*/



/* service detail */

section#service-detail{
    float:left;
    width:100%;
    box-sizing:border-box;
    padding:0px 0 0 0;
}
section#service-detail div.inner{
    max-width:600px;
}
section#service-detail h1{
    text-align:center;
}
section#service-detail p{
    text-align:justify;
}
section#service-detail article.assets{
    margin-bottom:97px;
    margin-top:40px;
    background:#fff;
    border-radius:5px;
    box-shadow:0 3px 4px rgba(0,0,0,0.05);
}
section#service-detail article.assets h4{
    font-size:1.375em;
    line-height:1.3;
    padding:16px 10px;
    border-radius:5px 5px 0 0;
    text-transform:uppercase;
    text-align:center;
    background:#f36b22;
    color:#fff;
    margin:0 0 0 0;
}
section#service-detail ul{
    margin:0;
    width:100%;
    box-sizing:border-box;
    list-style:none;
    padding:30px 0 30px 17.75%;
    font-size:1.063em;
    line-height:normal;
}
section#service-detail ul li{
    margin:0;
    padding:10px 0 10px 50px;
    background:url(../images/style/check-small.svg) left 14px / 18px auto no-repeat;
}
section#service-detail h2{
    font-size:2em;
    text-align:center;
    margin:0px 0 43px 0;
}
section#service-detail div.service-detail-proceed{
    text-align:center;
}
section#service-detail a.button-proceed{
    font-size:1.25em;
    font-weight:bold;
    float:none;
    color:#fce6de;
    padding:0 45px;
    margin:0 auto 85px auto;
    display:inline-block;
}
div#service-detail-continue article{
    float:left;
    margin:0 25px 0 0;
    width:100px;
}
div#service-detail-continue article:nth-of-type(5){
    margin-right:0;
}
div#service-detail-continue article a{
    display:block;
    width:100%;
    height:100%;
    text-decoration:none;
}
div#service-detail-continue article a:before{
    display:block;
    content:'';
    width:100%;
    margin-bottom:16px;
    height:114px;
    text-decoration:none;
}
div#service-detail-continue article:nth-of-type(1) a:before{background:url(../images/style/service-continue-1.png) center top no-repeat;}
div#service-detail-continue article:nth-of-type(2) a:before{background:url(../images/style/service-continue-2.png) center top no-repeat;}
div#service-detail-continue article:nth-of-type(3) a:before{background:url(../images/style/service-continue-3.png) center top no-repeat;}
div#service-detail-continue article:nth-of-type(4) a:before{background:url(../images/style/service-continue-4.png) center top no-repeat;}
div#service-detail-continue article:nth-of-type(5) a:before{background:url(../images/style/service-continue-5.png) center top no-repeat;}

div#service-detail-continue article a:hover:before{
    background-position:left bottom;
}
div#service-detail-continue article h5{
    font-size:1em;
    line-height:1.3;
    height:2.6em;
    overflow:hidden;
    text-align:center;
    color:#262b4c;
    margin:0;
}
div#service-detail-continue article:hover h5{
    color:#f1561b;
}

/* service detail end */

/* pricelist */

section#pricelist{
    float:left;
    width:100%;
    text-align:center;
    padding:0px 0 82px 0;
}
section#pricelist div.descript{
    max-width:1000px;
    box-sizing:border-box;
    margin:0 auto 30px auto;
}
section#pricelist article.item{
    display:inline-block;
    vertical-align:bottom;
    box-sizing:border-box;
    margin:0 14px 58px 14px;
    padding:0 12px 0 12px;
    width:301px;
    color:#fff;
    height:500px;
    position:relative;
}
section#pricelist article.item:nth-of-type(1){background:url(../images/style/small-company.png) center bottom / 100% 418px  no-repeat; height:420px;}
section#pricelist article.item:nth-of-type(2){background:url(../images/style/middle-company.png) center bottom / 100% 460px  no-repeat; height:460px;}
section#pricelist article.item:nth-of-type(3){background:url(../images/style/big-company.png) center bottom / 100% 500px no-repeat;}

section#pricelist article.item:nth-of-type(1) div.desc{height:143px;}
section#pricelist article.item:nth-of-type(2) div.desc{height:185px;}
section#pricelist article.item:nth-of-type(3) div.desc{height:225px;}

section#pricelist article.item div.desc h3{
    font-size:1.25em;
    line-height:1.2;
    height:1.25em;
    overflow:hidden;
    color:inherit;
    margin:58px 0 6px 0;
}

section#pricelist article.item div.desc span{
    font-size:0.813em;
    display:block;
    padding:3px 0 3px 0;
}
section#pricelist article.item strong{
    font-size:1.5em;
    display:block;
    color:#f36b22;
}
section#pricelist article.item strong small{
    font-size:0.65em;
}
div.pricelist-proceed{
    clear:both;
    box-sizing:border-box;
    max-width:590px;
    margin:0 auto;
}
div.pricelist-proceed h2{
    margin:0 0 44px 0;
}
div.pricelist-proceed a.button-proceed{
    font-size:1.25em;
    font-weight:bold;
    float:none;
    color:#fce6de;
    padding:0 45px;
    margin:0 0 0 0;
    display:inline-block;
}

/* pricelist end */

/* references */

section#references{
    float:left;
    width:100%;
    box-sizing:border-box;
}
section#references div.descript{
    text-align:center;
    max-width:590px;
    padding-bottom:31px;
    margin:0 auto;
    box-sizing:border-box;
}
section#references article.item{
    background:#fff;
    border-radius:5px;
    box-sizing:border-box;
    float:left;
    width:100%;
    color:#262b4c;
    margin-bottom:20px;
    padding:40px 40px 40px 40px;
}
section#references article.item div.left{
    width:32.6%;
    float:left;
}
section#references article.item div.left img{
    display:block;
}
section#references article.item div.right{
    width:63.5%;
    float:right;
}
section#references article.item div.right h4{
    font-size:1.125em;
    line-height:1.4;
    margin:-5px 0 24px 0;
}
section#references article.item div.right ul{
    margin:0 0 25px 0;
    padding:0;
    font-size:1.125em;
    line-height:1.4;
    list-style:none;
}
section#references article.item div.right li{
    margin:0;
    padding:0 0 0 38px;
    background:url(../images/style/check-small-2.svg) left 6px / 15px auto no-repeat;
}
section#references article.item div.right span.text{
    font-style:italic;
    font-size:1.125em;
    margin:0 0 27px 0;
    display:block;
}
section#references article.item div.right span.author{
    font-size:1.125em;
    margin:0 0 0px 0;
    display:block;
}
section#references article.item div.right span.text p,
section#references article.item div.right span.author p{
    font-size:1em;
}
section#references article.item div.right span.author strong{
    font-weight:600;
}
div.references-proceed{
    text-align:center;
    max-width:590px;
    clear:both;
    box-sizing:border-box;
    padding:73px 0 105px 0;
    margin:0 auto;
}
div.references-proceed h2{
    margin:0 0 45px 0;
}
div.references-proceed a.button-proceed{
    font-size:1.25em;
    font-weight:bold;
    float:none;
    color:#fce6de;
    padding:0 45px;
    margin:0 0 0 0;
    display:inline-block;
}

/* references end */

/* consultation */

section#consultation{
    float:left;
    width:100%;
    box-sizing:border-box;
}
section#consultation div.inner{
    max-width:1200px;
}
section#consultation div.descript{
    text-align:center;
    width:590px;
    padding-bottom:33px;
    margin:0 auto;
}
section#consultation article.item{
    box-sizing:border-box;
    float:left;
    width:370px;
    margin:0 45px 0 0;
    padding:0px 0px 0px 0px;
}
section#consultation article.item:nth-of-type(3){
    margin-right:0;
}
section#consultation article.item h3{
    font-size:1.5em;
    line-height:80px;
    height:80px;
    margin:0 43px 24px 0;
    overflow:hidden;
    color:#f36b22;
    font-weight:900;
}
section#consultation article.item h3:before{
    font-size:1.125em;
    height:80px;
    width:70px;
    margin:0 21px 0px 0;
    color:#fff;
    text-align:center;
    vertical-align:middle;
    content:'1';
    display:block;
    float:left;
    background:url(../images/style/consultation-step.png) no-repeat left top / 100% 100%;
}
section#consultation article.item:nth-of-type(2) h3:before{
    content:'2';
}
section#consultation article.item:nth-of-type(3) h3:before{
    content:'3';
}
section#consultation article.item label{
    background:#fff;
    font-size:1em;
    line-height:1.5;
    border-radius:5px;
    padding:16px 45px 16px 29px;
    margin:0 0 10px 0;
    position:relative;
}
section#consultation article.item input[type=checkbox],
section#consultation article.item input[type=radio]{
    display:none;
}
section#consultation article.item label span.desc{
    color:#262b4c;
    font-size:1.125em;
}
section#consultation article.item label span.desc:before{
    height:17px;
    width:22px;
    margin:-1px 42px 0 0;
    vertical-align:middle;
    content:'';
    display:inline-block;
    background:url(../images/style/consultation-check-radio.png) left bottom no-repeat;
}
section#consultation article.item input[type=checkbox]:checked + span.desc:before,
section#consultation article.item input[type=radio]:checked + span.desc:before{
    background-position:left top;
}
section#consultation article.item label strong.info{
    display:block;
    width:28px;
    height:18px;
    position:absolute;
    right:17px;
    top:21px;
    background:url(../images/style/consultation-info.png) center bottom no-repeat;
}
section#consultation article.item label strong.info span{
    display:block;
    width:180px;
    position:absolute;
    right:1px;
    top:27px;
    font-size:0.813em;
    box-shadow:0 0 4px rgba(0,0,0,0.3);
    background:#f36b22;
    border-radius:3px;
    color:#fff;
    padding:8px 12px;
    box-sizing:border-box;
    z-index:1;
    opacity:0;
    visibility:hidden;
    transition:0.3s;
}
section#consultation article.item label strong.info span:before{
    display:block;
    width:6px;
    height:6px;
    content:'';
    position:absolute;
    right:10px;
    top:-3px;
    background:#f36b22;
    transform:rotate(45deg);
}
section#consultation article.item label strong.info:hover span{
    opacity:1;
    visibility:visible;
}
section#consultation article.item:nth-of-type(3) input{
    background:#fff;
    margin:0 0 10px 0;
    padding:0 15px 0 29px;
    height:59px;
    line-height:59px;
    color:#262b4c;
}
section#consultation article.item ::-webkit-input-placeholder {color:#9292a9;}
section#consultation article.item ::-moz-placeholder {color:#9292a9;}
section#consultation article.item :-ms-input-placeholder {color:#9292a9;}

section#consultation article.item:nth-of-type(3) textarea{
    background:#fff;
    margin:0 0 10px 0;
    padding:18px 18px 18px 29px;
    height:129px;
    color:#262b4c;
}
section#consultation div.consultation-proceed{
    text-align:center;
    width:100%;
    box-sizing:border-box;
    float:left;
    padding:30px 0 165px 0;
    margin:16px 0 0 0;
    border-top:1px solid #d3d3dd;
}
section#consultation div.consultation-proceed .button-proceed{
    font-size:1.25em;
    font-weight:bold;
    float:none;
    color:#fce6de;
    padding-left:45px;
    padding-right:45px;
    margin:0 0 0 0;
    display:inline-block;
}
@media(min-width:641px) and (max-width:1300px){
    section#consultation article.item:nth-of-type(n){
        float:none;
        width:100%;
        max-width:800px;
        padding-left:10%;
        padding-right:10%;
        margin:0 auto 40px auto;
    }
    section#consultation div.consultation-proceed{
        float:none;
        margin-left:auto;
        margin-right:auto;
        max-width:800px;
        border-top:0;
        padding-top:0;
    }
}

/* consultation end */

/* page banners end */

.page-banner{
    display:block;
    width:32.665%; /* (100% - 2x margin-right) / 3 */
    box-shadow:0 0 3px rgba(00,41,56,0.30);  /* tento zpusob zapisu umozni zapsat opacity u stinu */
    height:380px;
    background:#fff;
    margin: 0 1% 1em 0;  /* ie8 */
    float:left;
}
.page-banner:nth-child(3n){ /* specificke vlastnosti banneru na konci radku - nutno nastavit pocet banneru na radku */
    margin: 0 0 1em 0;
}
.page-banner .imagebox{
    height:162px;
}
.page-banner article{
    padding:1em 2em 1em 2em;
    float:left;
    width:100%;
    box-sizing:border-box; /* border-box = padding + border se zapocitavaji do width elementu */
    -moz-box-sizing:border-box;
}
.page-banner article h3{
    line-height:1.5em;
    height:1.5em;
    overflow:hidden;
    margin-top:0;
    color:#002938;
}
.page-banner article p{
    line-height:1.5em;
    height:4.5em;
    overflow:hidden;
    color:#535353;
}
a.page-banner:hover h3,
a.page-banner:hover p{
    color:#1d85c4;
}

/* page banners end */

/* main container */

div#main-container article#main-content{
    width:100%;
    float:left;
    box-sizing:border-box;
}
p.page-perex{
    color:#002938;
    font-size:1.5em;
    line-height:1.2;
    margin:0.5em 0 1em 0;
    text-align:justify;
}
.page-main-text{
    text-align:justify;
    padding:0 41px;
    float:left;
    box-sizing:border-box;
    width:100%;
}
.page-main-text div.inner{
    max-width:600px;
}
article#main-content .page-inset{ /* Jednotné vlastnosti všech objektů v hlavním obsahu: připojené obrázky, kontaktní formulář, mapa, etc.*/
    margin:0 auto;
    max-width:1000px;
    width:93%;
    padding:0.5em 3% 1em 3%;
}
article#main-content .page-inset:after{
    clear:both;
    width:100%;
    height:0;
    display:block;
    content:'';
}
.page-main-text img{
    margin:0 0 1em 0;
}
nav.page-sharing{
    margin:0.5em 0 1em 0;
    float:left;
    width:100%;
}
nav.page-sharing p{
    margin:0;
}

/* main complementary */

div#main-container aside{
    width:33%;
    float:left;
    display:none;
    box-sizing:border-box; /* border-box = padding + border se zapocitavaji do width elementu */
    -moz-box-sizing:border-box;
    padding:2em 0 0 2em;
}
.aside-banner{
    margin: 0 0 1em 0;
    display:block;
    float:left;
    text-decoration:none;
    width:100%;
}
.aside-banner .imagebox{
    height:207px;
    margin: 0 0 1em 0;
}
.aside-banner article{
    padding:1em 0 1em 0;
    float:left;
    width:100%;
}
.aside-banner article h3{
    color:#002938;
    margin-top:0;
}
.aside-banner article p{
    color:#535353;
}
a.aside-banner:hover h3,
a.aside-banner:hover p{
    color:#1d85c4;
}

/* main complementary end */
/* main container end */

/* partners start*/

section#partners{
    float:left;
    width:100%;
    text-align:center;
    padding:0px 0 50px 0;
    background: white;
}
section#partners div.inner{
    max-width:1200px;
}

section#partners div.descript{
    max-width:590px;
    box-sizing:border-box;
    margin:0 auto 0 auto;
}
section#partners article{
    float:left;
    margin:0 3.33% 0 0;
    width:30.00%;
    transition:0.2s;
    box-sizing:border-box;
    background-position:center 10px, 93.2% -1000px;
    background-repeat:no-repeat;
    background-size:200px auto, 34px auto;

}
/*section#partners article:nth-of-type(5n-4){
    clear:both; */
}
section#partners article a{
    display:block;
    box-sizing:border-box;
    padding-top:276px;
    width:100%;
    height:100%;
    text-decoration:none;
}
section#partners article li{
    display:block;
    box-sizing:border-box;
    padding-top:150px;
    width:100%;
    height:100%;
    text-decoration:none;
}
section#partners article:nth-of-type(1) {background-image:url(../images/style/microsoft-partners.svg);}
section#partners article:nth-of-type(2) {background-image:url(../images/style/veeam-partners.svg);}
section#partners article:nth-of-type(3) {background-image:url(../images/style/sophos-partners.svg);}
section#partners article:nth-of-type(4) {background-image:url(../images/style/synology-partners.svg);}
section#partners article:nth-of-type(5) {background-image:url(../images/style/smarty-partners.svg);}
section#partners article:nth-of-type(6) {background-image:url(../images/style/axis-partners.svg);}
section#partners article:nth-of-type(7) {background-image:url(../images/style/lenovo-partners.svg);}
section#partners article:nth-of-type(8) {background-image:url(../images/style/jablotron-partners.svg);}

/*
section#partners article:hover{
    background-position:center top, 93.2% -1000px;
}
*/
/*
section#partners article h3{
    font-size:1.25em;
    line-height:1.3;
    height:1.3em;
    overflow:hidden;
    color:#f1561b;
    margin:0px 0 15px 0;
    transition:0.3s;
}
*/

section#partners article h3{
    font-size:1.25em;
    overflow:hidden;
    color:#f1561b;
    margin:0px 0 15px 0;
    transition:0.3s;
}

section#partners article:hover h3{
    color:#3b3c43;
}
section#partners article p{
    margin:0 0 0px 0;
    font-size:1em;
    line-height:1.4;
    /*height:8.2em;*/
    overflow:hidden;
    color:initial;
    padding-top:60px;
}

/* partners stop */


/* map */

/* === General design ===*/

.map-box{
    display:block;
    text-decoration: none;
}
.gm-style-iw {
    width:200px;
}

/* === General design end ===*/

/* map end*/

/* video */

/* === General design ===*/

.video-box{
    display:block;
    text-decoration: none;
}

/* === General design end ===*/

/* video end*/

/* photos */

/* === General design ===*/

div#photo-gallery{
}
div#photo-gallery div.photo{
    width:30.333333%;
    margin:1.5% 1.5% 1.5% 1.5%;
    float:left;
    position:relative;
}
div#photo-gallery div.photo a{
    width:100%;
    height:100%;
    float:left;
    background:rgba(000, 000, 000, 0.05);
    box-shadow:0 0 3px rgba(0,0,0,0.50);    /* tento zpusob zapisu umozni zapsat opacity u stinu */
    color:#002938;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}
div#photo-gallery div.photo a p{
    position:absolute;
    background-color: rgba(000, 000, 000, 0.9); /* R G B Opacity (v desitkove soustave)*/
    color:#efefef;
    bottom:0;
    left:0;
    width:100%;
    box-sizing:border-box; /* border-box = padding + border se zapocitavaji do width elementu */
    -moz-box-sizing:border-box;
    font-size:0.875em;
    overflow: hidden;
    max-height:0;
    padding:0;
    margin:0;
}
div#photo-gallery div.photo a:hover p{
    max-height:100%;
    transition: max-height .9s linear;
    -webkit-transition: max-height .9s linear;
    -moz-transition: max-height .9s linear;
    -o-transition: max-height .9s linear;
}
div#photo-gallery div.photo p span{
    padding:1em 1em 1em 1em;
    display:inline-block;
}
div#photo-gallery div.photo.dont-have-name a p{  /* pokud nema fotografie popisek */
    display:none;
}

/* === General design end ===*/

/* photos end */

/* files */

/* === General design ===*/

div#file-gallery{
}
.added-file{
    line-height:2.8125;
    padding:0 0 0 40px;
    text-align:left;
    background-repeat: no-repeat;
    background-position: top left;
    display:block;
    margin:0 0 1.5em 0;
    text-decoration:none;
    background:url(../images/style/file-icons/default.png) left 2px no-repeat;
}
/*
.added-file.icon-file                    {background:url(../images/style/file-icons/default.png) top left no-repeat;}
.added-file.icon-file-avi                {background:url(../images/style/file-icons/avi.png) top left no-repeat;}
.added-file.icon-file-css                {background:url(../images/style/file-icons/css.png) top left no-repeat;}
.added-file.icon-file-csv                {background:url(../images/style/file-icons/csv.png) top left no-repeat;}
.added-file.icon-file-doc                {background:url(../images/style/file-icons/doc.png) top left no-repeat;}
.added-file.icon-file-docx               {background:url(../images/style/file-icons/docx.png) top left no-repeat;}
.added-file.icon-file-eml                {background:url(../images/style/file-icons/eml.png) top left no-repeat;}
.added-file.icon-file-eps                {background:url(../images/style/file-icons/eps.png) top left no-repeat;}
.added-file.icon-file-html               {background:url(../images/style/file-icons/html.png) top left no-repeat;}
.added-file.icon-file-jpg                {background:url(../images/style/file-icons/jpg.png) top left no-repeat;}
.added-file.icon-file-mov                {background:url(../images/style/file-icons/mov.png) top left no-repeat;}
.added-file.icon-file-mp3                {background:url(../images/style/file-icons/mp3.png) top left no-repeat;}
.added-file.icon-file-pdf                {background:url(../images/style/file-icons/pdf.png) top left no-repeat;}
.added-file.icon-file-png                {background:url(../images/style/file-icons/png.png) top left no-repeat;}
.added-file.icon-file-ppt                {background:url(../images/style/file-icons/ppt.png) top left no-repeat;}
.added-file.icon-file-rar                {background:url(../images/style/file-icons/rar.png) top left no-repeat;}
.added-file.icon-file-raw                {background:url(../images/style/file-icons/raw.png) top left no-repeat;}
.added-file.icon-file-ttf                {background:url(../images/style/file-icons/ttf.png) top left no-repeat;}
.added-file.icon-file-txt                {background:url(../images/style/file-icons/txt.png) top left no-repeat;}
.added-file.icon-file-wav                {background:url(../images/style/file-icons/wav.png) top left no-repeat;}
.added-file.icon-file-xls                {background:url(../images/style/file-icons/xls.png) top left no-repeat;}
.added-file.icon-file-xlsx               {background:url(../images/style/file-icons/xlsx.png) top left no-repeat;}
.added-file.icon-file-zip                {background:url(../images/style/file-icons/xml.png) top left no-repeat;}
*/

.added-file h4{
    margin-bottom:0;
    margin-top:0;
}

/* === General design end ===*/

/* files end */

/* contact form */

form.contact-form label{
    margin:0;
    float:left;
    font-size:1em;
    line-height:normal;
    width:100%;
}
form.contact-form label span{
    float:left;
    display:block;
    height:60px;
    line-height:60px;
    margin-top:5px;
    border-radius:5px 0 0 5px;
    width:22%;
    color:#262b4c;
    text-align:center;
    background:#6b6e85;
}
form.contact-form label input{
    width:78%;
    float:left;
    padding-left:29px;
    border-radius:0 5px 5px 0;
}
form.contact-form textarea{
    padding-left:29px;
    padding-top:17px;
}
form.contact-form .button-medium{
    margin-top:0;
}
footer#page-footer form.contact-form .button-medium{
    width:100%;
}
section#footer-contact-form :not(textarea)::-webkit-input-placeholder {color:transparent;}
section#footer-contact-form :not(textarea)::-moz-placeholder {color:transparent;}
section#footer-contact-form :not(textarea):-ms-input-placeholder {color:transparent;}

/* contact form end */

/* advanced navigation */

p#navigation{
    display: none;
}

/* advanced navigation end */

/* page signpost */

nav#page-signpost{
    float:left;
    width:100%;
    padding-top:50px;
    padding-bottom:12px;
    box-sizing:border-box;
}
nav#page-signpost article.item{
    float:left;
    width:100%;
    height:120px;
    display:table;
    transition:0.2s;
    text-align:left;
    margin-bottom:40px;
    background:url(../images/style/page-signpost.svg) no-repeat left center / 102px auto;
}
nav#page-signpost article.item:hover{
    background-position:10px center;
}
nav#page-signpost article.item a{
    display:table-cell;
    padding:5px 0 5px 138px;
    vertical-align:middle;
    text-decoration:none;
}
nav#page-signpost article.item h4{
    font-size:1.25em;
    margin:0 0 12px 0;
    color:#f1561b;
    transition:0.3s;
}
nav#page-signpost article.item:hover h4{
    color:#3b3c43;
}
nav#page-signpost article.item p{
    font-size:1em;
    margin:0 0 0 0;
    color:#3b3c43;
}

/* page signpost end */

/* page not found */

section.not-found{
    float:left;
    width:100%;
    text-align:center;
    padding:372px 0 65px 0;
    box-sizing:border-box;
    background:url(../images/style/page-not-found.svg) no-repeat center 82px / 394px auto;
}
section.not-found div.inner{
    max-width:635px;
    width:94%;
    padding:0 3%;
}
section.not-found h1{
    margin: 50px 0 32px 0;
}
section.not-found p{
    margin-bottom:52px;
}
section.not-found .button-medium{
    margin:0 auto;
    float:none;
    display:inline-block;
}

/* page not found */

/* skip button */

.skip-button {
    position: absolute;
    top:-1000px;
    left:-1000px;
    height:30px;
    text-decoration:none;
    font-weight:bold;
    line-height:30px;
    font-size:0.75em;
    background:#000;
    color:#f36b22;
    padding:0 10px;
    z-index:225;
    opacity:0;
    transition:0.3s color, 0.4s opacity;
    box-sizing:border-box;
}
a.skip-button:focus{
    left: 0;
    top: 0;
    opacity:1;
    position:fixed;
}
a.skip-button:hover {
    color:#fff;
}

/* skip button end */

/*footer*/

footer#page-footer div.inner{
    max-width:1200px;
}
footer#page-footer h3{
    color:#fff;
    font-size:2em;
    text-align:center;
    line-height:1.3;
    font-weight:normal;
    margin:0 0 0 0;
}
#footer-first-block{
    width:49.2%;
    float:left;
}
#footer-first-block div.contacts{
    width:100%;
    float:left;
    padding:55px 0 40px 0;
}
#footer-first-block div.contacts span {
    display:block;
    width:48%;
    float:left;
    line-height:24px;
    word-break:break-word;
}
#footer-first-block div.contacts span:nth-of-type(even) {
    float:right;
}
#footer-first-block div.contacts a{
    color:rgba(255,255,255,0.8);
    display:block;
    word-wrap:break-word;
    text-decoration:none;
}
#footer-first-block div.contacts a[href*=tel]{
    background:url(images/style/icons-buttons/icon-phone.svg) left top / 24px auto no-repeat;
   /* padding-left:45px;*/
}
#footer-first-block div.contacts a[href*=mailto]{
    background:url(images/style/icons-buttons/icon-envelope.svg) left 4px / 20px auto no-repeat;
 /*   padding-left:40px;*/
}
#footer-second-block{
    width:49.2%;
    float:right;
}
#footer-second-block div.contacts{
    width:100%;
    float:left;
    padding:55px 0 45px 0;
}
#footer-second-block div.contacts span {
    display:inline-block;
    width:100%;
    float:left;
    line-height:24px;
}
#footer-second-block div.contacts strong{
    background:url(../images/style/icons-buttons/icon-mark.svg) left top / 18px auto no-repeat;
    padding-left:38px;
    color:rgba(255,255,255,0.8);
    font-weight:normal;
    display:inline-block;
}
#footer-second-block div.footer-map{
    border-radius:5px;
    height:380px;
    width:100%;
    position:relative;
    overflow:hidden;
}
div#copyright{
    width:100%;
    float:left;
    margin-top:75px;
    background:#1f243f;
    padding:16px 0;
}
div#copyright p{
    color:#dfdfe2;
    font-size:1em;
    line-height:3em;
    margin:0;
}

/*footer end */

/*fixed options*/

/* === General design ===*/

nav#fixed-options{
    position:fixed;
    right:0;
    bottom:0;
    z-index:100;
}
nav#fixed-options .icon-medium{
    float:right;
    clear:right;
    margin:0 0.5em 0.5em 0;
}

/* === General design end ===*/

/*fixed options end*/

/*admin*/

/* === General design ===*/

nav#admin-menu{
    position:fixed;
    background: -moz-linear-gradient(top,  rgba(36,89,121,0.95) 0%, rgba(18,65,89,0.95) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(36,89,121,0.95)), color-stop(100%,rgba(18,65,89,0.95)));
    background: -webkit-linear-gradient(top,  rgba(36,89,121,0.95) 0%,rgba(18,65,89,0.95) 100%);
    background: -o-linear-gradient(top,  rgba(36,89,121,0.95) 0%,rgba(18,65,89,0.95) 100%);
    background: -ms-linear-gradient(top,  rgba(36,89,121,0.95) 0%,rgba(18,65,89,0.95) 100%);
    background: linear-gradient(to bottom,  rgba(36,89,121,0.95) 0%,rgba(18,65,89,0.95) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6245979', endColorstr='#e6124159',GradientType=0 );
    box-shadow:0 2px 1px rgba(0,0,0,0.5);    /* tento zpusob zapisu umozni zapsat opacity u stinu */
    border-bottom: 1px solid #235878;
    border-left: 1px solid #235878;
    padding:5px;
    border-bottom-left-radius:5px;
    right:0;
    z-index:1000;
}

/* admin medium icons */

.admin-menu-icon-medium.admin-menu-icon-centrum                 {background:url(../images/style/admin/icons-buttons/icon-medium-centrum.png) top right no-repeat;}
.admin-menu-icon-medium.admin-menu-icon-switch                  {background:url(../images/style/admin/icons-buttons/icon-medium-switch.png) top right no-repeat;}
.admin-menu-icon-medium.admin-menu-icon-logout                  {background:url(../images/style/admin/icons-buttons/icon-medium-logout.png) top right no-repeat;}

.admin-menu-icon-medium{                             /* obecne vlastnosti button-medium*/
    height:36px;                           /* Nastaveno absolutně, jelikoz obrazek ikonky ma rovnez absolutní velikost*/
    line-height:36px;
    padding:0 36px 0 0;                    /* Nastaveno absolutně, jelikoz obrazek ikonky ma rovnez absolutní velikost*/
    display:block;
    float:left;
    margin:0.1em;
    font-size:1em;
    border:none;
    cursor: pointer;
    text-decoration:none;
    color:#002938;
}
.admin-menu-icon-medium:hover                        {background-position:center right; color:#1d85c4;} /* hover */
.admin-menu-icon-medium:active                       {background-position:bottom right; color:#1d85c4;}      /* Pri kliknuti */
.admin-menu-icon-medium span                         {margin:0 1em 0 1em;} /* odsazeni pripadneho textu uvnitr tlacitka */
.admin-menu-icon-medium span.hidden                  {display:none;} /* Pokud se ma zobrazovat pouze ikonka */


/* === General design end ===*/

/*admin end*/