/* html5doctor.com Reset v1.6.1 - http://cssreset.com */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}

html, body{
    height: 100%;
    font-family: Arial;
}

#principal{
    min-height: 100%;
    background-color: #FFF0B6;
}
.centro{margin-left: auto; margin-right: auto;}

.caixaSocial{
    overflow: hidden;
    padding: 10px;
    text-align: center;
    margin-top: 30px;
}

.caixaSocialItem{
    float: left;
    margin-right: 10px;
}

#cabecalho{
    background-color: #BDA65F;
    overflow: hidden;
    border-bottom: 20px solid #6A1414;
    border-top: 20px solid #320000;
}

#cabecalhoConteudo{
    /*width: 1300px;*/
    height: 292px;
    background-image: url('../img/cabecalho.jpg');
    overflow: hidden;

}

#caixaLogo{
    width: 280px;
    overflow: hidden;
}

#logo{
    position: absolute;
}

#caixaMenu1{
    height: 50px;
    width: 965px;
    background-color: #470000;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
    margin-top: 60px;
}

#caixaMenu2{
    height: 50px;
    width: 965px;
    background-color: #470000;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
    margin-top: 60px;
}

.subMenu{
    visibility: hidden;
    overflow: hidden;
    height: 90px;
    width: 80px;   
    background-color: #470000;
    padding: 3px;
    margin-left: -15px;
}

.subMenu a{
    display: block;    
    margin: 1px 0px;
    color: white;
    width: 100%;
    text-align: center; 
}

.itemMenuEsquerda{
    float: left;
    width: 340px;
    position: relative;
    top: 25%;
    left: 30px;
}

.itemMenuDireita{
    float: right;
    width: 340px;
    position: relative;
    top: 25%;
    left: 30px;
}

.linkMenu{
    float: left;
    text-decoration: none;
    color: white;
    font-size: 14pt;
    font-family: Times New Roman;
    margin-right: 50px;

}

.linkMenu:hover{
    color: #BDA65F;
    text-decoration: underline;
}

#corpo{
    min-height: 100%;
    height: 100%;
    margin-top: 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #6A1414;
    width: 933px;
    background-color: #FEF6D7;
    padding: 15px;
    color:#6A1414;
}

.corpoIndex{
    min-height: 100%;
    height: 100%;
    margin-top: 20px;    
    width: 965px;
    color:#6A1414;
}

.caixaBanner{
    width: 959px;
    height: 300px;
    border: 3px solid #6A1414;
    background:url('../js/nivo-slider/themes/default/loading.gif') no-repeat 50% 50%;
}

.nivoSlider {
    position:relative;
    
}

.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
    height: 300px !important;
}

.ajusteTopo{
    width: 965px;
    height: 73px;
    background: url('../img/ajusteTopo.png');
}

.conteudoIndex{
    width: 963px;
    border: 1px solid #6A1414;
    border-top: 0px;
    height: 800px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

#divNoticia{
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
    overflow: hidden;
    height: 350px;
}

#divNoticiaItens{
    float: left;
    width: 695px;
    height: 320px;
}

.divNoticiaItem{
    width: 690px;
    height: 105px;
    border-bottom: 1px solid #6A1414;
    margin-bottom: 10px;
}

.divNoticiaFoto{
    width: 113px;
    border: 1px solid #6A1414;
    height: 90px;
    float: left;    
}

.textoNoticia{
    height: 34px;
    margin-top: 5px;
    overflow: hidden
}

.divNoticiaConteudo{
    height: 100px;
    width: 526px;
    margin-left: 10px;
    float: left;    
    overflow:hidden;
    text-overflow:ellipsis;
    max-width:526px;
}

.divNoticiaConteudo h2 a{
    font-weight: bold;
    font-size: 14pt;
    text-decoration: none;
    color: #6A1414;
}

.divNoticiaConteudo h2 a:hover{
    color: #BDA65F;
}

#divMarca{
    float: left;
    width: 268px;
}

#divMarca img{
    margin-left: 1px;
}

