/* CSS Document */

/*layout global das páginas*/


.cssftw h1, .cssftw h2, .cssftw p {margin:0 10px; letter-spacing:1px;}
.cssftw h1 {text-align:left; font-size:12px; color:#000;}
.cssftw h2 {font-size:12px; color:#234; border:0;}
.cssftw p {padding-bottom:0.5em; color:#000;}
.cssftw h2 {padding-top:0.5em; padding-left:10px;}

.default_uls {
	list-style:none;
	margin:0;
	padding:30px 0 0 10px;
	}

.li_title {
	letter-spacing:1px;
	font-weight:bold;
	padding:5px 0 0 0;
	}

.li_text {
	letter-spacing:1px;
	padding:0 10px 5px 10px;
	}

.sectxtcontent {
	display:block;
	}
	
.sectitle {
	float:left;
	}
	
.sectitle h1 {
	width:550px;
	height:30px;
	/*border:1px solid green;*/
	}
	
.sectitle p {
	}
	
.internal_link {
	}
	
h5 {
	margin:0 0 10px 10px;
}	
/* classes e ids comuns das páginas */

#page_historia_left, #page_objectivos_left, #page_equipa_left, #page_servicos_left, #page_componentes_left, #page_solucoes_left, #page_revenda_left, #page_hardware_left, #page_consultoria_left, #page_design_left, #page_desenvolvimento_left, #page_formacao_left, #page_assistencia_left, #page_web_left, #page_pedidoassistencia_left, #page_pedidopropostas_left, #page_manuais_left, #page_estilo_left, #page_jogos_left, #page_howto_left, #page_informativos_left, #page_ecm_left, #page_clubgest_left {
	display:block;
	float:left;
	width:600px;
	height:auto;
	font-size:12px;
	text-align:justify;
}

#page_historia_right, #page_objectivos_right, #page_equipa_right, #page_websites_right, #page_servicos_right, #page_componentes_right, #page_solucoes_right, #page_revenda_right, #page_hardware_right, #page_consultoria_right, #page_design_right, #page_desenvolvimento_right, #page_formacao_right, #page_assistencia_right, #page_web_right, #page_pedidoassistencia_right, #page_pedidopropostas_right, #page_manuais_right, #page_estilo_right, #page_jogos_right, #page_howto_right, #page_informativos_right, #page_ecm_right, #page_clubgest_right {
	float:left;
	display:block;
	width:280px;
	height:auto;
	font-size:12px;
	}

/*Empresa / História*/


/*Objectivos*/
 		
	
/*Equipa*/
	
.teamframe {
	display:block;
	clear:both;
	width:570px;
	height:180px;
	padding:0 0 0 2px;
	border-bottom:1px solid #8F9EBF;
	/*border:1px solid red;*/
	}

.teamframe .teamimg {
	display:block;
	float:left;
	width:179px;
	height:176px;
	/*border:1px solid blue;*/
	}
	
.teamframe .teamtxt {
	font-family: Garamond; 
	font-style: normal; 
	font-weight: normal; 
	font-size:16px;
	src: url(garamond_regular.eot);


	display:block;
	float:right;
	width:360px;
	height:auto;
	padding:5px 0 20px 0px;
	/*border:1px solid green;*/
	}
	
.teamframe .teamname {
	font-family: Garamond; 
	font-style: normal; 
	font-weight: normal; 
	font-size:16px;
	src: url(garamond_regular.eot);

	display:block;
	float:right;
	width:auto;
	height:auto;
	text-align:right;
	/* font-size:13px; */
	padding:0 0 0 0;
	margin-bottom:10px;
	color:#0f5388;
	/*border:1px solid yellow;*/
	}

.teamframe .teamtag {
	/*border:1px solid black;*/
	font-family: Garamond; 
	font-style: normal; 
	font-weight: normal; 
	font-size:14px;
	src: url(garamond_regular.eot);

	}	
		
/*contactos*/

#page_contactos_left {
	display:block;
	float:left;
	width:610px;
	height:auto;
	font-size:12px;
	text-align:justify;
	/*border:1px solid blue;*/
}

