/* 
CSS desenvolvido por Kobi
http://www.natrium.com.br
*/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	background-color: #F7F7F7;
	text-align: center;
	margin-bottom:10px;
	overflow: -moz-scrollbars-vertical;
}

* {
	margin: 0;
	padding: 0;
}

#geral {
	width: 786px;
	border: 1px solid #CCCCCC;
	margin: 10 auto;
	background-color: #FFFFFF;
	text-align: left;
}

/* ------------------------------------
Estilos de Fontes
------------------------------------ */
h1 {
	display: block;
	width: 276px;
	height: 83px;
	background-image: url("../images/logo_kobi.jpg");
	background-repeat: no-repeat;
	text-indent: -999999;
	margin: 15 10 10 20px;
}
h5 {

	width: 160px;
	height: 60px;
	background-image: url("../images/parceiros.jpg");
	background-repeat: no-repeat;

	margin: -75 10 10 600px;
}

h2 {
	color:#006633;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size: 19px;
	font-weight:bold;
}

h3 {
	color:#959595;
	font-size: 13px;
}

h4 {
	clear:both;
	color:#336699;
	font-size:130%;
	font-weight:bold;
	padding:0pt;
}

#centro p, #centro2 p {
	color:#636363;
	font-size:110%;
	line-height:1.4em;
	width: 420px;
}

p, h2, h3, #intro_produtos {
	margin-bottom: 10px;
}

a {
	color: #333333;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

#produtos a {
	color: #000;
}

#produtos a:hover {
	color: #000;
}

/* ------------------------------------
Conteúdo do Site
------------------------------------ */
#banners {
	padding-top: 10px;
	
}

#banners, #conteudo {
	padding-left: 22px;
	padding-right: 22px;
}

#conteudo {
	margin-top: 5px;
	height: auto;
}

#home {
	margin-top: 5px;
	margin-left:22px;
	height: 288px;
	background-image: url("../images/sobre_farmacia.jpg");
	background-repeat:no-repeat;
	padding:5 5 5 0px;
	font-weight:bold;
	
}
#home2 {
	margin-top: 5px;
	margin-left:22px;
	height: 288px;
	background-image: url("../images/sobre_farmacia2.jpg");
	background-repeat:no-repeat;
	padding:5 5 5 0px;
	font-weight:bold;
	
}
#home3 {
	margin-top: 5px;
	margin-left:22px;
	height: 288px;
	background-image: url("../images/sobre_farmacia3.jpg");
	background-repeat:no-repeat;
	padding:5 5 5 0px;
	font-weight:bold;
	
}
#solucoes {
	background-image: url("../images/solucoes.gif");
	height: 217px;
	_height: 268px;
	width: 185px;
	_width: 195px;
	font-size: 11px;
	color: #CCCCCC;
	padding-top: 50px;
	padding-left: 10px;
	float: right;	
}

#produtos {
	float: right;
	width: 195px;
}

#jboleto_quadro h4 {
	font-family: Arial, sans-serif;
	font-size: 16px;
	color: #000;	
}

#kimoveis_quadro h4 {
	font-family: Arial, sans-serif;
	font-size: 19px;
	color: #1F6FBB;	
}

#jboleto_quadro {
	background-image: url("../images/quadro_jboleto.png");
	background-repeat: no-repeat;
}

#kimoveis_quadro {
	background-image: url("../images/quadro_kimoveis.png");
	background-repeat: no-repeat;
}

#kimoveis_quadro, #jboleto_quadro {
	width: 120px;
	_width: 195px;
	height: 128px;
	_height: 140px;
	padding-left: 70px;
	padding-top: 10px;
	padding-right: 5px;
	margin-right: 0px;
}



#jboleto_quadro p, #kimoveis_quadro p {
	font-family: Arial, sans-serif;
	font-size: 10px;
	color: #000;
	margin-bottom: 5px;
}

.kimoveis {
	margin-top: 5px;
}

#noticias, #texto_informativo {
	
	background-repeat: no-repeat;
	height: 280px;
	_height: 282px;
	width: 270px;
	_width: 380px;
	float: left;
	padding: 8 5 5 5px;
	color: #333333;
	font-family: Verdana, sans-serif;
}

#texto_home {
	
	line-height:5%;
	font-size:10px;
	height: 270px;
	_height: 282px;
	width: 270px;
	_width: 380px;
	float: left;
	padding: 8 5 5 5px;
	color: #00FF00;
	font-family: Verdana, sans-serif;
}


