/**
*
* Css padrão do site CANOA DA SERRA
*
*@author        Diego Eyer <diego@friwebdesign.com>
*@empresa       Friweb <www.friweb.com.br>
*@package       Estilos
*subpackage     Principal
*/


/* CSS PADRÃO */

* {
	text-decoration:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border:none;
	list-style-type: none;
}

body {
	text-align:center;
	background:#e1e1e1 url(../imagens/layout/bg-geral.jpg) repeat-x top left;
}

div, table, input, textarea {
	font-family: verdana, "trebuchet ms", arial, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#ffffff;
} 
	
p {
	line-height:150%;
	padding:0px 0px 10px 0px;
	text-align:justify;
}

a {
	margin:0px auto;
	color:#335871;
	size:11px;
}

a:hover {
	color:#5497c3;
}

a.links {
	margin:0px auto;
	color:#335871;
	font-weight:bold;
	size:11px;
}

a.links:hover {
	margin:0px auto;
	color:#5497c3;
}

a.links2 {
	margin:0px auto;
	color:#ffffff;
	size:11px;
	text-decoration:underline;
}

a.links2:hover {
	color:#eeeeee;
	text-decoration:none;
}



img.space {
	margin-right:5px;
	vertical-align:1px;
}

#geral {
	margin:0px auto;
	padding:0px 12px 0px 12px;
	width:746px;
	text-align:left;	
	background: url(../imagens/layout/bg-site.png) repeat-y top left !important;
	filter: none !important;
	/*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../imagens/layout/bg-site.png);*/
}

/* TOPO */
#geral #topo {
	height:126px;
	display:table;
	margin-bottom:1px;
}

#geral #topo .logo {
	float:left;
	width:235px;
	margin-right:1px;
}

#geral #topo .fotos {
	width:510px;
	float:right;
}

#geral #topo2 {
	display:table;
	margin-bottom:1px;
	padding-bottom:1px;
	border-bottom:5px solid #818386;
	height:42px;
}

#geral #topo2 #busca {
	float:left;
	width:215px;
	height:30px;
	margin-right:1px;
	padding:12px 0px 0px 20px;
	background:url(../imagens/layout/bg-busca.jpg) no-repeat top left;
	
}

#geral #topo2 #busca form {
	width:98%;
	display:table;
}

#geral #topo2 #busca label {
	text-align:right;
	width:52px;
	display:block;
	float:left;
	height:20px;
}

#geral #topo2 #busca input {
	width:100px;
	padding:2px 2px 2px 2px;
	color:#1b3462;
	font-size:11px;
	border:1px solid #5f6b73;
	background:#f8f8f8;
}

#geral #topo2 #busca .botao {
	border:none;
	background-color:transparent;
	width:20px;
	height:20px;
	margin-left:5px;
	vertical-align:middle;
}


#geral #topo2 #menu {
	width:510px;
	height:42px;
	float:right;
	background:url(../imagens/layout/bg-menu.jpg) no-repeat top left;
}

#geral #topo2 #menu ul {
	margin-left:5px;
	margin-top:12px;
	color:#ffffff;
}

#geral #topo2 #menu ul li{
	display:inline;
}

#geral #topo2 #menu ul li.border {
	border-right:1px solid #ffffff;
}

#geral #topo2 #menu ul li a {
	color:#ffffff;
	font-family:'trebuchet ms',verdana,arial,sans;
	font-weight:bold;
	font-size:12px;
	padding:0px 7px 0px 7px;
	
}

#geral #topo2 #menu ul li a:hover {
	color:#4b5086;
	/*background:url(../imagens/layout/bg-menu-hover.gif) repeat-x top left;*/
}

/* CONTEUDOS */
#geral #conteudo {
	width:100%;
	background-color:#689478;
	padding:20px 0px 20px 0px;
	display:table;
}

#geral #conteudo #fix {
	display:block;
}

#geral #conteudo #menulat {
	width:220px;
	float:left;
	margin-right:15px;
}

#geral #conteudo #menulat #contmenu {
	width:204px;
	padding:0px 0px 0px 17px;
	background:url(../imagens/layout/menu_lateral.jpg) no-repeat top left;
}

#geral #conteudo #menulat #contmenu .bottom {
	
	display:block;
}

#geral #conteudo #menulat #contmenu #links {
	width:204px;
	
	padding:10px 0px 0px 0px;
	background:url(../imagens/layout/bottom-menu-lateral.jpg) no-repeat bottom left;
}

#geral #conteudo #menulat #contmenu #links ul {
	width:164px;
	padding:7px 20px 30px 20px;
	background:url(../imagens/layout/bg_menu_lateral2.jpg) repeat-y 0px 30px;
}

#geral #conteudo #menulat #contmenu #links ul li {
	color:#ffffff;
	border-bottom:1px dashed #9ca9b6;
}

#geral #conteudo #menulat #contmenu #links ul li.chamada {
	color:#ffffff;
	text-transform: uppercase;
	font-weight:bold;
	background:url(../imagens/layout/seta-menu.gif) no-repeat 5px 12px;
	text-indent:25px;
	padding:10px 0px 3px 0px;
}

