/* Css Padrão do site - 
Semantica sempre na estrutura do site!important
---------------------------------------------------------------------------------------- */
body{
	font: normal 12px Tahoma;
	margin: 0px;
	padding: 0px;
	color: #4c4c4c;
	background: #F1F1F1 url("/images/topo.jpg") no-repeat center top;
	text-align: center;
}

/* Definição das tags:
--------------------------------------------------------------------------------------------*/
ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

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

a:hover{
	text-decoration: underline;
}

img{
	border: 0;
	margin: 0px;
	padding: 0px;
}

iframe{
	margin: 0px;
	padding: 0px;
}

input, select{
	margin: 0px;
	padding: 0px;
	height: 20px;
	font: normal 12px Tahoma;
}

textarea{
	font: normal 12px Tahoma;
	margin: 0px;
	padding: 0px;
}

object{
	outline: none;
}

p{
	margin: 0px;
	padding: 0px 0px 15px 0px;
}

h1{
	margin: 0px;
	padding: 0px 0px 15px 0px;
	font: bold 12px Tahoma;
	color: #000;
}

h2{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font: bold 12px Tahoma;
	color: #000;
}

h3{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font: bold 12px Tahoma;
	color: #000;
}

/* Classes gerais
------------------------------------------------------------------------------------------*/ 
.clear{
	clear: both;
}

.floatLeft{
	float: left;
}

.floatLeftImg{
	float: left;
	padding: 0px 15px 0px 0px;
}

.floatRight{
	float: right;
}

.floatLeftImg{
	float: left;
	padding: 0px 15px 0px 0px;
}

.floatRightImg{
	float: right;
	padding: 0px 0px 0px 15px;
}

.paddingRightNone{
	padding-right: 0px!important;
}

.boldRed{
	font-weight: bold;
	color: #dc4726;
}

.bold{
	font-weight: bold;
}

.relative{
	position: relative;
	z-index: 14;
}

.center{
	width: 100%;
	text-align: center;
}

.fontLaranja{
	color: #F89520;
}

.esconde{
	display: none;
}

/* Estrutura 
------------------------------------------------------------------------------------*/
#geral{
	width: 965px;
	margin: auto;
	text-align: left;
	position: relative;
}

#global{
	width: 100%;
	background: url("/images/curva.jpg") no-repeat center 383px;
	position: relative;
}

#controlaBgBottom{
	width: 100%;
	background: url("/images/rodape.jpg") no-repeat center bottom;
	height: 46px;
}

#conteudo{
	width: 965px;
}

#conteudBox{
	width: 899px;
	padding: 0px 13px 0px 53px;
	background: url("/images/frontline_interna_px.gif") repeat-y 0px 0px;
}

#controlaConteudoCentro{
	width: 839px;
	padding: 0px 10px 20px 0px;	
}

#bgFloaters{
	background-color: #FFF;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 11;
	-moz-opacity:.60;
	filter:alpha(opacity=60);
	opacity:.60;
	display: none;
}

.lightBoxIe6{
	position: absolute; 
	top: expression(50+ ((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+"px"); 
	left: expression(((e=document.documentElement.scrollLeft)?e:document.body.scrollLeft)+"px"); 
	z-index: 15!important;
}

.lightBox{
	position: fixed;
	top: 50px;
	left: 0px;	
	z-index: 15!important;
}

/* menuSuperior
-------------------------------------------------------------------------------*/
#menuSuperior{
	width: 869px;
	float: left;
	padding: 0px 63px 0px 33px;
}

#controlaMenu{
	float: right;
	width: 794px;
	text-align: right;
	position: relative;
	z-index: 10;
}

#controlaMenu span{
	padding: 10px 0px 25px 0px;
	float: right;
	display: block;
}

#controlaMenu ul{
	float: right;
	clear: both;
	margin: 0px;
	padding: 0px;
}

#controlaMenu ul li{
	float: left;
	padding: 0px 10px 0px 10px;
	margin: 0px;
}

#controlaMenu ul li#primeiraMenuSuperior{
	position: absolute;
	top:42px;
	left: 20px;
}

#controlaMenu ul li#primeiraMenuSuperior #query {
	width: 110px;
	vertical-align: middle;
	height: 16px;
	background: #fff!important;
}
#controlaMenu ul li#primeiraMenuSuperior #btnBuscar{
	border:1px solid #FFF;
	background: #eceaed;
	color: #FFF;
	margin: 0px;
	padding: 0px;
	width: 40px;
	height: 17px;
	margin: 7px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #00aa9d;
	font-size: 10px;
}

