﻿body{
	margin:0;
	padding:0;
	background: #7BAF38 url(../images/background.jpg) repeat-x top left;
	color:#fff;
	font-size: 62.5%;
	font-family: Helvetica, 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align:center;
	
}

a{
	text-decoration:none;
	color:#fff;
}

a:hover{
	text-decoration:underline;	
}

form, ul, li, h1, h2, h3, h4, h5, h6{
	margin:0;
	padding:0;
}

ul{
	list-style-type:none;
}

:focus{
	outline:	none;
}

#main{
	width:808px;
	margin:0 auto;
	text-align:left;
}

/* Header */
#header{
	height:120px;
}

#logo, #logo a{
	margin-left:11px;
	width:265px;
	height:120px;	
}

#logo a{
	background: url(../images/logo.jpg) no-repeat top left;
	text-indent:-999px;
	overflow:hidden;
	display:block;	
}

#assessor-financeiro{
	background: url(../images/imagem_seu_assessor.jpg) no-repeat top left;
	float:right;
	margin-right:11px;
	text-indent:-3999px;
	margin-top:0px;
	width:179px;
	height:143px;
}


/* Menu Top */
#menu-top{
	height:27px;
	font-size:12px;
	line-height:13px;
	padding-left:38px;
	padding-top:10px;
	position:relative;
}

#menu-top ul li{
	float:left;
	display:inline;
}

#menu-top ul li a{
	display:inline-block;
}

#menu-top ul li span{
	padding:0 5px;
	text-align:center;
}

#menu-top ul li a:hover, #menu-top ul li.active a{
	text-decoration:none;
	border-bottom:3px solid #8CC63F;
}

/* Content */
#content{
	background: url(../images/content_bg.jpg) no-repeat top left;
	height:386px;
	
	
}

#content.form{
	background: url(../images/content_bg_form.jpg) no-repeat top left;
	height:460px;
/*	background: url(../images/content_bg.jpg) no-repeat top left;
	height:386px;*/
}

#content.form div.container {
	height:400px;	
}

#content.form div.panel_right {
	height:400px;	
	
}

#content.form div.container div.ui-tabs-panel{
	background:transparent;
}



div.container{
	
	width:738px;
	height:335px;
	overflow:hidden;
	margin:25px 0 0 45px;
	float:left;
	display:inline;
	position:relative;
	color:#333;
	
}

div.container a{
	color:#222;
}

div.panel_left{
	width:350px;
	height:333px;
	float:left;
	display:inline;
	overflow:hidden;
}

div.panel_right{
	
	width:370px;
/*	width:355px;*/
	height:298px;
	margin-top:8px;
	margin-left:8px;
	float:left;
	display:inline;
	position:relative;
	
	}

div.tabcontent{
	height:298px;
	font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	
}

div.tabcontent p{
	margin:0 0 10px 0;
}

div.tabcontent span{
	color:#3099d2;
	font-weight:bold;
}

div.tabcontent a{
	text-decoration:underline;
}


/* Menu Bottom */
#menu-bot{
	padding-left:35px;
}

#menu-bot ul{
	width:762px;
	height:61px;
}

#menu-bot ul li{
	display:inline;
	float:left;
	margin-right:1px;
}

#menu-bot ul li a{
	display:block;
	width:150px;
	height:61px;
	text-indent:-999px;
	overflow:hidden;
	background-position: top left;
}

#menu-bot ul li a:hover, #menu-bot ul li.active a{
	background-position: bottom left;
}

#menu_habitacao a{
	background-image: url(../images/menu_habitacao.jpg);
}

#menu_automovel a{
	background-image: url(../images/menu_automovel.jpg);
	width:189px;
}

#menu_consolidacao a{
	background-image: url(../images/menu_consolidacao.jpg);
	width:188px;
}

#menu_credito a{
	background-image: url(../images/menu_credito.jpg);
}
#menu_cartao a{
	background-image: url(../images/menu_cartao.jpg);
}

/* Footer */
#footer{
	text-align:center;	
}
#copy{
	padding-top:25px;
}

#excentric{
	background: url(../images/excentric.png) no-repeat top left;
	display:block;
	width:130px;
	height:50px;
	text-indent:-999px;
	overflow:hidden;
	margin:10px auto;
}

#excentric:hover{
	text-decoration:none;
}

/* Links */
a.pergunta_dificil, a.resposta_finanfacil, h4.pergunta_dificil, h4.resposta_finanfacil{
	display:block;
	text-indent:-999px;
	overflow:hidden;
	position:absolute;
	z-index:5;
}

a.pergunta_dificil, h4.pergunta_dificil{
	background: url(../images/msg_pergunta_dificil.jpg) no-repeat top left;
	width:125px;
	height:18px;
	top:42px;
}

a.resposta_finanfacil, h4.resposta_finanfacil{
	background: url(../images/msg_resposta_finanfacil.jpg) no-repeat top left;
	width:159px;
	height:19px;
	bottom:0;
	right:0;
}

/* Imagens */
#content_home{
	position:absolute;
	left:0px;
	width:738px;
	height:335px;
	overflow:hidden;
	
	
}

#img_quem_somos{
	position:absolute;
	bottom:0;
	left:0px;
}

