@font-face {
    font-family: MyriadPro-Regular;    
    src: url(../fonts/MyriadPro-Regular.otf),
    url(../fonts/MyriadPro-Regular.ttf),
    url(../fonts/MyriadPro-Regular.eot),
    url(../fonts/MyriadPro-Regular.woff),
    url(../fonts/MyriadPro-Regular.svg);
}
@font-face {
    font-family: MyriadPro-SemiboldIt;
    src: url(../fonts/MyriadPro-SemiboldIt.otf),
    url(../fonts/MyriadPro-SemiboldIt.ttf),
    url(../fonts/MyriadPro-SemiboldIt.eot),
    url(../fonts/MyriadPro-SemiboldIt.woff),
    url(../fonts/MyriadPro-SemiboldIt.svg);
}
@font-face {
    font-family: MyriadPro-BoldIt;
    src: url(../fonts/MyriadPro-BoldIt.otf),
    url(../fonts/MyriadPro-BoldIt.ttf),
    url(../fonts/MyriadPro-BoldIt.eot),
    url(../fonts/MyriadPro-BoldIt.woff),
    url(../fonts/MyriadPro-BoldIt.svg);
}

html, body {
    -webkit-text-size-adjust:none;
    font-family: MyriadPro-Regular, Arial, sans-serif;
    margin:0px auto;
    width:100% !important;
    overflow-x: none; 
    height: 100%;
    font-size: 16px;
}
a{
    outline: 0 none;
    text-decoration: none;
    border: none;
    cursor:pointer;
}
a img{
    outline: 0 none;
    text-decoration: none;
    border: none;
}
a{
    color: #FFFFFF;
}
a:hover{
    color: #FFFFFF;
}
.span_subtitulos a{
    color: #48B8E3;
}

h4{
    font-size:24px;
    color: #fff;
    font-family: MyriadPro-SemiboldIt, Arial, sans-serif;
    margin-bottom: 30px;
}
h5{
    font-size:50px;
    color: #fff;
    font-family: MyriadPro-SemiboldIt, Arial, sans-serif;
    margin-bottom: 20px;
}
hr{
    height: 1px;
    border: 0;
    color: #FFFFFF;
    background-color: #FFFFFF;
}
.span_titulos, .span_titulos_branco{
    padding-top:12px;
    padding-left:10px;
    padding-right:10px;
    color: #FFFFFF;
    background-color: #48B8E3;
    font-size:60px; 
    font-family: MyriadPro-SemiboldIt, Arial, sans-serif; 
}
.span_titulos_branco{
    color: #48B8E3;
    background-color: #FFFFFF;
}

.span_subtitulos, .span_subtitulos_branco{
    font-family: MyriadPro-SemiboldIt, Arial, sans-serif;
    font-size:26px; 
    line-height: 26px;
    color: #48B8E3;
}
.span_subtitulos_branco{
    color: #FFFFFF;
    font-family: MyriadPro-SemiboldIt, Arial, sans-serif;
}

#logo {
    width:150px;
    height:150px;
    /*background:url(../img/logo.png) no-repeat;*/
    position: absolute;
    float:left;
    color:#37A8DB;
    left:50px;
    padding:15px;
}

.menu {
    background-color: #FFFFFF;
    height:90px;
    position:absolute;
    z-index: 5;
    bottom:0px;
    width:100%;
}

.menu ul li {
    display:inline-block;
    list-style: none;
    float:left;
    position: relative;
    left:250px;
    padding:10px 15px;
    z-index: 5;
}

.menu ul li a{
    font-size:20px;
    font-family: MyriadPro-BoldIt, Arial, sans-serif;
    font-weight: bold;
    color:#37A8DB;
    display:inline-block;
    font-weight: 300;
    text-decoration:none;
    text-transform:uppercase;
    text-decoration:none;
    padding-left:4px;
    padding-right:4px;
    padding-top: 4px;
    border: 5px solid #FFFFFF;
    z-index: 5;
}

/*.menu ul li a.selected {
    border-color: #37A8DB;
}*/

.fixed {
    position:fixed;
    top:0px;
    z-index: 5;
}

#links_grupo_lingua_topo{
    position:absolute; 
    right:75px;
    top:25px;
}

#home {
    z-index:0;
    width:100%;
    height:90%;
    color:#FFF;
    background:url('../img/bg_home.jpg') no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment : fixed;  /* FIXED FOR IE */
}

#home, #airlumi, #services, #galerie, #contacts{
    position: relative;
    padding: 0px;
    margin:0px;
    z-index: 1;
    height:100%;
    width:100%;    
}

/*#airlumi, #services, #galerie, #contacts{
    padding-top:10%;
}*/

#airlumi{
    color: #666666;
    background:url('../img/bg_airlumi.jpg') no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#services{
    overflow-x: hidden;
    color: #FFFFFF;
    background:url('../img/bg_services.jpg') no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#galerie{
    overflow-x: hidden;
    color: #37A8DB;
    background:url('../img/bg_galerie.jpg') no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#contacts{
    overflow-x: hidden;
    color: #FFFFFF;
    background:url('../img/bg_contacts.jpg') no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#airlumi_conteudo, #services_conteudo, #galerie_conteudo, #contacts_conteudo{
    padding-top:10%;
    width: 75%;
    margin-left: 12%;
    margin-right: 12%;
}

