@import url(bootstrap.min.css);
@import url(font-awesome.min.css);

@font-face {
    font-family: 'OpenSans-Regular';
    src: url("../fonts/OpenSans-Regular.eot");
    src: url("../fonts/OpenSans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Regular.woff") format("woff"), url("../fonts/OpenSans-Regular.ttf") format("truetype"), url("../fonts/OpenSans-Regular.svg#OpenSans-Regular") format("svg");
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: 'OpenSans-Light';
    src: url("../fonts/OpenSans-Light.eot");
    src: url("../fonts/OpenSans-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Light.woff") format("woff"), url("../fonts/OpenSans-Light.ttf") format("truetype"), url("../fonts/OpenSans-Light.svg#OpenSans-Light") format("svg");
    font-weight: 300;
    font-style: normal
}
@font-face {
    font-family: 'OpenSans-Semibold';
    src: url("../fonts/OpenSans-Semibold.eot");
    src: url("../fonts/OpenSans-Semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Semibold.woff") format("woff"), url("../fonts/OpenSans-Semibold.ttf") format("truetype"), url("../fonts/OpenSans-Semibold.svg#OpenSans-Semibold") format("svg");
    font-weight: 600;
    font-style: normal
}
@font-face {
    font-family: 'KaushanScript-Regular';
    src: url("../fonts/KaushanScript-Regular.eot?v=4.4.0");
    src: url("../fonts/KaushanScript-Regular.eot?#iefix&v=4.4.0") format("embedded-opentype"), url("../fonts/KaushanScript-Regular.woff?v=4.4.0") format("woff"), url("../fonts/KaushanScript-Regular.ttf?v=4.4.0") format("truetype"), url("../fonts/KaushanScript-Regular.svg?v=4.4.0#kaushanscript-regular.eot") format("svg");
    font-weight: normal;
    font-style: normal
}

body {
    color: #5D5D5D;
    padding-top: 68px
}
.container {
    max-width: 980px
}
.header {
    background-color: #fff;
    padding: 12px 0 9px;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 99
}
.header .list-social {
    padding-left: 0
}
.header .list-social li {
    display: inline-block;
    border: none
}
.header .list-social li.list-social-item {
    padding: 0px 10px
}
.header .list-social li.list-social-item a {
    color: #fff;
    text-decoration: none
}
.jumbotron {
    background: transparent url("../images/cabecera.jpg") no-repeat scroll center top/cover;
    min-height: 600px;
    margin-bottom: 8px
}
.jumbotron h1 {
    font-family: 'KaushanScript-Regular';
    font-size: 96px;
    color: #ffffff;
    text-shadow: 0 0 10px #333
}
p.pie-foto {
    font-family: 'OpenSans-Regular';
    font-size: 14px;
    color: #5D5D5D
}
p.pie-foto span {
    font-family: 'OpenSans-Semibold';
    font-size: 11px
}
p a {
    border-bottom: 1px solid #02cfa0;
    color: #5d5d5d;
}
p a:hover,
p a:focus{
    text-decoration: none!important;
    color: #5d5d5d!important;
}
.post-item p {
    font-family: 'OpenSans-Light';
    font-size: 18px
}
.post-item .red-box {
    background-color: #02cfa0;
    height: 335px;
    max-width: 335px
}
.post-item .red-box p.pie-foto {
    line-height: 1em;
    color: #ffffff
}
.post-item .red-box h2 {
    font-family: 'OpenSans-Light';
    font-size: 36px;
    color: #ffffff;
    line-height: 1em
}
.post-item .red-box.pos-left {
    position: absolute;
    left: 0;
    top: 15%
}
#videoMicro {
    color: #fff;
    background-color: #02cfa0;
    padding: 100px 0px;
}
#videoMicro h3 {
    font-family: 'KaushanScript-Regular';
    font-size: 48px;
    margin-bottom: 30px;
}
.redesAbsolute {
    position: fixed;
    top: 40%;
    left: 0px;
    z-index: 1;
}
.redesAbsolute .list-social {
    padding: 0px;
    margin: 0px;
}
.redesAbsolute .list-social-item {
    display: block;
    height: 60px;
    list-style: outside none none;
    text-align: center;
    width: 70px;
}
.redesAbsolute .list-social-item a {
    display: block;
    width: 100%;
    text-align: center;
}
.redesAbsolute .list-social-item:first-child:before {
    content: 'ver video';
    display: block;
    text-transform: uppercase;
    font-size: 10px;
    color: #fff;
    text-align: center;
}
.redesAbsolute .list-social-item:first-child {
    background-color: #02cfa0;
}
.redesAbsolute .list-social-item:first-child .fa {
    background: url("../images/player.svg") no-repeat 12px 5px;
    display: block;
    width: 35px;
    height: 35px;
    border: 1px solid #fff;
    border-radius: 50%;
    margin: 5px auto;
}
.redesAbsolute .list-social-item:nth-child(2) {
    background-color: #314a7e;
}
.redesAbsolute .list-social-item:nth-child(3) {
    background-color: #339dc3;
}
.redesAbsolute .list-social-item:nth-child(4) {
    background-color: #dc4335;
}
.redesAbsolute .list-social-item .fa {
    color: #fff !important;
    font-size: 30px !important;
    line-height: 2;
}

