﻿/* ESTRUTURA
**********************************************************************************************************/
* {
	margin: 0;
	padding: 0;
	text-decoration: none;
	}
	
hr { display:none;}

body {
	height: 100%;
	width: 98%;
	background: #fff;
	font-family: arial, Helvetica, Tahoma, Sans-Serif;
	font-size: 86.5%; /* Reseta 1em para 10px */
	color: #fff;	
	}
	
	#geral {
	    position: relative;
	    width: 779px;
	    margin: 0 auto;
	    background: #1F2150 url(../images/page_bk.gif) repeat-y;
	    }

        #head {
            position: relative;
            height: 353px;
            background: #fff url(../images/menu_bk.gif) no-repeat right bottom;
            }
            
            .head_logo {
                position: absolute;
                width: 305px;
                height: 353px;
                left: 0;
                top: 0;
                background: url(../images/logo.gif) no-repeat;
                z-index: 200;
                }
                
            .head_img {
                position: absolute;
                width: 588px;
                height: 238px;
                right: 0;
                top: 0;
                }
                
            .menu {
                position: absolute;
                left: 310px;
                top: 244px;
                width: 470px;
                }
                
            .opcoestopo {
                position: relative;
                height: 110px;
                padding: 0 25px 0 320px;
                margin-top: -55px;
                }
                
                .player, .contato, .busca {
                    position: absolute;
                    height: 22px;
                    top: 35px;
                    }
                    
                .player { width: 30px; _left: 295px; left: 295px; top: 0px; background: #1F2150; color: #0099CC; z-index:2000;}
                .contato { left: 418px; top: 45px;} .contato a { color: White; }
                .busca { width: 220px; left: 540px; }
        
        .contentgeral {
            position: relative;
            margin: 0 15px 0 180px;
            padding-right: 10px; 
            overflow: auto;
            _overflow: auto;
            height: 450px;
            /*height: 450px;
            overflow: auto;
            background-color:#05073B;*/
            }
           .contenthome {
            position: relative;
            margin: 0 0 0 0;
            padding-right: 10px; 
            overflow: auto;
            float:left;
            width:603px;
            height: 450px;
            /*height: 450px;
            overflow: auto;
            background-color:#05073B;*/
            }
           .contentNoticia 
           {
			float:left;
            position: relative;
            margin: 0 0 0 40px;
            _margin: 0 0 0 20px;
            padding-right: 10px; 
            overflow: auto;
            height: 450px;
            width:100px;
            /*height: 450px;
            overflow: auto;
            background-color:#05073B;*/
            }
            
        .geneologia_to
        {
			background: url( ../images/Geneologia/01_geneologia_T-O_pequena.gif) no-repeat;
			height:1528px;
			text-indent: -900px;
			width:500px;
			 
			}
		.geneologia_Paualho
		{
			background: url( ../images/Geneologia/02_geneologia_Paulalho_SVicente_pequena.gif) no-repeat;
			height:145px;
			text-indent: -900px;
			width:500px;
			}
		.geneologia_kakinada
		{
			background: url( ../images/Geneologia/03_geneologia_Kakinada_pequena.gif) no-repeat;
			height:108px;
			text-indent: -900px;
			width:500px;
			}
		.geneologia_kent
		{
			background: url( ../images/Geneologia/04_geneologia_Kent_pequena.gif) no-repeat;
			height:394px;
			text-indent: -900px;
			width:500px;
			}
		.geneologia_sjdaspalmeiras
		{
			background: url( ../images/Geneologia/05_geneologia_LinhagemSJdasPalmeiras_pequena.gif) no-repeat;
			height:94px;
			text-indent: -900px;
			width:500px;
			}
        
        .contentgeralPopUp 
        {
			position: relative;
            margin: 30px 0px 0 0px;                        
            left:0px;				
			}
        
        .contentgeral2 
        {
            position: relative;
            margin: 0 15px 0 180px;
            padding-right: 10px; 
            overflow: auto;
        }
        
            
            .ilustra {
                position: absolute;
                left: 30px;
                top: -219px;
                width: 140px;
                height: 250px;
                z-index: 200;
                background: url(../images/ilustra_reprod.jpg) no-repeat left bottom;
                }
        
        #rodape {
            position: relative;
            clear: both;
            height: 115px;
            background: #fff url(../images/rodape_bk.gif) no-repeat;
            }
 
                
