@charset "UTF-8";

@import url("stylesheets/jquery.sidr.dark.css");


/* CSS Document */

/*
Theme Name: Wordpress Foundation
Theme URI: http://320press.com/wpfoundation
Description: A bones/Zurb foundation based wordpress theme.
Version: 2.0
Author: 320press
Author URI: http://320press.com
Tags: bones, zurb, foundation, 320press, clean, basic
*/

/* layout */

body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    font-size: small;
}

a img{
    border: none;
}

@font-face {
    font-family: 'lane_-_narrowregular';
    src: url('fonts/lanenar-webfont.eot');
    src: url('fonts/lanenar-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/lanenar-webfont.woff') format('woff'), url('fonts/lanenar-webfont.ttf') format('truetype'), url('fonts/lanenar-webfont.svg#lane_-_narrowregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

* {
   /* border: 1px dotted indianred;*/

}


.info_adicional {
    text-transform: uppercase;
    color: #525151;
    font-size: 0.9em;
    margin-bottom: 10px;
}
.more-link {
    white-space: nowrap;
}
p.attribution {
    text-align: right;
}
article.post {
    margin-bottom: 18px;
    border-bottom: 1px solid #E6E6E6;
}
.pre_header {
    height: 40px;
    padding-bottom: 10px;
    padding-top: 10px;
    color: #fff;
    border-bottom: 3px solid #282828;
    background: #A6006B;
}
.pre_header #lang_sel_list {
    float: right;
    position: relative;
    z-index: 1;
    width: 60px;
    height: 15px;
    padding-right: 15px;
    margin-right: 10px;
    border-right: 1px solid #4a4747;
}
.pre_header #lang_sel_list ul {
    padding: 0!important;
    float: none;
}
.pre_header #lang_sel_list ul li {
    margin-top: -3px;
    padding-right: 10px;
}
.pre_header .holder_form {
    float: right;
    width: 215px;
    overflow: hidden;
    padding: 0px 0 0 5px;
    margin: 0;
    position: relative;
    z-index: 1;
}
.pre_header form {
    float: left;
    padding: 0px;
    margin: 0px;
    height: 15px;
    font-size: 0.85em;
    width: 100%;
}
.pre_header lable.pesquisa {
    padding-top: 3px;
}
.pre_header form input.input_text.pesquisa {
    background: #cfcfcf;
    margin-top: 0px;
    height: 20px;
    width: 110px;
    float: left;
}
.pre_header form input.send {
    margin-top: 3px;
    background: url(imgs/btns/search.png) no-repeat;
    text-indent: -999px;
    float: right;
}
.sep {
    background: url(imgs/general/sepacao_bg_claro.png) no-repeat center top;
    padding: 10px 0 5px 0;
}
header#top-header {
    background: #A6006B;
    height: 185px;
    padding: 20px 0px 20px 0px;
    clear: both;
    z-index: 100;
    position: relative;
}
header#top-header h1 {
    margin: 0px;
    padding: 0px;
}
header .menu-action {
    float: left;
    margin-top: 0;
    position: relative;
    top: 1px;
}
header .menu-action .button.small {
    padding: 8px;
}
header .menu-action .button.small svg {
    opacity: 0.5;
}
header .siteinfo a {
    text-indent: -999px;
}
header #logo {
    width: 209px;
    height: 132px;
    background: url(imgs/general/logo_2.png) no-repeat;
    text-indent: -9999px;
    float: left;
    margin-top: 10px;
}

/*@media only screen and (min-width: 940px) and (max-width: 997px) {

    .destaques .geral{
        min-width: 290px;
        width: 600px;
        position: relative;
        float: left;

    }

    .destaques .geral .em_destaque{
        position: relative;
        margin-left: 0px;
        width: auto;
        max-width: 290px;
        float: left;
        margin-right: 18px;

    }
    .destaques .geral .visitas{
        position: relative;
        margin-left: 0px;
        width: auto;
        max-width: 290px;
        float: left;
    }
}*/

@media only screen and (min-width: 768px) and (max-width: 997px) {
    header #logo{
        width: 190px;
        height: 120px;
        background: url(imgs/general/logo_3.png) no-repeat center center;
        background-size: 190px 120px;
        text-indent: -9999px;
        float: left;
        margin-top: 10px;
    }

}




#main{
    padding-top: 20px;
    float: left;
}

