.body {margin:0; padding:0;}
.todo {width:794px; 
min-height:400px; 
margin:auto;
}
.normatives {
width: 90%;
 margin: 0 auto;

}

.caixa_menu {
width: 100%;
 margin: 0 auto;
height:50px;
}

.menu_bar {
	display:none;
}

.menu2_bar {
	display:none;
}

header {
	width: 100%;
}

header nav {
	background:#35a211;
	z-index:1000;
	max-width: 1024px;
	width:100%;
	margin:10px auto;
	font-weight: bold;
  font-style: normal;
	font-family:  Arial, Helvetica, sans-serif; 
}

header nav ul {
	list-style:none;
}

header nav ul li {
	display:inline-block;
	position: relative;
}

header nav ul li:hover {
	background:#E6344A;

}

header nav ul li a {
	color:#fff;
	display:block;
	text-decoration:none;
	padding: 10px;
}

header nav ul li a span {
	margin-right:10px;
}

header nav ul li:hover .children {
	display:block;
}

header nav ul li .children {
	display: none;
	background:#011826;
	position: absolute;
	width: 150%;
	z-index:1000;
}

header nav ul li .children li {
	display:block;
	overflow: hidden;
	border-bottom: 1px solid rgba(255,255,255,.5);
}

header nav ul li .children li a {
	display: block;
}

header nav ul li .children li a span {
	float: right;
	position: relative;
	top:3px;
	margin-right:0;
	margin-left:10px;
}

header nav ul li .caret {
	position: relative;
	top:3px;
	margin-left:10px;
	margin-right:0px;
}

@media screen and (max-width: 800px) {
	

	.menu_bar {
		display:block;
		width:100%;
		position: fixed;
		top:0;
		background:#E6344A;
	}

	.menu_bar .bt-menu {
		display: block;
		padding: 20px;
		color: #fff;
		overflow: hidden;
		font-size: 25px;
		font-weight: bold;
		text-decoration: none;
	}

	.menu_bar span {
		float: right;
		font-size: 40px;
	}

	header nav {
		width: 80%;
		height: calc(100% - 80px);
		position: fixed;
		right:100%;
		margin: 0;
		overflow: scroll;
	}

	header nav ul li {
		display: block;
		border-bottom:1px solid rgba(255,255,255,.5);
	}

	header nav ul li a {
		display: block;
	}

	header nav ul li:hover .children {
		display: none;
	}

	header nav ul li .children {
		width: 100%;
		position: relative;
	}

	header nav ul li .children li a {
		margin-left:20px;
	}

	header nav ul li .caret {
		float: right;
	}

}











img {
width: 100%;
height: auto;
}
.textmenu{

font-weight: bold;
  font-style: normal;
	font-family:  Arial, Helvetica, sans-serif; 
font-size: 2rem;
color: #35a211;
}
.menu {
width:100%; 
height:100px; 
margin-top:20px; 
margin-bottom:20px; 
background-color:white;  
float:left;}

.menu_oficial {
width:100%; 
height:30px; 
margin-top:20px; 
margin-bottom:20px; 
background-color:#35a211;  
float:left;
 }
.textoficial{

font-weight: bold;
  font-style: normal;
	font-family:  Arial, Helvetica, sans-serif; 
font-size: 1.5rem;
color: #ffffff;
}
.menu_article {
width:100%; 
height:30px; 
margin-top:20px; 
margin-bottom:20px; 
background-color:#35a211;  
float:left;}
.carticle {
width:100%; 
margin-top:20px; 
margin-bottom:20px;  
background-color:#ffffff;  
float:left;
border: solid 0px #000;
font: 1em arial, helvetica, sans-serif;
color: black;}

.textarticleN{
font-weight: bold;
  font-style: normal;
	font-family:  Arial, Helvetica, sans-serif; 
font-size: 1 rem;
color: #ffffff;
}
.textarticle{
font-weight: normal;
  font-style: normal;
	font-family:  Arial, Helvetica, sans-serif; 
font-size: 1 rem;
color: #000000;
}


.boto1 {margin-top:1px; width:356px; min-height:20px; position:relative; float:left; background-color:#ffffff;}
.boto4 {margin-top:1px; width:356px; min-height:20px;  position:relative; float:left; background-color:#ffffff;}
.boto2 {margin-top:1px; width:356px; min-height:20px; position:relative; float:left; background-color:#ffffff;}
.boto3 {margin-top:1px; width:356px; min-height:20px;  position:relative; float:left;  background-color:#ffffff;}


.menu_triptic {
width:90%; 
height:auto; 
margin-top:20px; 
margin-bottom:20px; 
 margin: 0 auto;
background-color:#ffffff;  
}

.pag1 {width:264px; min-height:264px; position:relative; float:left; background-color:#ffffff;}
.pag2 {width:264px; min-height:264px; position:relative; float:left; background-color:#ffffff;}
.pag3 {width:264px; min-height:264px; position:relative; float:left; background-color:#ffffff;}
.pag4 {width:264px; min-height:264px; position:relative; float:left; background-color:#ffffff;}
.pag5 {width:264px; min-height:264px; position:relative; float:left; background-color:#ffffff;}
.pag6 {width:264px; min-height:264px; position:relative; float:left; background-color:#ffffff;}
.pag7 {width:264px; min-height:264px; position:relative; float:left; background-color:#ffffff;}
.pag8 {width:264px; min-height:264px; position:relative; float:left; background-color:#ffffff;}
.pag9 {width:264px; min-height:264px; position:relative; float:left; background-color:#ffffff;}
.pag10 {width:264px; min-height:264px; position:relative; float:left; background-color:#ffffff;}
.pag11 {width:264px; min-height:264px; position:relative; float:left; background-color:#ffffff;}
.pag12 {width:264px; min-height:264px; position:relative; float:left; background-color:#ffffff;}
.pie {
width:100%; 
height:100px; 
float:left;
margin-top:20px;
background-color:white; 
 opacity: 0.5; 
 border-width: 0px; 
  border-top-style: solid;  
  border-right-style: solid;  
  border-bottom-style: solid;  
  border-left-style: solid;  
  border-top-color: black;  
  border-right-color: black;  
  border-bottom-color: black;  
  border-left-color: black;
}
@media only screen and (max-device-width: 600px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (device-width: 600px), only screen and (max-width: 767px) { 
.todo {width:100%; background-color:white; }
.contenido {width:69%;}
.lateral {width:29%;}
.menu {
height:49%; }
.textmenu{font-size: 1.5rem;}
.textoficial{font-size: 1,5rem;}
.boto1 {width:49%;}
.boto2 {width:49%;}
.boto3 {width:49%;}
.boto4 {width:49%;}
}
.normatives {background-color:white; }
@media only screen and (max-device-width: 480px), only screen and (device-width: 767px) and (device-height: 480px), only screen and (device-width: 480px), only screen and (max-width: 480px) { 
.todo {width:100%; background-color:white; }
.contenido {width:100%;}
.lateral {width:100%; margin-top:10px;}
.menu {
height:49%; }
.textmenu{font-size: 1rem;}
.textoficial{font-size: 0.7rem;}
.boto1 {width:79%;}
.boto2 {width:79%;}
.boto3 {width:79%;}
.boto4 {width:79%;}

.normatives {background-color:white;  }

}