/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700,300italic|Open+Sans:300italic,400italic,600italic,700italic,400,300,600,700);

body {
    font-size: 62.5%;
}

.container {
    max-width: 1920px;
    margin: 0 auto;
}

#fotorama {
    background-repeat: no-repeat;
    background-position: top center;
    background-attachment: scroll;
    width: 100%;
    height: 303px;
    position: absolute;
}

/* HEADER ----------------------------------------------------------------- */

.header {
    width: 100%;
    max-height: 310px; 
    margin: 0 auto;
    border-bottom: solid 7px #f54833;
}

.header:before {
    background: rgba(0, 0, 0, 0.3);
    content: "";
    width: 100%;
    max-height: 120px;
    left:0;
    top:0;
    right:0;
    bottom: 0;
    position: absolute;
}

.wrap-header {
    width: 1090px; /*1090px / 1920px*/
    height: 308px;
    margin: 0 auto;
    z-index: 1;
    position: relative;
}

section.topo {
    width: 100%;
    max-height: 308px;
}

.topo img.logo-internas {
    width: 150px; /*13.7614679%; 150 / 1090*/
}

.dropdown{
    display: none;
}

.cadastro-login-menu {
    width: 75.9259259%; 
    height: 110px;
    float: right;
}

ul.botoes-cadastro-login-menu {
    width: 235px; /*25%;*/
    height: 35px;
    float: right;
    display: block;
    position: relative;
    z-index: 2;
}

ul.botoes-cadastro-login-menu li a {
    font-family:"Open Sans Condensed";
    font-weight: 700;
    font-size: 18px;
    color: #ffffff;
    line-height: 30px;
}

ul.botoes-cadastro-login-menu li.login a{
    margin: 0 0 0 10px;
}

ul.botoes-cadastro-login-menu li{
    display: inline-block;
}

