html, body {width:100%; height:100%;}
body {background:#19345f; font-family: 'Droid Sans', sans-serif; color:#333;line-height:1.5;font-size: 14px;}


.left {float:left}
.right {float:right}
.clear {clear:both}

/*.pie {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	behavior: url(/client/skins/plugins/pie/PIE.htc);
	position:relative;
}*/
/*.pieShadow {
	-webkit-box-shadow: #444 0px 0px 13px;
	-moz-box-shadow: #444 0px 0px 13px;
	box-shadow: #444 0px 0px 13px;
	behavior: url(/client/skins/plugins/pie/PIE.htc);
}*/
/*.foto_pie {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	behavior: url(/client/skins/plugins/pie/PIE.htc);
	border:1px solid #b7b7b7;
}
*/
#wrapper {width:980px; margin:0 auto; display:table; height:100% }

h1 {font-size:16px; color:#333; margin-bottom:10px; background:#e7e7e7; padding:6px 12px; }
h2 {font-size:12px; color:#333;}
h3 {color:#333;  font-size:16px; margin-bottom:10px}
h4 {font-size:14px; color:#333; font-weight:700; margin-bottom:10px}

.azul {color:#333;}
b {font-weight:700}
.bt {background:#333; color:#fff; margin-top:8px; margin-right:10px; padding:7px 12px; border:none; cursor:pointer; font-size:11px; text-align:center;text-transform:lowercase;  }
.bt:link, .bt:visited/*, .btnews:link, .btnews:visited */{color:#fff; text-decoration:none}
.bt2 {background:#19345f; color:#fff; margin-top:8px; margin-right:10px; padding:7px 12px; border:none; cursor:pointer; font-size:11px; text-align:center; text-transform:lowercase }
.bt2:link, .bt2:visited {color:#fff; text-decoration:none;}
.bt:hover {color:#fff}
.bt2:hover{color:#fff; background:#909090;}

.bt3 {background:none; border:1px solid #666; color:#666; margin-top:8px; margin-right:10px; padding:5px 12px; border:none; cursor:pointer; font-size:11px; text-align:center; text-transform:lowercase }
.bt3:link, .bt3:visited {color:#666; text-decoration:none;  border:1px solid #666}
.bt3:hover{color:#999; border:1px solid #999;}

.bt4 {background:none; border:1px solid #666; color:#666; margin-top:8px; margin-right:10px; padding:5px 12px; border:none; cursor:pointer; font-size:11px; text-align:center; text-transform:lowercase }
.bt4:link, .bt4:visited {color:#666; text-decoration:none;  border:1px solid #666}
.bt4:hover{color:#999;}

a:link, a:visited{ color:#333; text-decoration:none; }
a:hover {text-decoration:underline}
a:active{ outline:none;}

:focus{ outline:none;}

.box {border:1px solid #b7b7b7; float:left; padding:2px;margin-bottom:7px}
.box h2 {background:#19345f;  color:#fff; padding:7px;}
.box a {color:#fff; }
/* Header
----------------------------------------*/
header {margin-top:10px; width:980px; height:94px}
.logo { float:left; z-index:10; position:absolute; padding:12px 0 0 10px; width:200px; height:90px}
.banner {float:left; width:960px; position:relative; line-height:0; padding: 10px 10px 0 10px; overflow: hidden; background: #fff;}
.banner img {width: 960px;}
/* Pestana & Janelas
----------------------------------------*/
#pestana {float:right; margin-right:0px; text-align:right;   z-index:30; position:relative;}
#pestana a.pestana_loja {display:block; margin-left:1px; margin-top:1px; text-decoration:none; line-height:28px; color:#fff; font-size:11px}
#pestana a.pestana_loja img {margin-top:3px; margin-left:2px}
#pestana a.pestana_area {background: url(../images/login.png) left no-repeat; padding-left: 24px; }
#pestana a.pestana_area, #pestana a.pestana_client {display:block; color:#fff; font-size:11px; line-height:28px}
#pestana .pestana_loja img {margin-right:13px}
#pestana .cesto {margin-top:2px;}
#pestana li {float:left; padding-left: 7px; padding-right: 7px;  position:relative; margin-right:4px; background:#19345f; height:30px; }
#pestana li:hover {background:#0b537e;}
#pestana #n_itens {font-size:13px; color:#fff; margin-right:4px; }
#pestana li.last { padding:0}
#pestana a.pestana_pesquisa {display:block; text-decoration:none; background:url('../images/search.png') center center no-repeat; width:30px; height:20px; padding:5px 0; color:#fff;}


#area {position:absolute; background:white; width:610px; text-align:left; top:36px; right:0; padding:20px; font-size:11px; display:none}
#area .arrow{display:block; width:9px; height:4px; margin-top:-24px; margin-right:-12px; float:right; background:url('../images/arrow.gif')}
#area .area_cliente {float:left;}
#area .login {float:left; width:280px; position:relative; height:270px}
#area .novo_utilizador {float:left; width:280px; margin-left:10px; padding-left:20px; border-left:1px solid #ccc; height:270px;  position:relative; }
#area .novo_utilizador .btregisto {bottom:50px; position:absolute; width:290px; text-align:right; bottom:62px}

#area .area_cliente input{padding:5px; border:1px solid #333; width:255px; margin-top:10px; color:#666; background:#fff; font-family: 'Droid Sans', sans-serif;  font-size: 13px;}
#area .area_cliente .recupera_pass {position:absolute; color:#333; font:11px arial; bottom:0}

#preencher_dados {position:absolute; top:0; background:#fff; opacity:0.95; filter:alpha(opacity=95); width:270px; height:95%; display:none;}
#preencher_dados div {width:70%; padding:20px; margin-left:25px; background-color:#333; margin-top:130px; color:#fff; font:12px arial;}

#recupera_dados {position:absolute; top:0; background:#fff;  width:290px; height:95%; display:none;}
#recupera_dados #lgn_msg { width:80%; padding:20px; margin-top:100px; background-color:#19345f; color:#fff;}
#recupera_dados #lgn_msg a{display:inline-block; padding:5px 12px; background-color:#b3b3b3; color:#fff; float:right; margin-right:0px}
#recupera_dados #lgn_msg a:hover {background:#909090;}

#reenvia_codigo {position:absolute; top:0; right:30px; background:#fff;  width:290px; height:95%; display:none;}
#reenvia_codigo #lgn_msg { width:80%; padding:20px; margin-top:100px; background-color:#19345f; color:#fff;}
#reenvia_codigo #lgn_msg a{display:inline-block; padding:5px 12px; background-color:#b3b3b3; color:#fff; float:right; margin-right:0px}
#reenvia_codigo #lgn_msg a:hover {background:#909090;}

#janela_loja {position:absolute; background:white; width:270px; text-align:left; top:36px; right:0; padding:20px; font-size:11px; display:none}
#janela_loja .arrow{display:block; width:9px; height:4px; margin-top:-24px; margin-right:-12px; float:right; background:url('../images/arrow.gif')}

.shopping_item_mini {display:table; float:left; margin-bottom:20px; width:100%; height: 68px; border-bottom:1px solid #ccc}
.shopping_item_mini .mini_foto {float:left; width:70px; display:table-cell;}
.shopping_item_mini .mini_item {float:left; width:170px; display:table; height:50px; width:175px}
.shopping_item_mini .mini_eliminar {float:left; width:20px; display:table; padding-top:15px}
.shopping_item_mini .mini_item div {display:table-cell; vertical-align:middle;}
#loja_shoppingbag_mini .min_ver {width:275px; text-align:center}
.shopping_item_mini .mini_eliminar a:link {display:block; cursor:default; width:13px; height:13px; background:url('../images/icons_loja.png') no-repeat 0 -60px}
.shopping_item_mini .mini_eliminar a:hover {background:url('../images/icons_loja.png') 0 -75px no-repeat}

#janela_pesquisa {position:absolute; background:white; width:270px; text-align:left; top:36px; right:0; padding:20px; font-size:11px; display:none}
#janela_pesquisa .arrow{display:block; width:9px; height:4px; margin-top:-24px; margin-right:-12px; float:right; background:url('../images/arrow.gif')}
#janela_pesquisa input {height:18px; width:175px; font-family: 'Droid Sans', sans-serif;  font-size: 13px;}
#janela_pesquisa .defaultTextActive { color: #a1a1a1; font-style: italic; }



.bar-energ-wrapper {position:absolute; top:50px; left:2px;}
.bar-energ-box {margin-top:6px; cursor: default;}
.energ-rect {float:left; height:20px; display:block; float:left;color: #fff; font-size: 12px; line-height: 20px; padding-left: 10px;text-transform: uppercase; font-weight: bold;}
.energ-rect-arrow {float:left;width: 0; height: 0; border-style: solid; border-width: 10px 0 10px 10px;}

.energ-rect.aaaa {background: #00AB4F; width:40px;}
.energ-rect-arrow.aaaa {border-color: transparent transparent transparent #00AB4F;}

.energ-rect.aaa {background: #00AB4F; width:40px;}
.energ-rect-arrow.aaa {border-color: transparent transparent transparent #00AB4F;}

.energ-rect.aa {background: #00AB4F; width:40px;}
.energ-rect-arrow.aa {border-color: transparent transparent transparent #00AB4F;}

.energ-rect.a {background: #4DB848; width:40px;}
.energ-rect-arrow.a {border-color: transparent transparent transparent #4DB848;}

.energ-rect.bb {background: #8CC63F;width:40px;}
.energ-rect-arrow.bb {border-color: transparent transparent transparent #8CC63F;}

.energ-rect.b {background: #8CC63F;width:40px;}
.energ-rect-arrow.b {border-color: transparent transparent transparent #8CC63F;}

.energ-rect.b- {background: #BED62F;width:40px;}
.energ-rect-arrow.b- {border-color: transparent transparent transparent #BED62F;}

.energ-rect.c {background: #DEE21B;width:40px;}
.energ-rect-arrow.c {border-color: transparent transparent transparent #DEE21B;}

.energ-rect.d {background: #FFF200;width:40px;}
.energ-rect-arrow.d {border-color: transparent transparent transparent #FFF200;}

.energ-rect.e {background: #F9A01B;width:40px;}
.energ-rect-arrow.e {border-color: transparent transparent transparent #F9A01B;}

.energ-rect.f {background: #EC1C24;width:40px;}
.energ-rect-arrow.f {border-color: transparent transparent transparent #EC1C24;}

.produto-detalhe-content .bar-energ-wrapper {position: relative; top:auto; left:auto;float:left;}

.closeModal {background:#fff; color:#666; position: absolute; top:15px; right:10px; border:0; font-size:25px;}

/* Main Menu
----------------------------------------*/
.menu {position:relative;}
nav { width:774px; position:absolute; top:57px; right:0px;  border-radius: 0 5px 0 0; z-index:1;}
ul.oe_menu{list-style:none; float:right;}
ul.oe_menu > li{ height:37px; float:left; position:relative;}
ul.oe_menu > li > a{display:block; text-align:center; color:#fff; text-decoration:none; font-size:13px; line-height:37px; height:37px; padding:0 22px;}
ul.oe_menu > li > a:hover,
ul.oe_menu > li.active > a{background:#fff; color:#19345f;}

ul.oe_menu .oe_first {background:none; }
ul.oe_menu .oe_last:hover, ul.oe_menu > li.active > a.oe_last  {background:#fff;}


/* Section
----------------------------------------*/
section{
	clear:both;
}
#content {width:960px; margin: 0 auto; padding:10px; display:table; background:#fff; }
.cont {margin:5px 10px 15px 15px; display:table}

.colLeft {float:right; width:208px;}
.colRight {float:left; width:752px; margin-left:-11px;}
.col {float:left; width:100%; padding-bottom:30px; min-height:400px}

ul.col_menu {list-style:none; float:left; width:208px; margin-bottom:5px}
ul.col_menu > li > a{background:#19345f; font-size:13px; color:#fff !important; display:block; padding:8px 11px; margin-bottom:2px;}
ul.col_menu > li > a:hover {text-decoration:none; color:#fff; background:#152d52}

ul#browser {
	list-style:none; float:left; width:192px; margin-bottom:5px; font-size:11px; padding:8px; line-height:20px;
	background:#19345f;
}

.newsletter {width:204px; background:#f1f1f1; float:left}
.newsletter h2 {width:190px}
.newsletter .txt {padding:5px; font-style:italic; font-size:11px; line-height:1.2; color:#444}
.newsletter #fromaddress {font-family: 'Droid Sans', sans-serif;  font-size: 13px; margin-bottom: 5px; display: block; padding: 4px; background:#fff }
.newsletter label.error{ position:absolute; margin:4px 0}

.breadcrumb {float:left;  height:21px; width:936px; margin-bottom:10px; background:#e7e7e7; padding:7px 12px; font-size:14px;}
.separador {background: url('../images/separador_breadcrumb.png') no-repeat; width:20px; height:35px; margin:-7px 10px 0 10px}

.breadcrumb2 {float:left;  height:22px; width:718px; margin:0 0 10px 10px; background:#e7e7e7; padding:7px 12px; font-size:16px; line-height:22px}


/* Marcas
----------------------------------------*/
.marca_item {float:left; margin-left:10px; margin-bottom:8px; width:234px; height:212px}
.marca_item .foto {width:230px; height:140px; margin:5px 0; text-align:center; display:table; background:#fff;}

.marca_item div, .foto span {display:table-cell; vertical-align:middle;}


/* Contactos
----------------------------------------*/
.colContactos {float:left; width:735px; border-bottom:1px solid #ccc; margin-bottom:10px}
.colContactos .map {float:left; margin-left:30px; text-align:right}
.formContactos {float:left; margin-top:32px; margin-left:40px}
.colContactos small a{font-size:10px}


/* Forms
----------------------------------------*/
#inputArea {width:700px;}
#inputArea input, #inputArea textarea { font-family: 'Droid Sans', sans-serif;  font-size: 13px; margin-bottom: 5px; display: block; padding: 4px; width: 570px; float:left;}
#inputArea label {float:left; width:120px;}
#inputArea div {float:left; display:block}

input.error {background: #fff url('../images/alert.png') right -1px no-repeat; border:1px solid #990000}
label.error{color:red; font-style:italic; display:block; padding-bottom:10px; font-size:10px; margin-left:120px;width: 200px !important;}

#msg .erro1, #msg .erro2 {color:red; margin-top:40px; display:none; font-style:italic;}
#msg .erro2  {margin-top:30px;line-height:1.1}

/* Footer
----------------------------------------*/
footer {}

footer div{font:10px Tahoma, Arial; color:#919191; margin:12px 6px}
footer a:link, footer a:visited{color:#919191; text-decoration:none}
footer a:hover {color:#fff}


#fullscreen {float:left; color:#575757; }
#fullscreen a {color:#575757}
#fullscreen a:hover {color:#ffb536}


#fb-root {
display: none;
}
 
/* To fill the container and nothing else */
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
width: 204px !important;
}