
/* si */
html {
	overflow-x:auto;
	overflow-y:auto;
} 

/* si */
body {
	margin:0px;
	font-family: Verdana, san-serif;
	font-size: 0.9em;
	background-image: url(img/menu.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

/* si */
img {
	border: 0px;
}

a{
	color:#808080;
}

/* si, en los botones del centro */
#boton{
	display:inline;
	float:right;
	margin-top:30px;
	margin-right:2px;
	padding:0px 6px 3px 6px;
	background-color: #E8E8E8;
	border:1px solid #CCCCCC;
}

/* si, en los botones del centro */
#boton a {  
	text-decoration: none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	font-weight: bold;
	color:#727270;
}

/* si, en los botones del centro */
#boton a:hover {
	color:#526B11;
}

/* si, en la caja del centro */
form{
	margin:0px;
	padding:2px;
}

/* si, en la caja del centro */
form label {
	margin-left:12px;
	display: block;
	padding-top:10px;
	font-family:verdana;
	font-size:0.8em;
	color:#A7A7A7;
}

/* si, en la caja del centro */
.input {
	margin-left:10px;
	border: 1px solid #DDD;
	width: 18em;
	color:#0099CC;
	padding-left:6px;
}

/* si, en la caja del centro */
.fecha {
	margin-left:10px;
	border: 1px solid #DDD;
	width: 6em;
	color:#0099CC;
	padding-left:6px;
}

/* si, en la caja del centro */
.checkbox {
	margin-left:10px;
	border: 1px solid #DDD;
	width: 5em;
	color:#0099CC;
	padding-left:6px;
}

/* si, en la caja del centro */
form select {
	margin-left:10px;
	border: 1px solid #DDD;
	width: 19em;
	color:#0099CC;
	padding-left:6px;
}

form option {
	width: 19em;
	color:#0099CC;
	padding-left:6px;
}

/* si, lo coloca en la cabecera a la izquierda */
h1 {
	float: left; /* indica donde se debe colocar una imagen con respecto al elemento que lo contiene */
	/*background-image: url(img/logotipo.gif);
	background-repeat: no-repeat;*/
	width:157px;
	height: 51px;
	text-indent: -300em; /* coloca el texto fuera de lo visible en el navegador */
	overflow: hidden; /* si el contenido se sale fuera no lo muestra */
	margin: 0 0 0 10px; /* top right bottom left */
}

/* si, lo coloca en la cabecera a la derecha */
h2 {
	margin: 0px;
	position: absolute;
	top: 0px;
	right: 10px;
	width: 150px;
	height: 53px;
	background-image: url(img/mundor.gif);
	background-repeat: no-repeat;
	background-position: 10px 15px;
	text-indent: -300em; /* coloca el texto fuera de lo visible en el navegador */
	overflow: hidden; /* si el contenido se sale fuera no lo muestra */
	border-left: double;
	border-color: #FFF;
	margin-right: 10px;
}

h3 {
	display: block;
	width: 292px;
	height: 20px;
	/*background-image: url(img/vut.gif);
	background-repeat: no-repeat;
	text-indent: -300em;*/
	overflow: hidden;
	margin: 0px;
}

h4 {
	float:left;
	margin: 10px;
	position: absolute;
	width: 150px;
	height: 53px;
	background-image: url(img/mundor.gif);
	background-repeat: no-repeat;
	background-position: 10px 2px;
	text-indent: -300em;

}

/* si */
#cabecera {
	height: 69px;
	background-image: url(img/fondo.gif);
	background-repeat: repeat-x;
}

/*============================menu=============================== */
#menu {
	position: absolute;
	left: 0px;
	width: 146px;
	text-decoration: none;
	overflow: hidden;
}

#menu #empresa {
	padding: 0px;
	margin: 0px;
/*	background-image: url(img/logo_xunta.jpg);*/
	height: 50px;
	text-indent: -500px;
	overflow: hidden; 
}

#menu ul {
	margin: 0px;
	padding: 0px;
}

