/* Folha de estilo:
Autor:	Floriano Comunicação Integrada
Site:	www.floriano.ppg.br
Data:	2007-09-18
Rev.v1:	2007-09-18
*/

@charset "iso-8859-1";

body#bg {
	background: #e6eaf3 url("../img/bg_body.jpg") repeat-x ;
	text-align: center ;
}

.quebra_linha { clear: both ; display: block ; }

div#main {
	width: 770px ; height: 100% ;
	text-align: left ;
	margin: 0px auto ;
	background: #FFFFFF url("../img/bg_main.jpg") no-repeat ;
}

/* ESTRUTURA
-------------------------------------------------------------------------------------------*/

/* BARRA */
#barra {
	width: 770px ;	height: 32px ;
	line-height: 26px ;
	color: #FFF ;
	text-align: center ;
	margin: 0px auto ;
	background: #003a80 url("../img/bg_barra.jpg") ;
	clear: both ;
}
/* */

/* PATROCINIO */
#patrocinio {
	text-align: center ;
	margin: 15px 0px ;
	width: 770px ;
	clear: both ;
}
/* */

/* TOPO */
#topo {
	/*display: inline ;*/
	width: 770px ;
	height: 240px ;
	text-align: left ;
	margin: 0px auto ;
	background: transparent url("../img/titulo.jpg") no-repeat;
}
	#logo {
		position: relative ;
		float: left ;
		width: 415px ;
	}
		.logo {
			width: 139px ;
			height: 100px ;
			margin-top: 50px ;
			margin-left: 178px ;
		}
	#pesquisa {
		position: relative ;
		float: right ;
		width: 250px ;
		height: 260px ;
	}
		#ilustracoes {
			position: absolute ;
			height: 130px ;
			top: 0px ;
			left: 0px ;
		}
			#ilustracoes div {
				position: relative ;
				float: left ;
				z-index: 999 ;
				margin : 0px ; padding: 0px ;
			}
		#pesquisa div {
			position: absolute ;
			left: 0px ;
			bottom: 0px ;
		}
		#pesquisa form {
			width: 250px;
			display: none ; /* TEMPORARIAMENTE OCULTAR BUSCA */
		}
		#pesquisa input {
			border: 0px ;
			height: 21px ;
			display: none ; /* TEMPORARIAMENTE OCULTAR BUSCA */
		}
		.pesquisa_pata {
			margin-left: 30px ;
			font-size: 10px ;
			color: #FFFFFF ;
			display: none ; /* TEMPORARIAMENTE OCULTAR BUSCA */
		}
		.pesquisa_pata img {
			margin-right: 7px ;
			display: none ; /* TEMPORARIAMENTE OCULTAR BUSCA */
		}
		
	.topo_esp {
		width: 770px ;
		height: 20px ;
		clear: both ;
	}	
/* */

/* DIVS */
#conteudo, #conteudo2, #conteudo3 {
	width: 770px ;
	height: 1% ;
}
#conteudo {
	background: url("../img/linha_pontilhada.gif") center 10px repeat-y ;
}
	.conteudo_left, .conteudo_right {
		margin: 0px 0px 25px ;
		width: 332px ;
	}
	.conteudo_left {
		float: left ;
		margin-left: 25px ;
	}
	.conteudo_right {
		float: right ;
		margin-right: 25px ;
	}
    .img_desconto{
        margin-left: 65px;
    }
    #link_desconto ul {
        margin-top: 15px;
        color: #023f88;
		list-style: disc ;
		font-size: 18px;
    }
	#link_desconto ul li{
        color: #023f88;
		list-style: disc ;
		font-size: 18px;
    }
    #link_desconto ul li a{
        color: #023f88;
        font-family: arial, verdana, sans-serif;
        font-size: 15px;
        font-weight: bold;
    }
    #link_desconto span img{
        margin: 20px 0 20px 0;
        padding: 0;
    }
	.quadro1, .quadro2 {
		width: 332px ;
		margin: 0px 25px 25px ;
	}
	.quadro1 { float: left ; }
	.quadro2 { float: right ; }
/* */

/* MARGINS */
.margin10, .marginT10, .marginV10	{ margin-top: 10px ; }
.margin10, .marginL10, .marginH10	{ margin-left: 10px ; }
.margin10, .marginR10, .marginH10	{ margin-right: 10px ; }
.margin10, .marginB10, .marginV10	{ margin-bottom: 10px ; }

