@import 'https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,700';

*{font-family: font-family: 'Open Sans', sans-serif;
  font-weight: 300;}
#context {
    clear: both;
    padding: 30px 0;
    display: none;
}
body a.ext-link {
    padding-right: 0px;
    background-image: none;
    background-position: right;
    background-repeat: no-repeat;
}
body {
min-width:1200px;
}
.login-box-popup-links a{
    background: white;
    padding: 3px;
    text-decoration: none;
    top: -7px;
    position: relative;
}
#login-box-popup {
    position: relative;
    text-align: right;
}
#head > .user {
    width: 1180px;
    margin: auto;
    color: white;
    position: relative;
}
html, body, header, main {
  margin: 0 auto;
  padding: 0;}

body.home{
  background: url('/cimagebank/bacground.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  min-width: 100%;
  min-height: 100vh;}

a {color: #054e86}
a:hover {text-decoration: underline;}

.home header{background: none;
  width: calc(~"100vw -200px");
  max-width: 1200px;
  padding: 0px 20px;
  min-height: 250px;
  height: 30vh;}

header{
  background: url('/cimagebank/bacground.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  width: 100vw;
  padding: 0px 20px;
  min-height: 250px;
  height: 30vh;}

main{
  width: 90vw;
  max-width: 900px;
  min-height: calc(100vh - 343px);}

strong, b {font-weight: 700}

p {font-size: 1.2em}

nav {
  background: #054e86;
  color: white;}

.home nav {margin-right: 0}
nav {margin-right: calc(50% - 600px);}

#menu.horizontal-dropdown ul li {
  padding: 10px;
  font-size: 15px;
  border-top: 5px solid transparent;}

#menu.horizontal-dropdown ul li a{color: white;}

#menu.horizontal-dropdown ul li:hover{
  border-top: 5px solid #013761;
  background-color: #246398;
  text-decoration: none;}

#menu.horizontal-dropdown ul li ul{background-color: #246398;}

#menu.horizontal-dropdown ul li ul li{
  border-top:none;
  border-bottom: 1px solid rgba(255,255,255,.3);
  padding: 10px 0;}

#menu.horizontal-dropdown ul li ul li:hover{
  border-top:none;
  background: rgba(245,245,245,.2);
  padding: 10px 0;
  text-decoration: none;}

/* --- hlavička --- */

div#head a#logo {float: left; margin-left: calc(50% - 620px);)}

.home div#head a#logo {float: left; margin-left: 0}

div#head nav {float: right;}

/* titulní stránka */
.home h1 {display: none;}
.home main {padding-top: 10vh
  width: 90vw;
  max-width: 1200px;
  min-height: calc(100vh - 343px);}

.home .col1, .home .col2, .home .col3 {
   width: 220px;
   height: 250px;
   margin: auto;
   float:left;
   background: white;
   text-align: center;
   padding: 10px 20px;
   margin-bottom: 10px;}

.home .col1, .home .col2 {margin-right: 120px;}

.home .col1 img, .home .col2 img, .home .col3 img {
  width: 120px;
  margin-bottom: 10px;}

.home p strong, .home p a {
  color: #3a96cc;
  font-size: 16pt;
  font-weight: 300}

/* Zaheslování */
form.access::before{content: url(/cimagebank/prihlasitse.png);
   position: relative;
   left: calc(50% - 50px);
   top: -70px;}

form.access {
    margin: auto;
    margin-top: 70px;
    background: white;
    border-radius: 10px;
    border: 1px solid #e4e4e4;
    padding: 20px 10px;
    height: 330px;}

form.access fieldset, form.access legend {background: none;}

form.access fieldset {
    position: relative;
    top: -60px;}

form.access legend {
    padding: 9px 7px;
    font-size: 2.2em;
    text-align: center;
    margin: 0 0 26px -10px;
    color: #054e86;}

form.access label {display:none} 

form.access input {
    font-size: 1.3em;
    width: calc(100% - 10px);
    background: transparent;
    padding: 5px;
    border: none;
    border-bottom: 1px solid #88d3ff;
    text-align: center;
}

form.access input.text0 {margin-bottom: 20px;}
form.access input:focus {
     outline:none; 
     border:none;
     border-bottom: 1px solid #88d3ff;
     -webkit-box-shadow: none;
     box-shadow: none;
     margin-bottom: 20px;}

form.access input[type="checkbox"]{width: auto}

form.access .button {
    border: none;
    background: #3a96cc;
    cursor: pointer;
    width: auto;
    margin-left: calc(50% - 75px);
    margin-top: 30px;
    padding: 9px 33px;
    text-align: center;}

form.access .button:hover {background: #3088b6;}
  
/* obsah */
p {
    font-size: 1.3em;
    line-height: 1.6;
    font-weight: 300;}

h1 {
   font-size: 3em;
   color:#054e86;
   text-align: center;}

.items .article span.name {
  font-size: 1.3em;
  font-weight: 300;
  position: relative;
  left: 290px;}

.items .article span.name a {
  color: #246398;
  text-decoration: underline;
  font-weight: 400;} 

.item.article_item div#siblings_cont{display:none}

.article .image img {
    float: left;
    margin: -1.3em 20px 3px 0px;
    width: 270px;
    height: 180px;
    object-fit: cover;}

.item p.info {
    text-align: right;
    font-style: italic;
}

#context {
    clear: both;
    padding: 30px 0;}

.dokumenty div#siblings_cont {display: none;}

.dokumenty .context-in {display: none;}

.dokumenty .attachments {
  width: 40%;
  margin: 0 0 10px 10px;
  background: #f2f9ff;}
.dokumenty div#attachments::before {
    content: "Soubory ke stažení";
    text-align: left;
    float: left;
    width: 100%;
    font-size: 2em;
    color: #7cb0dc;
    margin: 20px 0px;
}

.kontakty .mapa {
   width: 100%;
   height: 40vh;}
.kontakty .desc-format .col1 {text-align: center;}

.kontakty .desc-format .col2 {
  width: 100%;
  margin-top: 50px}

.kontakty .col2 .prettyphoto img {
  width: 282px;
  height: 186px;
  object-fit: cover;}

.kontakty .desc-format .col3 {
    width: 100%;
    margin-top: 30px;
    clear: both;
    margin-left: 0;}


/* Patička */
footer{
  background-color: rgba(0,0,0,.5);
  color: whitesmoke;}

#foot p {
    text-align: center;
    width: 100%;}

