/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx 
						ESTRUCTURA GLOBAL DE LA PAGINA
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

* {
	margin: 0px;
	padding: 0px;
}

body {
	font: normal 12px Arial, Helvetica, sans-serif;
	background:#7B7575;
}

a{
	font: normal normal 12px Arial, Helvetica, sans-serif;
	color: #7faa34;
	text-decoration: underline;
}

a:hover{
	color: #436409;
}

li{
	list-style-position: outside;
	margin-left: 30px;
}

#contenedor {
	width:1024px;
	margin: 0 auto;
}

#separador {
 	float:left;
	width: 100%;
	padding-top: 10px;
}

/* Espacio en blanco */

#linea{
	float:left;
	width:100%;
	padding-bottom:20px;
	background:#ffffff;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx 
						Header
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
#header {
 	background:#333333;
	float:left;
	width:100%;
}

/* Logotipo */

#logo {
 	float:left;
	width:650px;
	min-height:82px;
	padding-top:10px;
	padding-left:6%;
	vertical-align: text-bottom
}

#datos_usuario{
	float:left;
	width:250px;
	height:82px;
	padding-top:40px;
	vertical-align: text-bottom
}

#bienvenido{
	font: normal bold 12px Arial, Helvetica, sans-serif;
	padding-bottom:10px;
	color:#666666;
}

#logout a{
	font: normal bold 12px Arial, Helvetica, sans-serif;
	color:#FF9000;
	text-decoration: underline;
}

#menu{
	float:left;
	width:924px;
	margin-left:50px;
	margin-right:50px;
	background-color:#333333;
}

#optmenu{
	float:left;
	width:208px;
	padding:10px;
	text-align:center;
	color:#FFFFFF;
	border-right:3px solid #ffffff;
}

#optmenu a{
	color:#FFFFFF;
	font: normal bold 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
}

/* Informacion de usuario */

#info_user {
 	/*border-bottom: 12px solid #1F2F42;*/
 	float:right;
 	width:25%;
 	height:55px;
 	padding-left:4%;
 	
}

#info_user a{
	font: normal normal 12px Arial, Helvetica, sans-serif;
	color:#1F2F42;
	text-decoration: none;
}

#info_user a:hover{
	font: normal normal 12px Arial, Helvetica, sans-serif;
	color:#9dbd34;
	text-decoration: underline;
}

/* Registrarse */

#registro {
 	float:left;
	width:100%;
	height:25px;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx 
						Content
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

#content {
 	background:#ffffff;
	float:left;
	width: 100%;
	font: normal normal 13px Arial, Helvetica, sans-serif;
	color:#000000;
}

#content a{
	font: normal normal 11px Arial, Helvetica, sans-serif;
	color:#1f2f42;
	text-decoration: none;
}

#content a:hover{
	text-decoration: none;
}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
					LOGIN
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

#login{
 	margin-left:25%;
 	margin-right:35%;
 	width:40%;
 	float:left;
 	margin-top:200px;
 	margin-bottom:200px;
 	
}

#conectar{
	width:100%;
	text-align:center;
	margin-bottom:10px;
}

.login{
	font: normal normal 11px Arial, Helvetica, sans-serif;
	border:1px solid #DDDDDD;
	height:18px;
	width: 160px;
}

#texto_login{
 	float:left;
 	margin-left:13%;
 	width:18%;
	font: normal bold 11px Arial, Helvetica, sans-serif;
	margin-bottom:10px;
}

#input_login{
	float:left;
 	width:69%;
 	margin-bottom:10px;
}

#cuadro_login{
 	border:1px solid #CCCCCC;
 	width:96%;
 	padding:2%;
 	float:left;
}

#enviar_login{
 	float:left;
 	width:100%;
	font: normal normal 11px Arial, Helvetica, sans-serif;
	margin-bottom:10px;
	text-align:center;
}

.boton{
	font: normal bold 11px Arial, Helvetica, sans-serif;
	border:1px solid #DDDDDD;
	background-color:#666666;
	color:#ffffff;
	padding:3px;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx 
					Listado de Questionnaire
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

#titulo_encuesta{
	float:left;
 	width:100%;
 	padding-top:50px;
 	padding-left:80px;
 	padding-bottom:30px;
	font: normal bold 16px Arial, Helvetica, sans-serif;
	text-align:left;
	color:#FF6212;
}

#descripcion_encuesta{
	float:left;
 	width:85%;
 	padding-top:20px;
 	padding-left:80px;
 	padding-bottom:30px;
	font: normal normal 14px Arial, Helvetica, sans-serif;
	text-align:left;
	color:#000060;
}

#listado_encuestas{
	width:90%;
	padding-left:150px;
	float:left;
	min-height:500px;
}

#text_encuesta a{
	float:left;
 	width:100%;
	font: normal bold 12px Arial, Helvetica, sans-serif;
	margin-bottom:10px;
	text-align:left;
	vertical-align:center;
	color:#1f2f42;
}
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
					VALORACIÓN DE TEMAS
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