@media only screen and (min-width: 768px) and (max-width: 968px) {
   #main{
    width: 75%;
}

}


.mobile-nav-container {
    margin-left: -100%;
    float: left;
    width: 50%;
    position: absolute;
    top: 150px;
}
.active .mobile-nav-container {
    display: block;
    margin-left: 0;
}
.active #main {
    margin-left: 55%;
}
.mobile-nav-container, #main {
    -moz-transition: all 0.25s ease-in 0s;
}
.side-nav {
    height: auto;
}
ul.tabs.vertical {
    border-bottom: 1px solid #E6E6E6;
    height: auto;
}
ul.tabs {
    border-bottom: 1px solid #E6E6E6;
    display: block;
    height: 40px;
    margin-bottom: 20px;
    padding: 0;
}
ul.tabs.vertical li {
    border-left: 3px solid #CCCCCC;
}
ul.tabs.vertical li, ul.tabs.vertical li {
    float: none;
    height: auto;
}
ul.tabs li:first-child {
    margin-left: 0;
}
ul.tabs li {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
}
ul.tabs.vertical li a {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #F2F2F2;
    border-color: #E6E6E6;
    border-style: solid;
    border-width: 1px 1px 0 0;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    color: #555555;
    display: block;
    font-size: 14px;
    height: auto;
    line-height: 1;
    padding: 15px 20px;
}
ul.tabs li a {
    color: #6F6F6F;
    display: block;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    padding: 0 24px;
}
/* typography */
h1, h2, h3, h4, h5, h6 {
    font-family: 'lane_-_narrowregular';
    font-weight: 300;
}
h1, h2 {
    text-transform: uppercase;
}
h2 {
    font-size: 2em;
}
/* post styling */

#main p.meta {
    font-style: italic;
    color: #808080;
}
div[id*='attachment_'] {
    max-width: 100%;
    height: 100%;
}


#credit320 {
    background: url('images/320press_mini.png') no-repeat left top transparent;
    padding-left: 20px;
    display: inline !important;
}
#main article img {
    max-width: 100%;
    width: auto;
    height: auto;
}
h1.single-title {
    line-height: 1.1;
}
img.alignleft {
    margin-right: 10px;
    float: left;
}
img.alignright {
    margin-left: 10px;
    float: right;
}
img.aligncenter {
    display: block;
    margin: 0 auto;
}
p.tags a:hover {
    color: #f0f0f0;
}
video {
    max-width: 100%;
    height: auto;
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.video-container iframe, .video-container object, .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.video-wrapper {
    width: 630px;
    max-width: 100%;
    margin-bottom: 18px;
}
pre {
    background-color: #F5F5F5;
    border: 1px solid #000000;
    border: 1px solid rgba(0, 0, 0, 0.15);
    display: block;
    font-size: 12px;
    line-height: 18px;
    margin: 0 0 18px;
    padding: 8px;
    white-space: pre-wrap;
    word-wrap: break-word;
}
code {
    color: #000000;
    color: rgba(0, 0, 0, 0.75);
    padding: 1px 3px;
}
code, pre {
    font-family: Monaco, Andale Mono, Courier New, monospace;
    font-size: 12px;
    padding: 5px 15px;
}
/* featured posts slider */
#featured {
    border: 1px solid #E6E6E6;
}
#featured div {
    padding: 0 15px;
}
#featured h3 {
    margin-top: .2em;
    padding-left: .05em;
}
#featured p {
    padding-left: .1em;
}
#featured h3, #featured p {
    width: 100%;
}
/* page styling */

.page-template-page-homepage-php #main {
    border-bottom: none;
}
/* comments */

#comments {
    line-height: 3.1rem;
    margin-bottom: 18px;
}
ol.commentlist, ol.commentlist ul.children {
    list-style-type: none;
    margin-left: 0;
}
ol.commentlist div.avatar {
    float: left;
    margin-right: 10px;
}
ol.commentlist time {
    font-size: .8em;
    color: #eeeeee;
}
ol.commentlist div.comment-author {
    position: relative;
}
.panel ol.commentlist a.comment-edit-link {
    color: #ffffff;
    text-decoration: none;
}
ol.commentlist span.edit-comment {
    position: absolute;
    right: 1.5em;
    top: 0;
}
.comment h4 {
    margin-bottom: 0;
}
a.comment-reply-link {
    position: absolute;
    right: 1.5em;
    bottom: 0;
}
#cancel-comment-reply {
    padding-left: 20px;
}
#comment-nav ul {
    list-style-type: none;
    margin: 0;
}
#comment-form-elements {
    list-style-type: none;
    margin: 0;
}
/* specific post-type styles */

