* { margin: 0; padding: 0; font-family: 'Roboto', sans-serif; position: relative; }
@import url(http://fonts.googleapis.com/css?family=Roboto:400,900italic,900,700italic,700,500,500italic,400italic,300italic,300,100italic,100|Roboto+Condensed:700italic,700,400italic,400,300italic,300|Roboto+Slab:100,300,400,700&subset=latin,cyrillic-ext,greek-ext,greek,vietnamese,latin-ext,cyrillic);
html, body { height: 100%; background-color: #fff; }

header {height:315px; background:url(../images/bg-header.jpg) no-repeat; background-size: 100% 100%; overflow:hidden;}

.instituicao {width:100%; height:100%; background-color:rgba(242, 104, 51, 0.9)}
.logo-instituicao, .logo-dotlib {display:table; height:190px; z-index:999; position:relative;}
.logo-instituicao span, .logo-dotlib span {display:table-cell; vertical-align:middle;}
.logo-dotlib {text-align:right; width:100%;}
.sigla {font-family: 'Roboto Slab', serif; font-size:54px; color:#fff; font-weight:700; line-height:54px;}
.chamada {font-family: 'Roboto Condensed', sans-serif; color:#fff; font-size:39px; font-weight:300; line-height:39px;}
.textoint {font-family: 'Roboto', sans-serif; color:#2b2b2b; font-size:24px; font-weight:100; line-height:45px;}
.textoacesso {font-family: 'Roboto', sans-serif; color:#fff; font-size:24px; font-weight:700; line-height:39px;}

.itens {padding:30px 0;  background-color:#439acc; overflow:hidden;}
.itens { color:#fff; font-size:21px; font-weight:300; line-height:30px;}

.itens .texto p { display:table-cell; height:100%; vertical-align:middle; padding-right:35px;}
.itens .texto a { color:#96d9ff;}
.itens .texto a:hover { color:#666;}
.itens strong {font-weight:600;}
.interna .itens { height:auto; min-height:0; padding:35px 0; }
.interna .itens h3 {font-size:36px; color:#fff; font-weight:400;}

.editoras {background-color:#f7f7f7; padding:40px 0;}
.editoras .border {width:84%; border-left:6px solid #eb6532; margin-top:15px; padding-left:25px; color:#424242;}
.editoras .row div {margin-bottom:30px;}
.editoras h3 { font-size:18px; color:#eb6532; font-family: 'Roboto Slab', serif;}
.editoras h3 span {display:block; color:#424242; font-family: 'Roboto Condensed', sans-serif; font-weight:300;}
.editoras p {margin:18px 0 10px 0; font-size:14px; font-weight:400; width:90%; }
.editoras .bt {display:inline-block; text-decoration:none; background-color:#3e98cb; color:#fff; text-transform:uppercase; font-weight:700; font-size:11px; padding:5px 25px; border-radius:15px;transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;}
.editoras .bt:hover {background-color: #eb6532;}
.editoras a i {font-style:normal; display:inline-block; width:6px; height:10px; background:url(../images/bullet.png) no-repeat; margin-right:8px;}


.selects {background-color:#f7f7f7; padding:40px 0;}
.selects h3 {font-size:18px; color:#eb6532; font-family: 'Roboto Slab', serif; width:70%;}
.selects select {margin-top:10px; border:0; width:90%; font-size:14px; padding:2px;}
.selects .col {padding-bottom:50px;}


footer { background-color:#dfdfdf; min-height:110px; line-height:110px;}
footer .logo {display:table; height:110px;}
footer .logo span {display:table-cell; vertical-align:middle;}
footer .col:last-child {text-align:right; font-size:12px; color:#171717; opacity:0.2;}

@media ( max-width : 767px ) {

header {height:auto; text-align:center;}
.instituicao { padding-bottom:30px;}
.logo-instituicao, .logo-dotlib {display:block; height:auto; padding:20px;}
.logo-instituicao span, .logo-dotlib span {display:block;}
.logo-dotlib {text-align:center; width:100%; padding-bottom:40px;}

.itens { height:auto; padding:30px 0; min-height:0; max-height:100%;}

footer { min-height:0; text-align:center; padding-top:25px;}
footer .logo { display:block; height:auto;}
footer .logo span {display:block; }
footer .col:last-child {text-align:center;}