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

.debugger {
	position: fixed;
	top: 0px;
	left: 0px;
	background-color: #FF0;
	border: solid thin #F00;
	padding: 5px;
	text-align: left;
}
P {
	margin: 0px;
	font-family: Arial, Helvetica, "sans-serif";
	font-size: 13px;
	/*color: #666666; definido em css.inc.php*/
}
SPAN {
	font-family: Arial, Helvetica, "sans-serif";
	color: #666666;
}
H1 {
	line-height: 40px;
	color: inherit;
    font-family: Arial, Helvetica, "sans-serif";
	font-size: 30px;
    font-weight: bold;
	margin: 10px 0;
	color: #666666;
    text-rendering: optimizelegibility;	
}
H2, H3 {
	line-height: 35px;
}
H4 {
	font-family: Arial, Helvetica, "sans-serif";
	color: #666666;
}
A {
	color: #CCC;
	text-decoration: none;
	padding:0;
	margin:0;
	border:0;
}
A:HOVER {
	color: #000000;
}
A > IMG {
	border: 0px;
}
DIV {
	font-family: Arial, Helvetica, "sans-serif";
	font-size: 12px;
}
PRE {
	font-family: Arial, Helvetica, "sans-serif";
	font-size: 12px;
	margin: 0;
}
SELECT {
	/*color: #818285;*/
	font-family: Arial, Helvetica, "sans-serif";
	font-size: 13px;
	/*width:100%;*/
	border: 0;
	cursor: pointer;
	background-color:#E2E2E2;
}
SELECT:FOCUS {
	outline-width: 0;
}
address {
    display: block;
    font-style: normal;
    line-height: 20px;
    margin-bottom: 20px;
	font-family: Arial, Helvetica, "sans-serif";
	color: #666666;
}
ul, ol {
    margin: 0 0 10px 25px;
    padding: 0;
}
ul ul, ul ol, ol ol, ol ul {
    margin-bottom: 0;
}

/* Vários */
.shadow_01 {
	box-shadow: 3px 3px 4px #666;
}
.wide {
	width: 99%;
}