/* image attachment */

.post_content {
    /* min-height: 450px; */
    min-width: 100%;

}
.attachment #main .post_content img {
    max-width: 100%;
    width: auto;
}
.attachment-large{
    max-width: 100%;
    width: auto;
}
.row.exposicoes{
    max-width: 656px;
    min-width: 300px;
    width: auto;
}


article[class*='post-']:not(#post-21) {
    float: left;
    max-width: 100%;
    width: auto;
}



.post-174{
    float: left;
    max-width: 100%;
    width: auto;
}


/*.row.exposicoes .thumbnail{
    max-width: 50%;
    width: auto;
    background: green;
}
.row.exposicoes .thumbnail img{
    max-width: 50%;
    width: auto;
}
.row.exposicoes .description{
    max-width: 50%;
    width: auto;
}*/


li.next {
    text-align: right;
}
#content {
    height: 100%;
    z-index: 1;
    position: relative
}
#footer {
    text-transform: uppercase;

}
#footer .footer_right {
    height: 35px;
}
#footer .footer_right .holder {
    background: #e2e2e0;
    padding: 10px 5px;
    height: 35px;
    margin-right: 0px;
}
#footer .footer_left .holder {
    background: #e2e2e0;
    padding: 10px 5px;
    height: 35px;
    margin-right: 0px;
}
#footer #menu-footer_menu, #footer #menu-footer_menu_en {
    float: left;
    line-height: 1em;
}
#footer #menu-footer_menu li, #footer #menu-footer_menu_en li {
    list-style: none;
    float: left;
    margin-right: 10px;
}
#footer #menu-footer_menu li a, #footer #menu-footer_menu_en li a {
    color: #444;
}
#footer.big {
    background: #e2e2e0;
    padding-bottom: 10px;
    padding-top: 10px;
}
#footer h3 {
    font-size: 1.5em;
}
#footer .parceiros {
    margin-bottom: 20px;
}

#footer .parceiros ul{
    position: relative;
    list-style: none;
    width: 100%;
    height: 80px;
}


#footer .parceiros ul li{
    position: relative;
    float: left;
    margin: 0 20px 0 0;
    height: 80px;
}

.logo_uniao{
    width: 179px;
}
.espaco_europeu {
    width: 197px;
}
.a{
    width: 208px;
}
.b{
    width: 50px;
}
.c{
    width: 64px;
}

#footer .parceiros ul li img{
    position: absolute;
    bottom: 0;
    left: 0;
}











/***********************************

forms % buttons

***********************************/

input.input_text {
    width: 210px;
    float: left;
    margin-top: 10px;
    height: 25px;
}
input.input_text.pesquisa {
    width: 180px;
    margin-left: 5px;
    margin-top: -5px;
}
input.send {
    float: left;
    margin-left: 5px;
}
footer input.send {
    margin-top: -5px;
}
input.send.ok {
    margin-top: -5px;
}
.bt_small {
    width: 53px;
    height: 22px;
    background: url(imgs/btns/bt_small.png) no-repeat;
    border: none;
    color: #929092;
}
.bt_Xsmall {
    width: 23px;
    height: 22px;
    background: url(imgs/btns/bt_x_small.png) no-repeat;
    border: none;
    color: #929092;
    padding-left: 4px;
}
lable.pesquisa {
    display: block;
    float: left;
}
/***********************************

HOMEPAGE

***********************************/
.container {
    overflow: hidden;
}
.page-template-page-homepage-php header, .page-template-page-homepage-php .pre_header {
    display: none;
}
.page-template-page-homepage-php footer .lang_sel_list, .page-template-page-homepage-php footer form {
    display: block;
}

.home #sidr{

    display: none;
}

.destaques .coluna_destaque {
    width: 290px;
    float: left;
    position: relative;
    /*margin-left: 10px;*/
    margin-right: 20px;
    margin-bottom: 20px;
}

