/* @override http://localhost:8888/pfn-2.3.1/estilos/pfn/estilos.css */

/*******************************************************************************
* estilos/pfn/estilos.css
*
* Hoja de estilos CSS
*

PHPfileNavigator versión 2.3.0

Copyright (C) 2004-2005 Lito <lito@eordes.com>

http://phpfilenavigator.litoweb.net/

Este programa es software libre. Puede redistribuirlo y/o modificarlo bajo los
términos de la Licencia Pública General de GNU según es publicada por la Free
Software Foundation, bien de la versión 2 de dicha Licencia o bien (según su
elección) de cualquier versión posterior. 

Este programa se distribuye con la esperanza de que sea útil, pero SIN NINGUNA
GARANTÍA, incluso sin la garantía MERCANTIL implícita o sin garantizar la
CONVENIENCIA PARA UN PROPÓSITO PARTICULAR. Véase la Licencia Pública General de
GNU para más detalles. 

Debería haber recibido una copia de la Licencia Pública General junto con este
programa. Si no ha sido así, escriba a la Free Software Foundation, Inc., en
675 Mass Ave, Cambridge, MA 02139, EEUU. 
*******************************************************************************/

/* ----- Estilos para etiquetas ----- */
* {
	margin: 0;
	padding: 0;
	border: none;
}

html {
	height: 100%;
}

body {
	height: 100%;
	font-size: 12px;
	color: #000;
	font-family: Myriad Pro, Helvetica, Arial, Verdana, Sans-Serif;
	text-decoration: none;
	background: #ddd /*url(imx/fondo.png)*/;
}

form {
	display: inline;
}

input, textarea, select {
	vertical-align: middle;
	width: auto;
}

input.text, input.file {
	width: 300px;
}

textarea {
	width: 300px;
	height: 65px;
}

input.checkbox {
	border: none;
}

a, a:visited {
	color: #555;
	text-decoration: none;
}

a:hover {
	color: #333;
	/*text-decoration: underline;*/
}

li, ul {
	list-style: none outside;
	white-space: nowrap;
}

img {
	vertical-align: middle;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

tfoot {
	background-color: #666;
	color: #FFF;
	white-space: nowrap;
	padding: 5px;
	font-weight: bold;
}

caption {
	text-align: left;
	padding: 5px;
	color: #333;
}

h1 {
	color: #333;
	font-size: 20px;
	font-weight: 400;
}

h2 {
	color: #444;
	font-size: 16px;
}

/* ----- Cuerpo ----- */

#corpo {
	position: relative;
	margin: 0 auto;
	padding: 0 10px 0 10px; /* Don't change this value / No cambiar este valor */
	width: 740px; /* Don't change this value / No cambiar este valor */
	background: #f5f5f5;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	min-height: 100%;
}

* html #corpo {
	height: 100%;
	width: 760px; /* Don't change this value / No cambiar este valor */
}

#pe {
	position: relative;
	margin: -5.7em auto 0 auto;
	width: 740px; /* Don't change this value / No cambiar este valor */
	padding: 0 10px 0 10px; /* Don't change this value / No cambiar este valor */
}

#pe a {
	color: #bbb;
}

* html #pe {
	margin-top: -5.8em;
	width: 760px; /* Don't change this value / No cambiar este valor */
}

#resumo_dir {
	margin-top: 5px;
	font-size: 14px;
	padding: 6px 10px 3px 10px;
	/*border: 1px solid #CCC;*/
	color: #666;
}

#pe_utiles {
	width: 100%;
	height: 30px;
	margin: 5px 0 5px 0;
}

#pe_utiles td {
	width: 50%;
	border: 1px solid #CCC;
}

#pe_texto {
	/*background: #666;*/
	color: #ccc;
	text-align: right;
	padding: 5px 10px 5px 10px;
}
#pe_texto a:hover {
	color: #333;
}

#pe_separador {
	clear: both;
	display: block;
	height: 1px;
	margin-top: 70px;
	font-size: 1px;
	line-height: 1px;
}

/* ----- Pantalla de acceso ----- */

#benvido {
	margin: 40px auto 0 auto;
	color: #888;
	padding: 10px;
	width: 640px;
	font-weight: 400;
	text-align: center;
	font-size: 36px;
}

* html #benvido {
	width: 260px;
}