#sectxtcontent {
	display:block;
	width:590px;
	height:360px;
	/*border:1px solid black;*/
}

#sectxtcontent_left {
	display:block;
	float:left;
	width:280px;
	height:auto;
	text-align:left;
	font-size:12px;
	/*border:1px solid yellow;*/
}

#sectxtcontent_right {
	display:block;
	float:right;
	width:300px;
	height:auto;
	text-align:left;
	font-size:1.1em;
	padding:0 0 0 5px;
	/*border:1px solid red;*/
	}

#page_contactos_left .contacttitle {
	display:block;
	width:auto;
	height:auto;
	border-bottom:1px solid #3d6aa3; 
	color:#3d6aa3; 
	font-size:1.2em; 
	font-weight:normal;
	padding:3px;
	/*border:1px solid red;*/
	}


/*Sites web*/

	
.website {
	display:block;
	clear:both;
	width:810px;
	height:auto;
	/*border:1px solid red;*/
	}
	
.website .site_title {
	display:block;
	width:600px;
	height:auto;
	text-align:right;
	color:#0000FF;
	text-decoration:underline;
	/*border:1px solid yellow;*/
}
	
.website .thumb_site {
	display:block;
	float:left;
	width:200px;
	height:auto;
	padding:0 10px 0 0;
	/*border:1px solid blue;*/
}
	
.website .site_txt {
	display:block;
	float:left;
	width:400px;
	height:auto;
	/*border:1px solid yellow;*/
}

/* show/hide layout */
	
.showhide_question{	/* Styling question */
	font-family: Garamond; 
	font-style: normal; 
	font-weight: normal; 
	font-size:18px;
	src: url(garamond_regular.eot);

	/* Start layout CSS */
	display:block;
	width:390px;
	height:auto;
	color:#000033;
	background-color:#fff;
	border:1px solid #8F9EBF;
	padding:5px;
	
	/* End layout CSS */
	cursor:pointer;
}

.showhide_answer{	/* Parent box of slide down content */
	font-family: Garamond; 
	font-style: normal; 
	font-weight: normal; 
	font-size:18px;
	src: url(garamond_regular.eot);

	/* Start layout CSS */
	width:390px;
	height:auto;
	color:#000033;
	background-color:#fff;
	border-left:1px solid #8F9EBF;
	border-right:1px solid #8F9EBF;
	border-bottom:1px solid #8F9EBF;
	padding:5px;
	margin:-1px 0 0 0;
	
	/* End layout CSS */
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;

}
.showhide_answer_content{	/* Content that is slided down */	
	position:relative;
	padding:0 0 5px 0;
}
	
/*.holder {width:520px; margin:5px; padding:5px; border:1px solid #ddd; float:left; background:#f8f8f8;}
.holder h2 {text-align:left;}
a.hid {color:#000; text-decoration:none; outline-style:none; position:relative; z-index:500;}
a.hid em {display:none;}
a.hid:hover {text-decoration:none;}
a.hid:active, a.hid:focus {background:#fff;}
a.hid:active span, a.hid:focus span {display:none;}
a.hid:active em, a.hid:focus em {display:block; background:#f8f8f8; color:#000; width:520px; font-style:normal; cursor:default; padding:5px 5px 20px 5px; position:absolute; left:-6px; top:-5px; border:1px solid #ddd; border-width:0 1px 1px 1px;}
.clear {clear:both;}*/

/*Serviços*/

#page_servicos_left	{
	}
	
#page_servicos_left {
	}
	
/*Componentes e Módulos*/

#page_componentes_left {
	}

/*Soluções de Software*/

#page_solucoes_left {
	}
	
#page_solucoes_left .sectxtcontent .soft_frame {
	display:block;
	width:auto;
	height:auto;
	background:#FFFFFF;
	border:1px solid white;
	}
	
#page_solucoes_left .sectxtcontent .soft_frame a, #page_solucoes_left .sectxtcontent .soft_frame a img {
	text-decoration:none;
	border:none;
	}
	
/* Advogest */