@media only screen and (min-device-width : 320px) and (max-device-width : 1024px)  {
    .menu ul li {
        left:170px;
        padding:7px 7px;
    }
    .span_titulos, .span_titulos_branco{
        padding-top:13px;
    }
    #home, #airlumi, #services, #galerie, #contacts{
        padding-top: 2px;   
    }
    #home {
        background:url('../img/bg_home.jpg') no-repeat center center; 
    }
    #airlumi{
        background:url('../img/bg_airlumi.jpg') no-repeat center center; 
    }
    #services{
        background:url('../img/bg_services.jpg') no-repeat center center; 
    }
    #galerie{
        background:url('../img/bg_galerie.jpg') no-repeat center center; 
    }
    #contacts{
        background:url('../img/bg_contacts.jpg') no-repeat center center; 
    }
    #contactos_morada{
        right:-275px !important;
    }
    #contacts_conteudo{
        padding-top:13%;
    }
    .envoyer input {
        -webkit-appearance: none;
    }
    #div_copyright{
        bottom: 10px;
    }
    #copy1, #copy2{
        margin-top:-15px;
    }
    #links_grupo_lingua_topo{
        right:50px !important;
    }
}

#img_pme{
    position: absolute;
    bottom: 50px;
    right:10%;
}

#div_img_rectangle_services{
    border: 16px solid #FFFFFF;
    position: absolute;
    top:-1px;
    right:10%;
    width: 10%;
    height: 35%;
}
#div_services_catalogue{
    /*background:url('../img/download_catalogue.png') no-repeat center center;*/
    /*border: 13px solid #FFFFFF;*/
    /*position: absolute;
    top:50%;
    right:-190px;
    width: 424px;
    height: 217px;*/

    /*height:55px;
    background:url(img/download_catalogue.png) no-repeat;
    width:92%; 
    display:block; 
    right:0;*/
}
#galerie_conteudo{
    /*left:88%;
    z-index: 3;*/
    
}
#slider{
    border-image:url('../img/bg_box_galeria.png') 20 20;
    -webkit-border-image:url('../img/bg_box_galeria.png') 20 20; /* Safari 5 */
    -o-border-image:url('../img/bg_box_galeria.png') 20 20;
    border-style:solid;
    border-color: #37A8DB;
    border-width:20px;
}
#contactos_morada{
    float: right; 
    padding-top: 25px;
    top: 20%; 
    position: absolute; 
    right:0px;
    font-family: MyriadPro-SemiboldIt, Arial, sans-serif;
    font-size:20px; 
}

#div_copyright{
    position: absolute;
    bottom: 25px;
    width: 78%;
    margin-left: auto;
    margin-right: auto;
    font-size: 12px;
    line-height: 36px;
    font-family: MyriadPro-SemiboldIt, Arial, sans-serif;

    left:50%;
    margin-left:-39%;
    margin-right:-39%;
}
#copy1{
    float:left;
    margin-left: 25px;
}
#copy2{
    float:right;
    margin-right: 25px;
}
#galerie1{
    top:19%;
    position: absolute;
    left:11%;
    z-index:8;
}
#galerie2{
    position:absolute;
    width:65%;
    top:24%;
    left:80%;
    float:right;
    margin-right: 25px;
    z-index:11;
}
#puxa_galeria{
    cursor:pointer;
    position:absolute;
    top:53%;
    left:75%;

}
#panic_galeria{
    cursor:pointer;
    position:absolute;
    top:53%;
    left:85%;
    z-index:10;
}
#box_galeria{
    position:absolute; 
    top:0; 
    left:0; 
    width:100%; 
    height:100%; 
    z-index:9; 
    background-color:#FFFFFF; 
    opacity:0; filter:alpha(opacity=0); 
    display:none;
    cursor:pointer;
}

/*FORMULARIO CONTACTO*/
input, textarea {
    opacity:0.85;
    padding: 10px;
    border: 1px solid #E5E5E5;
    width: 200px;
    color: #37A8DB !important;
    font-size:11px;
    font-style: italic;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
    -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;     
}
textarea {
    resize: none;
    width: 400px;
    height: 125px;
    max-width: 400px;
    line-height: 18px;
    overflow-y:auto; 
}
input:hover, textarea:hover,
input:focus, textarea:focus {
    border-color: 1px solid #C9C9C9;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px;
    -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px; 
}
::-webkit-input-placeholder {color: #37A8DB; font-style: italic;}
:-moz-placeholder {color: #37A8DB; font-style: italic;}
::-moz-placeholder {color: #37A8DB; font-style: italic;}
:-ms-input-placeholder {color: #37A8DB; font-style: italic;}

.envoyer input {
    cursor: pointer;
    width: 400px; 
    height: 35px;
    background-color: #FFFFFF; 
    color: #37A8DB;    
}
/*FIM FORMULARIO CONTACTO*/