#menu li {
	width: 100%;
	padding: 0px;
	
}

#menu li li {
	list-style: none;
	font-size: 0.8em;
}

#menu li a {
	display: block;
	width: 100%;
	text-decoration: none;
	color: #949191;
	padding: 2px 0px 2px 15px;
	border-bottom: 1px dotted #7B7B7B;
	background-image: url(img/flecha_verde.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
	/*text-transform:lowercase; */
}

#menu li li a {
	font-variant: normal;
	background-image: none;
	background-color: #FFFFFF;
}

#menu li a:hover {
	background-color: #F2FBE6;
}
/*=================fin de menu================= */


/* si, lo del medio va aqui contenido */
#contenido {
	margin: 0 0 0 148px;
	text-align: center;
}
 
#contenido #aviso {
	text-align: left;
	margin: 2em 11em;
}

#contenido_popup {
	margin: 0 0 0 50px;
	text-align: center;
}
 
#contenido_popup #aviso {
	text-align: left;
	margin: 2em 11em;
	display:inline-block;
	min-width: 400px;
}
/*=================miguitas================= para el breadcrumb */
#miguitas {
	padding: 0px;
	margin: 7px 0 0 10px;
	background-image: url(img/miguita.gif);
	background-repeat: repeat-x;
	background-position: center;
	font-size: 0.85em;
	color: #7D7D7D;
	text-align: left;
}

#miguitas li {
	display: inline;
	background-color: #FFF;
	margin: 0px;
	padding: 0 6px 0 0;
	border-right: 1px solid #999;
}

#miguitas li.actual {
	background-color: #FFF;
	color: #96CB01;
	padding: 0 6px;
	border: none;
}

#miguitas li a {
	text-decoration: none;
	color: #7D7D7D;
}

#miguitas li a:hover {
	color: #333;
}


/*=================caja con bordes cuadrados================= */

/* si, en la caja del centro */
div.top {
	min-width: 410px;
	height:28px; 
	background-image:url(img/top_line.gif); 
	background-repeat: repeat-x; 
}

/* si, en la caja del centro */
div.content { 
	background-image:url(img/left_line.gif); 
	background-repeat:repeat-y; 
	background-color: #F5F5F5;
	min-width: 410px;
	/*text-transform: lowercase;*/
}

/* si, en la caja del centro */
div.top2 {
	min-width: 510px;
	height:28px; 
	background-image:url(img/top_line.gif); 
	background-repeat: repeat-x; 
}

/* si, en la caja del centro */
div.content2 { 
	min-width: 510px;
	background-image:url(img/left_line.gif); 
	background-repeat:repeat-y; 
	background-color: #F5F5F5;
	/*text-transform: lowercase;*/
}

/* si, en la caja del centro */
div.bottom2 { 
	min-width: 510px;
	height:28px; 
	background-image:url(img/btm_line.gif); 
	background-repeat:repeat-x; 
	border:0;
	padding:0;
	margin:0;
}

/* si, en la caja del centro */
div.content p {
	font-size: 0.8em;
	font-family:arial;
	padding:5px;
	color: #747474;
	margin: 0px;
}

/* si, en la caja del centro */
div.boxcontrol { 
	padding:0 5% 0 5%; 
	background-image:url(img/right_line.gif); 
	background-position:right; 
	background-repeat:repeat-y;
}

/* si, en la caja del centro */
div.bottom { 
	min-width: 410px;
	height:28px; 
	background-image:url(img/btm_line.gif); 
	background-repeat:repeat-x; 
	border:0;
	padding:0;
	margin:0;
}

/* si, en la caja del centro */
img.esquina_sup_izq { 
	float:left; 
}

/* si, en la caja del centro */
img.esquina_sup_der { 
	float:right; 
}

/* si, en la caja del centro */
img.esquina_inf_izq { 
	float:left; 
}

/* si, en la caja del centro */
img.esquina_inf_der { 
	float:right; 
}

