@import url(http://fonts.googleapis.com/css?family=Muli:300,400);

body { margin: 0; font-family: 'Muli', sans-serif; }
div, ul {-moz-box-sizing: border-box; -webkit-box-sizing: border-box;  box-sizing: border-box; }
.row { max-width: 1082px; margin: 0 auto; padding: 0 30px; }
a { text-decoration: none; }
img { max-width: 100%; }
p { font-size: 1.1rem; line-height: 1.8rem; margin: 0 0 20px; }
.text-center { text-align: center; }
h2 { font-size: 1.5rem;text-transform: uppercase;margin: 0;  }
h3 { margin-bottom: 10px; }
.button { border: 1px solid #fba827; padding: 11px 15px; color: #fba827; border-radius: 5px; }
.button:hover { border-color: #c08221; color: #c08221; }

/* ----------- HEADER ----------- */
.header_wrap { background: url('images/background_header.jpg') center top no-repeat #ac8059; padding-top: 277px; }
.header_wrap2 { background: url('images/background_white.png'); padding: 40px 0; }
.header {  text-align: center;   }
.header_wrap h2 { text-transform: none;font-size: 2rem; }
.header img {   }
.nav_wrap ul { margin: 0; padding:10px 0; }
.nav_wrap li { display: inline-block; }
.nav_wrap li a { margin: 0 10px; text-transform: uppercase; color: #582700; }
.nav_wrap li a:hover { color: #f15a22; }
.nav_wrap { text-align: center;  background: url('images/background_white2.png');}
@media only screen and (min-width: 1400px) {
    .header_wrap { background-size: cover; }
}
.bienvenidos { color: #fff; padding: 66px 30px;   }
.bienvenidos_wrap { background: url('images/background_bien.png') bottom repeat-x; }
@media only screen and (min-width: 800px) {
.nav.sticky { position: fixed; top: 0; left: 0; right: 0;  background: url('images/background_white.png'); width: 100%; padding: 10px;  }
}
@media only screen and (max-width:1028px) {
    .nav_wrap li a { font-size: .7rem;}
}
@media only screen and (max-width:729px) {
    .nav_wrap li { display: block; width: 100%; border-top: 1px solid #fff; }
    .nav_wrap li a { font-size: .9rem; padding: 5px; display: block;  }
    .nav_wrap ul { margin: 0 -30px; padding: 0; }
    .header img { width: 90%; max-width: 546px; }
}


/* ----------- FEATURED PDF ----------- */
.featured_pdf_wrap {  min-height: 555px; background: url('images/background_featured.jpg') center no-repeat #00467f; }
.featured_pdf { color: #fff; padding: 78px 30px;  }
.featured_pdf img { float: left; margin-right: 36px; }
.featured_pdf h2 {  margin: 64px 0; }
.featured_pdf .button { margin-top: 70px;  }

@media only screen and (max-width:911px) {
    .featured_pdf img { float: none; margin: 0 auto; display: block; }
    .featured_pdf .button { float:none;  }

}

/* ----------- MATERIALES ----------- */
.materiales{ max-width: 857px; padding: 50px 30px;}
.materiales p { max-width: 735px; margin: 0 auto; }
.materiales ol { margin: 0 0 50px; padding:0 0 0 26px; line-height: 1.2rem; }
.materiales ol li { clear: both;  background: url('images/dotted_line.gif') bottom repeat-x; }
.materiales .button {
    padding: 5px;
    font-size: 0.8rem;
    text-align: right;
    margin-bottom: 5px;
    background: url('images/icon_files.gif') no-repeat #fff; width: 115px;
    float: right;
}
.button.word { background-position: 10px 4px; }
.button.mp3 { background-position: 10px -120px; }
.button.jpg { background-position: 10px -57px; }
.button.pdf { background-position: 10px -90px; }
.button.excel { background-position: 10px -27px; }
.materiales li span { background: #fff; }

@media only screen and (max-width:679px) {
    .materiales .button {float: none;  display: block; margin-top: 5px;  }
    .materiales ol li { background: 0;  }
    .type { display: none !important; }
}

/* ----------- PUBLICATIONS ----------- */
.publications_wrap { background: url('images/background_publications.jpg') center no-repeat; padding: 20px; color: #fff; }
.publications { max-width: 818px; background: url('images/background_blue.png'); padding: 36px; overflow: hidden; }
.publications ul { float: left; width: 50%; margin: 0; padding: 0 0 0 60px; }
.publications li { font-size: 1.1rem; margin: 18px 0;  }
.publications a { color: #fff; }
.publications a:hover { opacity: .8; }
@media only screen and (min-width: 1400px) {
   .publications_wrap { background-size: cover; }
}
@media only screen and (max-width: 660px) {
    .publications ul { float: none; width: 100%;  }
}

/* ----------- VIDEO ----------- */
.video_wrap { background: #f7f7f7; padding: 107px 30px; border-bottom: 1px solid #d2d2d2; }
.video { max-width: 857px; }
.video iframe { display: block; margin: 0 auto; width: 100%; margin-bottom: 20px; min-height: 510px; }

@media only screen and (max-width:679px) {
    .video iframe { height: 300px !important; min-height: 300px; }
}


/* ----------- FOOTER ----------- */
.footer { text-align: center; padding: 63px 0; }
.footer img { margin-bottom: 63px; }
.footer img { margin: 0 21px 20px;   max-height: 90px;   }
@media only screen and (max-width: 475px) {
    .footer img { max-width: 100%; max-height: 50px; height: auto;margin: 0 0 20px; }
    .footer { padding: 30px; }
}