@import url(reset.css);

/*DECLARAÇÃO FONTES*/
@font-face {
    font-family: "Antiqua";
    src: url(../fonts/Antiqua.TTF);
}
/*/DECLARAÇÃO FONTES*/

body{
    z-index: -50;
    background-color: #f8f3f6;
}  

/*Inicio Responsive 320*/
@media (min-width: 320px) and (max-width: 479.99px) {    
    #pagina{
        width: 320px;    
    }   

    .centraliza {
        position: relative;
        float: left;        
        left:50%;
        margin-top: 140px;  
        margin-left:-160px;    
    }

    #pagina .fundo{
        /*CENTRALIZAR OBJETOS*/
        display: block;
        margin-left: auto;
        margin-right: auto;
        /*CENTRALIZAR OBJETOS*/
        position: absolute;
        margin-top: -140px;
        z-index: -20;
    }       
    
    #pagina .construcao{
        margin: 0px;
        padding: 0px;
        width: 190px;
        height: auto;        
        margin-top: -20px;
        /*CENTRALIZAR OBJETOS*/
        display: block;
        margin-left: auto;
        margin-right: auto;
        /*CENTRALIZAR OBJETOS*/
    }
    
    #pagina .logotipo{
        margin: 0px;
        padding: 0px;
        width: 240px;
        height: 120px;        
        margin-top: 80px;
        /*CENTRALIZAR OBJETOS*/
        display: block;
        margin-left: auto;
        margin-right: auto;
        /*CENTRALIZAR OBJETOS*/
    }      

    #pagina .salvethedate{
        margin: 0px;
        padding: 0px;
        width: 240px;
        height: 120px;        
        margin-top: 40px;
        /*CENTRALIZAR OBJETOS*/
        display: block;
        margin-left: auto;
        margin-right: auto;
        /*CENTRALIZAR OBJETOS*/
    }   
  
}  
/*Fim Responsive 320*/

/*Inicio Responsive 480*/
@media (min-width: 480px) and (max-width: 599.99px) {
    #pagina{
        width: 480px; 
    }

    .centraliza {
        position: relative;
        float: left;        
        left:50%;
        margin-left:-240px;   
        margin-top: 70px;            
    }

    #pagina .fundo{
        /*CENTRALIZAR OBJETOS*/
        display: block;
        margin-left: auto;
        margin-right: auto;
        /*CENTRALIZAR OBJETOS*/
        position: absolute;
        margin-top: -70px;
        z-index: -20;
    }       
    
    #pagina .construcao{
        margin: 0px;
        padding: 0px;
        width: 280px;
        height: auto;        
        margin-top: 50px;
        /*CENTRALIZAR OBJETOS*/
        display: block;
        margin-left: auto;
        margin-right: auto;
        /*CENTRALIZAR OBJETOS*/
    }
    
    #pagina .logotipo{
        margin: 0px;
        padding: 0px;
        width: 300px;
        height: 200px;        
        margin-top: 80px;
        /*CENTRALIZAR OBJETOS*/
        display: block;
        margin-left: auto;
        margin-right: auto;
        /*CENTRALIZAR OBJETOS*/
    }      

    #pagina .salvethedate{
        margin: 0px;
        padding: 0px;
        width: 300px;
        height: 200px;        
        margin-top: 40px;
        /*CENTRALIZAR OBJETOS*/
        display: block;
        margin-left: auto;
        margin-right: auto;
        /*CENTRALIZAR OBJETOS*/
    }   
}  
/*Fim Responsive 480*/

/*Inicio Responsive 600*/
@media (min-width: 600px) and (max-width: 799.99px) {
    #pagina{
        width: 600px;         
    }

    .centraliza {
        position: relative;
        float: left;        
        left:50%;
        margin-top: 70px;  
        margin-left:-300px;   
    }

    #pagina .fundo{
        /*CENTRALIZAR OBJETOS*/
        display: block;
        margin-left: auto;
        margin-right: auto;
        /*CENTRALIZAR OBJETOS*/
        position: absolute;
        margin-top: -70px;
        z-index: -20;
    }       
    
    #pagina .construcao{
        margin: 0px;
        padding: 0px;
        width: 380px;
        height: auto;        
        margin-top: 50px;
        /*CENTRALIZAR OBJETOS*/
        display: block;
        margin-left: auto;
        margin-right: auto;
        /*CENTRALIZAR OBJETOS*/
    }
    
    #pagina .logotipo{
        margin: 0px;
        padding: 0px;
        width: 340px;
        height: 220px;        
        margin-top: 80px;
        /*CENTRALIZAR OBJETOS*/
        display: block;
        margin-left: auto;
        margin-right: auto;
        /*CENTRALIZAR OBJETOS*/
    }      

    #pagina .salvethedate{
        margin: 0px;
        padding: 0px;
        width: 340px;
        height: 220px;        
        margin-top: 30px;
        /*CENTRALIZAR OBJETOS*/
        display: block;
        margin-left: auto;
        margin-right: auto;
        /*CENTRALIZAR OBJETOS*/
    }    
}  
/*Inicio Responsive 600*/

