@charset "utf-8";
/* CSS Document */

BODY {
background-image:url(images/fundo.jpg);
background-repeat:repeat-x;
background-color:#FFFFFF;
margin-top: 0px;
_margin-top: 0px;
#margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
}

.geral {
width:800px;
margin:auto;
}

.logotipo {
background-image:url(images/logotipo.png);
background-repeat:no-repeat;
width:335px;
height:160px;
float:left;
}

.mainimg {
background-image:url(images/mainimg.jpg);
width:300px;
height:298px;
float:left;
}

.aburman {
background-image:url(images/aburman.jpg);
background-repeat:no-repeat;
width: 500px;
height: 298px;
float:left;
}

.burmantxt {
width:450px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
line-height:22px;
margin-top:110px;
margin-left:15px;
float:left;
}

.corpo {
background-color:#FFFFFF;
width:800px;
float:left;
}

.tp {
width:800px;
float:left;
}

.sidemenu {
	width:200px;
	margin-top:10px;
	margin-left:10px;
	float:left;
	line-height: 22px;
	color: #000000;
}

.txt {
width:550px;
font-size:12px;
color:#333333; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
line-height:22px;
margin-top:10px;
margin-left:20px;
_margin-left:8px;
margin-right:15px;
_margin-right:8px;
margin-bottom:15px;
float:left;
}

.txt2 {
width:750px;
font-size:12px;
color:#333333; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
line-height:22px;
margin-top:10px;
margin-left:25px;
_margin-left:12px;
margin-right:25px;
_margin-right:12px;
margin-bottom:15px;
float:left;
}

.footer {
background-image:url(images/footer.jpg);
width:800px;
height:140px;
float:left;
}

.titform {
font-size:11px;
color:#333333; 
font-family: Arial, Helvetica, sans-serif;
margin-top:15px;
margin:auto;
}

.form {
background-color:#859FB0;	
border: 1px solid #333333;
font-size:11px;
color:#FFFFFF; 
font-family: Arial, Helvetica, sans-serif;
font-weight:normal;
margin-top:2px;
}

.bt {
background-color:#333333;	
border: 1px solid #333333;
font-size:11px;
color:#FFFFFF; 
padding: 2px 2px 2px 2px;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
margin-top:2px;
}

#menu {
float:left;
}

#menu a * {
display: none;
}

#menu a,
#menu a .hover {
height: 82px;
display: block;
}

/* individual menu items */
#menu a.home {
background-image:url(images/home.jpg);
width: 128px;
height: 82px;
float:left;
}

#menu .highlight a.home:hover,
#menu a.home .hover {
background-image:url(images/home_f2.jpg);
width: 128px;
height: 82px;
float:left;
}

#menu a.empresa {
background-image:url(images/empresa.jpg);
width: 128px;
height: 82px;
float:left;
}

#menu .highlight a.empresa:hover,
#menu a.empresa .hover {
background-image:url(images/empresa_f2.jpg);
width: 128px;
height: 82px;
float:left;
}

#menu a.catalogo {
background-image:url(images/catalogo.jpg);
width: 128px;
height: 82px;
float:left;
}

#menu .highlight a.catalogo:hover,
#menu a.catalogo .hover {
background-image:url(images/catalogo_f2.jpg);
width: 128px;
height: 82px;
float:left;
}

#menu a.localizacao {
background-image:url(images/localizacao.jpg);
width: 128px;
height: 82px;
float:left;}

#menu .highlight a.localizacao:hover,
#menu a.localizacao .hover {
background-image:url(images/localizacao_f2.jpg);
width: 128px;
height: 82px;
float:left;
}

#menu a.contactos {
background-image:url(images/contactos.jpg);
width: 128px;
height: 82px;
float:left;
}

#menu .highlight a.contactos:hover,
#menu a.contactos .hover {
background-image:url(images/contactos_f2.jpg);
width: 128px;
height: 82px;
float:left;
}

.arrowlistmenu{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
width: 200px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 12px Arial;
color: white;
background: #8AA1B3 url(images/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(images/titlebar-active.png);
font-weight:bold;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #A70303;
background: url(images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}

a:link {
	color: #FFFFFF;
	text-decoration:none;
}
a:visited {
	color: #FFFFFF;
	text-decoration:none;
}
a:hover {
	color: #FFFFFF;
	text-decoration:none;
}
a:active {
	color: #FFFFFF;
	text-decoration:none;
}

.glossymenu{
padding: 0;
width: 200px; /*width of menu*/
}

.glossymenu a.menuitem{
background: url(images/titlebar-active.png);
font: 11px Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: 200px;
height:20px;
padding: 3px;
margin-top: 2px;
text-decoration: none;

}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(images/titlebar.png);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 2px;
text-indent: 12px;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid #CCCCCC;
background: url(images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 11px Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
background: url(images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
}

.glossymenu div.submenu ul li a:hover{
background: #DFDCCB;
colorz: white;
background: url(images/arrowbullet_hover.png) no-repeat center left; /*custom bullet list image*/
}