.caixaGaranhoesIndex{
    margin-top: 40px;
    height: 40px;
    margin-left: 20px;
    height: 260px;
}

.caixaNews{
    margin-top: 40px;
    height: 40px;
    margin-left: 20px;
    height: 100px;
}

#caixaRodape{
    width: 100%;    
    background-color: #FFF0B6;
    padding-top: 20px;
}

#rodape{
    border-top: 20px solid #6A1414;   
    height: 70px;
    /*position: relative;
    margin-top: -90px;*/
    background-color: #390000;
    width: 965px;
    color:white;
    font-size: 10pt;
}

#caixaCompartilhar{
    overflow: hidden;
    padding: 10px;
    width: 400px;
    float: left;
}

#caixaCompartilhar p{
    color:white;
    margin-bottom: 5px;
    font-size: 10pt;
}

.caixaCompartilharItem{
    float: left;
    margin-right: 10px;
}

#caixaLogoMastellini{
    width: 405px;
    float: left;
}

#caixaLogoMastellini a{
    
}

.caixaTitulo{
    height: 20px;
    width: 930px;
    background: url('../img/barraTitulo.png');
    text-align: center;

}

.caixaFonteBorda{
    position: relative;
    font-family: Times New Roman;
    font-size: 18pt;
    left: 45%;
    top: -60%;
}

.efeito1 { 
    position:absolute;
    left: 1px;
    top: -1px;
    color: #6A1414;
}

.efeito2 { 
    position:absolute;
    left: -1px;
    top: 1px;
    color: #6A1414; 
}

.efeito3 { 
    position:absolute;
    left: -1px;
    top: -1px;
    color: #6A1414; 
}

.efeito4 { 
    position:absolute;
    left: 1px;
    top: 1px;
    color: #6A1414; 
}

.fundoFonte{
    color: #FFF0B6;
    position: absolute;
}

/* ANIMAL VENDA - PLANTEL */

.caixaTabelaGenealogia{
    float: left;
    width: 500px;
}

.tabelaGenealogia{
    width: 500px;
    font-size: 12pt;
    font-weight: bold;    
}

.tabelaGenealogia td{
    vertical-align: middle;
    color: #6A1414;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.caixaAnimal{
    margin-top: 10px;
    margin-bottom: 10px;
    overflow: hidden;
    min-height: 300px;
}

.caixaAnimalItem{
    width: 220px;    
    float: left;
    margin-right: 13px;
    margin-top: 20px;
}

.caixaAnimalItem3{
    width: 220px;    
    float: left;
    margin-right: 10px;
    margin-top: 30px;
}

.caixaAnimalItemFoto{
    overflow: hidden;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 2px solid #6A1414;
    width: 218px;
    height: 178px;
    cursor: pointer;
}

.caixaAnimalItemFoto:hover{
    border: 2px solid #BDA65F;
}

.caixaAnimalItemDesc{
    line-height: 20px;
    color: #6A1414;
    overflow: hidden;
    text-align: center;
    padding-top: 5px;
}

.caixaAnimalDestaque{
    margin-top: 20px;
}

.infoAnimalDestaque{
    float: left;
    width: 400px;
}

.infoAnimalDestaqueGaranhao{
    float: left;
    width: 695px;
}

.caixaFotoCabeca{
    float: left;
    width: 218px;
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 2px solid #6A1414;
    overflow: hidden;
    position: relative;
    top:-40px;
}
.caixaFotoCabeca a{
    line-height: 0px;
    display: block;
    overflow: hidden;
}


.caixaInfoAnimalDestaque{
    border-bottom: 1px solid #6A1414;
    margin-right: 15px;
    padding-bottom: 10px;
    line-height: 20px;
    height: 180px;
}

.caixaInfoPrincipalAnimalDestaque{
    margin-right: 15px;
    overflow: hidden;
    margin-top: 10px;
}

.caixaEsquerdaAnimalDestaque{
    float: left;
    width: 448px;
    line-height: 20px;
}

.caixaDireitaAnimalDestaque{
    float: left;
    width: 470px;
}

