@import url(http://fonts.googleapis.com/css?family=Roboto:400,500,700,300);

html, body {
    margin:0;
    padding:0;
    font-size: 14px;
    line-height: 18px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    color: #FFF;
    padding-top: 0px;
    background-color: #000 ;
    height:100%;

}
a { color: #FFF; text-decoration: none; cursor:pointer; outline: none;}
a:hover { text-decoration: none; }

a img { border: 0; }


.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }

.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

#container {
    width:100%;
    margin: 0 auto;
    min-height: 610px;
    position:absolute;
    /*   background: url(images/main.png) black 40% fixed no-repeat;*/

    background-image: url(images/main.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center top;
    overflow: visible;
}

#menu{

    background-color: #000;
    width: 400px;
    height: 50%;
    float: left;
    padding-top: 5px;
    padding-left: 15px;
}



#content {

    width: 400px;
    height:90%;
    float: right;
    padding-top: 0px;

}

#main{position: fixed; margin-top: 590px;float: left; left: 50%; margin-left: -20px; }
.lang{font-family: 'Roboto', sans-serif;font-size:14px;color:#FFF;}

#sgq{
    width: 150px;
    height: 103px;
    bottom: 5px;
    left: 40px;
    position: fixed;
    background: url('images/qualidade.png') no-repeat; 


    /*   margin-left: -50px;
      margin-top: 30px;*/
}


ul#nav {
    list-style:none;
    margin:5px;
    padding:10px;
    overflow:auto; /* makes sure the container fits the floated list-items below */
}

ul#nav li {
    position:relative; /* allows us to set the z-index */
    z-index:5; /* raises the z-index of the line item 5 levels all other elements */
    margin:3px 5px;
    padding:15px 10px 15px;
    /*float:left;*/ /* floats list items to the left, creating a horizontal menu */
    font-family: 'Roboto', sans-serif;
    font-size:22px;
    color:#FFF;

}



ul#nav li span {
    position: relative; /* must have position set to anything other than static to use z-index */
    z-index: 5; /* 5 layers above all normal elements */
}

ul#nav li.backLava {
    background-color:#4F6385;
    border-color: #4F6385 ;
    top: 0;
    background: -webkit-linear-gradient(top, #4F6385, #687C99);
    background:    -moz-linear-gradient(top, #4F6385, #687C99);
    background:     -ms-linear-gradient(top, #4F6385, #687C99);
    background:      -o-linear-gradient(top, #4F6385, #687C99);
    background:         linear-gradient(top, #4F6385, #687C99);

    /*     background: -webkit-gradient(linear, left top, left bottom, from(#4F6385), to(#687C99)); */

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 2px 3px 10px #011331;
    -moz-box-shadow: 2px 3px 10px #011331;
    -ms-box-shadow: 2px 3px 10px #011331;
    -o-box-shadow: 2px 3px 10px #011331;
    box-shadow: 2px 3px 10px #011331;

}
ul#nav a { display:block; color: #FFF; text-decoration: none; cursor:pointer; }
ul#nav a:hover { text-decoration: none; }


#accordion {
    font-size: 1em; 
    font-family: 'Roboto', sans-serif;
    background-color: #0E1C2C;
    margin-top: 20px; 
    opacity: 0.95;
    border-top-left-radius:25px;
    border-bottom-left-radius:25px;
    box-shadow: -5px 5px 15px #1e252e;
}
#accordion h4 {font-size: 1.1em; margin-top: -5px; font-weight: 400;}
/*#accordion ul {margin-top: -10px;}*/
#accordion li {font-size: 0.9em;line-height: 1.3em;}
.ui-accordion { width: 100%; }
.ui-accordion .ui-accordion-header { 
    cursor: pointer; 
    position: relative; 
    margin-top: 1px; 
    zoom: 1;
    background-color:#4F6385;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 1.4em;
    color:#FFF;
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
    opacity: 0.95;
}
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 1em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { 
    padding: 0.1em 2.2em; 
    border-top: 0; 
    margin-top: -2px; 
    position: relative; 
    top: 1px; 
    margin-bottom: 2px; 
    overflow: auto; 
    display: none; 
    zoom: 1; 
}
.ui-accordion .ui-accordion-content-active { 
    display: block; }

#empresa{
    background-color: #0E1C2C;
    padding-top: 10px;
    padding-bottom: 5px; 
    font-size: 1em; 
    font-family: 'Roboto', sans-serif; 
    margin-top: 15px;
    border-top-left-radius:25px;
    border-bottom-left-radius:25px;
    box-shadow: -5px 5px 15px #1e252e;
}
#empresa p{
    margin-left: 25px;
    margin-right: 20px;
    font-size: 1em; 
    line-height: 2em;

}
#contactos{
    background-color: #0E1C2C;
    padding-top: 10px;
    padding-bottom: 5px; 
    font-size: 1em; 
    font-family: 'Roboto', sans-serif;
    margin-top: 15px;
    border-top-left-radius:25px;
    border-bottom-left-radius:25px;
    box-shadow: -5px 5px 15px #1e252e;
}
#contactos p{
    margin-left: 25px;
    font-size: 1em; 
    font-family: 'Roboto', sans-serif;
    line-height: 2em;
}

#contactos a{color: #FFF; text-decoration: none;}

.mapa {margin-left: 25px;opacity:0.80;}