body, html { 
	font-size: 64%; 
}


body { 
	font-style: normal; 
	font-size: 100%; 
	font-family:  Verdana, Arial, Geneva, Helvetica, sans-serif; 
	background-color: #ffffff; 
	text-align:center;
	padding-left: 1em;
	padding-right: 1em;
}

* { 
	margin:0em; padding:0em;
	font-family:  Verdana, Arial, Geneva, Helvetica, sans-serif;  
}

img { 
	border-style:none;
	vertical-align:middle;	 
}
	
ol, ul { 
	list-style-type:none;
	line-height: 210%;
}

p {
	margin-top: 1em;
	margin-bottom: 1em;
}

a:link    {color:#0066cc;}
a:visited {color:#0066cc;}
a:hover   {text-decoration: underline; }

form fieldset {
	border-style:none;
}

form fieldset legend {
	color: #006699;
	font-size:1.4em;
	font-weight: bold;
}

form label {
	font-weight: normal;
	color:#000000;
}

h1 {
	margin-bottom: 1em;
}

form h1 { 
	padding-bottom: .4em;
}


table caption {
	color:#330066;
	font-weight:bold;
	font-size: 1.4em;
	padding:4px;
	text-align: left;
}

.center {
	text-align:center;
}

.der {
	text-align: right;
}

.fleft {
	float: left;
}

.oculto {
	visibility: hidden;
	height: 0em;
	width: 0em;
	display: none;
}	

.negrita {
	font-weight: bold;
}

/* -----------------------------------
		Pantalla de Login
   --------------------------------------- */

#login {
	padding-top: 6em;	
	padding-left: 20%;
	padding-right: 20%;	
	font-size: 1.2em;
	line-height: 250%;
}

#login h1 {
	color: #000066;
}

#login h1, h2 {
	margin-bottom: 1em;
}

#login .submit {
	margin: 1.2em;
	color: #000000;
}

#login .message {
	color: #aa0000;
	font-weight: bold;
	margin-top: 2em;
}
   
/* -----------------------------------
		Fin Pantalla de Login
   --------------------------------------- */


/* -----------------------------------
		Pantalla de bienevnida
   --------------------------------------- */
   
#welcome {
	padding-top: 10em;	
	padding-left: 20%;
	padding-right: 20%;	
	font-size: 1.2em;
	line-height: 250%;
}

/* -----------------------------------
		Fin Pantalla de bienvenida
   --------------------------------------- */

#contenedor { 
	width: 100%; 
	text-align: left; 
	background-color:#FFFFFF;
	padding-left:  3em;
	padding-right: 3em;	
}

#cuerpo {
	padding-top: 2em;
}
/* ---------------------------------------
                   CABECERA
   --------------------------------------- */	

#cabecera { 
	margin: .4em;
	padding: .4em;
	padding-top: .8em;
	margin-top: 2em;
	margin-bottom: 2em;	
	position: relative; 
	height: 5em; 
}
	
#cabecera h1 { 
	color: darkblue;
	padding-top: 0.5em; 
	padding-left: 1.2em;
}

/* ---------------------------------------
                PIE DE PAGINA
   --------------------------------------- */	

#pie { 
	position:absolute;
	bottom:2em;
	left:1em;
	height:5em;
	text-align: center; 
	padding: 1.5em;
}



/* ---------------------------------------
                   TABLA GENERICA
   --------------------------------------- */	

#gtable1 {
	border-style: solid;
	border-width: 1px;
	border-color: #dadada;
	border-spacing:0px;	
	padding: .2em;
	text-decoration:none;	
	font-style: normal;
	text-align: left;
	
	font-family:  Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 1.2em;
	margin-bottom: 1em;
}

#gtable1 thead th {
/*	background-color:#0066CC;
	color:#ffffff;
*/
	color:#0066CC;
	
	font-size: 1.2em;
	padding: .2em;
	height: 1.5em;
	
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #dadada;
		
}

#gtable1 thead th.nav {
	width:20px;
	background-color:#ffffff;
}

#gtable1 tfoot {
	color:#000000;
	padding: 1.8em;
	font-weight:bold;
	vertical-align:bottom;
}


#gtable1 tfoot td {
	padding-top: 2em;
}


#gtable1 .even {
	 background-color:#eaeaea; 	 
}

#gtable1 .odd {
	 background-color:#ffffff;
}

#gtable1 a:link    {color:#0066cc;}
#gtable1 a:visited {color:#0066cc;}
#gtable1 a:hover   {text-decoration: underline; }


#gtable1 .empty {
	padding: 12px;
	color: #000000;
	font-size:120%;
	text-align:left;
}

/* ------------- FIN TABLA GENERICA ---------- */



/* ---------------------------------------
                   TABLA de propiedades
   --------------------------------------- */	

table.properties {
	text-decoration:none;	
	font-style: normal;
	text-align: left;
	font-size: 1.2em;
	margin-top: 1.4em;
	margin-bottom: 1.4em;	
}

table.properties td {
	padding: 0.2em;
} 

table.properties h2 {
	color:#006699;
	
}

table.properties td.pn {
	font-weight:bold;
	padding: .6em;
	margin: .6em;	
}

table.properties  td.pv {
	font-weight:normal;
	padding: .6em;
	margin: .6em;
}


#usersOptLinks {
}

/* ---------------------------------------
                  FIN  TABLA GENERICA
   --------------------------------------- */	
.btn1 {
	background-image:url(../images/btn1Bg128.gif);
	background-repeat: no-repeat;
	border-style: none;
	width: 128px;
	height: 21px;
	cursor: pointer;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	vertical-align: middle;
	padding: 2px;
	font-weight:normal;
}