/*Inicio Responsive 800*/
@media (min-width: 800px) and (max-width: 1023.99px) {
    #pagina{
        width: 800px; 
    }

    .centraliza {
        position: relative;
        float: left;        
        left:50%;
        margin-left: -400px;      
        margin-top: 70px;   
    }

    #pagina .fundo{
        /*CENTRALIZAR OBJETOS*/
        display: block;
        margin-left: auto;
        margin-right: auto;
        /*CENTRALIZAR OBJETOS*/
        position: absolute;
        margin-top: -70px;
        z-index: -20;
    }       
    
    #pagina .construcao{
        margin: 0px;
        padding: 0px;
        width: 380px;
        height: auto;        
        margin-top: 50px;
        /*CENTRALIZAR OBJETOS*/
        display: block;
        margin-left: auto;
        margin-right: auto;
        /*CENTRALIZAR OBJETOS*/
    }
    
    #pagina .logotipo{
        margin: 0px;
        padding: 0px;
        width: 340px;
        height: 220px;        
        margin-top: 80px;
        /*CENTRALIZAR OBJETOS*/
        display: block;
        margin-left: auto;
        margin-right: auto;
        /*CENTRALIZAR OBJETOS*/
    }      

    #pagina .salvethedate{
        margin: 0px;
        padding: 0px;
        width: 340px;
        height: 220px;        
        margin-top: 30px;
        /*CENTRALIZAR OBJETOS*/
        display: block;
        margin-left: auto;
        margin-right: auto;
        /*CENTRALIZAR OBJETOS*/
    }       
}  
/*Inicio Responsive 800*/

/*Inicio Responsive 1024px*/
@media (min-width: 1024px) and (max-width: 1366.99px) {
    #pagina{
        width: 1024px;   
    }

    .centraliza {
        position: relative;
        left:50%;
        margin-left:-512px;
        float: left;	
        margin-top: 70px;        
    }

    #pagina .fundo{
        /*CENTRALIZAR OBJETOS*/
        display: block;
        margin-left: auto;
        margin-right: auto;
        /*CENTRALIZAR OBJETOS*/
        position: absolute;
        margin-top: -70px;
        z-index: -20;
    }       
    
    #pagina .construcao{
        margin: 0px;
        padding: 0px;
        width: 380px;
        height: auto;        
        margin-top: 00px;
        /*CENTRALIZAR OBJETOS*/
        display: block;
        margin-left: auto;
        margin-right: auto;
        /*CENTRALIZAR OBJETOS*/
    }
    
    #pagina .logotipo{
        margin: 0px;
        padding: 0px;
        width: 440px;
        height: 280px;        
        margin-top: 80px;
        /*CENTRALIZAR OBJETOS*/
        display: block;
        margin-left: auto;
        margin-right: auto;
        /*CENTRALIZAR OBJETOS*/
    }      

    #pagina .salvethedate{
        margin: 0px;
        padding: 0px;
        width: 440px;
        height: 240px;        
        margin-top: 10px;
        /*CENTRALIZAR OBJETOS*/
        display: block;
        margin-left: auto;
        margin-right: auto;
        /*CENTRALIZAR OBJETOS*/
    }   
}
/*Inicio Responsive 1024px*/

/*Inicio Responsive 1367*/
@media (min-width: 1367px) {
    #pagina {
        width: 1366px;   
    }

    .centraliza {
        position: relative;
        left:50%;
        margin-left:-683px;
        float: left;	     
        margin-top: 50px; 
    }  
    
    #pagina .fundo{
        /*CENTRALIZAR OBJETOS*/
        display: block;
        margin-left: auto;
        margin-right: auto;
        /*CENTRALIZAR OBJETOS*/
        position: absolute;
        margin-top: -70px;
        z-index: -20;
    }       
    
    #pagina .construcao{
        margin: 0px;
        padding: 0px;
        width: 380px;
        height: auto;        
        margin-top: 00px;
        /*CENTRALIZAR OBJETOS*/
        display: block;
        margin-left: auto;
        margin-right: auto;
        /*CENTRALIZAR OBJETOS*/
    }
    
    #pagina .logotipo{
        margin: 0px;
        padding: 0px;
        width: 440px;
        height: 280px;        
        margin-top: 80px;
        /*CENTRALIZAR OBJETOS*/
        display: block;
        margin-left: auto;
        margin-right: auto;
        /*CENTRALIZAR OBJETOS*/
    }      

    #pagina .salvethedate{
        margin: 0px;
        padding: 0px;
        width: 440px;
        height: 240px;        
        margin-top: 10px;
        /*CENTRALIZAR OBJETOS*/
        display: block;
        margin-left: auto;
        margin-right: auto;
        /*CENTRALIZAR OBJETOS*/
    }  

}