*{
    margin: 0px;
    padding: 0px;
}
#scroll {
    position: fixed;
    top: 45%;
    right: 30px;
    z-index: 11;
}
.scroll_item {
    border-radius: 50%;
    border: 2px solid #000;
    width: 10px;
    height: 10px;
    margin: 7px;
    cursor: pointer;
}
.scroll_item:hover{
    background: #000;
}
.scroll_item_active {
    border-radius: 50%;
    border: 2px solid #000;
    width: 10px;
    height: 10px;
    margin: 7px;
    background-color: #000;
}

/*------------------SECTIONS----------------------*/

#first1 {
    width: 100%;
    height: 900px;  
    background-color: #FCFCFC;     
    /*img-color: #E5E5E5;*/
    position: relative;     
}


#second1 {
    width: 100%;
    height: 1450px;
    background-color: #D3D3D3;    
    z-index: 10; 
    position: relative;          
}

#third1 {
    width: 100%;
    height: 950px;
    background-color: #ABABAB;   
    z-index: 10;       
    position: relative;       
}

#fourth1 {
    width: 100%;
    height: 2600px;    
    background-color: #050505; 
    z-index: 12; 
    position: relative;                
}

#fifth1 {
    width: 100%;
    height: 820px;
    background-color: #E8E8E8;   
    z-index: 10;       
    position: relative;       
}


/*------------------MENU-----------------------*/


#titprincipal {
    font-size: 90px;
    font-family: Helvetica;
    font-weight: bold;
    padding-top: 200px;
    padding-left: 50px; 
    position: fixed;
    z-index: 8;   
    line-height: 100px;  
}

#menu {
    float: left;
    width: 100%;
    z-index: 11;
    position: fixed;
}

.ativo {
    font-weight: bold;
}

.normal {
    font-weight: normal;
}

#titmenu {
    font-size: 14px;
    font-family: Helvetica;
    padding-top: 40px;
    position: fixed;   
    z-index: 11; 
    color: #000; 
    text-decoration: none;           
} 

#titmenu_active {
    font-weight: bold;
}

#titmenu:hover {
    font-weight: bold;  
}


#titmenu1 {
    font-size: 14px;
    font-family: Helvetica;
    padding-top: 40px;
    position: fixed;   
    z-index: 11; 
    color: #000; 
    text-decoration: none;           
} 

#titmenu1:hover {
    font-weight: bold;  
}

#titmenu2 {
    font-size: 14px;
    font-family: Helvetica;
    padding-top: 40px;
    position: fixed;   
    z-index: 11; 
    color: #000; 
    text-decoration: none;           
} 

#titmenu2:hover {
    font-weight: bold;  
}

#titmenu3 {
    font-size: 14px;
    font-family: Helvetica;
    padding-top: 40px;
    position: fixed;   
    z-index: 11; 
    color: #000; 
    text-decoration: none;           
} 

#titmenu3:hover {
    font-weight: bold;  
}

#titmenu4 {
    font-size: 14px;
    font-family: Helvetica;
    padding-top: 40px;
    position: fixed;   
    z-index: 11; 
    color: #000; 
    text-decoration: none;           
} 

#titmenu4:hover {
    font-weight: bold;  
}

#imginicial {
    width: 100%;
    height: 650px;
    background-color: #252F33;
    z-index: 10;
    position: relative;
}




/*------------------SECOND-------------------*/


#textointro {
    width: 50%;
    font-size: 21px;
    font-family: Helvetica;
    padding-top: 150px;    
    color: #000;
    margin-left: 410px; 
    line-height: 27px;   
}

#imgsecond {
    width: 50%;
    margin-left: 10px;
    margin-top: 120px;
    float: left;
}

#imgsecond1 {
    width: 45%;
    margin-left: 80px;
    margin-top: 100px;
    float: left;
}

#textolegenda {
    margin-top: 16px;
    margin-left: 20px;
    width: 400px;
    float: left;

    font-size: 14px;
    font-family: Helvetica;
    color: #000;
    line-height: 21px;    
}

#textolegendam {
    margin-left: 140px;
    margin-top: 220px;
    width: 420px;
    float: left;
    position: relative;

    font-size: 14px;
    font-family: Helvetica;
    color: #FFF;
    line-height: 21px;    
}

#gif2{
    margin-top: -340px;
    margin-left: 200px;
    z-index: 10;
}



/*------------------THIRD-------------------*/



#textolegenda3 {
    margin-top: 16px;
    margin-left: 410px;
    width: 50%;
    float: left;

    font-size: 14px;
    font-family: Helvetica;
    color: #000;
    line-height: 21px;    
}

