/*-------------------------------------------aqui começa o efeito coin-slider----------------------------------------------*/
/*
	Coin Slider jQuery plugin CSS styles
	http://workshop.rs/projects/coin-slider
*/

*{margin:0; padding:0;}
.coin-slider { overflow: hidden; zoom: 1; position: relative; width: auto; }
.coin-slider a{ text-decoration: none; outline: none; border: none; }

.cs-buttons { font-size: 0px; padding: 10px; float: left; }
..cs-active { background-color: #B8C4CF; color: #FFFFFF; }

.cs-title { width: 880px; padding: 10px; background-color: #000000; color: #FFFFFF; }

.cs-prev, 
.cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; }

/*-------------------------------------------aqui termina o efeito coin-slider----------------------------------------------*/

/* CSS Document */

body{/*corpo*/
background:#FFF;
margin:0px;
background-image:url(../imagens/plano_de_fundo.jpg);
}

#geral{
width:900px;/*largura*/
height:auto;/*altura*/
background:#FFF;
margin-left:auto; /*padrao para centralizar a dec geral*/
margin-right:auto  /*padrao para centralizar a dec geral*/
}

#cabecalho {
width:900px;/*largura*/
height:176px;/*altura*/
background-color:#03C;/*plano de fundo escolhido*/
background-repeat:no-repeat;/*nao repita plano de fundo */
background-image:url(../imagens/topo.jpg);
}

#esquerda {
width:200px;/*largura*/
height:auto;/*altura*/
float :left; /*alinhamento d dex para a esquerda */
background-color:#FFF;
}

#centro {
width:550px;/*largura*/
height:700px;/*altura*/
float:left; /*alinhamento da div para a esquerda*/
margin:0px; 
padding:0px;
}

#centro_a {
width:550px;/*largura*/
height:230px;/*altura*/
float:left; /*alinhamento da div para a esquerda*/
margin:0px; 
padding:0px;
}

#centro_b {
width:273px;/*largura*/
height:228px;/*altura*/
float:left; /*alinhamento da div para a esquerda*/
margin:0px; 
padding:0px;
background-color:#FFF;
border:1px solid #CCC;
}

#centro_c {
width:273px;/*largura*/
height:228px;/*altura*/
float:left; /*alinhamento da div para a esquerda*/
margin:0px; 
padding:0px;
border:#999;
background-color:#FFF;
border:1px solid #CCC;
}

#centro_d {
width:273px;/*largura*/
height:238px;/*altura*/
float:left; /*alinhamento da div para a esquerda*/
margin:0px; 
padding:0px;
background-color:#FFF;
border:1px solid #CCC;
}

#centro_e {
width:273px;/*largura*/
height:238px;/*altura*/
float:left; /*alinhamento da div para a esquerda*/
margin:0px; 
padding:0px;
background-color:#FFF;
border:1px solid #CCC;
}
#direita{
width:150px; /*largura*/
height:700px; /*altura*/
border:0px;
background-image:url(../imagens/promocao.jpg);
float:none;
float:right;
}

#direita_a {
width:150px; /*largura*/
height:345px; /*altura*/
border:0px;
background-image:url(../imagens/promocao.jpg);
float:none;
float:right;
}

#direita_b {
width:150px; /*largura*/
height:355px; /*altura*/
border:0px;
float:right;
background-image:url(../imagens/promocao.jpg);
}

#rodape {
width:900px; /*largura*/
height:50px; /*altura*/
clear:both; /*sempre abaixo de todas as divs */
text-align:center; /*centraliza texto rodapé*/
background-color:#FFF;


} 

/*---------------------formatação do Menu----------------------------*/
#links{
	margin:0px;
	padding:0px;
	list-style:none;/*tira os marcadores da lista*/
	width:198px;
	border:#00F solid 0px;
}
/*formatando o link*/

#links a:link{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#00F;
	font-size:14px;
	text-decoration:none;/*tira o sublinhado do links*/
	display:block;/*gera um quadro em cada item da lista*/
	padding:5px;/*aumenta o tamanho do quadro*/
	border-bottom:#00F solid 1px;
	border-left:#00F solid 1px;
	border-right:#00F solid 1px;
	background-repeat:repeat-x;
	}
/*formatando o sobre visitado do link*/
#links a:visited{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#00F;
	font-size:14px;
	text-decoration:none;/*tira o sublinhado do links*/
	display:block;/*gera um quadro em cada item da lista*/
	padding:5px;/*aumenta o tamanho do quadro*/
	border-bottom:#00F solid 1px;
	background:#FFF;
	border-left:#00F solid 1px;
	border-right:#00F solid 1px;
}

/*formatando o passar cursor*/
#links a:hover{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:14px;
	text-decoration:none;/*tira o sublinhado do links*/
	display:block;/*gera um quadro em cada item da lista*/
	padding:5px;/*aumenta o tamanho do quadro*/
	border-bottom:#00F solid 1px;
	background:#36F;
	border-left:#00F solid 1px;
	border-right:#00F solid 1px;
}

.texto {
	font-family:"Trebuchet Ms",Arial,helvetica,sans-serif;/*ñ tiver a font basta colocar entre Aspas p/ padronizar*/	
    font-size:14px;			  
	color:#000;
	text-align:justify;
	margin:0px;/*tira o espaço do paragrafo*/
	padding:10px;/*espaço interno da div*/
	/*text-indent:1,5cm(espaço de tabulação)*/
}
.imagem_1{
	float:left;
	margin-right:10px;
	width:120px;
	height:120px;
}
.imagem_2{
	float:right;
	margin-left:10px;
}