#controlaMenu ul li img{
	float: left;
}

#controlaMenu ul li a{
	float: left;
}

#logo{
	float: left;
	width: 75px;
	height: 60px;
}

#menuPrincipalPai{
	position: relative;
	height: 110px;
	width: 965px;
	clear: both;
}

#menuPrincipal{
	width: 965px;
	position: absolute;
	top: -13px;
	left: 0px;
	z-index: 5;
}

/*BUSCA
---------------------------------------------------------------------------------*/
#controlaConteudoCentro #cse-search-box div{
	width: 819px;
	padding: 5px 10px 10px 10px;
	background: #eef1f1;
	float: left;
}
#controlaConteudoCentro .query {
	width: 350px;
	height: 16px;
	background: #fff!important;
}
#controlaConteudoCentro .btnBuscar {
	background: #eceaed;
	border: 1px solid #fff;
	color: #FFF;
	margin: 0px;
	padding: 0px;
	width: 40px;
	height: 20px;
	margin: 7px 0px 0px 0px;
	padding: 2px;
	color: #00aa9d;
	font-size: 10px;
}

/* MENU INTERNAS CONCURSO
---------------------------------------------------------------------------------*/
#menuInternas{
	height: 25px;
	float: left;
	width: 340px;
	padding: 10px 10px 25px 10px;
	background: url("/concurso_cultural/images/frontline_concurso_menu.gif") no-repeat 0px 0px;
}

#menuInternas li{
	float: left;	
	padding: 0px 14px 0px 0px;
}

#menuInternas li a{
	float: left;
	font-weight: bold;
	color: #bd1d2d;
	font-size: 12px;
}

#menuInternas li a:hover{
	float: left;
	font-weight: bold;
	color: #048d0a;
	font-size: 12px;
}


#menuInternas li a.marcado{
	float: left;
	font-weight: bold;
	color: #048d0a;
	font-size: 12px;
}

/* Conteúdo Home
---------------------------------------------------------------------------------*/
#menuPrincipalPaiHome{
	position: relative;
	height: 420px;
	width: 965px;
	clear: both;
}

#bannerHome{
	width: 965px;
	position: absolute;
	top: -15px;
	left: 0px;
	z-index: 1;
}

#destaquesHome{
	width: 906px;
	float: left;
	text-align: left;
	padding: 10px 33px 0px 26px;
}

#download{
	width: 322px;
	float: left;
	padding: 0px 12px 0px 0px;
}

#papelParede1{
	width: 107px;
	height: 54px;
	padding: 30px 0px 0px 195px;
	margin-top: 15px;
	font-size: 11px;
}

#papelParede2{
	width: 107px;
	height: 65px;
	padding: 30px 0px 0px 195px;
	font-size: 11px;
}

.textoDownload{
	display: block;
	padding: 0px 30px 0px 0px;
}

.textoDownload a{
	color: #FFF;
	font-weight: bold;
}

#maisDownloads{
	width: 292px;
	padding: 12px 10px 0px 0px;
	text-align: right;
	height: 33px;
}

#controlaDownloadsHome{
	width: 322px;
	float: left;
	padding: 0px 0px 0px 0px;
	background: url("/images/frontline_download.jpg") no-repeat 0px 0px;
}

#concursoCultural{
	float: left;
	width: 570px;
}

#controlaConcursoHome{
	float: left;
	width: 570px;
	padding: 28px 0px 0px 0px;
}

#calendario1{
	width: 290px;
	float: left;
	background: url("/images/frontline_calendario_01.jpg") no-repeat 0px 0px;
	height: 227px;
}

#calendario1 ul{
	padding: 50px 0px 0px 45px;
	width: 200px;
}

#calendario1 ul #li01{
	padding: 0px 0px 15px 30px;
	background: url("/images/frontline_calendario_seta_01.gif") no-repeat 0px 2px;
}

#calendario1 ul #li02{
	background: url("/images/frontline_calendario_seta_02.jpg") no-repeat 0px 2px;
	padding: 0px 0px 0px 30px;
}

#calendario2{
	width: 261px;
	background: url("/images/frontline_calendario_02.jpg") no-repeat 0px 0px;
	height: 227px;
	float: left;
	text-align: right;
}

