body { 
    margin:0;
    padding:0;
}


::-webkit-scrollbar {	
    width: 16px;
	
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.9); 
    border-radius: 1px;
}
 
::-webkit-scrollbar-thumb {
    border-radius: 1px;
    -webkit-box-shadow: inset 0 0 31px rgba(126,126,126,1); 
}

img[usemap] {
	
		height: auto;
		max-width: 100%;
		width:auto;
	
	}
	
	
#imagem_europa {
	margin-top:0px;
	margin-left:0px;
	position:absolute;

	}
	
#imagem_europa2 {
margin-top:0px;
margin-left:0px;


	}	
	
[class*="bt"] {
	cursor:pointer;

}

	
 [id*="conteudo"] {	

	 background-color:#fff;
   background-image:url(fundo.png);
 background-repeat: no-repeat;
 background-size:cover;
 position:absolute;
 margin-top:0px;
 margin-left:0px;
 width:96%;
 height:93%;
 padding:2%;
 overflow:auto;
  display:none;

}




	
.titulo3{		
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	color:#333;
	font-weight:bold;	
	text-align:left;
	margin-left:1%;
	margin-top:1%;
	padding-bottom:3%;
	}		
	
.textos{	
	font-family:Arial, Helvetica, sans-serif;
	font-size:21px;
	line-height:31px;
	color: #333;
	margin-right:2%;
	}	

		
.nota{	
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	color: black;
	}	

.foto2 {
	width:15%;
	height:auto;
	margin-right:1%;
	margin-left:1%;
	float:left;
	

	}
	

	
	
	.barra {
	width:98%;
	height:auto;
	margin-right:1%;
	margin-left:1%;
	float:left;
	padding-bottom:1%;

	}
	
	
	.barra2 {

	margin-bottom:3%;

	


	}	
	

.fechar {
	cursor:pointer;
	text-align:center;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:34px;
	color:#333;
	margin-top:30px;
	margin-bottom:16px;

}

.fecharx {
	padding:8px;
	border: 2px solid #7e7e7e;
	
	}



.container_12 {
	width:98%;

	margin-left:0%;
	margin-right:1%;
	margin-top:0%;

}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {

	float:left;

	margin-left:1%;
	margin-right:1%;
	margin-bottom:1%;
	margin-top:0%;
	text-align:center;
		

}
.alpha {
	margin-left:0;
}
.omega {
	margin-right:0;
}
.container_12 .grid_1 {
	width:18%;
}
.container_12 .grid_2 {
	width:14.667%;
}
.container_12 .grid_3 {
	width:23.0%;
}
.container_12 .grid_4 {
	width:31.333%;

}
.container_12 .grid_5 {
	width:39.667%;
}
.container_12 .grid_6 {
	width:48.0%;
}
.container_12 .grid_7 {
	width:56.333%;
}
.container_12 .grid_8 {
	width:64.667%;
}
.container_12 .grid_9 {
	width:73.0%;
}
.container_12 .grid_10 {
	width:81.333%;
}
.container_12 .grid_11 {
	width:89.667%;
}
.container_12 .grid_12 {
	width:98.0%;
}
.container_12 .prefix_1 {
	padding-left:8.333%;
}
.container_12 .prefix_2 {
	padding-left:16.667%;
}
.container_12 .prefix_3 {
	padding-left:25.0%;
}
.container_12 .prefix_4 {
	padding-left:33.333%;
}
.container_12 .prefix_5 {
	padding-left:41.667%;
}
.container_12 .prefix_6 {
	padding-left:50.0%;
}
.container_12 .prefix_7 {
	padding-left:58.333%;
}
.container_12 .prefix_8 {
	padding-left:66.667%;
}
.container_12 .prefix_9 {
	padding-left:75.0%;
}
.container_12 .prefix_10 {
	padding-left:83.333%;
}
.container_12 .prefix_11 {
	padding-left:91.667%;
}
.container_12 .suffix_1 {
	padding-right:8.333%;
}
.container_12 .suffix_2 {
	padding-right:16.667%;
}
.container_12 .suffix_3 {
	padding-right:25.0%;
}
.container_12 .suffix_4 {
	padding-right:33.333%;
}
.container_12 .suffix_5 {
	padding-right:41.667%;
}
.container_12 .suffix_6 {
	padding-right:50.0%;
}
.container_12 .suffix_7 {
	padding-right:58.333%;
}
.container_12 .suffix_8 {
	padding-right:66.667%;
}
.container_12 .suffix_9 {
	padding-right:75.0%;
}
.container_12 .suffix_10 {
	padding-right:83.333%;
}
.container_12 .suffix_11 {
	padding-right:91.667%;
}
.container_12 .push_1 {
	left:8.333%;
}
.container_12 .push_2 {
	left:16.667%;
}
.container_12 .push_3 {
	left:25.0%;
}
.container_12 .push_4 {
	left:33.333%;
}
.container_12 .push_5 {
	left:41.667%;
}
.container_12 .push_6 {
	left:50.0%;
}
.container_12 .push_7 {
	left:58.333%;
}
.container_12 .push_8 {
	left:66.667%;
}
.container_12 .push_9 {
	left:75.0%;
}
.container_12 .push_10 {
	left:83.333%;
}
.container_12 .push_11 {
	left:91.667%;
}
.container_12 .pull_1 {
	left:-8.333%;
}
.container_12 .pull_2 {
	left:-16.667%;
}
.container_12 .pull_3 {
	left:-25.0%;
}
.container_12 .pull_4 {
	left:-33.333%;
}
.container_12 .pull_5 {
	left:-41.667%;
}
.container_12 .pull_6 {
	left:-50.0%;
}
.container_12 .pull_7 {
	left:-58.333%;
}
.container_12 .pull_8 {
	left:-66.667%;
}
.container_12 .pull_9 {
	left:-75.0%;
}
.container_12 .pull_10 {
	left:-83.333%;
}
.container_12 .pull_11 {
	left:-91.667%;
}
.clear {
	clear:both;

}


.clearfix:after {
	clear:both;
	content:' ';
	display:block;
	font-size:0;
	line-height:0;
	visibility:hidden;
	width:0;
	height:0;
}
.clearfix {
	display:inline-block;
}
* html .clearfix {
	height:1%;
}
.clearfix {
	display:block;
}
* {
	margin:0;
}
.wrapper {
	margin:50px auto;
}

#device_navigation {
	border-bottom:1px solid #EEEEEE;
	padding:20px;
}
#device_panel {
	margin:auto;
	width:850px;
}
#device_panel a {
	border:3px solid #EEEEEE;
	color:#595252;
	display:block;
	float:left;
	font-weight:bold;
	padding:10px;
	margin-right:10px;
	text-decoration:none;
}
#device_panel a:focus {
	background:#eee;
	outline:none;
}

.container_12 div {
	/*
	background:#eee;
	*/
	height:auto;
}
spana {
	background:none repeat scroll 0 0 #443C3C;
	color:#FFFFFF;
	float:left;
	margin:20px 30%;
	padding:10px 5%;
	text-align:center;
	width:30%;
}




/* 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:580px) {

.titulo3{		
font-size:21px;
	}	

.textos{	

	font-size:16px;
	line-height:24px;

	}


 [id*="conteud"] {
	 overflow:auto;
 height:98%;

}


.container_12 {
	width:98%;
	margin-left:1%;
	margin-right:0%;
	padding-top:8px;

}


.fechar {

	font-size:28px;
	margin-top:20px;
	margin-bottom:16px;
}


.fecharx {
	padding:4px;
	border: 1px solid #7e7e7e;
	
	}

  }