/* --- Diagramacao --- */
html {
    overflow-x: scroll;
}

@media all and (min-width: 1000px) {
    html {
        overflow-x: hidden;
    }
}

body {
    background: #1a3e65;
    background-attachment: fixed;
    background-image: url('../../img/globals/modulo_padrao.jpg');
    min-width: 1000px;
}

#page {
    width: 100%;
    min-width: 1000px;
}

#content {
    width: 700px;
    background: #FFF;
    padding: 10px 0px 10px;
    float: left;
}

::-moz-selection {
    background: #2c4868;
}
::selection {
    background: #2c4868;
}

/* --- Resetando abbr --- */

abbr[title] {
    border-bottom: none;
}

/* --- Classes Úteis --- */

.right {
    float: right;
}

.fundo-mosaico {
    background-image:url('../../img/globals/bg_fundo.png');
}

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

.nao_selecionavel {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.pointer {
    cursor: pointer;
}

/* tirar e recolocar a scrollbar dá bug no Chrome */
/*
.noScrollBar {
    overflow: hidden;
}
*/


/* -- helpers --  */
.left  { float: left; }
.right { float: right; }
.clear { clear: both; }

.align-left  { text-align: left; }
.align-right { text-align: right; }
.justify { text-align: justify; }

.normal-item-color, .normal-item-color:visited { color: #92A0B2; } 
.normal-item-color:hover { color: #FFF; } 
a.normal-item-color { text-decoration: none; }

/* --- Titulos --- */

h1, h2 {
    color: #FFF;
    margin-left: 30px;
}

h1 a, h1 a:hover, h1 a:visited { /* H1 = Titulo do blog no header */
    color: #FFF;
    font-size: 24pt;
    font-family: Tahoma, Geneva, sans-serif;
    text-decoration: none;
}

h2 a, h2 a:hover, h2 a:visited { /* H2 = Titulo dos posts  */
    color: #000;
    font-size: 18pt;
    font-family: Verdana, Geneva, sans-serif;
    text-decoration: none;
}

h3 a, h3 a:hover, h3 a:visited { /* H3 = Titulo dos elementos da sidebar */

}

/* navegação */

.nav {
    width: 100%; height: 75px;
    background: #1c3f66;
    background: rgba(28, 63, 102, 0.9);
    background-clip: padding-box;
    color: #5F7D9A;
   /* font: 12px 'Open Sans', serif;*/
    position: fixed;
}

.nav .menu {
   /* background-color: #192b44;
    font-size: 12px;*/
   /* text-transform: uppercase;*/ /* e não maiúsculo no HTML */
  /*  height: 15px;*/
}

/* fazendo as bordinhas do menu */
/*.nav .menu:before {
    font-size: 12px;
    content: "[";
}

.nav .menu:after {
    content: "]";
}*/

/*.nav .menu span {
    letter-spacing: 5px;
    padding-right: 10px;
}*/

.nav .menu span:first-child {
    padding-left: 5px; /* casando com o letter-spacing, que é sempre pra direita */
}

/* e criando os separadores */
.nav .menu span:before {
    content: ".";
    color: white;
}

.nav .menu span:first-child:before {
    content: "";
}

.nav .menu span.active {
}

#container-secao {
    width: 100%;
    height: 100%;
    min-width: 1000px;
    overflow: visible;
}

/* caixa de diálogo */

.dialog {
    display: none;
}

.ui-dialog {
    position: fixed;
    
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

.ui-dialog:hover {
    opacity:1;
}

.ui-dialog-titlebar {
    position: fixed;
    background: #7C94AC;
    border-bottom: 2px solid #5F7D9A;
    height: 20px;
}

.ui-dialog-title {
    letter-spacing: 1px !important;
}

/* PÁGINAS INTERNAS (projeto, contato, listas e afins) */
.insidePage {
    margin: 100px auto;
    width: 1000px;

    color: white;
    font: 13px 'Open Sans', sans-serif;
    text-align: justify;
}

.insidePage aside {
    width: 250px;
    margin: 0 25px;
}

.insidePage aside.left {
    float: left;
    padding-bottom: 100px;
}

.insidePage aside.right {
    float: right;
    left: 50%;
    margin-left: 225px;
}

.insidePage aside.left img.thumbnail {
    width: 250px;
}

.insidePage aside.left .img_gallery{
    margin-top: 5px;
    margin-bottom: 18px;
}

.insidePage aside.left .video_gallery{
    margin-bottom: 100px;
    margin-top: 5px;
}

.insidePage aside.left .gallery img{
    width: 50px;
    height: 50px;
    cursor: pointer;
    text-align: right;
    margin-bottom: -6px;
    margin-right: -2px;
    box-sizing: border-box;
}

.insidePage aside.left.staticpage h1 span,
.insidePage article.staticpage h2 span {
    cursor: pointer;
}

.insidePage aside img,
.insidePage article.staticpage img {
    border: 2px solid rgb(102, 123, 146);

    -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, .4);
    -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, .4);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, .4);

    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
}