#calendario2 img{
	margin: 195px 30px 0px 0px;
	
}

#efeitoMinhaVida{
	width: 230px;
	float: left;
	padding: 0px 20px 0px 30px;
	color: #FFF;
}

#saibaMais{
	width: 535px;
	clear: both;
	text-align: right;
	float: right;
	padding: 9px 35px 0px 0px;
}

#linhasPontilhadas{
	clear: both;
	padding: 20px 0px 10px 0px;
	width: 896px;
	float: left;
}

#quinzenaCombate{
	clear: both;
	width: 330px;
	float: left;
	background: url("/images/guia_filhotes.jpg") no-repeat 0px 0px;
	padding: 0px 7px 0px 0px;
}
#quinzenaCombate a {
	text-decoration:none;
	color:#4c4c4c;
}

.conteudoCrossLinkMenor{
	float: left;
	width: 135px;
	height: 175px;
	padding: 30px 15px 0px 15px;
}

.conteudoCrossLinkMenor p{
	height: 87px;
	margin: 0px;
	padding: 0px;
}

#crossLinkConcurso{
	clear: both;
	width: 330px;
	float: left;
	background: url("/images/concurso_cultural_crosslink.jpg") no-repeat 0px 0px;
	padding: 0px 7px 0px 0px;
}

#flahsFotosHome{
	float: left;
	background: transparent;
}

#destaqueProdutos{
	width: 559px;
	float: left;
}
#destaqueProdutos a{
	text-decoration:none;
}
#destaqueProdutos a:visited{
	text-decoration:none;
	color:#4c4c4c;
}

#bgFrontline{
	background: url("/images/produtos_01.jpg") no-repeat 0px 0px;
	width: 247px;
	height: 175px;
	padding: 0px 0px 0px 7px;
	float: left;
}

#bgConcurso{
	background: url("/images/pet_fashion_box.jpg") no-repeat 0px 0px;
	width: 193px;
	height: 175px;
	padding: 0px 0px 0px 7px;
	float: left;
}

#concursoCulturalCrosslink{
	background: url("/images/pet_fashion_box_02.jpg") no-repeat 0px 0px;
	width: 355px;
	float: left;
	height: 175px;
}

#botao_conc_pet_fashion{
	padding: 45px 3px 0px 0px;
}

#textoFrontline{
	clear: both;
	padding: 30px 15px 0px 15px;
}

/* WIDGETS 
--------------------------------------------------------------------------------------------------*/
#compartilhe {
	position: absolute;
	right: -20px;
	top: 10px;
	padding: 10px 0px 10px 0px;
	width: 320px;
	text-align: right;
	display: none;
	z-index: 12;
	float: left;
}

#controlaWidgets{
	padding: 5px 0px 0px 0px;
	width: 320px;
	background: url("/images/compartilhe_bg.gif") repeat-y 0px 0px;
	float: left;
}

#widgets{
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	float: left;
	clear: both;
}

#widgets li{
	float: left;
	width: 140px;
	text-align: left;
	height: 25px;
	padding: 2px 0px 0px 0px;
}

#widgets li img{
	margin: 0px 5px 0px 5px!important;
	vertical-align: bottom!important;
}

#btnFecharCompartilhe{
	position: absolute;
	top: 58px;
	right: 15px;	
	z-index: 15;
} 

/* Bread Crumbs
---------------------------------------------------------------------------------*/

/* Css Conteúdo páginas internas
---------------------------------------------------------------------------------*/
#linksAdicionais{
	width: 906px;
	padding: 0px 33px 0px 26px;
	margin: 10px 0px 0px 0px;
	float: left;
}

#linkInvisivel{
	float: left;
	display: block;
	width: 159px;
	height: 140px;
	text-decoration: none;
}

/* PÁGINAS DE GUIA DO MELHOR AMIGO
--------------------------------------------------------------------------------*/
#conteudoGuiaMelhorAmigo{
	background: url("/guia_melhor_amigo/images/guia-melhor-amigo-bg-interna.jpg") no-repeat 0px 0px;
	width: 839px;
	height: 375px;
}

#topoCaesGatos{
	width: 819px;
	padding: 30px 0px 5px 20px;
	float: left;
}

#cao_gato{
	width: 330px;
	float: left;
}

#conteudosCaes_gatos{
	width: 819px;
	padding: 0px 19px 0px 0px;
	float: left;
}

