﻿body { font-family: Trebuchet MS; margin:0px auto; text-align:left; overflow-x:hidden; }

/* common css */
.alignLeft { float:left; }
.alignRight { float:right; }
.padd10 { margin-left:10px; }
.padd20 { margin-left:20px; }
.padd38 { margin-left:38px; }
.noTextDecoration { text-decoration:none; }
.bannerCaoInnerPage { float:left; margin-right:10px; }
.colorBlue { color:#100e3f; }
.colorRed { color:#ff0000; }
.colorRedDarker { color:#cc0000; }
.colorBlack { color:Black; }
.colorWhite { color:White; }
.fontBolder { font-weight:bolder; }
.fontBold { font-weight:bold; }
.font06 { font-size:0.6em; }
.font07 { font-size:0.7em; }
.font09 { font-size:0.9em; }
.font12 { font-size:1.2em; }
.width573 { width:573px; }
.width880 { width:880px; }
.verticalAlignBottom { vertical-align:bottom; }
.textAlignCenter { text-align:center; }
.textAlignRight { text-align:right; }
.borderNone { border:none; }
.positionSeparator { position:relative; top:4px; }
.handOver { cursor:pointer; }
/* common css */


/* header */
#divSite { width:880px; margin-left: auto; margin-right: auto; }
#divHeader { width:100%; height:95px; }
#divLogos { float:left; }
.login { float:right; padding-top:25px; margin-right:10px; width:300px; }
.userLogged { float:right; padding-top:50px; margin-right:10px; }
.loginField { background-image: url(../resources/bgTextfield.png); background-repeat:no-repeat; background-position:center;  width:113px; height:16px; border:0px; outline:none 0px; margin-bottom:3px; }
.homeLoginField { position:relative; left:6px; top:2px; height:9px; width:97px; font-size:0.7em; border:0px none; outline-style:none; }
.submitTextBtn { color:#100e3f; font-size:small; }

#divMenu { margin-top:0px; height:38px; margin-bottom:12px; }
#tableMenu { float:left; }
.fundoMenu { background-color:#c42129; width:868px; height:26px; padding-top:2px; }
.btnMenu { text-decoration:none; color:White; padding:0px 18px 0px 18px; font-size:small; font-weight:bold; }
.btnMenuSelected { text-decoration:none; color:#ffcc00; padding:0px 18px 0px 18px; font-size:small; font-weight:bold; }
/* header */



/* Homepage */
#divTopHomePage { width:880px; height:301px; }
#divBannerRegisto { float:left; margin-right:10px; }
#divAjudarCaes { margin-bottom:10px; float:left; }
#divPontos { width:296px; height:194px; float:right; background-image:url('../resources/bannerPontos.png'); background-repeat:no-repeat; }

#divBottomHomePage { float:left; width:880px; margin-top:12px; }
#divNossaRede { width:572px; height:250px; background-color:#cccccc; float:left; margin-right:10px; }
#divFotoBoard { background-color:White; margin-left:4px; width:565px; height:210px; }
#divTeaserUserFoto { float:left; text-align:left; width:540px; font-size:0.7em; font-weight:bold; color:#000033; margin-left:8px; margin-bottom:6px; margin-top:4px; }
#divDescobrirCampanha { float:right; width:297px; height:250px; }
#divTituloRede { text-align:left; padding-left:8px; padding-top:3px; height:35px; width:565px; }
#divContainerFotos { float:left; position:relative; width:565px; height:160px; margin-top:3px; }

#divFooter {float:left; width:880px; height:45px; }
#divLogoIntervet { float:left; margin-top:12px; margin-left:10px; }
#divCopyright { float:right; font-size:0.6em; margin-top:15px; }
/* Homepage */


/* UserControl - TeamFoto */
.foto1 { left:15px; position:absolute; width:122px; height:146px; background-image:url('../resources/bgFoto.png'); background-repeat:no-repeat; }
.foto2 { left:135px; position:absolute; width:122px; height:146px; background-image:url('../resources/bgFoto.png'); background-repeat:no-repeat; }
.divFoto { float:left; left:0px; position:relative; margin-right:5px; margin-left:5px; width:270px; height:158px; }
.divFotoRed { float:left; left:0px; position:relative; margin-right:5px; margin-left:5px; width:270px; height:158px; margin-bottom:10px; }
.barraCinza { left:-1px; position:absolute; margin-top:124px; background-color:#cccccc; width:270px; height:34px; background-image:url('../resources/cantoDirUserFoto.png'); background-position:right; background-repeat:no-repeat; }
.barraRed { left:-1px; position:absolute; margin-top:124px; background-color:#c42129; width:270px; height:34px; background-image:url('../resources/cantoDirUserFotoRed.gif'); background-position:right; background-repeat:no-repeat; }
/* UserControl - TeamFoto */



/* Responsabilidade Social */
#divBannerRespSocial { float:left; width:573px; }
.tituloBold { font-size:large; color:#100e3f; float:left; font-weight:bold; text-align:left; margin-top:10px; }
.textoBold { font-size:0.7em; color:#100e3f; float:left; font-weight:bold; text-align:left; text-align:justify; }
#divTextRespSocial { float:left; height:270px; }
.smallBarraCinza { float:left; background-color:#cccccc; width:880px; height:5px; }
.textBlueBig { float:left; color:#100e3f; font-size:1.4em; font-weight:bolder; margin-top:12px; }
.btnResgisteseAqui { margin-top:6px; float:left; }
/* Responsabilidade Social */



/* Como Participar */
#divComoParticipar { float:left; width:573px; text-align:left; margin-top:10px; height:55px; }
.titComoParticipar { float:left; color:#100e3f; font-weight:bolder; }
/* Como Participar */


/* Premios */
#divCorridaPremios { float:right; width:297px; height:421px; }
/* Premios */


/* UserControl - Corrida Premios */
#divControlCorridaPremios { width:297px; height:421px; background-color:#cccccc; }
#divTitCorridaPremios { margin-left:6px; padding-top:15px; }
#divCorridaFotos { margin-left:10px; margin-top:10px; }
/* UserControl - Corrida Premios */


/* UserControl - Adopte Cao */
#divAdopteCao { width:296px; height:192px; float:right; }
/* UserControl - Adopte Cao */


/* Area Pessoal */
.loginFieldBig { background-image: url(../resources/bgTextfieldBig.png); background-repeat:no-repeat; background-position:left; width:343px; height:16px; border:none 0px;}
.txtBox { left:6px; top:1px; position:relative; height:11px; width:320px; outline-style:none; font-size:0.7em; border:none 0px; }
.marginLeft10 { margin-left:10px; }
/* Area Pessoal */


/* nossa rede */
.bgPesquisa { background-image: url(../resources/bgPesquisa.png); background-repeat:no-repeat; background-position:left; width:248px; height:21px; border:0px; outline:none 0px; margin-right:10px; }
.bgParticipantes { background-image: url(../resources/bgParticipantes.png); background-repeat:no-repeat; background-position:left; width:57px; height:21px; border:0px; outline:none 0px; }
#divRedeCaoParaCao { float:left; width:880px; text-align:left; margin-top:10px; height:55px; }
/* nossa rede */

/* Nossa Rede - Perfil participante */
.boxHeader { background-image: url(../resources/bgRptLinhaHorz.gif); background-repeat:repeat-x; float:left; width:880px; height:4px; }
.boxBody { background-image: url(../resources/bgRptLinhaVert.gif); background-repeat:repeat-y; float:left; width:880px; padding-bottom:15px; }
.boxFooter { background-image: url(../resources/bgRptLinhaHorzBottom.gif); background-repeat:repeat-x; float:left; width:880px; height:4px; }
#divUserFoto { float:left; width:143px; height:159px; margin-right:16px; }
#divUserData { float:left; width:330px; height:256px; margin-right:16px; overflow:auto; }
#divFlash { float:left; width:350px; height:258px; }
.cartaoCidadoCao { background-image: url(../resources/cartaoCidadaoCao.jpg); background-repeat:no-repeat; width:468px; height:250px; margin-right:40px; }
/* Nossa Rede - Perfil participante */

/* Area Pessoal - Perfil */
#divUserFotoAreaPessoal { width:143px; height:199px; margin-right:16px; }
.divBGTextArea { background-image:url(../resources/bgTextArea.png); background-repeat:no-repeat; background-position:left; width:343px; height:53px; }
.textAreaField { position:relative; left:6px; top:2px; width:328px; height:45px; border:0px; outline:none 0px; overflow:hidden; }
.bgCartaoCao { background-image:url(../resources/bgCartaoCaoPerfil.jpg); background-repeat:no-repeat; width:546px; height:318px; }
.imagemPerfil { margin-left:332px; }
.editarMargin { margin-left:5px; }
.estouFazer { outline:none 0px; border:none 0px; width:329px; position:relative; left:6px; top:1px; height:10px; }
.perfilCaoNome { position:relative; top:51px; left:80px; width:250px; border:none 0px; background-color:#efefef; }
.perfilCaoIdade { position:relative; top:64px; left:80px; width:30px; border:none 0px; background-color:#efefef; }
.perfilCaoCor { position:relative; top:46px; left:185px; width:145px; border:none 0px; background-color:#efefef; }
.perfilCaoRaca { position:relative; top:58px; left:80px; width:250px; border:none 0px; background-color:#efefef; }
.perfilCaoNacionalidade { position:relative; top:70px; left:172px; width:158px; border:none 0px; background-color:#efefef; }
.perfilCaoManias { position:relative; top:104px; left:16px; width:320px; height:53px; border:none 0px; background-color:#efefef; }
/* Area Pessoal - Perfil */

/* Area Pessoal - Mensagens */
.fotoUserMensagens { float:left; width:122px; height:146px; background-image:url('../resources/bgFoto.png'); background-repeat:no-repeat; }
.divBGMensagens { background-image:url(../resources/bgTextArea492x89.png); background-repeat:no-repeat; background-position:left; width:492px; height:89px; margin-top:10px; }
.divBGNovaMensagemPara { background-image:url(../resources/bgNovaMensagemPara.png); background-repeat:no-repeat; background-position:left; width:446px; height:21px; }
.divBGNovaMensagem { background-image:url(../resources/bgNovaMensagem.png); background-repeat:no-repeat; background-position:left; width:492px; height:249px; margin-top:8px; }
.textNovaMensagemParaAreaField { position:relative; left:6px; top:2px; width:434px; height:14px; border:0px; outline:none 0px; overflow:hidden; }
.textNovaMensagemAreaField { position:relative; left:6px; top:2px; width:420px; height:242px; border:0px; outline:none 0px; overflow:hidden; }
/* Area Pessoal - Mensagens */

/* página de perfil */
.PagPerfilCaoNome { position:relative; top:44px; left:71px; width:210px; border:none 0px; overflow:hidden; }
.PagPerfilCaoIdade { position:relative; top:47px; left:80px; width:30px; border:none 0px; overflow:hidden; }
.PagPerfilCaoCor { position:relative; top:24px; left:165px; width:120px; height:22px; border:none 0px; overflow:hidden; }
.PagPerfilCaoRaca { position:relative; top:28px; left:67px; width:215px; border:none 0px; overflow:hidden; }
.PagPerfilCaoNacionalidade { position:relative; top:30px; left:152px; width:135px; border:none 0px; overflow:hidden; }
.PagPerfilCaoManias { position:relative; top:62px; left:16px; width:271px; height:46px; border:none 0px; overflow:hidden; }
/* página de perfil */

