@charset "utf-8";

#html,body{
	margin:0px;
	padding:0px;
	min-width: 962px;
	height:100%;
	background-color:#FFFFFF;
}

#contenidor{
	position: relative;
	width: 962px;
	padding:0px 0px 0px 0px;
	border: 0px solid #cccccc;
	left: 50%;
	margin-left: -481px;
	margin-bottom:0px;
}

#cap{
	margin-bottom:20px;
}

#bloc{
	width:617px;
	border-bottom:1px solid #1f497d;
	margin:0px 0px 0px 15px;
	float:left;
}

#text{
	padding:15px 0px 15px 25px;
	font:11px Arial, Helvetica, sans-serif;
	line-height:20px;
	color:#333333;
}

.blau{
	color:#1f497d;
	font-weight:bold;
}

#columna{
	border-left:1px solid #1f497d;
	width:275px;
	height: 1250px;
	float:right;
	margin-right:35px;
	
}

#textColumna{
	padding:0px 0px 15px 25px;
	font:11px Arial, Helvetica, sans-serif;
	line-height:20px;
	color:#333333;
}

#mail{
	height:34px;
	width:263px;
	margin-top:7px;
	background-image:url(../img/fonsMail.jpg);
	background-repeat:repeat-x;
	font:11px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}
	#mail a{
		text-decoration:none;
		color:#FFFFFF;
		font-weight:bold;
	}
	#mail a:hover{
		text-decoration:underline;
	}

#textMail{
	padding-top:10px;
	text-align:center;
}

#cites{
	line-height:13px;
}
	#cites a{
		text-decoration:none;
		color: #1f497d;
	}
	#cites a:hover{
		text-decoration:underline;
	}
	
#caixaBlavaDiagnostic{
	background-color:#144076;
	color:#FFFFFF;
	FLOAT:LEFT;
	margin: 15px 0px 0px 55px;
	width:490px;
	padding:10px 15px 10px 15px;

	font:12px Arial, Helvetica, sans-serif;
	line-height:20px;
}

#caixaBlavaDiagnostic a{
	text-decoration:none;
	color:#FFFFFF;
}

#caixaGrisDiagnostic{
	background-color:#f2f2f2;
	color:#333333;
	FLOAT:LEFT;
	margin: 0px 0px 0px 55px;
	width:490px;
	padding:10px 15px 10px 15px;
	font:12px Arial, Helvetica, sans-serif;
	line-height:20px;
}
	#caixaGrisDiagnostic a{
		text-decoration:none;
		color:#333333;
	}

.titolDiagnostic{
	color:#144076;
	font:bold 20px Arial, Helvetica, sans-serif;
}
	
li{
	margin-left:-20px;
}
	
/* ESTILS IMPORTATS PER L'AUTODIAGNOSTIC*/
#indicarMail{
	font: 12px Arial, Helvetica, sans-serif;
	padding:20px 0px 0px 20px;
}

.campMail{
	border:1px solid #cccccc;
	width:300px;
}

.buto{
	background-color:#1f497d;
	color:#FFFFFF;
	font:11px Arial, Helvetica, sans-serif;
	padding:2px 5px 2px 5px;
	border:1px solid #cccccc;
}


#bloc_central {
	width: 650px;
	left: 50%;
	margin-left: -325px;
	position: relative;
	padding-bottom: 30px;
}

#bloc_central_interior {
	position: relative;
}

#num {
	width: 650px;
	position: relative;
}

#titol_principal {
	padding-top: 10px;
	margin-left: 20px;
	padding-bottom: 5px;
}

#titol_presonal {
	margin-left: 20px;
	padding-bottom: 5px;
	padding-top: 15px;
}

#personals {
	padding-left: 20px;
	padding-top: 10px;
}

.pastilla_exterior {
	width: 650px;
	padding-bottom: 20px;
	position: relative;
}

#pastilla_1 {
	background-image: url(../img/pastilla_1.gif);
	width: 650px;
	height: 175px;
	position: relative;
}

#pastilla_2 {
	background-image: url(../img/pastilla_2.gif);
	width: 650px;
	height: 218px;
}

#pastilla_3 {
	background-image: url(../img/pastilla_3.gif);
	width: 650px;
	height: 245px;
}

#pastilla_4 {
	background-image: url(../img/pastilla_4.gif);
	width: 650px;
	height: 230px;
}

#pastilla_5 {
	background-image: url(../img/pastilla_5.gif);
	width: 650px;
	height: 180px;
}

#pastilla_6 {
	background-image: url(../img/pastilla_5.gif);
	width: 650px;
	height: 180px;
}

#boto_calcular {
	text-align: center;
	padding-top: 30px;
}