@media only screen and (max-width: 1200px) {
div#head a#logo {
    float: left;
    margin-left: -34px;
    width: 50%;
}
div#head a#logo img {
    border: none;
    width: 100%;
}
nav {
    margin-right: 0px;
}
body .article .image img {
    float: left;
    margin: 20px 20px 3px 0px;
    width: 270px;
    height: 180px;
    object-fit: cover;
}
.items .article span.name {
    font-size: 1.3em;
    font-weight: 300;
    position: static;
    left: 290px;
}
#menu.horizontal-dropdown ul li {
    padding: 10px;
    font-size: 15px;
    border-top: 5px solid transparent;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
}
header {
    background: url(/cimagebank/bacground.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    padding: 0px 0px;
    min-height: 250px;
    height: 30vh;
}
#menu.horizontal-dropdown ul li ul {
    background-color: #246398;
    display: none;
}
#head {
    clear: both;
    position: relative;
    z-index: 999;
    width: 100%;
    background: white;
    height: 86px;
}
div#head a#logo {
    float: left;
    margin-left: -4px;
    width: 50%;
}
div#head nav {
    float: left;
    width: 100%;
}
div#head a#logo {
    float: left;
    margin-left: -4px;
    width: 50%;
    height: 86px;
}
div#head a#logo img {
    border: none;
    width: auto;
    height: 85px;
}
form.access {
    margin: auto;
    margin-top: 70px;
    background: white;
    border-radius: 10px;
    border: 1px solid #e4e4e4;
    padding: 0px 0px;
    height: 345px;
    width: 270px;
}
.mobilmenu {
    position: absolute;
    right: 8px;
    top: 30px;
}
.mobilmenu a {
    color: #054e86;
    width: 40px;
    height: 40px;
    display: block;
    color: transparent;
    background: url(/cimagebank/search.png);
    background-size: cover;
}
.mobilmenu a[href="#base"] {
    display: block;
}
.mobilmenu a[href="#"] {
    display: none;
}
#base:target .mobilmenu a[href="#"] {
    display: block;
}
#base:target .mobilmenu a[href="#base"] {
    display: none;
}
#base:target div#head nav {
    float: left;
    width: 100%;
}
.home header {
    background: none;
    width: calc(~"100vw -200px");
    max-width: 1200px;
    padding: 0px 0px;
    min-height: 250px;
    height: 30vh;
}
.home .col1, .home .col2, .home .col3 {
    margin-right: auto;
    margin-left: auto;
    width: 250px;
    display: block;
    float: none;
}
div#head nav {
    float: left;
    width: 100%;
    display: none;
}
#base:target div#head nav {
    float: left;
    width: 100%;
    display: block;
}
.dokumenty .attachments {
    width: 100%;
    margin: 0 0 10px 10px;
    background: #f2f9ff;
    box-sizing: border-box;
}
#head > .user {
    width: 100%;
    margin: auto;
    color: white;
    position: relative;
}
main {
    width: 100%;
    max-width: 900px;
    min-height: calc(100vh - 343px);
}
#login-box-ext-container {
    _position: absolute;
    position: absolute;
    background: none repeat scroll 0% 0% #FFFFFF;
    border: 2px solid #F0F0F0;
    border-radius: 7px 7px 7px 7px;
    z-index: 17010;
    width: 344px;
    left: -12px !important;
    transform: scale(0.9);
    webkit-transform: scale(0.9,0.9);
}
.login-box-popup-links a {
    background: white;
    padding: 3px;
    text-decoration: none;
    top: 3px;
    position: relative;
}
form.access-ext {
    margin: 0;
    padding: 0;
    color: black;
    background: none repeat scroll 0% 0% #FFFFFF;
    border: 2px solid #E0E0E0;
    border-radius: 7px 7px 7px 7px;
    box-shadow: 0px -2px 15px #D0D0D0;
    float: none;
    width: auto;
    -webkit-transition: scale(0.9);
    transform: scale(0.9);
}
body {
min-width:100%;
}
}