body {font-size:70%;}

h3 {margin-bottom:15px;}

h4 {
	height:33px;
	width:100%;
	float:left;
	color:#5D7DD9;
	font-size:100%;
	margin-top:0px;
}

h5 {color:#333; font-size:100%; margin-bottom:5px; clear:both;}

h5 span {color:#5D7DD9;}
h5 label {font-weight:normal;}
h5 input {margin-left:5px;}

fieldset {
	display:inline;
	border:none;
	width:100%;
	padding-bottom:0px;
	padding-left:0px;
	margin-left:0px;
}

legend {display:none;}

input {
	margin:0px;
	background-color:#FFF;
	border:1px solid #CCC;
	float:left;
	cursor:pointer;
}

div.field {
	background:url(../img/fondo_legend.gif) right top no-repeat;
	padding-top:10px;
	padding-left:6px;
	padding-bottom:23px;
}

/*** ***/

p.campos {
	position:relative;
	float:left;
}

.form_izq {
	float:left;
	width:48%;
	position:relative;
}

.form_der {
	float:left;
	width:48%;
	position:relative;
}

.profesionales label {
	width:80px;
	float:left;
	margin-right:5px;
}

.input_meses {
	width:35px;
	margin-right:5px;
	text-align:center;
	color:#5D7DD9;
	font-weight:bold;
}

.cuest input {
	float:none;
}

.cuest p {
	float:left;
	clear:both;
	display:inline;
}

.valores {
	float:right;
	margin-right:15px;
	padding:4px 7px 7px 7px;
	text-align:right;
}

.valores a {
	padding:3px 7px;
	border:1px solid #CCC;
	display:inline;
}

.valores a:hover {
	background-color:#FFF;
	color:#33CC00;
	text-decoration:none;
	font-weight:bold;
}

a.selected {
	background-color:#33CC00;
	color:#FFF;
	font-weight:bold;
}

.preguntas {
	float:left;
	width:100%;
	display:inline;
	padding-bottom:0px;
	margin-bottom:0px;
}

.preguntas p {
	padding-bottom:0px;
	margin-bottom:5px;
}

.sino {color:#5D7DD9; font-weight:bold;}

.sino label {color:#333; font-weight:normal;}

.sino input {margin-left:5px; border:0px;}

/*** VALORACIONES CON RADIO BUTTONS ***/

.valoraciones {
	float:left;
	display:block;
	clear:both;
	width:100%;
	margin-bottom:10px;
	padding:5px 0px 5px 0px;
	border-bottom:1px dotted #EEEEEC;
}

.valoraciones p {
	margin-bottom:0px;
	padding-top:10px;
	padding-bottom:0px;
	clear:none;
}

.valoraciones span label {
	background-color:#FFF;
	display:block;
	padding-bottom:2px;
	margin-bottom:2px;
}

.valoraciones span input {
	background:#5D7DD9;
	width:22px;
	border:0px;
	clear:both;
}

.valoraciones span {
	margin-right:5px;
	padding-bottom:3px;
	text-align:center;
	float:left;
	border:1px solid #CCC;
	background:url(../img/fondo_radio.gif) bottom repeat-x;
}

p.radios {
	float:right;
	margin-right:15px;
	padding:0px;
}

.agradecimiento {background-color:#5D7DD9; padding:5px; color:#FFF;text-align:center;width:96%;}

/*** GRAFICOS ***/

li.graf_01 {background:url(../img/ico_graf_01_1.gif) left 3px no-repeat;}
li.graf_02 {background:url(../img/ico_graf_01_2.gif) left 3px no-repeat;}
li.graf_03 {background:url(../img/ico_graf_01_3.gif) left 3px no-repeat;}
li.graf_04 {background:url(../img/ico_graf_01_4.gif) left 3px no-repeat;}

.grafico {
	height:130px;
	text-align:center;
	color:#FFF;
	font-size:100%;
	font-weight:bold;
	position:relative;
	border-style:none;
	margin:0 auto 15px auto;
}

.alineador {
	width:100%;
	text-align:center;
	background:url(../img/fondo_graficas.gif) center bottom no-repeat;
	float:left;
	height:125px;
	margin:0 auto 0 auto;
	position:relative;
}

.alineador01 {
	width:100%;
	text-align:center;
	background:url(../img/fondo_graficas01.gif) center bottom no-repeat;
	float:left;
	height:125px;
	margin:0 auto 0 auto;
	position:relative;
}

.alineador02 {
	width:100%;
	text-align:center;
	background:url(../img/fondo_graficas02.gif) center bottom no-repeat;
	float:left;
	height:125px;
	margin:0 auto 0 auto;
	position:relative;
}

.grafico_barra1, .grafico_barra2, .grafico_barra3, .grafico_barra4  {
	width:28px;
	height:3px;
	position:absolute;
	bottom:41px;
}

.grafico_barra1 {
	background:#5D7DD9 url(../img/fondo_barra_01.gif) bottom no-repeat;
	left:250px;
}

.grafico_barra2 {
	background:#A6D165 url(../img/fondo_barra_02.gif) bottom no-repeat;
	left:280px;
}

.grafico_barra3 {
	background:#FFAA37 url(../img/fondo_barra_03.gif) bottom no-repeat;
	left:310px;
}

.grafico_barra4 {
	background:#AB28BB url(../img/fondo_barra_04.gif) bottom no-repeat;
	left:340px;
}

/*** BOTONES ***/

.botones {
	text-align:center;
	width:97.5%;
	margin:10px auto 10px auto;
	padding-bottom:0px;
	vertical-align:middle;
}

.botones input {
	background:url(../img/fondo_btn.gif) bottom repeat-x;
	font-size:95%;
	float:none;
	text-align:center;
}

.btn_enviar {
	border:1px solid #99E386;
	margin-right:5px;
}
.btn_enviar:hover {border:1px solid #7CB66C;}

.btn_cancelar {
	border:1px solid #E29C9C;
}
.btn_cancelar:hover {
	border:1px solid #BB2B2B;
}


/*** VARIOS ***/

.error {
	background:url(../img/error.gif) left no-repeat;
	color:#FF0000;
	font-weight:bold;
	padding-left:15px;
}

.ok {
	background:url(../img/ok.gif) left no-repeat;
	color:black;
	font-weight:bold;
	padding-left:15px;
}