/* normaliza a margem, padding */
html, body, div, dl, dt, dd, ul, ol, li, 
h1, h2, h3, h4, h5, h6, pre, input, 
p, blockquote, th, td, img 
    {
	margin: 0;
	padding: 0;
    }

html, body 
    {
	    height: 100%;
    }

h1, h2, h3, h4, h5, h6 
    {
	    font-size: 100%;
	    font-weight: normal;
}

/* remove list-style dos li's */
ol, ul 
    {
	    list-style: none;
    }
     
 
/* remove borda dos campos e das imagens */
fieldset, img 
    {
	    border: 0;
    }

/* remove list-style dos li */

ol, ul 
    {
	    list-style: none;
    }


/*- Elementos comuns
-----------------------------*/	

body
    {
	    font-family: helvetica, arial, sans-serif;
	    font-size: 12px;
	    color: #616161;
	    line-height: 1.6em;
	    background-color: #f2f2f2;
    }
    

/*____links*/

a:link, a:visited
    {
        text-decoration: none;
        color: #8c8c8c;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
    }

a:hover
    {
	    color: #3B3635;
	    font-family: Arial, Helvetica, sans-serif;
	    font-size: 10px;
    }
    
a:active
    {
	    color: #ED028D;
	    font-family: Arial, Helvetica, sans-serif;
	    font-size: 10px;
    }


/*menu*/

a.door:link
    {
	    text-decoration: none;
        color: #000000;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 20px;
    }

a.door:hover 
    {
        text-decoration: none;
        color: #515151;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 20px;
	}
	
a.door:visited	
	{
	    text-decoration: none;
        color: #515151;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 20px;
    }
    
a.door:active 
    {
	    text-decoration: none;
        color: #000000;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 20px;
    }   
    
/*_________________H's_*/

h1 
    {
        color: #1e1918;
	    line-height: 1em;
	    margin-bottom: 0.8em;
	    padding-bottom: 6px;
	    border-bottom: solid 1px #F0F0F0;
	    text-transform: uppercase;
	    
    }

h2
    {
        color: #8c8c8c;
	    line-height: 1em;
	    margin-bottom: 0.8em;
	    padding-bottom: 6px;
	    border-bottom: solid 1px #E4E4E4;
	    text-transform: uppercase;
    }

h3
{
    color: #8c8c8c;
    padding-bottom: 6px;
    border-bottom: solid 1px #E4E4E4;
    text-transform: lowercase;
    font-size: 12pt;
}

h4  {
	color: #000000;
	padding-bottom: 6px;
	border-bottom: solid 1px #E4E4E4;
	font-size: 12pt;
    }

h5 
    {
	    color: #292a29;
	    font-weight: bold;
	    margin-bottom: 0.6em;
    }

textarea 
    {
	    font-family: helvetica, arial, sans-serif;
	    font-size: 12px;
    }

/*-  topo
---------------------------*/

#top
    {
	    background-color: #282828;
	    height: 25px;
	    color: #818181;
	    font-size: 9px;
	    line-height: 1em;
    }

#top .inner,
#header .menu,
#wrapper .inner,
#footer .inner 
    {
	    width: 900px;
	    margin: 0 auto;
	    padding: 0px;
	}


#top .inner p 
    {
	    margin-left: 375px;
	    padding-top: 9px;
    }

#top a:link,
#top a:visited 
    {
	    color: #818181;

    }

#top a:hover 
    {
	    color: #fff;
    }

#header 
    {
	    background-color: #fff;
    }
    
#header .inner 
    {
	    width: 900px;
	    position: relative;
	    padding-top: 4px;
    /*	padding-top: 20px;*/
        padding-bottom: 10px;  
	    height: 70px;	
	    border-bottom: solid 1px #e9e9e9;
    }

img#logo 
    {
	    margin-left: 0px;
	    padding-bottom: 20px;
	    padding-top:20px;
	    height:60px;
	    width:120px;
    }
    
/*________________________imagens */

.imagem_splash {
	border: 1px solid #DADADA;
	padding: 5px;
	background: #FAFAFA;
}


.clearfix:after 
    {
        content: "."; 
        display: block; 
        height: 0; 
        clear: both; 
        visibility: hidden;
        margin-bottom:10px;
    }

* html .clearfix
    {
        height: 1%;
    }   

/*-  centro
---------------------------*/

#esq
    {
	    width: 180px;
	    float: left;
	    padding-top: 20px;   
	
	    
    }
    
    
#drt 
    {
        width: 180px;
        float: right;
	    padding-top: 20px;
    }
	
#main 
    {
	    margin-left: 220px;
	    margin-right: 190px;
	    padding-top: 20px;
	    width: 450px;
    }
	

	
	/*-  Menu Drop down 
---------------------------*/


