/*Cores
Fundo TB: #fdf5e2
Fundo Dengue: #eae0e3;
cor TB: #b78b25;
cor DG: #722e42;
cor hover: #5f5639;*/




/*  Geral
----------------------------------------------------------------------------------------------------*/
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body.TB {
	background: #fdf5e2 url(../images/faixaHeader.jpg) repeat-x;
	font: normal 100% 'Libre Baskerville', serif;
	color: #333333;
}
body.DG {
	background: #eae0e3 url(../images/faixaHeader.jpg) repeat-x;
	font: normal 100% 'Libre Baskerville', serif;
	color: #333333;
}
a {
	text-decoration: none;
	color: #b78b25;
}
a:hover {
	background-color: #5f5639;
	color: #fff;
}
/* Header
----------------------------------------------------------------------------------------------------*/

header h1 {
	font: 2.8em/1.2em 'Libre Baskerville', serif;
	margin-top:3em;
	font-style:italic;
}
header h1.TB a {
	color:  #5f5639;
}
header h1.TB a:hover {
	background-color: transparent;
	color:  #b78b25;
}
header h1.DG a {
	color:  #722e42;
}
header h1.DG a:hover {
	background-color: transparent;
	color:  #b78b25;
}
header h2 {
	font: 2.2em/0.9em 'Libre Baskerville', serif;
	font-style:italic;
	padding-top:0.3em;
}
header h2.TB a {
	color: #5f5639;
}
header h2.TB a:hover {
	background-color: transparent;
	color:  #b78b25;
}
header h2.DG a {
	color: #722e42;
}
header h2.DG a:hover {
	background-color: transparent;
	color:  #b78b25;
}
/* Footer
----------------------------------------------------------------------------------------------------*/
footer {
	background: #b78b25;
	padding: 3em 0;
	border-bottom:	3.5em solid #592c39;
}
footer h3 {
	font: normal 120% 'Libre Baskerville', serif;
	font-weight:bold;
	color: #006;
	padding-bottom: 0.6em;
}
footer p {
	font: 1em/1.5em 'Libre Baskerville', serif;
	color: #333;
}
footer a {
	color:#592c39;
}
footer a:hover {
	color:#fff;
}
.google-maps {
	position: relative;
	padding-bottom: 20%;
	/* This is the aspect ratio */
	height: 0;
	overflow: hidden;
}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
/* Nav
----------------------------------------------------------------------------------------------------*/
/*Instruções comuns aos dois menus (Tuberculose e dengue)*/
.main-nav {
	min-height: 40px;
}
.main-nav a#pull {
	display: none;
}
.main-nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.main-nav li {
	float: left;
	display: block;
}
/*Tuberculose*/
#navTB a {
	font: 1em 'Libre Baskerville', serif;
	color: #b78b25;
	border-right: #b78b25 solid 1px;
	padding: 0.6em 0.9em;
}
#navTB a:hover {
	color: #fdf5e2;
	background-color:  #5f5639;
}
#navTB li:last-child a {
	color: #722e42;
	border-right: 0;
}
#navTB li:last-child a:hover {
	color: #fff;
	background-color:  #5f5639;
}
/*Dengue*/
#navDG a {
	font: 1em 'Libre Baskerville', serif;
	color: #722e42;
	border-right: #722e42 solid 1px;
	padding: 0.6em 0.9em;
}
#navDG a:hover {
	color: #eae0e3;
	background-color:  #5f5639;
}
#navDG li:last-child a {
	color: #b78b25;
	border-right: 0;
}
#navDG li:last-child a:hover {
	color: #fff;
	background-color:  #5f5639;
}
/*media-query do menu*/
@media only screen and (max-width: 959px) {
.main-nav {
text-align:left;
}
.main-nav ul {
display: none;
height: auto;
}
/*Tuberculose*/
#navTB a#pull {
 display: block;
 background-color:  #b78b25;;
 width: 100%;
 padding:0.4em;
 position: relative;
 color:#fdf5e2;
 font: 1.2em 'Libre Baskerville', serif;
 font-style:italic;
}
#navTB a#pull:hover {
 text-decoration:none;
 background: #5f5639;
}
#navTB a#pull:after {
 content:"";
 background: url('../../images/nav-icon.png') no-repeat;
 width: 20px;
 height: 20px;
 display: inline-block;
 position: absolute;
 right: 15px;
 top: 10px;
}
 #navTB li {
 width:100%;
 float: left;
 height:auto;
 background-color: #b78b25;
 border-bottom: 1px solid #fff;
 border-right: none;

}
#navTB li a {
 display:block;
 width: 100%;
 font: 1em 'Libre Baskerville', serif;
 text-indent: 10px;
 border-right: none;
 color: #fdf5e2;
 background-color: #b78b25;
}
#navTB li a:hover {
 color: #fff;
 background-color: #5f5639;
}
/*Dengue*/
#navDG a#pull {
 display: block;
 background-color:  #722e42;
 width: 100%;
 padding:0.4em;
 position: relative;
 color:#eae0e3;
 font: 1.2em 'Libre Baskerville', serif;
 font-style:italic;
}
#navDG a#pull:hover {
 text-decoration:none;
 background: #5f5639;
}
#navDG a#pull:after {
 content:"";
 background: url('../../images/nav-icon.png') no-repeat;
 width: 20px;
 height: 20px;
 display: inline-block;
 position: absolute;
 right: 15px;
 top: 10px;
}

 #navDG li {
 width:100%;
 float: left;
 height:auto;
 color: #eae0e3;
 background-color: #722e42;
 border-bottom: 1px solid #fff;
 border-right: none;
}
#navDG li a {
	color: #eae0e3;
 display:block;
 width: 100%;
 font: 1em 'Libre Baskerville', serif;
 text-indent: 10px;
 border-right: none;
 
 background-color: #722e42;
}
#navDG li a:hover {
 color: #fff;
 background-color: #5f5639;
}
}


