/* ********************** */
/* 25-05-2012 Frontoffice */
/* ********************** */
body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
img { vertical-align:middle; }
#container { width:980px; }

ul { list-style-type: none;	padding: 0px; }
ul > li > a, div.menuLateral > a { text-decoration: none; display: block; padding: 2px 0px; }
ul > li > a { color: #666; font-size: 11px; }
a.menuLateral { display:block; background-color:rgb(235,235,235); text-decoration:none; color:#666; height:20px; font-size:12px; padding:2px 0px; }
a.menuLateral:hover { cursor:pointer; }

.floatContainer { width:100%; overflow:hidden; }

#contactos { }
#contactos:hover { cursor:pointer; }
div.mapa {width:90%;  }

#menuPrincipal { height: 25px; width: 100%;	overflow: hidden; background-image: url(imagexxon/fondnav.gif); background-repeat: repeat-x; }
#menuPrincipal > li { float: left; width: 188px; text-align: center; }
#menuPrincipal > li > a { color: white; font-weight: bold; height: 20px; padding-top: 5px; }
#menuPrincipal > li > a:hover {	background-color: rgb(102,102,102); }

#menuGamaProdutos, #menuMarcasMobil { display: none; }

img.setas {	max-height: 20px; vertical-align: middle; }

div.texto { font-family: Arial, Helvetica, sans-serif; font-size: 12px;	text-align: justify; line-height: 130%; }

.animsous-barnav { background-image: <?php echo "url(" . $src_banner .  ")"; ?>; }

#tableContactos > tbody > tr > td, #tableImagens > tbody > tr > td, #tableOutrasOpcoes > tbody > tr > td  { font-size: 11px; }

div.menuLateral { background-color: #E8E8E8; margin-bottom: 10px; color: #666; }

div.menuLateral:hover { cursor: pointer; }

.slider { display: none; padding-bottom: 10px; padding-top: 3px; }

.menuLateral > a { text-decoration: none; background-color: #E8E8E8; color: #666; width: 100%; padding: 3px 0px; }

#colunaEsquerda { float: left; width: 235px; }

#logoMobil { width: 230px; height: 150px; }
#imagemMarca { max-height:150px; }

.itemMarca { max-width:200px; }

#colunaDireita { float: left; width: 740px; text-align: justify; padding: 0; margin-left: 5px; }
#subMenu { margin: 3px;	height: 28px; }
#subMenu > ul { width: 100%; overflow: hidden; margin-top: 0; }
#subMenu > ul > li { float: left; width: 182px; text-align: center;	border-right: 1px solid white; }
#subMenu > ul > li > a { color: white; padding: 6px 3px; background-color: rgb(0,0,0); font-weight: bold; }
#subMenu > ul > li > a:hover { background-color: rgb(95,95,95); }

.MenuActual > a {text-decoration:underline; }

#conteudo {	margin: 3px; min-height:700px;}

#tblRodape > tbody > tr > td > a > img { max-height: 25px; }

#LinkAreaReservada { color:orange; text-decoration:none; }
#LinkAreaReservada:hover { text-decoration:underline; }

fieldset { border: 1px solid black; padding: 3px 21px; background-color: #EEE; }

fieldset > legend {	border: 1px solid black; margin-left: 10px;	padding: 0.2em 0.5em; color: orangeRed; background-color: white; }

#frmAdicionarMenu { display: none; }

#containerGroupBox { margin-top: 40px; }

#confirmarAlteracoes { position: fixed; top: 51px; right: 80px; }

#titulo { font-size: 24px; }

#header { width:100%;}

#menusCinzentos > li { background-image:url('imagens/botao.png'); background-repeat:no-repeat;  }

a.menuPrincipal { display:block; color:white; margin-bottom:6px; font-size:13px; font-weight:bold; 
					font-weight:bold; }
a.menuPrincipal:hover { cursor:pointer; }
a.menuFilho:hover { color:black; }

#spanAdicionarServico:hover { cursor:pointer; }
#grpNovoServico { margin-bottom:60px; padding-left:40px; padding-right:40px; }

#imgLogotipoDistribuidor { max-height:100px; }

.wrapper_menu { display:table-cell; vertical-align:middle; width:165px; padding-left:5px; }

a.menuPrincipal, .wrapper_menu { height:45px; }






/* ********************* */
/* 03-09-2012 Backoffice */
/* ********************* */

#tableLogin > tbody > tr > td { font-size:11px; }

#topo { background-color:black; height:60px; width:100%; }
#logotipo { max-height:60px; }

#barraMenus	{ background-color:#EEE; height:17px; width:100%; margin-top:-12px;}
#barraMenusEsquerda > li { width:120px; float:left; text-align:center; border-left:1px solid #555; }
#barraMenusDireita > li { width:130px; float:right; text-align:center; border-right:1px solid #555; }
#barraMenusDireita > li > a:hover, #barraMenusEsquerda > li > a:hover { color:red; }
#barraMenus > ul > li.activo { font-weight:bold; }
a.expansor:hover { cursor:pointer; }

#removerServico { opacity:0.8; }
#removerServico:hover { opacity:1; }

#grpDadosServico { width:800px; margin-bottom:10px; }
#tableServicos { font-size: 12px; margin-bottom:20px; }
#tableMoradas, #tableEmails, #tableTelefones, #tableFaxes { }
.ContactosCabecalho { background-color:rgb(200,200,200); padding:3px; font-weight:bold; border-radius: 7px 7px 0px 0px; }
.divTabelaContactos { float:left; padding:0px 12px; margin-bottom:10px; min-height:150px; text-align:center; }
span.expansor { text-decoration:underline; }
span.expansor:hover { cursor:pointer; }
td.removerContacto { color:orangeRed; text-align:right; }
td.removerContacto:hover { cursor:pointer;}

#txtConteudo { margin-top:20px; }
#removerServico:hover { cursor:pointer; }
#adicionarServico { color:blue; }
#adicionarServico:hover { color:red; cursor:pointer; }
#subMenuServicos { display:none; text-align:center; background-color: #CCC; color:black; }
#subMenuServicos:hover { cursor:pointer; color:red; }
#spanAdicionarServico { padding:3px 2px; }

#divPreview { position:absolute; bottom:0; right:0; height:2px; width:2px; }
#rodape { position:fixed; bottom:0px; background-color:#EEE; height:25px; width:100%; line-height: 22px; }

.left { text-align:left; }
.center { text-align:center; }
.right { text-align:right; }
.orangeRed { color:OrangeRed; }
.red { color:red; }

table.tabela { font-size: 11px; }

.grpAlterarSenha { margin-top:20px; border:1px solid blue; }

.pgras { }

input.error { background: #F8DBDB; border-color: #E77776; }
img.iconErro { vertical-align:top; max-width:17px; margin-left:3px; display:none; }
img.iconErro:hover { opacity:0.8; }

#grpMarcas { margin-bottom:40px; }
#grpAjuda { padding:20px;}

div.divMenuMarca { float:left; border:1px solid black; margin:25px 5px 5px 5px; padding:10px; width:1150px; background-color:rgb(220,220,220); }

img.iconRemoverItemMenuMarca { max-height: 13px; vertical-align:middle; opacity:0.8; }
img.iconRemoverItemMenuMarca:hover { cursor:pointer; opacity:1; }

#grpNovaMarca { width:365px; position:relative; top:20px; padding:10px 30px 20px 20px; margin-bottom:10px; display:none; background-color:rgb(220,220,220); }
span.novoItem { font-size:12px; text-decoration:underline; }
span.novoItem:hover { cursor:pointer; padding-top:30px; }

span.removerMarca { text-decoration:underline; font-size:11px; color:orangeRed; }
span.removerMarca:hover { cursor:pointer; }

tr.novoItem { display:none; }

#listAjuda { list-style-type:circle; margin-left:20px; }
#listAjuda > li { margin-top:10px; }

#lblURL:hover { cursor:pointer; }

#SpanHintMarca { font-size:11px; }

.CantosRedondos3 { border-radius:3px; -moz-border-radius:3px; }
.CantosRedondos4 { border-radius:4px; -moz-border-radius:4px; }
.CantosRedondos5 { border-radius:5px; -moz-border-radius:5px; }

.hover:hover { cursor:pointer; }

#tableNovoServico { font-size:11px; }


a, img { border:none; }
 
/*........................rui santos.................*/

/* lists, blockquotes and paragraphs */

h1{margin-bottom:15px; font-family:Tahoma, Arial, Verdana; font-weight:normal; color:#000;font-size:24px; line-height:30px;}

h2{margin-bottom:15px; font-family:Tahoma, Arial, Verdana; font-weight:normal; color:#000;font-size:20px; line-height:28px;}

h3{margin-bottom:0px; font-family:Tahoma, Arial, Verdana; font-weight:normal; color:#000;font-size:20px; line-height:28px;}

p{
font-size:12px;
line-height:18px;
margin-bottom:14px;
color:#6f6f6f;
}


.menu-ativo { background-color:rgb(102,102,102); }
#sitemap { padding:5px 0 0 5px; }
#sitemap, #sitemap a { font-size:11px; color:rgb(80,80,80); text-decoration:none; }
#sitemap a:hover { text-decoration:underline; }

/***************Slider*********************/
.w3-content,.w3-auto{margin-left:auto;margin-right:auto}.w3-content{max-width:980px}.w3-auto{max-width:1140px}
.w3-animate-fading{animation:fading 5s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.w3-section,.w3-code{margin-top:16px!important;margin-bottom:16px!important}