body{font-family:"Helvetica Neue", Helvetica, Arial, sans-serif!important;}
h1, h2{font-weight:bold!important;}
body{background:#e0eaf7!important;}
body .related h3{font-size:14px}

body .category-list{display:flex; flex-wrap:wrap;}
body .category-list .category{min-height:120px; flex:1 1 33%; display:inline-flex; flex-flow:column; justify-content:center; border:2px solid #a5c7df; border-radius:5px; overflow:hidden;}
body .category-list .category, body .category-list .category:hover{position:relative; background:#fff;}

body .category-list .category:before{content:""; position:absolute; top:0; left:0; height:15px; width:100%;}

body #docsSearch{background:#fff; padding-top:35px;}
body #docsSearch h1{margin:auto;}
body .category-list h3{font-weight:bold;}
body .category-list .category:hover{border-color:#0070b8;}
body .category-list .category p{color:#999;}
body .category-list .article-count{font-size:16px;}
body #docsSearch #searchBar button{
  background:#f3a926;
  background:linear-gradient(#fff 0,#ffe6a0 2%,#ffba00 100%),#ffcf4c;
  color: #444; text-shadow:none; font-weight:bold;
}
body #docsSearch #searchBar button:hover, body #searchBar button:active{background:#ffcf4c; color:#000;}
body #searchBar .search-query{border:1px solid #a5c7df;}
body #searchBar .search-query:focus{border-color:#0070b8;}

#fullArticle:before, #fullArticle:after{content:" "; display:table;}
#fullArticle:after{clear:both;}

body{background:#f0f0ff!important;}
body #main-content{background:none;}
body #main-content .contentWrapper{border:0; border-radius:5px 5px 0 0;}
/*body #fullArticle .printArticle{top:205px;}*/
body #main-content .related{background:#e0eaf7; border-radius:0 0 5px 5px;}
body #sidebar .nav a{font-size:16px;} 
body #sidebar form button{width:50px; right:0;}
.topImg{position:absolute; z-index:1; top:0; left:0; height:180px; width:100%; background-size:cover;}
body .topTitle{position:absolute; top:120px; color:#fff!important; z-index:2; text-shadow:0 1px 2px rgba(0,0,0,.6)}

body .search-query{border:1px solid #a5c7df!important;}
body .articleList li:last-child{margin-bottom:0;}

#categoryHead .sort select{min-width:145px; width:auto;}

@media (max-width: 768px){
	body .category-list .category{margin:7px;}
}

@media (max-width: 480px){
	body .category-list .category{width:100%; flex:1 1 100%;}
}


.modal-subs {
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.6);
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
}

/* Contenido del modal */
.modal-content {
    background-color: #fefefe;
    margin: 10% 5% 15% auto;
    padding: 0 20px;
    border: 1px solid #888;
    width: 80%;
    max-width: 420px;
    position: relative;
    padding-top: 10px;
    border-radius: 5px;

}

/* Cerrar el modal */
.close {
    color: #aaa;
    float: right;
    font-size: 2rem;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.email {
    padding: 10px 5px !important;
    flex-grow: 2;
    font-size: 1rem !important;
    border-radius: 0 !important;
    line-height: 0 !important;
    box-shadow: none !important;
    margin-bottom: 0 !important;
    height: auto !important;
}

.button {
    font-size: 1rem;
    padding: 12px 20px;
    background-color: #0070b8;
    color: white;
    border: none;
    flex-grow: 1;
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: bold;
}

.modal-content h2 {
    text-transform: uppercase;
    line-height: 1.5;
    color: #0070b8;
    font-size: 1.7rem;
}

.form {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.tyc {
    font-style: italic;
    margin: 10px 0 30px 0;
    font-size: 0.7rem;
    color: #666;
}