/*
Theme Name: Hueman Tuesta 2
Theme URI: http://alxmedia.se/themes/hueman/
Version: 2.2.5
Description: Tema hijo de Hueman (2do hijo)
Author: Alexander Agnarson
Author URI: http://alxmedia.se
Template: hueman
Tags: light, one-column, two-columns, three-columns, right-sidebar, left-sidebar, fluid-layout, fixed-layout, responsive-layout, custom-colors, custom-menu, featured-images, flexible-header, full-width-template, post-formats, sticky-post, theme-options, threaded-comments, translation-ready
Text Domain: hueman

        Copyright: (c) 2015 Alexander "Alx" Agnarson
        License: GNU General Public License v3.0
        License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

@import url("../hueman/style.css");

body {
    font: 14px arial,helvetica,clean,sans-serif !important;
    font-family: arial,helvetica,clean,sans-serif !important;
}

img.wp-post-image {
    height: auto;
    max-width: 100%;
}

.site-title a img {
    margin: 0;

}

.site-title {
    float: left;
}

.read-more {
    background-image: url("images/arrow.png");
    background-repeat: no-repeat;
    float: right;
    margin: 10px 0;
    padding-left: 20px;
    font-weight: bold;
}

.page-title {
    background: #25578f !important;
}

h1.post-title, h1.post-title a {
    color: #ffffff !important;
}


.entry.excerpt {
    color: #bcbebf !important;
}

.entry {
    line-height: 1.2em !important;
}

.widget > ul li::before, .widget > ul li a::before, .widget > div > ul li a::before, .widget_calendar caption::before {
    color: #ffffff !important;
}

.widget a {
    color: #ffffff !important;
}

a, .themeform label .required, #flexslider-featured .flex-direction-nav .flex-next:hover, #flexslider-featured .flex-direction-nav .flex-prev:hover, .post-hover:hover .post-title a, .post-title a:hover, .s1 .post-nav li a:hover i, .content .post-nav li a:hover i, .post-related a:hover, .s1 .widget_rss ul li a, #footer .widget_rss ul li a, .s1 .widget_calendar a, #footer .widget_calendar a, .s1 .alx-tab .tab-item-category a, .s1 .alx-posts .post-item-category a, .s1 .alx-tab li:hover .tab-item-title a, .s1 .alx-tab li:hover .tab-item-comment a, .s1 .alx-posts li:hover .post-item-title a, #footer .alx-tab .tab-item-category a, #footer .alx-posts .post-item-category a, #footer .alx-tab li:hover .tab-item-title a, #footer .alx-tab li:hover .tab-item-comment a, #footer .alx-posts li:hover .post-item-title a, .comment-tabs li.active a, .comment-awaiting-moderation, .child-menu a:hover, .child-menu .current_page_item > a, .wp-pagenavi a {
    color: #ffffff !important;
}

.post-tags {
    margin-bottom: 2px;
    clear: both;
    color: #37bde9;
    line-height: 12px;
    float: left;
    width: 100%;
}

.post-tags a {   
    background: none;
    color: #37bde9 !important;
    font-size: 11px;
    line-height: 0px;
    margin: 0px;
    padding: 1px 3px;
}

.post-tags a:hover {
    text-decoration: underline !important;
}

.post-tags span {
    color: #ffffff !important;
}

.sidebar-content h3 {
    color: #ffffff !important;
}

#dia-blog-counter-content {
    color: #ffffff !important;
}

.sbe-widget-subscribe-form {
    color: #ffffff !important;
}

#flexslider-featured .flex-direction-nav a {
    background: none !important;
}

.page-title h3, .page-title h2 {
    color: #ffffff !important;
}

.entry-inner {
    color: #ffffff !important;
}

.flex-active {
    background-color: #0d2556 !important;
}

.wp-pagenavi a:hover{
    border-bottom-color: #0d2556 !important;
}

.sidebar-content, .sidebar {
    background: #25578f !important;
}

.post-list .post-row {
    border-bottom: none !important;
}

.post-nav a strong, .post-nav a span {
    color: #ffffff !important;
}

section.content .pad h4 {
    color: #ffffff !important;
}

#comments h3 {
    color: #ffffff !important;
}

#back-to-top {
    color: #0d2556 !important;
}

.page .pad {
    color: #ffffff;
}

#header-ads img {
    height: 190px !important;
}
.page-title h1, .page-title h2, .page-title h4 {
    color: #fff !important; 
}

.page-id-2 #stcpDiv {
    text-align: justify !important;
}

body.single .post-tags a {
    font-weight: bold !important;
}

body.single .related-posts {
    background: #ffffff !important;
    border-radius: 4px !important;
}

.commentlist .comment-body, .pinglist li {
    background: #FFFFFF !important;
    border-radius: 4px !important;
    margin-bottom: 5px !important;
    padding: 10px !important;
}

.comment-tabs li span {
    background: none !important;
}

.post-tags span.label {
    background: #0f3969 none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff !important;
    font-size: 10px;
    font-weight: normal;
    padding: 1px 5px;
    width: 54px;
}

.widget_tag_cloud {
    border-radius: 12px !important;
    background: #1e6b9f none repeat scroll 0 0 !important;
    color: #fff !important;
    margin: 20px !important;
}

.widget_tag_cloud a:hover {
    text-decoration: underline !important;
}

.sidebar-content h3 {
    font-weight: bold   !important;
}

.post-thumbnail {
    background: black none repeat scroll 0 0 !important;
    height: 200px !important;
    margin: 0 0 1% !important;
    text-align: center !important;
}

.post-thumbnail img {
    height: 100% !important;
    max-width: 100% !important;
    width: auto !important;
    margin: 0 auto !important;
}

#flexslider-featured .post-thumbnail {
    height: 420px !important;
}

.entry {
    line-height: 1em   !important;
}

.sharrre-container {
    margin-right: 0px;
    width: auto;
    padding: 0px;
    background: #25578f;
    margin-bottom: 10px;
}

.entry.share {
    padding-right: 0px !important;
}

.entry.share .entry-inner {
    float: none !important;
    width: 100%;
    padding: 0px !important;
    margin-top: 10px !important;
}
.sharrre {
    float: left !important;
    padding: 0px !important;   
    background: none !important;
    border-radius: 4px !important;
    margin: 2px !important;
}

article {
    text-align: justify !important;
}

.related-inner h4 a {
    color: #000 !important;
}
.share i.fa {
    background: #fff !important;
    border-radius: 4px !important;
}

.widget.subscribe-by-email, .widget.widget_dia_blogwidget, #archives-2, .widget_alx_tabs {
    border-radius: 12px !important;
    background: #0f3969 none repeat scroll 0 0 !important;
    color: #fff !important;
    margin: 20px !important;    
}

.widget_alx_tabs .tab-item-title {
    font-weight: bold !important;
}

.post-nav {
    margin-top: 10px !important;
}

.related-inner h4.post-title a:hover, .related-inner h4.post-title:hover,.related-inner  {
    color: #000 !important;
}

.related-posts .post-thumbnail {
    height: 150px !important;
}


.related-posts .related-inner {
    padding-left: 15px !important;
}

span.etiquetas {
    display: block;
    float: right;
    text-align: left;
    width: 77%;
}

#commentlist-container li.comment a {
    color: #777 !important;
}

#commentlist-container li.comment a:hover {
    text-decoration: underline !important;
}

#commentlist-container li.comment .reply a {
    color: #25578f !important;
}

.rating-stars {
    clear: both !important;
}

*::-moz-selection {
    background-color: #3b8dbd !important;
}

.post-date {
    font-size: 11px !important;
}

.entry-view {
    color: #fff !important;
    float: right !important;
}

.current-rating {
    margin-bottom: 10px !important;
}

.titulo-descripcion {
    float: left !important;
}

.site-description  { 
    float:unset !important;
}

/*CAMBIOS DESDE EL 2016-05-05*/