.destaques p, .destaques form {
    color: #7f7f83;
    font-size: 0.9em;
}
.destaques h3, .destaques h2 {
    text-transform: uppercase;
}
.destaques h3 {
    margin-top: 5px;
    margin-bottom: 2px;
}
.destaques .home_menu .menu {
    position: absolute;
    bottom: 30px;
}
.destaques .home_menu .menu li {
    list-style: none;
    margin-left: 5px;
}
.destaques .home_menu .menu li a {
    color: #000;
    background: #E5E5E5;
    background: rgba(229, 229, 229, 0.70);
    font-size: 1.5em;
    padding: 3px 5px 3px 5px;
    clear: both;
    font-family: 'lane_-_narrowregular';
}
.destaques .home_menu .menu li a:hover {
    background: #E5E5E5;
    background: rgba(229, 229, 229, 0.9);
}
.destaques h3 a, .destaques h2 a {
    color: #222222;
}
.destaques .menu .menu li ul {
    display: none;
}
.destaques .visitas {
    position: relative;
    /*
        margin-top: 18px;
    */
    margin-bottom: 18px;
}

.newsletter {
    height: 90px;
    background: #e5e5e4;
    margin-bottom: 20px;
    margin-top: -5px;
    overflow: hidden;
}
.newsletter .holder_info h3 {
    margin-top: 20px;
}
@media all and (max-width: 895px) {
    .newsletter .holder_info h3 {
        margin-top: 0;
    }
}
.newsletter .send {
    margin-top: 13px;
}
.loja_online {
    background: #e5e5e4 url(imgs/destaques/destaque4.jpg) right top no-repeat;
/*
    min-height: 156px;
*/
    height: auto;
    padding: 20px 20px 28px 5px;
    overflow: auto;
}
.loja_online p.texto {
    display: block;
    float: left;
    width: 160px;
    font-size: small;
}
.destaques .holder_info {
    background: #E5E5E5;
    background: rgba(229, 229, 229, 0.90);
    padding: 1px 5px 0 10px;
}
.destaques .exposicoes {
    max-height: 520px;
    overflow: hidden;
}
.destaques .exposicoes .holder_info {
    position: relative;
    width: 100%;
    top: -110px;
    height: 110px;
}

.destaques .holder_info h2, .destaques .holder_info p {
    margin-bottom: 0px;
}
.destaques .em_destaque .holder_info, .destaques .visitas .holder_info {
    position: absolute;
    top: 0px;
    width: 100%;
}
.destaques .loja_online .holder_info {
    width: 165px;
    float: left;
}

.destaques .geral{
    min-width: 290px;
    width: 600px;
    position: relative;
    float: left;

}

.destaques .geral .em_destaque{
    position: relative;
    margin-left: 0px;
    width: auto;
    max-width: 290px;
    float: left;
    margin-right: 20px;

}
.destaques .geral .visitas{
    position: relative;
    margin-left: 0px;
    width: auto;
    max-width: 290px;
    float: left;
    margin-right: 0;
}

/***********************************

sidebar

***********************************/
#sidebar1 {
    margin-bottom: 20px;
}

@media all and (max-width: 969px){
    #sidebar1 {
        width: 25%;
    }
    #top-header .eight{
       width:  75%;
    }
    #top-header .four{
        width:  25%;
    }
    #sidebar1 .loja_online {
        background: #e5e5e4;
        min-height: 156px;
        height: auto;
        padding-top: 20px !important;
    }
}

#sidebar1 ul.sub-page-itens{

    padding: 0;
}

#sidebar1 ul.sub-page-itens li {
    list-style: none;
    padding: 5px 0 5px 0;
    font-size: 0.9em;
}
#sidebar1 ul.sub-page-itens li a {
    color: #000;
}
#sidebar1 ul.sub-page-itens li a:hover {
    color: #2795B7;
}
#sidebar1 .metadata, #sidebar1 .caption {
    padding-bottom: 20px;
}
.clear_width {
    clear: both;
    width: 100%;
    height: 1px;
}


#sidebar1 .panel {
    margin-left: -15px;
    padding: 0px 20px 0px 20px;
}

#sidebar1 .loja_online , #sidebar1 .newsletter , #sidebar1 .visitas{
    margin-left: -15px;
    padding: 10px 20px 20px 20px;

}

#sidebar1 .panel{

    /*margin-top: -20px;*/
}

#sidebar1 .decoration{

    margin-left: -15px;
}