#texto_informativo {
	margin-left: 5px;
	width:420px;
}

#texto_informativo p {
	font-size: 12px;
}

#noticias h2, #texto_informativo h2 {
	margin-bottom: 15px;
	font-family:"Arial", Helvetica, sans-serif;
	font-size: 16px;	
}

#noticias span, #texto_informativo span {
	color: #666666;	
}

#noticias a {
	color: #666666;
	text-decoration: none;	
}

#noticias a:hover {
	text-decoration: underline;	
}


/* ------------------------------------
Conteúdo do Site (Interno)
------------------------------------ */

#esq, #centro, #dir, #centro2, #contato_form, #contato_info {
	float: left;
}

#esq, #dir {
	width: 140px;
	padding-left: 10px;
	margin-top: 15px;
}

#contato_info {
	width: 240px;
	padding-left: 10px;
	margin-top: 15px;
}

#contato_form {
	margin-top: 15px;
}

#centro, #centro2, #centro3 {
	margin-right: 29px;
	margin-left: 29px;
	margin-bottom: 30px;
	margin-top: 15px;
}

#centro {
	width: 422px;	
}

#centro2 {
	width: 562px;
}

#centro 3 {
	width: 650px;
}

#portfolio {
	width:  780px;
	padding: 0;
}

#centro2 a, #centro3 a {
	color: #333333;
	text-decoration: none;
}

#centro2 a:hover, #centro3 a:hover {
	color: #ff9c00;
	text-decoration: underline;
}

.tabela_planos th, .tabela_planos td {
	text-align: center;
	height: 20px;
	font-size: 11px;
}

.tabela_planos {
	margin-bottom: 10px;
}

.tabela_planos th {
	background-color: #959595;
	color: #fff;
}

.tabela_planos td {
	background-color: #f0f0f0;
}

.tabela_planos .td2 {
	background-color: #fff;
}


#esq b, #dir b {
	color: #545454;
}

#esq span {
	color: #333333;
}

address p {
	color: #333333;
	font-weight: normal;
}

#esq a {
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}

#esq a:hover {
	text-decoration: underline;
}

#dir ul {
	padding: 8 8 8 12px;
}

#dir li {
	list-style-type: none;
}

#dir li a {
	color: #333333;
	text-decoration: none;
	font-size: 10px;
}

#dir li a:hover {
	text-decoration: underline;
}

/* ------------------------------------
Formulário
------------------------------------ */

#contato_form fieldset {	
	width: 420px;
	margin-bottom: 30px;
	border:1px solid #CCCCC3;
	padding:10px;
}

#contato_form legend {
	color:#666666;
	font-family:"Trebuchet MS",Tahoma,Verdana,sans-serif;
	font-size:120%;
	padding:0pt 0.25em;
}

#contato_form label {
	float: left;
	width: 620px;
	color:#336699;
}

#contato_form input, #contato_form select, #contato_form textarea {
	border:1px solid #CCCCC3;
}

#contato_form input, #contato_form select {
	height: 18px;
}

#contato_form input, #contato_form label, #contato_form textarea, #contato_form select {
	margin-bottom: 5px;
}

#contato_form input, #contato_form label, #contato_form textarea {
	width: 300px;
}

#contato_form select {
	width: 200px;
}

#contato_form .submit {
	width: 100px;
}

/* ------------------------------------
Loja virtual
------------------------------------ */
#intro_loja {
	border-bottom: 1px solid #C5CCD0;
	color:#636363;
	font-size:110%;
	line-height:1.4em;
}

.bloco_produto {
	border-bottom: 1px solid #C5CCD0;
	margin-top: 30px;
}

#thumb, .descricao_produto {
	float: left;
}

.descricao_produto {
	width: 380px;
	margin-right: 20px;
	display: block;
}

.descricao_produto p {
	width: 380px;
	color: #333;
}

#thumb {
	width: 120px;
	text-align: center;
}

#imagem_ampliada, #info_produto {
	float: left;
}

#info_produto {
	margin-left: 50px;
	margin-top: 40px;
}

#bloco_produtoAmp {
	height: 210px;
	margin-bottom: 15px;
}

.produto_relacionado li {
	list-style-type:none;
	margin-left: 20px;
	margin-top: 10px;
}


/* Meu Carrinho */
#tab_meucarrinho {
	margin-top: 15px;
}

#tab_meucarrinho th, #tab_meucarrinho td {
	background-color: #E2ECEC;
	font-size: 11px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	font-size:8pt;
	padding-left: 5px;
	padding-right: 5px;
}