#page_advogest, #page_advogest_modulos, #page_advogest_comercial, #page_advogest_links, #page_advogest_config {
	display:block;
	float:left;
	width:880px;
	height:auto;
	font-size:12px;
	/*border:1px solid red;*/
}	

#page_advogest .conteudo, #page_advogest_modulos .conteudo, #page_advogest_comercial .conteudo, #page_advogest_links .conteudo, #page_advogest_config .conteudo {
	display:block;
	clear:both;
	width:850px;
	height:980px;
	text-align:justify;
	padding:0 0 0 10px;
	/*border:1px solid blue;*/
	}
	
#page_advogest_modulos .conteudo {
	height:800px;
	}
	
#page_advogest_comercial .conteudo {
	height:960px;
	}
	
#page_advogest_links .conteudo {
	height:380px;
	}
		
#page_advogest_config .conteudo {
	height:380px;
	}	
	
#page_advogest .conteudo .soft_logo, #page_advogest_modulos .conteudo .soft_logo, #page_advogest_comercial .conteudo .soft_logo, #page_advogest_links .conteudo .soft_logo, #page_advogest_config .conteudo .soft_logo {
	padding-left:120px;
	}
	
#page_advogest .conteudo_txt, #page_advogest_modulos .conteudo_txt, #page_advogest_comercial .conteudo_txt, #page_advogest_links .conteudo_txt, #page_advogest_config .conteudo_txt {
	display:block;
	float:left;
	width:600px;
	height:auto;
	text-align:justify;
	padding:0 0 0 10px;
	/*border:1px solid pink;*/
	}
	
.tabless {
	display:block;
	width:200px;
	height:auto;
	border-top:2px solid #A20D18;
	border-left:2px solid #A20D18;
	border-right:2px solid #A20D18;
	margin: 0 0 0 100px;
	}
	
.tabless_content_item {
	display:block; 
	width:auto; 
	height:20px; 
	padding:10px;
	border-bottom:2px solid #A20D18;
	
	}
	
.posicao_item1 {
	float:left;
	}

.posicao_item2 {
	float:right;
	}
	
/* Clubgest */

	
#page_clubgest_left .destaque_content {
	display:block;
	width:auto;
	height:150px;
	margin:5px 0 0 0;
}
	
#page_clubgest_left .destaque_img {
	display:block;
	float:left;
	width:auto;
	height:auto;
	padding:0 0 0 35px;
	}

#page_clubgest_left .destaque_txt {
	display:block;
	float:right;
	width:370px;
	height:auto;
	padding:20px 10px 0 0;
	}
	
/* show/hide layout 2 */
	
.text_showhide_question{	/* Styling question */
	/* Start layout CSS */
	display:block;
	width:500px;
	height:auto;
	color:#042364;
	font-size:14px;
	font-weight:bold;
	border-left:1px solid #BB4750;
	border-bottom:1px solid #BB4750;	
	padding:0 0 0 10px;
	margin:0 0 2px 30px;
		
	/* End layout CSS */
	cursor:pointer;
}

.text_showhide_answer{	/* Parent box of slide down content */
	/* Start layout CSS */
	width:480px;
	height:auto;
	background-color:#fff;
	padding:5px 0 0 0;
	margin:0 0 5px 30px;
	border-left:1px dotted #BB4750;
	border-right:1px dotted #BB4750;
	border-bottom:1px dotted #BB4750;
	
	/* End layout CSS */
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;

}
.text_showhide_answer_content{	/* Content that is slided down */	
	position:relative;
	padding:0 0 5px 0;
}	
	
	
/*Revenda de Software*/

#page_revenda_left {
	}
	
/*Hardware*/

#page_hardware_left {
	}
	
/*Consultoria*/

#page_consultoria_left {
	}
	
/*Design*/

#page_design_left {
	}
	
/*Desenvolvimento de Software*/

#page_desenvolvimento_left {
	}
	
/*Formação*/

#page_formacao_left .cssftw .xboxcontent ul li {
	display:block;
	clear:both;
	width:auto;
	height:auto;
	margin:0 15px 10px 20px;
	padding:5px;
	list-style:none;
	border:1px solid #8F9EBF;
	}
	