#dropmenudiv
    {
	    position:absolute;
    	border-bottom-width: 0;
	    z-index:100;
	    border-top-width: 1px;
	    border-right-width: 1px;
	    border-left-width: 1px;
	    border-top-style: solid;
	    border-right-style: solid;
	    border-bottom-style: solid;
	    border-left-style: solid;
	    border-top-color: #DBDBDB;
	    border-right-color: #DBDBDB;
	    border-bottom-color: #DBDBDB;
	    border-left-color: #DBDBDB;
	    font-family: Verdana;
	    font-size: 12px;
	    font-style: normal;
	    font-weight: normal;
	    font-variant: normal;
    }

#dropmenudiv a
    {
	    width: 100%;
	    display: block;
	    text-indent: 3px;
	    padding: 1px 0;
	    text-decoration: none;
	    font-weight: bold;
	    border-bottom-width: 1px;
	    border-bottom-style: solid;
	    border-bottom-color: #DBDBDB;
    }

#dropmenudiv a:hover
    {
        /*hover background color*/
        background-color: #Ffffff;
    }

/*-  Navegação
---------------------------*/

#home
    {
        float: right;  
	    bottom: 20px;
	    top: -1px;
    }


ul#nav
    {
	    position: absolute;
	    left: 375px;
	    bottom: 20px;
	    font-size: 15px;
    }

ul#nav li 
    {
	    height: 12px;
	    float: left;
    }

ul#nav li a
    {
	    width: 100%;
	    height: 100%;
	    text-decoration: none;
	    position: relative;
	    top: -1px;
    }

ul#nav li span 
    {
    	visibility: hidden;
    }

/* Menu Soluçoes*/


ul#nav li#solucoes 
    {
	    width: 81px;
	    background: #fff;
    }

ul#nav li#solucoes:hover 
    {
	    background: #fff ;
    }

ul#nav li#solucoes.active 
    {
	    width: 81px;
	    background: #fff;
    }

/* Menu Produtos */
    
ul#nav li#produtos
    {
	    width: 78px;
	    background: #fff ;
	    padding-left: 8px;
    }

ul#nav li#produtos:hover
    {
	    background: #fff ;
    }

ul#nav li#produtos.active
    {
	    width: 78px;
	    background: #fff ;
	    padding-left: 8px;	
    }

/* Menu Suporte */
    
ul#nav li#suporte
    {
	    width: 81px;
	    background: #fff ;
	    padding-left: 5px;
    }

ul#nav li#suporte:hover
    {
	    background: #fff ;
    }

ul#nav li#suporte.active
    {
	    width: 81px;
	    background: #fff ;
	    padding-left: 5px;	
    }

/* Menu Formaçao */

ul#nav li#formacao
    {
	    width: 75px;
	    background: #fff ;
	    padding-left: 9px;	
    }

ul#nav li#formacaos:hover
    {
	    background: #fff ;
    }

ul#nav li#formacao.active
    {
	    width: 75px;
	    background: #fff ;
	    padding-left: 9px;		
    }

/* Menu Empresa */
    
ul#nav li#empresa
    {
	    width: 93px;
	    background: #fff ;
	    padding-left: 4px;		
    }
 
 
ul#nav li#empresa:hover 
    {
	    background: #fff ;	
    }

ul#nav li#empresa.active
    {
	    width: 93px;
	    background: #fff ;
	    padding-left: 4px;		
    }

/*_________conteudo interior_____*/


#wrapper 
    {
        padding-bottom:20px;
    	background-color: #fff;
    	border-bottom: solid 1px #ccc;	
    	min-height: 400px;		
    }

/*_________espaço _____*/

#espaco
    {
        width: 900px;
        height: 20px;
        position: relative;
        top: 15px;
        margin-bottom: 13px;
    }


/*_________imagem central_____*/

#imagem_empresa 
    {
        width: 900px;
        height: 200px;
        position: relative;
        top: 15px;
        margin-bottom: 13px;
    }


/*_________footer_____*/

#footer .inner
    {
        color: #bbbbb4;
        font-size: 9px;
        padding: 20px 0 40px;
    }

#footer a:link,
#footer a:visited 
    {
        color: #bbbbb4;
    }

#footer a:hover 
    {
        color: #616161;
    }

#footer p#contact
    {
        float: left;
        padding-left:20px;
    }

#footer p#copyright
    {
	    float: right;
    }

/*_________log in_____*/

#login
{
    /*background: url(imagens/fundo_login.jpg) #fcfcfc;
    padding-left: 10px;
    padding-bottom: 10px;
    border-right: #F9F9F9 1px solid;
    border-top: #F9F9F9 1px solid;
    border-left: #F9F9F9 1px solid;
    border-bottom: #F9F9F9 1px solid;*/
    border: 1px solid #DADADA;
	padding: 5px;
	background: #F7F7F7;
}
    
/*_caixas log in_*/

.imguser
    {
        background: url(imagens/utilizador.jpg) #FFF no-repeat 4px;
        border:1px solid #CCCCCC;
        padding: 2px; 
        padding-left: 23px
    }

.imgpassword
    {
        background:url(imagens/chave.jpg) #FFF no-repeat 4px;
        border:1px solid #cccccc;
        padding: 2px;
        padding-left: 23px
    }



/*  caixas log in  */