#geral #conteudo #menulat #contmenu #links ul li a {
	color:#ffffff;
	padding:4px 0px 4px 20px;
	display:block;
}

#geral #conteudo #menulat #contmenu #links ul li a:hover {
	color:#ffffff;
	padding:4px 0px 4px 20px;
	background-color:#4a753e;
}

#geral #conteudo #centro {
	width:490px;
	_width:480px;
	float:right;
	margin-right:15px;
}

#geral #conteudo #centro #chamadas {
	width:275px;
	float:left;

}

#geral #conteudo #centro #noticias a {
	font-family: inherit;
	font-size: inherit;
	color: #FFFFFF;
	text-decoration: none;
}

#geral #conteudo #centro #noticias a:hover {
	color: #eeeeee;
}

#geral #conteudo #centro img {
	border:1px solid #4c4c4c;
	margin-right:10px;
	padding:1px 1px 1px 1px;
	background-color:#ffffff;
}

#geral #conteudo #centro .servicos {
	color:#000000;
}

#geral #conteudo #centro .servicos img {
	float:left;
	border:1px solid #4c4c4c;
	margin-left:10px;
	margin-right:10px;
	padding:1px 1px 1px 1px;
	background-color:#ffffff;
}

#geral #conteudo #centro .servicos .box_foto {
	width:122px;
	float:left; 
	margin:10px 10px 0px 10px; 
}

#geral #conteudo #centro .servicos .box_foto .box_imagem {
	border:1px solid #4c4c4c;
	margin:0px 0px 0px 0px;
	padding:1px auto;
	background-color:#ffffff;
}

#geral #conteudo #centro .servicos .thumbs {
	float:left;
	border:1px solid #4c4c4c;
	margin-left:10px;
	margin-right:10px;
	margin-top:10px;
	padding:1px 1px 1px 1px;
	background-color:#ffffff;
}

#geral #conteudo #centro .servicos p {
	color:#ffffff;
	margin-right:10px;
	text-align: left;
}

#geral #conteudo #centro .servicos a {
	font-family: inherit;
	font-size: inherit;
	color: #FFFFFF;
	text-decoration: none;
}

#geral #conteudo #centro .servicos a:hover {
	text-decoration: underline;
}

#geral #conteudo #centro h1 {
	font-family:'trebuchet ms', verdana, arial, sans;
	font-size:12px;
	text-transform: uppercase;
	color:#ffffff;
	font-weight:bold;
	background:url(../imagens/layout/seta-geral.gif) no-repeat 5px 15px;
	text-indent:15px;
	padding:10px 0px 0px 4px;
	border-bottom:1px solid #ffffff;
	margin-bottom:10px;
	height:24px;
}

#geral #conteudo #centro h6 {
	font-size:12px;
	padding:10px 0px 0px 4px;
	border-bottom:1px solid #ffffff;
	margin-bottom:10px;
}

#geral #conteudo #centro #chamadas img {
	float:left;
	border:1px solid #4c4c4c;
	margin-left:0px;
	margin-right:10px;
	padding:1px 1px 1px 1px;
	background-color:#ffffff;
}

#geral #conteudo #centro #chamadas p {
	color:#ffffff;
	margin-right:10px;
	text-align: left;
}

#geral #conteudo #centro #chamadas a {
	color:#ffffff;
	background:url(../imagens/layout/seta-links.gif) no-repeat 0px 4px;
	padding-left:8px;
}

#geral #conteudo #centro #chamadas a:hover {
	color:#d1e9da;
	text-decoration:underline;
}


#geral #conteudo #centro #noticiashome {
	width:200px;
	float:right;
	border:1px solid #567260;
	background-color:#f9f8f8;
}

#geral #conteudo #centro #noticiashome h1 {
	font-family:'trebuchet ms', verdana, arial, sans;
	font-size:12px;
	color:#343434;
	font-weight:bold;
	background:url(../imagens/home/bg-noticias.jpg) no-repeat top left;
	text-indent:35px;
	padding:9px 0px 0px 0px;
	border-bottom:1px solid #567260;
	margin-bottom:10px;
	height:24px;
}

#geral #conteudo #centro #noticiashome .noticiashome {
	padding:0px 5px 5px 10px;
	font-size:10px;
	border-bottom:1px solid #a0afa5;
	color:#486753;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
}

#geral #conteudo #centro #noticiashome a.noticiashome {
	color:#235b8a;
}

#geral #conteudo #centro #noticiashome a:hover.noticiashome {
	color:#719dc2;
}

#geral #conteudo #centro #noticiashome .leiamais {
		background-color:#486753;
		margin:10px 1px 1px 1px;
		padding:1px 2px 1px 2px;
}

#geral #conteudo #centro #noticiashome .leiamais a {
	color:#ffffff;
	background:url(../imagens/layout/seta-links.gif) no-repeat 10px 4px;
	padding-left:18px;
}

