body {
    
    margin: 0;
   }

header {
  background-color: white;
  min-height:100px;
  top:0;
}

#color-header {
  min-height:40px;
  background-color: #726161;
}

#text-header {

/*  padding-top:3%;
  padding-bottom:3%; */
  color: #726161;
  text-align:left;
  margin-left:3%;
  font-size: 35px;
  letter-spacing:8px;
  font-family:Arial;
  border:0;

}

#menu  {
  min-height:40px;
  width:100%;
 
  
}

#footer {
  background-color: #726161;
  min-height:70px;
  color:white;
  width:100%;
 
  
}


#lista {

}


ul.lista {
    list-style-type:square;
    font-weight:bold;
    font-size:18px;
}



ul.menu {
	list-style-type:none;
	margin-left:0%;

}

li.menu {
  font-size:9px;
  font-family:Arial;
  display:inline;
  padding:0%;
  min-width:40px;
}

a.header {

color: #726161;

}
a.menu:link, a.menu:visited{
	
	color:black;
	background-color:white;
	text-align:center;
	padding:4px;
  text-decoration:none;
  border:1px solid black; 
}

a.menu:active{
	background-color:#949494;
}

p {
font-size:10px;
text-align:justify;
margin-left:3%;
margin-right:3%;
margin-top:0;
font-family:Arial;
}


#content {
 display:inline-flex;
 
}


@viewport {
zoom: 1.0;
width: extend-to-zoom;
}

.mySlides {display: none;}

.dot {
 
  transition: background-color 1s ease;
}

.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@media  (min-width: 450px) and (max-width:767px) {

ul.menu {
	list-style-type:none;
	margin-left:0%;

}

li.menu {
  font-size:10px;
  font-family:Arial;
	display:inline;
	padding:0%;
	min-width:40px;
}

ul.lista {
    list-style-type:square;
    font-weight:bold;
    font-size:10px;
}

p {
font-size:12px;
text-align:justify;
font-family:Arial;
}  

}




@media (min-width:768px) {   

ul.menu {
	list-style-type:none;
	margin-left:0%;

}

li.menu {
  font-size:16px;
  font-family:Arial;
	display:inline;
	padding:5px;
	min-width:40px;
} 


ul.lista {
    list-style-type:square;
    font-weight:bold;
    font-size:16px;
}

p {
font-size:16px;
text-align:justify;
font-family:Arial;
}

 }