ul.botoes-cadastro-login-menu li.cadastre-se{
    background: #f24a1b; /* Old browsers */
    background: -moz-linear-gradient(top,  #f24a1b 0%, #f76d25 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f24a1b), color-stop(100%,#f76d25)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f24a1b 0%,#f76d25 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f24a1b 0%,#f76d25 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f24a1b 0%,#f76d25 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f24a1b 0%,#f76d25 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f24a1b', endColorstr='#f76d25',GradientType=0 ); /* IE6-9 */
    width: 48.9361702%; /*115px /235px*/
    height: 32px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    text-align: center; 
}

ul.botoes-cadastro-login-menu li.login{
    background: #f24a1b; /* Old browsers */
    background: -moz-linear-gradient(top,  #f24a1b 0%, #f76d25 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f24a1b), color-stop(100%,#f76d25)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f24a1b 0%,#f76d25 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f24a1b 0%,#f76d25 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f24a1b 0%,#f76d25 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f24a1b 0%,#f76d25 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f24a1b', endColorstr='#f76d25',GradientType=0 ); /* IE6-9 */
    width: 45.5319149%; /*107px;*/
    height: 32px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    text-align: center;
    margin-left: 10px;
}

.botoes-cadastro-login-menu li.login img{
    background-repeat: no-repeat;
    width: 7px;
    height: 15px;
    display: inline-block;
}

.box-acesso-anunciante {
    background: #f6b619;
    border-radius: 10px;
    height: 160px;
    width: 265px;
    margin-top: -17px;
    margin-left:-30px;
}

.box-acesso-anunciante label {
    font-family: "Open Sans";
    font-style: italic;
    font-weight: 700;
    font-size: 1.8em;
    color: #ffffff;
    vertical-align: 12px;
    margin-left: 15px;
}

.box-acesso-anunciante .campo-nome{
    background: white;
    width: 67.957447%;
    min-height: 38px;
    margin: 21px 0 0 10px;
    border: solid 2px #cacaca;
    border-radius: 14px;
    overflow: hidden;
    display: inline-block;
}

.box-acesso-anunciante .campo-email{
    background: white;
    width: 67.957447%;
    min-height: 38px;
    margin: 21px 0 0 10px;
    border: solid 2px #cacaca;
    border-radius: 14px;
    overflow: hidden;
    display: inline-block;
}

.box-acesso-anunciante .campo-email{
    margin: 10px 0 0 10px;
}

.box-acesso-anunciante input{
    border: none;
    margin-left: 9px;
    width: 157px;
    margin-top: 6px;
    font-family: "Open Sans";
    font-style: italic;
    font-weight: 700;
    font-size: 16px;
    color: #999999;
}

.box-acesso-anunciante input:focus{
    outline: none;
}

.botaoentra-login{
    width: 32%;
    min-height: 35px;
    border: solid 2px #ffffff;
    border-radius: 25px;
    margin: 6px 14px 0 0;
    float: right;
}

.botaoentra-login p a strong{
    background: #ed1a3b; /* Old browsers */
    background: -moz-linear-gradient(top,  #ed1a3b 0%, #f7573d 91%, #f7573d 91%, #ed1a3b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ed1a3b), color-stop(91%,#f7573d), color-stop(91%,#f7573d), color-stop(100%,#ed1a3b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ed1a3b 0%,#f7573d 91%,#f7573d 91%,#ed1a3b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ed1a3b 0%,#f7573d 91%,#f7573d 91%,#ed1a3b 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ed1a3b 0%,#f7573d 91%,#f7573d 91%,#ed1a3b 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ed1a3b 0%,#f7573d 91%,#f7573d 91%,#ed1a3b 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed1a3b', endColorstr='#ed1a3b',GradientType=0 ); /* IE6-9 */
    font-family: "Open Sans";
    font-style: italic;
    font-weight: 700;
    font-size: 1.4em;
    color: #ffffff;
    border: solid 2px #f27636;
    border-radius: 25px;
    line-height: 31px;
    padding: 4px 13px;
}

.btns-box-acesso a {
    font-family: "Open Sans";
    font-style: italic;
    font-weight: 400;
    font-size: 1.2em;
    color: #ffffff;
    margin: 20px 0 0 15px;
    float: left;
}

nav.menu-pesquisa {
    width: 100%; 
    height: 32px;
    margin-top: 34px;
    display: block;
    z-index: 1;
    float: right;
}

.menu-pesquisa ul.conteudo-menu-pesquisa {
    width: 897px;
    float: right;
    display: inline-block;
}

ul.conteudo-menu-pesquisa li.menu {
    width: 686px;
    float: left;
    display: inline-block;
}

ul.menu-horizontal {
    width: 100%;
}

ul.menu-horizontal li{
    display: inline-block;
    margin-left: 40px;
    line-height: 32px;
}

ul.menu-horizontal li:first-child {
    margin-left: 0;
}

ul.menu-horizontal li:last-child{
    margin-right: 0px;
}

ul.menu-horizontal li a {
    font-family:"Open Sans Condensed";
    font-weight: 700;
    font-size: 18px;
    color: #ffffff;
}

ul.conteudo-menu-pesquisa li.pesquisa-site {
    width: 211px;
    height: 32px;
    float: right;
    display: inline-block;
}

input.pesquisa {
    background-image: url(../img/lupa2.png);
    background-repeat: no-repeat;
    width: 134px;
    height: 32px;
    border: solid 2px red;
    border-radius: 25px;
    background-position: 10px;
    font-family:"Open Sans";
    font-weight: 700;
    font-size: 18px;
    color:  #999999;
    text-indent: 30px;
}

input.pesquisa:focus {
    outline: none ;
}


.botao-busca-pesquisa {
    width: 75px;
    height: 32px;
    border: solid 2px rgba(255,255,255,0.3);
    border-radius: 25px;
    float: right;
    background: #ed1a3b; /* Old browsers */
    background: -moz-linear-gradient(top,  #ed1a3b 0%, #f37636 76%, #f37636 80%, #f76d25 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ed1a3b), color-stop(76%,#f37636), color-stop(80%,#f37636), color-stop(100%,#f76d25)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ed1a3b 0%,#f37636 76%,#f37636 80%,#f76d25 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ed1a3b 0%,#f37636 76%,#f37636 80%,#f76d25 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ed1a3b 0%,#f37636 76%,#f37636 80%,#f76d25 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ed1a3b 0%,#f37636 76%,#f37636 80%,#f76d25 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed1a3b', endColorstr='#f76d25',GradientType=0 ); /* IE6-9 */
    width: 75px;
    height: 32px;
    font-family:"Open Sans";
    font-style: italic;
    font-weight: 700;
    font-size: 1.4em;
    color: #ffffff;
    line-height: 15px;
    border-radius: 25px;
    padding: 5px 9px 4px 9px;
}

/* FIM DO HEADER ----------------------------------------------------------------- */

/* CONTEUDO-CADASTRO----------------------------------------------------------------- */

section.conteudo-cadastro{
    width: 100%;
    min-height: 588px; 
    margin: 0 auto;
    position: relative;
    margin-bottom: 70px;
}

.wrap-conteudo-cadastro {
    background: #fbf8f0;
    width: 1090px; /*56.7708333%;*/
    height: 1333px;
    min-height: 1333px;
    margin: 0 auto;
    border-radius: 10px;
    margin-top: -80px;
}

/* MEU PERFIL ----------------------------------------------------------------- */

.meu-perfil {
    width: 100%;
    min-height: 524px;
    margin: 0px;
}

.meus-pets {
    width: 100%;
    min-height: 718px;
    margin: 0 auto;
    margin-top: 21px;
}

.titulo-pagina {
    width: 1055px;
    height: 80px;
    border-bottom: solid 1px #bcbcbc;
    font-family: "Open Sans Condensed";
    font-weight: 700;
    font-size: 24px;
    line-height: 81px;
    color: black;
    margin: 0 auto;
}

.dados-pessoais {
    width: 720px;
    height: 441px;
    float: left;
    margin-left: 20px;
}

.dados-pessoais:after {
    content:"";
    position: relative;
    padding-top: 429px;
    border: solid 1px #f1e6d0;
    margin-top: 14px;
    margin-left:730px;
}

.login-senha {
    width: 309px;
    height: 441px;
    float: right;
    margin-right: 20px;
}

.titulo-secao {
    width: 100%;
    height: 65px;
    border-bottom: solid 1px #f54833;
    font-family: "Open Sans Condensed";
    font-weight: 700;
    font-size: 24px;
    line-height: 81px;
    color: #f54833;
}

.campos-dados-pessoais {
    width: 100%;
    height: 323px;
}

.foto-perfil {
    width: 180px;
    height: 190px;
    float: left;
}

.foto {
    background: url(../img/foto-perfil-dp.jpg);
    width: 180px;
    height: 180px;
    border: solid 2px #bcbcbc;
    border-radius: 5px;
    margin-top: 14px;
}

.foto img{
    width: 176px;
    height: 176px;
    border-radius: 5px;
}

.foto .adiciona-foto {
    background: url(../img/adiciona.png);
    width: 25px;
    height: 25px;
    border-radius: 20px;
    border: none;
    margin-top: 7px;
    margin-left: 112px;
    position: absolute;
}

.foto .img-upload-cliente{
    float: left;
    position: relative;
    height: 156px;
    width: 156px;
}
.foto .img-upload{
    height: 160px;
    width: 157px;
    float: left;
    position: relative;
    border-radius: 5px;
    bottom: 161px;
}

.foto .img-upload .input-file-cliente{
    position: relative;
    background: red; 
    width: 25px; 
    height: 25px; 
    border-radius: 20px;
    margin-top: 7px;
    margin-right: 5px;
    position: relative;
    float: right;
    left: 30px;
    opacity: 0.0;
    cursor: pointer;
}

.foto .img-upload .edita-foto {
    background: url(../img/edita.png);
    width: 25px;
    height: 25px;
    border-radius: 20px;
    border: none;
    float: right;
    margin-top: 7px;
    margin-right: 5px;
    position: relative;
}

.foto .img-upload .exclui-foto {
    background: url(../img/excluir.png);
    width: 25px;
    height: 25px;
    border-radius: 20px;
    border: none;
    position: relative;
    float: right;
    top: 130px;
    left: 55px;
    cursor: pointer;
}

.foto .img-upload .span-mensagem{
    float: left;
    position: relative;
    top: 135px;
    width: 100%;
    font-family: "Open Sans Condensed";
    font-weight: 700;
    font-size: 16px;
    color: red;
    text-align: center;
    display: none;
}

.foto input:focus {
    outline: none;
}

.campos-dp {
    width: 530px;
    height: 364px;
    float: right;
    margin-top: 14px;
}

.form-dp-cadastro {
    width: 100%;
    height: 100%;
}

.form-dp-cadastro input{
    border: 0;
}

.form-dp-cadastro input:focus {
    outline: none;
}

.form-dp-cadastro .campo-nome {
    background: white;
    width: 100%;
    height: 40px;
    border-collapse: separate;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;	
    border: solid 2px #ffcb49;
}

.form-dp-cadastro .campo-nome input.nome {
    width: 98%;
    height: 100%;
    margin-left: 5px;
    font-family: "Open Sans Condensed";
    font-weight: 700;
    font-size: 16px;
    line-height: 26px;
    color: #979797;
    text-indent: 5px;
}

ul.sexo-datan-cpf {
    width: 100%;
    height: 40px;
    margin-top: 7px;
}

ul.sexo-datan-cpf li{
    display: inline-block;
}

ul.sexo-datan-cpf li:nth-child(2){
    margin-left: 5px;
}

ul.sexo-datan-cpf li:last-child{
    margin-left: 5px;
}

li.campo-sexo {
    font-family: "Open Sans Condensed";
    font-weight: 700;
    font-size: 16px;
    line-height: 36px;
    color: #979797;
    text-indent: 10px;
    width: 44%;
    height: 40px;
}

li.campo-sexo input{
    margin-left: 10px;
}

li.campo-data-nasc{
    background: white;
    width: 23%;
    height: 40px;
    border-collapse: separate;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;	
    border: solid 2px #ffcb49;
}

li.campo-data-nasc input.data-nasc{
    width: 91%;
    height: 100%;
    margin-left: 5px;
    font-family: "Open Sans Condensed";
    font-weight: 700;
    font-size: 16px;
    line-height: 26px;
    color: #979797;
    text-indent: 5px;
}

li.campo-cpf{
    background: white;
    width: 29.99%;
    height: 40px;
    border-collapse: separate;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;	
    border: solid 2px #ffcb49;
}

li.campo-cpf input.cpf{
    width: 93%;
    height: 100%;
    margin-left: 5px;
    font-family: "Open Sans Condensed";
    font-weight: 700;
    font-size: 16px;
    line-height: 26px;
    color: #979797;
    text-indent: 5px;
}

.campo-endereco {
    background: white;
    width: 100%;
    height: 40px;
    border-collapse: separate;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;	
    border: solid 2px #ffcb49;
    margin-top: 7px;
}

.campo-endereco input.endereco {
    width: 98%;
    height: 100%;
    margin-left: 5px;
    font-family: "Open Sans Condensed";
    font-weight: 700;
    font-size: 16px;
    line-height: 26px;
    color: #979797;
    text-indent: 5px;
}

ul.numero-complem-cep {
    width: 100%;
    height: 40px;
    margin-top: 7px;
}

ul.numero-complem-cep li{
    display: inline-block;
}

ul.numero-complem-cep li:nth-child(2){
    margin-left: 5px;
}

ul.numero-complem-cep li:last-child{
    margin-left: 5px;
}

li.campo-numero{
    background: white;
    width: 23%;
    height: 40px;
    border-collapse: separate;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;	
    border: solid 2px #ffcb49;
}

li.campo-numero input.numero{
    width: 91%;
    height: 100%;
    margin-left: 5px;
    font-family: "Open Sans Condensed";
    font-weight: 700;
    font-size: 16px;
    line-height: 26px;
    color: #979797;
    text-indent: 5px;
}

li.campo-complemento{
    background: white;
    width: 44%;
    height: 40px;
    border-collapse: separate;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;	
    border: solid 2px #ffcb49;
}

li.campo-complemento input.complemento{
    width: 95%;
    height: 100%;
    margin-left: 5px;
    font-family: "Open Sans Condensed";
    font-weight: 700;
    font-size: 16px;
    line-height: 26px;
    color: #979797;
    text-indent: 5px;
}

li.campo-cep{
    background: white;
    width: 29.99%;
    height: 40px;
    border-collapse: separate;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;	
    border: solid 2px #ffcb49;
}

li.campo-cep input.cep{
    width: 93%;
    height: 100%;
    margin-left: 5px;
    font-family: "Open Sans Condensed";
    font-weight: 700;
    font-size: 16px;
    line-height: 26px;
    color: #979797;
    text-indent: 5px;
}

ul.bairro-cidade-estado {
    width: 100%;
    height: 40px;
    margin-top: 7px;
}

ul.bairro-cidade-estado li{
    display: inline-block;
    width: 49.248%;
}

ul.bairro-cidade-estado li:last-child{
    margin-left: 5px;
}

li.campo-bairro{
    background: white;
    height: 40px;
    border-collapse: separate;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;	
    border: solid 2px #ffcb49;
}

li.campo-bairro input.bairro{
    width: 95%;
    height: 100%;
    margin-left: 5px;
    font-family: "Open Sans Condensed";
    font-weight: 700;
    font-size: 16px;
    line-height: 26px;
    color: #979797;
    text-indent: 5px;
}

li.campo-cidade-estado{
    background: white;
    height: 40px;
    border-collapse: separate;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;	
    border: solid 2px #ffcb49;
}

li.campo-cidade-estado input.cidade-estado{
    width: 93%;
    height: 100%;
    margin-left: 5px;
    font-family: "Open Sans Condensed";
    font-weight: 700;
    font-size: 16px;
    line-height: 26px;
    color: #979797;
    text-indent: 5px;
}

ul.telefone-resid-celular {
    width: 100%;
    height: 40px;
    margin-top: 7px;
}

ul.telefone-resid-celular li{
    display: inline-block;
    width: 49.248%;
}

ul.telefone-resid-celular li:last-child{
    margin-left: 5px;
}

li.campo-telefone-resid{
    background: white;
    height: 40px;
    border-collapse: separate;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;	
    border: solid 2px #ffcb49;
}

li.campo-telefone-resid input.telefone-resid{
    width: 95%;
    height: 100%;
    margin-left: 5px;
    font-family: "Open Sans Condensed";
    font-weight: 700;
    font-size: 16px;
    line-height: 26px;
    color: #979797;
    text-indent: 5px;
}

li.campo-celular{
    background: white;
    height: 40px;
    border-collapse: separate;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;	
    border: solid 2px #ffcb49;
}

li.campo-celular input.celular{
    width: 93%;
    height: 100%;
    margin-left: 5px;
    font-family: "Open Sans Condensed";
    font-weight: 700;
    font-size: 16px;
    line-height: 26px;
    color: #979797;
    text-indent: 5px;
}

.campo-aceito {
    font-family: "Open Sans Condensed";
    font-weight: 700;
    font-size: 16px;
    line-height: 26px;
    color: #979797;
    text-indent: 5px;
    text-align: right;
}


.campos-login {
    width: 100%;
    height: 324px;
    margin-top: 14px;
}

.form-login-cadastro {
    width: 100%;
    height: 100%;
}

.form-login-cadastro .campo-validacao label.error{
    color: red;
    float: left;
    font-family: "Open Sans Condensed";
    font-size: 15px;
    font-weight: 700;
    padding-top: 2px;
    width: 100%;   
    margin-bottom: 5px;
}

.form-login-cadastro .campo-validacao{
    margin-bottom: 10px;
}

.form-login-cadastro .campo-validacao input{
    text-indent: 5px;
    background: white;
    width: 100%;
    height: 40px;
    border-collapse: separate;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;	
    border: solid 2px #ffcb49 !important;
    font-family: "Open Sans Condensed";
    font-weight: 700;
    font-size: 16px;
    line-height: 26px;
    color: #979797;
}

.form-login-cadastro input{
    border: 0;
}

.form-login-cadastro input:focus {
    outline: none;
}

.form-dp-cadastro .campo-email {
    background: white;
    width: 100%;
    height: 40px;
    border-collapse: separate;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;	
    border: solid 2px #ffcb49;
}

.form-dp-cadastro .campo-email input.email {
    width: 98%;
    height: 100%;
    margin-left: 5px;
    font-family: "Open Sans Condensed";
    font-weight: 700;
    font-size: 16px;
    line-height: 26px;
    color: #979797;
    text-indent: 5px;
}

/* FIM DO MEU PERFIL ----------------------------------------------------------------- */

/* MEUS PETS ----------------------------------------------------------------- */

.dados-pets {
    width: 96.5137615%;
    margin: 0 auto;
}

.campos-dados-pet {
    width: 525px;
    height: 160px;
    margin-top: 14px;
    float: left;
}

form.form-dados-pet-cadastro {
    width: 100%;
}

.campos {
    width: 368px;
    height: 132px;
    float: right;
    margin-top: 14px;
}

ul.campo-nome-raca-pet {
    width: 100%;
    height:40px;
}

ul.campo-nome-raca-pet li {
    background: white;
    width: 164px;
    height: 40px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;	
    border: solid 2px #ffcb49;
    display: inline-block;
}

ul.campo-nome-raca-pet li:last-child {
    margin-left: 5px;
}

ul.campo-nome-raca-pet input {
    width: 93%;
    height: 100%;
    margin-left: 5px;
    font-family: "Open Sans Condensed";
    font-weight: 700;
    font-size: 16px;
    line-height: 26px;
    color: #979797;
    text-indent: 5px;
    border: none;
}

ul.campo-nome-raca-pet input:focus {
    outline: none;
}

ul.campo-nasc-sexo-pet {
    width: 100%;
    height:40px;
    margin-top: 7px;
}

ul.campo-nasc-sexo-pet li.campo-data-nasc-pet {
    background: white;
    width: 164px;
    height: 40px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;	
    border: solid 2px #ffcb49;
    display: inline-block;
}

ul.campo-nasc-sexo-pet li:last-child {
    margin-left: 5px;
}

ul.campo-nasc-sexo-pet input.data-nasc-pet {
    width: 93%;
    height: 100%;
    margin-left: 5px;
    font-family: "Open Sans Condensed";
    font-weight: 700;
    font-size: 16px;
    line-height: 26px;
    color: #979797;
    text-indent: 5px;
    border: none;
}

ul.campo-nasc-sexo-pet input:focus {
    outline: none;
}

li.campo-sexo-pet {
    font-family: "Open Sans Condensed";
    font-weight: 700;
    font-size: 16px;
    line-height: 26px;
    color: #979797;
    text-indent: 5px;
    border: none;
    display: inline-block;
}

li.campo-sexo-pet input.sexo-pet {
    margin-left: 12px;
}

ul.campo-tipo-pet-adicionar {
    width: 100%;
    height:40px;
    margin-top: 7px;
}

ul.campo-tipo-pet-adicionar li {
    background: white;
    width: 164px;
    height: 40px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;	
    border: solid 2px #ffcb49;
    display: inline-block;
}

ul.campo-tipo-pet-adicionar li:last-child {
    margin-left: 5px;
    background: #ffcb49;
    font-family: "Open Sans Condensed";
    font-weight: 700;
    font-size: 16px;
    color: white;
}

ul.campo-tipo-pet-adicionar select {
    width: 93%;
    height: 36px;
    margin-left: 5px;
    font-family: "Open Sans Condensed";
    font-weight: 700;
    font-size: 16px;
    line-height: 26px;
    color: #979797;
    text-indent: 5px;
    border: none;
}

ul.campo-tipo-pet-adicionar select:focus {
    outline: none;
}

.botao-adicionar-pet {
    line-height: 37px;
    text-align: center;
}

.foto-perfil-pet {
    width: 132px;
    height: 132px;
    float: left;
    margin-top: 14px;
    margin-left: 14px;
}

.foto-perfil-pet .img-upload-pet{
    width: 132px;
    height: 132px;
    border: solid 2px #bcbcbc;
    border-radius: 5px;
}

.foto-perfil-pet .foto-pet {
    /*background: url("../img/foto-perfil-pet.jpg");*/
    width: 132px;
    height: 132px;
    border: solid 2px #bcbcbc;
    border-radius: 5px;
    float: left;
    position: relative;
    bottom: 134px;
}

.foto-perfil-pet .foto-pet .input-file-pet{
    width: 25px;
    height: 25px;
    border-radius: 20px;
    position: relative;
    float: right;
    left: 30px;
    margin-right: 5px;
    margin-top: 7px;
    opacity: 0.0;
    cursor: pointer;
}

.foto-perfil-pet .foto-pet .edita-foto {
    background: url(../img/edita.png);
    width: 25px;
    height: 25px;
    border-radius: 20px;
    border: none;
    margin-top: 7px;
    margin-right: 5px;
    /*margin-left: 101px;*/
    position: relative;
    float: right;
}

.foto-perfil-pet .foto-pet .exclui-foto {
    background: url(../img/excluir.png);
    width: 25px;
    height: 25px;
    border-radius: 20px;
    border: none;
    position: relative;
    float: right;
    top: 100px;
    left: 55px;
    cursor: pointer;
}

.foto-perfil-pet input:focus {
    outline: none;
}

ul.cadastro-pets {
    width: 526px;
    float: right;
    border-left: solid 1px #f0e7d0;
    margin-top: 14px;
}

ul.cadastro-pets li.campos-dados-pet{
    width: 96.5%;
    height: 160px;
    margin-top: 0;
    margin-left: 13px;
    border-radius: 7px;
}

ul.cadastro-pets li.campos-dados-pet .campos{
    width: 349px;
}

ul.cadastro-pets li.campos-dados-pet:first-child{
    background: #f0e7d0;
}

ul.cadastro-pets li.campos-dados-pet:nth-child(3){
    background: #f0e7d0;
}

ul.cadastro-pets li.campos-dados-pet li.botao-adicionar{
    background: #ffcb49;
    width: 115px;
    margin-left: 5px;
    border: none;
    background: #ffcb49;
    font-family: "Open Sans Condensed";
    font-weight: 700;
    font-size: 16px;
    color: white;
    display: inline-block;
}

ul.cadastro-pets li.campos-dados-pet li.botao-adicionar .botao-adicionar-pet{
    width: 115px;
    height: 40px;
    line-height: 40px;
}

ul.cadastro-pets li.campos-dados-pet  ul.campo-tipo-pet-adicionar li.botao-remover {
    background: #f65038;
    width: 40px;
    margin-left: 5px;
    border: none;
    line-height: 40px;
}

ul.cadastro-pets li.campos-dados-pet ul.campo-tipo-pet-adicionar li.botao-remover .botao-remover-pet {
    width: 40px;
    font-family: "Open Sans Condensed";
    font-weight: 700;
    font-size: 26px;
    color: white;
    line-height: 33px;
    text-align: center;

}

/* FIM DO MEUS PETS ----------------------------------------------------------------- */

.botao-salvar-cadastro {
    width: 100%;
    height: 40px;
    margin-top: 10px;
}

.botao-salvar {
    background: #ffcb49;
    width: 130px;
    height: 40px;
    font-family: "Open Sans Condensed";
    font-weight: 700;
    font-size: 20px;
    color: white;
    line-height: 40px;
    text-align: center;
    border-radius: 5px;
    float: right;
    margin-right: 20px;
}

/* FOOTER ----------------------------------------------------------------- */

footer.rodape {
    background: #f7b61a;
    width: 100%;
    margin-top: 0px;
}

.wrap-rodape {
    width: 1090px;
    min-height: 620px;
    margin: 0 auto;
}

.coluna-rodape1 {
    width: 50%;
    float: left;
    display: inline-block;
}

.coluna-rodape2 {
    width: 50%;
    float: right;
    display: inline-block;
}

.box-cadastro-rodape {
    background: #f7573d; /* Old browsers */
    background: -moz-linear-gradient(top,  #f7573d 0%, #f33827 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7573d), color-stop(100%,#f33827)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f7573d 0%,#f33827 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f7573d 0%,#f33827 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f7573d 0%,#f33827 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f7573d 0%,#f33827 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7573d', endColorstr='#f33827',GradientType=0 ); /* IE6-9 */
    width: 100%;
    min-height: 165px;
    margin-top: 23px;
    margin-left: 0px;
    border: dashed 1px #fff;
    border-radius: 25px;
}

.box-cadastro-rodape ul{
    width: 100%;	
}

.box-cadastro-rodape ul li:first-child{
    width: 50%;
    min-height: 137px;
    float: left;	
    display: inline-block;
    margin-top: 13px;
}

.box-cadastro-rodape ul li:first-child strong{
    font-family:"Open Sans";
    font-style: italic;
    font-weight: 700;
    font-size: 3.4em;
    color: #ffffff;
    margin: 0 0 0 20px;
}

.box-cadastro-rodape ul li:first-child p {
    font-family: "Open Sans";
    font-style: italic;
    font-weight: 700;
    font-size: 1.3em;
    color: #ffffff;
    margin: 22px 0 0 20px;
}

.box-cadastro-rodape ul li:last-child{
    width: 50%;
    max-height: 157px;
    float: right;	
    display: inline-block;
}

.cadastro-rodape label{
    font-family:"Open Sans";
    font-style: italic;
    font-weight: 700;
    font-size: 1.8em;
    color: #ffffff;
    vertical-align: 12px;
    display: inline-block;
    margin: 24px 0 0 0;
}

.campo-nome-rodape {
    background: white;
    width: 73%;
    min-height: 38px;
    margin: 21px 0 0 10px;
    border: solid 2px #cacaca;
    border-radius: 14px;
    overflow: hidden;
    display: inline-block;
    font-family: "Open Sans";
    font-style: italic;
    font-weight: 700;
    font-size: 2em;
    color: #999999;
    margin: 14px 0 0 10px;
    border: solid 2px #cacaca;
    border-radius: 14px;
    text-indent: 10px;
}

.campo-email-rodape {
    background: white;
    width: 73%;
    min-height: 38px;
    margin: 21px 0 0 10px;
    border: solid 2px #cacaca;
    border-radius: 14px;
    overflow: hidden;
    display: inline-block;
    font-family: "Open Sans";
    font-style: italic;
    font-weight: 700;
    font-size: 2em;
    color: #999999;
    margin: 14px 0 0 10px;
    border: solid 2px #cacaca;
    border-radius: 14px;
    text-indent: 10px;
}

.campo-nome-rodape input{
    border: none;
    margin-left: 0px;
    width: 175px;
    margin-top: 6px;
    font-family: "Open Sans";
    font-style: italic;
    font-weight: 700;
    font-size: 16px;
    color: #999999;
}

.campo-email-rodape input{
    border: none;
    margin-left: 0px;
    width: 175px;
    margin-top: 6px;
    font-family: "Open Sans";
    font-style: italic;
    font-weight: 700;
    font-size: 16px;
    color: #999999;
}

.cadastro-rodape input:focus{
    outline: none;
}

.botaoenvia-cadastro {
    background: #ffffff;
    width: 82px;
    height: 35px;
    border: solid 2px #ffffff;
    border-radius: 25px;
    float: right;
    margin: 10px 15px 0px 0px;
}

.botaoenvia-cadastro{
    background: #ed1a3b; /* Old browsers */
    background: -moz-linear-gradient(top,  #ed1a3b 0%, #f7573d 91%, #f7573d 91%, #ed1a3b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ed1a3b), color-stop(91%,#f7573d), color-stop(91%,#f7573d), color-stop(100%,#ed1a3b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ed1a3b 0%,#f7573d 91%,#f7573d 91%,#ed1a3b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ed1a3b 0%,#f7573d 91%,#f7573d 91%,#ed1a3b 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ed1a3b 0%,#f7573d 91%,#f7573d 91%,#ed1a3b 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ed1a3b 0%,#f7573d 91%,#f7573d 91%,#ed1a3b 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed1a3b', endColorstr='#ed1a3b',GradientType=0 ); /* IE6-9 */
    font-family: "Open Sans";
    font-style: italic;
    font-weight: 700;
    font-size: 1.4em;
    color: #ffffff;
    border: solid 2px #f27636;
    border-radius: 25px;
    line-height: 20px;
    padding: 4px 13px;
}

.fb-like-box{
    margin: 14px 0 0 -6px;
}

.menu-rodape {
    width: 100%;
    height: 100px;
    font-family:"Open Sans Condensed";
    font-weight: 700;
    font-size: 1.8em;
    color: #ffffff;
    text-decoration: none;
    margin: 17px 0 0 0;
}

.menu-rodape ul{
    float: left;
    margin-left: 40px;
}

.menu-rodape ul:after{
    content: "";
    width: 1px;
    height: 95px;
    border: solid 1px #ffffff;
    margin: -92px 0 0 -21px;
    float: left;
}

.menu-rodape ul:first-child{
    margin-left: 0;
}

.menu-rodape ul:first-child:after{
    display: none;
}

.menu-rodape ul li:first-child{
    margin-top: 20px;
}

.menu-rodape ul li a{
    font-family:"Open Sans Condensed";
    font-weight: 300;
    font-size: 1em;
    color: #ffffff;
}

.credito-rodape {
    width: 100%;
    height: 15px;
    margin: 30px 0 0 0;
    display: block;
}

.credito-rodape p {
    font-family:"Open Sans Condensed";
    font-weight: 700;
    font-size: 1.2em;
    color: #000000;
}

.descricao-petzap {
    font-family:"Open Sans";
    font-style: italic;
    font-size: 1.5em;
    color: #ffffff;
    line-height: 1.5em;
    margin-left: 35px;
    margin-top: 50px;
    text-align: justify;
}

.descricao-petzap strong {
    font-family:"Open Sans";
    font-style: italic;
    font-weight: 700;
    font-size: 2.0em;
    color: #ffffff;
}

.cao-rodape {
    width: 90%;
    max-height: 306px;
    margin: 20px 0 0 25px;
}

.redes-sociais {
    width: 85%;
    min-height: 50px;
    margin: 12px 0 0 80px;
}

.social-icon {
    width: 50px;
    min-height: 50px;
    margin: 0 0 0 15px;
}

.social-icon:hover {
    background-color: #f77d2a;
    border-radius: 25px;
    box-shadow: 0 0 1px #f77d2a;
}

.piriquito {
    width: 25%; /*135px;*/
    max-height: 102px;
    margin: -100px 0 0 0;
    float: right;
}


/* FIM DO FOOTER ----------------------------------------------------------------- */

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}
