body {
    font-family: sans-serif; /*,Arial, Helvetica;*/
    background-color: #4b4949;
}

/* Style the header */
h1#header{
	padding: 10px 0px 10px 80px;
	background: transparent url(pictures/ViolasHeader.png )  no-repeat scroll left center;
	color: white;
	text-align: center;
	font-size: 24px;
         margin-left: 5%; 
        /*border-bottom:4px;
        border-bottom-color: white;  */
}


/*header {
    padding: 3px;
    text-align: left;
    font-size: 18px;
    line-height:0%;
    color: white;
    font-family:sans-serif;
    margin-left: 5%; 

    
    border-bottom:4px;
    border-bottom-color: white;  
}*/

h1 {
     border-bottom:0px;
     border-bottom-color: white;
}

a:link {
    color: white;
    background-color: transparent;
    text-decoration: none;
    font-size: 15px;
}

a:visited {
    color: white;
    background-color: transparent;
    text-decoration: none;
}

a:hover {
    /*color: rgb(196, 199, 5);*/
    color: #dd4848;
    background-color: transparent;
    text-decoration: none;
}

a:active {
    color: #dd4848;
    background-color: transparent;
    text-decoration: none;
}

/*li a.active {
    background-color: #4CAF50;
    color: white;
}

li{
    float: left;
    padding: 4px 8px;
}*/


li a, .dropbtn {
    display: inline-block;
    color: white;
    text-align: left;
    padding: 0px 4px;
    text-decoration: none;
}


li a:hover, .dropdown:hover .dropbtn {
 
      background-color: #dfd5d5;
}

li.dropdown {
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 140px;
    box-shadow: 4px 8px 16px 4px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 5px 8px;
    text-decoration: none;
    display: block;
    text-align: left;
	font-size: 14px;
}

.dropdown-content a:hover {background-color:  #dfd5d5 } /*rgb(196, 199, 5)*/

.dropdown:hover .dropdown-content {
    display: block;
}

#limenu{
float: left;
    padding: 4px 8px;
}

#mailfaleconosco{
    color: blue;
    background-color: transparent;
    text-decoration: none;
    font-size: 15px;
}
#link1{
    color:#856e6e ;
    background-color: transparent;
    text-decoration: none;
   font-weight:bold;
    font-size: 15px;
}

#a2:link {
    color: white;
    background-color: transparent;
    text-decoration: none;
    font-size: 15px;

}
#a2:visited {
    color: rgb(196, 199, 5);
    background-color: transparent;
    text-decoration: none;
}

#a2:hover {
    color: red;
    background-color: transparent;
    text-decoration: none;
}

#a2:active {
    color: red;
    background-color: transparent;
    text-decoration: none;
}

/* Create two columns/boxes that floats next to each other */
nav {
    float: left;
/*    width: 20%;*/
    height: 100%; /* only for demonstration, should be removed */
    background: rgb(35, 35, 10);
    margin-left: 2%; 

 /*   padding: 20px;*/
    
}

/* Style the list inside the menu */
nav ul {
    list-style-type: none;
    padding: 0;
    font-size: 10px;
    color: white;
    /*margin-left: 20px */
    margin-left: 2%; 
}

#intnav {
    float: left;
    width:100%;
    height: 100%; /* only for demonstration, should be removed */
    background: #6e6565;
    margin-left: 0%; 
    /*padding: 20px;*/  
}

#intnav #int {
    list-style-type: none;
    padding: 0%;
    font-size: 8px;
    color: white;
    /*margin-left: 20px */
    margin-left: 0%; 
    background: rgb(0, 0, 0);
}

article {
    float: left;
    padding: 2px;
    width:100%;
    background-color: #ffffff;
    /*height: 800px; /* only for demonstration, should be removed */
    margin-left: 0%;
    line-height: 1.5;    
}

#artigosobre {
    float: left;
    padding: 3px;
    width:99%;
    background-color: #ffffff;
    height:500px; /* only for demonstration, should be removed */
    margin-left: 0%;
    line-height: 1.5;    
}


/* Clear floats after the columns */
section:after {
    content: "";
    display: table;
    clear: both;
}

/*style fale conosco*/

#area
  {
    position:relative;
    left:2%;
    top:0%;
    width:310px;
    height:270px;
  }
  #areaformulario
  {
    position:absolute;
    display:block;   
  }
  fieldset
  {
    width:30px;
    height:330px;
    font-size: 14px;

  }
  legend
  {
    font-size: 16px;
    font-weight:bold;
    font-family: “Segoe UI”,”Arial”,”Times New Roman”;
  }


/* Style the footer */
footer {
    background-color:#6e6565;
     margin-left: 0%;
    padding: 10px;
    text-align: left;
    color: white;
      
}
#mailfooter
{
   color: white;
}

/* Responsive layout - makes the two columns/boxes stack on top of each other instead of next to each other, on small screens */
@media (max-width: 50px) {
    article {
        width: 99%;
        height: auto;
    }
    nav{
        width:auto;
        height: auto;
    }