#header .container-inner {
    position: relative;
    max-width: 100%;
    background-color: #0D2556;
    margin-top: 30px;
    height: 164px;
}

#header .pad {
    padding: 0px;
}

.site-title a img {
    max-height: 77px;
}

.site-description {
    height: auto;
    display: inline-block;
    padding: 0;
    line-height: 20px;
    color: #fff;
    margin: 0px;
    font-style: normal;
    font-family: arial, helvetica, clean, sans-serif;
    font-size: 14px;
    font-weight: bold;
}

.titulo-descripcion {
    width: 275px;
    padding-top: 20px;
}

#header .pad {
    max-width: 1140px;
    margin: auto;
}

#header {
    background: none;
    padding: 0px;
}

.container.group {
    padding: 0px;
}

#page {
    margin-top: 20px;
}

body {
    background-color: #BBBEBF;
}

.container-inner {
    max-width: 1140px;
}

.main {
    background-color: #BBBEBF !important;
}

.content {
    width: 820px;
    background: #25578F;
}

.col-2cl .main-inner {
    padding: 0px;
    background: none;
}

.col-2cl .s1 {
    width: 300px;
    margin: 0px;
    margin-top: -20px;
}

#top-sidebar {
    float: left;    
    max-height: 154px;
    width: calc(100% - 275px);
}