.select {
	color: #000000;
	border: 1px solid #D6D6D6;
	font: 11px "Trebuchet MS";
}

.numeracio_news {
	color: #000000;
	text-decoration: none;
	font: 9px "Trebuchet MS";
}

.titol_autodiagnostic {
	text-decoration: none;
	color: #000000;
	font: bold 14px "Trebuchet MS";
}

.treb_13_bi {
	text-decoration: none;
	color: #000000;
	font: bold italic 13px "Trebuchet MS";
}

.titols_pastilla {
	padding-left: 47px;
	padding-top: 14px;
	padding-bottom: 7px;
}

.treb_12 {
	text-decoration: none;
	color: #000000;
	font: 12px "Trebuchet MS";
}

.link_mail {
	text-decoration: none;
	color: #000000;
	font: 12px "Trebuchet MS";
}

.link_mail:hover {
	color: #1f497d;
	text-decoration: underline;
}

.treb_12_orange {
	text-decoration: none;
	color: #1f497d;
	font: 12px Arial, Helvetica, sans-serif;
}

.treb_14 {
	text-decoration: none;
	color: #000000;
	font: 12px "Trebuchet MS";
}

.treb_b {
	text-decoration: none;
	color: #000000;
	font: bold 14px "Trebuchet MS";
}

.treb_11_b {
	text-decoration: none;
	color: #000000;
	font: bold 11px "Trebuchet MS";
}

.pregunta {
	padding-left: 32px;
	padding-bottom: 3px;
	position: relative;
	padding-right: 15px;
	clear: left;
	position: relative;
}

.radio_d {
	padding-right: 6px;
	float: left;
}

.radio {
	width: 12px;
}

#pastilla_grafic {
	width: 650px;
	height: 450px;
	margin-bottom: 15px;
	margin-top: 30px;
	background-image: url(../img/pastilla_grafic.gif);
}

.titols_grafics {
	font: 12px "Trebuchet MS";
	padding-left: 47px;
	padding-bottom: 7px;
}

#titols_grafic_contenidor {
	padding-top: 20px;
	width: 230px;
	float:left;
	position: relative;
}

#zona_grafic {
	position: relative;
	width: 380px;
	float: left;
	height: 328px;
	padding-top: 28px;
	padding-left: 1px;
}

.barra {
	width: 1px;
	height: 20px;
	margin-bottom: 23px;
	background-image: url(../img/1px_grafic.jpg);
}

.barra2 {
	width: 1px;
	height: 20px;
	margin-bottom: 13px;
	background-image: url(../img/1px_grafic.jpg);
}

.barra3	{
	width: 1px;
	height: 20px;
	margin-bottom: 3px;
	background-image: url(../img/1px_grafic_resultat.jpg);
}

#peu {
	height: 27px;
	background-color: #9C9CA0;
	text-align: center;
	position: fixed;
	width: 100%;
	top: 100%;
	margin-top: -27px;
}

#peu_interior {
	width: 650px;
	padding-top: 6px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.treb_9 {
	text-decoration: none;
	color: #000000;
	font: 9px "Trebuchet MS";
}

.arial {
	text-decoration: none;
	color: #000000;
	font: 10px Arial, Helvetica, sans-serif;
}

#mas_info {
	position: relative;
	float: left;
	padding-top: 10px;
	padding-left: 17px;
}

#text_mas_info {
	padding-left: 10px;
	padding-right: 10px;
	float: left;
}

#envia_amic {
	float: left;
	padding-top: 10px;
}

.contact_input {
	width: 200px;
	font: 10px "Trebuchet MS";
	border: 1px solid #F37020;
	background-color: #f6f6f6;
}

#contact_div {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 10;
	background-color: #FFFFFF;
	border: 4px solid #666666;
	padding: 15px;
	margin-left: -130px;
	margin-top: -180px;
}

#friend_div {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 10;
	background-color: #FFFFFF;
	border: 4px solid #666666;
	padding: 15px;
	margin-left: -130px;
	margin-top: -180px;
}

#blurer {
	display: none;
	background-color: #ffffff;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 9;
	filter: Alpha(Opacity: 80);
}

.treb_2 {
	text-decoration: none;
	color: #000000;
	font: 9px "Trebuchet MS";
}

.treb_i_12 {
	text-decoration: none;
	color: #000000;
	font: bold italic 12px "Trebuchet MS";
}

.treb_11 {
	text-decoration: none;
	color: #000000;
	font: 11px "Trebuchet MS";
}

#text_japones {
	position: absolute;
	left: 310px;
	top: 176px;
}

.treb_14_orange {
	text-decoration: none;
	color: #E6691A;
	font: bold 14px "Trebuchet MS";
}
/* FI ESTILS DIAGNOSTIC*/