@import url("reset.css");
@import url("anythingslider.css");

*html{ overflow:auto; }
body{ background:#373c40; min-width:990px; overflow:auto; }
*body{ overflow:hidden;}

/*#eCover{ width:100%; height:100%; background:#373c40; position:absolute; top:0px; left:0px; z-index:9999999; }*/
a,a:hover, a:active, a:focus, img,img a, img a:hover, img a:active, img a:focus {
    outline: none;
    border: none;
}

#master{
    width:100%;
    height:648px;
    position:absolute;
    top:50%;
    margin-top:-300px;
    min-width:990px;
    overflow:hidden;
}

.masterClean{
    position:relative!important;
    top:0px!important;
    left:0px!important;
    margin:0px!important;
    height:648px!important;
}



header{
    width:990px;
    height:30px;
    display:block;
    margin:0px auto 30px auto;
    position:relative;
}


header h1, header h1 a{
    position:absolute;
    top:0px; left:0px;
    width:238px; height:26px;
    display:block;
    background:url(../pics/emotive.png) 0px -26px no-repeat;
    overflow:hidden;
    text-indent:-2000px;
    border:none;
}
header h1{ background-position:0px 0px; top:4px; }


header #socialMedia{
    position:absolute;
    top:0px; right:0px;
}

.socialBTN, .socialBTN a{
    display:block;
    width:24px;
    height:24px;
    overflow:hidden;
    text-indent:-2000px;
    background-position:0px -24px;
    float:left;
}

#facebook, #facebook a{ background-image:url(../pics/social_facebook.png); }
#blogger, #blogger a{ background-image:url(../pics/social_blogger.png); }
#issu, #issu a{ background-image:url(../pics/social_issu.png); }
#twitter, #twitter a{ background-image:url(../pics/twitter.png); }
#vimeo, #vimeo a{ background-image:url(../pics/social_vimeo.png); }
.socialBTN{ background-position:0px 0px!important; margin-right:6px; }
#socialMedia .last{ margin:0px!important; }


#slide, #container{
    width:100%;
    height:480px;
    display:block;
    margin:0px auto;
    overflow:hidden;
}

#slide{
    overflow:visible;
    cursor: url(../pics/hand.cur),url(../pics/hand.cur),default;
	a
}

#slide li{
    list-style:none;
	float:left;
	display:block;
    margin:0px;
}
#slide li.last{ margin-right:0px!important; }

#container{ position:relative; }

#ccliente {
    position:relative;
}
#pcontainer {
    position: absolute;
    top: 0px;
    left: 0px;
}

#preloader{
    width:40px;
    height:40px;
    display:none;
    background:url(../pics/preloader.png) 0px 0px no-repeat ;
    z-index:10;
    position:absolute;
    top:50%;
    left:50%;
    margin:-20px 0px 0px -20px;
}


/* DOCK */
#clientes {
    position:relative;
    z-index:10;
    width:100%;
    min-width:990px;
    height:55px;
    text-align:center;
    margin:15px auto 0px auto;
    overflow:hidden;
}

#clientes a {
    height:55px;
    width:55px;
    position:relative;
    left:0px;
}

#clientes a img {
    height:55px;
    width:55px;
    /*filter: alpha(opacity = 30);*/
}
/*#clientes a img:hover{ filter: alpha(opacity = 100); }*/
/* DOCK */


nav#main{
    width:990px;
    height:28px;
    position:relative;
    margin:0px auto;
    /*no highlight*/
    -moz-user-select:-moz-none;
    -khtml-user-select:none;
    -webkit-user-select:none;
    -o-user-select:none;
    user-select:none;
    /*no highlight*/
}

#mainMenuContainer{
    position:absolute;
    top:0px; right:0px;
    width:289px;
    height:100%;
}

nav#main .left, nav#main .right{
    width:11px;
    height:100%;
    background:url(../pics/menuLeft.png) 0px 0px no-repeat;
    float:left;
}
nav#main .right{ background:url(../pics/menuRight.png) 0px 0px no-repeat; }

nav#main ul{ float:left; }

nav#main ul li{
    background:#54565a;
    float:left;
    display:block;
    height:100%;
    line-height:25px;
    text-align:center;
    height:28px;
}

nav#main ul li a{
    color:#fff;
    font:11px Arial, Helvetica, sans-serif;
    text-decoration:none;
    padding:0px 4px;
}

nav#main ul li a:hover, nav#main ul li a.on{
    font-weight:bold;
}

nav#main .divider{
    height:28px;
    width:14px;
    background:url(../pics/menuDivider.png) 50% 10px no-repeat #54565a;
    overflow:hidden;
    text-indent:-2000px;
}

#descriptionBox{
    position:absolute;
    top:11px;
    left:0px;
    width:380px;
    height:auto;
    z-index:5;
    overflow:visible;
}

#descriptionBox div{
    width:312px;
    height:auto;
    background:url(../pics/descriptionBox_bg.png) repeat;
    display:block;
    padding:15px 34px;
    font:11px Arial, Helvetica, sans-serif;
    color:#fff;
    line-height:1.45em;
    position:relative;
    top:5px;
}

#descriptionBox .hr{
    width:310px;
    height:32px;
    display:block;
    background:url(../pics/descriptionBox_hr.png) 50% 50% repeat-x;
    border:0px; outline:0px;
}