/* Elementos de diagramação e formatação
----------------------------------------------------------------------------------------------------*/
/*Espaçamento*/
.spacerXXG {
	padding-top: 5em;
	clear: both;
}
.spacerXG {
	padding-top: 8em;
	clear: both;
}
.spacerG {
	padding-top: 4em;
	clear: both;
}
.spacerM {
	padding-top: 2em;
	clear: both;
}
.spacerP {
	padding-top: 1em;
}
.resize-image {
	max-width: 100%;
	height: auto;
}
.pad-top {
	margin-top: 2em;
}
/*Alinhamento e estilo*/
.dir {
	float: right;
	margin-left:10px;
}
.esq {
	float: left;
	margin-right:10px;
}
.baseline {
	float: left;
	vertical-align:baseline;
}
.texto-esquerda {
	text-align: left;
	margin-left:0.5em;
}
.texto-direita {
	text-align: right;
}
.texto-centro {
	text-align:center;
}
.clear {
	clear: both;
}
.forte {
	font-weight: bold;
}
.italizado {
	font-style: italic;
}
.sublinha {
	clear: both;
	border-bottom: 3px solid #b78b25;
	padding-bottom: 1em;
}
.plus {
	font-size:120%;
}
.grande {
	font-size:150%;
	font-weight:bold;
}
.maior {
	font-size:200%;
	font-weight:bold;
}
.autor {
	font-style: italic;
	text-align: right;
}
figcaption {
	font-style:italic;
	padding-top:0.2em;
	margin-bottom:1em;
}
.menor {
	font-size:80%
}
blockquote {
	font: 100%/190% 'Libre Baskerville', serif;
	font-style:italic;
	padding-left:3em;
	margin-bottom: 0.8em;
}