#geral #conteudo #centro #noticiashome .leiamais a:hover {
	color:#d1e9da;
	text-decoration:underline;
}

/* PARCEIROS */
#geral #parceiros {
	height:65px;
	width:100%;
	background:#689478 /*url(../imagens/layout/titulo-parceiros.gif) no-repeat 0px 4px*/;
	padding-bottom:10px;
}

#geral #parceiros #logotipos {
	background-color:#f7f7f7;
	margin-left:17px;
	width:95%;
	height:70px;
	padding:15px 0px 10px 0px;
	text-align:center;
}

#geral #parceiros #logotipos img {
	margin-left:10px;
	margin-right:10px;
}

/* APOIO */
#geral #apoio {
	width:100%;
	background-color:#689478;
	padding:10px 0px 0px 0px;
	color:#ffffff;
	font-family:'trebuchet ms',verdana,arial,sans;
	font-size:12px;
	font-weight:bold;
}

#geral #apoio p {
	text-align:center;
}

#geral #apoio img {
	margin-left:10px;
	margin-right:10px;
}

/* CSS DOS FORMULÁRIOS */

form.interno {
	width:90%;
	margin:0px 0px 20px 0px;
	padding:10px 37px 10px 10px;
	border:1px solid #f2f2f2;
}

form.interno fieldset {
	padding:15px 15px 15px 15px;
}

form.interno legend {
	font-weight:bold;
	color:#fff;
	letter-spacing:1px;
	padding:3px;
	margin-bottom:5px;
	background-color:#f6f6f6;
	width:100%;
}

form.interno label {
	text-align:right;
	/*width:100px;
	display:block;
	float:left;*/
	margin-top:1px;
	margin-right:5px;
	color:#f6f6f6;
}

form.interno input, textarea, select {
	color:#666666;
	font-size:11px;
	border:1px solid #cccccc;
	background-color:#ffffff;
	margin-bottom:10px;
	padding:2px 2px 2px 2px;
}

form.interno input.noborder {
	border:0px;
	background-color:#fafafa;
}

form.interno .submit {
	cursor:pointer;
}

form.interno select {
	margin-top:6px;
}

form.interno span {
	font-size:9px;
}
form.interno .botaocontato,
form.interno .botaocadastro {
	border:0px;
	background-color:transparent;
}

form.interno .botaocontato {
	margin-left:90px;
	width:117px;
}

form.interno .botaocadastro {
	margin-left:242px;
	width:130px;
}

form.interno .botaocontato:hover,
form.interno .botaocadastro:hover {
	border:0px;
	background-color:transparent;	
}
form.interno .botaocontato:focus,
form.interno .botaocadastro:focus {
	border:0px;
	background-color:transparent;	
}

.error_form {
	border:1px solid #166137;
	background-color:#f8eeee;
}

form.interno span {
	*vertical-align:5px;
}


/*
#geral #conteudo form {
	width:100%;
	margin:10px 0px 20px 0px;
}

#geral #conteudo fieldset {
	padding:10px 10px 10px 10px;
	border:1px dotted #cccccc;
}

#geral #conteudo legend {
	font-weight:bold;
	color:#fff;
	letter-spacing:1px;
	padding:3px;
	border:1px solid #233113;
	margin-bottom:5px;
	background-color:#4e692e;
}

#geral #conteudo form label {
	text-align:right;
	width:165px;
	display:block;
	float:left;
	margin-top:6px;
	margin-right:5px;
	height:17px;
}

#geral #conteudo input, textarea, select {
	color:#1b623a;
	font-size:11px;
	border:1px solid #5f6b73;
	background:#f8f8f8;
}

#geral #conteudo input {
	height:16px;
	padding-top:2px;
	margin-top:4px;
}
	

#geral #conteudo input.noborder {
	border:0px;
	background-color:#fafafa;
}

#geral #conteudo select {
	margin-top:6px;
}

#geral #conteudo textarea {
	margin-top:6px;
	font-size:12px;
}

#geral #conteudo form span {
	font-size:9px;
	padding-top:6px;
}

#geral #conteudo form .botao {
	width:80px;
	height:20px;
	cursor:pointer;
	margin-left:102px;
	margin-top:10px;
	font-size:11px;
	font-weight:bold;
	color:#888888;
	border:1px solid #5f6b73;
	background-color:#f8f8f8;
}


#geral #conteudo .error_form {
	border:1px solid #166137;
	background-color:#f8eeee;
}
*/

/* RODAPÉ */
#rodape {
	width:770px;
	margin:0px auto;
	padding:30px 0px 30px 0px;
	color:#2e2d2d;
	font-size:10px;
	text-align:center;
	background: url(../imagens/layout/rodape.gif) no-repeat top center;
	text-align:center;
}

#rodape p {
	text-align:center;
}

#rodape a {
	color:#6c6c6c;
	border-bottom:1px dotted #6c6c6c;
}

#rodape a:hover {
	color:#708192;
	border-bottom:1px dotted #708192;
}