#tab_meucarrinho th {
	line-height: 20px;
	color: #959595;
}

#tab_meucarrinho td {
	color: #333;
	padding-top: 5px;
	padding-bottom: 5px;	
}

#tab_meucarrinho .separador {
	background-color: #fff;
	height: 10px;
	border-top: none;
	border-bottom: none;
}

#tab_meucarrinho .borda {
	border-left: 2px solid #fff;
}

#total {
	margin-top: 5px;
	margin-bottom: 10px;
	background-color: #E2ECEC;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	height: 15px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-top: 3px;
	text-align: right;	
}

/* Tela de cadastro e login */

.cadastro_tit {
	color:#333333;
	font-size:11px;
	font-weight: bold;
	border-bottom: 3px solid #ccc;
	padding-bottom: 3px;
	
}

#cadastro_esq, #cadastro_dir {
	float: left;
	width: 325px;
	font-family:verdana,arial,helvetica,sans-serif;
	font-size: 11px;
	height: 540px;
	margin-bottom: 30px;
}

#cadastro_esq {
	border-right: 3px solid #ccc;
	padding-right: 30px;	
}

#cadastro_dir {
	padding-left: 20px;
}

.tit_bloco {
	color:#336699;
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:11px;
	font-weight:bold;
	background-color: #A3BDE2;
	padding-left: 5px;
	padding-right: 5px;
	width: 335px;
	line-height: 17px;
}

#bloco_cadastro {
	padding-left: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	background-color: #F7F7F7;
	width: 335px;
	font-weight: bold;
}

#cadastro_esq fieldset, #cadastro_dir fieldset {
	width: 290px;
	border: none;
	padding-left: 5px;
	padding-top: 5px;
	margin-bottom: 40px;
	margin-left: 10px;
}

#cadastro_dir label {
	text-decoration: underline;
}

#cadastro_esq label, #cadastro_dir label {
	float: left;
	width: 110px;
}

#cadastro_esq label, #cadastro_esq input, #cadastro_dir label, #cadastro_dir input, #cadastro_dir select {
	margin-bottom: 10px;
	height: 18px;
}

#cadastro_esq .entrar, #cadastro_dir .cadastrar {
	float: right;
	line-height: 15px;
	width: 60px;
	font-size: 10px;
}

/* Opções de frete */
.bloco_geral {
	background-color: #E2ECEC;
	padding: 6px 6px 6px 6px;
	color: #000;
	margin-bottom: 15px;
}

.bloco_geral input {
	float: left;
}

.bloco_opcao {
	margin-left: 32px;
}

.nome_servico {
	height: 55px;
	background-color: #fff;
	border: 1px solid #CCCCCC;
	font-weight: bold;
	padding:6px;
	width: 98%;	
}

.nome_servico img {
	float: right;
}

.nome_formapagamento {
	background-color: #fff;
	border: 1px solid #CCCCCC;
	font-weight: bold;
	padding: 6px;
	width: 98%;
}
.nome_formapagamento ul {
	list-style-type:none;
	font-weight:normal;
}
.nome_formapagamento ul li input {
	float:none;
}

.bloco_opcao p {
	margin-bottom: 5px;
	margin-top: 5px;
}

.aviso_formaspagamento {
	font-size: 10px;
	border: 1px solid #FFCC00;
	background-color: #fff;
	padding: 6px;
}

/* Finaliza Pagamento */

#finaliza {
	text-align: center;
	height: 400px;
	padding-top: 30px;
}

/* ------------------------------------
Cases de Sucesso
------------------------------------ */

.tab_cases {
	font-size: 11px;
	width: 90%;
	color: #636363;
	margin-bottom: 100px;
	margin-top: 20px;
}

.tab_cases td {
	width: 50%;
	border-bottom: 1px solid #ccc;
	line-height: 30px;
}

.tab_cases a {
	color: #636363;
	text-decoration: none;
}

.tab_cases a:hover {
	color: #959595;
	text-decoration: none;
}

.tab_interna_cases {
	width: 100%;
	color: #636363;
	font-size: 11px;
	margin-bottom: 20px;
	margin-top: 20px;
	border: 1px solid #ccc;
	background-color: #F5F5F5;
	padding-top: 5px;
	padding-right: 5px;
}

.tab_interna_cases td {
	padding-bottom: 10px;
	padding-left: 10px;
	vertical-align: top;
}