/* CSS Document */

/*Elementos comuns em todas as páginas*/

/*Definições gerais das páginas*/
* {
	
	margin: 0;
	padding: 0; }
	
a {
	text-decoration: none;
}
	
html, body { min-height: 100%; height: 100%;}
html { min-height: 100%; margin-bottom: 1px; }

	
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:70%;
	background: white;
	text-align: center; 
	margin: 0; 
	padding: 0;		}
	
#container {
    position: relative; 
	background: white;;
	width:760px;
	margin: 0 auto;
	border:0;
	text-align: left;
	min-height: 100%;
    height: auto !important;
    height: 100%; }
	
/*Definições do Header - Logo + menu superior + menu geral*/

#header { width: 760px; }
.logo { width: 280px; float: left; height: 80px;}
.logo a { margin:0px 0 0 0; display:block; text-indent: -9000px; width:280px; height:80px; text-decoration:none; background-image:url(../images/global/logotipo.gif); background-repeat:no-repeat;}
.logo a:hover { background-position:0 -71px; }

#containermenus { float: left; width: 480px; }
/*Menu superior*/
div#menusuperior{
height:32px;
width:262px;
margin-top: 0px;
padding:0;
border:0;
background:#FFFFFF;

}
div#menusuperior ul#menu{
height:32px;
width:262px;
background:transparent url(../images/global/menusuperior.gif) top left no-repeat;
margin:0;
padding:0;
position: absolute; right: 0px;
}
div#menusuperior ul#menu li{
margin:0;
padding:0;
list-style:none;
position:absolute;
top:0;
}
ul#menu li,ul#menu a{
height:32px;
display:block;
}
div#menusuperior ul#menu li a{
text-indent:-9999px;
text-decoration:none;
}

#cesto{
left:0;
width:99px;
}
#encomendar{
left:99px;
width:88px;
}
#suporte{
left:187px;
width:74px;
}
/* Estado hover do menu superior*/
#cesto a:hover,body#cestoon #cesto{
background:transparent url(../images/global/menusuperior.gif) 0 -32px no-repeat;
}
#encomendar a:hover,body#encomendaron #encomendar{
background:transparent url(../images/global/menusuperior.gif) -99px -32px no-repeat;
}
#suporte a:hover,body#suporteon #suporte{
background:transparent url(../images/global/menusuperior.gif) -187px -32px no-repeat;
}
/*Fim de Menu superior*/
/*Inicio Menu principal*/
div#menugeral{
height:28px;
width:460px;
margin-top:22px;
padding:0;
border:0;
background:#FFFFFF;

}
div#menugeral ul#menu1{
height:28px;
width:460px;
background:transparent url(../images/global/menu.gif) top left no-repeat;
margin:0;
padding:0;
position: absolute; right: 0px;
}

div#menugeral ul#menu1 li{
margin:0;
padding:0;
list-style:none;
position:absolute;
top:0;
}
ul#menu li,ul#menu1 a{
height:28px;
display:block;
}
div#menugeral ul#menu1 li a{
text-indent:-9999px;
text-decoration:none;
}

#inicio{
left:0;
width:57px;
}
.inicioon { background:transparent url(../images/global/menu.gif) 0 -27px no-repeat;}

#produtos{
left:58px;
width:70px;
}
.produtoson {background:transparent url(../images/global/menu.gif) -58px -27px no-repeat;}

#novidades{
left:129px;
width:70px;
}
.novidadeson {background:transparent url(../images/global/menu.gif) -129px -27px no-repeat;}

#novorevendedor{
left:200px;
width:102px;
}
.novorevendedoron {background:transparent url(../images/global/menu.gif) -200px -27px no-repeat;}

#quemsomos{
left:303px;
width:87px;
}
.quemsomoson {background:transparent url(../images/global/menu.gif) -303px -27px no-repeat;}


#contactos{
left:391px;
width:69px;
}
.contactoson {background:transparent url(../images/global/menu.gif) -391px -27px no-repeat;}


