body {
	margin: 0 auto;
	padding:0;
	background: url('../images/background.jpg');
	font-size: 60.5%;
}
/*
#flipbook {
    background-color: transparent;
}

.mobile {
	 background-color: transparent;
}
*/


.escondidinho
{
	position: absolute; 
	left: -999em;
}
a:focus, input:focus
{
	outline: 3px solid #E05403;
}
.ir-conteudo
{
	margin: 0 auto;
	text-align: center;
}
.ir-conteudo p
{
	margin: 0; padding: 0;
}
.ir-conteudo a {
    left:-999px;
    position:absolute;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
    z-index:-999;
}
.ir-conteudo a:focus, .ir-conteudo a:active {
	font-family: "Libre Baskerville", "PT Sans", verdana, sans-serif;
    color: #fff;
    background-color: #2B0000;
    left: auto;
    top: auto;
    width: auto;
    height: auto;
    overflow:auto;
	margin: .2em;
	padding: .1em 1em;
    text-align:center;
    font-size: 1.8em;
    z-index:999;
}

#flipbook .page {
   background: url('../images/fundo_lightbox.jpg');
   background-size:100% 100%;
}

.book  div {
	margin:0;
	padding:0;
	 background-color: transparent;
}


.lupa{
	position:relative;   
	width:22%; 
	height:auto;
	background-size: 100% 100%;
	left:53%; top:15%;
	margin:0;
	padding:0;
}


.seta-direita{
	background: transparent url(../images/seta_interna_dir.png) no-repeat 0px -3px;
	background-size:100% 100%;
	position:relative;  
	width:6.854%; 
	height:4.64%;
}




.seta-direita:hover{
	background-image:url(../images/seta_internaover_dir.png); 

}

.seta-esquerda {

	position:relative;  
	width:6.854%; 
	height:4.64%;
	background-image:url(../images/seta_interna_esq.png);
	background-size:no-repeat;
	background-size:100% 100%;
}

.seta-esquerda:hover {
	background-image:url(../images/seta_internaover_esq.png); 
}


.seta-inicial {

	position:relative;  
	width:5%; 
	height:3%;
	background-image:url(../images/seta_dir.png); 
	background-size:no-repeat;
	background-size:100% 100%;

}

.seta-inicial:hover{
	background-image:url(../images/over_dir.png); 

}

.seletor {
z-index: 555;
}


a {


z-index: 555;
}




.tooltip{

	margin:0;
	padding:0;
	background: red;
	background-image: url('../images/indice.png');
	background-size: 100% 100%;
	z-index:70;



}

.tooltip:hover {
	background-image: url('../images/indice_over.png');

}

.seletor:hover .tooltipText{
	visibility:visible;
	position: relative;
	top:-1100%;
	left:-600%;
	z-index: 90;
	opacity: 1;



}

.tooltipText:hover {
	visibility:visible;	
}


.tooltipText {
	visibility:hidden;
	width:800%;
	height:1100%;
	border-radius:15px;	
	list-style-type:none;
	background-image: url('../images/fundo_doencas.jpg');
	background-size: 100% 100%;
	border: 1px solid black;
	opacity: 0;
	transition: opacity 1s;
}



.shield:hover .tooltipText2{
	visibility:visible;
	position: relative;
	top:-400%;
	left:-150%;
	z-index: 90;
	opacity: 1;



}

.tooltipText2:hover {
	visibility:visible;	
}


.tooltipText2 {
	visibility:hidden;
	width:350%;
	height:400%;
	border-radius:15px;	
	list-style-type:none;
	background-image: url('../images/fundo_doencas.jpg');
	background-size: 100% 100%;
	border: 1px solid black;
	opacity: 0;
	transition: opacity 1s;
	text-align:center;
}


.textStart{
	position:relative;
	width:70%;
	height:50%;
	left:15%;
	top:25%;
	background-image:url('../images/link_campanhas.png');
	background-size: 100% 100%;
	background-repeat:no-repeat;

}


.texto01{
	width:400px;
	height:100%;				
}

.texto01:hover{
	color:red;	
}



.peste {
	visibility:hidden;
	position:relative;
	color:white;
	background:black;
	left:-250%;
	top:-20%;
	width:150%;
	height:25%;
	z-index:100;
	border-radius:5px;
	font-size: 70%;
	margin:0;
	padding: 5% 7%;

}


.peste::after {
	content: " ";
	position: absolute;
	top: 50%;
	left: 100%; /* To the right of the tooltip */
	margin-top: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent transparent black;

}


.figure01 {
	position: relative;
	top:8%;
	left:10%;
	width:30%;
	height:27%;
	background: red;
	border-radius:10px;
	background-image:url('../images/indice_febre.jpg');
	background-size: 100% 100%;
	background-position: 100% 100%;
	background-repeat: no-repeat;
	z-index:80;

}

