@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600);

body {
    font-family: "Open Sans",sans-serif;
    background:#fefefe;
}

#content .article-description p {
    font-size:16px;
}

a, a:link {
    color:#000;
    text-decoration:underline;
}
a:hover, a:focus {
    color:#888;
    text-decoration:none;
}
a.btn, a.btn:link, .nav a, .nav a:link, .attr-nav a, .attr-nav a:link {
    text-decoration:none;
}

h2 a, h3 a, h4 a, h2 a:link, h3 a:link, h4 a:link {
    text-decoration:none;
    font-weight:600;
}

.page-header h2 {
    text-transform:uppercase;
    font-weight:300;
}

.wrapper {
    background: #fefefe url(../img/background.gif);
}

section .container {
    background:#fff;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
}
section#press {
    border-bottom:1px solid #ccc;
    background:#fff url(../img/background.png);
}
section#press .container {
    background:transparent;
    border-left:none;
    border-right:none;
}


/* Contacto */

.legal.col-sm-12 {
    padding-left:30px;
    padding-right:30px;
}
#submit-id-send {
    margin-right:15px;
}

/* Top scroll button */

#top-link-block.affix-top {
    position: absolute; /* allows it to "slide" up into view */
    bottom: -82px;
    right: 20px;
}
#top-link-block.affix {
    position: fixed; /* keeps it on the bottom once in view */
    bottom: 18px;
    right: 20px;
}
#top-link-block .btn {
    padding: 9px 12px;
}
#top-link-block .btn-link,
#top-link-block .btn-link:active,
#top-link-block .btn-link:focus,
#top-link-block .btn-link:hover {
    border-radius:20px;
    border:1px solid #337ab7;
    background:#fff;
}

/* Header */

#header {
    border-bottom:1px solid #e0e0e0;
    padding-top:10px;
    padding-bottom:10px;
    background:#fff url(../img/header-bg.jpg) repeat-x bottom right
}
#header .slogan {
    padding-top:10px;
    font-size:1.1em;
    text-shadow:1px 1px 4px #fff;
}
#header strong {
    display:block;
}
@media (max-width: 320px) {
    #header .slogan {
        text-align:center;
        font-size:12px;
        line-height:1em;
    }
}
@media (min-width: 321px) and (max-width: 768px) {
    #header .slogan {
        font-size:14px;
        line-height:1.1em;
    }
}

/* Navigation */

.attr-nav a:hover {
    text-decoration:none;
    color:#000;;
}

nav.navbar.bootsnav ul.nav > li > a:hover {
    color:#000;
}

/* Article */
.article-meta {
    margin-bottom:10px;
}
.article-item.full-content .article-description {
    text-align:justify;
}
.article-item .article-description {
    text-align:justify;
}

/* Frontpage news & Press & Quienes somos*/
#frontpage-news .page-header,
#quienes-somos .page-header {
    margin:10px 0;
}
#frontpage-news .page-header h2,
#quienes-somos .page-header h2 {
    font-size:20px;
    text-transform:uppercase;
    font-weight:300;
}
#frontpage-news #asociacion .page-header {
    padding-top:1px;
    background:#fff url(../img/logo-rondilla-mini.jpg) no-repeat left center;
    padding-left:70px;
}
#frontpage-news #fundacion .page-header {
    padding-top:1px;
    background:#fff url(../img/logo-fundacion-mini.jpg) no-repeat left center;
    padding-left:70px;
}
#frontpage-news h3 {
    margin-top:0px;
    font-size:18px;
}
@media (max-width: 768px) {
    #frontpage-news #galerias .article-item {
        min-height:380px;
    }
}
#frontpage-news .thumbnail {
    background: #FFF none repeat scroll 0% 0%;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    border-radius:0px;
}
#frontpage-news .thumbnail h3,
#galerias .thumbnail h3 {
    margin:5px 0 0;
    font-size:14px;
    font-weight:600;
    text-align:center;
}
@media (min-width: 768px) {
    #galerias .thumbnail {
        position:relative;
    }
    #galerias .thumbnail h3 {
        font-weight:300;
        font-size:13px;
        padding:9px;
        margin:0px;
    }
    #galerias .thumbnail .caption {
        background:#fff;
        height:0px;
        overflow:hidden;
        transition: height 2s linear 1s;
        padding:0px;
        max-width:100%;
    }
    #galerias .thumbnail:hover .caption {
        height:auto;
        z-index:1000;
        position:absolute;
        bottom:0px;
    }
}
#tags p {
    line-height:1.7;
}
#tags a {
    text-decoration:none;
}

#press .card {
    padding:20px 30px;
/*
    margin-top:30px;
*/
    margin-top:10px;
    text-align:center;
    background: transparent;
    box-shadow: none;
    margin-bottom: 0px;
}
#press .card h2 {
    font-size:20px;
    text-transform:uppercase;
    font-weight:300;
    margin-top:0px;
}

.press.well {
    background:#fff url(../img/background.png);
}
.press.well h3 {
    text-align:center;
    text-transform:uppercase;
    font-weight:300;
    font-size:18px;
    margin-top:10px;
}

/* Pagina Asociacion */
#fundacion .noticias h4,
#asociacion .noticias h4 {
    margin-top:0px;
}

/* Material tabs */
.card {
    background: #FFF none repeat scroll 0% 0%;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    margin-bottom: 30px;
}
.card .nav-tabs {
    border-bottom: 2px solid #DDD;
    font-size:15px;
}
.card .nav-tabs > li.active > a,
.card .nav-tabs > li.active > a:focus,
.card .nav-tabs > li.active > a:hover {
    border-width: 0;
}
.card .nav-tabs > li > a {
    border: none; color: #666;
}
.card .nav-tabs > li.active > a,
.card .nav-tabs > li > a:hover {
    border: none;
    color: #4285F4 !important;
    background: transparent;
}
.card .nav-tabs > li > a::after {
    content: "";
    background: #4285F4;
    height: 2px;
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: -1px;
    transition: all 250ms ease 0s;
    transform: scale(0);
}
.card .nav-tabs > li.active > a::after,
.card .nav-tabs > li:hover > a::after {
    transform: scale(1);
}
.card .tab-nav > li > a::after {
    background: #21527d none repeat scroll 0% 0%;
    color: #fff;
}
.card .tab-pane {
    padding: 15px 0;
}
.card .tab-content {
    padding:20px 40px;
    font-size:15px;
}
@media (max-width: 320px) {
    .card .tab-content {
        padding:10px 20px;
        font-size:14px;
    }
    .nav-tabs > li {
        float:none;
    }
}

/* Footer */

footer {
    background:#f9f9f9;
    border-top:1px solid #ccc;
}
footer h3 {
    font-weight:300;
    text-transform:uppercase;
    font-size:20px;
    margin-bottom:20px;
}
footer .redes {
    background:#000;
    padding:30px 0;
    font-size:2em;
    margin-top:0px;
}
footer .redes a:hover {
    text-decoration:none;
}

footer .copy {
    padding:20px 0 10px;
    font-size:0.9em;
}