/*CONFIGURA TAGS
**********************************************************************************************************/
ul {
    padding: 0;
    margin: 0;
    list-style: none;
    }

hr {
	display: none;
	height: 1px;
	}
	
img {
	border: 0;
	}
	
a {
    color: #fff;
    text-decoration: none;
    }

	
/*CABEÇALHOS 
**********************************************************************************************************/
.topo_default { background: url(../images/topo_default.jpg) no-repeat; }
.topo_hist { background: url(../images/topo_hist.jpg) no-repeat; }
.topo_raca { background: url(../images/topo_raca.jpg) no-repeat; }
.topo_repr { background: url(../images/topo_repr.jpg) no-repeat; }
.topo_matriz { background: url(../images/topo_matriz.jpg) no-repeat; }
.topo_lotes { background: url(../images/topo_lotes.jpg) no-repeat; }
.topo_gene { background: url(../images/topo_gene.jpg) no-repeat; }
.topo_cruza { background: url(../images/topo_cruza.jpg) no-repeat; }
.topo_proj { background: url(../images/topo_proj.jpg) no-repeat; }
.topo_galeria { background: url(../images/topo_galeria.jpg) no-repeat; }
.topo_galinterna { background: url(../images/topo_galinterna.jpg) no-repeat; }
.topo_news { background: url(../images/topo_news.jpg) no-repeat; }
.topo_cad { background: url(../images/topo_cad.jpg) no-repeat; }
.topo_comochegar { background: url(../images/topo_comochegar.jpg) no-repeat; }


/*RODAPE
**********************************************************************************************************/
.rodape_mail {
    position: absolute;
    width: 92px;
    height: 35px;
    right: 0;
    bottom: 40px;
    color: #1F2150;
    }
    
.rodape_mail a {
    color: #1F2150;
    }


/*LINKS
**********************************************************************************************************/
.linkAzul13 {
	font:13px/13px Arial, Helvetica, sans-serif;
	color:#0099FF; 
	font-weight: bold;
	text-decoration:none;
}
	.linkAzul13 a {
		font:13px/13px Arial, Helvetica, sans-serif;
		color:#0099FF; 
		font-weight: bold;
		text-decoration:none;
	}
linkAzul10 {
    font:10px/13px Arial, Helvetica, sans-serif;
	color:#CCCCE6; 
	text-decoration:none;
}
    .linkAzul10 a {
        font:10px/13px Arial, Helvetica, sans-serif;
	    color:#CCCCE6; 
	    text-decoration:none;  
    }

	
/*COR TABELAS
**********************************************************************************************************/
.xl65 {
	mso-style-parent:style0;
	color:white;
	font-size:8.0pt;
	font-style:italic;
	font-family:Tahoma, sans-serif;
	mso-font-charset:0;
	text-align:center;
	vertical-align:justify;
	border:1.0pt solid white;
	white-space:normal;
	}

.xl66 {
	mso-style-parent:style0;
	color:#FFF;
	font-size:8.0pt;
	font-family:Tahoma, sans-serif;
	mso-font-charset:0;
	text-align:center;
	vertical-align:justify;
	}

.xl67 {
	mso-style-parent:style0;
	color:#17375D;
	font-size:8.0pt;
	font-family:Tahoma, sans-serif;
	mso-font-charset:0;
	text-align:center;
	vertical-align:justify;
	border:1.0pt solid white;
	white-space:normal;
	}

.xl68 {
	mso-style-parent:style0;
	color:#FFF;
	text-align:center;
	vertical-align:justify;
	}

.xl69 {
	mso-style-parent:style0;
	color:#FFF;
	font-size:10.0pt;
	font-family:Tahoma, sans-serif;
	mso-font-charset:0;
	text-align:center;
	vertical-align:justify;
	border:1.0pt solid white;
	white-space:normal;
	}

