/*******************************************************************************
* 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. 
*******************************************************************************/

/* ----- Label Styles ----- */
* {
	margin: 0;
	padding: 0;
	border: none;
}

html {
	height: 100%;
}

body {
	height: 100%;
	font-size: 12px;
	color: #999;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	text-decoration: none;
	background: #222222;
}

form {
	display: inline;
}

input, textarea {
	color: #CCC;
	border: 1px solid #999;
	padding: 5px;
	background: #555;
	vertical-align: middle;
	width: auto;
}

select {
	color: #CCC;
	border: 1px solid #999;
	background: #555;
	vertical-align: middle;
	width: auto;
}

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

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

input.checkbox {
	border: none;
}

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

a:hover { 
	color: #AAA;
	text-decoration: none;
}

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;
	background-color: #EEF;
}

h1 {
	color: #F90;
	font-size: 13px;
}

h2 {
	color: #F90;
	font-size: 12px;
}

/* ----- Body Body ----- */

#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: #555;
	border-right: 1px solid #777;
	border-left: 1px solid #777;
	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: #999;
}

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

#resumo_dir {
	margin-top: 5px;
	padding: 3px 10px 3px 10px;
	border-top: 1px solid #333;
	color: #999;
}

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

#pe_utiles td {
	width: 50%;
}

#pe_texto {
	color: #999;
	text-align: right;
	padding: 5px 10px 5px 10px;
}

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

/* ----- Login screen ----- */

#benvido {
	margin: 100px auto 0 auto;

	width: 240px;
	height: 46px;
	background: url(imx/zooyork-logo.ie6.png) center no-repeat;
}

* html #benvido {
	width: 260px;
}

#login {
	margin: 5px auto 0 auto;
	padding: 10px;
	width: 240px;
	height: 151px;
	text-align: center;
	color: #FFF;
	background-color: #333;
}

* html #login {
	width: 260px;
	height: 171px;
}

#login .formulario {
	width: 160px;
}

#login p {
	padding: 5px;
}

#login_olvido_contrasinal {
	width: 240px;
	text-align: right;
	margin: 5px auto 0 auto;
}

* html #login_olvido_contrasinal {
	width: 260px;
}

/* ----- Root Menu ----- */

#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;
}

/* ----- Top Menu ----- */

#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: 196px;
	height: 46px;
	float: left;
	position: relative;
	border: 0;
}

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

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

/* ----- top Top Menu ----- */

#menu1 {
	float: right;
	list-style: none;
}

#menu1 li {
	display: inline;
}

#menu1 li a {
	color: #999;
	padding: 10px 10px 8px 10px;
	border-left: 1px solid #999;
}

#menu1 li a:hover {
	color: #FFF;
}

#menu1 li.admin a {
	color: #F90;
}

/* ----- Top Menu down ----- */

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

#menu2 li {
	display: inline;
}

#menu2 li a {
	margin: 2px;
	padding: 5px;
}

#menu2 li a:hover {
	background: #FFF;
}

#menu_texto span {
	margin-left: 10px;
	padding: 5px;
	color: #F90;
	font-weight: bold;
}

/* ----- Navigation and search ----- */

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

#navegacion {
	text-align: left;
	float: left;
}

#buscador {
	float: right;
	text-align: right;
	margin: 0 0 10px 0;
}

#palabra_buscar {
	color: #FFF;
}

/* ----- Table Listing ----- */

#listado {
	font-size: 11px;
	color: #666;
	width: 100%;
}

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

#listado th {
	background-color: #333;
	white-space: nowrap;
}

#listado th, #listado td {
	padding: 5px;
}

#listado .trcab {
	background: #DDD;
}

#listado .trinfo {
	background: #EEE;
}

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

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

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

.trarq1 {
	background: #CCC;
}

.trarq0 {
	background: #BBB;
}

.trdir0:hover, .trdir1:hover, .trarq0:hover, .trarq1:hover {
	background: #DEE;
}

.trmarcada {
	background: #FFF;
	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;
}

/* ----- Multiple options below and paging ----- */

#utilidades_inferior {
	position: relative;
	width: 100%;
	color: #CCC;
}

#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;
}

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

#pe_multiple .primeiro {
	margin-top: 11px;
	border: 0;
}


/* ----- Image Button Styles ----- */

li.info a {
	height: 17px;
	width: 22px;
	background: url(imx/info.png) no-repeat center top;
}

