/* PARAQUEDAS CSS
=================*/

/* Fundos */
.container {background-repeat: no-repeat;background-position:left top;}
.artigo .container {background-position:left bottom;background-repeat: no-repeat;}

/* Específico para números */
.n1 > .container {background-image: url("../img/capa1.jpg");}
.n1.arte .span12 {background: #fff;}

.n2 {background: url("../img/capa2.jpg") repeat fixed center 0;}
.n2 .header .inner {border: none;background-image: url("../img/logo-v2.png");padding-left:90px;font-family:"Minion Pro", Times, "Times New Roman", serif;min-height: 55px;}
.n2 .header .indice {    margin: 0;    padding: 0;}.n2 .header li{ font-size: 11px;line-height:16px;}
.n2 a {color: #7f7f7f;}
.n2.capa a, .n2 .header a {color:#191919;}
.n2 .header li a, .n2.capa .article-list a {font-weight:normal;background-color:rgba(178, 178, 178, 0.2);}
.n2 .header a:hover, .n2 .header a:focus, .n2.capa a:hover {color: #fff;background-color:rgba(178, 178, 178, 0.6);}
.n2 .footer {background:none;}

@media (min-width:980px){
  .n2.artigo .header .inner {height:180px;}   
  .n2.apontamentos-para-uma-arte-de-viver .header{background: url("../img/can-vies.png") no-repeat left 50px;height:400px;}
}
@media(min-width:680px) {
  .n2.capa .header { background: url("../img/capa2-nomes.png") no-repeat scroll center 135px rgba(0, 0, 0, 0); height: 800px; }
  .n2.capa .article-list {display: none;}
}


/* Tipografia geral */
body {font-size:15px}
h1, h2, h3, h4, h5, h6 {color: #555;margin: 30px 0 20px;}
h1:first-child, h2:first-child {margin-top: 0;}
hr {width:100px;margin: 1.4em auto;border-color: #CDCDCD;clear:both;}
blockquote p {font-size: 14px;color: #494949;}
blockquote small {text-align: right;}
a {color: #7A8EB9;}
.navbar .btn-navbar {background:none;border:none;box-shadow:none;text-shadow:none;margin: 0 0 0 30px;padding: 0 4px;font: bold 14px Helvetica;color:#000;} 
.navbar .btn-navbar:hover {color:#000;}

/* Navigação superior */
.header {position:relative;}
.arte .header {background: none; margin:0;} .arte .inner {height:auto;}
.header a:hover, .header a:focus {text-decoration:none;}
.inner {padding:25px 0 0 50px;border-bottom:1px solid #D4D4D4;overflow:hidden;
  background:url("../img/logo.png") no-repeat 0 15px;}
.inner > a {float:left;font-size:18px;letter-spacing:3.5px;margin-bottom: 20px;}
.inner > a small {font-weight: bold;padding-left: 10px;}
.menu {float:right;}
.menu a {letter-spacing: 1px;margin-left: 10px;}

.header ul {border-radius:6px;font-size:10px;letter-spacing:1px;list-style:none;position:relative;white-space:nowrap;}
.header ul ul {position:absolute;display:none;z-index:1000;top:0;left:100%;}
.header li {line-height:15px;}
.header .open > ul {display:block; }
.header li > a {background-color:#7A8EB9;background-color: rgba(122, 142, 185, 0.6);color: #FFF;font-weight: bold;}
.header li > a:hover, .header li > a:focus {background-color: rgba(122, 142, 185, 0.9);}
.autor { font-weight: normal; }
.autoria {display:none;}


  iframe.video {width:724px;height:402px;margin:0 auto; display:block;}
audio {width: 100%;}

.other small {display:none;}

a.other {
    float: right;
    font-size: 14px;
    margin-left: 45px;
}

@media(max-width:640px) {.header ul{position:static;} .header ul ul {position:static;white-space:normal;}.indice{width:90%;} a.other {margin-left:20px;}}
@media(min-width:641px) and (max-width:979px){
  .header ul {width:160px;white-space:normal;}
  .header ul ul {width: 100%;}.header li li {width: 310px;}

}


@media (min-width:980px){.inner { height: 230px; } .header .indice {margin: 25px 0 10px;}
  .header ul {padding:10px 18px;clear:left;float:left;}
  .autoria{bottom: -17px; display: block; font-size: 11px; position: absolute; right: 0; line-height:0;}
  #indice{max-width:314px;}iframe.video {width:940px;height:524px;}
 .arte .btn-navbar, .other small {display:inline;}
 .arte .navbar .nav-collapse {clear:left;}
.arte  .nav-collapse {
        height: 0;
        overflow: hidden
    }



}
  
 

/* Capa */
.article-list {list-style: none; margin: 0 10% 50px 10%; text-align:center;}
.article-list li {margin-bottom: 4px;}
.section-header {color: #7A8EB9;font-style: italic;margin-top: 20px;text-decoration: underline;}
.article-list a {font-size: 16px;letter-spacing: 0.5px;line-height: 22px; 
  background-color: #e9eff7;background-color:rgba(84,104,178,0.1);}
.author {font-size: 13px;font-style: italic;}
.author + a {margin-left:20px;}
.vista-aerea .author + a {margin-left: 2px;}
.subtitle:before {content: ": ";}
.article-list a:hover, .article-list a:focus {text-decoration:none;color:#F78E38;}

/* Títulos, índice */
.title h2 {font-size: 20px;line-height: 20px;margin-left: 60px;text-indent: -26px;}
.indice-box {height: 35px;}
#indice {background-color:#fff;background-color:rgba(255, 255, 255, 0.9);border-radius:4px;font-size:13px;
  margin: 15px;padding:6px 8px;top:0;z-index:999;float:left;}
#indice h4 {margin:0 7px;}
#indice .nav > li {float:none;}
#indice .nav > li > a {padding: 2px 7px;box-shadow:none;text-shadow:none;}
#indice .btn-navbar {display:none;}
#indice .nav-collapse {overflow:visible;height:auto;}
@media (max-width: 767px){
  #indice .btn-navbar {display:block;} #indice .nav-collapse.collapse {height:0;overflow:hidden;} .inner > a small {display:none;}}

.content .nav-pills > li {float:right;}
.content .nav-pills > li > a {font-size: .8em;padding: .3em .8em .5em;}

/* Conteúdos */
.content {border-radius: 4px;padding: 15px;max-width:510px;margin:0 auto;
  background-color: #F5F5F5;background-color: rgba(245,245,245,.7);}
.tooltip p {text-align: left;}
.tooltip, .footnotes li, #bibliografia, .meta, .img p {font-size: 13px; line-height: 15px;}
#bibliografia p {text-indent: -20px;padding-left:20px;margin:5px;}

/* Imagens */
.img {max-width:90%;margin:10px auto;text-align:center;}
.img > p:first-child a {display:block;}
.img > p:first-child a, .img > p > img {padding:4px;background-color:#fff;border:1px solid #DDDDDD;border-radius:4px;
  transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; }
.img > p:first-child a:hover{border-color: #08C;}

/* Galeria */
.arte .span12 {position:relative;}
.carousel{margin:0;}
.carousel-inner{padding-bottom:50px;}
.carousel-caption {background:none;text-align:center;position:static;}
.xtra .carousel-caption {height: 100%;padding: 0 200px;text-align:left;}
.carousel-control {top:72px;line-height: 20px;}
.arte h1 {margin-top: 60px;}
.carousel-caption p {color: #000;margin-bottom: 10px;}
.item > img {margin: 0 auto;max-width: 800px;max-height:620px;}
@media (max-width: 767px) {.xtra .carousel-caption{padding:0 20px;}
  .carousel-control{border-radius:12px;font-size: 30px;height:20px;line-height:10px;top:35px;width:20px;} 
    iframe.video {
    height: 265px;
    width: 480px;}
    .item > img {max-width:100%;}}
@media (min-width: 768px) and (max-width: 979px) { .xtra .carousel-caption {padding: 0 70px;}
  .item > img{max-width:590px;} }

/* Forms, popups (PrettyPhoto) */
@media(min-width:641px) {.alert > p { margin: 0; } .alert {clear:left;}
  .modal-body > form, .modal-body > p, .last .carousel-caption > p, .last .carousel-caption > form 
  		{margin-left: 142px;}
  .modal-body h4, .carousel-caption h4 {float: left;margin: 0 0 20px;color:#555; width: 135px;}}
.block {display: block;}

/* Arquivo */
.autores a, .palavras-chave a, .numeros a {background-color:rgba(84, 104, 178, 0.1);line-height:24px;padding: 0 5px;}
.palavras {color: #333333;font-size: 13.5px;}
.palavras em {font-style:normal;color:#fff;background-color:#5468B2;}

/* Rodapé */
.footer {background-color:rgba(255, 255, 255, 0.6);width: 100%;}
.footer small {border-top: 1px solid #d4d4d4;color: #7B8FBA;}

/* No JS */
.no-js .indice ul,.no-js .indice li {position: static;display:inline;}
.no-js .header ul ul {float: none;}
.no-js .indice li li,.no-js .indice > li:first-child a, .no-js .indice > li:last-child a {margin: 2px 5px;float:left;display:block;}
.no-js .nav-collapse.collapse, .no-js #indice .nav-collapse.collapse {height: auto;}
.no-js .indice > li > a,.no-js #indice .btn-navbar,.no-js .btn-navbar,.no-js .active,.no-js .carousel-control,.no-js .item.xtra:last-child h1, .arquivo .citar  {display: none;}
.no-js .carousel-inner > .item {display: block;}.no-js #indice {position: static;}
.no-js #seguir, .no-js.artigo #comentar { display: block; margin: 0 auto; opacity: 1; position: static; }