#top-sidebar .widget {
    color: #FFF;
    list-style: none; 
    max-width: 320px;
    float: left;
    padding-top: 10px;
}

#top-sidebar .widget_sp_image {
    padding-top: 0px;
    float: right;
    width: 300px;
    height: 164px;
}

#top-sidebar .widget_sp_image h2.widgettitle {
    display: none;
}

#top-sidebar .widget_sp_image img {
    max-height: 164px;
}

#top-sidebar .widget .widgettitle {
    color: #FFF;
    list-style: none;
    text-align: center;
    padding-bottom: 20px;
}

#top-sidebar .widget_categories > ul > li a:before {
    content: inherit;
    content: initial;
}

#top-sidebar .widget_categories > ul > li {
    border: none;
    padding: 0px;
    font-size: 14px;
    float: left;
    width: 50%;
    font-family: Arial;
}

ul#menu-social-icons-menu > li {
    float: left;
    padding: 0 2px;
}

ul#menu-social-icons-menu > li a {
    border: none;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

ul#menu-social-icons-menu > li a:before {
    content: none;
}

ul#menu-social-icons-menu > li {
    background-repeat: no-repeat;
    width: 27px;
    height: 27px;
}

ul#menu-social-icons-menu > li.social-facebook {
    background-image: url(images/facebook.png);
}

ul#menu-social-icons-menu > li.social-twitter {
    background-image: url(images/twitter.png);
}

ul#menu-social-icons-menu > li.social-youtube {
    background-image: url(images/youtube.png);
}

ul#menu-social-icons-menu > li.social-flickr {
    background-image: url(images/f8.png);
}

ul#menu-social-icons-menu > li.social-google {
    background-image: url(images/gplus.png);
}

ul#menu-social-icons-menu > li.social-linkedid {
    background-image: url(images/linkedin.png);
}

ul#menu-social-icons-menu {
    width: 95px;
    padding-top: 50px; 
    float: left;
}

.menu-social-icons-menu-container {
    float: left;
    padding: 20px;
    padding-right: 80px;
}

.sidebar .widget {
    padding: 7%;
}

.menu-sidebar-menu-container ul li {
    height: 40px;
    background-position: left center, top right;
    background-repeat: no-repeat, no-repeat;
}

.menu-sidebar-menu-container ul li a {
    border: none; 
    padding-left: 54px;
    text-transform: uppercase;
    font-size: 12px;
    padding-top: 14px;
}

.menu-sidebar-menu-container > ul li a:before {
    content: none;
}