#login {
	margin: 15px auto 0 auto;
	padding: 10px;
	width: 240px;
	color: #333;
	/*border: 1px solid #000;
	background-color: #09C;*/
}
#login label {
	margin: 15px auto 0 auto;
	color: #212930;
	font-size: 18px;
}
#login input[type=text] {
	margin: 5px 0 0 10px;
	padding: 5px;
	font-size: 16px;
	width: 160px;
	color: #666;
	border: 1px solid #ccc;
}
#login input[type=text]:focus {
	border: 1px solid #666;
}
#login input[type=password] {
	margin: 5px 0 0 10px;
	padding: 5px;
	font-size: 16px;
	width: 160px;
	color: #666;
	border: 1px solid #ccc;
}
#login input[type=password]:focus {
	border: 1px solid #666;
}
#login input[type=submit] {
	margin: 15px 0 0 10px;
	padding: 5px;
	background: #212930;
	font-size: 16px;
	color: #fff;
	border: 1px solid #999;
}
#login input[type=submit]:focus {
	border: 1px solid #ddd;
}
#login input[type=submit]:active {
	background: #425860;
}
* html #login {
	width: 260px;
	height: 171px;
}

#login .formulario {
	width: 160px;
}

#login p {
	padding: 5px;
}

#login_olvido_contrasinal {
	width: 440px;
	text-align: right;
	margin: 15px auto 0 auto;
}
#login_olvido_contrasinal a {
	color: #bbb;
	font-size: 12px;
}
#login_olvido_contrasinal a:hover {
	color: #999;
	background: none;
}


* html #login_olvido_contrasinal {
	width: 260px;
}

/* ----- Menú de Raíces ----- */

#cab_menu {
	width: 380px;
	margin: 50px auto 0 auto;
	color: #FFF;
	padding: 10px 20px 10px 20px;
	font-weight: bold;
	background: #C00;
	border: 1px solid #000;
	text-align: left;
}

* html #cab_menu {
	width: 420px;
}

#menu_raices {
	width: 380px;
	border: 1px dotted #CCC;
	background: #EEE;
	padding: 20px;
	margin: 10px auto 0 auto;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	color: #C00;
}

* html #menu_raices {
	width: 420px;
}

#menu_raices ul {
	font-weight: normal;
	font-size: 12px;
	padding: 8px 0 0 0;
	width: 100%;
	border-top: 1px solid #C00;
	list-style: none;
}

#menu_raices li {
	padding: 3px;
	margin: 10px;
	border-bottom: 1px solid #DDD;
}

#pe_menu {
	width: 420px;
	margin: 20px auto 0 auto;
	background: #FFF;
	text-align: right;
}

#pe_menu a {
	padding: 10px;
	background: #666;
	color: #FFF;
	border: 1px dotted #999;
}

/* ----- Menú Superior ----- */

#escolle_ancho {
	float: left;
	margin-right: 10px;
}

#escolle_ancho div {
	border: 1px solid #CCC;
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
}

#logo {
	/*width: 190px;
	height: 37px;*/
	float: left;
	position: relative;
	border: 0;
	font-size: 36px;
	font-weight: 400;
}

/*#logo span {
	width: 100%;
	height: 100%;
	
	/*background: url(imx/logo.png) no-repeat;*/
	position: absolute;
}*/

#menu_principal {
	width: 100%;
	margin-top: -5px;
}

/* ----- Menú Superior arriba ----- */

#menu1 {
	margin-top: 15px;
	float: right;
	list-style: none;
}
#menu1 li {
	display: inline;
}
#menu1 li a {
	padding: 8px 10px 5px 10px;
	font-size: 16px;
	color: #777;
}
#menu1 li a:hover {
	color: #212930;
	/*border-top: 3px solid #212930;*/
}
#menu1 li.admin a {
	color: #B31437;
}
#menu1 li.admin a:hover {
	color: #212930;
}

/* ----- Menú Superior abajo ----- */

#menu2 {
	text-align: left;
	margin-top: 5px;
	padding: 5px 0 5px 0;
	background: #ededed;
	/*border-bottom: 1px solid #CCC;*/
	list-style: none;
}

#menu2 li {
	display: inline;
}

#menu2 li a {
	margin: 2px;
	padding: 5px 5px 8px 5px;
	/*border-left: 1px solid #CCC;*/
}

#menu2 li a:hover {
	background: #ccc;
	/*border-color: #227;*/
}

#menu_texto span {
	margin-left: 10px;
	position: relative;
	top: 2px;
	color: #555;
	font-size: 12px;
	font-weight: bold;
}

/* ----- Navegación y buscador ----- */

#utilidades_superior {
	width: 100%;
	margin: 10px 0 10px 0;
	color: #666;
}

* html #utilidades_superior {
	margin: 10px 0 0 0;
}

#navegacion {
	text-align: left;
	float: left;
	font-size: 16px;
	margin: 10px 5px 10px;
}