/* IE 5.5 box model hack para posicionar correctamente las imagenes de esquina */
* html img.esquina_sup_izq, * html img.esquina_inf_izq  { \margin-left:-.2em;  ma\rgin-left:0; }
* html img.esquina_inf_der, * html img.esquina_sup_der { \margin-left:.2em; }


#seccion{
	font-family:verdana;
	font-weight: bold;
	font-size: 1.7em;
	margin-left:0px;
	color:#C0BFBF;
	/*text-transform:lowercase;*/
}



/*======================== tablas ====================*/

#tabla{
}

table td {
	padding: 2px;
}
#tabla table{
	border: 1px solid #AAA;
}

#tabla_gr {
	width: 600px;
}

#tabla_gr table{
	width: 600px;
	border: 1px solid #AAA;
	margin-top: 20px;
}

#tabla td {
	border-top: 1px solid #AAA;
	border-right: 1px solid #AAA;
	font-family:verdana;
	font-size:0.75em;
	text-align: center;
}

#tabla td a{
	color:#808080;
}

#tabla td a:hover{
	color:#0099CC;
}

#tabla th{
	border-right: 1px solid #AAA;
	border-left: 1px solid #FFF;
	background-color:#DDDDDD;
	font-size:0.85em;
	font-family: verdana;
	color:#585757;
	text-align: center;
}

#tabla_gr td {
	border-top: 1px solid #AAA;
	border-right: 1px solid #AAA;
	font-family:verdana;
	font-size:0.75em;
	text-align: center;
}

#tabla_gr td a{
	color:#808080;
}

#tabla_gr td a:hover{
	color:#0099CC;
}

#tabla_gr th{
	border-right: 1px solid #AAA;
	border-left: 1px solid #FFF;
	background-color:#DDDDDD;
	font-size:0.85em;
	font-family: verdana;
	color:#585757;
	text-align: center;
}

/*======================== consulta de un elemento ====================*/

#content ul {
	padding: 25px; 
	font-size: 0.9em; 
	margin: 0px; 
	color: #000; 
	font-family: arial; 
	list-style-type: none
}

#content li {
	padding: 4px 0px 4px 0px; 
	font-weight: bold; 
	color: #747474; 
}

#content li em {
	padding: 1px 8px 1px 8px; 
	border: #bfbfbf 1px solid; 
	display: block; 
	color: #787878; 
	font-weight: normal; 
	font-style: normal;
	background-color: #fff;
}





#usuario form {
	width: 290px;
	height:115px;
	margin: 150px 0px 0px 200px;
	padding-left: 210px;
	/*background-image: url(img/VUT_logo.gif);
	background-repeat: no-repeat;*/
	font-size: 0.8em;
	font-family:arial;
	color: #747474;
}

#usuario form p {
	font-size: 0.9em;
	font-family:arial;
	color: #747474;
	margin: 5px 0;

}

#usuario form label {
	display: block;
	width: 95px;
	text-indent: -200px;
	overflow: hidden;
	background-repeat: no-repeat;
	float: left;
	clear: left;
}

#usuario form label#user {
	background-image: url(img/user.gif);
	margin:0px;
}

#usuario form label#pass {
	background-image: url(img/pass.gif);
	margin:0px;
}

.mensaje {
	margin-left:10px;
	color:#747474;
	height:25px;
}

div#capa_prog {
	position: absolute;
	top: 10px;
	left: 10px;
	/*z-index: 0;*/
	border: 2px solid #98CA00;
	background: #FFF;
	height: 500px;
	width: 300px;
	text-align: left;
}

div.instruccionesCargador pre {
	white-space: pre-wrap;       /* css-3 */
 	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 	white-space: -pre-wrap;      /* Opera 4-6 */
 	white-space: -o-pre-wrap;    /* Opera 7 */
 	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
div.textoInstrucciones {
	padding:10px;
	color:#424242;
	font-family: verdana;
}

select.input.multiple {
	height:300px;
}