.bulletEfeitoFrontline{
	background: url("/guia_melhor_amigo/images/guia-melhor-efeito-frontline.gif") no-repeat 0px 0px;
	font-weight: bold;
	height: 45px;
	padding-top: 15px;
	padding-left: 80px;
}

#RodapeGuiaMelhorAmigo{
	float: left;
	width: 839px;
}

#crosslinksCaesGatos{
	width: 300px;
	float: left;
	height: 185px;
	padding: 5px 0px 0px 94px;
	background: url("/guia_melhor_amigo/images/guia-melhor-amigo-bg-botoes.gif") no-repeat 0px 0px;
}

#conteudo_vacinas, 
#conteudo_banhos_higiene, 
#conteudo_alimentacao, 
#conteudo_pulgas_carrapatos, 
#conteudo_efeito_frontline{
	display: none;
	height: 302px;
	overflow: auto;
	width: 819px;
}

#menuCaesGatos{
	float: left;
}

#menuCaesGatos li{
	float: left; 
}

#menuCaesGatos li a{
	display: block;
	float: left;
	background: url("/guia_melhor_amigo/images/menu-divisa.gif") no-repeat right 0px;
	padding: 0px 20px 0px 0px;
}

#menuCaesGatos li a.marcadoMenu{
	background: url("/guia_melhor_amigo/images/menu-divisa-over.gif") no-repeat right 0px;
}

#menuCaesGatos li img{
	float: left;
}

#menuCaesGatos li#ultimaMenuCaesGatos a{
	background: none!important;
	padding-right: 0px!important;
}

.conteudoMenor{
	width: 489px;
	float: left;
	padding: 10px 0px 0px 0px;
} 

.conteudoNormal{
	width: 780px;
	float: left;
	padding: 15px 0px 10px 20px;
}

.listaBulletsCaesGatos li{
	padding: 8px 0px 8px 10px;
	background: url("/guia_melhor_amigo/images/bullet.gif") no-repeat 0px 12px;
}

#c_02, 
#c_03, 
#c_04{
	display: none;
}

#tabelaPeridicidadeAplicacao{
	border-left:1px solid #ff7e00;
	border-top:1px solid #ff7e00;
	border-bottom:none;
	border-right: none;
	margin: 0px 10px 0px 0px;
}

#tabelaPeridicidadeAplicacao td{
	border-right:1px solid #ff7e00;
	border-bottom:1px solid #ff7e00;
	background: #FFF;
}


/* PET FASHION 
--------------------------------------------------------------------------------*/
#menuPetFashion
{
	position: absolute;
	left: 27px;
	top: 170px;
}
#menuPetFashionRodape
{
	text-align: center;
	padding: 20px 0px 0px 0px;
}
#menuPetFashionRodape a
{
	padding: 0px 10px 0px 10px;
}

#controlaConteudoComLateral
{
	width: 615px;
	padding: 0px 10px 0px 0px;
	margin: 100px 0px 0px 0px;
	float: left;
	height: 601px;
	overflow: auto;
}
/* /PET FASHION 
--------------------------------------------------------------------------------*/

	
/* RODAPE 
--------------------------------------------------------------------------------*/
#controlaRodape{
	width: 100%;
	text-align: center;
}

#rodape {
	width: 775px;
	padding: 40px 0px 0px 0px;
	margin: auto;
	text-align: left;
}

#rodape ul {
	list-style-type: none; 
	padding: 0px 0px 0px 25px;
	margin: 0px;
	float: left;
}


#rodape ul li {
	float: left;
	width: 250px;
}

#rodape .primeiroBox {	
	float: left;
}

#rodape ul li .segundoSelect {
	float: left;
	width: 175px;
}

#rodape ul li .ajustaBotaoOk {
	float: left;
	width: 15px;
}


.botaoCombo {
	font: 10px Tahoma; 
	color: #FFFFFF;
	margin: 0 0 0 10; 
	background-color: #003431;
}

.rodape, a.rodape {
	text-align: center;
	font: 10px Tahoma!important; 
	color: #000000;
	text-decoration: none;
}

#infoRodape {
	padding: 10px 0px 0px 0px;
	text-align: center;
	font: 10px Tahoma!important; 
}

.combo {
	width: 215px;
	font: 10px Tahoma;
}


/* /RODAPE 
--------------------------------------------------------------------------------*/