@charset "utf-8";
/* CSS Document */

body
{
	scrollbar-base-color:#C0C0C0;
	scrollbar-arrow-color:#FFFFFF;
	scrollbar-face-color:#ff0000;
	scrollbar-shadow-color:#C0C0C0;
	scrollbar-3dlight-color:#C0C0C0;
	margin-top:5px;
	font-size:16px;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
}
#principal
{
	max-width:1024px;
	background:#FFF;
	width:100%;
	margin:10px auto 10px;
	height:100%;
	box-shadow:0px 5px 10px #000;
}
#menu
{
	height:150px;
	border-bottom:#900 solid 5px;
}
#menu ul
{
	list-style:none;
	padding:0;
	margin:0;
}
#menu ul li
{
	display:block;
	float:left;
	color:#000;
	width:20%;
	text-align:center;
	padding:0;
	color:#900;
}
#menu ul li img
{
	width:60%;
	margin-top:2%;
}
#menu ul li.logo img
{
	width:70%;
	margin-top:15%;
}
#menu ul li.maior
{
	width:60%;
	color:#000;
}
#menu ul li.maior h1
{
	color:#900;
}
a {
	text-decoration:none;
	color:#900;
}
ul {
	list-style:none;
	padding:0;
	margin:0;
}
#conteudo
{
	max-width:1000px;
	width:100%;
	text-align:center;
	color:#000;
	padding-top:0;
	font:Arial, Helvetica, sans-serif;
	margin:0 auto;
}
#conteudo img{
	width:1000px;}
#texto {
	padding-bottom:10px;}
#texto p
{
	max-width:880px;
	width:100%;
	color:#000;
	margin:10px auto 10px;
	padding-left:15px;
	height:100%;
	text-align:left;
	font-size:18px;
	font:Tahoma, Geneva, sans-serif;
}
#texto a{
	color:#900;
	text-decoration:none;}
table{
	width:95%;
	margin:0 auto;
  	border: 0px solid black;
 	border-spacing: 0px;
}
table tr {
  font-family: arial, monospace;
  color: black;
}
table tr td, th{
  border-bottom: 1px solid black;
  border-left: 1px solid black;
  border-top: 1px solid black;
  padding: 2px;
  text-align:center;
}
.borda{
	border-right: 1px solid black;}
#rodape
{
	position:absolute;
	background: #efefef;
	width: 100%;
	height:180px;
	left:0;
	font-size: 12px;
}
#center
{
	width:1024px;
	margin:10px auto 10px;
}
#nav
{
	display:block;
	float:left;
	width:16%;
	line-height:19px;
	border-right:#CCC solid 1px;}
#nav ul li a:hover{
	color:#000;}
#relacionados
{
	float:left;
	margin-left:9px;
	width:22%;
	line-height:22px;}
#relacionados ul li a:hover{
	color:#000;}
#contact
{
	float:left;
	font-size:12px;
	width:60%;
	color:#000;
	text-align:center;
	margin-left:9px;
	border-left:#CCC solid 1px;
}
#contact .horario{
	width:100%;
text-align:center;}
#contact ul
{
	display:block;
	float:left;
	margin-top:5px;
}
#contact ul li
{
	display:block;
	width:250px;
	text-decoration:none;
	line-height:16px;
	color:#900;
}
#contact ul li a
{
	text-decoration:none;
	color:#900;
}
#contact ul li img
{
	width:50px;
	border:none;
}
#contact ol
{
	display:block;
	float:right;
	width:55%;
	list-style:none;
	margin-top:10px;
	padding:0;
}
#contact ol li
{
	display:block;
	width:320px;
	text-decoration:none;
	line-height:16px;
	text-align:left;
	color:#900;
}
.fb-like{
	margin-left:10px;
	margin-top:2px;}
#contact ol li font
{
	padding-left:20px;
	line-height:16px;
}
#contact ol li a
{
	text-decoration:none;
	color:#900;
}
#contact ol li a:hover
{
	color:#000;
}
#contact ol li img
{
	width:50px;
	border:none;
}
#direitos
{
	width:100%;
	height:30px;
	padding:5px 0;
	margin-top:5px;
	float:left;
	text-align:center;
	border-top:#CCC solid 1px;
}
#contato{display:none;}
@media screen and (min-width: 769px) and (max-width: 1000px) {
	body
	{
		padding:5px;
		background:#EEE;
	}
	#menu
	{
		border:none;
		background:url(../img/barra_menu.jpg);
		height:170px;
	}
	#menu li
	{
		width:20%;}
	#menu ul li.maior
	{
		width:60%;}
	#menu ul li.maior img
	{
		width:90%;}
	.logo
	{	
		width:100%;
		text-align:center;
		margin:0;
	}
	.logo img
	{
		margin-top:12px;
		width:130px;
	}
	#conteudo img{
		width:95%
	}
	#contato{display:block; float:left; font-size:35px; text-align:center; margin-top:2%; width:100%;}
	#contato ul li{width:100%; line-height:55px; background:url(../img/licont.jpg); margin:20px 0;}
	#contato ul li img{width:10%;}
	#rodape { display:none;}
}
@media screen and (max-width: 768px) {
	body
	{
		padding:5px;
		background:#CCC;
	}
	#menu
	{
		border:none;
		background:url(../img/barra_menu.jpg);
		height:90px;
	}
	#menu.maior
	{
		width:50%;}
	#menu ul li.logo img
	{
		width:100%; margin-top:0;}
	#menu ul li img
	{
		width:50%;}
	h1{ font-size:18px; line-height:12px;}
	strong { font-size:14px;}
	#texto p{
		font-size:13px;}
	#conteudo img{
		width:95%}
	#contato{display:block; float:left; font-size:28px; text-align:center; width:100%; margin-top:2%; padding-bottom:5px; width:100%;}
	#contato ul li{width:100%; line-height:40px; background:url(../img/licont.jpg); margin:5px 0; alignment-baseline:middle;}
	#contato ul li img{width:10%;}
	#rodape {display:none;}
}
@media screen and (max-width: 480px){
	table {font-size:12px; width:100%;}
	h1{ font-size:15px; line-height:10px;}
	strong { font-size:12px;}
	#menu ul li img
	{
		width:70%;}
}