/*
Theme Name: Câmara Municipal de Nazaré da Mata - PE
Theme URI: https://nazaredamata.pe.leg.br
Description: Site institucional da Câmara Municipal de Nazaré da Mata
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


img, iframe, .thumb-mosaico, .carousel-inner{ filter: grayscale(100); }
body{ background: rgb(43, 43, 43) !important; }
a{ color: #DDD; }
input[type=tel], input[type=text], input[type=search], input[type=email], input[type=password], textarea, select, .wpcf7-textarea, .wpcf7-select{ background: #1d1d1d; color: #FFF;}
input[type=text]:focus, input[type=text]:focus, input[type=search]:focus, input[type=email]:focus, input[type=password]:focus, textarea:focus, .wpcf7-textarea:focus, select:focus, wpcf7-select:focus{ border: 1px solid #FFF; }

.text-success{ color:  #FFF; }

.btn, .alert{ background: #000; border: 1px solid #FFF; color: #FFF; }
.btn:hover{ background:  #DDD; color:  #000; }
.modal-content{ background: #000; border: 1px solid #DDD; }

.dropdown-menu li.active > a{ background: #DDD !important; color: #1d1d1d !important; }
.dropdown-menu li.active > a:hover{ background: #DDD !important; color: #FFF !important; }
.dropdown-menu{ color: #FFF !important; background-color: #000 !important; }
.navbar-nav>li>.dropdown-menu{ padding: 0px; }
.navbar-nav>li>.dropdown-menu > li{ }
.navbar-nav>li>.dropdown-menu > li:hover{ background: #DDD; color: #000 !important; }
.navbar-nav>li>.dropdown-menu > li:hover > a{ color: #000 !important; }
.navbar-nav>li>.dropdown-menu > li:last-child{ border-bottom: none; }
.navbar-nav>li>.dropdown-menu > li > a{ font-size: 15px; padding: 7px 20px 7px 20px; border-bottom: 1px solid #EEE !important; color: #FFF; }
.navbar-nav>li>.dropdown-menu > li > a:last-child{ border-bottom: none; }

.marginBottom-0 {margin-bottom:0;}

.dropdown-submenu{position:relative;}

.dropdown-submenu .dropdown-menu > li{  }
.dropdown-submenu .dropdown-menu > li:hover{ background: #DDD; color: #000 !important }
.dropdown-submenu .dropdown-menu > li:hover > a{ color: #000 !important; }
.dropdown-submenu .dropdown-menu > li:last-child{ border-bottom: none; }
.dropdown-submenu .dropdown-menu > li > a{ font-size: 15px; padding: 7px 20px 7px 20px; border-bottom: 1px solid #EEE !important; color: #FFF; }
.dropdown-submenu .dropdown-menu > li > a:last-child{ border-bottom: none; }

.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#555;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}

h1, h2, h3, h4, h5, h6, .btn{ font-family: "PT Sans", sans-serif; }
h1, h2, h3{ font-weight: 700 }

p, span, small, label, body{ font-family: "Roboto"; color: #FFF; }

.label-custom{ color: #000 !important; background-color: #FFF !important; }

/* Header */
header{  }
header .list-unstyled li a{ color: #FFF !important; font-weight: 400 }
header .botoes-acessibilidade .list-unstyled li.btn-acessibilidade{ padding-left: 8px }
/* Acessibilidade */
header #barra-acessibilidade{ background: #000 !important; }
header #barra-acessibilidade .custom{ margin: 10px 0px; }
header #barra-acessibilidade .acessibilidade li { display:inline; margin-left:.5em; font-size:1.0em; }
header #barra-acessibilidade .acessibilidade li a:hover { text-decoration: none; }
header #barra-acessibilidade .diminui-letra { font-size: 1.0em; }
header #barra-acessibilidade .letra-normal { font-size: 1.1em; }
header #barra-acessibilidade .aumenta-letra { font-size: 1.2em; }
header #barra-acessibilidade .esconde { position: absolute; left: -999em; }
header #barra-acessibilidade .label-sem-contraste { background:#fff; color:#000 !important; border:1px solid #ddd; font-size:1em; }
header #barra-acessibilidade .label-alto-contraste { background:#000; color:#fff; border:1px solid #000; font-size:1em; }

header #box-pesquisa-master{ display: flex; margin-top: 5px; margin-bottom: 5px; }
header .box-social{ }
header .btn-icone-social{ font-size: 25px !important; }
header .btn-icone-social:hover{ color: #DDD !important; }

.icon-facebook{ color: #FFF !important; }
.icon-twitter{ color: #FFF !important; }
.icon-gplus{ color: #FFF !important; }
.icon-foursquare{ color: #FFF !important; }
.icon-instagram{ color: #FFF !important; }
.icon-flickr{ color: #FFF !important; }
.icon-soundcloud{ color: #FFF !important; }
.icon-youtube{ color: #FFF !important; }
.icon-vimeo{ color: #FFF !important; }
.icon-padrao{ color: #FFF !important; }

#barra-redes-sociais{ background: #151414 !important; }
#barra-redes-sociais a{ color: #FFF; }
#barra-redes-sociais a:hover, header #barra-redes-sociais a:hover i{ color: yellow; }

.hentry, .hentry p{ font-size: 18px; font-family: 'Roboto', sans-serif; }

#barra-logo{  }
.logo-marca-header{ background: url('assets/img/logo-horizontal-invertida.png') left center no-repeat !important; width: 100% !important; height: 10em !important; background-size: 95% !important; filter: grayscale(1); }
.redes-sociais{ height: 13em; padding-top: 30px; }

header #barra-pesquisa{ border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; padding: 10px 10px; }
header #barra-menu{ background: #000 !important; font-family: 'Roboto', sans-serif !important; }
header #barra-menu .menu-master{ width: 100%; font-family: 'Roboto', sans-serif !important; font-weight: 300 }
header #barra-menu .menu-master > li > a{ font-size: 17px; padding: 10px 15px 15px 15px; color: #FFF; }
header #barra-menu .menu-master > li.current-menu-parent > a{ font-size: 16px; padding: 10px 15px 15px 15px; color: #000 !important; }
header #barra-menu .menu-master > li.active > a, header #barra-menu .menu-master > li.open > a{ color: #000 !important; }
header #barra-menu .menu-master > li > a:hover, header #barra-menu .menu-master > li > a.active{ color: #000 !important; background: #23394c  }
header #barra-menu .current-menu-item > a, header #barra-menu .current-menu-item > a > span, header #barra-menu .current-menu-item > ul > li.current-menu-item > a { background: #DDD !important; color: #000 !important; }

header #barra-menu > li > ul > li > a{ color: #000; }

#ic_transparencia{ background: url('assets/icones/ic_transparencia_w.png') no-repeat 0px 0px !important; width: 100%; height: 55px; }
#ic_eouv{ background: url('assets/icones/ic_eouv_w.png') no-repeat 0px 0px !important; width: 100%; height: 55px; }
#ic_pedidolai{ background: url('assets/icones/ic_esic_w.png') no-repeat 0px 0px !important; width: 100%; height: 55px; }

.menu > .active, .menu > li:hover, .menu > li:hover > a, .menu > .open, .menu > .current-menu-item, .menu > .current-menu-parent > a, .current-menu-parent > a > span{ background: #DDD !important; color: #000 !important; }
.menu > li > a{ background: none !important; }
.menu-sidebar{ font-size: 15px; }
.menu-sidebar > li > .active{ background: #225e92 !important; color: #FFF; }
.menu-sidebar a{ color: #000; }
.menu-sidebar > li{ border-bottom: 1px solid #DDD; background: #FFF; }
.menu-sidebar > li+li{ margin-top: 0px !important; }
.menu-sidebar > li:last-child{ border-bottom: none; }

.nav-stacked>li+li{ margin-top: 0px }

.navbar-nav>li>.dropdown-menu{ padding: 0px; }
.navbar-nav>li>.dropdown-menu > li{ }
.navbar-nav>li>.dropdown-menu > li:hover{ background: #DDD }
.navbar-nav>li>.dropdown-menu > li:last-child{ border-bottom: none; }
.navbar-nav>li>.dropdown-menu > li > a{ font-size: 15px; padding: 7px 20px 7px 20px; border-bottom: 1px solid #EEE !important; }
.navbar-nav>li>.dropdown-menu > li > a:last-child{ border-bottom: none; }


/* Content */
#container{}
.box h4 { color: #000 !important; background-image: -webkit-linear-gradient(left, #DDD 0%, #DDD 100%) !important; background-image: linear-gradient(90deg, #DDD 0%, #DDD 100%) !important; border-bottom: 4px solid #EEE !important; padding: 12px 15px !important; margin-bottom: 0; }

.servico-list{
    margin-top: 5px;
    font-family: 'Roboto';
    font-size: 15px;
}
.servico-list a{
    -webkit-linear-gradient(left, #2b2b2b 0%, #2f2f2f 100%) !important; 
    background-image: linear-gradient(90deg, #2b2b2b 0%, #2f2f2f 100%) !important; 
    color: #FFF !important;
}
.servico-list a:hover{
    -webkit-linear-gradient(left, #2f2f2f 0%, #2b2b2b 100%) !important; 
    background-image: linear-gradient(90deg, #2f2f2f 0%, #2b2b2b 100%) !important; 
}

.carousel-caption{ left: 0%; right: 0%; background: rgba(0, 0, 0, 0.45); top: 60%; text-align: left; bottom: 0%; padding: 0px 55px; }
.carousel-control-custom{ width:  5% !important; }
.carousel-control.right{ top: 40%; background: none; }
.carousel-control.left{ top: 40%; background: none; }

.carousel-caption-custom{ left: 60% !important; right: 0% !important; background: rgba(0, 0, 0, 0.65) !important; top: 0% !important; bottom: 0% !important; padding: 0px 55px 10px 50px !important; line-height: 21px; }
.carousel-caption-custom p{ text-align: justify }

.titulo-principal{  }
.webtv{}
.video-hover{ position: absolute; top: 0%; width: 88.3%; height: 77%; line-height: 30px; background: rgba(0, 0, 0, 0.85); color: #FFF; padding: 0px 20px; display: none; }
.video-hover > h5{ font-weight: 700 }
.video-hover > h5 > a:hover{ display: inline; }
.video-hover > h5 > a{ color: #FFF; font-size: 18px; text-decoration: none }
.video-hover > h5 > a > i{ font-size: 100px; display: block; padding-bottom: 30px; }
.video-hover > h5 > a > small{ color: #FFF; display: block; padding-top: 20px; font-size: 11px }

.video-hover-interna{ position: absolute; top: 0%; width: 88.3%; height: 70%; line-height: 28px; background: rgba(0, 0, 0, 0.85); color: #FFF; padding: 5px 20px; display: none; }
.video-hover-interna > h5{ font-weight: 700 }
.video-hover-interna > h5 > a:hover{ display: inline; }
.video-hover-interna > h5 > a{ color: #FFF; font-size: 18px; text-decoration: none }
.video-hover-interna > h5 > a > i{ font-size: 80px; display: block; padding-top: 30px; }
.video-hover-interna > h5 > a > small{ color: #FFF; display: block; padding-top: 20px; font-size: 11px }

.video-hover-minuto-do-prefeito{ position: absolute; top: 0%; width: 93%; height: 100%; line-height: 31px; background: rgba(0, 0, 0, 0.85); color: #FFF; padding: 20px; display: none; }
.video-hover-minuto-do-prefeito > h3{ font-weight: 700 }
.video-hover-minuto-do-prefeito > h3 > a:hover{ display: inline; }
.video-hover-minuto-do-prefeito > h3 > a{ color: #FFF; font-size: 25px; text-decoration: none }
.video-hover-minuto-do-prefeito > h3 > a > i{ font-size: 70px; display: block; padding-bottom: 20px; }
.video-hover-minuto-do-prefeito > h3 > a > small{ color: #FFF; display: block; padding: 40px 20px 20px 20px; font-size: 11px }

#box-mosaico{}
#box-mosaico > div { padding-bottom: 10px  }
#box-mosaico > div:last-child{ border-bottom: none }
.mosaico{ border-left: 8px solid #FFF !important; background-color: transparent !important; }
.thumb-mosaico{ height: 171px; overflow: hidden; border-radius: 0 2px 0 0; }
.categoria-mosaico{ font-size: 0.9em; text-transform: uppercase; font-weight: bold; position: relative; margin: 16px 0 0 16px; padding: 5px 10px 5px 10px; display: inline-block; background: #000 !important; }
.categoria-mosaico a{ color: #FFF; }
.content-mosaico{ padding: 0px 15px 10px 15px; }
.content-mosaico a h4{}
.content-mosaico a p{ color:  #FFF !important; }
.fix-bottom{ position:  absolute; bottom: 5%; left: 10%; background: rgb(251, 255, 0); font-family: "PT Sans", sans-serif; font-weight: 700; padding: 5px 10px; text-transform: uppercase; font-size: 12px; }

/* */
.nav-custom{  }
.nav-custom li{ border-bottom: 2px solid #DDD; margin-bottom: 15px; padding-bottom: 0px }
.nav-custom li:last-child{ border-bottom: none }
.nav-custom li a{ }

.nav-links{  }
.nav-links li{ border-bottom: 2px solid #DDD; }
.nav-links li:last-child{ border-bottom: none }
.nav-links li a{ padding: 7px 0px 7px 15px; margin-top: 5px; }

.nav-footer{  }
.nav-footer li{  }
.nav-footer li:last-child{ border-bottom: none }
.nav-footer li a{ padding: 2px 0px 2px 0px; color: #FFF; }
.nav-footer li a:hover{ background: none; text-decoration: underline }

/* Footer */
footer{ background: transparent !important; }
footer #cabecalho-footer{ background: #000 !important; }
footer #footer{}
footer #pos-footer{ background: #000 !important; padding: 15px 0px; }
footer #mapa-do-site{ display: none }

/* Estilos gerais */
.cor-branco, .cor-branco a{ color:  #FFF; }
.cor-branco:hover a{ color:  #000 !important; background: #DDD !important; }
.cor-branco:hover, .cor-branco:focus{ color:  #DDD !important; }

.cor-preto{ color:  #000; }
.cor-padrao{ color: #FFF !important; }
.font-w-400{ font-weight: 400 }
.font-w-700{ font-weight: 700 }
.font-w-bold{ font-weight: bold }
.ft-10{ font-size: 10px; }
.ft-11{ font-size: 11px; }
.ft-12{ font-size: 12px; }
.ft-13{ font-size: 13px; }
.btn-custom, .btn-padrao{ border: 1px solid #DDD; background: #000 !important }
.btn-padrao a{ color: #FFF; }
.btn-padrao a:hover{ color: #FFF !important; }
.no-border-radius{ border-radius: 0px !important; }
.uppercase{ text-transform: uppercase }

/* Margins e Paddings */
.m-t-5{ margin-top: 5px !important; }
.m-l-5{ margin-left: 5px !important; }
.m-r-5{ margin-right: 5px !important; }
.m-b-5{ margin-bottom: 5px !important; }
.m-t-10{ margin-top: 10px !important; }
.m-l-10{ margin-left: 10px !important; }
.m-r-10{ margin-right: 10px !important; }
.m-b-10{ margin-bottom: 10px !important; }
.m-t-15{ margin-top: 15px !important; }
.m-l-15{ margin-left: 15px !important; }
.m-r-15{ margin-right: 15px !important; }
.m-b-15{ margin-bottom: 15px !important; }
.m-t-20{ margin-top: 20px !important; }
.m-l-20{ margin-left: 20px !important; }
.m-r-20{ margin-right: 20px !important; }
.m-b-20{ margin-bottom: 20px !important; }
.m-t-30{ margin-top: 30px !important; }
.m-l-30{ margin-left: 30px !important; }
.m-r-30{ margin-right: 30px !important; }
.m-b-30{ margin-bottom: 30px !important; }
.m-t-40{ margin-top: 40px !important; }
.m-l-40{ margin-left: 40px !important; }
.m-r-40{ margin-right: 40px !important; }
.m-b-40{ margin-bottom: 40px !important; }
.m-t-50{ margin-top: 50px !important; }
.m-l-50{ margin-left: 50px !important; }
.m-r-50{ margin-right: 50px !important; }
.m-b-50{ margin-bottom: 50px !important; }
.m-t-60{ margin-top: 60px !important; }
.m-l-60{ margin-left: 60px !important; }
.m-r-60{ margin-right: 60px !important; }
.m-b-60{ margin-bottom: 60px !important; }
.m-t-70{ margin-top: 70px !important; }
.m-l-70{ margin-left: 70px !important; }
.m-r-70{ margin-right: 70px !important; }
.m-b-70{ margin-bottom: 70px !important; }
.m-t-80{ margin-top: 80px !important; }
.m-l-80{ margin-left: 80px !important; }
.m-r-80{ margin-right: 80px !important; }
.m-b-80{ margin-bottom: 80px !important; }
.m-t-90{ margin-top: 90px !important; }
.m-l-90{ margin-left: 90px !important; }
.m-r-90{ margin-right: 90px !important; }
.m-b-90{ margin-bottom: 90px !important; }

.p-t-5{ padding-top: 5px !important; }
.p-l-5{ padding-left: 5px !important; }
.p-r-5{ padding-right: 5px !important; }
.p-b-5{ padding-bottom: 5px !important; }
.p-t-10{ padding-top: 10px !important; }
.p-l-10{ padding-left: 10px !important; }
.p-r-10{ padding-right: 10px !important; }
.p-b-10{ padding-bottom: 10px !important; }
.p-t-15{ padding-top: 15px !important; }
.p-l-15{ padding-left: 15px !important; }
.p-r-15{ padding-right: 15px !important; }
.p-b-15{ padding-bottom: 15px !important; }
.p-t-20{ padding-top: 20px !important; }
.p-l-20{ padding-left: 20px !important; }
.p-r-20{ padding-right: 20px !important; }
.p-b-20{ padding-bottom: 20px !important; }
.p-t-30{ padding-top: 30px !important; }
.p-l-30{ padding-left: 30px !important; }
.p-r-30{ padding-right: 30px !important; }
.p-b-30{ padding-bottom: 30px !important; }
.p-t-35{ padding-top: 35px !important; }
.p-l-35{ padding-left: 35px !important; }
.p-r-35{ padding-right: 35px !important; }
.p-b-35{ padding-bottom: 35px !important; }
.p-t-40{ padding-top: 40px !important; }
.p-l-40{ padding-left: 40px !important; }
.p-r-40{ padding-right: 40px !important; }
.p-b-40{ padding-bottom: 40px !important; }
.p-t-60{ padding-top: 60px !important; }
.p-l-60{ padding-left: 60px !important; }
.p-r-60{ padding-right: 60px !important; }
.p-b-60{ padding-bottom: 60px !important; }

.no-m{ margin: 0px !important; }
.no-m-t{ margin-top: 0px !important; }
.no-m-l{ margin-left: 0px !important; }
.no-m-r{ margin-right: 0px !important; }
.no-m-b{ margin-bottom: 0px !important; }

.no-p{ padding: 0px !important; }
.no-p-t{ padding-top: 0px !important; }
.no-p-l{ padding-left: 0px !important; }
.no-p-r{ padding-right: 0px !important; }
.no-p-b{ padding-bottom: 0px !important; }

/*Ir para o topo*/

.cd-top, .cd-top-custom {
    display: inline-block;
    height: 40px;
    width: 40px;
    position: fixed;
    bottom: 40px;
    right: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    /* image replacement properties */
    overflow: hidden;
    /*text-indent: 100%;*/
    white-space: nowrap;
    background: #000 !important;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
    text-align: center;
    line-height: 40px;
    color: #ffffff !important;
    font-size: 1.6em;
    border:1px solid #ffffff;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover, .cd-top-custom.cd-is-visible, .cd-top-custom.cd-fade-out, .no-touch .cd-top-custom:hover {
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible, .cd-top-custom.cd-is-visible {
    /* the button becomes visible */
    visibility: visible;
    opacity: 1;
}
.cd-is-visible-custom{
    /* the button becomes visible */
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-fade-out, .cd-top-custom.cd-fade-out {
    /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
    opacity: .5;
}
.no-touch .cd-top:hover, .no-touch .cd-top-custom:hover {
    background-color: #097189;
    opacity: 1;
}
/*Breakpoint*/
@media only screen and (min-width: 768px) {
    .cd-top, .cd-top-custom {
        right: 20px;
        bottom: 20px;
    }
}
/*Breakpoint*/
@media only screen and (min-width: 1024px) {
    .cd-top, .cd-top-custom {
        height: 40px;
        width: 40px;
        right: 30px;
        bottom: 30px;
    }
}

/*Breakpoint*/
html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

/* INTERNAS */
.hentry { font-size: 18px; }
.hentry #paginacao .wp-pagenavi{ background: #000 !important; padding: 5px 10px }
.wp-pagenavi span{ color: #FFF; border: none; }
.hentry #paginacao .wp-pagenavi a, .wp-pagenavi span{ color: #FFF; border: none !important; padding: 10px }
.wp-pagenavi span.current, .hentry #paginacao .wp-pagenavi a:hover{ background: #DDD !important; color: #000 !important; }
.breadcrumb{ border: 1px solid #DDD; }


.breadcrumb{ border: 1px solid #DDD; }

.breadcrumb li, .breadcrumb li a{ color: #000; }

.well, .alert{ background: none !important; border:  1px solid #DDD !important; color: #FFF !important; }

.well p{ color: #FFF; }

.cursor-pointer{ cursor: pointer; }

/*      Alinhamento das imagens internas    */

.hentry img[class*="wp-image-"] {
    height: auto;
    max-width: 97.5%;
}
.hentry img.size-full {
    width: auto; /* Prevent stretching of full-size images in IE8 */
}
.hentry img.wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}
.hentry p img,
.hentry .wp-caption {
    margin-top: 0.4em;
}

.hentry img.alignleft,
.hentry img.alignright,
.hentry img.aligncenter {
    margin-bottom: 1.625em;
}
.hentry .wp-caption {
    background: #eee;
    border: none;
    margin-bottom: 1.625em;
    max-width: 96%;
    padding: 9px;
}
.hentry .wp-caption img {
    display: block;
    margin: 5px auto 0 !important;
    max-width: 98%;
    border-color: #eee;
}

.hentry .wp-caption .wp-caption-text,
.hentry .wp-caption-dd {
    color: #666;
    font-family: Georgia, serif !important;
    font-size: 12px;
    margin: 0 0 0.6em 0 !important;
    padding: 3px 0 0 6px;
    position: relative;
    text-align: left;

}
.hentry .wp-caption .wp-caption-text:before {
    color: #666;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    margin-right: 5px;
    position: absolute;
    left: 10px;
    top: 7px;
}
.hentry a:focus img[class*="wp-image-"],
.hentry a:hover img[class*="wp-image-"],
.hentry a:active img[class*="wp-image-"] {
    background: #eee;
    border-color: #bbb;
}
.hentry .wp-caption a:focus img,
.hentry .wp-caption a:active img,
.hentry .wp-caption a:hover img {
    background: #fff;
    border-color: #ddd;
}

/* Alignment */
.hentry .alignleft {
    display: inline;
    float: left;
    margin-right: 1.625em;
}
.hentry .alignright {
    display: inline;
    float: right;
    margin-left: 1.625em;
}
.hentry .aligncenter, .hentry .aligncenter figcaption {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.gallery-item {
    float: left;
    margin-top: 10px;
    text-align: center;
    width: 32%;
}


.gallery-size-thumbnail{
    float: left;
}

/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {
    #menu-main-menu{}
    #menu-main-menu > li{ display: inline-block !important; float: none; }
    #menu-main-menu > .menu-item > a{}
    #menu-main-menu > .current-menu-ancestor{ background: #DDD !important; }
    #menu-main-menu > .current-menu-ancestor > a{ color: #000 !important; }
    #menu-main-menu > .current-menu-ancestor > ul > .current-menu-ancestor{ background: #DDD !important; }
    #menu-main-menu > .current-menu-ancestor > ul > .current-menu-ancestor > a{ color: #000 !important; }
    #menu-main-menu > .menu-item-has-children{}
    #menu-main-menu > .menu-item-has-children > a{}
    #menu-main-menu > .menu-item-has-children > .dropdown-menu{}
    #menu-main-menu > .menu-item-has-children > .dropdown-menu > .menu-item-has-children{}
    #menu-main-menu > .menu-item-has-children > .dropdown-menu > .menu-item-has-children > .dropdown-menu{ position: absolute; width: 100%; padding-bottom: 0px; margin-top: 0px; left: 100%; top: 0%; padding-top: 0px; border-radius: 0px; border: none; }
    #menu-main-menu > .menu-item-has-children > .dropdown-menu > .menu-item-has-children > .dropdown-menu > li{  }
    #menu-main-menu > .menu-item-has-children > .dropdown-menu > .menu-item-has-children > .dropdown-menu > li:hover{ background: #DDD }
    #menu-main-menu > .menu-item-has-children > .dropdown-menu > .menu-item-has-children > .dropdown-menu > li:last-child{ border-bottom: none; }
    #menu-main-menu > .menu-item-has-children > .dropdown-menu > .menu-item-has-children > .dropdown-menu > li > a{ font-size: 15px; padding: 7px 20px 7px 20px; border-bottom: 1px solid #EEE !important; color: #FFF; }
    #menu-main-menu > .menu-item-has-children > .dropdown-menu > .menu-item-has-children > .dropdown-menu > li > a:hover{ color: #000; }
    #menu-main-menu > .menu-item-has-children > .dropdown-menu > .menu-item-has-children > .dropdown-menu > li > a:last-child{ border-bottom: none; }
    #menu-main-menu > .menu-item-has-children > .dropdown-menu > .menu-item-has-children > a > .dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
    #menu-main-menu > .menu-item-has-children > .dropdown-menu > .menu-item-has-children > a:after{top:0;left:100%;display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
    #menu-main-menu > .menu-item-has-children > .dropdown-menu > .menu-item-has-children:hover > a:after{border-left-color:#555;}
    #menu-main-menu > .menu-item-has-children > .dropdown-menu > .menu-item-has-children.pull-left{float:none;}
    #menu-main-menu > .menu-item-has-children > .dropdown-menu > .menu-item-has-children.pull-left > .dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}
    header .logo-marca-header{ background: url('assets/img/logo-horizontal-invertida.png') left center no-repeat; width: 100%; height: 10em !important; background-size: 85% !important; }
    footer .logo-footer{ background: url('assets/img/logo-invertida.png') center center no-repeat; width: 100%; height: 10em; background-size: 85% }
}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {
    #menu-main-menu{}
    #menu-main-menu > li{ display: inline-block !important; float: none; }
    #menu-main-menu > .menu-item > a{}
    #menu-main-menu > .current-menu-ancestor{ background: #DDD !important; }
    #menu-main-menu > .current-menu-ancestor > a{ color: #000 !important; }
    #menu-main-menu > .current-menu-ancestor > ul > .current-menu-ancestor{ background: #DDD !important; }
    #menu-main-menu > .current-menu-ancestor > ul > .current-menu-ancestor > a{ color: #000 !important; }
    #menu-main-menu > .menu-item-has-children{}
    #menu-main-menu > .menu-item-has-children > a{}
    #menu-main-menu > .menu-item-has-children > .dropdown-menu{}
    #menu-main-menu > .menu-item-has-children > .dropdown-menu > .menu-item-has-children{}
    #menu-main-menu > .menu-item-has-children > .dropdown-menu > .menu-item-has-children > .dropdown-menu{ position: absolute; width: 100%; padding-bottom: 0px; margin-top: 0px; left: 100%; top: 0%; padding-top: 0px; border-radius: 0px; border: none; }
    #menu-main-menu > .menu-item-has-children > .dropdown-menu > .menu-item-has-children > .dropdown-menu > li{  }
    #menu-main-menu > .menu-item-has-children > .dropdown-menu > .menu-item-has-children > .dropdown-menu > li:hover{ background: #DDD }
    #menu-main-menu > .menu-item-has-children > .dropdown-menu > .menu-item-has-children > .dropdown-menu > li:last-child{ border-bottom: none; }
    #menu-main-menu > .menu-item-has-children > .dropdown-menu > .menu-item-has-children > .dropdown-menu > li > a{ font-size: 15px; padding: 7px 20px 7px 20px; border-bottom: 1px solid #EEE !important; color: #FFF; }
    #menu-main-menu > .menu-item-has-children > .dropdown-menu > .menu-item-has-children > .dropdown-menu > li > a:hover{ color: #000; }
    #menu-main-menu > .menu-item-has-children > .dropdown-menu > .menu-item-has-children > .dropdown-menu > li > a:last-child{ border-bottom: none; }
    #menu-main-menu > .menu-item-has-children > .dropdown-menu > .menu-item-has-children > a > .dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
    #menu-main-menu > .menu-item-has-children > .dropdown-menu > .menu-item-has-children > a:after{top:0;left:100%;display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
    #menu-main-menu > .menu-item-has-children > .dropdown-menu > .menu-item-has-children:hover > a:after{border-left-color:#555;}
    #menu-main-menu > .menu-item-has-children > .dropdown-menu > .menu-item-has-children.pull-left{float:none;}
    #menu-main-menu > .menu-item-has-children > .dropdown-menu > .menu-item-has-children.pull-left > .dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}
    header .logo-marca-header{ background: url('assets/img/logo-horizontal-invertida.png') left center no-repeat; width: 100%; height: 10em !important; background-size: 85% !important; }
    footer .logo-footer{ background: url('assets/img/logo-invertida.png') center center no-repeat; width: 100%; height: 10em; background-size: 85% }
}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
    header .logo-marca-header{ background: url('assets/img/logo-horizontal-invertida.png') center center no-repeat !important; width: 100%; height: 18em !important; background-size: 50% !important; }
    footer .logo-footer{ background: url('assets/img/logo-invertida.png') center center no-repeat; width: 100%; height: 10em; background-size: 85% }
    .menu > .active, .menu > li:hover, .menu > li:hover > a, .menu > .open, .menu > .current-menu-item, .menu > .current-menu-parent, .menu > .current-menu-parent > a, .current-menu-parent > a > span{ background: none; }
    .navbar-nav .open .dropdown-menu>li>a{ color: #FFF; background: #000 !important; }
}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    header .logo-marca-header{ background: url('assets/img/logo-horizontal-invertida.png') center center no-repeat !important; width: 100%; height: 13em !important; background-size: 40% !important; }
    footer .logo-footer{ background: url('assets/img/logo-invertida.png') center center no-repeat; width: 100%; height: 12em; background-size: 55% }
    .menu > .active, .menu > li:hover, .menu > li:hover > a, .menu > .open, .menu > .current-menu-item, .menu > .current-menu-parent, .menu > .current-menu-parent > a, .current-menu-parent > a > span{ background: none; }
    .navbar-nav .open .dropdown-menu>li>a{ color: #FFF; background: #000 !important; }
}


/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
    header .logo-marca-header{ background: url('assets/img/logo-horizontal-invertida.png') center center no-repeat !important; width: 100%; height: 16em; background-size: 50% !important; }
    footer .logo-footer{ background: url('assets/img/logo-invertida.png') center center no-repeat; width: 100%; height: 12em; background-size: 50% }
    .menu > .active, .menu > li:hover, .menu > li:hover > a, .menu > .open, .menu > .current-menu-item, .menu > .current-menu-parent, .menu > .current-menu-parent > a, .current-menu-parent > a > span{ background: none; }
    .navbar-nav .open .dropdown-menu>li>a{ color: #FFF; background: #000 !important; }
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
    header .logo-marca-header{ background: url('assets/img/logo-horizontal-invertida.png') center center no-repeat !important; width: 100%; height: 14em; background-size: 75% !important; }
    footer .logo-footer{ background: url('assets/img/logo-invertida.png') center center no-repeat; width: 100%; height: 10em; background-size: 85% }
    .menu > .active, .menu > li:hover, .menu > li:hover > a, .menu > .open, .menu > .current-menu-item, .menu > .current-menu-parent, .menu > .current-menu-parent > a, .current-menu-parent > a > span{ background: none; }
    .navbar-nav .open .dropdown-menu>li>a{ color: #FFF; background: #000 !important; }
    .navbar-nav .open .dropdown-menu>li>a:hover{ text-decoration: underline; color: yellow !important; color: #000; }
}