/************ Inicio de Estilos de id's ************/
#cabecera
{
	text-align:left;
	width:778px;
}

#contenido
{
	text-align:left;
	width:778px;
	padding-top:1%;
	padding-bottom:1%;
}

#menu
{
	float:left;
	width:778px;
	line-height:normal;
	font-size:100%;
}

#menu li
{
	display:inline;
	margin:0;
	padding:0;
}

#menu ul
{
	margin:0;
	padding-left:0%;
	list-style:none;
}

#menu a
{
	float:left;
	background:url("../Imagenes/espacio.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 5px;
	text-decoration:none;
	color:#006699;
	font-size:11px;
}

#menu .activo
{
	background:url("../Imagenes/pestana.gif") no-repeat right top;
	background-position:100% -42px;
	color:#FFFFFF;
	padding:5px 15px 4px 6px;

}

#menu .borde_activo
{
  background-position:0% -42px;
}

#menu a span
{
	float:left;
	display:block;
	background:url("../Imagenes/pestana.gif") no-repeat right top;
	cursor:pointer;
	padding:5px 15px 4px 6px;
}

#menu a:hover span
{
	color:#FFFFFF;
}

#menu a:hover
{
	background-position:0% -42px;
}

#menu a:hover span
{
	background-position:100% -42px;
}



#menu #activo a
{
	background-position:0% -42px;
}

#menu #activo a span
{
	background-position:100% -42px;
	color:#FFF;
}

#mensaje p
{
	font-size:11px;
	font-weight:bold;
	color:#FF9900;
	text-align:center;
	vertical-align:middle;
}

#cuerpo
{
	width:778px;
	clear:left;
	border-top: 5px solid #006699;
	border-left:1px solid #006699;
	border-right:1px solid #006699;
	border-bottom:1px solid #006699;
	padding-left: 10px;
	padding-right: 10px;
}

#enlace
{
	text-align:center;
}

#contenido_listado
{
	width:100%;
}

#contenido_listado table
{
	border-collapse:collapse;
}

#contenido_listado th, #contenido_listado td
{
	border:1px solid #b0b0b0;
	text-align:center;
	margin:0;
	padding:0;
}

#contenido_listado th
{
	color:#006699;
	font-weight:normal;
}

#contenido_listado td
{
	font-size:85%;
}

#contenido_listado #listado
{
	font-size:11px;
	text-align:left;
}

#contenido_listado #listado_encabezado
{
	font-size:11px;
	text-align:center;
}

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

#formulario_ejemplo span
{
	width: 100px;
}

#pie
{
	clear:left;
	width:80%;
	text-align:center;
}

#formpreguntas .form
{
	float: left;
	width: 50%;
}

#insertar_perfiles
{
	width:80%;
	margin-left: 10%;
}

#formulario #submit
{
	padding-bottom:10px;
	padding-left:1px;
	padding-top:10px;
	text-align:center;
}

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

#formulario #campo_texto textarea
{
	border: 1px;
	border-style: solid;
	width: 70%;
	height: 80px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.5em;
	vertical-align: middle;
	font-weight: normal;
	text-transform: none;
	padding-left: 3px;
	padding-right: 3px;
}

#formpreguntas .form
{
	float: left;
	width: 45%;
	text-align:center;
}

#insertar_perfiles fieldset
{
	width:96%;
}

#insertar_perfiles span
{
	font-weight: bold;
	font-size:11px;
	color: #006699;
}

/*#form_no_editable
{
	border:1px dotted gray;
}*/

#form_no_editable span
{
	font-weight: bold;
	font-size:11px;
	float: left;
	margin-left: 4%;
	margin-right: 2%;
	width: 30%;
	color: #000000;
	text-align: left;
}

/*****Necesario para desplegar los perfiles del proyecto***/
#id1 	{display: none;}
#id2 	{display: none;}
#id3 	{display: none;}
#id4 	{display: none;}
#id5 	{display: none;}
#id6 	{display: none;}
#id7 	{display: none;}
#id8 	{display: none;}
#id9 	{display: none;}
#id10 {display: none;}
#id11 {display: none;}
#id12 {display: none;}
#id13 {display: none;}
#id14 {display: none;}
#id15 {display: none;}
#id16 {display: none;}
#id17 {display: none;}
#id18 {display: none;}
#id19 {display: none;}
#id20 {display: none;}
/************ Fin de Estilos de id's ************/


/************ Inicio de Estilos propios ************/
.titulo
{
	/*font-family:Trebuchet MS;*/
	color:#FF9900;
	font-size:13px;
	font-weight:bold;
	text-align:right;
}

.enlace
{
	color:#FFFFFF;
}

.encabezado_tabla
{
	font-weight:bolder;
	background-color:#006699;
	color:#FFFFFF;
	padding:.3%;
	font-size:11px;
	text-align:center;
}

.enviar
{
	text-align:center;
}

.fieldset_interno
{
	width:auto;
	font-size:11px;
	font-weight:bold;
	color:#006699;
}

.ejemplo
{
	font-size:65%;
}
/************ Fin de Estilos propios ************/


/************ Inicio de Estilos de marcas o etiquetas ************/
/* Tamaņo letra: 11px */
/* Titulo: 12px, Subtitulo: 11px */
/* #006699 -- Azul */
/* #FF9900 -- Naranja */
body
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-left:10%;
	margin-right:10%;
}

div
{
	/*border: 1px dotted gray;
	padding: .5em;*/
}

.texto_label
{
	font-weight: bold;
	font-size:11px;
	margin-left: 3%;
	margin-right: 2%;
	width: 30%;
	color: #006699;
	text-align: left;
}

label
{
	font-weight: bold;
	font-size:11px;
	float: left;
	margin-left: 3%;
	margin-right: 2%;
	width: 30%;
	color: #006699;
	text-align: right;
}

#cabecera div.login_usuario
{
	font-weight: bold;
	font-size:11px;
	/*float: left;*/
	margin-left: 3%;
	margin-right: 2%;
	color: #006699;
	/*text-align: right;*/
}

p
{
	color:#000000;
	font-size:11px;
	text-align:justify;
}

a
{
	color:#006699;
	font-size:11px;
	text-decoration:underline;
	text-align:center;
	font-weight:bold;
}

a:hover
{
	color:#999999;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}

img
{
	vertical-align:middle;
}

h3
{
	color:#FF9900;
	font-size:11px;
	font-weight:bold;
	padding-top:25px;
	text-align:left;
}

fieldset
{
	/*width:700px;*/
	width:auto;
	/*Azul*/
}

/*
titulo

subtitulo

piedepagina

label*/



/*ejemCampoTexto

input

textarea

h1,h2

boton

tablas_borde_gris
*/
/************ Fin de Estilos de marcas o etiquetas ************/


.mensaje_error
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#006699;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	padding:10px;
}

.ratio
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#006699;
	font-size:30px;
	font-weight:bold;
	text-align:center;
	padding:10px;
}