.insidePage article.staticpage img {
    margin: 10px 0;
}

.insidePage article.staticpage img.semestilo {
    border: 0;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.insidePage aside.left .compartilhe {
    font-size: 12px;
    text-align: right;
}

.insidePage aside.left .compartilhe > span {
    display: block;
    margin: 10px 0 5px;
}

.insidePage aside.left .compartilhe div {
    background-repeat: no-repeat;
    cursor: pointer;
    float: right;
    margin-left: 10px;
    text-indent: 3000em;
    width: 25px; height: 25px;

    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, .6);
    -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, .6);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .6);
}

.insidePage aside.left .compartilhe div span {
    display: none;
}

.insidePage aside.left .compartilhe div.twitter {
    background-image: url('../../img/globals/share_twitter.gif');
}

.insidePage aside.left .compartilhe div.facebook {
    background-image: url('../../img/globals/share_facebook.gif');
}

.insidePage article.staticpage a {
    color: #86B8F9;
    font-weight: bold;
    text-decoration: none;
}

.insidePage article {
    margin-left: 300px;
    padding-bottom: 100px;
    width: 400px;
}

.insidePage article.staticpage {
    padding-bottom: 0;
}

.insidePage h1,
.insidePage h2 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 800;
    text-transform: uppercase;
    color: #7991A9;
    color: rgba(255,255,255,.5);
}

.insidePage h1 {
    color: white;
    font-size: 22px;
    margin: 0 0 17px;
    text-align: right;
}

.insidePage h2 {
    font-size: 18px;
    margin: 0;
    padding: 5px 0 16px;
}

.insidePage h3 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 800;
    color: #7991A9;
    color: rgba(255,255,255,.5);
    
    padding: 43px 0 18px;
    font-size: 16px;
    margin: 0;
}

.insidePage h4 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 800;
    color: #7991A9;
    color: rgba(255,255,255,.5);
    float: right;
    font-size: 16px;
}

.insidePage article p {
    margin: 0;
    opacity: 0.75;
}

.insidepage article li p {
    margin: 0 0 13px 49px;
}

.insidePage article li.nothumb p, .insidePage article ul.nothumb li p {
    margin-left: 0;
}

.insidePage article q {
    quotes: '"' '"';
}

.insidePage aside.left img {
    margin-bottom: 15px;
}

.insidePage aside.left div.menu div {
    color: #92A0B2;
    cursor: pointer;
    display: block;
    font-family: 'Open Sans',sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 21px;
    text-align: right;
    text-transform: uppercase;

    -webkit-transition: color .2s linear;
    -moz-transition: color .2s linear;
    -o-transition: color .2s linear;
    -ms-transition: color .2s linear;
    transition: color .2s linear;
}

.insidePage aside.left div.menu div.active,
.insidePage aside.left div.menu div:hover {
    color: white;
}

.insidePage aside.left div.tags {
    text-align: right;
    text-transform: uppercase;
    cursor: pointer;
}

.insidePage aside.left div.tags div {
    margin-bottom: 5px;
}

.insidePage article > p {
    margin-bottom: 20px;
    margin-top: 3px;
}


/* Resultados */
#list-result {
    margin-top: 2px;
}

#list-result ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#list-result li {
    margin-bottom: 15px;
    cursor: pointer;
}

#list-result p.title, .ItemRTitle {
    color: #FFFFFF;
    font-family: 'Open Sans',sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    margin-bottom: 2px;
    top: 8px;
    padding-top: 3px;
}

#list-result p.excerpt {
    color: #92A0B2;
    font-family: 'Open Sans',sans-serif;
    font-size: 12px;
    margin-bottom: 5px;
    text-align: left;
}

#list-result p.tags {
    color: #8494A7;
    font-family: 'Open Sans', sans-serif;
    font-size: 9px;
    font-weight: 800;
    margin-bottom: 5px;
    text-transform: uppercase;
}