.xl70 {
	mso-style-parent:style0;
	color:#17375D;
	font-size:10.0pt;
	font-family:Tahoma, sans-serif;
	mso-font-charset:0;
	text-align:center;
	vertical-align:justify;
	border:1.0pt solid white;
	background:#B3B3D9;
	mso-pattern:black none;
	white-space:normal;
	}

.xl71 {
	mso-style-parent:style0;
	color:white;
	font-size:10.0pt;
	font-weight:700;
	font-family:Tahoma, sans-serif;
	mso-font-charset:0;
	text-align:center;
	vertical-align:justify;
	border:1.0pt solid white;
	white-space:normal;
	}

.xl72 {
	mso-style-parent:style0;
	color:white;
	font-size:10.0pt;
	font-family:Tahoma, sans-serif;
	mso-font-charset:0;
	text-align:center;
	vertical-align:justify;
	border:1.0pt solid white;
	white-space:normal;
	}

.xl73 {
	mso-style-parent:style0;
	color:#17375D;
	font-size:10.0pt;
	font-family:Tahoma, sans-serif;
	mso-font-charset:0;
	text-align:center;
	vertical-align:justify;
	border:1.0pt solid white;
	background:#CCCCE6;
	mso-pattern:black none;
	white-space:normal;
	text-decoration:none;
	}
	.xl73 a {
	    color:#17375D;
	    font-size:10.0pt;
	    font-family:Tahoma, sans-serif;
	    text-align:center;
	    text-decoration:underline;
	    font-weight:bolder;
	  	}

.xl74 {
	mso-style-parent:style0;
	color:#17375D;
	font-size:10.0pt;
	font-weight:700;
	font-family:Tahoma, sans-serif;
	mso-font-charset:0;
	text-align:center;
	vertical-align:justify;
	border:1.0pt solid white;
	background:#B3B3D9;
	mso-pattern:black none;
	white-space:normal;
	}

.xl75 {
	mso-style-parent:style0;
	color:#17375D;
	font-size:10.0pt;
	font-weight:700;
	font-family:Tahoma, sans-serif;
	mso-font-charset:0;
	text-align:center;
	vertical-align:justify;
	border:1.0pt solid white;
	background:#CCCCE6;
	mso-pattern:black none;
	white-space:normal;
	}
.xl76 {
	mso-style-parent:style0;
	color:#17375D;
	font-size:10pt;
	font-weight:700;
	font-family:Tahoma, sans-serif;
	mso-font-charset:0;
	text-align:center;
	vertical-align:justify;
	border:1.0pt solid white;
	background-color:#9D9DCE;
	mso-pattern:black none;
	white-space:normal;
	}
	
/*NAVEGAÇÃO 
**********************************************************************************************************/
.menu li, #rodape li {
    position: relative;
    float: left;
    background: url(../images/barra_dividemenu.gif) no-repeat right bottom;
    padding: 0 7px 0 0;
    margin: 0 7px 0 0;
    }
    
.menu li.menu_atual a, #rodape li.menu_atual a {
    font-weight: bold;
    }    
        
.menu .ultimo_link, #rodape .ultimo_link { background: none; }

.menu a, #rodape a {
    font: normal 0.8em arial, sans-serif;
    color: #05073B;
    line-height: 5px;
    text-decoration: none;
    }

#rodape ul {
    position: relative;
    width: 490px;
    left: 150px;
    top: 40px;
    }
    
#menu_complem {
    position: absolute;
    left: 40px;
    top: 410px;
    width: 150px;
    }
    
.botao_voltar {
    position: absolute;
    bottom: 0;
    left: 0;
    padding-top:10px;
    font: bold 0.9em arial;
    }	
    
.botao_imprimir {
    margin: 0 0 0 20px;
    font: bold 0.9em arial;
    }


/*BARRAS  *JANELAS  *BOX
**********************************************************************************************************/




/*FORMULÁRIOS 		
**********************************************************************************************************/
	


/*LISTAS
**********************************************************************************************************/
.ul_inline li {
    display: inline;
    }


/*TABELAS
**********************************************************************************************************/




/*TIPOGRAFIA
**********************************************************************************************************/
p {
   position: relative;
   font-size: 1em;
   margin: 13px 0;
   line-height: 1.30em;
    }
    