#sidebar1 .visitas {
    background: #e5e5e4 url(imgs/destaques/destaque5.jpg) center bottom no-repeat;
    margin-left: -15px;
    padding: 10px 20px 20px 20px;
    height: 180px;
    margin-bottom: 20px;
}
#sidebar1 .visitas_big {
    max-height: 257px;
    height: auto;
    margin-left: -15px;
    margin-bottom: 20px;
    /* margin-top: -225px; */
    position: relative;
    overflow: hidden;
}
#sidebar1 .visitas_big .holder_info {
    background: #E5E5E5;
    background: rgba(229, 229, 229, 0.90);
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 0 0 0 20px;
    overflow: hidden;
}


#sidebar1 p, #sidebar1 label {
    font-size: 0.85em;
}
#sidebar1 .loja_online h3, #sidebar1 .visitas h3 {
    margin-top: 0px;
    margin-bottom: 2px;
    text-transform: uppercase;
}
#sidebar1 .loja_online h2 a, #sidebar1 .visitas h3 a {
    color: #222222;
}
/* **********************************

pesquisa exposições - filtros

********************************** */

.em-events-search h2 {
    margin-bottom: 0px;
}
.em-events-search span {
    padding-bottom: 20px;
    display: block;
    color: #7f7f80;
    font-size: 0.9em;
}
.em-events-search .dd-options {
    margin-top: -10px;
}
.page-template-page-eventos-php .em-events-search, .single-format-standard .em-events-search {
    display: block;
}

.em-events-search input{
    width: 280px;
    height: 32px;
    text-align: center;
    color: #444;
    border: 1px solid #e5e5e4;
    text-transform: uppercase;
    margin-top: 10px;
    text-align: left;

}
.em-events-search input.em-events-search-submit {
    width: 280px;
    height: 32px;
    background: url(imgs/btns/bg_bt_filtros.png) no-repeat;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    border: none;
    margin-top: 10px;
}


.em-events-search #date_picker {
    width: 100%;
}
.holder_filters {
    margin-bottom: 20px;
}
/***********************************

Eventos

***********************************/

.events-table .evento_holder{

    margin-top: 20px;
    padding: 2px;
    clear: both;
    height: auto !important; /* ie6 ignores !important, so this will be overridden below */
    min-height: 100%; /* ie6 ignores min-height completely */
    height: 100%;
    display: table;
    background: #fff;
    border: 1px solid #e5e5e4;

}

.events-table .evento {

    margin: 2px;
    clear: both;
    height: auto !important; /* ie6 ignores !important, so this will be overridden below */
    min-height: 100%; /* ie6 ignores min-height completely */
    height: 100%;
    display: table;
    background: #e5e5e4;

}

.evento .half {
    width: 50%;
    float: left;
}

.evento.info_evento{
    height: 100%;
    display: block;
}


.evento .half .texto {

    padding: 15px 15px 15px 15px;
    height: 100%;
    display: table;

}

.texto{
    font-size: small;
}

.evento .half .texto h2 a{

    color: #000;
}


.evento .half .texto h2 a:hover{

    color: rgb(39, 149, 182);

}




.evento .adicional_info {
    color: #7f7f7f;
    font-size: 0.8em;
    text-transform: uppercase;
}
.eventos p {
    margin-bottom: 3px;
}
.eventos .separator {
    width: 100%;
    height: 20px;
}


/***********************************

nav - ajustes de tamanho por causa dos sub-items 

***********************************/


/*#menu-item-95 {
    width: 70px;
}
#menu-item-99 {
    width: 210px;
}
#menu-item-606 {
    width: 110px;
}
#menu-item-530 {
    width: 120px;
}*/
/***********************************

Breadcrumb 

***********************************/
.breadcrumbs {
    font-size: small;
    margin-bottom: 20px;
}
/***********************************

Exposicoes 

***********************************/

.lcp_catlist li {
    clear: both;
    width: 100%;
    margin-bottom: 20px !important;
    list-style: none;
    background: #e5e5e4;
    padding-top: 20px;
    position: relative;
}
.lcp_catlist li .thumbnail {
    float: left;
    z-index: 10;
}
.lcp_catlist li .description {
    float: left;
    position: relative;
}
.lcp_catlist li .description span a {
    font-family: 'lane_-_narrowregular';
    color: #000;
    font-size: 2em;
    text-transform: uppercase;
    font-weight: normal;
}
.lcp_catlist li h4 {
    font-size: 1.3em;
}
.lcp_catlist p.lcp_content {
    display: none;
    font-weight: normal;
}
.holder_filters label {
    display: inline;
    font-size: 0.9em;
    margin-right: 20px;
    color: #7f7f80;
}
/* widget styles */