#buscador {
	float: right;
	text-align: right;
}
#buscador input[type=image] {
	display: none;
}

#palabra_buscar {
	margin: 0 0 10px;
	padding: 5px;
	font-size: 14px;
	color: #666;
	border: 1px solid #ccc;
}
#palabra_buscar:focus {
	border: 1px solid #666;
}

/* ----- Tabla de listado ----- */

#listado {
	font-size: 12px;
	color: #999;
	width: 100%;
}

#listado tr, #listado th, #listado td {
	text-align: center;
}

#listado th {
	background-color: #212930;
	color: #fff;
	white-space: nowrap;
}
#listado th a {
	color: #ededed;
}
#listado th a:hover {
	text-decoration: underline;
}
#listado th, #listado td {
	padding: 5px;
}

/*#listado td+td, #listado th+th {
	border-left: 1px solid #CCC;
}*/

#listado .trcab {
	background: #EEE;
}

#listado .trinfo {
	background: #FFF;
}

#listado .tdnome {
	text-align: left;
}

.trdir1 {
	background: #EEE;
	font-weight: bold;
}

.trdir0 {
	background: #FFF;
	font-weight: bold;
}

.trarq1 {
	background: #EEE;
}

.trarq0 {
	background: #FFF;
}

.trdir0:hover, .trdir1:hover, .trarq0:hover, .trarq1:hover {
	background: #212930;
	color: #bbb;
}
.trdir0:hover a, .trdir1:hover a, .trarq0:hover a, .trarq1:hover a {
	color: #e5e5e5;
}
.trdir0:hover a:hover, .trdir1:hover a:hover, .trarq0:hover a:hover, .trarq1:hover a:hover {
	color: #fff;
}

.trmarcada {
	background: #d5d5d5;
	font-weight: bold;
}

ul.accions {
	text-align: right;
	list-style: none;
}

ul.accions li {
	float: left;
}

ul.accions li a {
	display: block;
	width: 22px;
	height: 17px;
	margin: 0 2px 0 2px;
}

/* ----- Opciones multiples inferiores y paginación ----- */

#utilidades_inferior {
	position: relative;
	width: 100%;
	border-top: 1px solid #CCC;
	color: #666;
}

#paxinar {
	margin: 10px 0 0 0;
	float: right;
}

#pe_multiple {
	text-align: left;
	list-style: none;
}

#pe_multiple li {
	float: left;
	margin: 0 0 10px 0;
	border-right: 1px solid #CCC;
}

#pe_multiple li a {
	display: block;
	width: 22px;
	height: 17px;
	margin: 10px;
}

#pe_multiple .primeiro {
	margin: 10px 0 0 5px;
	border: 0;
	font-size: 16px;
}


/* ----- Estilos para botones de imágen ----- */

li.info a {
	height: 17px;
	width: 22px;
	background: url(imx/info.png) no-repeat center center;
}
li.copiar a {
	height: 17px;
	width: 22px;
	background: url(imx/copiar.png) no-repeat center center;
}
li.mover a {
	height: 17px;
	width: 22px;
	background: url(imx/mover.png) no-repeat center center;
}
li.eliminar a {
	height: 17px;
	width: 22px;
	background: url(imx/eliminar.png) no-repeat center center;
}
li.renomear a {
	height: 17px;
	width: 22px;
	background: url(imx/renomear.png) no-repeat center center;
}
li.permisos a {
	height: 17px;
	width: 22px;
	background: url(imx/permisos.png) no-repeat center center;
}
li.descargar a {
	height: 17px;
	width: 22px;
	background: url(imx/descargar.png) no-repeat center center;
}
li.comprimir a {
	height: 17px;
	width: 22px;
	background: url(imx/comprimir.png) no-repeat center center;
}
li.redimensionar a {
	height: 17px;
	width: 22px;
	background: url(imx/redimensionar.png) no-repeat center center;
}
li.extraer a {
	height: 17px;
	width: 22px;
	background: url(imx/extraer.png) no-repeat center center;
}
li.ver_contido a {
	height: 17px;
	width: 22px;
	background: url(imx/ver_contido.png) no-repeat center center;
}
li.editar a {
	height: 17px;
	width: 22px;
	background: url(imx/editar.png) no-repeat center center;
}
li.ver_comprimido a {
	height: 17px;
	width: 22px;
	background: url(imx/ver_comprimido.png) no-repeat center center;
}
li.correo a {
	height: 17px;
	width: 22px;
	background: url(imx/correo.png) no-repeat center center;
}

/* ----- Cabecera para las pantallas de acciones ----- */

