@font-face {
	font-family: 'Raleway';
	src: url('fonts/Raleway/Raleway.eot?') format('eot'), 
	     url('fonts/Raleway/Raleway.woff') format('woff'), 
	     url('fonts/Raleway/Raleway.ttf')  format('truetype'),
	     url('fonts/Raleway/Raleway.svg#Raleway') format('svg');
}
body {
    font-size: 0.625em;
    margin: 0;
    padding: 0;
    font-family: 'Raleway', sans-serif;
    background: #25729f;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

.pulir {

}

.nine {
    width: 968px;
}

.twelve {
    width: 1304px;
    margin: 0 auto;
    display: block;
    position: relative;
}

.backGrey {
    background: url(../img/jpg/backgrounds/content-background.jpg) repeat top left transparent;
}

section#main {
    margin-top: 60px;
}

section#main > section#bookSelf {
    border-bottom: 0px;
    margin: 0 auto 40px;
    background-color: transparent;
}

#bookSelf .shelf {
    background-image: url(../img/svg/backgrounds/blueShelf.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    width: 100%;
    height: 270px;
    position: relative;
}

.shelf li {
    position: absolute;
    bottom: 88px;
    box-shadow: 0 0 10px #999;
    list-style: none;
}

.shelf li.book0 { left: 50px; }
.shelf li.book1 { left: 236px; }
.shelf li.book2 { left: 416px; }
.shelf li.book3 { left: 605px; }
.shelf li.book4 { left: 796px; }
.shelf li.book5 { left: 790px; }

.shelf li a {
    float: left;
    width: 121px;
    overflow: hidden;
}

.shadowBook {
    background-image: url(../img/svg/misc/shadowBook.png);
    background-position: left top;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background-size: cover;
}

.shelf li a img {
    width: 100%;
}

.fullEbook {
    opacity: 0.6;
}

.fullEbook:before {
    content: "OCUPADO";
    position: absolute;
    left: 3%;
    top: 40%;
    color: #25729f;
    background-color: #ffe83d;
    font-size: 18px;
    text-align: center;
    width: 94%;
    transform: rotate(-26deg);
    font-weight: 900;
}

body { font-size: 0.625em; margin: 0; padding: 0; font-family: 'Raleway', sans-serif; background: #25729f; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }
.backGrey { background: url(../img/jpg/backgrounds/content-background.jpg) repeat top left transparent; }
.twelve { width: 1304px; margin: 0 auto; display: block; position: relative; }
.nine { width: 968px; }
#bookSelf { border: none; background-color: transparent; }
section#bookSelf.proferLab header { background-image: url(/img/jpg/misc/logoProferPeque.jpg); background-position: left center; background-repeat: no-repeat; padding-left: 190px !important; background-size: 168px;}
section#bookSelf.proferLab header h2 { }
section#bookSelf.proferLab header a { display: inline-block; color: #E5262B; font-size: 16px; clear: both; margin-top: 4px;}
#bookSelf header { margin: 0; background-color: #fff; border-bottom: 1px solid #c5c5c5; border-left: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; border-top: 4px solid #ffe83d; padding: 20px; display: inline-block; width: 100%; margin-bottom: 60px; }
#bookSelf header h2 { padding: 0; margin: 0; border: none; float: left; width: auto;}
#bookSelf .shelf { margin: 0; padding: 0; background-image: url(/img/svg/backgrounds/blueShelf.png); background-position: center bottom; background-repeat: no-repeat; width: 100%; height: 270px; position: relative; }
.shelf li { list-style: none; position: absolute; bottom: 88px; box-shadow: 0 0 10px #999;} 
.shelf li.book0 { left: 50px;}
.shelf li.book1 { left: 236px;}
.shelf li.book2 { left: 416px;}
.shelf li.book3 { left: 605px;}
.shelf li.book4 { left: 796px;}
.shelf li.book5 { left: 790px;}
.shelf li a { float: left; width: 121px; overflow: hidden; } 
.shelf li a img { width: 100%;} 
.shadowBook { background-image: url(/img/svg/misc/shadowBook.png); background-position: left top; background-repeat: no-repeat; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; background-size: cover;}
section#main > section#bookSelf { border-bottom: 0px !important; margin: 0 auto; padding-top: 80px; }
section#main > section:last-of-type { border-bottom: 1px solid #c5c5c5 !important; }

/* MIGUEL */

.institutionImage {
    text-align: center;
    margin: 20px 0;
}

.institutionImage > img {
    max-width: 360px;
    max-height: 120px;
    border-radius: 3px;
    box-shadow: 0px 1px 1px #E4E1E1;
}

.links {
    margin-bottom: 60px;
    text-align: center;
}

.links > a {
    padding: 5px 10px;
    background-color: #fff;
    color: #25729F;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    line-height: 1.5;
    border-radius: 3px;
    border: 1px solid #e1e8ed;
    box-shadow: 0px 2px 1px #E4E1E1;
    text-shadow: 0 1px 0 rgba(0,0,0,.1);
    transition-duration: .2s;
    -moz-transition-duration: .2s;
    -webkit-transition-duration: .2s;
}

.links > a:hover {
    color: #555;
    background-color: #F3F2F2;
    border-color: rgba(0,0,0,.1);
    text-decoration: none;
}

@media screen and (max-width: 1310px) {
    .twelve { width: 621px; }
    .nine { width: 100%; }
    #bookSelf .shelf { zoom: 100% !important;}
    .shelf li.book0 {left: 20px;}
    .shelf li.book1 {left: 181px;}
    .shelf li.book2 {left: 343px;}
    .shelf li.book3 {left: 503px;}
    #bookSelf .shelf { background-size: 100%; background-position: center 180px;}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .twelve { width: 621px; }
    .nine { width: 100%; }
    #bookSelf .shelf { zoom: 100% !important;}
    .shelf li.book0 {left: 20px;}
    .shelf li.book1 {left: 174px;}
    .shelf li.book2 {left: 328px;}
    .shelf li.book3 {left: 481px;}
    #bookSelf .shelf { background-size: 100%;}
}

@media only screen and (max-width: 767px) {
    .twelve { width: 420px; }
    .nine { width: 100%; }
    #bookSelf .shelf { zoom: 100% !important;}
    .shelf li.book0 {left: 15px;}
    .shelf li.book1 {left: 164px;}
    .shelf li.book2 {left: 328px;}
    .shelf li.book3 {left: 481px;}
    #bookSelf .shelf { background-size: 100%;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    #bookSelf .shelf { zoom: 100% !important;}
    .shelf li.book0 {left: 11px;}
    .shelf li.book1 {left: 150px;}
    .shelf li.book2 {left: 288px;}
    .shelf li.book3 {left: 481px;}
    #bookSelf .shelf { background-size: 100%;}
}