.menu-sidebar-menu-container > ul li.sidebar-inicio {
    background-image: url(images/home.png), url("images/lightblue.png");
    background-color: #0F3968;
}

.menu-sidebar-menu-container > ul li.sidebar-perfil {
    background-image: url("images/profile.png"), url("images/darkblue.png");
    background-color: #0D2556;
}
.menu-sidebar-menu-container > ul li.sidebar-sondeo{
    background-image: url(images/pool.png), url("images/lightblue.png");
    background-color: #0F3968;
}

.menu-sidebar-menu-container > ul li.sidebar-textos {
    background-image: url("images/file.png"), url("images/darkblue.png");
    background-color: #0D2556;
}
.menu-sidebar-menu-container > ul li.sidebar-data{
    background-image: url(images/data.png), url("images/lightblue.png");
    background-color: #0F3968;
}

.menu-sidebar-menu-container > ul li.sidebar-videos {
    background-image: url("images/video.png"), url("images/darkblue.png");
    background-color: #0D2556;
}
.menu-sidebar-menu-container > ul li.sidebar-administrar {
    background-image: url(images/adm.png), url("images/lightblue.png");
    background-color: #0F3968;
}

.menu-sidebar-menu-container > ul li.sidebar-contacto {
    background-image: url("images/contact.png"), url("images/darkblue.png");
    background-color: #0D2556;
}

.widget_search {
    background: #0d2556;
    border-top-left-radius: 12px 12px;
    border-top-right-radius: 12px 12px;
    border-bottom-left-radius: 12px 12px;
    border-bottom-right-radius: 12px 12px;
    margin: 20px;
    margin-top: 0;
}

#dia-blog-counter {
    padding: 0px;
}

#dia-blog-counter h3 {
    background-image: url("images/eye.png");
    background-color: #0d2556;
    text-align: center;
    line-height: 65px;
    height: 45px;
    border-top-left-radius: 12px 12px;
    border-top-right-radius: 12px 12px;
    background-repeat: no-repeat;
    background-position: center 8px;
    font-size: 9px;
    text-transform: lowercase;
    margin: 0px;
}

.widget.widget_dia_blogwidget {
    padding: 0 !important;
}

.widget.widget_dia_blogwidget ul {
    padding: 10px 20px;
}

#page .container-inner {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none;
}

.main {
    background-image: url("images/container-bg.PNG");
    background-repeat: repeat-y;
}

.featured .post-thumbnail {
    height: 420px !important;
    text-align: left !important;
}

body.home .page-title {
    display: none;
}

.pad {
    padding: 20px;
}

#flexslider-featured .flex-direction-nav {
    top: 15px;
    padding-right: 15px;
}

#flexslider-featured .flex-control-nav { /*panel superior*/

}

#footer-bottom {
    background: #25578f;
}

.featured, .featured.flexslider {
    padding-bottom: 0px;
    margin: 0px 0px 20px 0px;
    border-bottom: 3px solid #0E2656;
}

#dia-blog-counter-content ul > li {
    width: 42px;
    text-align: center;
}

#dia-blog-counter-content ul > li {
    position: relative;
    top: -45px;
    float: left;
}

#dia-blog-counter-content ul > li + li {
    position: relative;
    top: -45px;
    right:0px;
    float: right;
}

#dia-blog-counter-content ul > li + li + li{
    position: inherit;
    float: none;
    text-align: center;
    margin: auto;
}

#dia-blog-counter-content {
    font-size: 10px;
    text-transform: uppercase;
}

.one-half {
    width: 100%;
    text-align: center;
    margin: 0px;
}

.post-list .post-row {
    margin-bottom: 0;
}

.post-list .post {
    margin-bottom: 20px;
}

.home .post-meta {
    text-transform: unset;
}

.home .post-title {
    font-size: 17px;
    font-weight: bold;
}

.home .featured.flexslider .post-title {
    font-weight: normal;
    font-size: 21px;
    margin-top: -70px;
    height: 30px;
    background-color: rgba(13,37,86,0.5);
    position: absolute;
    width: 95%;
    padding: 20px 3%;
}
.alx-tab .fa-clock-o{
    background-image: url("images/clock-ov.png");
    width: 35px;
    height: 35px;
}