.figure01:hover .peste{
	visibility:visible;
}

.image-principal{
	top:-62%;
}



.figure01-text {
	position: relative;
	top:9%;
	left:10%;
	background-image:url('../images/indice_febre_menu.png');
	background-size: 100% 100%;

	width:43.87%;
	height:10.22%;

}

.figure01-text:hover {
	position: relative;
	top:9%;
	left:10%;
	background-image:url('../images/indice_febre_menu_over.png');
	background-size: 100% 100%;

	width:43.87%;
	height:10.22%;


}


.figure02 {
	position: relative;
	top:-30%;
	left:60%;
	width:30%;
	height:27%;
	background: red;
	border-radius:10px;
	background-image:url('../images/indice_peste.jpg');
	background-size: 100% 100%;
	background-position: 100% 100%;
	background-repeat: no-repeat;
	z-index:80;

}






.figure03-text {
	position: relative;
	top:-66%;
	left:60%;
	background-image:url('../images/indice_peste_menu.png');
	background-size: 100% 100%;
	width:43.87%;
	height:10.22%;

}

.figure03-text:hover {
	background-image:url('../images/indice_peste__menu_over.png');
}

.figure02-text {
	position: relative;
	top:18%;
	left:11%;
	background-image:url('../images/indice_variola_menu.png');
	background-size: 100% 100%;

	width:43.87%;
	height:10.22%;

}

.figure02-text:hover {
	background-image:url('../images/indice_variola_menu_over.png');

}



.figure03 {
	position: relative;
	top:-23%;
	left:60%;
	width:30%;
	height:27%;
	border-radius:10px;
	background-image:url('../images/indice_viagens.png');
	background-size: 100% 100%;
	background-position: 100% 100%;
	background-repeat: no-repeat;

	z-index:80;

}


.figure04 {
	position: relative;
	top:-60%;
	left:10%;
	width:30%;
	height:27%;
	background: red;
	border-radius:10px;
	background-image:url('../images/indice_variola.jpg');
	background-size: 100% 100%;
	background-position: 100% 100%;
	background-repeat: no-repeat;
	z-index:80;

}




.figure04-text {
	position: relative;
	top:-59%;
	left:56%;
	background-image:url('../images/indice_viagens_menu.png');
	background-size: 100% 100%;

	width:43.87%;
	height:10.22%;

}


.figure04-text:hover {
	background-image:url('../images/indice_viagens_menu_over.png');
}



#flipbook{
	overflow:hidden;
	margin-top:1%;
}


header {
	position:relative;
	top:0;
	width:100%;

}
header .marca-bvoc
{
	margin-left: 5%;
}



.back-style
{
	font-size: 1em;
	width: 100%;
}
.frase-inicio
{
	position: absolute;
	top: 30%;
	width: 30%;
	margin: 0 53% 0 17%;
	text-align: right;
}
.frase-inicio p
{
	font-family: "Libre Baskerville";
	color: #E5BD7C;
	font-size: 2em;
	padding-bottom: 1.8em;
	line-height: 1.5em;

}
.frase-fim
{
	display:none;
}
p.navegacao
{
	background: url(seta_abrir.png) top right no-repeat;
	min-height: 50px;
	text-align: right;
	color: #bbae04;
	padding-top: .6em;
	padding-right: 65px;
	font-size: 2em;
}
div.marca, nav.seletor-idioma
{
	float: left;
}
nav.seletor-idioma
{
	margin-left: 3%;
	margin-top: 2%;
}

nav.seletor-idioma a
{
	font-family: "PT Sans", verdana, sans-serif;
	color: #e5bf7d;
	font-size: 2em;
	padding: 0 0.5em;
	text-decoration: none;
	font-weight: normal;
}
nav.seletor-idioma a.en-GB
{
	border-left: 1px solid #e5bf7d;
}

nav.seletor-idioma a.selected
{
	color: #ffffff;
}
nav.seletor-idioma a:hover
{
	color: #bbae04;
}

.clr
{clear: both;
float: none;
}
	@media screen and (max-width: 1366px) {                            
		p.navegacao
		{
			font-size: 1.9em;
		}

	}
	@media screen and (max-width: 1024px) {                            
		.frase-inicio
		{
			display: none;
		}
		.frase-fim {
			display: none;
		}

		
		header .seletor-idioma
		{
			float: right!important;
			width: 26%;
			margin: 0;
			padding: 4% 1%
		}
		header .marca
		{
			position:relative;
			top:0;
			width: 70%;
			margin: 0;
			padding: 0;
			float: left;
		}
		
			header .marca a img
			{
				width: 80%;
				height: 80%;
			}
		#lightbox
		{
			margin-top: 30px!important;
		}
		nav.seletor-idioma a
		{
			font-size: 1.5em;
			margin: 0;
		}
	}