#listado_temas{
	width:90%;
	padding-left:80px;
	padding-right:50px;
	float:left;
	min-height:500px;
}

.cabecera_titulo_tema{
	background-color:#999999;
	font: normal bold 12px Arial, Helvetica, sans-serif;
}

.cabecera_explicacion_tema{
	background-color:#999999;
	font: normal bold 12px Arial, Helvetica, sans-serif;
}

.cabecera_valoracion_tema{
	background-color:#999999;
	font: normal bold 12px Arial, Helvetica, sans-serif;
}

.titulo_tema{
	font: normal bold 12px Arial, Helvetica, sans-serif;
}

.explicacion_tema{
	font: normal bold 12px Arial, Helvetica, sans-serif;
}

.valoracion_tema{
	font: normal bold 12px Arial, Helvetica, sans-serif;
}

.input_valoracion{
	float:left;
 	width:60px;
 	margin-top:10px;
 	text-align:right;
}

#botones_tema{
 	float:left;
 	text-align:center;
	padding-top:10%;
	width:95%;
}

.boton_tema{
	font: normal bold 11px Arial, Helvetica, sans-serif;
	border:1px solid #DDDDDD;
	background-color:#666666;
	color:#ffffff;
	padding:3px;
	cursor:hand;
	cursor:pointer;
}

#titulo_resultado_tema{
	text-align:right;
	background-color:#dddddd;
	font: normal bold 12px Arial, Helvetica, sans-serif;
}

#suma_resultado_tema{
	text-align:center;
	background-color:#dddddd;
	font: normal bold 12px Arial, Helvetica, sans-serif;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
					Valoración de Preguntas
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

#listado_pregunta{
	width:90%;
	padding-left:80px;
	padding-right:50px;
	float:left;
	min-height:500px;
}

#titulo_resultado{
	width:90%;
	padding-left:80px;
	padding-right:50px;
	float:left;
	min-height:50px;
}

#tema_pregunta{
	float:left;
	width:100%;
	padding-bottom:10px;
	
}

#titulo_tema_pregunta{
	float:left;
 	border:1px solid #000000;
 	padding:10px;
	font: normal bold 14px Arial, Helvetica, sans-serif;
	text-align:left;
	color:#000000;
}

#subtitulo_tema_pregunta{
	width:100%;
	float:left;
 	padding-bottom:10px;
	font: normal normal 14px Arial, Helvetica, sans-serif;
	text-align:left;
	color:#000000;
}

#descripcion_tema_pregunta{
	float:left;
	width:100%;
 	padding-top:10px;
 	padding-bottom:10px;
	padding-right:30px;
	font: normal normal 12px Arial, Helvetica, sans-serif;
	text-align:left;
	color:#000000;
}

.cabecera_titulo_pregunta{
	background-color:#999999;
	font: normal bold 12px Arial, Helvetica, sans-serif;
}

.cabecera_descripcion_pregunta{
	background-color:#999999;
	font: normal bold 12px Arial, Helvetica, sans-serif;
}

.cabecera_valoracion_pregunta{
	background-color:#999999;
	font: normal bold 12px Arial, Helvetica, sans-serif;
}

.titulo_pregunta{
	font: normal bold 12px Arial, Helvetica, sans-serif;
}

.descripcion_pregunta{
	font: normal normal 12px Arial, Helvetica, sans-serif;
}

.valoracion_pregunta{
	font: normal bold 12px Arial, Helvetica, sans-serif;
}

.titulo_resultado_pregunta{
	text-align:right;
	background-color:#dddddd;
	padding:5px;
	font: normal bold 12px Arial, Helvetica, sans-serif;
}

.suma_resultado_pregunta{
	text-align:center;
	background-color:#dddddd;
	padding:5px;
	font: normal bold 12px Arial, Helvetica, sans-serif;
}


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
					Resultado Encuesta
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

#titulo_resultado_encuesta{
	float:left;
 	width:100%;
 	padding-top:30px;
 	padding-left:100px;
	font: normal bold 16px Arial, Helvetica, sans-serif;
	text-align:left;
	color:#000080;
}

#titulo_encuesta_resultado{
	float:left;
 	width:100%;
 	padding-left:130px;
 	padding-top:10px;
 	padding-bottom:10px;
	font: normal bold 16px Arial, Helvetica, sans-serif;
	text-align:left;
	color:#000080;
}

#listado_temas_resultado{
	float:left;
 	width:85%;
 	padding-left:100px;
 	padding-bottom:30px;
}

#titulo_tema_resultado{
 	width:640px;
 	padding: 5px;
 	min-height:70px;
	font: normal bold 16px Arial, Helvetica, sans-serif;
	text-align:left;
	vertical-align:center;
	color:#000000;
	background-color:#999999;
}

