/* RESET CSS */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption,article, #menu-wrapper, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, video, button { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; -webkit-box-sizing: border-box; } input,select,textarea{outline:none;} input:focus{outline:none;} article, #menu-wrapper, figure, footer, header, hgroup, nav, section { display:block; } nav ul { list-style:none} blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration: none; color: inherit; } ins { background-color:#ff9; color:#000; text-decoration:none; } mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; } input, select { vertical-align:middle; } /* END RESET CSS */ /* USEFUL CLASSES */ .none {display: none;} /*Clearfix Method*/ .cf:before, .cf:after {content:0 " ";display: table} .cf:after {clear: both} .hide-text {text-indent: -9999px;white-space: nowrap;overflow: hidden} /* END USEFUL CLASSES*/ /*FONTS*/ @font-face { font-family: 'BentonSans-Book'; src: url('../fonts/BentonSans-Book.eot'); src: url('../fonts/BentonSans-Book.eot?#iefix') format('embedded-opentype'), url('../fonts/BentonSans-Book.woff') format('woff'), url('../fonts/BentonSans-Book.ttf') format('truetype'), url('../fonts/BentonSans-Book.svg#BentonSans-Book') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'BentonSans-Bold'; src: url('../fonts/BentonSans-Bold.eot'); src: url('../fonts/BentonSans-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/BentonSans-Bold.woff') format('woff'), url('../fonts/BentonSans-Bold.ttf') format('truetype'), url('../fonts/BentonSans-Bold.svg#BentonSans-Bold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'BentonSans-Regular'; src: url('../fonts/BentonSans-Regular.eot'); src: url('../fonts/BentonSans-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/BentonSans-Regular.woff') format('woff'), url('../fonts/BentonSans-Regular.ttf') format('truetype'), url('../fonts/BentonSans-Regular.svg#BentonSans-Regular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Conv_BentonSans-Thin'; src: url('../fonts/BentonSans-Thin.eot'); src: url('../fonts/BentonSans-Thin.woff') format('woff'), url('../fonts/BentonSans-Thin.ttf') format('truetype'), url('../fonts/BentonSans-Thin.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Conv_LinLibertine_R'; src: url('../fonts/LinLibertine_R.eot'); src: url('../fonts/LinLibertine_R.woff') format('woff'), url('../fonts/LinLibertine_R.ttf') format('truetype'), url('../fonts/LinLibertine_R.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Conv_MinionPro-Regular'; src: url('../fonts/MinionPro-Regular.eot'); src: url('../fonts/MinionPro-Regular.woff') format('woff'), url('../fonts/MinionPro-Regular.ttf') format('truetype'), url('../fonts/MinionPro-Regular.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'BentonSans-Medium'; src: url('../fonts/BentonSans-Medium.eot'); src: url('../fonts/BentonSans-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/BentonSans-Medium.woff') format('woff'), url('../fonts/BentonSans-Medium.ttf') format('truetype'), url('../fonts/BentonSans-Medium.svg#font25') format('svg'); font-weight: normal; font-style: normal; } /*END FONTS*/ body {width: 100%;height: 100%;font-family: 'BentonSans-Book';font-size: 13px;line-height: 18px;color:#464646;overflow: hidden;} #main {-webkit-transition-property: top, bottom;-webkit-transition-duration: 1s;position: absolute;top:0px;width: 100%} #main-wrapper-home {background: url(../images/background-home.jpg) center center no-repeat;background-size: cover;width: 100%;position: relative;} #main-wrapper-middle {width: 100%;;height:355px;background: url(../images/background-middle.jpg) no-repeat;background-size: 100% 355px;} #main-results {background: url(../images/background-result.jpg) center center no-repeat;background-size: cover;width: 100%} #main-wrapper {width: 1000px;margin: auto;position: relative;} a {color:#277090;text-decoration: none} a:hover {text-decoration: underline;} hr {display: none} hr.hr-normal {border: 0;margin:25px 0px; height: 1px;background: #333;background: -webkit-gradient(linear,0 0,100% 0,from(rgba(201, 201, 201, 0.4)), to(rgba(201, 201, 201, 0.4)), color-stop(50%, #c4c0ba));width: 100%;float: left;clear: both;display: block;} hr.hr-title {margin-bottom: 0px;background: url(../images/hr-separate.png);width: 925px;height: 11px;box-shadow:none;opacity: 0.5;position: fixed;margin-top: -12px;background-size: 100%;background-repeat: no-repeat;display: block;} #main-wrapper-home #header-home {width: 420px;height: 260px;margin: auto;margin-top: -130px;top: 50%;position: absolute;left: 50%;margin-left: -210px;} #header-top {height: 95px;padding: 15px 0px 0px 40px } #header-top [class^="header"] {float: left;} #main-wrapper-home #header-home [class^="header"] {float: none;} .header-col1,.header-col3 {width: 25%} #main-wrapper-home .header-col1,#main-wrapper-home .header-col3 {width: 100%;margin: auto} .header-col2 {width: 50%} #main-wrapper-home .header-col2 {width: 100%} #main-wrapper-home .header-col1 a ,#main-wrapper-home .header-col3 select {display: block;margin:0px auto 15px} #main-wrapper-home .header-col3 .language {margin: 60px 0px 0px 0px} .logo-home {background: url(../images/logo-wiki.png);display: block;width: 197px;height: 61px} .form-search {position: relative;} .input-search {width: 100%;border: none;border-radius: 50px;background: rgba(0,0,0,0.2) ;height: 37px;padding: 0 35px 0px 35px;color:#fff;text-align: center;-webkit-box-shadow: inset 0px 4px 4px 1px rgba(0, 0, 0, 0.3),inset 1px -1px 0px 0px rgba(255, 255, 255, 0.3);-webkit-box-sizing:border-box;text-align: left;} .input-search:hover {background: rgba(0,0,0,0.4)} .input-search:focus {background: rgba(0,0,0,0.6)} .icon-search {width: 18px;height:20px;position:absolute;top:8px;left:10px;background:url(../images/sprite-search-box.png) 0 2px no-repeat;opacity: 0.6} .input-search:focus + .icon-search {opacity: 1} .close-search {width: 17px;height: 17px;position: absolute;top:10px;right:10px;background:url(../images/sprite-close-input.png) 0 4px no-repeat;display: none;} .close-search:hover {background-position: 0 -13px} .close-search:active {background-position: 0 -33px} .language {margin:5px 0px 0px 50px;} .language select {-webkit-appearance: none;border: none;border-radius: 5px;width: 130px;height:27px;color:#b3b3b3;padding: 5px;box-shadow: inset 0px 2px 7px 0px rgba(255, 255, 255, 0.1), 0px 1px 0px 0px rgba(255, 255, 255, 0.3); background: rgba(58,53,43,0.4) url(../images/arrow-select.png) no-repeat 105px center;} .language select option {background: #fff;height: 25px;display: block;} #header-content {overflow: hidden;padding:45px 0px 35px 0px} #main-content {width: 100%;background: url(../images/bg-main-content.png) repeat-x;padding:0px 28px 0px 33px;box-shadow: 0 0 10px #000;border-top: 1px solid #a49e9a;float: left;overflow: hidden;} #inside-content {overflow-y: auto;overflow-x: hidden;;margin-top: -5px;position: relative;padding-top: 10px;padding-right: 15px;} #inside-content p { width: 65%; margin-bottom: 10px; } #inside-content li { list-style-position: inside;width: 65%;} #inside-content td li { width: 100%; } #inside-content > section {overflow: hidden;} #inside-content::-webkit-scrollbar {width: 9px;z-index:1000} #inside-content::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);-webkit-border-radius: 10px;border-radius: 10px;} #inside-content::-webkit-scrollbar-thumb {-webkit-border-radius: 10px;border-radius: 10px;background: rgba(162,162,162,1);-webkit-box-shadow: inset 0 0 6px rgba(70,70,70,0.5);} #inside-content::-webkit-scrollbar-thumb:window-inactive {background: rgba(70,70,70,0.6);} h1 {font-family: 'Conv_BentonSans-Thin';font-size: 40px;font-weight: normal;line-height: 28px} h2 {clear: both;} .box-img img {margin-bottom:10px} .icon-pdf-print {position: absolute;width: 65px;height: 230px;font-family: 'BentonSans-Medium';font-weight: normal;font-size: 13px;top: 50%;margin-top: -115px;right: -90px} .icon-pdf-print > a {width: 65px;background: url(../images/sprite-pdf-print.png) no-repeat;position: absolute;display: block;padding-top:70px;text-align: center;color:#645850;font-size: 12px;text-transform:uppercase;} .icon-pdf-print a.pdf {top: 0px} .icon-pdf-print a.print {bottom:0px;background-position: -64px 0px} /*css for auto-complete*/ .form-search {position: relative;} .auto-complete {width: 406px;position: absolute;top: 50px;left:10px;list-style: none;z-index: 100} .auto-complete li {height: 30px;padding: 6px 5px;background: url(../images/eos_wikipedia_result-list.png) 0px 0px;cursor:pointer;overflow: hidden;} .auto-complete li.selected {background-position: 0px -29px;} .auto-complete li span {position: relative;white-space: nowrap;} .auto-complete li.selected span::after {content: " ";position: absolute;right:-15px;top:2px;width: 7px;height: 10px;background: url(../images/eos_wikipedia_result-arrow.png) no-repeat}