.caixaAnimalItem2{
    width: 220px;    
    float: left;
    margin-left: 13px;
    margin-top: 20px;
}

.animalVideo{
    width: 448px;
    height: 300px;
    border: 1px solid #6A1414;
    overflow: hidden;
    margin-top: 20px;
    margin-left: 15px;
}

.animalVideoGaranhao{
    width: 450px;
    height: 300px;
    border: 1px solid #6A1414;
    overflow: hidden;
    margin-top: 20px;
}

.caixaFotosAnimalDestaque{
    overflow: hidden;
}

.nomeAnimalDestaque{
    font-family: Times New Roman;
    font-size: 18pt;
}

/* FOTOS */

.caixaFotoAlbum{
    overflow: hidden;
    margin-top: 20px;
}

.caixaFotoItem{
    overflow: hidden;
    float: left;
    margin-left: 15px;
    margin-top: 15px;
}

.caixaFotoItemImagem{
    border: 2px solid #6A1414;
    width: 215px;
    height: 165px;
    cursor: pointer;
}

.caixaFotoItemImagem:hover{
    border: 2px solid #BDA65F;
}

.caixaFotoItem h3{
    text-align: center;
    margin-top: 5px;
}

.caixaFotoDestaque{
    overflow: hidden;
    margin-top: 20px;   
}

.caixaFotoDestaqueItem{
    border: 1px solid #6A1414;
    width: 215px;
    height: 165px;
    cursor: pointer;
    overflow: hidden;
    float: left;
    margin-left: 15px;
    margin-top: 15px;
}

.caixaFotoDestaqueItem:hover{
    border: 1px solid #BDA65F;
}

.tituloAlbumDestaque{
    margin-left: 15px;
    font-size: 14pt;
}

/* VIDEO */

.caixaVideo{
    overflow: hidden;
    margin-top: 20px;
}

.caixaVideoItem{
    float:left;
    margin-left: 15px;
    margin-top: 20px;
}

.caixaVideoItemVideo{
    border: 2px solid #6A1414;
    width: 440px;
    height: 285px;
}

.caixaVideoItem h3{
    text-align: center;
    margin-top: 5px;
}

/* NOTICIA */

.caixaNoticia{
    overflow: hidden;
    margin-top: 20px;
    line-height: 20px;
}

.caixaNoticiaItem{
    width: 100%;
    border-bottom: 1px solid #6A1414;
    padding-bottom: 10px;
    overflow: hidden;
    margin-top: 20px;
}

.caixaNoticiaItemTexto{
    width: 740px;
    float: left;
}

.caixaNoticiaItemTexto h2{
    font-size: 12pt;
}

.divNoticiaTexto{
    margin-top: 5px;
    height: 40px;
    overflow: hidden;
    text-overflow:ellipsis;
}

.caixaLeiaMais{
    overflow: hidden;
    width: 100%;
}

.caixaLeiaMais{
    margin-top: 40px;
}

.caixaLeiaMais a{
    text-decoration: none;
    color: #6A1414;
    float: right;
    font-weight: bold;
}

.caixaLeiaMais a:hover{
    text-decoration: underline;
}

.caixaNoticiaFoto{
    border: 1px solid #6A1414;
    width: 170px;    
    height: 120px;
    float: left;
    overflow: hidden;
    margin-left: 20px;
}

/*
HISTORIA
*/

#divTextoHistoria{
    margin-top: 20px;
    line-height: 20px;
    font-size: 12pt;
}

#divTextoHistoria p{
    margin-bottom: 15px;
    text-indent: 30px;
    text-align: justify;
}

/*
NOTICIA DETALHE
*/

.caixaNoticiaDetalhe{
    overflow: hidden;
    margin-top: 20px;
    line-height: 20px;
}

.caixaNoticiaInfo{
    font-size: 8pt;
    margin-bottom: 10px;
    line-height: 15px;
}

.caixaNoticiaDetalheTexto{
    float: left;
    width: 455px;
    overflow: hidden;
}

