input::-moz-focus-inner { 
  border: 0; 
}
html{  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  
  }
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}



.buttonf{text-align: center;}
@font-face {
  font-family: 'FontAwesome';
  src: url('font/fontawesome-webfont.eot?v=4.7.0');
  src: url('font/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('font/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), 
  url('font/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('font/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), 
  url('font/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

p.pacenter{text-align: center;}

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
} 

.fa-external-link:before {content: "\f08e";color:#4585f4;font-size: 14px;}



a{-webkit-tap-highlight-color: rgba(255, 255, 255, 0);}
*{margin:0;padding:0px;outline-width: 0px;outline-color: transparent;}
*{ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.clear{clear: both;line-height: 0;height:0px;font-size: 0;}

#trikolora{height:5px;z-index: 2;position: absolute;width:100%;background-color:#fff;top:0px;left:0px;}
.jednabrva{width:33.3%;height:100%;float:right;}
#modra{background-color:#4183d7;}
#cervena{background-color: #f40b3a;}
#bila{background-color:  #ffffff;}

.customize-support{padding-top: 31px;}
.customize-support #trikolora{top:32px;}
.no-customize-support{padding-top: 31px;}
.no-customize-support #trikolora{top:32px;}

.aligncenter{text-align: center;}

h1{font-family: 'Merriweather', serif;font-size: 62px;font-weight: 700;color:#fff;line-height: 1.1em;/*font-family: Georgia, serif;*/;margin-bottom: 0.1em;text-shadow: 0px 0px 4px #000000;}
h1 a{color:#fff;text-decoration: none;}
h1 a:hover{color:#fbfbfb;}

#head{background-color: #000;text-align: center;padding: 105px 0 120px 0;position: relative;}
#head{background:  url(img/head.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
#trikolora{display: none;}  

#head p{font-family: #fff;font-size: 16px;font-family: 'Merriweather', serif;font-weight: 300;color:#fff;text-align: right;display: block;padding-right: 6px;color:#c2c2c2;/*font-family: Georgia, serif;*/;text-shadow: 0px 0px 4px #000000;}
#logoarea{width:1190px;margin:0 auto;position: relative;}
#logoarea.en{width:1080px;margin:0 auto;position: relative;}
#logo{position: absolute;width:75px;left:-95px;top:-17px;display: block;}
#logo img{width:100%;}

#menu{background-color: #000;width:100%;position: absolute;bottom:0px;left:0px;padding:0px 0;}
#menu ul{position: relative;}
#menu ul li{list-style-type: none;display: inline;font-size: 14px;text-transform: uppercase;font-family: 'Roboto';font-weight: 600;letter-spacing: 0.05em;padding:0 14px;}
#menu ul li a{color:#c2c2c2;text-decoration: none;display: inline-block;padding:15px 0px 11px;border-bottom:4px solid #000;;}
#menu ul li.langsw a{color:#787777;}
#menu ul li.current_page_parent a, #menu ul li.current_page_item a, #menu ul li a:hover{color:#fff;border-bottom:4px solid #fff;}
#menu ul li.current_page_item li a, #menu ul li li a:hover{color:#fff;border-bottom:0px solid #fff;}
#menu ul li:hover ul{display: block;z-index: 5;}



#submenu {text-align: center;border-bottom:1px solid #e1e0e0;display: block;background-color: #ebebeb;background-color: #dcdcdc;border-color: #d1d1d1;}
.page-id-15 #submenu, .post-type-archive-publikace #submenu {background-color: #dcdcdc;border-color: #d1d1d1;}
#submenu li{list-style-type: none;display: inline;font-size: 14px;text-transform: uppercase;font-family: 'Roboto';font-weight: 600;letter-spacing: 0.05em;padding:0 14px;}
#submenu li a{color:#000;text-decoration: none;display: inline-block;padding:15px 0px 15px;}
#submenu li a:hover, #submenu li.current_page_item a{text-decoration: underline;}
#submenu li.current_page_item a{font-size: 0.8em;}



.submenu {text-align: center;border-bottom:1px solid #e1e0e0;display: block;background-color: #ebebeb;display: none;background-color: #f9f9f9;border-color: #d1d1d1;}
.page-id-17 .submenu,.page-id-15 .submenu, .post-type-archive-publikace .submenu {background-color: #f9f9f9;border-color: #d1d1d1;}
.submenu li{list-style-type: none;display: inline;font-size: 14px;text-transform: uppercase;font-family: 'Roboto';font-weight: 600;letter-spacing: 0.05em;padding:0 14px;}
.submenu li a{color:#000;text-decoration: none;display: inline-block;padding:15px 0px 15px;}
.submenu li a:hover, .submenu li.current_page_item a{text-decoration: underline;}
.submenu li.current_page_item a{font-size: 0.8em;}
.submenu li.menu_bi{}

/*#menu ul li:hover .submenu{display: block;}*/

#menu ul ul.submenu{position: absolute;width:100%;top:auto;padding:30px 0;}
#menu ul ul.submenu li a{border-bottom:0px;color:#000;padding:15px 0;}
#menu ul ul.submenu li a:hover, #menu ul ul.submenu li.current_page_item a{text-decoration: underline;}


h2{font-size: 42px;font-family: 'Merriweather', serif;font-weight: 700;line-height: 1.4em;padding:1.4em 3% 1.1em 3%;}
h2 span{font-size: 0.5em;display: block;}

.bg-gray{background-color: #ebebeb;text-align: center;padding-bottom: 90px;min-height: 600px;}
.bg-gray h2{color:#b4b4b4;}
.bgg-ps h2{}
.bg-gray-home h2{padding:2em 3% 1.5em 3%;}
.books{width:98%;max-width:1500px;margin:0 auto;}
.book-one{width:33.33%;float: left;padding:0 1%;text-align: left;position: relative;margin-bottom: 80px;}
.potrech{clear: both;}
.book-one .book-one-in{position: relative;padding-top: 2.6em;}
.book-one h3{font-family: 'Merriweather', serif;font-size: 18px;font-weight: 700;margin-bottom: 0.2em;line-height: 1.45em;}
.book-one h3 a{text-decoration: none;color:#333333;display: block;}
.book-one h3 a:hover{text-decoration: underline;}
.book-one p{font-size: 15px;font-family: 'Source Sans Pro';line-height: 1.7em;margin-bottom: 23px;color:#333333;}
.book-one p.autori{font-size: 16px;color:#999999;margin-bottom: 0;text-align: left;line-height: 1.5em;margin-bottom: 0.1em;letter-spacing: 0.03em;}
.book-one p.autori22{color:#7b7b7b;}
.homecasopisy{background-color: #dcdcdc;}


#zrusitvyhledavani{display: none;}

.book-one p.otevri-detail a{color:#4585f4;text-decoration: none;text-align: left;}
.book-one p.otevri-detail{display: block;margin-bottom: 0;padding-top: 0em;}
.book-one.hover  p.otevri-detail a,.book-one p.otevri-detail a:hover{text-decoration: underline;}


.book-one img{border:5px solid #fff;float: left;margin-right: 0%;width:40.5%;margin-top: 1px;
-webkit-box-shadow: 0px 1px 2px 0px rgba(205,205,205,0.46);
-moz-box-shadow: 0px 1px 2px 0px rgba(205,205,205,0.46);
box-shadow: 0px 1px 2px 0px rgba(205,205,205,0.46);
}
.book-one.hover a img{
-webkit-box-shadow: 0px 1px 7px 1px rgba(205,205,205,0.8);
-moz-box-shadow: 0px 1px 7px 1px rgba(205,205,205,0.8);
box-shadow: 0px 1px 7px 1px rgba(205,205,205,0.8);
}

.book-one img{border:5px solid #fff;float: left;margin-right: 0%;width:44%;margin-top: 1px;}

.bg-gray-home2 .book-one img{
-webkit-box-shadow: 0px 1px 2px 0px rgba(205,205,205,0.26);
-moz-box-shadow: 0px 1px 2px 0px rgba(205,205,205,0.26);
box-shadow: 0px 1px 2px 0px rgba(205,205,205,0.26);
}
.bg-gray-home2 .book-one.hover a img{
-webkit-box-shadow: 0px 1px 7px 1px rgba(205,205,205,0.5);
-moz-box-shadow: 0px 1px 7px 1px rgba(205,205,205,0.5);
box-shadow: 0px 1px 7px 1px rgba(205,205,205,0.5);
}                                                                                           

.book-one-text{float: right;width:52.5%;}
.book-one p.topinfo{letter-spacing: 0.03em;text-transform: uppercase;font-size: 11px;font-family: 'Source Sans Pro';line-height: 2.4em;color:#949494;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;position: absolute;top:0px;left:0px;width:100%;display: block;}
.book-one p.topinfo .fa{font-size: 12px;}
.spanleft,.spanright{display: block;width:50%;}
.spanleft{float: left;}
.book-one p.topinfo .spanright{float: right;text-align: right;/*background-color: #999999;*/color:#949494;width:95px;}



.clear2{display: none;}

.buttons{width:410px;margin:0 auto;}
.buttons a{display: block;padding:12px 23px;width:200px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;background-color: #000;color:#fff;text-decoration: none;font-family: 'Roboto';line-height: 2em;font-size: 12px;text-transform: uppercase;font-weight: 500;margin:10px;letter-spacing: 0.02em;margin:0 auto;}
.buttons a:hover{background-color: #545454;}
.buttons a.buttongray{background-color: #c2c2c2;}
.buttons a.buttongray:hover{background-color: #b5b4b4;}

.puball{width:218px;}

.buttons-novinky {padding-bottom: 50px;}
.but1{float:none;border-top:1px solid #a5a5a5;width:97.25%;margin-left: 1.25%;padding-top: 30px;}
/*.but2{float:right;border-top:1px solid #a5a5a5;width:30.15%;margin-right: 1.5%;padding-top: 30px;}*/
.buttons-novinky .buttongray2{display: block;padding:12px 23px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;background-color: #999999;float: none;color:#fff;text-decoration: none;font-family: 'Roboto';line-height: 2em;font-size: 12px;text-transform: uppercase;font-weight: 500;letter-spacing: 0.02em;margin-left:auto;margin-right:auto;width:180px;}
.buttons-novinky .buttongray2:hover{background-color: #6f6f6f;}

.tematicke{width:100%;max-width:1300px;margin:0 auto;padding-bottom: 150px;}
.tematickein{width:98.5%;margin:0 auto;text-align: center;}
.tematicke h2{color:#b4b4b4;padding:70px 0;padding:100px 0 70px 0;text-align: center;}
.projekt{background:  url(img/projekt.jpg) no-repeat center center;position: relative; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: norepeat;
  background-position: center center;
  width:33%;margin:0.166%;height:270px;
  display: inline-block;
  
  
  }
.projekt h3{width:100%;height:100%;font-family: 'Merriweather', serif;font-weight: 400;color:#fff;font-size: 20px;line-height: 1.3em;letter-spacing: 0.01em;float: left;}
.projekt h3 a{display: block;text-decoration: none;color:#fff;width:100%;height:100%;justify-content: center;align-items: center; text-align: center;display: flex;color:#fff;padding:0 25px;}
.projekt h3 a:hover{background-color: #2f2f2f;color:#ffffff}


.space{height:30px}

#novinky{width:1500px;max-width:100%;margin:0 auto;padding:90px 0 40px 0;text-align: center;}
.novinka{text-align: left;}
#novinky .tricol{width:74%;float:left;margin-left: 1%;}
#novinky .tricol .novinka{width:33.33%;float:left;}
#novinky .tricol .novinkain{margin:0 20px;padding-top: 40px;position: relative;padding-bottom: 35px;}
#novinky .tricol .novinkain img{width:100%;float: none;margin-top: 6px;margin-bottom: 15px;display: block;box-sizing: border-box;/*-moz-box-sizing: border-box;-webkit-box-sizing: border-box;padding:4px;border:1px solid #d9d9d9;*/;height:auto;}
#novinky .onecol{width:25%;float:left;}
/*
#novinky .tricol .novinkain img{
-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.46);
-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.46);
box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.46);
}
#novinky .tricol .novinka.hover .novinkain img{
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
}
  */
#novinky h3{font-family: 'Merriweather', serif;font-weight: 700;color:#333333;line-height: 1.5em;letter-spacing: 0.01em;}
#novinky .book-one-text h3{}
#novinky p{font-family: 'Source Sans Pro';font-weight: 400;color:#333333;line-height: 1.6em;letter-spacing: 0.03em;}
#novinky .book-one-text p{}
#novinky h3 a{color:#333333;text-decoration: none;display: block;}
#novinky .hover h3 a, #novinky h3 a:hover{color:#f40b3a}

#novinky p.otevri-detail{font-size: 14px;}
#novinky p.otevri-detail a{color:#4585f4;text-decoration: none;text-align: left;}
#novinky .hover p.otevri-detail a, #novinky p.otevri-detail a:hover{text-decoration: underline;}

.vysledekhledanijeden p.otevri-detail a{color:#4585f4;text-decoration: none;text-align: left;font-size: 14px;}
.vysledekhledanijeden p.otevri-detail a:hover{text-decoration: underline;}


#novinky p.topinfo{text-transform: uppercase;font-size: 11px;font-family: 'Source Sans Pro';line-height: 2.1em;color:#949494;border-top:1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;position: absolute;top:0px;left:0px;width:100%;display: block;}

#novinky .onecol .novinka-gray{margin-bottom: 25px;text-align: left;}
#novinky .onecol .novinka-gray img{width:100%;height:auto;margin-bottom: 15px;}
#novinky .onecol .novinka-gray-in{padding:37px 37px 30px 37px;background-color: #f1f1f1;margin: 0 20px;}
#novinky .onecol .novinka-gray p.otevri-detail{margin-bottom: 0;}

  #novinky h3{font-size: 20px;margin-bottom: 8px;}
  #novinky p{font-size: 16px;margin-bottom: 23px;}
  #novinky .book-one-text h3{font-size: 20px;}
  #novinky .book-one-text p{font-size: 16px;}  
   #novinky p.topinfo{font-size: 11px;}   
   #novinky .onecol .novinka-gray h3 {font-size: 19px;font-family: 'Source Sans Pro';font-weight: 700;line-height: 1.2em;}
   #novinky .onecol .novinka-gray h3 a{color:#8c8c8c;} 
   #novinky p.otevri-detail{font-size: 14px;} 
         
ul.dokumenty{margin-bottom: 23px;}
ul.dokumenty li {font-size: 14px;font-family: 'Source Sans Pro';font-weight: 300;line-height: 1em;margin-bottom: 7px;color:#999999;list-style-type: none;display: block;background: url(img/stahnoutdok.png) no-repeat center left;padding:5px 0 5px 23px;}
ul.dokumenty li a{text-decoration: none;color:#999999;}
ul.dokumenty li a:hover{text-decoration: underline;}
.text ul.dokumenty li{margin-left: 0;}

#text{width:100%;max-width:820px;margin:0 auto;padding-bottom: 40px;}
#textin{padding:0 5%;}
#textin img{max-width: 100% !important;height: auto !important}

h2{color:#b4b4b4;text-align: center;}
.text h3{color:#333333;font-family: 'Merriweather', serif;font-weight: 700;margin-bottom: 1em;line-height: 1.5em;}
.text h4{color:#b4b4b4;font-family: "Source Sans Pro";font-weight: 700;line-height: 1.2em;margin-bottom: 0.25em;}
.page-id-6099 .text h4{margin-bottom: 1em;}
.text h4 a{color:#b4b4b4;}
.text h5{color:#acacac;font-size: 15px;font-family: 'Source Sans Pro';font-weight: 400;line-height: 1.8em;letter-spacing: 0.01em;margin-bottom: 2em;}
.text h5 a{color:#acacac;text-decoration: underline;font-family: 'Roboto';font-weight: 500;}
.text h5 a:hover{text-decoration: none;color:#acacac;}
.text p{color:#333333;font-family: 'Source Sans Pro';font-weight: 400;line-height: 1.7em;margin-bottom: 2em;letter-spacing: 0.03em;}
.text p.pracinfo{margin-bottom: 1em;}
.text div.pracinfo{margin-bottom: 3em;}
.text p.acenter{text-align: center;}
.text p em, .text li em{font-size: 1em;font-weight: 300;font-style: normal;}
.text p.vedouci{margin-bottom: 1em;}
.text ul{margin-bottom: 2em;}
.text li{color:#4c4c4c;font-family: 'Source Sans Pro';font-weight: 400;line-height: 1.6em;margin-left: 1em;margin-bottom: 0.3em;letter-spacing: 0.01em;}
.text a{color:#333333;text-decoration: underline;}
.text a:hover{color:#f40b3a;text-decoration: none;}

.text p.zobrazitobsah{font-size: 14px;font-family: "Source Sans Pro";font-weight: 400;letter-spacing: 0.03em;line-height: 1.6em;display: block;margin-bottom: 10px;}
.text p.zobrazitobsah a{color:#4585f4;text-decoration: none;text-align: left;}


.text p.zobrazitobsah a:hover{color:#4585f4;text-decoration: none;}
.text p.zobrazitobsah a:hover span{text-decoration: underline;}
.text p.zobrazitobsah a .fa-list:before{content: "\f03a";color:#4585f4;font-size: 1em;}
.text p.zobrazitobsah.zop a .fa-list:before{content: "\f06e";color:#4585f4;font-size: 1em;}

.links_ob_pd{padding-bottom: 30px;}

.text h4 a:hover{color:#f40b3a;}
/*.text h2{font-size: 44px;}*/
.text h3{font-size: 23px;}
.text h4{font-size: 21px;}

#footer{background-color: #000;padding:120px 0;font-family: Source Sans Pro;font-weight: 400;}
#infooter{max-width:1250px;margin:0 auto;}
#footer .col{width:25%;text-align: center;float: left;}
#footer .incol{margin:0 auto;width:90%;text-align: left;}

#footer li{font-size: 16px;color:#888891;list-style-type: none;margin-bottom: 12px;}
#footer2 a, #footer li a{color:#888891;text-decoration: none;}
#footer li a.gmaps{color:#249fdd;}
#footer2 a:hover, #footer li a:hover{text-decoration: none;color:#fff}
#footer h2{color:#fff;font-size: 16px;margin-bottom: 12px;text-transform: uppercase;font-weight: 300;font-family: Source Sans Pro;text-align: left;padding:0px;}
#footer ul{margin-bottom: 35px;}

#footer2{border-top:1px solid #3a3a3a;padding-top: 30px;position: relative;margin-left: 1%;margin-right: 1%;position: relative;}
#footer2 p{font-size: 16px;color:#888891;text-align: left;}
#footer2 p{font-size: 16px;color:#888891;text-align: left;margin-bottom: 40px;text-align: center;}
#footer2 a#facebook{display: block;width:115px;height:26px;background: url(img/facebook.png) no-repeat top right;margin:0 auto;margin-bottom: 40px;}
#footer2 a#linkedin{display: block;width:115px;height:28px;background: url(img/linekd.png) no-repeat top right;margin:0 auto;margin-bottom: 40px;}
#footer2 a#instagram{display: block;width:141px;height:34px;background: url(img/instagram.png) no-repeat top right;margin:0 auto;margin-bottom: 40px;}
#footer2 a#twitter{display: block;width:140px;height:26px;background: url(img/twitter.png) no-repeat top right;margin:0 auto;margin-bottom: 40px;background-size: 140px 26px;}
#footer2 a#youtube{display: block;width:140px;height:26px;background: url(img/youtube.png) no-repeat top right;margin:0 auto;margin-bottom: 40px;background-size: 140px 26px;}
#footer2 a#spotify{display: block;width:140px;height:42px;background: url(img/spotify.png) no-repeat top right;margin:0 auto;margin-bottom: 40px;background-size: 140px 42px;}


#footer2 a#facebook{    opacity: 0.5;filter: alpha(opacity=50);}
#footer2 a#facebook:hover{    opacity: 1;filter: alpha(opacity=100);}
#footer2 a#linkedin{    opacity: 0.5;filter: alpha(opacity=50);}
#footer2 a#linkedin:hover{    opacity: 1;filter: alpha(opacity=100);}

#footer2 a#instagram{    opacity: 0.5;filter: alpha(opacity=50);}
#footer2 a#instagram:hover{    opacity: 1;filter: alpha(opacity=100);}

#footer2 a#twitter{    opacity: 0.5;filter: alpha(opacity=50);}
#footer2 a#twitter:hover{    opacity: 1;filter: alpha(opacity=100);}
#footer2 a#youtube{    opacity: 0.5;filter: alpha(opacity=50);}
#footer2 a#youtube:hover{    opacity: 1;filter: alpha(opacity=100);}
#footer2 a#spotify{    opacity: 0.5;filter: alpha(opacity=50);}
#footer2 a#spotify:hover{    opacity: 1;filter: alpha(opacity=100);}

  

/*
#zkraceny{position: relative;margin-bottom: 30px;}
#zkracenyin{overflow: hidden;height:70px;position: relative;z-index: 1;}
#mlha{width:100%;background: url(img/mlha.png) repeat-x;height:50px;position: absolute;bottom:00px;left:0px;z-index: 2;}
#zkraceny {}
#text #zobrazitcele{position: absolute;display: block;color: #4585f4;font-family: "Source Sans Pro";font-size: 15px;line-height: 1.7em;text-align: center;width:100%;text-decoration: none;}
#text #zobrazitcele:hover{text-decoration: underline;}
  */
#text #zobrazitcele{display: none;}

.text p{font-size: 18px;}
.text p.clenove{font-size: 19px;letter-spacing: 0em;display: block;background-color: #f7f7f7;padding:15px;margin-bottom: 3em;line-height: 2em;}
.text p.clenove strong{font-weight: 300;}
.text p.clenove a{}
.text p.clenove a.vedouci strong{font-weight: 700;}

.text li{font-size: 18px;}
.text ul.dokumenty li {font-size: 16px;}

.text .obrazekvaktualite{width:100%;text-align: center;padding-bottom: 10px;}
.text .obrazekvaktualite img{width:400px;max-width:100%;height:auto;}
.text .obrazekvaktualite a{color: #4585f4;font-family: "Source Sans Pro";font-size: 15px;text-align: center;width:100%;text-decoration: none;text-decoration: none;}
.text .obrazekvaktualite a:hover{text-decoration: underline;}

#pracovnici{width:100%;max-width: 1400px;margin:0 auto;padding-bottom: 100px;}
.pracovnici ul{display: block;padding:0 1.5%;}
.pracovnici li{display: block;list-style-type: none;float: left;width:22%;min-height: 6.5em;margin-left: 0;border-bottom:1px solid #d9d9d9;margin-bottom: 30px;margin-left:1.5%;margin-right:1.5%;}
.pracovnici li a.mail{color:#4585f4;text-decoration: none;}
.pracovnici li a.mail:hover{text-decoration: underline;}
.pracovnici h3 {text-transform: uppercase;font-size: 12px;font-family: 'Source Sans Pro';line-height: 2.2em;color:#949494;border-top:1px solid #cecdcd;border-bottom:1px solid #cecdcd;width:94%;display: block;font-weight: 400;margin-bottom: 23px;margin-left:3%;margin-right:3%;letter-spacing:0.02em;}

.pracovnici li{font-size: 15px;}

.tematickepod{background-color: #ebebeb;width:100%;}

.jednapublikace{width:100%;max-width:1200px;margin:0 auto;padding-top: 70px;padding-bottom: 120px;}
.jednapublikacein{padding:0 2%;}

.jednapublikace-left{float: left;width:30.5%;}
.jednapublikace-left img{width:100%;padding:3%;border:1px solid #d9d9d9;margin-top: 8px;}
.jednapublikace-right{float: right;width:67%;}

.jednapublikace-koupit{float: right;width:25%;text-align: center;}
.jednapublikace-text{float: left;width:70%;}

.jednapublikace h2{margin-bottom: 28px;font-size: 32px;font-weight: 400;line-height: 1.5em;text-align: left;color:#333333;padding:0px;}
.jednapublikace h2.long{font-size: 32px;}
.jednapublikace p.autori{display: block;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;padding:0.95em 0;color:#999999;font-family: 'Source Sans Pro';font-weight: 500;font-size: 16px;letter-spacing:0.0em;margin-bottom: 2em;letter-spacing: 0.03em;line-height: 1.45em;}
.jednapublikace p.autori .fa-file-pdf-o{color:#999999;}
.jednapublikace p.autori a{color:#999999;text-decoration: none;}
.jednapublikace p.autori a:hover{color:#f40b3a;}
.jednapublikace p.autori a:hover .fa-file-pdf-o{color:#f40b3a;}
.jednapublikace p.cena{font-size: 39px;color:#c2c2c2;font-family: 'Merriweather', serif;font-weight: 700;margin-bottom: 0.7em;}
.koupit{display: block;padding:6px 0;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;text-decoration: none;font-family: 'Roboto';line-height: 2em;font-size: 12px;text-transform: uppercase;font-weight: 500;letter-spacing: 0.02em;width:70%;text-align: center;margin:0 auto;background-color: #000;border-color:#000;color:#fff;}
.koupit:hover{background-color: #393939;border-color:#393939;}

.obsah{background-color: #d7d7d7;text-align: center;display: none;}
.obsah img{width:98%;max-width:1000px;margin-bottom: 30px;}
.obsah p{font-size: 14px;font-family: "Source Sans Pro";font-weight: 400;letter-spacing: 0.03em;line-height: 1.6em;display: block;padding:50px 0}
.obsah p.obsahabottom{padding:20px 0 70px 0}
.obsah a{color:#4585f4;text-decoration: none;text-align: left;}
.obsah a:hover{text-decoration: underline;}


#dalsi-publikace-b{background-color: #ebebeb;}
#dalsi-publikace-box{width:100%;max-width:1500px;margin:0 auto;padding-bottom: 70px;}
#dalsi-publikace-boxin{width:98%;margin:0 auto;}
#dalsi-publikace-b h2{padding:82px 0 70px 0;color:#c2c2c2;text-align: center;}
#dalsi-publikace-b h3{display: block;font-size: 20px;font-family: 'Source Sans Pro';line-height: 2.7em;font-weight: 700;border-bottom:1px solid #d9d9d9;width:98%;margin:0 auto;margin-bottom: 1.5em;}

#dalsi-publikace-b p.vybernadpis{display: block;font-size: 16px;font-family: 'Source Sans Pro';line-height: 1em;font-weight: 400;width:98%;margin:0 auto;margin-bottom: 1.5em;}

#dalsi-publikace-b h3 a{color:#333333;text-decoration: underline;}
#dalsi-publikace-b h3 a:hover{color:#f40b3a;text-decoration: none;}

#dalsi-publikace-b h3 a.zobrvse{color: #4585f4;text-align: left;text-decoration: none;    font-family: "Source Sans Pro";font-size: 14px;font-weight: 400;letter-spacing: 0.03em;line-height: 1.6em;}

#dalsi-publikace-b h3 a.zobrvse:hover span{text-decoration: underline;}
 

.dalsi-publikace{width:14.66%;float: left;margin:0 1%;margin-bottom: 50px;}
.dalsi-publikace.dposesti{clear: both;}
.dalsi-publikace h4{font-family: 'Merriweather', serif;font-weight: 400;font-size: 14px;line-height: 1.6em;}
.dalsi-publikace h4 a{color:#333333;text-decoration: none;}
.dalsi-publikace img{width:100%;height:auto;margin-bottom: 15px;}
.dalsi-publikace img{
 box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
border:5px solid #fff;
-webkit-box-shadow: 0px 1px 2px 0px rgba(205,205,205,0.46);
-moz-box-shadow: 0px 1px 2px 0px rgba(205,205,205,0.46);
box-shadow: 0px 1px 2px 0px rgba(205,205,205,0.46);
}
.dalsi-publikace.hover a img{
-webkit-box-shadow: 0px 1px 7px 1px rgba(205,205,205,0.8);
-moz-box-shadow: 0px 1px 7px 1px rgba(205,205,205,0.8);
box-shadow: 0px 1px 7px 1px rgba(205,205,205,0.8); 
}



.pracovistegray{background-color: #ebebeb;padding-bottom: 150px;}
.pracovistegrayn{padding-bottom: 50px;}
.pracovistebox{margin:0 auto;max-width:1500px;}
.pracoviste{width:23%;margin:1%;background-color: #fff;float: left;
-webkit-box-shadow: 0px 1px 2px 0px rgba(205,205,205,0.46);
-moz-box-shadow: 0px 1px 2px 0px rgba(205,205,205,0.46);
box-shadow: 0px 1px 2px 0px rgba(205,205,205,0.46);
}

.pracoviste.hover {

-webkit-box-shadow: 0px 1px 7px 1px rgba(205,205,205,0.8);
-moz-box-shadow: 0px 1px 7px 1px rgba(205,205,205,0.8);
box-shadow: 0px 1px 7px 1px rgba(205,205,205,0.8); 
}

.pracoviste div{padding:30px 35px;height:14em;position: relative;
    
}

.katalogknihovny div{height:17em;}

.pracoviste h3{font-size: 22px;font-family: "Source Sans Pro";line-height: 1.3em;font-weight: 700;margin-bottom: 0.4em;}
.pracoviste h3 a{color:#333333;text-decoration: none;}
.pracoviste p.vedouci{font-family: "Source Sans Pro";font-weight: 400;color:#a09f9f;font-size: 16px;line-height: 1.4em;}
.katalogknihovny p.vedouci{color:#333333;font-size: 15px;line-height: 1.5em;}
.text p.vedouci{font-family: "Source Sans Pro";font-weight: 400;color:#a09f9f;font-size: 16px;}
.pracoviste p.vedouci strong{font-weight: 600;}

p.detailpracoviste{font-size: 14px;font-family: "Source Sans Pro";font-weight: 400;letter-spacing: 0.03em;line-height: 1.6em;display: block;position: absolute;bottom:30px;left:35px;}
p.detailpracoviste a{color:#4585f4;text-decoration: none;text-align: left;}
.hover p.detailpracoviste a, p.detailpracoviste a:hover{text-decoration: underline;}

.pracoviste131,.pracoviste7084{background-color:#f7f7f7;}



input[type="text"], input[type="url"], input[type="email"], input[type="password"], input[type="tel"], select {
    -moz-appearance: none;
}    
input[type="text"],input[type="submit"] {
    -webkit-appearance: none;
}

select::-ms-expand {
    display: none;
}
#vyhledavani {width:844px;height:165px;margin:0 auto;position: relative;text-align: center;}
#vyhledavani.vyhlcas{width:570px;}
#vyhledavani input,
#vyhledavani select{
  display: block;border:1px solid #e1e1e1;color:#000;padding:12px 30px 12px 25px;
  display: block;text-align: left;
  width:260px;
  color:#747474;
  font-size: 16px;  
  -webkit-appearance: none;
  background:#fff url(img/sipkadolu.png) no-repeat right center;
  -webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px; 
  font-family: 'Roboto';font-weight: 400;letter-spacing: 0.03em; 
  float: left;
  margin:0 10px;
  line-height: 1.35em;   
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;    
    margin-bottom: 33px;
}
#vyhledavani input {padding:12px 25px 12px 25px;background-image: url(none);width:260px;}

#vyhledavani input.checkbox{display: none;}
#vyhledavani label.checkboxlabel{ font-family: 'Roboto';font-weight: 400;letter-spacing: 0.03em;float: none;font-size: 16px;padding-left: 20px;color:#747474;display: block;clear: both;display: block;width:240px;margin:0 auto;}
#vyhledavani label.checkboxlabelcasopis{width:274px;}
#vyhledavani label.checkboxlabel{background: url(img/nicneco.png) no-repeat bottom left;height:19px;}
#vyhledavani label.checkboxlabelactive{background: url(img/nicneco.png) no-repeat top left;}
#vyhledavani label.checkboxlabel:hover{cursor: pointer;cursor: hand;}



#vyhledavani select:hover{cursor: pointer;cursor: hand;}

#jdidokosiku{position: fixed;top:0px;right:0px;z-index: 20;display: block;background-color: #e31e25;color:#fff;text-decoration: none;width:100px;text-align: center;padding:15px 0 15px 5px;font-family: 'Roboto';font-weight: 500;letter-spacing: 0.05em;
  -webkit-border-radius: 0  0 0 30px ;-moz-border-radius:  0  0  0 30px;border-radius:  0  0   0 30px;display: none;font-size: 16px;
}
@media only screen and (max-width: 830px) {
  #jdidokosiku{right:auto;left:0px;-webkit-border-radius: 0  0 30px 0;-moz-border-radius:  0  0 30px 0;border-radius:  0  0  30px 0;padding:10px 5px 10px 0px;width:80px;font-size: 14px;}
}
#jdidokosiku:hover{background-color: #f23138;}

.kosik{}
a.zmenavkosiku{font-size: 0.8em;color: #4585f4;text-align: left;text-decoration: none;font-weight: 400;}
a.zmenavkosiku:hover{text-decoration: underline;color: #4585f4;}
a.zmenavkosikuodstranit{color:#f40b3a;}
a.zmenavkosikuodstranit:hover{color:#f40b3a;}
.jednaitem{border-bottom:1px solid #d9d9d9;margin-bottom: 15px;}
.jednaitem img{float: left;width:60px;height:auto;margin:0 15px 5px 0;border:2px solid #fff;}
.text .jednaitem h4{margin-bottom: 15px;font-size: 18px;}
p.iteminfo{text-align: right;margin-bottom: 15px;}
p.cenacelkem{text-align: right;}

.text .kosik h4{font-family: "Merriweather",serif;font-size: 16px;font-weight: 700;line-height: 1.45em;}
.kosik h4 a{color:#333333;text-decoration: none;}
.kosik h4 a:hover{color:#f40b3a;}

#formular_kosik {width:100%;margin:0 auto;text-align: center;}
#formular_kosik input[type="text"],
#formular_kosik select, #formular_kosik textarea{
  display: block;border:1px solid #e1e1e1;color:#000;padding:12px 30px 12px 25px;
  display: block;text-align: left;
  width:260px;
  color:#747474;
  font-size: 16px;  
  -webkit-appearance: none;
  background:#fff url(img/sipkadolu.png) no-repeat right center;
  -webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px; 
  font-family: 'Roboto';font-weight: 400;letter-spacing: 0.03em; 
  
  margin:0 auto;
  line-height: 1.35em;   
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;    
    text-align: left;
}
#formular_kosik input[type="text"],#formular_kosik textarea{background-image: url(none);}
/*
#formular_kosik input.pov,
#formular_kosik select.pov{border:1px solid #494949;}
*/
#formular_kosik p.radio input{width:auto;padding:auto;border:1px solid #000;border-radius:none;}
#formular_kosik p.radio input:hover{cursor: pointer;cursor: hand;}
#formular_kosik h2{clear: both;}
#formular_kosik h4{margin-bottom: 23px;clear: both;}
#formular_kosik h4 a{}
#formular_kosik p{display: block;width:50%;float: left;height:45px;}
#formular_kosik p.furtsto{width:100%;float: none;clear: both;}
#formular_kosik p.submitp{display: block;width:100%;float: none;height:45px;clear: both;}
#formular_kosik p.radio{height:auto;}
#formular_kosik input {padding:12px 25px 12px 25px;background-image: url(none);width:210px;}
#formular_kosik textarea {padding:12px 12px 12px 12px;background-image: url(none);width:260px;max-width:90%;}
#formular_kosik p.submitp input{background-color: #000;color:#fff;text-align: center;border-color:#000;}
#formular_kosik p.submitp input:hover{background-color: #494949;cursor: pointer;cursor: hand;}
#formular_kosik2 p.submitp input{background-color: #000;color:#fff;text-align: center;width: 240px;padding: 12px 25px;display: block;border:1px solid #e1e1e1;color:#fff;padding:12px 30px 12px 25px;
  display: block;
  width:260px;
   border-color:#000;
  font-size: 16px;  
  -webkit-appearance: none;

  -webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px; 
  font-family: 'Roboto';font-weight: 400;letter-spacing: 0.03em; 
  
  margin:0 auto;
  line-height: 1.35em;   
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;  
      
    }
#formular_kosik2 p.submitp input:hover{background-color: #494949;cursor: pointer;cursor: hand;}
#formular_kosik p.submitppokr input{width:240px;}
#formular_kosik label{display: block;padding-bottom: 5px;font-weight: 600;}
#formular_kosik label:hover{cursor: pointer;cursor: hand; color:#f40b3a}
#formular_kosik label.active, #formular_kosik label:hover{cursor: pointer;cursor: hand; color:#f40b3a}
 
#formular_kosik .zpusobplatby{display: none;} 
 
.shop{background-color: #f1f1f1;}
 
@media only screen and (max-width: 650px) {
  #formular_kosik p{display: block;width:100%;float: none;height:60px;}
}

@media only screen and (min-width: 1000px) {
  .page-id-6140  #head,.page-id-6114  #head,.page-id-6112  #head,.page-id-6091  #head,.page-id-6093  #head{padding: 65px 0 95px 0;}  
  .page-id-6140  h1,.page-id-6114  h1,.page-id-6112  h1,.page-id-6091  h1,.page-id-6093 h1{font-size: 24px;}    
  .page-id-6140  #head p,.page-id-6114  #head p,.page-id-6112  #head p,.page-id-6091  #head p,.page-id-6093 #head p{font-size: 13px;padding-right: 4px;}
  .page-id-6140  #logoarea,.page-id-6114  #logoarea,.page-id-6112  #logoarea,.page-id-6091  #logoarea,.page-id-6093  #logoarea{width:464px;}    
  .page-id-6140  #logo,.page-id-6114  #logo,.page-id-6112  #logo,.page-id-6091  #logo,.page-id-6093 #logo{width:45px;left:-50px;top:-16px;}

  
  .page-id-6140  #logoarea.en h1,.page-id-6114  #logoarea.en h1,.page-id-6112  #logoarea.en h1,.page-id-6091  #logoarea.en h1,.page-id-6093 #logoarea.en h1{font-size: 24px;}    
  .page-id-6140  #logoarea.en,.page-id-6114  #logoarea.en,.page-id-6112  #logoarea.en,.page-id-6091  #logoarea.en,.page-id-6093  #logoarea.en{width:430px;}    
  .page-id-6140 #logoarea.en  #logo,.page-id-6114 #logoarea.en   #logo,.page-id-6112 #logoarea.en  #logo,.page-id-6091 #logoarea.en  #logo,.page-id-6093 #logoarea.en  #logo{width:45px;left:-50px;top:-16px;}
    
  
  
}



#formular_kosik select:hover{cursor: pointer;cursor: hand;}


#search{position: absolute;top:10px;right:14px}
.fa-search{ font-size: 24px;}

#search input,#search2 input{padding:4px 12px 4px 12px;width:150px;display: block;border:1px solid #e1e1e1;text-align: left;  color:#747474;font-size: 16px;  -webkit-appearance: none;  -webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px; font-family: 'Roboto';font-weight: 400;letter-spacing: 0.03em; float: left;margin:0 10px;line-height: 1.35em;   -webkit-appearance: none;-moz-appearance: none;-o-appearance: none;appearance: none;    }
 
 .submitsearch, #search input{display: none;} 
.fa-arrow-circle-left:before {
  content: "\f0a8";
  color:#fff;
  font-size: 30px;
}   
.fa-arrow-circle-right:before {
  content: "\f0a9";
  color:#fff;
  font-size: 30px;
}   
#search a:hover .fa-arrow-circle-right:before{color:#d6d6d6;}     

.fa-shopping-cart:before {
  content: "\f07a";
  color:#999999;
}

.fa-file-pdf-o:before {
  content: "\f1c1";
  
}

.fa-search:before {
  content: "\f002";
  color:#fff;
}   


.navigation .alignright {float: left;width:30px;height:30px;}
.navigation .fa-arrow-circle-left:before,.navigation .fa-arrow-circle-right:before{font-size: 40px;color:#000}
.navigation a:hover .fa-arrow-circle-left:before,.navigation a:hover .fa-arrow-circle-right:before{color:#545454}
.navigation .alignleft{float: right;width:30px;height:30px;}


#search a:hover .fa-search:before{color:#d6d6d6;} 



.scrollup{display: block;position: fixed;bottom:0px;right:0px;padding:12px 14px;text-align: center;background-color: #4183d7;display: none;}
.scrollup:hover{background-color: #2b62a8;}
     
.fa-arrow-up:before {
  content: "\f062";
  color:#fff;
  font-size: 23px;
}   


.text .vysledekhledanijeden {text-align: left;}
.text .vysledekhledanijeden h3{margin-bottom: 0.3em;}
.text .vysledekhledanijeden h3 a{text-decoration: none;}
.text .vysledekhledanijeden p{margin-bottom: 10px;}
.text .vysledekhledanijeden{margin-bottom:25px;padding-bottom: 25px;border-bottom: 1px solid #a5a5a5;}      
        
  .formbezvysledkuin   #search2{width:315px;position: relative;margin:0 auto;}
  .formbezvysledku{position: relative;height:100px;}
  .formbezvysledkuin{position: relative;}
  
  .formbezvysledkuin  .fa-arrow-circle-right:before {color:#c2c2c2;font-size: 46px;}
  .formbezvysledkuin a:hover .fa-arrow-circle-right:before {color:#909090;}   
  .formbezvysledkuin   #search2 input{padding:12px 23px 12px 23px;width:200px;  }
         
@media only screen and (max-width: 1700px) {
  
  #head{padding: 80px 0 100px 0;}
  
  h1{font-size: 49px;}
  #head p{font-size: 16px;padding-right: 4px;}
  #logoarea{width:940px;}
  #logoarea.en{width:864px;}
  #logo{width:55px;left:-66px;top:-10px;}
  
  #menu ul li{padding:0 10px;font-size: 13px;}
  #submenu li{font-size: 13px;}
  h2{font-size: 38px;}
  
  
  .jednapublikace h2{font-size: 24px;}
  
  
  .text p{font-size: 17px;}
  
  #vyhledavani {width:784px;height:140px;margin:0 auto;}
  #vyhledavani.vyhlcas{width:530px;}
  #vyhledavani input,#vyhledavani select{font-size: 14px;padding:12px 30px 12px 25px; width:240px;   }
  #vyhledavani input {padding:12px 25px 12px 25px;background-image: url(none);width:240px;}
  #vyhledavani label.checkboxlabel{font-size: 14px;width:210px;}
  #vyhledavani label.checkboxlabelcasopis{width:240px;}
  
  .books{max-width: 98%;max-width: 1350px;}
  .book-one .book-one-in{padding-top: 2.3em;}
  .book-one img{border:3px solid #fff;margin-right: 0px;width:36%;}
  .books .book-one-text{float: right;width:61%;}
  .book-one h3{font-size: 17px;}
  .book-one p{font-size: 14px;margin-bottom: 15px;}
  .book-one p.autori{font-size: 14px;}  
  .book-one{margin-bottom: 60px;}
  .tematicke{max-width: 99.5%;}  
  .projekt{height:240px;}
  .projekt h3{font-size: 18px;}
  
  #infooter{max-width: 1200px;padding-left:1%;padding-right: 1%;}
  
  #novinky{padding:80px 0 40px 0;width:100%;max-width: 1350px;}
  #novinky .tricol .novinkain{margin:0 15px;padding-top: 40px;position: relative;padding-bottom: 30px;}
  #novinky .onecol .novinka-gray{margin-bottom: 20px;}
  #novinky .onecol .novinka-gray-in{padding:25px 25px 20px 25px;background-color: #ebebeb;margin: 0 10px;}
  #novinky .onecol .novinka-gray p.otevri-detail{margin-bottom: 0;}
  

  
  
  #novinky h3{font-size: 18px;margin-bottom: 8px;}
  #novinky p{font-size: 14px;margin-bottom: 23px;}
  #novinky .book-one-text h3{font-size: 16px;}
  #novinky .book-one-text p{font-size: 14px;} 
  #novinky p.topinfo{font-size: 11px;} 
  
  .tematickein{width:96.5%;margin:0 auto;}
  
  .jednapublikace{max-width:1000px;margin:0 auto;padding:55px 0 90px 0;}
  .pracovistebox{max-width:1350px;}
  .pracoviste{width:23%;}
  .pracoviste h3 {font-size: 20px;}
  .pracoviste div{padding:20px 25px;height:13em;}  
  p.detailpracoviste {bottom: 20px;left: 25px;}
  .katalogknihovny div{height:15em;}
  #text {padding-bottom: 60px;}
  
}
@media only screen and (max-width: 1280px) {
    .pracoviste{width:31.3%;}
    .pracoviste div{height: 11em;}
    .katalogknihovny div{height:15em;}
    
  .text h3{font-size: 21px;}
  .text h4{font-size: 20px;}  
  .pracovnici h3 {font-size: 12px;}  
}    

@media only screen and (max-width: 1180px) {
  
  h1{font-size: 40px;}

  #head p{font-size: 16px;padding-right: 14px;}
    #logoarea{width:780px;}
  #logoarea.en{width:727px;}

  #logo{width:55px;left:-60px;top:-10px;}


  .projekt{}

  .dalsi-publikace{width:23%;margin-left:1%;margin-right:1%;}
  .dalsi-publikace.dposesti{clear: none;}
  .dalsi-publikace.dpoctyrech{clear: both;}
  
    #menu ul li{padding:0 10px;font-size: 12px;}
         #submenu li{font-size: 12px;padding:0 10px;} 

    
    .book-one h3{font-size: 16px;}
    .tematicke{padding-bottom: 120px;}
}

@media only screen and (max-width: 1000px) {
  #trikolora{height:4px;}
  #head{padding: 65px 0 95px 0;}
  
  h1{font-size: 24px;}
  h2{font-size: 32px;}
  .jednapublikace h2{font-size: 24px;}
  #head p{font-size: 13px;padding-right: 4px;}
  #logoarea{width:464px;}
  #logo{width:45px;left:-50px;top:-16px;}
    #logoarea.en{width:430px;}
  
  
  #menu ul li{}
  
  .clear3{display: none;}
  .clear2{display: block;}
  .book-one{width:50%;float: left;padding:0 1%;text-align: left;position: relative;}
     
  .potrech{clear: none;}
  .podvou{clear: both;}
  .projekt{height:240px;}

  #infooter{padding-left:0%;padding-right: 0%;}
  #footer .col{width:50%;text-align: center;float: left;}
  #footer .incol{margin:0 auto;width:90%;text-align: left;}
  
  #footer li{font-size: 16px;color:#888891;list-style-type: none;margin-bottom: 10px;}
  #footer li a{color:#888891;text-decoration: none;}
  #footer li a.gmaps{color:#249fdd;}
  #footer li a:hover{text-decoration: underline;}
  #footer h2{color:#fff;font-size: 16px;margin-bottom: 10px;text-transform: uppercase;font-weight: 300;}
  #footer ul{margin-bottom: 35px;}
  
  #footer2{border-top:1px solid #3a3a3a;padding-top: 30px;position: relative;margin-left: 2.5%;margin-right: 2.5%;position: relative;}



  
  #novinky{width:1500px;max-width:100%;margin:0 auto;padding:70px 0 30px 0;}
  #novinky .tricol{width:65%;padding:0 0.66%;}
  #novinky .tricol .novinka{width:50%;}
  #novinky .tricol .novinkain{margin:0 10px;padding-top: 40px;padding-bottom: 30px;}


  #novinky .onecol{width:32%;}
  
  /*.novinka-publikace{display: none;}*/
  
  #novinky .onecol .novinka-gray{margin-bottom: 25px;}
  #novinky .onecol .novinka-gray-in{padding:30px 37px;background-color: #ebebeb;margin: 0 10px 0 5px;}
  #novinky .onecol .novinka-gray p.otevri-detail{margin-bottom: 0;}

  .pracovnici li{width:47%;}
  
  h2{font-size: 36px;}
  
  
  .but1{float:none;width:97%;margin-left: 1.25%;}
  .but2{float:right;width:47%;margin-right: 1.5%;}
  
  .pracovistegray{padding-bottom: 120px;}
  .pracovistegrayn{padding-bottom: 40px;}
  .pracoviste{width:48%;}
   .col3{clear: left;}
   
  
  #footer2{border-top:1px solid #3a3a3a;padding-top: 60px;position: relative;margin-left: 2%;margin-right: 2%;position: relative;}
  #footer2 p{font-size: 16px;color:#888891;text-align: left;margin-bottom: 40px;text-align: center;}
      
}
@media only screen and (max-width: 900px) {
 
    #menu ul li{padding:0 10px;font-size: 11px;}
      #submenu li{font-size: 11px;}
   .projekt{width:49.5%;height:240px;} 
   
   .book-one{margin-bottom: 40px;}
   
   
  #vyhledavani {width:100%;height:280px;margin:0 auto;}
  #vyhledavani.vyhlcas{height:210px;width:100%;}
  #vyhledavani input,#vyhledavani select{margin:0 auto;float: none;margin-bottom: 23px;}
  #vyhledavani input {}   
  
  
  #dalsi-publikace-box {padding-bottom: 40px;}
  
  
}

#burger{display: none;}

@media only screen and (max-width: 830px) {

    .scrollup{padding:10px 12px;}
    .fa-arrow-up:before {  font-size: 19px;}  
    
    #burger{display: block;width:30px;height:30px;background: url(img/burger.png) no-repeat;position: absolute;z-index: 4;top:14px;right:15px;}
    
    #search{position: absolute;top:13px;right:65px}
    #search input{padding:1px 6px 1px 6px;}
    .fa-search{ font-size: 24px;}
    .fa-arrow-circle-right:before {font-size: 25px;}     
    
    
     
    #menu {display: block;top:0px;height:auto;background-color: #000;z-index: 1;position: absolute;height:auto;bottom:auto;top:-480px;z-index: 3;}
    #menu ul {padding-top: 40px;display: block;}
    #menu ul li .submenu{display: none;}
    #menu ul li:hover .submenu{display: none;}
    #menu ul li{width:100%;float: none;display: block;padding: 0 ;padding-bottom: 20px;padding-top: 0;font-weight: 600;font-size: 14px;}
    #menu ul li a{padding-top: 0;}
    #menu ul li a, #menu ul li.current_page_parent a, #menu ul li.current_page_item a, #menu ul li a:hover {
        border-bottom: 0px solid #fff;        
    }   
     
    #head {padding: 60px 0 50px;}
    
      #novinky .onecol{width:93.5%;margin:0 auto;float: none;}
      #novinky .onecol .novinka-gray{float: left;width:50%;margin-bottom: 10px;}
    #novinky .tricol{width:96%;padding:0 0% 0 1%;}
    #novinky .onecol .novinka-gray-in{margin: 0 5px;}
      .books{max-width: 93.5%;}
        .tematickein{width:93.5%;margin:0 auto;}
        
     #infooter{max-width: 1200px;padding-left:2%;padding-right: 2%;}
     
  .dalsi-publikace{width:31.33%;margin-left:1%;margin-right:1%;}
  .dalsi-publikace.dposesti{clear: none;}
  .dalsi-publikace.dpoctyrech{clear: none;}
  .dalsi-publikace.dpotrech{clear: both;}    
  
}

@media only screen and (max-width: 600px) {

  

  #head {padding: 45px 0 35px;}
  #trikolora{height:3px;}

  h1{font-size: 23px;margin-bottom: 5px;}
  h2{font-size: 28px;}
  .jednapublikace h2{font-size:20px;}
  h1 span{display: block;text-align: left;white-space: nowrap;}
  #head p{font-size: 12px;padding-right: 14px;text-align: left;}
  #logo{width:42px;left:3px;top:-2px;}
  #logoarea{width:275px;padding-left: 55px;}
  #logoarea.en{width:430px;}
  #logoarea.en h1{font-size: 14px;}    
  #logoarea.en #logo{width:32px;left:15px;top:-2px;}
  
  .book-one{width:100%;float: left;padding:0 1%;text-align: left;position: relative;}
  
  .projekt{width:100%;height:200px;}
  
  
  #footer{padding-bottom: 60px;}
  #footer li,#footer h2{text-align: center;margin-bottom: 15px;}
  #footer .incol{margin:0 auto;width:95%;text-align: left;}  
  #footer .col{width:100%;text-align: center;float: left;}

  #novinky{padding:50px 0;}
  #novinky .onecol .novinka-gray{float: left;width:100%;}
  #novinky .onecol .novinka-gray-in{padding:20px 27px;}
  #novinky .tricol .novinka{width:100%;} 
  
  #novinky h3{font-size: 20px;margin-bottom: 8px;}
  #novinky p{font-size: 16px;margin-bottom: 23px;}
  #novinky .book-one-text h3{font-size: 18px;}
  #novinky .book-one-text p{font-size: 16px;}  
   #novinky p.topinfo{font-size: 11px;}      
   
   

  #novinky .book-one-text {width: 61.5%;}
  .bg-gray{background-color: #fff;text-align: center;}   
  .mobilgray{background-color: #f1f1f1;}
  #mlha{background: url(img/mlhaw.png) repeat-x;}
  .jednapublikace{width:100%;max-width:1200px;margin:0 auto;padding-top: 50px;padding-bottom: 80px;}
  .jednapublikacein{padding:0 5%;}
  
  .jednapublikace-left{float: none;width:100%;}
  
  .jednapublikace-right{float: none;width:100%;}
  
  .jednapublikace-koupit{float: none;width:100%;text-align: center;margin-bottom: 40px;}
  .jednapublikace-text{float: none;width:100%;}
  
  
  .jednapublikace p.autori{display: block;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;padding:1em 0;color:#999999;font-family: 'Source Sans Pro';font-weight: 400px;font-size: 16px;letter-spacing:0.03em;margin-bottom: 2em;}
  .jednapublikace p.cena{font-size: 32px;}
  .koupit{display: block;padding:6px 0;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;background-color: #000;color:#fff;text-decoration: none;font-family: 'Roboto';line-height: 2em;font-size: 12px;text-transform: uppercase;font-weight: 500;letter-spacing: 0.02em;width:80px;text-align: center;margin:0 auto;}
  .koupit:hover{background-color: #545454;}
     
  .pracoviste{width:98%;}
  .pracoviste div{height:auto;padding:5%;}
  .pracoviste p.vedouci {margin-bottom: 1em;}
  
  p.detailpracoviste {bottom: auto;position: relative;left: auto;}
  .book-one h3{font-size: 18px;} 
  .book-one img{
    -webkit-box-shadow:0px 1px 2px 0px rgba(205,205,205,0.2);
    -moz-box-shadow: 0px 1px 2px 0px rgba(205,205,205,0.2);
    box-shadow: 0px 1px 2px 0px rgba(205,205,205,0.2);
  }
  .book-one.hover a img{
    
    -webkit-box-shadow: 0px 1px 7px 0px rgba(205,205,205,0.46);
    -moz-box-shadow: 0px 1px 7px 0px rgba(205,205,205,0.46);
    box-shadow: 0px 1px 7px 0px rgba(205,205,205,0.46);
  } 
  
    
}

@media only screen and (max-width: 450px) {
    #dalsi-publikace-b h3 a.zobrvse{display: block;margin-bottom: 23px;}
  

  .buttons{width:85%;margin:0 auto;max-width:240px;}
  .buttons a{float: none;}
  .buttons a.buttonf{margin-bottom: 30px;}

  .projekt{width:100%;height:200px;} 
  
        .pracovnici li{width:97%;}

   
  .buttons-novinky{text-align: center;padding-bottom: 80px;}   
  .but1{float:none;width:100%;margin-left: 0%;border:0px;width:100%;margin-bottom: 20px;}
  .but2{float:none;width:100%;margin-right: 0%;border:0px;width:100%;}
  .buttons-novinky .buttongray2{float: none;max-width:170px;margin:0 auto;}  
  
  .dalsi-publikace{width:48%;margin-left:1%;margin-right:1%;}
  .dalsi-publikace.dposesti{clear: none;}
  .dalsi-publikace.dpoctyrech{clear: none;}
  .dalsi-publikace.dpotrech{clear: none;}    
  .dalsi-publikace.dpodvou{clear: both;}
    .book-one h3{font-size: 16px;}
}
@media only screen and (max-width: 350px) {
  
  h1{font-size: 19px;margin-bottom: 5px;}
  #head p{font-size: 10px;padding-right: 14px;text-align: left;}
  #logoarea{width:230px;padding-left: 43px;}
  #logo{width:36px;left:0px;top:-2px;}

  #logoarea.en{width:305px;}
  #logoarea.en h1{font-size: 14px;}    
  #logoarea.en #logo{width:32px;left:5px;top:-2px;}
  

  
  h2{font-size: 26px;}
    #head {padding: 50px 0 30px;}
    
}

.bg-gray h2,.tematicke h2, #dalsi-publikace-b h2{padding-left: 3%;padding-right: 3%;}
#logo{    opacity: 0.9;filter: alpha(opacity=90);}

#footer2 a#facebook{    opacity: 0.5;filter: alpha(opacity=50);}
#footer2 a#facebook:hover{    opacity: 1;filter: alpha(opacity=100);}
#footer2 a#instagram{    opacity: 0.5;filter: alpha(opacity=50);}
#footer2 a#instagram:hover{    opacity: 1;filter: alpha(opacity=100);}


#novinky .onecol .novinka-gray.hover h3 a, #novinky .onecol .novinka-gray h3 a:hover,.book-one h3 a:hover, #novinky h3 a:hover,.pracoviste h3 a:hover,.hover h3 a,.hover h4 a{color:#f40b3a;}
.book-one h3 a:hover{text-decoration: none;}
.hover h4 a,.pracoviste h3 a:hover,.hover h3 a{text-decoration: none;}
.hover:hover{cursor: pointer;cursor: hand;}

.bg-gray-home{background-color: #f1f1f1;}
.bg-gray-home2{background-color: #eaeaea;}

#text.casopub{padding-bottom: 35px;text-align: left;}
 #trikolora{}
 
 
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #747474;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #747474;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #747474;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #747474;
}

.text p.lang_odkazy{display: block;height:30px;}
.text p.lang_odkazy a{display: block;font-size: 14px;width:70px;float: left;-webkit-border-radius: 15px;-moz-border-radius: 15px;text-align: center;line-height: 1em;padding:6px;margin-right:10px;text-decoration: none;background-color: #fff;color:#4585f4;border:1px solid #4585f4;
background-color: #4585f4;color:#fff;border-color:#4585f4;}
.text p.lang_odkazy a:hover, .text p.lang_odkazy a.active{background-color: #84b1ff;color:#fff;border:1px solid #84b1ff;}


  
.text p.lang_odkazy a, .koupit, .buttongray2, .buttons a, .submitp input, #jdidokosiku{
/*-webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.3);
box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.3);   */

}

.text p.lang_odkazy a{
/*-webkit-box-shadow: 0px 0px 1px 0px rgba(0,46,127,0.2);
-moz-box-shadow: 0px 0px 1px 0px rgba(0,46,127,0.2);
box-shadow: 0px 1px 0px 0px rgba(0,46,127,0.2);*/

} 
  
.text p.lang_odkazy a:hover, .text p.lang_odkazy a.active, .koupit:hover, .buttongray2:hover, .buttons a:hover, .submitp input:hover, #jdidokosiku:hover{
/*-webkit-box-shadow: 0px 0px 1px 0px rgba(0,46,127,0.1);
-moz-box-shadow: 0px 0px 1px 0px rgba(0,46,127,0.1);
box-shadow: 0px 0px 1px 0px rgba(0,46,127,0.1);  */
}


#wpadminbar {bottom: 0 !important;top:auto !important;position: fixed  !important;}
.customize-support {padding-top: 0px;}

#spolstol{width:500px;height:28px;display: block;max-width:80%;margin:0 auto;}
#spolstol img{width:500px;height:auto;max-width:100%;}
#banner{text-align: right;width:100%;max-width:100%;margin:0 auto;text-align: center;padding-top: 70px;margin-bottom: -29px;}

.size-full{width:100%;height:auto;}

#fotoprac{text-align: center;padding-top: 23px;}
#fotoprac img{max-height:170px;margin-bottom: -30px;width:auto;}

#formular_kosik p.radio input{}



hr{border:0px;border-top:1px solid #6b6b6b;padding-bottom: 32px;}
