html{margin:0;padding:0;height:100%;}
body{margin:0;padding:0;height:100%;overflow-y:scroll;min-width:260px;font-size:14px;line-height:1.5;font-family:'Open Sans','Arial',sans-serif;background:#fff;color:#5a5b3a;}
#main{min-height:100%;overflow-x: hidden;}
.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0);transition:background 0.3s;}
.overlay.dark{background:rgba(0,0,0,0.6);}

/********************************************************************************************************************************** COMMON ELEMENTS */
.t-left{text-align:left;}
.t-right{text-align:right;}
.t-center{text-align:center;}
.t-justify{text-align:justify;}

a{color:#003d5d;text-decoration:none;cursor:pointer;outline:none;}
a:hover, a:focus{color:#008ad2;text-decoration:none;outline:none;}
a img{border:none;}
small{font-size:80%}
p{padding:0 0 10px 0;margin:0;}
ul, ol{margin:10px 0 10px 30px;}
hr {background:#dadada;border:none;clear:both;height:2px;margin:10px 0;padding:0;width:100%;}
.full-width{width:100%;}
.max-width{max-width:100%;}
.v-top{vertical-align:top;}
.small{font-size:13px;}
.very-small{font-size:11px;line-height:13px;}
.gray{color:#9c9c9c;}
.clear{display:block;height:0px;clear:both;}
.sprite{background-position:top left;background-repeat:no-repeat;}
.sprite:hover{background-position:bottom left;background-repeat:no-repeat;}
.nowrap{white-space:nowrap;}
.uc{display:block;padding:80px 20px;text-align:center;font-size:30px;color:#C1C1C1;}
h1,h2,h3,h4,h5,h6{font-weight:300;margin-top:0.2em;margin-bottom:0.5em;color:#231f20;}
h1{font-size:1.8em;} h2{font-size:1.6em;} h3{font-size:1.5em;} h4{font-size:1.4em;} h5{font-size:1.3em;} h6{font-size:1.2em;}
b, strong{font-weight:bold;}
.img-left{float:left;margin:0 20px 10px 0;}
.img-right{float:right;margin:0 0 10px 20px;}
.img-border{padding:5px;border:1px solid #494949;border-radius:4px;}
i,em{font-style:italic;}
.msg{display:block;margin:10px 0;padding:8px 14px;color:#fff;background:#3498db;text-align:center;border-radius:5px;}
iframe{display:block;margin:0 auto;}

#header-wrap{width:100%;height:auto;background:#fff;}
#menu-wrap{width:100%;height:auto;background:#002437;}
#logo{text-align:left;padding-top:20px;}
#logo-text{display:inline-block;height:90px;padding:12px 10px 0 10px;vertical-align:top;font-size:20px;font-weight:300;letter-spacing:1px;line-height:1.2;color:#002437;}
#menu{text-align:right;padding:0;}
#menu .menu-link{display:inline-block;padding:5px;font-size:11px;font-weight:700;letter-spacing:2px;color:#fff;cursor:pointer;}
#menu .menu-link:hover{color:#008ad2;}
#menu .menu-link.selected{color:#008ad2;}
#menu .menu-link.open{background:#003e5f;color:#fff;}
.submenu{padding:20px;background:#003e5f;}
.submenu-item{display:inline-block;margin:2px;padding:6px 10px;line-height:1;border-radius:5px;background:#53addb;color:#002437;font-weight:bold;}
.submenu-item:hover, .submenu-item.selected{background:#fff;color:#002437;}

.toggle-wrap{display:none;width:100%;padding:20px 0;padding:20px 0;background:#008ad2;color:#fff;}
#search-toggler-wrap{position:relative;width:100%;height:60px;}
.top-toggler{position:absolute;bottom:0px;right:0px;font-size:20px;background:#53addb;color:#fff;cursor:pointer;padding:10px 20px;line-height:1;border-radius:10px 10px 0 0;}
.top-toggler:hover{background:#002437;color:#fff;}
.top-toggler.active{background:#008ad2;}
#browse-toggler{right:80px;}

#content-wrap{padding:40px 0;background:#fff;}
.tile{border-radius:10px;overflow:hidden;}
.tile-overlay{text-align:center;padding:57% 0 0 0;width:90%;position:absolute;color:#fff;font-weight:bold;font-size:30px;font-family:serif;line-height:1.4;}
.tile-overlay.small{font-size:18px;text-align:center;padding:57% 5% 3% 5%;}
.tile{margin-bottom:30px;}
.tile-img{display:block;text-align:center;border:5px solid #21234c;border-radius:10px 10px 0 0;overflow:hidden;}
.tile-img img{display:inline-block;max-width:100%;}
.tile-title{display:block;padding:10px 15px;background:#002437;color:#fff;}
.tile-info{display:block;font-size:11px;padding:10px 15px 15px 15px;background:#21234c;color:#fff;}
/*.tile:hover .tile-img{border:5px solid #008ad2;}
.tile:hover .tile-info{background:#008ad2;color:#fff;}*/

.tile.search-tile{margin:0 auto 5px auto;width:80%}
/*.search-tile .tile-title{background:#626060;color:#008ad2;border-radius:5px 5px 0 0;}*/
.search-tile .tile-title:hover{background:#008ad2;color:#fff;}
.search-tile .tile-info{background:#626060;}
.search-tile .tile-file-container{background:none;}

.tile-file-container{display:block;margin-top:5px;padding:5px 0 2px 5px;background:#342d30;border-radius:3px;}
.tile-file-container .tile-file-img, .tile-file-container span{vertical-align:middle;color:#d3b235;}
.tile-file-link:hover span{color:#008ad2;}
.tile-file-container .tile-file-info{font-size:8px;color:#969696;}

#parallax-wrap{position:relative;width:100%;padding:100px 0;color:#fff;text-align:center;background:url(../images/layout/eugenfound_bg4.jpg) no-repeat bottom;background-attachment:fixed;background-size:cover;}
#parallax-wrap a{color:#fff;}
#parallax-wrap h3{color:#fff;}

#bottom-wrap{position:relative;padding:60px 0;background:url(../images/layout/bottom_bg.jpg) no-repeat center #002437;background-size:cover;border-top:30px solid #002437;}
a.main-site-link{display:inline-block;font-weight:700;font-size:12px;background-color:rgba(255,255,255,0.5);color:#002437;}
#bottom-wrap:hover .main-site-link{background-color:#fff;color:#002437;}

.hover-wrap:hover .overlay.dark{background:rgba(0,0,0,0.3);}

.result-row{display:block;margin:4px 0;padding:5px 10px;border-radius:2px;color:#fff;background:#002437;}
.result-row.selected{background:#008ad2;color:#fff;}
.result-row:hover{background:#008ad2;color:#fff;}
.result-row-title{font-weight:bold;}
.result-row:hover .result-row-title{color:#231f20;}

.button{display:inline-block;padding:8px 10px;font-size:13px;background-color:#002437;color:#fff;text-align:center;border:none;border-radius:5px;cursor:pointer;}
.button-small{padding:4px 5px;font-size:11px;}
.button:hover{background-color:#53addb;color:#002437;}
.input{padding:6px;border:1px solid #cacaca;width:100%;border-radius:5px;}
.input-line, #captcha{display:inline-block;width:90%;padding:8px 14px;border:none;border:1px solid #c1c1c1;background:rgba(255,255,255,0.7);color:#888888;vertical-align:top;}
.search-input{width:100%;}
.search-btn{width:100%;}
.button-big{width:100%;height:76px;padding:20px 25px 20px 90px;margin-bottom:10px;font-size:24px;text-align:left;background-repeat:no-repeat;background-position:20px 10px;}
#button-big-issues{background-image:url('/images/layout/icon_big_browse_w.png');}
#button-big-browse{background-image:url('/images/layout/icon_big_archive_w.png');}
#button-big-search{background-image:url('/images/layout/icon_big_search_w.png');}
#button-big-eugenfound{background-image:url('/images/layout/icon_big_eugenfound_w.png');}

.download-button{margin:0 10px 0 5px;display:inline-block;padding:8px 10px;font-size:13px;background-color:#003d5d;color:#fff;text-align:center;border:none;border-radius:5px;cursor:pointer;}
.download-button:hover{background-color:#fff;color:#003d5d;}
.page-wrap{min-height:80vh;}
.other-issues{margin:0 5px 0 10px;}
.back-button-wrapper{margin-bottom:25px;}

.pagination-wrap{position:relative;width:100%;text-align:center;margin-bottom:20px;z-index:2000;}
.pagination-wrap.fixed{position:fixed;top:5px;left:0px;}
.pagination{position:relative;display:inline-block;padding:10px 0px;border-radius:5px;background:#464344;color:#fff;}
.pagination-select{color:#000;}
.pagination-btn{display:inline-block;height:30px;line-height:30px;padding:0 15px;margin:0 15px;border-radius:5px;background:#342d30;color:#fff;}
.pagination-btn:hover{background:#fff;color:#342d30;}
.pagination-btn.disabled{background:#514f4f;color:#7f7f7f;cursor:default;}
.pagination-preview{position:absolute;bottom:0px;width:100%;height:0px;text-align:center;}
.img-prev, .img-next{display:none;margin-top:5px;box-shadow:0px 0px 15px rgba(0,0,0,0.5);}

#footer-wrap{padding:30px 0;color:#aeaeae;background:#002437;}
#footer-wrap a{color:#2b79a2;}

#scroll-top-wrap{display:none;height:0px;position:fixed;bottom:65px;right:0px;width:100%;text-align:center;}
#scroll-top-wrap .container{height:0px;}
#scroll-top{display:inline-block;float:right;width:40px;height:40px;background-color:#008ad2;background-image:url('../images/layout/back_to_top.png');background-repeat:no-repeat;background-position:center;border-radius:100%;z-index:1500;}
#scroll-top:hover{background-color:#003d5d;}

#tooltip{border:none;}
#tooltip h3 {color:#fff !important;padding:4px 17px;font-size:13px;background-color:#231f20;border:none;text-align:left;border:none;border-radius:5px;}

#u-info{width:150px;}

#gmap {width:100%; height:500px; background-color: transparent; margin: 13px 0 0 0; border: solid 1px #d1d1d1; }
.gmap-content{width:200px;height:70px;text-align:center;}
.gmap-content-link{display:inline-block;margin-top:15px;padding:3px 8px;border-radius:10px;background:#a9a9a9;color:#fff;font-size:80%;}
.gmap-content-link:hover{background:#595959;color:#fff;text-decoration:none;}

.search-help-container{margin-top:10px;font-size:85%;font-style:italic;}

@media (min-width: 768px) {
	h1{font-size:2em;} h2{font-size:1.8em;} h3{font-size:1.6em;} h4{font-size:1.5em;} h5{font-size:1.3em;} h6{font-size:1.2em;}
	#menu .menu-link{font-size:12px;padding:10px;}
	#browse-toggler{right:200px;}
	#search-toggler-wrap{height:100px;}
}
@media (min-width: 992px) {
	h1{font-size:2.2em;} h2{font-size:2em;} h3{font-size:1.8em;} h4{font-size:1.6em;} h5{font-size:1.4em;} h6{font-size:1.2em;}
	#logo-text{font-size:26px;}
}
@media (min-width: 1200px) {
	h1{font-size:2.6em;} h2{font-size:2.2em;} h3{font-size:1.9em;} h4{font-size:1.6em;} h5{font-size:1.4em;} h6{font-size:1.2em;}
}
