/* 
    Document   : main.css
    Created on : 4/Nov/2009, 15:22:47
    Author     : Administrator
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/*Sintaxe float;width;height;margin;padding;text;font;color;background;*/
* {min-height:1px; line-height:17px;}

body { text-align:center; font-family:Verdana, Arial, Geneva, sans-serif; font-size:12px; }
ul { list-style:none; padding:0; margin:5px 0 5px 0;}
a {text-decoration:none;}
img{border:none;}
#main{ width:955px; margin:0 auto; padding:0; text-align:left; }

#headerTopo { width:955px; height:37px; }
#headerTopo a { text-decoration:none; font-size:10px; color:#000; }
#headerTopo a:hover, #headerTopo a:active, #headerTopo a.active { color:#c6c7c8; }
#headerTopo td { height:35px; }

#menuTopoDireita a { font-weight:bold; }
#menuTopoDireita a:hover,#menuTopoDireita a:active,#menuTopoDireita a.activo{ color:#e21b1d; }

.direita50 { float:right; width:49%; text-align:right; }

.esquerda50 { float:left; width:49%; text-align:left; }

#headerCentro { width:955px; }

#headerMenus { width:955px; height:72px; }

#menuTopoBranco{ width:955px; height:36px; }
#menuTopoBrancoLista { width:100%; display:block; }
#menuTopoBrancoLista li { float:left; width:14%; height:26px; padding-top:10px; text-align:center; }
#menuTopoBrancoLista li a { color:#000; text-decoration:none; }
#menuTopoBrancoLista li a:hover,#menuTopoBrancoLista li a:active { color:#e21b1d; }
#menuTopoBrancoLista li a.activo { font-weight:bold; color:#e21b1d; }
#menuBaixoCores { float:left; width:955px; }

#menuBaixoCores a { margin:0; padding:0; text-decoration:none; font-size:12px; font-family:Verdana, Arial, Geneva, sans-serif; font-weight:bold; color:#fff; }
#menuBaixoCores a:hover { text-decoration:underline; }
#menuBaixoCores a.current{text-decoration:underline;}
#menuBaixoCores table tr td { height:55px; vertical-align:middle; text-align:center; }
.menuBaixoCores1{ width:169px; background: url("./imagens/fundoMenu1.png") 0 0 no-repeat; }
.menuBaixoCores2{ width:179px; background: url("./imagens/fundoMenu2.png") 0 0 no-repeat; }
.menuBaixoCores3{ width:199px; background: url("./imagens/fundoMenu3.png") 0 0 no-repeat; }
.menuBaixoCores4{ width:83px; background: url("./imagens/fundoMenu4.png") 0 0 no-repeat; }
.menuBaixoCores5{ width:106px; background: url("./imagens/fundoMenu5.png") 0 0 no-repeat; }
.menuBaixoCores6{ width:93px; background: url("./imagens/fundoMenu6.png") 0 0 no-repeat; }
.menuBaixoCores7{ width:126px; background: url("./imagens/fundoMenu7.png") 0 0 no-repeat; }

#centro { width:955px; margin-top:45px; }
#centro2 { width:955px; text-align: center;}
#centroHomeProduto { width:955px; height:160px;}
#centroHomeProdutoDesricao { width:242px; height:160px;}
#centroHomeProdutoSetaDescricaoImagem { width:26px; height:160px; background: #fff url("./imagens/setaDescricaoImagem.png") 0 0 no-repeat;}

#centroHomeProdutoImagem { width:300px; height:160px;}

#centroHomeProdutoSetaImagemObra { width:56px; height:160px; background: #fff url("./imagens/setaImagemObra.png") 0 0 no-repeat;}

#centroHomeProdutoObra { width:325px; height:160px;}
#centroHomeSeparadorProdutoPublicidade { width:955px; height:50px;}
#centroHomePublicidade { width:955px; height:160px;}
#centroHomePublicidadeEsquerda { width:242px; height:160px; background-color:#f2f2f2;}
#centroHomePublicidadeSeparadorEsquerdaCentro { width:26px; height:160px; background: #f2f2f2;}

#centroHomePublicidadeCentro { width:306px; height:160px; background-color:#f2f2f2;}
#centroHomePublicidadeSeparadorCentroDireita { width:56px; height:160px; background: #fff;}
#centroHomePublicidadeDireita { width:325px; height:160px; background-color:#fff;}

#footer { float:left; width:955px; margin-top:5px; color:#aaa;}
#footerLista li { margin: 0;}
#footerLista a { text-decoration:none; color:#aaa; font-size:12px;}
#footerLista a:hover { text-decoration:underline;}