/*Assistência Técnica*/

#page_assistencia_left {
	}
	
#page_assistencia_left h2 {
	font-size:12px;
	}
	
#page_assistencia_left h3 {
	font-weight:normal;
	font-size:12px;
	}

/* Pedido de Assistência / Relátorio de Problemas */

#page_pedidoassistencia_left {
	}

/* Pedido de Propostas */

#page_pedidopropostas_left {
	}
	
/*Manuais*/

#page_manuais_left {
	}

/*Internet - Funcionalidades*/

#page_web_left .cssftw .xboxcontent {
	display:block;
	width:auto;
	height:auto;
	/*border:1px solid red;*/
		}

#page_web_left .cssftw .xboxcontent ul li {
	display:block;
	width:auto;
	height:auto;
	margin:0 15px 10px 20px;
	padding:5px;
	list-style:none;
	border:1px solid #8F9EBF;
		}

/*Estilo de Vida Web*/

#page_estilo_left {
	}
	
/*Jogos na Internet*/

#page_jogos_left {
	}
	
#page_jogos {
	display:block;
	float:left;
	width:880px;
	height:auto;
	font-size:12px;
	/*border:1px solid red;*/
}	

#page_jogos .conteudo {
	display:block;
	clear:both;
	width:850px;
	height:980px;
	text-align:justify;
	padding:0 0 0 10px;
	/*border:1px solid blue;*/
	}
	
#page_jogos .conteudo {
	height:850px;
	/*border:1px solid red;*/
	}

#page_jogos .accao {
	height:1350px;
	/*border:1px solid red;*/
	}
	
#page_jogos .desporto {
	height:1150px;
	/*border:1px solid red;*/
	}

#page_jogos .puzzles {
	height:650px;
	/*border:1px solid red;*/
	}
	
#page_jogos .outros {
	height:1600px;
	/*border:1px solid red;*/
	}
	
.game {
	display:block;
	float:right;
	width:580px;
	height:auto;
	padding:10px;
	border:1px solid #8F9EBF;
	}
	
.game img {
	border:none;
	}
	
.game .gamedescription {
	display:block;
	width:auto;
	height:auto;
	/*border:1px solid black;*/
	}
	
.game .thumbgame {
	display:block;
	float:left;
	width:200px;
	height:auto;
	padding:0 10px 0 0;
	/*border:1px solid orange;*/
	}

.game .gamelink {
	display:block;
	float:right;
	width:360px;
	height:auto;
	padding:30px 0 0 0;
	/*border:1px solid green;*/
	}
	
	
.game .jogar {
	display:block;
	float:right;
	width:50px;
	height:auto;
	color:#36689B;
	font-size:14px;
	font-weight:bold;
	padding:0 150px 0 0;
	}
	
.game .jogar a {
	color:#36689B;
	}
	
.game .problemas {
	display:block;
	float:left;
	width:50px;
	height:auto;
	font-size:10px;
	}
.solucao {
	display:block;
	float:left;
	width:850px;
	height:auto;
	margin:10px 0 0 0;
	}
	
.tabless {
	display:block;
	width:200px;
	height:auto;
	border-top:2px solid #A20D18;
	border-left:2px solid #A20D18;
	border-right:2px solid #A20D18;
	margin: 0 0 0 100px;
	}
	
.table_content_item {
	display:block; 
	width:auto; 
	height:20px; 
	padding:10px;
	border-bottom:2px solid #A20D18;
	
	}
	
.table_item1 {
	float:left;
	}

.table_item2 {
	float:right;
	}	
	
	
/*Howto/Como fazer*/

