* {
  font-family: Arial, sans-serif; color:#999
}

body { opacity:1; display:block }

h1, h2, h3, h4, h5, h6 {
  font-family: 'Open Sans Condensed';
  font-weight: lighter;
}

a:hover { text-decoration: none }

section { position:relative }

div.in { width:100%; max-width:1100px; margin:0 auto }

menu.menu li{ 
  float:left;
  text-align:center;
  font-size:10px;  
}

menu.menu li:last-child{ border:none; }

menu.menu li a{ 
 color:white; display:block; text-transform:uppercase
}

.menu li a:hover{
  text-decoration:none;
  background-color: rgb(0,150,200);
  color:white!important;
}

#base { min-height:10px; width:100%; }

#base h1, #base h2, #base h3, #base h4 { 
  	margin:8px 0; margin-top:15px; color:#999
}

#base h1 { 
  	font-size:5.2em; height:38px
}

#base h3 { 
  	font-size:4.5em;  height:32px
}

section.row:after{ content:''; display: block; }

.half{ padding:25px; position: relative }

div.imgs { position:relative; border:1px solid #eee }

/************************************************ RODAPE */

#rodape { 
  height:auto; overflow:hidden; 
  background-color: var(--main);
  _background-image: url("data:image/svg+xml,%3Csvg width='450' height='350' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='pink' fill-opacity='1' fill-rule='evenodd'/%3E%3C/svg%3E");
  background-attachment: fixed;
  padding:0; padding-bottom:100px; margin:0; margin-top:-50px!important
}

#rodape * { color:white!important }

#rodape h4 { 
    font-size:22px!important; text-align: left!important; 
    border-bottom: 1px solid white;
}

#rodape ul{
  background-color: white;
  margin-top:-15px;
  background-color: transparent;
  padding:5px 10px
}

#rodape ul li{
  color:var(--main)!important;
}

#rodape .in{ width:1200px }

#rodape .in a.logo{ 
  float:left; 
  width:180px; display: block; margin-top:15px;
}

#rodape .in a.logo img{ 
  padding:10px;
  margin-bottom:15px;
}

#rodape a.logo span  { display: block; width:100%;  font-size:12px;  }

#rodape .in .address{ 
  float:left;
  width:300px;
  margin:25px;
  margin-right:5px
}

.in #address *{
  	color:#333; font-weight:lighter; font-style: normal;
}

div.mapa.site { 
  width:150px;
  float: left;
  padding-top:25px;
  padding-left:100px;
}

div.mapa.site i{ 
  display: none!important;
}

div.mapa.site div.menu{ 
  width:100%;
  float: left;
}

div.mapa.site div.menu menu{ 
  width:100%;
  float: left;
}

div.mapa.site div.menu menu li{ 
  width:100%;
  float: none;
  clear: both;
  
}

div.mapa.site div.menu menu li a{ 
  width:100%;
  float: none;
  clear: both;
  text-align: left!important;
  padding: 0!important;
  margin: 2px 0!important;
  margin-bottom: 6px!important;
  font-size: 14px!important;
}

div.mapa.site div.menu menu li a:hover{ 
	background-color:black;
}

#rodape div.mapa.site h4 { 
    width: 100px
}

#rodape div.social ul, #rodape div.contact ul { display:none }

#rodape div.social { padding-top:25px; margin-left:155px; float: left;  }

#rodape div.social a { color:var(--main); padding: 0 15px!important; width: 85px!important; }

#rodape div.social i { color:var(--main); margin:0; margin-bottom:10px }

#rodape a { float:right; margin-top:10px }

#rodape a.logo img, #rodape a.logo span  { float:left }

#rodape div.contact { padding-top:25px; margin-left:100px; float: left; width: 220px }

#rodape div.contact a { padding: 0 20px!important; width: 105px!important; }

#rodape div.contact i { margin:0; margin-bottom:10px }

#rodape .in #address *{
  	float:left;
}

#rodape .in #address li {
	padding-bottom:5px
}

#rodape .in #address li strong{ 
  display:inline; 
}

#rodape .in #address li a{ 
	display:inline
}

#rodape #hotlinks { 
  	float:right; background-color:transparent; padding:6px 10px
}

#rodape #hotlinks svg{
	width:24px; float:left; margin:11px 0; fill:#fff;
}

#rodape #facebook { display:none!important }

#rodape i { 
    font-size:32px!important; color: white; width: 50px; margin:0 auto; margin-bottom:10px;
}

#rodape div.contact a ul{  
  display: block;
  color:white!important;
  padding: 0;
  margin: 0;
  margin-top:10px;
  margin-left: -40px
  
}
#rodape div.contact a.tel ul{  
  margin-left: -30px
  
}

#rodape div.contact a ul *{  
  display: block;
  color:white!important;
}
#rodape div.contact a ul {  
    width: 125px;
}


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

  #rodape { 
    margin-top:0!important
  }

  div.mapa.site { 
    width:100%;
    float: none;
    clear: both;
    padding:25px;
  }

  div.mapa.site li { 
    border:none;
    border-bottom: 1px solid white
  }

  #rodape div.social { padding:25px; float: none; width: 100%; clear: both; margin: 0  }

  
  #rodape div.social a {  
      float: left!important; width:33.3%!important }
  
  #rodape div.contact { padding:25px; margin:0; float: none; width: 100% }

  #rodape div.contact a { width: 50%!important; float:left!important; }
  #rodape div.contact a ul{  
  margin-left: 0!important;;

}
/**************************************************************************************************************************/