/*Color Legend*/


.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

/*Reset by topic*/

html,body { margin:0; padding:0; border:0; background:transparent; font-size:10px; }
div,span,article,aside,footer,header,hgroup,nav,section,
h1,h2,h3,h4,h5,h6,p,blockquote,a,ol,ul,li,
table,tr,th,td,tbody.tfoot,thead{
	margin:0;
	padding:0;
	border:0;
	vertical-align:baseline;
	background:transparent;
}

img{  margin:0; padding:0; border:0; }

table,tr,th,td,tbody,tfoot,thead {
	margin:0; padding:0; border:0;
	vertical-align:baseline; background:transparent;
}

table {
		border-collapse:collapse; border-spacing:0; }
		
input,select,textarea,form,fieldset {margin:0; padding:0; border:0; }		

article,aside,dialog,figure,footer,header,hgroup,nav,section {
	display:block;
}

h1,h2,h3,h4,h5,h6,p,li,blockquote,td,th,a,caption,em,strong,strike {
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight:normal;
	font-style:normal;
	line-height:100%;
	text-indent:0;
	text-decoration:none;
	text-align:left;
	color:#000000;
}
ol,ul {	list-style:none; }

/*Global*/

html { }
body { background-color:#eeeeee }

/*Headings*/

h1,h2,h3,h4,h5,h6 { 
font-weight:bold;
color:#000; 
padding-bottom:6px
}

h1 { font-size:24px;}
h2 { font-size:20px;}
h3 { font-size:16px; padding-top:6px; }
h4 { font-size:14px; padding-top:6px; }
h5 { font-size:12px; }
h6 { font-size:10px; }

h1 img,h2 img ,h3 img,h4 img ,h5 img ,h6 img { margin:0; }

/*Text Elements*/
p 			{ color:#000;font-size:12px; line-height:150%;  text-align:justify}
p .left		{ margin: 1.5em 1.5em 1.5em 0    ; padding:0;}
p .right	{ margin: 1.5em 0     1.5em 1.5em; padding:0;}

a:link		{ color:#00f; }
a:visited	{ color:#000; }
a:active	{ color:#000; }
a:focus		{ color:#666; }
a:hover		{ color:#f00; }

blockquote	{ color: #000;font-size:12px; }

strong		{ font-weight:bold ;}
em			{ font-style:italic; }

/*images*/


/*Lists*/

ul			{ padding:0px ; padding-left:25px;list-style :disc;}
ol			{ list-style:decimal; }

ul li		{ padding-left:5px; color:#000;font-size:12px;   }


ul li a:hover		{color:blue; font-weight:600; }

ol li		{ color:#000;font-size:12px;  }


dl			{   }
dt			{   }
dd			{   }


/*Tables*/

table 		{	width:100%; }

tr			{   }
.odd		{ background-color:#eee;   }
.even		{ background-color:#fff;   }

th			{ font-weight:bold;  }
thead,th	{ background:#ccc;   }

tbody		{   }

th,td,caption{   }
caption 	{   }

tfoot		{   }
.tfooter	{ background-color:#ccc; text-align:center;font-style:italic;  }

caption 	{  background:#efefef;  }

			  
/*Forms*/
form			{ text-align:left;margin:2px; }

label,submit,input,textarea	{ border:0; padding:0; margin:0 ;background:none; }

label			{ float:left; width:70px; text-align:left; display:block; margin-top:5px;}

input,textarea	{ border:1px #333 solid; margin-left:10px; padding:5px; }

input			{ width:280px; margin-bottom:3px;}

textarea		{ width:280px; height:150px;}

select			{ }

/*<li class="buttons submit" >*//* style="  margin-left:260px; width: 114px;" */
/* width: 131px; margin-left:210px;*/
.submit			{width:115px; height: 25px; margin-left: 200px; font-size: 12px; }

	
}
br				{ clear:left; }



/*Containers*/


/*INICIO*/


/*Pagina completa*/
#wrapper 			{  width:980px; margin:0px auto; background-color:#ffffff;}	/*Branco*/
/*Frame superior*/
#top				{ background-color:#fff;width:100%;  padding:10px 0; overflow:hidden;
						border-bottom:1px #eeeeee solid;   }	

#logo				{ margin:0 0 0 10px; float: left;   }	

#social-media		{ float:right; margin: 0 10px 0 0 ;    }	
#social-media p 	{ color:#000;font-size:11px; margin: 4px 10px 4px 0px;   }	
#social-media img 	{ width:24px; height:24px;   }	
#social-media ul		{ margin:0;padding:0;}
#social-media ul li { display:inline; padding:3px  }

#topnav 			{ background-color:#333333; clear:both;  }
/*Barra de menus (ul)*/
#topnav  ul  		{ width:100%; float:left; margin:0px; background-color:#333333; color:#ffffff;
					  border-bottom:3px #cccccc solid;  }
/*					  
#topnav  ul li 		{ display:block;   }
#topnav  ul li a	{ float:left; padding:10px 20px;   }

#topnav  a:link 	{ color:#ffffff;   }
#topnav  a:visited { color:#ffffff;   }
#topnav  a:active	{ color:#ffffff;   }
#topnav  a:hover 	{ color:#ffffff; background-color:#FF9900;  }
#topnav  a:focus	{ color:#ffffff;   }
*/



#banner 			{  }
#banner img 		{ width:100%;  }

#subbanner 			{ width:100%;  background-color:#555555; padding:4px 0; overflow:hidden; }
#subbanner h3		{ color:#FFFFFF; font-size:16px; font-weight:bold; text-align:center; line-height:150%; }

#content-wrapper	{   } /*float:left; width:650px; padding:20px;*/
	
#content			{ padding:20px; }/*float:left; width:400px; */
#contentX			{ float:left; width:6100px; padding:20px; }
#content h1			{ margin: 0 0 10px 0; font-size:32px; 
					  /*border-bottom:1px #777777 solid; */
					  padding:8px 0; }
#content h2			{ margin:20px 0 0 0; }
#content p			{ margin:16px 0; line-height:160%; }
#content img		{ margin:6px 0px 0 0  ; padding:10px 10px 10px 10px;border:1px #888888 solid;  width:100px; }
#content li			{/* list-style-type:disc;*/ margin:10px 2px 10px 2px;	}






#sidebar,
#sidebar-left,
#sidebar-right{
	width:190px; 
	margin-top:0px; 
	padding-top:10px;
	padding-bottom:10px;
	height:auto; 
	min-height:100%; 
	/* aqui é onde acontece a mágica, a propriedade height:auto e min-height: 100% fará com que esta div ocupe sempre a altura total do navegador, mesmo quando redimensionado */
	background-color:hsl(100,1%,95%);
			
}
/* margin-left:700px; */
#sidebar-left{
	background-color:white; 
	margin:0; 
	padding:0; 
}


#sidebar .leftmenu{	
			background-color:red;
			
} 

#sidebar h2,
#sidebar-left h2,
#sidebar-right h2	{ margin:20px 0 10px 0; }

#sidebar p,
#sidebar-left p,
#sidebar-right p	{ margin:8px 0 ; line-height:160%; }


.rightside			{width:100px; margin-top:15px; } /* margin-left:700px; */
.rightside h2		{ margin:20px 0 10px 0; }
.rightside p		{ margin:8px 0 ; line-height:160%; }

.lefside 			{ width:100px; float:left;  }
.lefside h2			{ margin:20px 0 10px 0; }
.lefside p			{ margin:8px 0 ; line-height:160%; }


div.right
{
	float:right;
	margin:0;
	padding:1em;
}

div.left
{
	float:left;
	/*width:100px;*/
	margin:0px;
	padding:10px;

	/*padding:1em;*/
}

#leftnav li{
	padding:5px;
}
div.content-left
{
	width:730px;
	float:left;
	/*margin-left:5px;*/
	/*border-left:1px solid gray;*/ 
	/*padding:1em;         float:right; */
}
div.content-center
{
	width:510px;
	/*border-left:1px solid gray;*/
	float:right;
}
div.content-right
{
	width:650px;
	float:right;
}


/*Menu lateral esquerdo*/
#leftnav 			{  width:190px; margin-top:15px; 
	
 }




/*id footer class page-footer*/
footer				{ clear:both; background-color:#000000; padding:5px 0;	}
footer´> p			{ text-align:center; color:#ffffff;	}
footer				{ clear:both; background-color:#000000; padding:5px 0;	}

footer.page-footer {
  padding-top: 20px;
    padding-bottom: 0px;
  background-color: #222;
}
footer.page-footer .footer-copyright {
    overflow: hidden;
    min-height: 30px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 0 10px 0px ;
    margin:0 0 0 0 ;
    color: rgba(255, 255, 255, 0.9);
    background-color: rgba(0, 0,0, 0.9);
    text-align:center;
    font-size: 11.9px;
    line-height: 22px;
    width:100%;

    
}


.footer-copyright .container {
	 color:#fff;  width:100%;
}	
footer.page-footer .footer-copyright .container p {
	 color:#fff; text-align:center;
	}
footer.page-footer .footer-copyright .container a {
	 color:#fff; 
	}
footer.page-footer .footer-copyright .container a:hover {
	color:#999;
	}

/*#sidebar	{   }*/

#box1		{   }
#box2		{   }
#box3		{   }
#box4		{   }
#box5		{   }
#box6		{   }

/*Layout Extra*/

/*Navigation extra*/


/*Contacto*/

#contact-form  {  margin-left:1px; }
#contact-form ol { list-style-type:none;  }

#contact-form  li { list-style-type:none;  margin-left:1px; padding:0px;}
#contact-form  li.buttons  {   margin-left:100px;}

/*Para arredondar as textbox*/
/* Text inputs */
.inp input:not([type]),
.inp input[type=text],
.inp input[type=password],
.inp input[type=email],
.inp input[type=url],
.inp input[type=time],
.inp input[type=date],
.inp input[type=datetime],
.inp input[type=datetime-local],
.inp input[type=tel],
.inp input[type=number],
.inp input[type=search],
.inp textarea.materialize-textarea {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #9e9e9e;
  border-radius: 0;
  outline: none;
  height: 3rem;
  width: 100%;
  font-size: 1rem;
  margin: 0 0 20px 0;
  padding: 0;
  box-shadow: none;
  box-sizing: content-box;
  transition: all 0.3s;
}

.inp input:not([type]) + label:after,
.inp input[type=text] + label:after,
.inp input[type=password] + label:after,
.inp input[type=email] + label:after,
.inp input[type=url] + label:after,
.inp input[type=time] + label:after,
.inp input[type=date] + label:after,
.inp input[type=datetime] + label:after,
.inp input[type=datetime-local] + label:after,
.inp input[type=tel] + label:after,
.inp input[type=number] + label:after,
.inp input[type=search] + label:after,
.inp textarea.materialize-textarea + label:after {
  display: block;
  content: "";
  position: absolute;
  top: 60px;
  opacity: 0;
  transition: .2s opacity ease-out, .2s color ease-out;
}

.inp .input-field {
  position: relative;
  margin-top: 1rem;
}
/* Textarea */
.inp textarea {
  width: 100%;
  height: 3rem;
  background-color: transparent;
}

.inp textarea.materialize-textarea {
  overflow-y: hidden;
  /* prevents scroll bar flash */
  padding: .8rem 0 1.6rem 0;
  /* prevents text jump on Enter keypress */
  resize: none;
  min-height: 3rem;
}
 


#mapa{
	position:relative;
	width: 100%; 
	height: 350px; 
	border: 1px solid #c00;
 }



/*
#contact-form fieldset
{
   width:320px;
   padding:10px;
   border:1px solid #ccc;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;   
}

#contact-form legend, h2
{
   font-family : Arial, sans-serif;
   font-size: 1.3em;
   font-weight:bold;
   color:#333;
}

#contact-form label
{
   font-family : Arial, sans-serif;
   font-size:1.0em;
   font-weight: bold;
}

#contact-form input[type=text], textarea
{
  font-family : Arial, Verdana, sans-serif;
  font-size: 1.0em;
  line-height:140%;
  color : #000; 
  padding : 3px; 
  border : 1px solid #999;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;

}

#contact-form input[type=text]
{
  height:18px;
  width:220px;
  
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
   border-radius: 5px;   
  
}

#contact-form #scaptcha
{
  width:60px;
  height:18px;
}

#contact-form input[type=submit]
{
   width:100px;
   height:30px;
   padding-left:0px;
   
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
   border-radius: 5px;   
}

#contact-form textarea
{
  height:120px;
  width:310px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
   border-radius: 8px;  
}

#contact-form input[type=text]:focus, textarea:focus
{
  color : #009;
  border : 1px solid #990000;
  background-color : #ffff99;
  font-weight:bold;
}

#contact-form .container
{
   margin-top:8px;
   margin-bottom: 10px;
}

#contact-form .error
{
   font-family: Verdana, Arial, sans-serif; 
   font-size: 0.7em;
   color: #900;
   background-color : #ffff00;
}

#contact-form fieldset#antispam
{
   padding:2px;
   border-top:1px solid #EEE;
   border-left:0;
   border-right:0;
   border-bottom:0;
   width:350px;
}

#contact-form fieldset#antispam legend
{
   font-family : Arial, sans-serif;
   font-size: 0.8em;
   font-weight:bold;
   color:#333;   
}

#contact-form .short_explanation
{
   font-family : Arial, sans-serif;
   font-size: 0.6em;
   color:#333;   
}

*/

*/
/* spam_trap: This input is hidden. This is here to trick the spam bots*/
/*
#contact-form .spmhidip
{
   display:none;
   width:10px;
   height:3px;
}
*/