/* 
    Document   : estilo
    Created on : 04/10/2012, 13:04:12
    Author     : Marcelo Paes
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
*{
    margin:0px;
    padding:0px;
}

root { 
    display: block;
}

body{
    background-image: url(../img/fundo_site.jpg);
    background-repeat: no-repeat;
    background-position: top center;
	font-family: 'Source Sans Pro', sans-serif;
}
html, body, .topo { 
    height: 100%; }
.topo { 
    height: auto; min-height: 100%; 
    background-repeat: no-repeat;
}
.cabecario{ 
    margin: auto;
    width: 1000px;
    height: 364px;
    background-position-x: 170px;
    background-position-y: 0px;
    background-repeat: no-repeat;
    background-size: contain;
}
.rodape{ 
    background-image: url(../img/fundo_rodape.jpg);
    position: relative;
    margin-top: 0px; /* Este margin, tem que ser o mesmo valor da altura do rodap?, s? que negativo */
    height: 375px; /* E aqui, fica a altura do rodap? */
    clear: both
        ;background-repeat: no-repeat;
    background-position: bottom, center;
}

.conteudo { padding-bottom: 40px; width: 1000px; margin: auto;} /* O padding, deve ser o mesmo valor da altura do rodap? */
.logo{
    width: 234px;
    float: left;

    margin-top: 12px;
}
.logo img{
    width: 180px;
    margin-top: 10px;
}
.logo span{
    width: 160px;
    float: left;

    color: #c2e3fa;
    font-size: 16px;
    margin-top: 31px;
    font-style: italic;
}
.box_topo{
    width: 286px;
    background-image: url('../img/fundo_topo_box.jpg');
    float: left;
    background-color: #1464ad;
    padding: 40px 60px;
    border-radius: 0 0 40px 40px;
    box-shadow: 2px 2px 60px 10px #34ccf8;
    margin-left: 360px;
}
.box_topo span{
    color: #fff;

    font-size: 20px;
    font-style: italic;
}
.topo_chat_online{
    float: right;

    margin-right: 98px;
    margin-top: 28px;
}
.topo_chat_online{
    margin-bottom: 1px;  
    margin-top: 0px;
   
}
.topo_chat_online:hover{
    margin-bottom: 0px;
   
    margin-top: 1px;
}
.topo_chat_online img{
    width: 200px;
    float: left;
}
.contato{
    width: 1000px;
}
.contato img{
    width: 990px;
    margin-top: 10px;
}
.pacote{
    background:url('../img/fundo_box_pacote.jpg');
    width: 230px;
    float: left;
    border: 5px solid #fff;
    margin: 40px 5px 0;
    border-radius: 21px;
}

.titulo_pacote{

    font-weight: 700;
    

    font-size: 22px;
    

    width: 164px;
    margin: auto;
    text-align: center;
    

    margin-top: 15px;

    min-height: 28px;

}
.pacote img{
    margin: 12px 51px 0px;

    width: 126px;
    z-index: 2;
    position: relative;
}
.filto_texto{

    width: 228px;
    margin: 0 1px;
    

    position: relative;

    z-index: 2;

    height: 189px;

}
.filto_texto p{
    margin: 0px 19px;

    width: 198px;
    padding-top: 8px;
    color: #fff;
    font-size: 11px;
    font-family: tahoma;
    margin-bottom: 10px;
    line-height: 17px;
}
#botao_pacote{
    margin: 10px 4px;
    color: #fff;
    padding: 11px;
    width: 212px;
    border-radius: 16px;
    float: left;
    text-decoration: none;
}
.slider{
    width: 1000px;
    float: left;
    margin-top: 35px;
}
.slider_titulo{
    float: left;
    width: 1000px;
}
.slider_titulo img{
    margin: 0 358px;
    float: left;
}
.slider_img{
    float: left; 
    height: 152px;
}
.rodape_conteudo{
    width: 1000px;
    
    margin: auto;
}
.rodape_contato{
    width: 185px;
    float: left;
    margin-top: 150px;
    margin-left: 321px;
	margin-right: 10px;
	line-height: 24px;
}

.rodape_contato_copyright{
	font-size:12px;
	line-height: 15px;
	color: #C2DCF5 ;
}

.rodape_contato p{
    color: #f0f7f9;
    
    text-align: right;
    font-size: 17px;
}
.img_rodape{
    width: 252px;  float: left;  
    margin-top: 150px;  
    
}
.img_rodape:hover{
    
    margin-top: 151px;  
    
}
.img_rodape img{
    width: 180px;
    
}
.filto{
	background-image:url(../img/box_inforest.jpg);
width: 230px;

	height: 230px;
position: absolute;

	z-index: 1;

	top: 720px;
border-radius: 0 0 16px 17px;
	background-size: cover;
}