#descriptionBox .top, #descriptionBox .bottom{
    background:url(../pics/descriptionBox_top.png) top right no-repeat;
    height:5px; width:100%;
    display:block;
    position:absolute;
    left:0px;
}

#descriptionBox .top{ top:0px; }
#descriptionBox .bottom{ background:url(../pics/descriptionBox_bottom.png) top right no-repeat; bottom:-10px; _bottom:-24px; }

#descriptionBox .arrow{
    width:16px;
    height:14px;
    display:block;
    position:absolute;
    bottom:6px;
    right:11px;
    overflow:hidden;
    text-indent:-9999px;
}
#descriptionBox .open{ background:url(../pics/descriptionBox_open.png) 0px 0px no-repeat; }
#descriptionBox .close{ background:url(../pics/descriptionBox_close.png) 0px 0px no-repeat; }
#descriptionBox .close:hover, #descriptionBox .open:hover{ background-position:0px -14px; }



#descriptionBox a {
    color:#FFF!important;

}



#pageBoxDelimiter{
    width:990px;
    height:1px;
    position:absolute;
    z-index:10;
    top:0px;
    left:50%;
    margin:0px 0px 0px -495px;
}
#pageBox{
    width:289px;
    position:absolute;
    top:0px;
    right:0px;
    display:none;
}
#pageBoxContainer{
    width:100%;
    height:auto;
    min-height:70px;
    background:url(../pics/pageBox_bg.png) repeat;
    word-break:normal;
    padding:13px 0px 30px 0px;
    position:relative;
    display:block!important;
    overflow:hidden;
}

#container_equipa p{ line-height:1.28em; margin-bottom:23px!important; }
#container_sobre p{ line-height:1.40em; margin-bottom:8px!important; }
#container_mailing{ overflow:visible!important; }

#pageBox a{ color:#fff; text-decoration:none; }
#pageBox a:hover{ color:#b0b0b0; }


#pageBoxContainer .c{
    margin:0px 18px 0px 16px;
    min-height:20px;
    overflow:auto;
    font:11px Arial, Helvetica, sans-serif;
    color:#fff;
    padding-right:6px;
}

#pageBox .bottom{
    width:100%;
    height:7px;
    display:block;
    position:relative;
}

#pageBox .bottom .l, #pageBox .bottom .r{
    width:50%;
    height:100%;
    display:block;
    background:url(../pics/pageBox_bottom.png) top left no-repeat;
    position:absolute;
}
#pageBox .bottom .l{ bottom:0px; left:0px; width:144px; }
#pageBox .bottom .r{ background-position:top right; bottom:0px; right:0px; width:145px; }

#pageBox .close{
    background:url(../pics/pageBox_close.png) 0px 0px no-repeat;
    width:21px;
    height:22px;
    display:block;
    position:absolute;
    bottom:-1px;
    right:7px;
    overflow:hidden;
    text-indent:-9999px;
}
#pageBox .close:hover{ background-position:0px -22px; }


#pageBoxContainer h2{ font-size:13px; font-weight:bold; color:#fff; margin-bottom:10px; }
#pageBoxContainer p{ display:block; margin-bottom:10px; }
#pageBoxContainer .c{ display:none; }

#mailingForm{ position:relative; overflow:visible; }

#mailingForm .txt{
    background:url(../pics/textbox.png) 0px 0px no-repeat;
    width:248px;
    height:19px;
    border:0px; outline:0px;
    color:#373C40;
    margin-bottom:6px;
    text-indent:8px;
    font-size:10px;
    font-weight:bold;
    padding:1px 5px 0px 5px;
    line-height:19px;
    position:relative;
    z-index:2;
    clear:both;
}

#mailingForm #nome{ *left:-8px; }

#mailingForm .btnSubmit{
    background:url(../pics/btnSubmit.png) 0px 0px no-repeat;
    width:63px;
    height:23px;
    outline:0px;
    border:0px;
    cursor:pointer;
}

#mailingForm .btnSubmit:hover{
    background-position:0px -23px;
}

#mouseL, #mouseR{
    position:absolute;
    width:18px;
    height:15px;
    background:#9C3;
    display:none;
    background:url(../pics/cursor_arrows.png) 0px 0px no-repeat;
    z-index:4;
}

#mouseR{ background-position:-18px 0px; }
.mouseL_on{ background-position:0px -15px!important; }
.mouseR_on{ background-position:-18px -15px!important; }

.error{
    width:10px;
    height:18px;
    line-height:19px;
    color:#FFF;
    position:absolute;
    top:0px;
    right:-12px;
    font-size:12px;
    font-weight:bold;
    text-align:right;
    padding-right:3px;
    z-index:3;
}

.message{
    width:100%;
    display:block;
    text-align:center;
}

.videoContainer{
    width:660px;
    height:480px;
    position:relative;
}
.flashContainer{
    width:auto;
    height:480px;
    position:relative;
}

.videoContainer iframe{ width:660px; height:480px; z-index:1; overflow:hidden; }
.flashContainer iframe{ width:auto; height:480px; z-index:1; overflow:hidden; }

.videoMover{
    background:url(../pics/mover.png) 10px 10px no-repeat;
    width:55px;
    height:55px;
    position:absolute;
    top:0px; left:0px;
    z-index:2;
    display:none;
}