#valoracion_tema_resultado{
 	width:150px;
 	min-height:50px;
	font: normal bold 16px Arial, Helvetica, sans-serif;
	vertical-align:center;
	text-align:center;
	color:#000000;
	background-color:#999999;
}

#titulo_pregunta_resultado{
 	width:640px;
 	padding:5px;
 	min-height:70px;
	font: normal normal 13px Arial, Helvetica, sans-serif;
	text-align:left;
	color:#000000;
	background-color:#FFFFFF;
}

#valoracion_pregunta_resultado{
 	width:150px;
	font: normal bold 13px Arial, Helvetica, sans-serif;
	text-align:center;
	vertical-align:center;
	color:#000000;
	background-color:#FFFFFF;
}

#opciones_encuesta_resultado{
	float:left;
	width:100%;
	padding-left:700px;
	margin-bottom:10px;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx 
						Paginas Estáticas
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

#page{
	float:left;
	width:874;
	padding-left:100px;
	padding-top:30px;
	padding-right:50px;
}

#page_title{
	float:left;
 	width:100%;
 	padding-top:20px;
	font: normal bold 16px Arial, Helvetica, sans-serif;
	text-align:left;
	color:#FF9000;
}

#page_contenido{
	float:left;
	text-align:left;
	padding-top:20px;
	padding-bottom:20px;
	width:100%;
	font: normal normal 12px Arial, Helvetica, sans-serif;
}



/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx 
						Formulario de Contacto
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

#contacto{
	float:left;
	width:1024;
	padding-top:50px;
	min-height:600px;
}

#titulo_contacto{
 	padding-left:100px;
 	padding-bottom:40px;
	font: normal bold 16px Arial, Helvetica, sans-serif;
	color:#000080;
}

#linea_contacto{
	float:left;
	width:90%;
	padding-left:150px;
	padding-bottom:15px;
}

#linea_contacto_titulo{
	font: normal bold 14px Arial, Helvetica, sans-serif;
	color:#000000;
	float:left;
	width:200px;
}

#boton_contacto{
	float:left;
	width:100%;
 	padding-top:30px;
	padding-left:450px;
}

.input_disabled{
	font: normal bold 14px Arial, Helvetica, sans-serif;
}

#resultado_ok{
	font: normal bold 14px Arial, Helvetica, sans-serif;
	float:left;
	width:90%;
	text-align:center;
	padding:30px;
	color:green;
}

#resultado_error{
	font: normal bold 14px Arial, Helvetica, sans-serif;
	float:left;
	width:90%;
	text-align:center;
	padding:30px;
	color:red;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx 
						Recuperar Password
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

#recuperar_password{
	float:left;
	width:1024;
	padding-top:50px;
	min-height:600px;
}

#titulo_recuperar_password{
 	padding-left:100px;
 	padding-bottom:40px;
	font: normal bold 16px Arial, Helvetica, sans-serif;
	color:#000080;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx 
						Panel de Administración
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

#titulo_panel{
	float:left;
	width:100%;
	padding-top:50px;
	padding-left:80px;
	padding-bottom:30px;
	font:normal bold 16px Arial, Helvetica, sans-serif;
	text-align:left;
	color:#FF6212;
}

#formulario_panel{
	float:left;
	width:100%;
	text-align:center;
	padding-left:20%;
}

#fila_form{
	float:left;
	width:60%;
	padding-left:0%;
	margin-right:40%;
}

#titulo_campo{
	float:left;
	width:26%;
	padding:2%;
	text-align:left;
	font:normal bold 12px Arial, Helvetica, sans-serif;
}

#campo{
	float:left;
	width:66%;
	padding:2%;
}

#texto-error{
	float:left;
	width:50%;
	background-color:red;
	height:30px;
	margin-top:5%;
	margin-bottom:5%;
	margin-right:25%;
	margin-left:25%;
	text-align:center;
	padding-top:15px;
	font:normal bold 14px Arial;
	color:#FFFFFF;
}

#texto-ok{
	float:left;
	width:50%;
	background-color:green;
	height:30px;
	margin-top:5%;
	margin-bottom:5%;
	margin-right:25%;
	margin-left:25%;
	text-align:center;
	padding-top:15px;
	font:normal bold 14px Arial;
	color:#FFFFFF;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx 
						Footer
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

#footer {
 	float:left;
	width:100%;
	height:44px;
	text-align:center;
    font: normal 11px Arial, Helvetica, sans-serif;
	color: #1f2f42;
	background-color:#ffffff;
}

/* Enlaces footer */

#footer a{
   font: normal 11px Arial, Helvetica, sans-serif;
	color: #1f2f42;
	text-decoration: none;
}

/* Linea separadora */

#barra_separadora {
	width: 100%;
	border-top: 5px solid #1F2F42
}

/* Texto en el footer */

#contenido_footer {
	margin-top: 5px;
}

#texto_footer {
	float: left;
	width: 100%;
}