.padding10, .paddingT10, .paddingV10	{ padding-top: 10px ; }
.padding10, .paddingL10, .paddingH10	{ padding-left: 10px ; }
.padding10, .paddingR10, .paddingH10	{ padding-right: 10px ; }
.padding10, .paddingB10, .paddingV10	{ padding-bottom: 10px ; }
/* */


/* PÁGINAS
------------------------------------------------------------------------------------------- */

/* INDEX */
#boxe_palavradoveterinario {
	width: 434px ;
	height: 139px ;
	margin: 0 auto 20px;
	background: url("../img/box/index_palavra3.png") no-repeat ;
	}
	#boxe_palavradoveterinario .img {
		float: left ;
		margin-right: 10px ;
		vertical-align: top ;
	}
	#boxe_palavradoveterinario p.chamada {
		margin: -10px 15px 0px ;
	}
    #boxe_palavradoveterinario p.borda_amarelag{
        margin: 0;
        padding: 0;
        display: inline;
        float: left;
        border: aqua 3px solid;
    }
/* */

/* PLANOS */
body.planos object.plilust {
	float: right ;
	margin-top: -35px ;
	}
.plano_exclusividade {
	color: #e75515 ; /*#ef965a*/
	float: right ;
	font-size: 10px ;
	text-transform: uppercase ; /*MAISUCULA*/
	margin-top: -60px ;
	position: relative ;
}
.plano_desc {
	width: 235px ;
	float: left ;
	text-align: justify ;
	margin-right: 15px ;
}
.plano_valor {
	text-align: right ;
	font-weight: bold ;
	font-size: 16px ;
	width: 80px ;
	margin-top: 10px ;
}
.plano_pdf {
	text-align: right ;
	margin-top: 10px ;
}
/* */

/* PARCEIROS (CREDENCIADOS E CONVENIOS) */
div.parceiros {
	display: block ;
	width: 250px ;
	margin: 0 0 0 230px;
	float: left;
}
.parceiros_img {
	float: left ;
	margin-right: 10px ;
	margin-bottom: 30px ;
}
ul.parceiros {
	display: block ;
	width: 200px ;
	color: #003a81 ;
	float: left;
}
ul.parceiros li {
	text-align: left ;
	list-style: disc ;
	list-style-position: inside ; /* Hack IE 7 */
	color: #003a81 ;
	line-height: 18px ;
}
/* */


/* PARCEIROS (CREDENCIADOS E CONVENIOS) */
div.parceiros2 {
	display: block ;
	width: 440px ;
	margin: 0 0 0 80px ;
	float: left;
	background: url("../img/linha_pontilhada.gif") center 10px repeat-y ;
}
ul.parceiros2 {
	display: block ;
	width: 170px ;
	color: #003a81 ;
	float: left;
}
ul.parceiros2 li {
	text-align: left ;
	list-style: disc ;
	list-style-position: inside ; /* Hack IE 7 */
	color: #003a81 ;
	line-height: 18px ;
}
ul.parceiros2 li a{
	font-weight: bold;
	text-decoration: none;
	color: #003a81 ;
}
ul.parceiros2 li a:hover{
	color: #F9EC02;
}

/* PARA SEU PET*/
#banner_ppet{
	margin: 0;
	padding:0;
	width:226px;
	height:180px;
	background: url("../img/box/aqui-tem-desconto-ppet.png") no-repeat;
	float:left;
}

/* PARA VOCE*/
#banner_pvoce{
	margin: 0;
	padding:0;
	width:180px;
	height:180px;
	background: url("../img/box/aqui-tem-desconto-ppet.png") no-repeat;
	float:left;
}
#banner_ppet object{
	float: right;
	margin: 80px 0 0 0;
}

/* Dúvidas */
.foto {
	float: left;
	margin-right: 10px ;
}
.informacoes {
	float: left ;
}
/* */

/* Bem na foto */
body.bemnafoto .quadro1, body.bemnafoto .quadro2 {
	width: 280px ;
	margin: 0px 50px ;
}
.borda_amarela {
	text-align: center ;
}
.borda_amarela a {
	float: left ;
	width: 110px ;
	padding: 5px ;
	background: transparent url("../img/moldura_amarela.png") no-repeat 6px 0px ;
}