#list-result p.date, #list-result p.locale, .ItemRData, .ItemRLocal {
    color: #8494A7;
    font-family: 'Open Sans',sans-serif;
    font-size: 9px;
    text-transform: uppercase;
}

#list-result p.type {
    color: #8494A7;
    font-family: 'Open Sans',sans-serif;
    font-size: 9px;
    text-transform: uppercase;
    float: right;
}

.ItemR.thumb .ItemRData {
    margin-left: 49px;
}

#list-result img, .ItemRImg {
    float: left;
    margin: 4px 20px 0 0;
    width: 25px; height: 25px;
}

#list-result img.loaded, .ItemRImg {
    border: 2px solid #657A91;
    border: 2px solid rgba(255, 255, 255, 0.3);

    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;

    -webkit-box-shadow: 2px 4px 5px rgb(12, 22, 34);
    -moz-box-shadow: 2px 4px 5px rgb(12, 22, 34);
    box-shadow: 2px 4px 5px rgb(12, 22, 34); /* idem */

    -webkit-box-shadow: 2px 4px 5px rgba(0, 0, 0, .6);
    -moz-box-shadow: 2px 4px 5px rgba(0, 0, 0, .6);
    box-shadow: 2px 4px 5px rgba(0, 0, 0, .6);
}

#container-busca-avancada {
    margin-bottom: 400px;
}

#container-busca-avancada #lists-content {
    margin-top: 30px;
}

/* .post */
.insidePage .post h3 {
    color: white;
    margin: -4px 0 15px;
    padding: 0;
}

.insidePage .post .date {
    color: #8494A7;
    float: right;
    font-size: 9px;
    position: relative;
    text-align: right;
    text-transform: uppercase;
    top: -30px;
}

.insidePage #sortshowbar {
    font-size: 9px;
    font-weight: 400;
    position: relative;
    text-align: right;
    top: -34px;
}

.insidePage #sortshowbar .active {
    font-weight: 700;
}

.insidePage #sortshowbar span span, .insidePage #sortshowbar span.sep {
    margin-right: 3px;
    opacity: 0.8;
}

.insidePage #sortshowbar span span:hover, .insidePage #sortshowbar span span.active {
    opacity: 1;
}

.insidePage #list-mosaic {
    position: relative;
    top: -10px;
}

.insidePage #list-mosaic div {
    background-size: cover;
    border: 1px solid rgba(255,255,255,0.7);
    cursor: pointer;
    display: inline-block;
    margin: 0 -2px -5px 0;
    width: 100px;
    height: 100px;
}

.insidePage #list-mosaic div:last-child {
    width: 99px;
}

/* cores são usadas sempre, podem ficar no estilo global */
.color_1, .amarelo, .yellow {
    background-color: #fff000;
}

.color_2, .azul, .blue {
    background-color: #2b388f;
}

.color_3, .branco, .white {
    background-color: #ffffff;
}

.color_4, .cinza, .gray {
    background-color: #929396;
}

.color_5, .dourado, .golden {
    background-color: #e8ca7b;
}

.color_6, .laranja, .orange {
    background-color: #f6921e;
}

.color_7, .lilas, .lilac {
    background-color: #9978b5;
}

.color_8, .marrom, .brown {
    background-color: #754b28;
}

.color_9, .ocre, .ochre {
    background-color: #dfab25;
}

.color_10, .ocre-vermelho, .ochre-red {
    background-color: #d97929;
}

.color_11, .pardo, .light-brown {
    background-color: #cdaa82;
}

.color_12, .prateado, .silver {
    background-color: #babcbe;
}

.color_13, .preto, .black {
    background-color: #000000;
}

.color_14, .rosa, .pink {
    background-color: #f18db9;
}

.color_15, .roxo, .purple {
    background-color: #543a6a;
}

.color_16, .sanguinea, .blood-red {
    background-color: #a04035;
}

.color_17, .sepia, .sepia {
    background-color: #9d6131;
}

.color_18, .terra, .earth {
    background-color: #3e1f00;
}

.color_19, .verde, .green {
    background-color: #00874d;
}

.color_20, .vermelho, .red {
    background-color: #bd1e2c;
}

.color_21, .violeta, .violet {
    background-color: #9e1f62;
}


/* loader */
#loading {
    width: 1000px;
    height: 700px;
}

#loading span {
    display: none;
}

@media all and (min-width: 1001px) {
    #loading {
        position: absolute;
        left: 50%;
        margin-left: -500px;
    }
}

@media all and (min-height: 701px) {
    #loading {
        position: absolute;
        top: 50%;
        margin-top: -350px;
    }
}