#commands ul {
	text-align: left;
	margin-top: 1.2em;
	margin-bottom: 1.2em;
}

#commands ul li {
	list-style-type: none;
	display: inline;
	padding: 1.2em;
}

ul.horizontal li {
	display: inline;
	padding: 1.2em;
}



/* -----------------------------------
		Fotografía del usuario
   --------------------------------------- */
   	
#userPicture {
	border-style:none;
	padding: .2em;
	text-align: center;
}

#userPicture ul {
	list-style-type: none;	
	margin-top: .3em;
}

#userPicture ul li { 
	display: inline; 
	padding: .4em;
}

/* -----------------------------------
		Fin de le fotografía del usuario
   --------------------------------------- */
   
   
#editFormNote {
	padding: 1.5em;
	margin-top:2em;
	display: block;
	width: 40em;
	
	background-color: #ffffcc;
	border-width: .1em;
	border-style: solid;
	border-color: #dadada;
}

#messagePanel { 
	color:#cc0000;
	font-weight:bold;
	padding: .2em;
	margin-top: .6em;
	margin-bottom: .6em;
}

.ok {
	color: #009900;
	background-image: url(../images/ok16.gif);
	background-repeat: no-repeat;
	text-align:left;
	padding-left:22px;
	font-weight: bold;
}

.ko {
	color: #990000;
	background-image: url(../images/ko16.gif);
	background-repeat: no-repeat;	
	text-align:left;
	padding-left:22px;
	font-weight: bold;
}




/* -----------------------------------
		Fin parte logotipo
   --------------------------------------- */
   	
#logo {
	text-align: left;
	padding: .2em;
	padding-left: 1.6em;
	padding-right: 1.6em;
	width: 100%;
}

#logo #logo_title {
	font-size: 1.4em;
	margin-bottom: .4em;
	font-weight: bold;
	color:#000066;
}

#logo #logo_links {
	float: left;
	border-style: dotted;
	border-width: 1px;
	border-color: #cccccc;
	font-weight: bold;
	background-color: #eeeeee;
	font-size: 120%;
}

#logo #logo_links .separator {
	border-left-style: double;
	border-left-width: 1px;
	border-left-color: #cccccc;	
}


/* -----------------------------------
		Fin parte logotipo
   --------------------------------------- */


.note {
	text-align:justify;
	color: #000000;
	background-color:#ffffcc;
	padding: 1em;

	border-color:#888888;
	border-width:1px;
	border-style:solid;
}

.note img {
	padding-right: 2em;
}


/* -----------------------------------
		Ventana de sugerencias
   --------------------------------------- */

#suggestion .note {
	width: 50%;
	margin-top: 2em;
	margin-bottom: 2em;
}

#suggestionNoteOK {
	position: absolute;
	left: 20%;
	top: 20%;
	
	font-size: 1.4em;
	
	padding: 1em;
	
	line-height:250%;
	
	border-color:#dadada;
	border-width:1px;
	border-style:solid;
}

#notesOptLinks {
	text-align: left;
	margin-top: 1em;
	margin-bottom: 1em;
}


#msgOptLinks {
	margin:0em;
	margin-bottom:1em;	
}

#msgOptLinks ul li {
	display: inline;
	padding: 1.2em;
}

/*	Cabecera selección tipo de estadística */
#statHeader {
	margin-bottom: 2em;
}

#statHeader h1 {
	color:#330066;
	font-weight:bold;
	font-size: 1.4em;
	padding:4px;
	text-align: left;
}

#statHeader select {
	margin-left: 2em;
	margin-top: 2em;
}

#statHeader .legend {
	width: 22em;
	padding:2px;
	position: absolute;
	right:1em;
	top:1em;
	background-color:#FFFF99;
	color:#000000;
	
	border-color:#FF9933;
	border-width:1px;
	border-style:solid;
}

#statHeader .legend h1 {
	font-size: 1.2em;
	font-weight: bold;
}

#statHeader .legend ul {
	list-style-type: square;
	list-style-position: inside;
	padding-left: 1em;
	 
}	

#statHeader .legend .picture {
	float:left;
}

.graphCaption {
	margin-bottom: 2em;
}	
	
/* Fin cabecera selección tipo de estadística */

#published_menu_links {
	text-align: left;
	margin: 0em;
	
	border-style: none;
	border-width: 1px;
	border-color: #cccccc;
	
	border-bottom-style: solid;
}


#instrucciones {
	position:absolute;
	right: 20px;
	top:   30px;
	width: 220px;
	padding: 1em;
	border-width: 1px;
	border-style: solid;
	border-color: #cacaca;
}


#instrucciones p.titulo {
	font-weight: bold;
}
#instrucciones li {
	list-style-type: decimal;
	list-style-position: inside;
}

/* OLVIDO LOS DATOS DE ACCESO */
#forgotAccessData {
	padding: 4px;
	border-color: #dedede;
	border-style:solid;
	border-width:1px;
	width:420px;
	font-family:   Arial, Helvetica, sans-serif;	
	font-size:12px;
	text-decoration:none;	
	font-style: normal;	
	margin-top: 24px;
}

#companyName{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 18px; 
	font-weight: bold;
	color:#000000;
	text-align:center;
	padding: 8px;
}

#aulaAccess {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 16px; 
	font-weight: bold;
	color:#000000;
	text-align:center;
	padding: 4px;
	padding-bottom: 18px;
}


#forgotAccessData .noteLeft {
	font-style: normal;
	text-align: left;
}


/* FIN OLVIDO LOS DATOS DE ACCESO */

#security_notes {
	margin-top: 4em;
}