#frame

{
	width:100%;
	height:1250px;
	
	}

[id*="dia"] {
 background-color: rgba(255, 255, 255, 0.96);
 padding:40px;
 z-index:55510;
 border-radius:3px;
 display:none;
 position:absolute;
 height:94%;
 overflow:auto;
 width:92%;
 /*
  background-image:url(../azul.svg); background-repeat:no-repeat;  background-size:cover;  background-attachment: fixed; opacity:1;
  */
}

#dezembro{
	margin-left:28px;
	}


#imagem_mundo

{
	margin-top:0px;
	margin-left:0px;
position:absolute;

	
	}
	
#mundo_box {
	margin:10px;
 font-family:Arial, Helvetica, sans-serif;
 font-size:17px;
 color:#FFF;
 font-weight:bold;
 display:block;
 padding:5px;
  background-color:#52ada7;
}


#europa_box {
	margin:10px;
 font-family:Arial, Helvetica, sans-serif;
 font-size:17px;
 color:#FFF;
 font-weight:bold;
 display:block;
 padding:5px;
  background-color:#52ada7;
}	
	
	#imagem_europa

{
	margin-top:0px;
	margin-left:0px;
	position:absolute;
	display:none;
	}
	

#miolo

{
	margin-top:0px;
	margin-left:0px;
	width:100%;
	 height:94%;
	position:absolute;

	}
	
	
	
	#miolo2

{
margin-top:0px;
	margin-left:0px;
	width:100%;
	 height:94%;
	position:absolute;
	display:none;
	
	}
	
	
	
	#mapa_europa

{
	position:absolute;
	display:none;
	
	}



.titulo {	
	font-family:Arial, Helvetica, sans-serif;;
	margin-left:10px;
	font-size:21px;
	color:black;
	opacity:1;

}



.titulo2 {	
	font-family:Arial, Helvetica, sans-serif;
	margin-top:1px;
	margin-left:10px;
	font-size:12px;

	color:black;
	opacity:1;

}



.titulo3 {	
	font-family:Arial, Helvetica, sans-serif;
	margin-left:30px;
	font-size:15px;

	color:black;
	opacity:1;

}


.dados {
	font-family:Arial, Helvetica, sans-serif;
	font-size:21px;
	color: #333333;
	padding-right:26px;
	padding-top:5px;
	font-weight:bold;
	opacity:0.9;
}


.dadost {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color: #333333;
	padding-right:19px;
	padding-top:5px;
	font-weight:bold;
	opacity:0.9;
}
.dados2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:19px;
	color: black;
	padding-right:10px;
	padding-top:5px;
	padding-left:10px;
}



.legenda {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:22px;
	color: black;
	margin-left:10px;
	margin-right:10px;
	margin-top:10px;
	height:315px;
	
}




.imagem {

	margin-top:-10px;

	}
	

.fechar {
	cursor:pointer;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	color: black;
	margin-top:16px;
}
.fechar2 {
	border-radius:3px;
	background-color:#6ba3bc;
	padding:10px;
	cursor:pointer;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color: white;
	margin-top:4%;
	margin-left:33%;
	position:absolute;
	z-index:55500;
	display:none;
}
.fechar2:hover {
	color: #ccc;
}
.fecharx {
	padding:4px;
	border: 1px solid #716F6E;
}


.clear {
	clear:both;

	
}


[id*="bt"] {
	cursor: pointer;
 
}



ul.navegacao li{
	list-style-type: none;
	float: left;
	margin-bottom:20px;
		height: 50px;
		color:#999;


	
}

#miolos{
	height:1200px;
}



.botao1 {
	border-radius:6px;
	background-color:#ece5e5;
		padding-top:15px;
	padding-bottom:15px;
	cursor:pointer;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	z-index:55501;
	width:30%;
	float:left;
	 color: #52ada7;
	 
	 margin-right:10px;
	 box-shadow:inset 0px 5px 6px 0px #cbc7c7;
  
}

.botao2 {
	border-radius:6px;
	background-color:rgba(255,255,255,0.3);
	padding-top:15px;
	padding-bottom:15px;
	cursor:default;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	z-index:555001;
	width:30%;
	float:left;
	margin-right:10px;
  color: #fff;
box-shadow:inset 0px 5px 6px 0px #ffffff;
font-weight:bold;
}


.botao1:hover {
	border-radius:6px;
	background-color:rgba(255,255,255,0.3);
font-weight:bold;
	cursor:pointer;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	z-index:55501;
	width:30%;
	float:left;
	 color: #fff;
	
}


.textobotao{
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	text-align:center;
	width:94%;
	padding:2%;
	padding-top:1%;
	color:#FFF;
	}

.linhalinks1{
	width:98%;
	height:1px;
	background-color:white;
	margin-top:2%;
	margin-bottom:1%;
	margin-left:1%;
}

.menu{
	background-color: rgb(150,50,50);




}


img[usemap] {
		border: none;
		height: auto;
		width: 100%;
		
	}
	
	


/* Chrome, Safari, Opera */
@-webkit-keyframes transparente {
     0%   { opacity: 0; }
  100% { opacity: 1; }
}


@-moz-keyframes transparente {
     0%   { opacity: 0; }
  100% { opacity: 1; }
}


@-ms-keyframes transparente {
     0%   { opacity: 0; }
  100% { opacity: 1; }
}


@keyframes transparente {
     0%   { opacity: 0; }
  100% { opacity: 1; }
}

	


@media only screen and (max-width:680px) {
/*	
#miolo

{
	margin-top:250px;
	margin-left:-10px;
	position:absolute;

	}
	
	
	
	#miolo2

{
	margin-top:250px;
	margin-left:-10px;
	position:absolute;
	
	}
*/
#dezembro{
	margin-left:14px;
	}


.botao1 {
	padding-top:6px;
	padding-bottom:6px;
	font-size:11px;
	width:27%;
}

.botao2 {
padding-top:6px;
	padding-bottom:6px;
	font-size:11px;
	width:27%;
}

.botao1:hover {

	font-size:11px;
	
}

.botao2:hover {

	font-size:11px;

}


.textobotao{
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-align:center;
	width:94%;
	padding:2%;
	padding-top:1%;
	color:#FFF;
	}


#mundo_box {
	 margin:-10px;
 font-family:Arial, Helvetica, sans-serif;
 font-size:13px;
 color:#FFF;
 font-weight:bold;
 display:block;
 padding:5px;
  background-color:#52ada7;

}


#europa_box {
	 margin:-10px;
 font-family:Arial, Helvetica, sans-serif;
 font-size:13px;
 color:#FFF;
 font-weight:bold;
 display:block;
 padding:5px;
  background-color:#52ada7;

}

 .dados {
 font-size:14px;
 color: #333333;
 padding-right:19px;
 padding-top:5px;
 font-weight:bold;
 opacity:0.9;
}
 .dados2 {
 font-size:14px;
 color: black;
 padding-right:10px;
 padding-top:5px;
 padding-left:10px;
}
	
	.fechar2 {
z-index:55500;

margin-top:20%;
margin-left:2%;
font-size:11px;

}

 [id*="dia"] {
 width:97%;

 height:220px;

 overflow:auto;
 padding:8px;
}


.fechar {

	display:block;

}

	#frame

{
width:100%;
	height:500px;
	
	}
	
	#miolos{
	height:500px;
}

	
	
}