/* Estado hover do menu */
#inicio a:hover {
background:transparent url(../images/global/menu.gif) 0 -27px no-repeat;
}
#produtos a:hover {
background:transparent url(../images/global/menu.gif) -58px -27px no-repeat;
}
#novidades a:hover{
background:transparent url(../images/global/menu.gif) -129px -27px no-repeat;
}

#novorevendedor a:hover{
background:transparent url(../images/global/menu.gif) -200px -27px no-repeat;
}

#quemsomos a:hover{
background:transparent url(../images/global/menu.gif) -303px -27px no-repeat;
}

#contactos a:hover{
background:transparent url(../images/global/menu.gif) -391px -27px no-repeat;
}
/*Fim do menu principal*/

/*Barra de Navegação*/
#nav_login { float: left; width: 760px; background-color:#F0F0F0; height: 26px; margin-top: 0px;}
#barranavegacao { float: left; width: 300px;}
#barranavegacao li {
margin-left: 11px;
font: Arial, Helvetica, sans-serif;
font-size: 12px;
display: inline;
list-style-type: none;
line-height: 28px;
padding-right: 1px;
}
#barranavegacao a {
font: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#333333;
}
#barranavegacao a:hover {
color:#497C9B;
text-decoration: underline;
}

#areacliente { float: right; width: 455px; text-align:right; margin-right: 3px!important; margin-right: 0px; }
#areacliente li {
margin-left: 11px;
font: Arial, Helvetica, sans-serif;
font-size: 12px;
display: inline;
list-style-type: none;
line-height: 28px;
padding-right: 1px;
}
#areacliente a {
font: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#333333;
}
#areacliente a:hover {
color:#497C9B;
text-decoration: underline;
}

/*Fim de Barra de Navegação*/

/*Inicio banner inferior + form/navbar inferior*/
#bannerinferior { float: left; width: 760px; background-color:#999999; height: 35px; margin-top: 4px;}
.textobanner { padding-left: 8px; padding-top: 7px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 16px; color:#FFFFFF; }

#barrainferior {float: left; width: 760px; background-color:#F0F0F0; height: 32px; margin-top: 0px; }
.formnewsletter { float: left;width: 550px; padding-left: 20px; font-family: Arial, Helvetica, sans-serif;font-size: 12px; color: #647CA2; font-weight:bold; line-height: 1.4em;}
.textoform { float: left; padding-top: 7px; padding-right: 8px;}
.formnewsletter .inputtext {position: relative; top: 5px; height: 18px; line-height: 12px; font-size: 10px; width: 125px; padding: 0px;margin: 0px;border: 1px solid #D6CED6;}
.formnewsletter .inputbutton {  position: relative; top: 7px; height: 17px; border:none; margin: 0px; padding: 0px; }
.formnewsletter_incorrect {float: right;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#FF0000;position: relative; top: -10px!important; top: -12px; margin-left: 2px;width: 230px; line-height: 1.4em;}
.navbarinferior { width: 172px;text-align: right; float: left; padding-top: 8px;font-family: Arial, Helvetica, sans-serif;font-size: 12px; color: #647CA2;}
.navbarinferior li { list-style-type: none; display: inline; font-family: Arial, Helvetica, sans-serif;font-size: 12px; color: #647CA2;}
.navbarinferior li a{ color: #647CA2; text-decoration: none;}
.navbarinferior li a:hover{ color: #647CA2; text-decoration: underline;}
.navbarinferior_noform { width: 750px;text-align: right; float: left; padding-top: 8px;font-family: Arial, Helvetica, sans-serif;font-size: 12px; color: #647CA2; }
.navbarinferior_noform li { list-style-type: none; display: inline; font-family: Arial, Helvetica, sans-serif;font-size: 12px; color: #647CA2;}
.navbarinferior_noform li a{ color: #647CA2; text-decoration: none;}
.navbarinferior_noform li a:hover{ color: #647CA2; text-decoration: underline;}