* {
	margin:0;
    padding:0;
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
}
body{
    font-family: 'Lato', sans-serif;
    font-size: 14px;
}
html{

	background-color: #f8f8f8;
	min-width: 1024px;
	overflow: hidden;
}
/*::::::::::::::::::::::::::top bar*/
#topBar{
	position: absolute;
	width: 1024px;
	height: 53px;
	left: 49.8%;
	margin-left: -512px;
	top: 0;
	z-index: 5;
}
    
/*::::::::::::::::::::::::::login*/
#login{
    
    position: absolute;
    width: 1024px;
    height: 312px;
    right: 175px;
    top: 381px;
    left: 51%;
    margin-left: -512px;
    z-index: 5; 
    
}
#form_login{
    
    position: relative;
    background-image:url(bg_login.png);
    background-repeat: no-repeat;
    width: 298px;
    height: 254px;
    margin-left: 680px;
    margin-top: 26px;
    font-family: 'Lato', sans-serif;
    font-weight: 500;
    padding-top: 50px;
    padding-left: 30px;

    
}
#form_login input{
    
    border:0px solid #444444;
    margin-bottom: 5px;
    width: 239px;
	height: 31px;
    background-repeat: no-repeat;
    padding-left: 10px;
    margin-bottom: 10px;
    
   /* font-size: 1.1em; */
    
        
        
}
#login_username{
   
	background-image:url(username_bg.png);
 
}

#login_password{
   
	background-image:url(password_bg.png);
	
}

.input_buttons_common{
    
    background-color: rgba(0, 154, 217, 1);    
    cursor: pointer;
    color: #fff;
    font-size: 1.2em; 
    border:none;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
    margin-top: 6px;
    
    /*Transition*/
   -webkit-transition: All 0.3s ease;
   -moz-transition: All 0.3s ease;
   -o-transition: All 0.3s ease;
   -ms-transition: All 0.3s ease;
   transition: All 0.3s ease;
    
}
    
.input_buttons_common:hover {
     background-color: rgba(0, 111, 185, 1);
    
}
#form_login input:focus{ 
	outline: none;
}

/*::::::::::::::::::::::::::recuperar password btn  + consultar_site_btn*/
#recuperar_password_btn {
   position: absolute;
   right: 30px;
   top: 145px;
   

}
#recuperar_password_btn a {
     
    text-decoration: none;
    font-weight: 600;
    font-family: 'Lato', sans-serif;
    color: #cac8c8;/*#4d4c4b;*/
    /*Transition*/
   -webkit-transition: All 0.3s ease;
   -moz-transition: All 0.3s ease;
   -o-transition: All 0.3s ease;
   -ms-transition: All 0.3s ease;
   transition: All 0.3s ease;

}
#recuperar_password_btn a:hover{
    color: rgba(255, 116, 17, 1); 
}  
#slogan_linkSite {
    
    position: absolute;
    width: 700px;
    top: 600px;
    left: 50%;
    margin-left: -512px;
    z-index: 6;
    
}
#consultar_site_btn {
    
   position: relative;
    padding: 10px 0 0 40px; 

}

#consultar_site_btn a {
    
    text-decoration: none;
    font-weight: 600;
    font-family: 'Lato', sans-serif;
    color: #4d4c4b;
    font-size: 0.9em;
    
    /*Transition*/
   -webkit-transition: All 0.3s ease;
   -moz-transition: All 0.3s ease;
   -o-transition: All 0.3s ease;
   -ms-transition: All 0.3s ease;
   transition: All 0.3s ease;
  
}
#consultar_site_btn a:hover{
    
    color: rgba(0, 111, 185, 1); 
}  

/*::::::::::::::::::::::::::utilizador registado*/

#utilizador_registado{
    
    position: absolute;
    top: 200px;
    right: 30px;
    color: white; 
    
}
    
/*::::::::::::::::::::::::::bottom bar*/
#footer{
	position: fixed;
	width: 1024px;
	height: 79px;
	left: 50%;
    bottom: 0px;
	margin-left: -512px;
    z-index: 8;
}
/*::::::::::::::::::::::::::loopImagesContainer*/
#loopImagesContainer{
    
	position: absolute;
	width: 1024px;
	height: 638px;
	top: 53px;
	left: 50%;
	margin-left: -513px;
    background: url(main_bg.png);
    z-index: 4; 

}
/*::::::::::::::::::::::::::loopImagesContainer*/
#loopImagesMask{
    
	width: 1026px;
	height: 302x;
	/*overflow: hidden;*/
}
#slogan{
    
    color: #4d4c4b; 
    position: relative;
    padding-left: 40px;
    font-size: 1.5em;
    font-weight: 600;
        
}
/*::::::::::::::::::::::::::bullets*/
#bullets{
    
    position: absolute;
    width: 1024px;
    height: 26x;
    top: 309px;
    left: 50%;
    margin-left: -512px;
    z-index: 10;
    
    
}
#bullets ul{
    
    list-style-type: none;
    margin-left: 460px;
    
}

#bullets ul li{
    
    display: inline; 
    padding-right: 5px;
    width: 13px;
    height: 13px;
    cursor: pointer;
    
}
/*::::::::::::::::::::::::::avisoF11*/
#avisoF11{
    
	position: absolute;
	width: 501px;
	height: 210px;
	top: 100px;
	left: 50%;
	margin-left: -250.5px;
	background-image: url(avisoF11.png);
	background-repeat: no-repeat;
	z-index: 3;
	
}
/*::::::::::::::::::::::::::::::::MEDIA QUERY::::::::::::::::::::::::::::*/

@media screen and (max-width: 1000px), screen and (max-height: 750px){ 
    
    /*::reposiciona o login::::*/ 
    #login{
    
        top: 28px;
        right: 0;
        position: absolute;
        z-index: 999;

    }

 }