.widget {
    margin-bottom: 18px;
}
.widget li {
    margin-bottom: 2px;
}
.widget ul.children {
    margin-bottom: 0;
}
.widget ul.children li {
    margin-left: 9px;
}
#tag-cloud {
    margin-bottom: 18px;
}
a[class^='tag-link-']:hover {
    color: #f0f0f0;
}
/**** isotope**/

.isotope, .isotope .isotope-item {
    /* change duration value to whatever you like */
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}
@media only screen and (max-width: 997px) {

   /* .home #content{
        width: 684px;
        margin-left: auto;
        margin-right: auto;
    }*/

}


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

    /*.home #content {
        width: 350px;
        margin: 0 auto;
    }*/

    .destaques .loja_online, .destaques .visitas{
        /*margin-left: 0 !important;*/
    }


    #sidebar1 .visitas, #sidebar1 .newsletter, #sidebar1 .loja_online, #sidebar1 .visitas_big{
        display: none;
    }

    .menu-action{
        display: none !important;
    }

    #sidebar1{
        margin-bottom: 0px;
    }

    #sidebar1 .panel {
        background-image: none;
        margin-top: 0px;
        margin-left: 0px;
        padding-bottom: 10px;
    }

    header#top-header{
        height: 120px;
    }

    header #logo{
        min-width: 164px;
        width: 164px;
        height: 67px;
        background: url(imgs/logos/logo_mca_peq.png) no-repeat;
    }

    img.sidebar2{
        display: none;
    }



    .home{
        text-align: center;
    }
    .evento .half {
        width:100%;
    }

    .row .row{
        margin: 0 auto;

    }
}
@media only screen and (max-width: 619px) {

    .home #content{
        position: relative;
        width:100%;
    }

    .home #main{
        width: 310px;
        margin: 0 auto;
        display: block;
    }

    .destaques{
        max-width: 290px;

    }
    .coluna_destaque{
        width: 290px;
        text-align: left;
    }

    .destaques .geral{
        width: 290px;
        position: relative;
        text-align: left;
        float: none;
        height: auto;
    }

    .destaques .geral .em_destaque{
        position: relative;
        margin-left: 0px;
        width: auto;
        width: 290px;
        float: left;
        margin-bottom: 18px;
    }

    .destaques .geral .visitas{
        position: relative;
        margin-left: 0px;
        width: auto;
        max-width: 290px;
        float: left;
        margin-right: 0;
    }
    .destaques .geral .loja_online{
        position: relative;
        margin-left: 0px;
        width: 290px;
        float: left;
        margin-right: 0;
    }
}

@media only screen and (min-width: 620px) and (max-width: 909px){
    .home #content{
        position: relative;
        width:100%;
    }
    .home #main{
        width: 600px;
        margin: 0 auto;
        display: block;
    }

    .destaques{
        position: relative;

    }
   /* .row{
        margin: 0 auto;
    }*/

    .coluna_destaque{
        width: 290px;
        text-align: left;
    }

    .destaques .geral{
        max-width: 600px;
        position: relative;
        text-align: left;
        float: none;
        height: auto;
    }

    .destaques .geral .em_destaque{
        position: relative;
        margin-left: 0px;
        width: auto;
        width: 290px;
        float: left;
        margin-bottom: 18px;
    }

    .destaques .geral .visitas{
        position: relative;
        margin-left: 0px;
        width: auto;
        max-width: 290px;
        float: left;
        margin-right: 0;
    }

    .destaques .loja_online{
        width: 290px;
        float: left;
    }

    /*++++++++++++++++++++++++++++++++*/
    .loja_online {
        background: #e5e5e4 url(imgs/destaques/destaque4.jpg) right top no-repeat;
        height: 156px;
        padding: 20px 20px 20px 5px;
    }
    .loja_online p.texto {
        display: block;
        float: left;
        width: 160px;
    }
    .destaques .holder_info {
        background: #E5E5E5;
        background: rgba(229, 229, 229, 0.9);
        padding: 1px 5px 0px 10px;

    }
    .destaques .exposicoes {
        max-height: 520px;
        overflow: hidden;
        margin-right: 0;
        margin-left: 0;
    }
    .destaques .exposicoes .holder_info {
        position: relative;
        width: 100%;
        top: -110px;
        height: 110px;
    }
    #sidebar1 .holder_info h2, #sidebar1 .holder_info p {
        width: auto;
        margin-bottom: 0px;
    }
    .destaques .em_destaque .holder_info, .destaques .visitas .holder_info {
        position: absolute;
        top: 0px;
        width: 100%;
    }
    #sidebar1 .loja_online .holder_info {
        height: auto;
        float: left;
        width: auto;
        padding-bottom: 20px;
    }



}