h2 {
    position: relative;
    border-top: 3px solid #D8D7D4;
    padding: 8px 0 0 0;
    margin: -37px 15px 10px 321px;
    font: bold 1.7em arial, sans-serif;
    color: #D8D7D4;
    }
    
h3 {
    font: bold 1em arial, sans-serif;
    }


/*EFEITOS
**********************************************************************************************************/
.displaynone {
    display: none;
    }	
    
.small {
    font-size: 0.9em;
    }
    
.centraliza {
    position: relative;
    display: block;
    margin: 0 auto;
    text-align: center;
    }

	
/*ELEMENTOS COMPARTILHADOS
**********************************************************************************************************/




/*PAGES
**********************************************************************************************************/
/*historia */
.histanos li {
        margin: 8px 0;
        text-align: center;
        }
    
.hsitfoto1, .hsitfoto2, .hsitfoto3, .hsitfoto4 {
    position: absolute;
    }
        
.hsitfoto1 { left: 20px; top: 10px; width: 260px; }
.hsitfoto2 { left: 410px; top: 10px; }
.hsitfoto3 { left: 20px; top: 230px; width: 260px; }
.hsitfoto4 { left: 360px; top: 230px; width: 210px; }

/* raca */
.tab_cresc {
    position: relative;
    width: 555px;
    text-align: center;
    margin: 15px 0 0 0;
    }
    
    .tab_cresc td {
        font-size: 0.9em;
        padding: 2px;
        }
        
    .linha_taba {
        background: #D6D4E4;
        color: #151748;
        }
        
    .linha_nelo {
        background: #EFEEEE;
        color: #151748;
        }
        
.ilustra_reprod {
    background: url(../images/ilustra_reprod.jpg) no-repeat left bottom;
    }
    
/* matrizes */
.ilustra_matriz {
    background: url(../images/ilustra_matriz.jpg) no-repeat left bottom;
    }
    
/* projetos */
.icotab57 {
    margin: 25px auto;
    }
    
/* noticias */
.news_sumario {
    position: relative;
    width: 570px;
    margin: 20px 0;
    }
    
    .news_sumario td {
        vertical-align: top;
        padding: 2px 10px;
        }
    
    .news_sumario a {
        color: #fff;
        text-decoration: underline;
        font-size: 0.9em;
        }
        
        .news_sumario td.periodo_atual a {
            color: #ffff99;
            font-weight: bold;
            }
            
/* contato */
.contatoforms {
    position: relative;
    margin: 40px 0 0 0;
    height: 280px;
    }

    .contatoforms li {
        position: relative;
        clear: both;
        height: 27px;
        }
        
        .contatoforms li label {
            float: left;
            width: 120px;
            }
            
        .contatoforms li input {
            width: 420px;
            }

        .contatoforms li textarea {
            width: 420px;
            height: 130px;
            }

        .botao_enviar {
            /*position: absolute;*/
            /*right: 0;*/
            bottom: 0px;
            width: 80px;
            }
            
/* como chegar */
.icone_csc, .icone_nb {
    margin: 30px 0 30px 120px;
    }

/* galeria */
.foto_expo { left: 0; top: 5px; }
.foto_rec { left: 90px; top: 5px; }
.foto_lotes { right: 0; top: 5px; }
.foto_matriz { left: 85px; top: 150px; }
.foto_reprod { right: 0; top: 130px; }
.foto_cruzam { left: 0; top: 310px; }
.foto_provas { left: 186px; top: 310px; }
.foto_gerais { right: 30px; top: 310px; }

/* galeria interna */
.fotos_internas {
    position: relative;
    float: left;
    border: 2px solid white;
    margin: 10px;
    /*width: 130px;
    height: 130px;*/
    }
    
    .galeria_submenu {
        width: 120px;
        text-align: center;
        font-size: 0.9em;
        }
        
    .galeria_submenu li {
        margin: 25px 0;
        }
        
/* como chegar - mapas */
.mapas {
    position: relative;
    margin: 60px 0 0 0;
    }
    
.mapa_desc {
    font-size: 10pt;
    }
    
.mapa_impressao {
    display: none;
    }    