.borda_amarelag {
	text-align: center ;
}
.borda_amarelag a {
	float: left ;
	width: 132px ;
    height: 102px;
	padding: 7px 0 0 0;
	background: transparent url("../img/moldura_amarelag.png") no-repeat -1px 0px ;
}

/*NOTÍCIAS E MAIS INDEX */
#not_mais{
    position: relative;
    width: 405px;
    margin: 0px 0 0 10px;
    padding: 43px 0 0 0;
}
#not_mais p{
    margin: 0;
    padding: 0;
}
#texto_not_mais{
    padding: 12px 0 0 0;
    margin: 0;
}
#noticias_img img{
    margin: 0;
    padding: 0;
}
div.notemais {
	display: block ;
	width: 250px ;
	margin: 0 0 0 230px;
	float: left;
}
.notemais_img {
	float: left ;
	margin-right: 10px ;
	margin-bottom: 30px ;
}
ul.notemais {
	display: block ;
	width: 200px ;
	color: #003a81 ;
	float: left;
}
ul.notemais li {
	text-align: left ;
	list-style: disc ;
	list-style-position: inside ; /* Hack IE 7 */
	color: #003a81 ;
}

.borda_amarelagn {
	text-align: center ;
}
.borda_amarelagn a {
	float: left ;
	width: 164px ;
    height: 129px;
	padding: 13px 0 0 0px;
	background: transparent url("../img/box/fundo-amarelo-gr-not-2.png") no-repeat -1px 0px ;
}
#flash_not object{
	float: left;
}
#flash_not table{
	padding:0;
	margin: 10px 0 0 210px;
	float: left;
}

	

/* Index */
.palavradoveterinario {
	margin: 0px 125px ;
}
/* */

/* Fale conosco */
.mapa {
	float: right ;
	margin-top: -200px ;
	margin-right: 40px ;
	width: 165px ;
	text-align: center ;
}
/* */

/* FORMULÁRIOS
--------------------------------------------------------------------------------------------*/

textarea {
	overflow: auto ;
}

.form_pesquisa {
	border: 0px ;
	background-color: #fff ;
}

form.formbasico {
	width: 350px ;
	margin: 0px auto ;
	padding: 10px 0px ;
	clear: both ;
}

form.formbasico p {
	text-align: justify ;
	margin-bottom: 5px ;
	clear: both ;
}

form.formbasico label {
	display: inline ;
	float: left ;
}
form.formbasico .input {
	display: inline ;
	float: right ;
	border: 1px solid #005fa0 ;
}

form.formbasico input.button {
	text-align: center ;
	font-size: 9px ;
	margin-top: 10px ;
	border: 0px ;
	width: 75px ;
	height: 24px ;
	background-image: url("../img/botao_enviar.gif") ;
	background-color: transparent ;
	color: #FFFFFF ;
	font-weight: bold ;
	clear: both ;
}

.formfaleconosco {
	margin-right: 70px ;
}

/* INLOVE
--------------------------------------------------------------------------------------------*/
#title_in{
	background: url(../img/box/box-inlove2.png) center no-repeat;
}
#title_in object{
	margin: 0 0 0 460px;
	padding: 0;
}
.text_in{
	color: #023f88;
	font: bold 10px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0 0 15px 30px;
}
.inlove_foto{
    position: relative;
    float: left;
    background-image: url("../img/box/fundo-amarelo-inlove.png");
    background-repeat: no-repeat;
    width: 124px;
    height: 85px;
	padding: 10px 0 0 10px;
}
.inlove_texto{
	font: bold 10px Arial, Helvetica, sans-serif;
	color: #023f88;
}
.inlove_texto span{
	font: 10px Arial, Helvetica, sans-serif;
	color: #8A8A8A;
}
#inlove_texto{
	margin: 11px 0 0 0;
	padding: 0;
}


/* FORMULÁRIO INLOVE
--------------------------------------------------------------------------------------------*/

.form_pesquisain {
	border: 0px ;
	background-color: #fff ;
}

form.formbasicoin {
	width: 700px ;
	margin: 0px auto ;
	padding: 10px 0px ;
	clear: both ;
}

form.formbasicoin p {
	text-align: justify ;
	margin-bottom: 5px ;
	clear: both ;
	color: #023f88;
}