/* Articles
----------------------------------------------------------------------------------------------------*/
p {
	font: 100%/190% 'Libre Baskerville', serif;
	margin-bottom: 0.8em;
}
article h2 {
	font: 2em/1.5em 'Libre Baskerville', serif;
	font-style:italic;
	padding-bottom:0.3em;
	color: #5f5639;
	border-bottom:2px solid #b78b25;
	margin-bottom:1em;
}
article h3 {
	font: 1.5em/1.5em 'Libre Baskerville', serif;
	font-style:italic;
	margin-bottom:0.3em;
	color: #5f5639;
}
article h6 {
	font: 1em/1em 'Libre Baskerville', serif;
	font-style:italic;
	margin-top:0.7em;
	color: #5f5639;
}
article ul {
	padding-left:1em;
	margin-bottom:1em;
}
article ul li {
	font: normal 100%/200% Verdana, Geneva, sans-serif;
	list-style-type:square;
	list-style-position:inside;
}
.nota p {
	font: 80%/120% 'Libre Baskerville', serif;
	margin-bottom: 0.3em;
}
.nota h3 {
	font: 1.5em/1.5em 'Libre Baskerville', serif;
	font-style:italic;
	margin-bottom:0.3em;
	color: #5f5639;
	border-bottom:2px solid #b78b25;
}
/*.sombra {
	box-shadow: 5px 5px 5px #ccc;
	-moz-box-shadow: 5px 5px 5px #ccc;
	-webkit-box-shadow: 5px 5px 5px #ccc;
	-khtml-box-shadow: 5px 5px 5px #ccc;
}*/
/* Botão
----------------------------------------------------------------------------------------------------*/
.go-top {
	padding: 0.4em 1em;
	background-color: #592c39;
	color: #fff;
	text-decoration: none;
	border-radius: 8px;
	box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3);
}
.go-top:hover {
	background: #b78b25;
	text-shadow:none;
	color: #4A463B;
}
.go-top {
	position: fixed;
	bottom: 2em;
	right: 2em;
	display: none;
}
/* Galerias
----------------------------------------------------------------------------------------------------*/
.img-item {
	float: left;
	margin-bottom: 15px;
	margin-right: 9px;
	border:#b78b25 2px solid;
}
.img-item a {
	position: relative;
	display: block;
}
.thumb-screen {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	background: #b78b25 url(../../images/busca0.png) center center no-repeat;
	z-index:30;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /* IE 8 */
	filter: alpha(opacity=30); /* IE 5-7 */
 transition: opacity .5s ease;
}
.thumb-screen:hover {
	opacity:0.5;
	/* IE 8 */
  	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	/* IE 5-7 */
  filter: alpha(opacity=50);
}
.ts140 {
	height:140px;
}

/* MEDIA QUERIES
----------------------------------------------------------------------------------------------------*/



/* #Tablet (Portrait)
================================================== */
    /* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.resize-mobile {
/* max-width:90px;
 float: left;*/
}
 .google-maps {
 position: relative;
 padding-bottom: 30%;/* This is the aspect ratio */
 height: 0;
 overflow: hidden;
}
footer .two.columns {
max-width: 95px;
!important
}
footer .six.columns {
max-width: 300px;
!important
}
}


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */	
	
@media only screen and (max-width: 767px) {
.selo {
display:none;
}
header h1 {
 font: 2.3em/1.2em 'Libre Baskerville', serif;
 margin-top:5em;
 font-style:italic;
}
header h2 {
 font: 2.0em/1.1em 'Libre Baskerville', serif;
 font-style:italic;
 padding-top:0.3em;
}
.resize-mobile {
 max-width:100px;
 float: left;
}
#related .two.columns {
max-width: 140px;
!important
}
.spacerXG {
padding-top: 5em;
}
.spacerG {
padding-top: 2em;
}
.spacerP {
padding-top: 1em;
}
.spacerXXG {
padding-top: 0;
}
article h6 {
 font: 1em/1.5em 'Libre Baskerville', serif;
 font-style:italic;
 margin-top:0.2em;
 color: #5f5639;
}
#atue .three.columns {
 width:110px;
 padding-right: 5px;
}
.img-item {
max-width:130px;
}
.ts140 {
 height:130px;
}
}



/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	
}