@media only screen and (min-width: 768px) {



    ol.commentlist div.avatar {
        margin-right: 0;
    }

    #featured h3 {
        margin-top: 2em;
        padding-left: 2em;
    }
    #featured p {
        padding-left: 4em;
    }
    #featured h3, #featured p {
        width: 66%;
    }
}
@media only screen and (min-width: 940px) {
    /* desktop specific styles */


    ol.commentlist div.avatar {
        margin-right: 0;
    }


}

@media only screen and (min-width: 910px) {
    #content{
        height: 100%;
        z-index: 1;
        position: relative;
    }
    .page-template-page-homepage-php #main{
        width: 100%;
    }
    #post-21{
        width: 910px;
        position: relative;
        margin: 0 auto;
        display: block;
    }
    .destaques {
        margin: 0 auto;
    }

    .destaques .geral{
        max-width: 290px;
        position: relative;
        float: left;
    }

    .destaques .geral .em_destaque{
        position: relative;
        margin-left: 0px;
        width: 290px;
        float: left;
        margin-bottom: 18px;
    }
    .destaques .coluna_destaque {
        width: 290px;
        float: left;
        position: relative;
        /*margin-left: 10px;*/
        margin-right: 20px;
        margin-bottom: 20px;
    }
    .destaques .geral .visitas{
        position: relative;
        margin-left: 0px;
        width: auto;
        width: 290px;
        float: left;
    }
    .destaques .geral .loja_online{
        position: relative;
        margin-left: 0px;
        width: 290px;
        float: left;
        height: auto;
    }
}

.float-left{
    float: left;
}

.event-category {
    background: transparent;
    width: 280px;
    padding: 5px;
    font-size: 16px;
    line-height: 1;
    border-radius: 0;
    height: 34px;
    border-color: #e5e5e4;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif;
}


span /***** EXTRAS ****/ 
#ui-datepicker-div {
    margin-top: -30px;
}
.dd-select {
    margin-bottom: 10px;
    margin-top: 5px;
}


.logos-redessociais{
    width: 60px;
    height: 25px;
    position: absolute;
    bottom: 10px;
    right: 10px;
    text-align: right;
}

/* -----------------------------------------
   Page Imagoteca
----------------------------------------- */
   .container-photo-imagoteca,.container-texto-imagoteca{
        float: left;
   }

   .container-photo-imagoteca{
        width: 55%;

   }

   .container-photo-imagoteca img{
       height: auto;
       width: 100%;

   }

    .container-texto-imagoteca{
        width: 45%;
        padding: 20px;

    }

     .container-texto-imagoteca p{
        line-height: 1.8em;

    }

    .container-all-imagoteca{
        background: #e5e5e4;
        float: left;
        width: 100%;
        height: auto;
        overflow: hidden;
        margin-bottom: 30px;
    }

    .container-doc{
        margin-bottom: 10px;
        float: left;
        clear: both;
    }

    .container-doc a{
        color: #222222;
        font-size: 13px;
    }
    .container-doc a:hover{
        color: #2ba6cb;
    }

    ul.arq-historico{
        list-style: none;
        font-size: 13px;
    }

    ul.arq-historico li {
        list-style: none;
        font-size: 13px;
        padding: 3px 0;
    }

    #main ul.menu {
         list-style: none;
        font-size: 13px;
    }

     #main ul.menu li{
        padding: 3px 0;
    }

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

    
    .container-photo-imagoteca{
        width: 100%;
        float: left;

        }

        .container-texto-imagoteca{
         width: 100%;
        }
    }