A.link_11_blue {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #930538; text-decoration: none}
A.link_11_blue:HOVER {color:#000000;}
A.link_18_blue {font-family: 'Open Sans Condensed', sans-serif; font-size: 18px; color: #03F; text-decoration: none}
A.link_18_blue:HOVER {color:#000000; text-decoration: underline}
A.link_20_gray {font-family: 'Open Sans Condensed', sans-serif; font-size: 20px; color: #999; text-decoration: none}
A.link_20_gray:HOVER {color: #666; text-decoration: underline}
A.link_22_black {font-family: 'Open Sans Condensed', sans-serif; font-size: 22px; color: #000000; text-decoration: none}
A.link_22_black:HOVER {font-family: 'Open Sans Condensed', sans-serif; font-size: 22px; color: #333; text-decoration: underline}

.txt_11_blue {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #930538; text-decoration: none}
.txt_12_black {font-family: Calibri, Candara, Corbel, Helvetica, "Century Schoolbook L", sans-serif; font-size: 12px; color: #000000; text-decoration: none}
.txt_12_red {font-family: Calibri, Candara, Corbel, Helvetica, "Century Schoolbook L", sans-serif; font-size: 12px; color:#FF0000; text-decoration: none}
.txt_13_white {font-family: Calibri, Candara, Corbel, Helvetica, "Century Schoolbook L", sans-serif; font-size: 13px; color: #FFFFFF; text-decoration: none}
.txt_14_black {
	font-family: Calibri, Candara, Corbel, Helvetica, "Century Schoolbook L", sans-serif; 
	font-size: 14px; 
	color:#000000; 
	line-height: 20px; 
}
.txt_16_black {font-family: Calibri, Candara, Corbel, Helvetica, "Century Schoolbook L", sans-serif; font-size: 16px; color: #000000; text-decoration: none}
.txt_16_white {font-family: Calibri, Candara, Corbel, Helvetica, "Century Schoolbook L", sans-serif; font-size: 16px; color: #FFFFFF; text-decoration: none}
.txt_16_gray {font-family: Calibri, Candara, Corbel, Helvetica, "Century Schoolbook L", sans-serif; font-size: 16px; color: #58595b; text-decoration: none;}
.txt_18_black {font-family: 'Open Sans Condensed', sans-serif; font-size: 18px; color: #000000; text-decoration: none}
.txt_20_black {font-family: 'Open Sans Condensed', sans-serif; font-size: 20px; color: #000000; text-decoration: none}
.txt_20_white {font-family: 'Open Sans Condensed', sans-serif; font-size: 20px; color: #FFFFFF; text-decoration: none}
.txt_20pt_orange {font-family: Calibri, Candara, Corbel, Helvetica, "Century Schoolbook L", sans-serif; font-size: 20pt; color: #FF6600; text-decoration: none}
.txt_22_black {font-family: 'Open Sans Condensed', sans-serif; font-size: 22px; color: #000000; text-decoration: none}
.txt_22_white {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 22px; color: #FFFFFF;
	text-decoration: none; 
	text-shadow: 0px 0px 3px #000000;
	filter: dropshadow(color=#000000, offx=0, offy=0);
}
.txt_22_gray {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 22px; color: #AAAAAA;
	text-decoration: none; 
	text-shadow: 0px 0px 3px #FFFFFF;
	filter: dropshadow(color=#FFFFFF, offx=0, offy=0);
}
.txt_24_black {font-family: Calibri, Candara, Corbel, Helvetica, "Century Schoolbook L", sans-serif; font-size: 24px; color: #000000; text-decoration: none}
.txt_24_white {font-family: 'Open Sans Condensed', sans-serif; font-size: 24px; color: #FFFFFF; text-decoration: none}

.textbox1 { 
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	background-image: url(../images/bkg_txtbox.jpg);
	background-size: 100% 100%;
	border: 2px #1A6799 solid;
	padding: 5px;
}
.textbox5 { 
	font-family: Calibri, Candara, Corbel, Helvetica, "Century Schoolbook L", sans-serif;
	font-size: 20px;
	border: 1px #818285 solid;
	background-color: #FFFFFF;
	padding: 5px;
}

.textarea_20 { 
	font-family: Calibri, Candara, Corbel, Helvetica, "Century Schoolbook L", sans-serif;
	font-size: 20px;
	/*background-color:#FFF;*/
	border: 1px #818285 solid;
	padding: 5px;
}

.column_18_black {
	font-family: 'Open Sans Condensed', sans-serif; 
	font-size: 18px; 
	font-weight: bold; 
	color: #000000; 
	text-decoration: none;
	cursor: pointer;
}

/* BACKOFFICE */
.dashboard_mouseover {
	background-color: transparent;
}
.dashboard_mouseover:HOVER {
	background-color: rgba(0,0,0,0.1);
}
.form_label {font-family: 'Open Sans Condensed', sans-serif; font-size: 18px; color: #696969; text-decoration: none; font-weight: bold;}

/* FRONTOFFICE */
DIV.main_center {
	position: relative;
	width: 980px;
	height: 700px;
    margin-left: auto; 
    margin-right: auto;
	/*background-color:#FF9900;*/
	/*border: solid 1px #CCC;*/
	min-height: 650px;
}
#logo {
	/*border-left: 1px solid #BBBAB9;*/
    /*border-right: 1px solid #BBBAB9;*/
    width: 49%;
    height: 102px;
    padding: 0px 0px 0px 0px;
    /*text-align: center;*/
	/*background-color: #FF6;*/
	float: left;
}
#menu_lang {
	/*position: absolute;*/
	/*background-color: #FF3;*/
	width: 49%;
	/*height: 30px;*/
	/*left: 624px;*/
	/*padding-left: 10px;*/
	/*border: 0px solid;*/
	/*border-width:	0px	0px	0px	1px;*/
	/*border-color: #CCCCCC;*/
	padding: 25px 10px 0px 0px;
	float: right;
	text-align: right;
}
#menu_lang > DIV {
	/*padding-top: 5px;*/
	display: inline-block;
	padding-right: 5px;
	line-height: 14px;
}
.menu_lang_css {
    color: #003366;
    font-family: Arial,Helvetica,"sans-serif";
    font-size: 10px;
}
.menu_lang_css:HOVER {
    color: #000;
}
.lang_active {
	color: #CCC;
}
/* Som */
#sound {
	/*background-color: #FF3;*/
	width: 50px;
	height: 50px;/**/
	padding-right: 10px;
	float: right;
}
/* Menu Header */
#menu_header_container_1 {
	position: relative;
	width: 980px;
	height: 48px;
	/*background-color: #0F0;*/
	float: left;
}
#menu_header_container_2 {
	position: absolute;
	bottom: 0;
	right: 0;
}
.menu_button {
	display: inline-block;
	vertical-align: bottom;
	width: 110px;
	line-height: 37px;
	margin-left: 7px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #FFF;
	cursor: pointer;
	background-color: #003366;
	border-top-left-radius: 1em 1em;
	border-top-right-radius: 1em 1em;
}
.menu_button_active {
	width: 147px;
	line-height: 48px;
	font-size: 20px;
	font-weight: 300;
}
/* Body Content */
#body_content {
	position: relative;
	float: left;
	width: 978px;
	height: 506px;
	border: 1px solid #CCC;
	background-color: #E6E7E8;
}

/* FOOTER */
#footer {
	margin-top: 20px;
	width: 980px;
	height: 20px;
	/*background-color: #090;*/
	float: left;
}
#logos_footer {
	float: right;
}
/* Shared */
/* Botões gerais */
.btn_a {
	width: 115px;
	line-height: 27px; /*25*/
	text-align: right;
	padding: 0px 5px 0px 5px;
	color: #003366;
	background-color: #FFF;
	cursor: pointer;
	margin-bottom: 14px; /*13*/
}
.btn_a:last-child {
	margin-bottom: 0px;
}
.btn_a_active {
	color: #FFF;
	background-color: #003366;
	cursor: default;
}
.btn_a:HOVER {
	color: #FFF;
	background-color: #003366;
}
.btn_label {
	position: absolute;
	top: 255px;
	left: 0px;
	background-color: #CCC;
	width: 106px; /* assim não mostra a label da imagem do lado esquerdo */
	line-height: 27px; /*25*/
	text-align: right;
	padding: 0px 5px 0px 5px;
	color: #003366;
	cursor: pointer;
	margin-bottom: 14px; /*13*/
}
.btn_label_active, .btn_label:HOVER {
	color: #FFF;
	background-color: #003366;
}
/* Label (Linhas) */
.lbl_linhas {
	position: absolute;
	top: -38px;
	left: -8px;
	width: 126px;
	background-color: #CCC;
	color: #003366;
	cursor: default;
}
/* imagens de seleção do produto */
.img_caroucel {
	cursor: pointer;
}
/* Labels (Produtos > Mobiliário + Auditórios) */
.container_carousel {
	position:relative;
	width: 454px;
}
.label_horizontal {
	position: absolute;
	top: 255px;
	left: 0px;
	background-color: #CCC;
	width: 106px; /* assim não mostra a label da imagem do lado esquerdo */
}
/* Menu Footer */
.menu_footer {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 73px;
	background-color: #CCC;
}
.btn_categories {
	cursor: pointer;
}
/* Slideshow partilhado (Mobiliário e Auditórios) */
.products_slideshow {
	position: absolute;
	top: 0px;
	left: 163px;
	border: 8px solid #CCC;
}
/* Dados do produto (Nome + Texto -> partilhado com Mobiliário e Auditórios) */
.products_data {
	position: absolute;
	width: 154px;
	height: 165px;
	top: 0px;
	right: 0px;
	/*background-color: #CC3;*/
	color: #036;
	overflow: hidden;
}
/* Dados do produto (Nome + texto -> partilhado a todos os produtos) */
.product_name {
	width: 143px;
	font-size: 22px; /*32*/
	/*background-color: #0F6;*/
	line-height: 27px;
	padding-bottom: 10px;
	color: #036;
}
.product_description {
	width: 143px;
	/*background-color: #C90;*/
	font-size: 11px;
	text-align: left;
}
/* Cadeiras */
.cadeiras_title {
	position: absolute;
	bottom: 50px;
	left: 15px;
	font-size: 34px;
	line-height: 27px;
	color: #036;
}
.cadeiras_referencia {
	position: absolute;
	top: 160px;
	left: 15px;
	width: 143px;
	height: 130px;
	/*background-color: #C90;*/
	text-align: left;
	overflow: hidden;
	color: #036;
}
.cadeiras_description {
	position: absolute;
	top: 180px;
	left: 15px;
	width: 143px;
	height: 113px;
	/*background-color: #C90;*/
	font-size: 11px;
	text-align: left;
	overflow: hidden;
	color: #036;
}

/* Empresa */
#empresa_content {
	position: absolute;
	top: 58px;
	right: 0px;
	width: 626px;
	height: 383px;
	font-size: 13px;
	color: #FFF;
	line-height: 20px;
	text-align: justify;
	background-color: #003366;
}
#empresa_images {
	position: absolute;
	top: 113px;
	left: 0px;
}

/* Empresa > Galeria de imagens */
#empresa_slideshow {
	position: absolute;
	top: 58px;
	left: 163px;
	border: 8px solid #CCC;
}
#btn_up {
	position: absolute;
	top: 396px;
	right: -1px;
	cursor: pointer;
}
#btn_down {
	position: absolute;
	top: 406px;
	right: -1px;
	cursor: pointer;
}

/* Produtos */
.produtos_img {
	width: 208px;
	height: 330px;
	background-color: #FFF;
	cursor: pointer;
}
.produtos_img IMG {
	border: none;
}

.produtos_name {
	line-height: 29px;
	color: #003366;
}
#prev_produtos, #next_produtos {
	position: absolute;
	cursor: pointer;
	z-index: 3;
	display: none; /* necessário se for usada a função onAfter para esconder os botões automáticamente */
}
#prev_produtos {
	top: 300px;
	left: 0px;
}
#next_produtos {
	top: 15px;
	right: 0px;
}

/* Produtos > Mobiliário */
#products_content {
	position: absolute;
	top: 30px;
	left: 0px;
	width: 100%;
	height: 375px;
	/*background-color: #C30;*/
	z-index: 0;
}

/* Produtos > Cadeiras */
.btn_label_cadeiras {
	position: absolute;
	bottom: 0px;
	left: -32px;
	background-color: #CCC;
	width: 106px; /* assim não mostra a label da imagem do lado esquerdo */
	line-height: 27px; /*25*/
	text-align: right;
	padding: 0px 5px 0px 5px;
	color: #003366;
	cursor: pointer;
	margin-bottom: 14px; /*13*/
	z-index: 1;
	transform:rotate(-90deg);
	-ms-transform:rotate(-90deg); /* IE 9 */
	-moz-transform:rotate(-90deg); /* Firefox */
	-webkit-transform:rotate(-90deg); /* Safari and Chrome */
	-o-transform:rotate(-90deg); /* Opera */
}
.btn_label_cadeiras_active, .btn_label_cadeiras:HOVER {
	color: #FFF;
	background-color: #003366;
}

/* Produtos > Cadeiras > Cat1 */
.produtos_cadeiras_cat1 {
	border: solid #CCC;
	border-width: 8px 0 0 0;
	background-color: #CCC;
	line-height: 29px;
	color: #003366;
}

/* Produtos > Cadeiras > Cat1 > Cat2 */
.produtos_cadeiras_cat1_cat2 {
	border: solid #CCC;
	border-width: 8px 0 0 0;
	background-color: #CCC;
	line-height: 29px;
	color: #003366;
}

/* Produtos > Cadeiras > Cat1 > Cat2 > Detalhes */
#prev_ref {
	position: absolute;
	top: 360px;
	left: 0px;
	text-align: center;
	background: url(../images/Arrow_left_products.png) no-repeat #FFF;
	background-position: 0px -24px;
}
#prev_ref:HOVER {
	background-color: #036;
	background-position: 0px -1px;
}
#next_ref {
	position: absolute;
	top: 360px;
	right: 0px;
	text-align: center;
	background: url(../images/Arrow_right_products.png) no-repeat #FFF;
	background-position: 111px -24px;
}
#next_ref:HOVER {
	background-color: #036;
	background-position: 111px -1px;
}

/* CONTACTOS */
.contacts_form {
	position: absolute;
	top: 65px;
	left: 20px;
	width: 200px;
	height: 360px;
	border: 8px solid #FFF;
	background-color: #FFF;
}
.google_maps {
	position: absolute;
	top: 65px;
	left: 250px;
	width: 340px;
	height: 360px;
	border: 8px solid #FFF;
}
.contacts_title {
	position: absolute;
	top: 200px;
	left: 630px;
	width: 325px;
	/*background-color: #F63;*/
	color: #036;
	font-size: 34px;
	overflow: hidden;
}
.contacts_container {
	position: absolute;
	top: 275px;
	left: 630px;
	width: 325px;
	height: 165px;
	/*background-color: #F63;*/
	color: #036;
	font-size: 14px;
	overflow: hidden;
	letter-spacing: 1px;
}
.contacts_container p {
	line-height: 20px;
}
/* Contactos (formulário) */
INPUT.textbox_wide {
	color: #111;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 190px;
	height: 20px;
	line-height: 20px;
	border: 0px;
	background-color: #E6E7E8; /*transparent;*/
	margin-bottom: 2px;
	padding-left: 5px;
    padding-right: 5px;
}
INPUT.textbox_wide:FOCUS {
	outline-width: 0;
}
::-webkit-input-placeholder { /* WebKit browsers */
    color: #036;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #036;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #036;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #036;
}
TEXTAREA.textarea_wide {
	color: #111;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 190px;
	height: 239px;
	display: block;
	border: 0px;
	background-color: #E6E7E8; /*transparent;*/
	resize: none;
	padding: 5px;
}
TEXTAREA.textarea_wide:FOCUS {
	outline-width: 0;
}
.form_button {
	width: 190px;
	height: 26px;
	line-height: 26px;
	text-align: left;
	color: #036;
	/*background-color: #FFF;*/
	cursor: pointer;
	padding: 5px;
	margin-top: 2px;
	font-size: 14px;
}
.form_button:HOVER {
	background-color: #E6E7E8;
}

/* jQuery Cycle */
#prev, #next {
	position: absolute;
	cursor: pointer;
	z-index: 3;
	display: none; /* necessário se for usada a função onAfter para esconder os botões automáticamente */
}
#prev {
	top: 300px;
	left: 0px;
}
#next {
	top: 15px;
	right: 0px;
}
.slideshow_nav {
	cursor: pointer;
	/*float: right;*/
	/*display: inline-block;*/
	/*opacity:0.8;*/
	/*filter:alpha(opacity=80);  For IE8 and earlier */
}
.slideshow_nav:HOVER {
	/*opacity: 1;*/
	/*filter:alpha(opacity=100);  For IE8 and earlier */
}
.slideshow_counter {
	position: absolute;
	top: 305px;
	left: 5px;
	/*background-color: #000;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	color: #FFF;	
	display: inline-block;
	line-height: 20px;
	padding: 0px 5px 0px 5px;
	z-index: 3;
	opacity:0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
	text-shadow: 0px 0px 3px #000000;
    filter: dropshadow(color=#000000, offx=0, offy=0);
}
#slideshow {
	z-index: 2;
}

#nav li {
	/*width: 74px;*/
	/*float: left;*/
	/*margin-right: 9px;*/
	list-style: none;
	padding-bottom: 10px;/**/
}
#nav li:last-child {
	padding-bottom: 0px;
}
#nav a {
	width: 74px;
	padding: 0px;
	display: block;
	border: 1px solid #FFF;
}
#nav li.activeSlide a {
	border: 1px solid #003366;
}
#nav a:focus {
	outline: none;
}
#nav img {
	border: none;
	display: block;
}