.alx-tab .fa-clock-o:before {
    content: none !important;
}

.alx-tab .fa-star{
    background-image: url("images/star-ov.png");
    width: 35px;
    height: 35px;
}

.alx-tab .fa-star:before {
    content: none !important;
}

.alx-tab .fa-comments-o{
    background-image: url("images/comment-ov.png");
    width: 35px;
    height: 35px;
}

.alx-tab .fa-comments-o:before {
    content: none !important;
}

.flex-viewport {
    margin-bottom: 10px;
}

.single .post-title, .page .page-title, .archive .page-title {
    font-size: 28px;
    letter-spacing: inherit;
    line-height: normal;
    border-bottom: 1px solid #fff;
    margin-bottom: 15px;
}

.page .page-title, .archive .page-title {
    text-transform: none;
    padding: 0;
}

.page .page-title h2, .archive .page-title h2,
.page .page-title h1, .archive .page-title h1 {
    font-weight: normal;
}

.post-byline {
    text-transform: none;
    font-size: 16px;
    color: #FFF;
}
.page .entry, .single .entry, .archive .entry {
    font-size: 16px;
    line-height: normal;
}

.page .content, .archive .content {
    padding: 20px;
    width: 780px;
}

.post-list .post-inner.content-archive {
    float: left;
    text-align: left !important;
}

.content-archive .post-title {
    font-size: 16px;
    color: #FFF;
}

.widget > h3 {
    text-transform: none;
    font-size: 17px;
}

.sharrre-container .count {
    visibility: hidden;
    height: 0px;
}

.sharrre .box {
    width: 35px;
}

.page-template-no-date .post-byline {
    display: none;
}

.post-comments {
    background: transparent;
}

.post-comments > span:before {
    border: 0px;
}

span.etiquetas, .post-tags span.label {
    float: left;
}

.archive .pad {
    color: #ffffff;
}

.post-list .textos, .post-list .videos,
.post-list .datapolitica, .post-list .sondeos, 
.search .post-list .post, .search .post-list .page  {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}

.search .post-title {
    font-size: 16px;
}

.search .page.type-page .post-thumbnail, .search .page.type-page .post-meta {
    display: inherit;
}

.alx-tab .tab-item-comment, .alx-tab .tab-item-name {
    font-size: 12px;
    text-transform: initial;       
}

#tab-recent img.wp-post-image, 
#tab-popular img.wp-post-image,
#tab-recent.alx-tab img, 
#tab-popular.alx-tab img {
    height: 50px;
}

.search-post-author, .search-post-date, .search-post-tags, 
.search-post-comments, .search .post-meta span {
    text-transform: none;
    font-size: 11px;
}

.themeform label {
    color: #FFFFFF;
}

#commentform {
    background: #25578f; 
}

.commentlist .comment-body p {
    color: #000;
}

.commentlist li {
    padding-left: 0px;
}

.comment-tabs li.active a {
    border-bottom-color: #FFFFFF;
}

.post-comments {
    bottom: 10px;
    top: inherit;
    padding-right: 10px;
}

.post-comments:hover {
    padding-right: 10px;
}

.comments-dia {
    background-image: url(images/comment-drupal.png);
    width: 30px;
    height: 22px;
    background-repeat: no-repeat;    
}

#flexslider-featured .flex-direction-nav .flex-prev:before, 
#flexslider-featured .flex-direction-nav .flex-next:before {
    content: none;
}

#flexslider-featured .flex-direction-nav li:first-child {
    background-image: url(images/arrow-left.png);
    background-repeat: no-repeat; 
}

#flexslider-featured .flex-direction-nav li:last-child {
    background-image: url(images/arrow-right.png);
    background-repeat: no-repeat; 
}

#flexslider-featured .flex-direction-nav a {
    width: 23px;
}