label {
	color: #444;
	font-size: 18px;
	vertical-align: middle;
}
fieldset {
	color: #444;
	font-size: 18px;
	vertical-align: middle;
}

#ver_info {
	margin: 0 auto 0 auto;
	width: 100%;
	text-align: left;
}

#accions_info {
	text-align: left;
	list-style: none;
	background: #EEE;
	padding: 10px 0 13px 0;
	border-bottom: 1px solid #CCC;
}

#accions_info li {
	float: left;
	margin-top: -10px;
	background: #EEE;
}

#accions_info li a {
	display: block;
	margin: 3px 0 0 0;
	padding: 0px 5px 0 5px;
	width: 20px;
}

#accions_info li a.active {
	background-color: #f5f5f5;
	border: 1px solid #CCC;
	border-bottom: 0;
	padding: 3px;
	margin: 0;
}

#detalle_info {
	margin-top: -14px;
	border: 1px solid #CCC;
	border-top: 0;
	padding: 10px;
	color: #666;
}

#arquivo_info {
	border: 1px dotted #CCC;
	background-color: #EEE;
	margin: 0 0 15px 0;
	padding: 5px;
}

#arquivo_info span {
	margin-left: 10px;
	
}

#subida_espera {
	width: 100%;
	/*background: url(imx/subir_url.gif) no-repeat center top;
	padding-top: 80px;*/
	text-align: center;
}

.bloque_info {
	margin-bottom: 15px;
	font-size: 14px;
}

input[type=password] {
	padding: 3px;
	font-size: 16px;
	width: 160px;
	color: #666;
	border: 1px solid #ccc;
}
input[type=password]:focus {
	border: 1px solid #666;
}
.tabla_info {
	font-size: 14px;
	color: #666;
	width: 100%;
	border-spacing: 1px;
	text-align: left;
}

.tabla_info th {
	/*border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;*/
	/*background: #EEE;*/
	text-align: right;
	padding: 3px 15px 3px 5px;
	font-weight: normal;
}

.tabla_info td {
	padding: 3px 5px 3px 5px;
}
input[type=text] {
	padding: 3px;
	font-size: 16px;
	width: 160px;
	color: #666;
	border: 1px solid #ccc;
}
input[type=text]:focus {
	border: 1px solid #666;
}
textarea {
	padding: 3px;
	font-size: 16px;
	color: #666;
	border: 1px solid #ccc;
}
textarea:focus {
	border: 1px solid #666;
}
input[type=button], input.boton, input[type=reset] {
	/*margin-top: 15px;*/
	padding: 3px;
	background: #ccc;
	font-size: 16px;
	color: #fff;
	border: 1px solid #ababab;
}
input[type=submit] {
	/*margin-top: 15px;*/
	padding: 3px;
	background: #212930;
	font-size: 16px;
	color: #fff;
	border: 1px solid #999;
}
input:focus {
	border: 1px solid #ddd;
}
input[type=submit]:active {
	background: #425860;
}
.aviso_info {
	background: #212930;
	padding: 5px;
	text-align: center;
	color: #fefefe;
	font-weight: bold;
}

/* ----- Capa para la redimension de imágenes ----- */

#theCrop {
	position: absolute;
	border: 1px solid #F00;
	width: 50px;
	height: 50px;
	background-image: url(imx/semitrans.png);
}

/* ----- Estilos genéricos ----- */


.nada {
	display: inline;
	clear: both;
}

.aviso {
	text-align: center;
	width: auto;
	padding: 5px;
	margin: 5px;
	font-weight: bold;
	font-size: 18px;
	color: #B31437;
}

.numera {
	color: #CCC;
}

.oculto {
	display: none;
}

.icono {
	float: left;
	margin-right: 8px;
}

.tabla_informes {
	border: 1px #CCC solid;
	background-color: #EEE;
	width: 100%;
	padding: 2px;
}

.tabla_informes th {
	padding: 2px;
	text-align: center;
	background-color: #CCC;
	white-space: nowrap;
}

.tabla_informes td {
	padding: 2px;
	border-bottom: 1px #CCC solid;
	white-space: nowrap;
}

.tr_par {
	background-color: #FFF;
}

.subcontido {
	padding: 5px;
	margin: 5px;
	background-color: #fefefe;
	color: #333;
	border: 1px solid #666;
	float: left;
}

a.subcontido:hover {
	background-color: #eee;
	border: 1px solid #666;
	color: #333;
}

.td_subcontido {
	background-color: #212930;
}

.centro {
	text-align: center;
}

.mini {
	text-align: center;
	padding: 3px;
	margin: 3px;
	background-color: #EEE;
	float: left;
}