li.info a:hover {
	background: url(imx/info.png) 50% -19px no-repeat;
}

li.copiar a {
	height: 17px;
	width: 22px;
	background: url(imx/copiar.png) no-repeat center top;
}

li.copiar a:hover {
	background: url(imx/copiar.png) 50% -19px no-repeat;
}

li.mover a {
	height: 17px;
	width: 22px;
	background: url(imx/mover.png) no-repeat center top;
}

li.mover a:hover {
	background: url(imx/mover.png) 50% -19px no-repeat;
}

li.eliminar a {
	height: 17px;
	width: 22px;
	background: url(imx/eliminar.png) no-repeat center top;
}

li.eliminar a:hover {
	background: url(imx/eliminar.png) 50% -19px no-repeat;
}

li.renomear a {
	height: 17px;
	width: 22px;
	background: url(imx/renomear.png) no-repeat center top;
}

li.renomear a:hover {
	background: url(imx/renomear.png) 50% -19px no-repeat;
}

li.permisos a {
	height: 17px;
	width: 22px;
	background: url(imx/permisos.png) no-repeat center top;
}

li.permisos a:hover {
	background: url(imx/permisos.png) 50% -19px no-repeat;
}

li.descargar a {
	height: 17px;
	width: 22px;
	background: url(imx/descargar.png) no-repeat center top;
}

li.descargar a:hover {
	background: url(imx/descargar.png) 50% -19px no-repeat;
}

li.comprimir a {
	height: 17px;
	width: 22px;
	background: url(imx/comprimir.png) no-repeat center top;
}

li.comprimir a:hover {
	background: url(imx/comprimir.png) 50% -19px no-repeat;
}

li.redimensionar a {
	height: 17px;
	width: 22px;
	background: url(imx/redimensionar.png) no-repeat center top;
}

li.redimensionar a:hover {
	background: url(imx/redimensionar.png) 50% -19px no-repeat;
}

li.extraer a {
	height: 17px;
	width: 22px;
	background: url(imx/extraer.png) no-repeat center top;
}

li.extraer a:hover {
	background: url(imx/extraer.png) 50% -19px no-repeat;
}

li.ver_contido a {
	height: 17px;
	width: 22px;
	background: url(imx/ver_contido.png) no-repeat center top;
}

li.ver_contido a:hover {
	background: url(imx/ver_contido.png) 50% -19px no-repeat;
}

li.editar a {
	height: 17px;
	width: 22px;
	background: url(imx/editar.png) no-repeat center top;
}

li.editar a:hover {
	background: url(imx/editar.png) 50% -19px no-repeat;
}

li.ver_comprimido a {
	height: 17px;
	width: 22px;
	background: url(imx/ver_comprimido.png) no-repeat center top;
}

li.ver_comprimido a:hover {
	background: url(imx/ver_comprimido.png) 50% -19px no-repeat;
}

li.correo a {
	height: 17px;
	width: 22px;
	background: url(imx/correo.png) no-repeat center top;
}

li.correo a:hover {
	background: url(imx/correo.png) 50% -19px no-repeat;
}

/* ----- Header stock screens ----- */

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

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

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

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

#accions_info li a.active {
	background-color: #FFF;
	border-bottom: 0;
	background-position: 3px -17px;
	padding: 3px;
	margin: 0;
}

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

#arquivo_info {
	background-color: #333;
	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;
}

.tabla_info {
	font-size: 11px;
	color: #999;
	width: 100%;
	border-spacing: 1px;
	text-align: left;
}

.tabla_info th {

	background: #333;
	padding: 3px 5px 3px 5px;
	font-weight: normal;
}

.tabla_info td {
	background: #333;
	border: 0;
	padding: 3px 5px 3px 5px;
}

.aviso_info {
	background: #F90;
	padding: 3px;
	text-align: center;
	color: #333;
	font-weight: bold;
}

/* ----- Layer for the image resize ----- */

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

/* ----- Generic styles ----- */

.boton {
	color: #FFF;
	background: #999;
	border: 1px solid #333;
	padding: 5px;
}

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

.aviso {
	width: auto;
	background-color: #F90;
	padding: 5px;
	margin: 5px;
	text-align: center;
	color: #333;
	font-weight: bold;
}

.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: #F5EDE3;
	border: 1px solid #CCC;
	float: left;
}

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

.td_subcontido {
	background-color: #DDD;
}

.centro {
	text-align: center;
}

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