.caixaNoticiaDetalheTexto p{
    margin-bottom: 10px;
    text-align: justify;
}

.caixaNoticiaDetalheImagem{
    width: 460px;
    float: left;
    overflow: hidden;
    margin-left: 15px;
}

#divNoticiaFoto1{
    width: 458px;
    height: 318px;
    border: 1px solid #6A1414;
    margin-bottom: 10px;
}

#divNoticiaFoto2{
    width: 223px;
    height: 153px;
    border: 1px solid #6A1414;
    float: left;
}

#divNoticiaFoto3{
    width: 223px;
    height: 153px;
    border: 1px solid #6A1414;
    float: left;
    margin-left: 10px;
}

.caixaVideoNoticia{
    width: 458px;
    height: 278px;
    border: 1px solid #6A1414;
    margin-top: 20px;
}

/* CONTATO */

.camposObrigatorios{
    border: 1px solid #6A1414;
    background: #fef2c2;
    padding: 5px;
}

.caixaContato{
    overflow: hidden;
    margin-top: 20px;
    line-height: 20px;
}

.caixaContatoEsquerda{
    width: 50%;
    float: left;
    overflow: hidden;
}

.caixaContatoDireita{
    width: 50%;
    float: left;
    overflow: hidden;
}

.caixaFormularioContato{
    overflow: hidden;
    margin-top: 20px;
}

.caixaFormularioContato ul li{
    margin-bottom: 5px;
}

.text{
    padding: 4px 5px;
    background: lightyellow;
    border: 1px solid #6A1414;
    line-height: 20px;
    font-size: 12pt;
}

.text:focus{
    background: white;
}

.botao{
    background: #6A1414;
    color: white;
    font-size: 12pt;
    text-decoration: none;
    text-align: center;
    border: 1px solid #470000;
    cursor: pointer;
    padding: 4px 0px;
    width: 120px;
     -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    float: right;
    margin-right: 5px;
}

/*PARCEIROS*/

.caixaParceiros{
    margin-top: 20px;
    overflow: hidden;
}

.caixaParceirosItem{
    width: 212px;
    overflow: hidden;
    float: left;
    margin-left: 75px;
    text-align: center;
}

.caixaParceiroImagem{
    width: 210px;
    height: 130px;
    border: 1px solid #6A1414;
    text-align: center;
    background: white;
}

.caixaParceirosItem img{
    position: relative;
    top: 25%;
}

#imgSocil{
    position: relative;
    top: 30%;
}

.caixaParceirosItem h3{
    margin-top: 5px;
}

.caixaParceirosItem a{
    text-decoration: none;
    line-height: 20px;
    color: #6A1414;
}

/*GARANHOES*/
.caixaGaranhoes{
    overflow: hidden;
    margin-top: 20px;
}

.caixaFonteBordaGaranhao{
    position: relative;
    font-family: Times New Roman;
    font-size: 26pt;
    height: 35px;
    width: 175px;
    line-height: 25px;
    left: 20%;
    text-indent: -30px;    
}

.caixaFonteBordaGaranhao .efeito1 { 
    position:absolute;
    left: 1px;
    top: -1px;
    color: #FFF0B6;
}

.caixaFonteBordaGaranhao .efeito2 { 
    position:absolute;
    left: -1px;
    top: 1px;
    color: #FFF0B6; 
}

.caixaFonteBordaGaranhao .efeito3 { 
    position:absolute;
    left: -1px;
    top: -1px;
    color: #FFF0B6; 
}

.caixaFonteBordaGaranhao .efeito4 { 
    position:absolute;
    left: 1px;
    top: 1px;
    color: #FFF0B6; 
}

.caixaFonteBordaGaranhao .fundoFonte{
    color: #6A1414;
    position: absolute;
}

.caixaFotoPrincipal{
    width: 450px;    
}

.caixaFotoPrincipal img{
    border: 1px solid #6A1414;
}

.caixaCampanhaGaranhao{
    padding-top: 10px;
    padding-left: 10px;
    line-height: 20px;
    width: 450px;
    overflow: hidden;
}