.input
    {
	    display: block;
	    font-size: 12px;
	    font-family: Arial, Helvetica, sans-serif;
	    color: #666666;
		height:20px;
	    width: 100px;
	    border: 1px solid #EEEEEE;
	}

input.input:hover, textarea.input:hover, input.input:focus, textarea.input:focus
    {
	    border-color: #CACACA;
	    background-color: #FCFCFC;
	    color: #EE00B5;
	}

/*  links laterais */
#data
    {
        background-image: url(imagens/seta.jpg);
        background-repeat:no-repeat;
        padding-left:20px;  
    }
    
.linkroll li 
    {
	    margin:1px;
	    padding:0 !important;
	    padding:1px;
	    list-style:none;
    }

.linkroll li a
    {
	    display:block;
	    margin:0;
	    color:#777;
	    text-decoration:none;
	    border-bottom:1px solid #eee;
	    background-position:left;
	    background-repeat:no-repeat;
	    padding-top: 2px;
	    padding-right: 2px;
	    padding-bottom: 2px;
	    padding-left: 2px;	
    }

.linkroll li a:hover
    {
	    border-bottom:1px solid #ccc;
	    background-color:#F7F7F7;
	    color:#ED028D;
	}	

/*________textos*/

.citacao 
	{
	
	font-weight: normal;
	font-size: 14px;
	line-height: 1.5em;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000000;
	background-image: url(imagens/citacao.jpg);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 35px;
	}


.texto_preto 
    {
	    font-family: arial;
	    color: #333333;
	    font-size: 11px;
	    text-align: justify;
	    margin-right:10px;	
    }
    
.texto_botoes 
    {
	    font-family: arial;
	    color: #333333;
	    font-size: 11px;
	    margin-right:10px;	
    }
    
    
.texto_sublinhado 
    {
	    font-family: arial;
	    color: #FF358B;
	    font-size: 11px;
	    text-decoration:underline;	
    }

.texto_verde
    {
	padding-top:20px;
	padding-left:20px;
	font-family: arial;
	font-size:14px;
	color:#66CC00;
	font-weight: bold;
	 	
    }
    
    
.barra_drt
    {
	    border-right-style: solid;
	    border-right-color: #F4F4F4;
	    border-right-width: 1px;
	    border-bottom-style: solid;
	    border-bottom-width: 1px;
	    border-bottom-color: #F4F4F4;
    }

/* Estilos dos botoes p outras pag*/


a.button, a.buttonDis 
{
	display: block;
	background-color: transparent;
	background-image: url(imagens/fundo_botao.jpg);
	background-repeat: no-repeat;
	width: 105px;
	height: 28px;
	text-align: center;
	font-size: 16px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 3px;
	padding-left: 0;
	text-transform: capitalize;
}
		
a.button:link, a.button:visited 
{
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	text-transform: capitalize;
	letter-spacing: -1px;


}

a.button:hover, a.button:active 
{
	background-position: 0 -36px;
	color: #FFFFFF;
	text-decoration: underline;

}

a.buttonDis:link, a.buttonDis:visited, a.buttonDis:hover, a.buttonDis:active
{
		background-position: 0 -72px;
		color: #5F5F5F;
		cursor: default;
}

.icon
{
	background-repeat: no-repeat;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0px;
}

a.button:hover .icon, a.button:active .icon
{
		background-position: 0 -28px;
}

a.buttonDis:link .icon, a.buttonDis:visited .icon, a.buttonDis:hover .icon, a.buttonDis:active .icon 
{
		background-position: 0 -56px;
}

/*botao comprar*/


a.btn_comprar, a.btn_comprarDis 
{
	display: block;
	background-color: transparent;
	background-image: url(imagens/bg_btn_comprar.jpg);
	background-repeat: no-repeat;
	width: 105px;
	height: 28px;
	text-align: center;
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
	font-family: Helvetica, Calibri, Arial, sans-serif;
	float: left;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 3px;
	padding-left: 0;
	color: #FFFFFF;
}
		
a.btn_comprar:link, a.btn_comprar:visited 
{
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	font-size: 16px;
	font-weight: normal;
	text-transform: capitalize;
	letter-spacing: -1px;
}

a.btn_comprar:hover, a.btn_comprar:active 
{
	background-position: 0 -36px;
	color: #FFFFFF;
	text-decoration: underline;
}

a.btn_comprarDis:link, a.btn_comprarDis:visited, a.btn_comprarDis:hover, a.btn_comprarDis:active
{
		background-position: 0 -72px;
		color: #5F5F5F;
		cursor: default;
}


a.btn_comprar:hover .icon, a.btn_comprar:active .icon
{
		background-position: 0 -28px;
}

a.btn_comprarDis:link .icon, a.btn_comprarDis:visited .icon, a.btn_comprarDis:hover .icon, a.btn_comprarDis:active .icon 
{
		background-position: 0 -56px;
}

/*fundo formulário de registo*/

.fundo_registo{
	background-color:#F7F7F7;
	border:1px solid #CCCCCC;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.erro_vermelho
{
    font-size:10px;
    color:#FF0000;
}
.borda_drt
{
    border-right: #cccccc thin solid;
}