form.formbasicoin label {
	float: left ;
	vertical-align: sub;
	height: 18px;
	font-size: 11px;
	font-weight: bold;
	color: #023f88;
}
form.formbasicoin .input {
	float: left;
	border: 1px solid #90abcb;
	height: 18px;
	margin: 0 5px 5px 5px;
}
form.formbasicoin .textarea {
	float: left;
	border: 1px solid #90abcb;
	margin: 0 5px 5px 5px;
}

form.formbasicoin input.button {
	text-align: center ;
	font-size: 9px ;
	margin-top: 10px ;
	border: 0px ;
	width: 75px ;
	height: 24px ;
	background-image: url("../img/botao_enviar.gif") ;
	background-color: transparent ;
	color: #FFFFFF ;
	font-weight: bold ;
	clear: both ;
}

/* LOJA
--------------------------------------------------------------------------------------------*/
.papel_recado p{
    text-align: center;
    margin: 0 0 20px 0;
    padding: 0;
}
#conteudo_loja{
    margin: 0 auto;
    width: 660px;
}
.produto_loja{
    position: relative;
    width: 320px;
	height: 155px;
    float: left;
    margin: 0 0 20px 5px;
    padding: 0;
}
.produto_foto{
    position: relative;
    float: left;
    background-image: url("../img/loja/borda_amarela_loja.png");
    background-repeat: no-repeat;
    width: 144px;
    height: 99px;
}
.produto_foto img{
    margin: 16px 0 0 18px;
}
.produto_titulo{
    font: bold 13px "Myriad Pro", arial, sans-serif;
    color: #023f88;
}
.produto_conteudo{
    margin: 2px 0 0 5px;
    padding: 0;
    float: left;
    width: 157px;
}
.campo{
    font: bold 11px "Myriad Pro", arial, sans-serif;
    color: #a8a8a8;
}
.select_cor{
    width: 125px;
    margin-top: 2px;
    color: #023f88;
    font: bold 11px "Myriad Pro", arial, sans-serif;
}
.select_tamanho{
    width: 95px;
    margin-top: 2px;
    color: #023f88;
    font: bold 11px "Myriad Pro", arial, sans-serif;
}
.input_qtd{
    width: 85px;
    margin-top: 2px;
    color: #023f88;
    font: bold 11px "Myriad Pro", arial, sans-serif;
}
.produto_preco{
    font: bold 12px "Myriad Pro", arial, sans-serif;
    color: #023f88;
    float: right;       
}
.produto_value{
    font: bold 18px "Myriad Pro", arial, sans-serif;
    color: #023f88;        
}
.produto_dec{
    font: bold 13px "Myriad Pro", arial, sans-serif;
    color: #023f88;
    vertical-align: super;
}
.entrega{
    font: bold 13px "Myriad Pro", arial, sans-serif;
    color: #023f88;
}
.input_entrega{
    border: 1px solid #95afcd;
    height: 17px;

    margin: 5px 0 0 0;
}
.embalagem{
    margin: 10px 0 0 0;
}
.fecha_pedido{
    margin: 0 0 0 150px;
    padding: 0;
    vertical-align: super;
}
.botao_voltar{
    margin: 0 0 0 300px;
}

/* INFORMATIVO
--------------------------------------------------------------------------------------------*/
.informativo_foto{
	margin: 10px;
	text-align: center;
}
.informativo_texto{
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #023f88;
	text-align: center;
}
.informativo_texto span{
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #023f88;
}
#informativo_texto{
	margin: 0;
	padding: 0;
}


/* RODAPE
--------------------------------------------------------------------------------------------*/
#rodape {
	clear: both ;
	width: 770px ;
	height: 106px ;
	background: url("../img/bg_rodape.jpg") no-repeat left bottom ;
}
	#rodape_endereco {
		float: left ;
		width: 353px ;
		height: 106px ;
	}
		#rodape_endereco p {
			float: left ;
			margin: 0px ;
		}
		#rodape_endereco p.end {
			color: #fff ;
			font-size: 14px ;
			line-height: 20px ;
			letter-spacing: 1px ;
			padding: 17px 10px 0px 10px ;
			width: 140px ;
		}
		#rodape_endereco p.end span {
			color: #ffcd00 ;
			font-size: 20px ;
		}
		#rodape_endereco p.faq {
			margin-top: 75px ;
		}
	#rodape_pote {
		float: left ;
		width: 64px ;
		margin-top: 42px ;
	}
	#rodape_desenvolvimento {
		float: right ;
		width: 337px ;
		margin-top: 80px ;
		margin-right: 10px ;
	}