#linkfalso {
    cursor: pointer;
}

#linkfalso:hover {
    text-decoration: underline;
}

#sublinha {
    text-decoration: none;
}

#linkfalso:active .sublinha{
    text-decoration: underline;
}


/*------------------DARK-------------------*/

#textointrod {
    width: 50%;
    font-size: 21px;
    font-family: Helvetica;
    padding-top: 150px;    
    color: #E8E8E8;
    margin-left: 410px; 
    line-height: 27px;   
}

#imgsecondd {
    width: 50%;
    margin-left: 10px;
    margin-top: 120px;
    float: left;
}


#divd11d {
    width: 100%;
    height: 520px;    
}


#divd1 {
    width: 55%;
    height: 300px;    
    float: right;
    background-color: #E8E8E8;
}

#divd1d {
    padding-left: 40px;
    width: 40%;
    height: 300px;    
    float: left;
}


#textodivd1 {
    padding: 40px;
    padding-left: 80px;
    font-size: 11px;
    font-family: Helvetica;
    color: #000;
    line-height: 21px;  
}


#textolegendad1 {
    margin-top: 16px;
    margin-left: 40px;
    margin-right: 90px;

    font-size: 14px;
    font-family: Helvetica;
    color: #E8E8E8;
    line-height: 21px;    
}



#divd3 {
    width: 53%;
    height: 50px;    
    margin-top: 120px;
    /*border: 1px solid #E8E8E8;*/
    float: left;
    background-color: #E8E8E8;
}

#textodivd3 {
    margin-left: 80px;
    padding: 30px;
    font-size: 11px;
    font-family: Helvetica;
    color: #000;
    line-height: 21px;  
}


#divd4 {
    width: 53%;
    height: 400px;    
    padding-left: 10px;
    margin-top: 120px;
    /*border: 1px solid #E8E8E8;*/
    float: left;
    background-color: #E8E8E8;
}

#textodivd4 {
    padding-top: 20px;
    padding-left: 25px;
    font-size: 70%;
    font-family: Helvetica;
    color: #000;
    line-height: 21px;  
}

#imgsecondd1 {
    width: 55%;
    margin-left: 10px;
    margin-top: 100px;
    float: left;
}

#imgsecondd2 {
    width: 40%;
    margin-left: 100px;
    margin-top: 100px;
    float: left;
}

#textolegendad {
    margin-top: 16px;
    margin-left: 30px;
    width: 30%;
    float: left;

    font-size: 14px;
    font-family: Helvetica;
    color: #E8E8E8;
    line-height: 21px;    
}


/*------------------ABOUT--------------------*/


#textoabout {
    width: 510px;
    font-size: 15px;
    font-family: Helvetica;
    padding-top: 50px;    
    color: #000;
    margin-left: 410px; 
    line-height: 20px;   
    font-weight: bold;            
} 



#link {
    text-decoration: underline;
}

#link:visited {
    color: #E8E8E8;
    text-decoration: underline; 
}
#link:hover {
    text-decoration: underline;
}
/*----------------------------------------------------------------------------*/
#link2 {
    text-decoration: none;
}

#link2:visited {
    color: #000;
    text-decoration: none; 
}
#link2:hover {
    text-decoration: underline;
}
#link2:active {
    text-decoration: none; 
}
/*-----------------------------------------------------------------------------*/

#linkn {
    text-decoration: none;
}

#linkn:visited {
    text-decoration: none; 
}
#linkn:hover {
    text-decoration: underline;
}
#linkn:active {
    text-decoration: none; 
}

#linkmain {
    color: #000;
    text-decoration: underline;
}


#imgprimeira {
    width: 49%;
    margin-left: 10px;
    margin-top: 120px;
    float: left;
}

#textojanela {
    text-align: center;
    margin-top: 200px;
    padding: 40px;
    font-size: 15px;
    font-family: Helvetica;
    color: #000;
    line-height: 21px;  
}

#textojanela2 {
    margin-top: 50px;
    width: 60%;
    padding: 100px;
    font-size: 15px;
    font-family: Helvetica;
    color: #000;
    line-height: 21px;  
}

#textojanela3 {
    margin-left: 100px;
    font-family: Helvetica;
    font-size: 12px;    
}

#janelaform {  
    margin-top: -80px; 
    width: 100%;
    text-align: center;
}

#janelaform1 {  
    width: 550px;
    height: 250px;
    font-size: 15px;
    font-family: Helvetica;
    color: #000;
    line-height: 21px;  
}

#espa {
    height: 50px;
    width: 100%;
}