#page_updatewin_left, #page_searchwin_left, #page_recordcd_left, #page_uninstall_left, #page_outlookexpress_left, #page_thunderbird_left, #page_internetsearch_left, #page_mbnet_left, #page_digitalcertificate_left, #page_postcard_left, #page_knowvirus_left, #page_removevirus_left, #page_avg_left {
	float:left;
	display:block;
	width:600px;
	height:auto;
	font-size:12px;
}

	
#page_updatewin_left .conteudo, #page_searchwin_left .conteudo, #page_recordcd_left .conteudo, #page_uninstall_left .conteudo, #page_outlookexpress_left .conteudo, #page_thunderbird_left .conteudo, #page_internetsearch_left .conteudo, #page_mbnet_left .conteudo, #page_digitalcertificate_left .conteudo, #page_postcard_left .conteudo, #page_knowvirus_left .conteudo, #page_removevirus_left .conteudo, #page_avg_left .conteudo {
	display:block;
	width:540px;
	height:auto;
	text-align:justify;
	/*border:1px solid red;*/
	}

#page_updatewin_left .conteudo img, #page_searchwin_left .conteudo img, #page_recordcd_left .conteudo img, #page_uninstall_left .conteudo img, #page_outlookexpress_left .conteudo img, #page_thunderbird_left .conteudo img, #page_internetsearch_left .conteudo img, #page_mbnet_left .conteudo img, #page_digitalcertificate_left .conteudo img, #page_postcard_left .conteudo img, #page_knowvirus_left .conteudo img, #page_removevirus_left .conteudo img, #page_avg_left .conteudo img  {	
	border:none;
	}
	
#page_searchwin_left .conteudo .info_img, #page_recordcd_left .conteudo .info_img, #page_uninstall_left .conteudo .info_img, #page_removevirus_left .conteudo .info_img, #page_avg_left .conteudo .info_img {
	display:block;
	width:auto;
	height:auto;
	text-align:center;
	}
	
/*Informativos*/

#page_informativos_left .sections-content, #page_informativos_right .sections-content {
	width:auto;
	height:400px;	}
	
/*páginas extras*/

/* Estilo de Vida Web - Telefonar via net */

#page_telefonar_left {
	float:left;
	display:block;
	width:600px;
	height:auto;
	font-size:12px;
}
	
#page_telefonar_left .conteudo {
	display:block;
	width:540px;
	height:auto;
	text-align:justify;
	/*border:1px solid red;*/
	}

#page_telefonar_left .conteudo img {
	padding:20px;
	border:none;
	}

/* Estilo de Vida Web - Fotografia Digital */

#page_fotografia, #page_fotografia_vantagens, #page_fotografia_megapixel, #page_fotografia_tamanho, #page_fotografia_luminosidade, #page_fotografia_zoom, #page_fotografia_proximidade, #page_fotografia_flash, #page_fotografia_temporizador, #page_fotografia_velocidade, #page_fotografia_focagem, #page_fotografia_modos {
	float:left;
	display:block;
	width:880px;
	height:auto;
	font-size:12px;
}
	
#page_fotografia .conteudo, #page_fotografia_vantagens .conteudo, #page_fotografia_megapixel .conteudo, #page_fotografia_tamanho .conteudo, #page_fotografia_luminosidade .conteudo, #page_fotografia_zoom .conteudo, #page_fotografia_proximidade .conteudo, #page_fotografia_flash .conteudo, #page_fotografia_temporizador .conteudo, #page_fotografia_velocidade .conteudo, #page_fotografia_focagem .conteudo, #page_fotografia_modos .conteudo {
	display:block;
	clear:both;
	width:820px;
	height:400px;
	text-align:justify;
	padding:0 0 0 10px;
	}
	
#page_fotografia_vantagens .conteudo {
	height:760px;
	}
#page_fotografia_tamanho .conteudo {
	height:530px;
	}
#page_fotografia_luminosidade .conteudo {
	height:530px;
	}	
	
#page_fotografia .conteudo_txt, #page_fotografia_vantagens .conteudo_txt, #page_fotografia_megapixel .conteudo_txt, #page_fotografia_tamanho .conteudo_txt, #page_fotografia_luminosidade .conteudo_txt, #page_fotografia_zoom .conteudo_txt, #page_fotografia_proximidade .conteudo_txt, #page_fotografia_flash .conteudo_txt, #page_fotografia_temporizador .conteudo_txt, #page_fotografia_velocidade .conteudo_txt, #page_fotografia_focagem .conteudo_txt, #page_fotografia_modos .conteudo_txt {
	float:right;	
	width:500px;
	height:auto;
	padding:10px;
	border:2px solid #99ACCC;
	}