#flexslider-featured .flex-direction-nav li {
    margin-left: 10px;
    margin-right: 5px;
}

.themeform.searchform div input {
    line-height: 15px;
    font-size: 15px;
}

.search .post-meta div, .search .post-meta span {
    float: left;
}

.search .post-meta span {
    padding: 0px 5px;
}

.search .post-meta {
    margin-top: 10px;
    color: #FFFFFF;
}

.search-post-excerpt {
    color: #FFFFFF;
    padding-left: 20px;
    font-size: 14px;
    font-weight: normal;
}

.sbe-widget-form-submit {
    background: #3b8dbd;
    color: #fff;
    padding: 8px 14px;
    font-weight: 600;
    display: inline-block;
    border: none !important;
    cursor: pointer;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.searchform.themeform input[type="submit"] {
    float: right;
    margin-top: 10px;
}

.widget_search #searchsubmit {
    display: inherit;
}

form.searchpage {
    width: 500px;
    float: left;
    padding: 20px;
}

form.searchpage div input {
   width: 100%;
}

.searchpage.themeform.searchform div {
    width: 400px;
    float: left;
}

.searchpage.searchform.themeform input[type="submit"] {
    margin-top: 0px;
}

.entry img.alignleft {
    margin-top: 0px;
}

.post-tags a:hover {
    background: none; 
}

.error404 .notebox {
    float: left;
    width: 95%;
}

.error404 .notebox input[type="text"] {
    width: 88%;
    float: left;
}

.error404 .searchform.themeform input[type="submit"] {
    margin-top: 0px;
}

.error404 .entry p {
    color: #FFFFFF;
}

.post-type-archive .custom-category-title h2 {
    font-size: 16px;
    display: list-item;
    color: #FFF;
    margin-left: 20px;
}

.post-type-archive .custom-category-title {
    padding-bottom: 15px;
}

.archive .post-row .content-archive .post-title {
    margin: 0px;
}

/*Estilo para responsive*/

@media  screen and (max-width: 1170px){

    .content {
        width: 72%;
        background: #25578F;
    }
    .main {
        background: none;
    }

    .col-2cl .s1 {
        width: 25%;
    }

    #top-sidebar .widget_sp_image {
        width: 25%;
    }

    #header .pad {
        width: 98%;
    }

    #top-sidebar .widget_sp_image {
        display: none;
    }
}

@media screen and (max-width: 960px){

    .content {
        width: 80%;
    }

    .col-2cl .main-inner {
        background: none !important;
    } 

    .col-2cl .s1 {
        width: 5%;
        margin: 0 !important;
    }

    .col-2cl .content {
        width: 94%;
    }

    .col-2cl .main-inner {
        padding: 0 !important;
    }
}

@media screen and (max-width: 825px){
    #top-sidebar .widget_nav_menu {
        display: none;
    }
}

@media screen and (max-width: 720px) {

    .site-title {
        float: left !important;
        line-height: 60px !important;
        padding: 10px 0 !important;
    }
    .site-description {
        display: inline-block !important;
    }

    #page {
        margin-top: 20px;
    }

    .sidebar-toggle i {
        font-size: 24px; 
    }

    #flexslider-featured .post-thumbnail {
        height: 320px !important;
    }
}

@media screen and (max-width: 550px){
    #top-sidebar .widget_categories {
        display: none;
    }

    .titulo-descripcion {
        width: 100%;
    }

    .site-title a img {
        margin: auto !important;
    }

    .site-description {
        width: 100%;
        text-align: center;
    }
}

@media screen and (max-width: 480px){
    .col-2cl .content {
        width: 100%;
    }

    .col-2cl .main-inner {
        padding: 0 !important;
    }

    .col-2cl .s1 {
        width: 100%;
        display: block;
        float: right;
    }

    #flexslider-featured .post-thumbnail {
        height: 200px !important;
    }
}

.entry p span {
   float: none !important;
   width: 100% !important;
   clear: both;
}