input.inputPesquisa { border:1px outset #fbfbfb; border-left:none; border-top:none;}

/*
    Definições da área Empresa
*/

#centroEmpresaDireita { float:left; width:214px; _width:244px; text-align:right; _height:1px; min-height:1px; padding: 0 30px 0 0; }

#centroEmpresaDireita2 { float:left; width:244px; _width:244px; text-align:right; _height:1px; min-height:1px; padding: 0 0px 0 0; }

#centroEmpresaEsquerda { float:left; width:669px; _width:709px; _height:200px; min-height:200px; padding-left:30px; border-left:1px solid #000;}

ul.menuEmpresa li { margin-top: 4px; }
ul.menuEmpresa li a { color:#000; text-transform:uppercase; text-decoration:none; }
ul.menuEmpresa li a:hover { color:#e21b1d;}
ul.menuEmpresa li a.activo,ul.categoryitems li a.activo, ul.menuEmpresa li a.activeNews { color:#e21b1d; font-weight: bold;}


#divCentral { float:left; width:439px; _width:429px; border-left:1px solid #000; border-right:1px solid #000; /*padding:0 15px;*/ text-align: center;}
#divCentralObras {float:left; width:680px; _width:670px; text-align:center;}
#divFormRegisto { color:#000000; width: 390px; background-color:#e7e7e7; margin: 0 auto;}
#divFormRegisto table { font-size:10px; margin: 0 20px 0 0; font-family:Verdana,Arial, Geneva, sans-serif; width:370px;}
#formRegisto div { float:left; margin:10px 0 0 20px;}
#formRegisto div span.texto { white-space:nowrap;}
#formRegisto input.registoLongo { width:350px; margin-top: 5px;}
#formRegisto textarea.registoLongo { width:350px; margin-top: 5px;}
#formRegisto input.registoCurto { width:164px; margin-top: 5px;}
#divDireita { float:left; width:269px; font-size:10px; font-weight:bold; font-family:Verdana,Arial, Geneva, sans-serif;}
#textoDivDireita { width:257px; margin:10px; font-weight:normal;}
#divCentroLogin { width:410px; margin:0 auto; text-align:center;}
#formNewsletter div { float:left;}
input.newsletterEmail { width:173px; float:left;}

#divCentralDistribuidores { float:left;  width:330px; text-align: center; border-left:1px solid #000; /*padding:0 15px;*/}
#divFormDistribuidores { color:#000000; width:300px; background-color:#e7e7e7; margin: 0 auto; }
#divFormDistribuidores table { font-size:10px; margin: 0 20px 0 0; font-family:Verdana,Arial, Geneva, sans-serif; width:280px; }
#formDistribuidores div { float:left; margin:10px 0 0 20px;}
#formDistribuidores div span.texto { white-space:nowrap;}
#formDistribuidores input.registoLongo { width:260px; margin-top: 5px;}
#formDistribuidores textarea.registoLongo { width:260px; height:150px; margin-top: 5px;}
#divDireitaDistribuidores { width:370px; float:left; font-size:10px; font-weight:bold; font-family:Verdana,Arial, Geneva, sans-serif;}

input.botaoForm { color:#fff; background: url("./imagens/botaook.png") 0 0 no-repeat; border: none; padding:0 6px; _padding: 0 8px; width:44px; height:29px; display:block; margin-left:310px;}
input.botaoFormNews { color:#fff; background: url("./imagens/botaoenviar.png") 0 0 no-repeat; border: none; padding:0 2px; _padding: 0 2px; margin-left:5px; width:43px;}
input.botaoFormDireita { color:#fff; background: url("./imagens/botaoenviar.png") 0 0 no-repeat; border: none; padding:2px 2px; _padding: 2px 2px; margin-left:224px; width:43px; margin-top:-10px;}



/* Catia */

/* Geral */
.font{font:12px Verdana;}
a{text-decoration:none;}
.clr{clear: both; overflow: hidden;	height: 0;}

/* Novo Menu */

.urbangreymenu{
    width: 240px; /*width of menu*/
}

.urbangreymenu .headerbar{
    font:12px Verdana;
    min-height:25px;
    text-transform: uppercase;
    margin:0px 0px 0px 0px;
    padding: 10px 50px 5px 0px;
    cursor: hand;
    cursor: pointer;
    text-align:right;
}
.header_border{
    border-top:1px #000000 solid;
}
.urbangreymenu .headerbar a:hover{color:#CC0000;}

.header_active{
    color: #CC0000;
    font-weight:bold;
}

.urbangreymenu .headerbar a{
    font:12px Verdana;
    height:20px;
    color:#000000;
    text-transform: uppercase;
    margin:0;
    padding: 10px 0px 5px 0;
    cursor: hand;
    cursor: pointer;
    text-align:right;
}

.urbangreymenu ul{
    list-style-type: none;
    border-bottom:1px #000000 solid;
    margin:0;
    padding:0 50px 5px 0;
}

.urbangreymenu ul li{
    margin:0; padding: 0 0 10px 0;
}

.urbangreymenu ul li a{
    font:12px Verdana;
    color:#000000;
    display: block;
    text-decoration: none;
    text-align:right;
}

.urbangreymenu ul li a:hover{color: #CC0000;}


/*P�gina Produtos FrontOffice*/
#centroProduto{
    height:auto;
    padding:0 15px 0 15px;
}

#direitaProduto{
    width:100%;
    float:right;
    margin:0;
    padding:0;
}

.imagemObraProduto{
    text-align:left;
    padding: 20px 0 0 17px;
}

#centroImagens{
    height:auto;
    padding:0;
}

.imagensObrasProduto{
    width:330px;
    margin:0 0 0 20px;
    float:left;
}

.separadorImagensObrasProduto{
    width:100%;
    height:30px;
    float:left;
}

/*P�gina Obras FrontOffice*/
#centralObra{
    width:370px;
    float:left;
    padding:0 15px;
}

#direitaObra{
    width:308px;
    float:left;
    line-height: 18px;
}

.produtosObras{
    text-align:center;
    width:45%;
    float:left;
    padding:6px;
}

.produtosObras img{
    margin-left:13px;
}

/*P�ginas Contactos FrontOffice*/
#imagensContactos{
    margin:0;
    padding:30px 20px 0 0;
    float:right;
}

#centralContacto{
    width:400px;
    padding:0 15px;
}

/*Geral em Produtos, Obras e Contactos*/
.linhaVertical{border-left:1px solid #000;}
.linhaVerticalDireita{border-right:1px solid #000;}
.margemDireita{
    padding:5px 0 5px 10px;
    margin:0;
    line-height:17px;
}
.linhacor{
    width:100%;
    height:25px;
    line-height:25px;
    margin:0;
    padding:0;
    text-indent:10px;
    color:#FFF;
    background-color:#df1416;
    font-weight: bold;
    font-size:x-small;
}

.linhacoralt{
    width:100%;
    _width:104%;
    height:25px;
    line-height:25px;
    margin:0;
    padding:0;
    text-indent:10px;
    color:#FFF;
    background-color:#df1416;
    font-weight: bold;
    font-size:x-small;
}

/* BackOffice */


/* Menu Esquerdo FrontOffice Produto*/
/* Menu esquerdo Backoffice*/
.arrowlistmenu{width: 240px;}
.arrowlistmenu .menuheader { /*CSS class for menu headers in general (expanding or not!)*/
			     font:12px Verdana;
			     height:20px;
			     color: #CCCCCC;
			     text-transform: uppercase;
			     margin:0;
			     padding: 10px 50px 5px 0;
			     cursor: hand;
			     cursor: pointer;
			     text-align:right;

}
.arrowlistmenu .menuheader a{ /*CSS class for menu headers in general (expanding or not!)*/
			      font:12px Verdana;
			      color: #CCCCCC;
			      background: none;
			      text-decoration:none;
			      text-transform: uppercase;
			      margin:0;
			      cursor: hand;
			      cursor: pointer;
			      text-align:right;
}
.arrowlistmenu .menuheader a:hover{color:#CC0000;}


.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
			    color:#CC0000;
			    font-weight:bold;
			    border-top: 1px #000 solid;
			    margin:0px 0 5px 0;
			    padding-top:10px;
}

.arrowlistmenu .openheader:hover{color:#CC0000;}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
		   list-style-type: none;
		   border-bottom:1px #000000 solid;
		   margin:0;
		   padding:0 50px 5px 0;
}

.arrowlistmenu ul li{margin:0; padding: 0 0 10px 0;}

.arrowlistmenu ul li a{
    font:12px Verdana;
    color:#999999;
    display: block;
    text-decoration: none;
    text-align:right;
}

.arrowlistmenu ul li a:hover{ color: #CC0000;}

.active{
    height:20px;
    border-top:1px solid #000;
    border-bottom:1px solid #000;}



/*Sub-Menu Bot�es Produto, Obras e Contactos*/
#menuBotoes{
    width:700px;
    height:36px;
    margin:0;
    padding:0 0 0 255px;
}

#menuBotoes a{
    margin:0;
    padding:0 10px 0 10px;
    color:#fff;
    font-size:12px;
    font-family:Verdana, Arial, Geneva, sans-serif;
    font-weight:bold;
    text-decoration:none;
    text-transform:uppercase;
    cursor:pointer;
}

#menuBotoes a:hover{text-decoration:underline;}

.botao1{height:25px; background: url(./imagens/fundoMenu1.png) 0 0 repeat;}
.botao2{height:25px; background: url(./imagens/fundoMenu2.png) 0 0 repeat;}
.botao3{height:25px; background: url(./imagens/fundoMenu3.png) 0 0 repeat;}
.botao4{height:25px; background: url(./imagens/fundoMenu4.png) 0 0 repeat;}
.botao5{height:25px; background: url(./imagens/fundoMenu5.png) 0 0 repeat;}
.botao6{height:25px; background: url(./imagens/fundoMenu6.png) 0 0 repeat;}
.botao7{height:25px; background: url(./imagens/fundoMenu7.png) 0 0 repeat;}

/* Formul�rio Produtos, Obras e Contactos*/
.cor1{color:#CC0000;}
.cor2{color:#CC3300;}
.cor3{color:#CC9900;}
.cor4{color:#FFCC00;}
.cor5{color:#669900;}
.cor6{color:#006600;}
.cor7{color:#003300;}

fieldset{
    font-weight:bold;
    margin-bottom:20px;
    padding:10px;}

.ocultar{
    font-size:smaller;
    font-weight:normal;
    color:#000;
}

.listas{width:270px;}
.hidden{border:0px;}

#corpoNoticia{
    float:left;
    width:675px;
    margin-bottom:30px;
}

#noticiaImagem{
    float:left;
    width:200px;
    min-height:150px;
}

#noticiaTitulo{
    float:left;
    color:#e21b1d;
    width:450px;
    margin-left:20px;
}

#noticiaTexto{
    float:left;
    width:450px;
    margin-left:20px;
}

div.divDownloads {
    float:left;
    width:210px;
    background-color:#e7e7e7;
    margin:0 10px;
    text-align:left;

}


div.topoDownloads {
    width:210px;
    background-color:#505352;
    text-align:center;
    color:#ffffff;
    height:135px;

}

div.topoDownloads span {
    text-transform:uppercase;
}

ul.listagemDownloads {
    margin-top:10px;
}

span.tituloInformacoes {
    color:#B1B3B5;
    font-weight:bold;
    font-size:16px;
    text-transform:uppercase;
}

span.nomeFicheiros a{
    text-decoration:underline;
    text-transform:uppercase;
    color: #000000;
}

span.nomeFicheiros a:hover,span.nomeDownloads a:hover{
    color:#e21b1d;
}




span.nomeDownloads a{
    text-decoration:none;
    text-transform:uppercase;
    color: #000000;
    font-size:9px;
}

span.nomeDownloads img{
    border:none;
}
html>body .nomeDownloads{
   
}

.barravoltar{
    width:670px;
    height:20px;
    background-color:#b0b0b0;
    margin-left:0px;
    float:left;
}

html>body .barravoltar{
    margin-left:0px;
}

.imagemIni{
    width:326px;
    height:164px;
    cursor:pointer;
}



#container {
    position:relative;
    width:670px;
    margin: 0 auto;
}
#slider{
}
#slider ul, #slider li{
    margin:0;
    padding:0;
    list-style:none;
}
#slider li{
    /*
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/
    width:670px;
    height:358px;
    overflow:hidden;
}
#slider img{

    text-decoration:none;
    border:none;
    list-style:none;
}
#prevBtn, #nextBtn{
    display:block;
    width:30px;
    height:77px;
    position:absolute;
    left:0px;
    top:358px;
}
#nextBtn{
    left:25px;
}
#prevBtn a, #nextBtn a{
    display:block;
    width:20px;
    height:20px;

    background:url(./imagens/SETAESQUERDA.png) no-repeat 0 0;
}
#nextBtn a{
    background:url(./imagens/SETA.png) no-repeat 0 0;
}

    /* Right column - Links Accordion */
.linksa li ul#submenu {margin:0 0 0 15px; padding:0; list-style:none; width:90%;}
.linksa li ul#submenu li {margin:0; padding:0; border-bottom:1px solid #E0E8FA;}
.linksa li ul#submenu li a {display:block; font:95% "verdana",sans-serif; font-weight:normal; padding:3px 0 3px 22px;text-decoration:none;}
.linksa li ul#submenu li a:hover {background-color:#D3DFF8; color:#192666;}
.linksa li ul#submenu li a.selected { color:Yellow;}

     /* Right column - Links */
.linksa { margin:15px 0; padding:0; list-style:none; }
.linksa li { margin:0; padding:0;}
.linksa li a { display:block; font:100% "verdana",sans-serif; font-weight:bold; padding:3px 0 3px 22px;text-decoration:none; }
.linksa li a:hover { color:#CC0000; cursor:pointer; }
.linksa li a.selected{color:Green;}

.sitemap a{
    color: #000;
}