/* Informativos */

#page_informativos_left, #page_computador_left, #page_internet_left, #page_tiposnet_left, #page_browsers_left, #page_neturls_left, #page_ip_left, #page_browserscomuns_left, #page_virus_left, #page_origemvirus_left, #page_troia_left {
	float:left;
	display:block;
	width:600px;
	height:auto;
	font-size:12px;
	text-align:justify;
}
	
/* História dos Computadores */

#page_computador_left .conteudo {
	text-align:justify;
	}

#page_computador_left .conteudo .info_content {
	display:block;
	width:540px;
	height:250px;
	text-align:center;
	}

#page_computador_left .conteudo .info_content .left_info {
	display:block;
	float:left;
	width:270px;
	height:auto;
	text-align:left;
	padding:0 0 0 30px;
	}
	
#page_computador_left .conteudo .info_content .right_info {
	display:block;
	float:left;
	width:230px;
	height:auto;
	text-align:left;
	}
	
#page_computador_left .conteudo .comment_img {
	display:block;
	width:220px;
	height:auto;
	text-align:justify;
	padding:2px 0 0 5px;
	}

#page_computador_left .conteudo .info_img {
	display:block;
	width:auto;
	height:auto;
	text-align:center;
	}
	
#page_computador_left .conteudo a img {
	border:none;
	}
	
/* Cavalos de Tróia (Trojan Horses) */

#page_troia_left .sections-content, #page_troia_right .sections-content {
	width:auto;
	height:520px;
	}
	
/* Vírus Informáticos e Worms */

#page_virus_left .sections-content, #page_virus_right .sections-content {
	width:auto;
	height:1450px;
	}

/* Origem e História dos Vírus Informáticos */

#page_origemvirus_left .sections-content, #page_origemvirus_right .sections-content {
	width:auto;
	height:1150px;
	}
	
/* Características Comuns dos Browsers */

#page_browserscomuns_left .sections-content, #page_browserscomuns_right .sections-content {
	width:auto;
	height:900px;
	}
	
/* Endereços IP */

#page_ip_left .sections-content, #page_ip_right .sections-content {
	width:auto;
	height:450px;
	}
	
/* Estrutura dos Endereços de Internet */

#page_neturls_left .sections-content, #page_neturls_right .sections-content {
	width:auto;
	height:900px;
	}
	
/* O que é um browser de Internet? */

#page_browsers_left .sections-content, #page_browsers_right .sections-content {
	width:auto;
	height:550px;
	}
	
/* Tipos de Ligação a Internet */

#page_tiposnet_left .sections-content, #page_tiposnet_right .sections-content {
	width:auto;
	height:1500px;
	}
	
/* História da Internet */

#page_internet_left .conteudo .info_img {
	display:block;
	width:auto;
	height:auto;
	text-align:center;
	}	
	
/* Estilo de Vida Web - Personagens na net */

#page_avatars_left {
	float:left;
	display:block;
	width:600px;
	height:auto;
	font-size:12px;
}

	
#page_avatars_left .conteudo {
	display:block;
	width:540px;
	height:auto;
	text-align:justify;
	/*border:1px solid red;*/
	}

#page_avatars_left .conteudo img {
	border:none;
	}
	
#page_avatars_left .conteudo {
	height:800px;
	}
	


	
/* Dicas layout */

#info p {margin-left:15px; margin-right:20px;}
#info img {margin:15px; float:left;}
#info h1 {margin-left:15px;}
/* the style starts here */
a.tooltip {color:#c00;}
a.tooltip b {display:none;}
a.tooltip:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltip:hover b {display:block; position:absolute; top:20px; left:-25px; padding:5px; font-weight:normal; color:#000; border:1px solid #888; background:#ffc; width:150px;}
a.tooltip:hover b em {position:absolute; left:20px; top:-6px; width:11px; height:6px; background:#fff url(http://www.inforquali.com/iq/images/tooltip.gif) 0 0; display:block; font-size:1px;}