#img_onde_estamos{
	position:absolute;
	bottom:0;
	left:0px;
}

#img_franchisados{
	position:absolute;
	left:0px;
}

#img_contactos{
	position:absolute;
}

#content_automovel{
	position:absolute;
	bottom:0;
	left:0;	
}


/* Lists */
dl{
	width:335px;
	clear:both;
}

dl dt, dl dd{
	float:left;
	display:inline;
	margin:0;
	margin-bottom:10px;
}

dl dt{
	width:80px;
	clear:both;
	color:#93CA4B;
}

dl dd{
	width:240px;
	line-height:12px;	
}

dl dt.alt{
	color:#333;
	line-height:13px;
}

dl dd.alt{
	color:#93CA4B;
	line-height:13px;
}

/* onde estamos */
#onde-estamos-content{
	width:345px;
	height:235px;
}

#onde-estamos-content a{
	color:#93CA4B;
}

#onde-estamos-content a:hover{
	text-decoration:underline;
}

/* Contacte-nos */

#page-contacte-nos #contactos{
	position:absolute;
	bottom:0;
}

#page-contacte-nos h2{
	font-size:16px;
}

#page-contacte-nos h2 span{
	color:#93CA4B;
}

#page-contacte-nos h3{
	font-size:12px;
	margin:2px 0;
}

#page-contacte-nos a{
	color:#93CA4B;
}

/**/
.scroll-text{
	width:370px;	
	height:330px;
	overflow:hidden;
	font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	
}

#onde-estamos h2, #page-habitacao h2, #page-automovel h2, #page-consolidacao h2, #page-credito h2{
	height:20px;
	text-indent:-999px;
	overflow:hidden;
}

/* Menus Bottom */
#page-habitacao div.panel_left, #page-automovel div.panel_left, #page-consolidacao div.panel_left, #page-credito div.panel_left{
	width:350px;
}

#page-habitacao div.panel_left img, #page-automovel div.panel_left img, #page-consolidacao div.panel_left img, #page-credito div.panel_left img{
	position:absolute;
	bottom:0;
	left:0px;
}

#page-habitacao div.panel_left img, #page-automovel div.panel_left img{
	left:0px;
}

#page-habitacao div.panel_left img{
	left:0px;
}

#page-habitacao div.panel_right, #page-automovel div.panel_right, #page-consolidacao div.panel_right, #page-credito div.panel_right{
	width:380px;
	height:380px;
	
}

#page-habitacao h4.pergunta_dificil, #page-automovel h4.pergunta_dificil, #page-consolidacao h4.pergunta_dificil, #page-credito h4.pergunta_dificil{
	top:34px
}


/* Formulário */
#email_sent{
	padding:50px 0;
	text-align:center;
}

div.alert{
	font-weight:bold;
	text-align:center;
	color:#c00;
	height:1%;
}

div.success{
	font-weight:bold;
	text-align:center;
	color:#12ad37;
	height:1%;
}

#page-franchisados-form{
	overflow:visible;
}

#page-franchisados-form #contacte-nos{
	height:380px;
}

input, select, textarea{
	border: 1px solid #8CC63F;
	font-size:11px;
}

input.radio{
	border:none;
}

label{
	display:block;
}

label span{
	color:#8CC63F;
	font-weight:bold;
}

label.alert{
	color:#c00;
}

div.form-line{
	clear:both;
	padding-top:11px;
	height:1%;
}

div.form-line div{
	float:left;
	display:inline;
/*	overflow:hidden;*/
}

div.form-line div#div-submit{
	float:none;
	display:block;
	padding-right:25px;
}

div.form-line div#div-submit span{
	line-height:20px;
}


div.form-line div#div-submit input{
	color:#fff;
	background-color:#8CC63F;
	float:right;
}

div.form-line p input{
	color:#fff;
	background-color:#8CC63F;
}

#div-nome{width:305px;}
#div-nome input{width:303px;}

#div-idade{width:35px;margin-left:5px;}
#div-idade input{width:33px;}

#div-morada{width:255px;}
#div-morada input{width:253px;}

#div-cpostal{width:85px;margin-left:5px;}
#cp1{width:40px;}
#cp2{width:25px;}

#div-localidade, #div-telefone, #div-telemovel, #div-onde-abrir, #div-tem-loja, #div-se-sim{width:110px;margin-right:5px;}
#div-localidade input, #div-telefone input, #div-telemovel input, #div-onde-abrir input, #div-se-sim input{width:108px;}

#div-email{width:140px;}
#div-email input{width:138px;}

#div-profissao{width:200px;margin-left:5px;}
#div-profissao input{width:198px;}

#div-tem-loja{
	text-align:center;
}

#div-tem-loja label{
	text-align:left;
}

#div-timming label{display:inline;}
#timming{
	width:100px;
}

#outros{
	width:343px;
	height:34px;
}

#videohome{
	position:absolute;
	z-index:2;
	}
	
#videofranchi{
	position:absolute;
	z-index:3;
	left:0px;
	
	}

#imgfranchisados{
	position:absolute;
	top:265px;
	left:361px;
	z-index:1;
	
	
	}
#imghome{	
	position:absolute;
	margin-top:250px;
	margin-left:561px;
	
	
	}