@media (max-width: 991px) {
    .post-item .red-box.pos-left {
        left: 10%;
        top: 65%
    }
}
@media (max-width: 767px) {
    .post-item .red-box.pos-left {
        max-width: inherit;
        position: relative;
        left: 0;
        top: 0
    }
}

.post-item .red-box.pos-right {
    position: absolute;
    right: 0;
    top: 15%
}

@media (max-width: 991px) {
    .post-item .red-box.pos-right {
        right: 10%;
        top: 65%
    }
}
@media (max-width: 767px) {
    .post-item .red-box.pos-right {
        max-width: inherit;
        position: relative;
        right: 0;
        top: 0
    }
}

.post-item .img-align-right {
    float: right
}

@media (max-width: 991px) {
    .post-item .img-align-right {
        float: none
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .post-item .post-text {
        margin-top: 150px
    }
}

.entrada p {
    font-family: 'OpenSans-Light';
    font-size: 18px;
    color: #5D5D5D
}
.entrada p.legend {
    font-family: 'OpenSans-Regular';
    font-size: 26px;
    color: #02cfa0
}
.sub-footer p {
    font-family: 'OpenSans-Regular';
    font-size: 20px;
    color: #5D5D5D
}
.footer {
    background-color: #02cfa0;
    margin-top: 85px
}
.footer p {
    color: #ffffff;
    font-family: 'OpenSans-Regular';
    font-size: 16px;
    line-height: 1.2em
}
.footer p span {
    font-size: 14px
}
.footer p.factoria-logo {
    font-family: 'OpenSans-Semibold';
    font-size: 12px
}
.footer p.factoria-logo a{
    color: #ffffff;
}

@media (max-width: 768px) {
    .redesAbsolute {
        display: none;
    }
    .jumbotron {
        min-height: auto !important;
    }
}

@media (max-width: 640px) {
    .jumbotron h1 {
        font-size: 66px;
    }
}

@media (max-width: 768px) {
    .footer {
        padding-bottom: 50px
    }
    .jumbotron h1 {
        font-size: 46px;
    }
}

.footer-social {
    background-color: #02cfa0;
    padding: 12px 0 9px;
    position: fixed;
    left: 0;
    width: 100%;
    bottom: 0
}
.footer-social .list-social {
    padding-left: 0
}
.footer-social .list-social li {
    display: inline-block;
    border: none
}
.footer-social .list-social li.list-social-item {
    padding: 0px 10px
}
.footer-social .list-social li.list-social-item a {
    color: #fff;
    text-decoration: none
}
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/*# sourceMappingURL=main.css.map */