/*************************
  Coppermine Photo Gallery
  ************************
  Copyright (c) 2003-2009 Coppermine Dev Team
  v1.1 originally written by Gregory DEMAR

  This program is free software; you can redistribute it and/or modify
  it under the terms of the GNU General Public License version 3
  as published by the Free Software Foundation.
  
  ********************************************
  Coppermine version: 1.4.24
  $HeadURL: https://coppermine.svn.sourceforge.net/svnroot/coppermine/trunk/cpg1.4.x/themes/classic/style.css $
  $Revision: 5969 $
  $Author: gaugau $
  $Date: 2009-05-21 22:03:33 +0200 (Do, 21 Mai 2009) $
**********************************************/

/* --------------------------------------------------------------------------- */
/* Author: Jan Albert Solari
/* --------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------- */
/* BODY and WRAPPERs */
/* --------------------------------------------------------------------------- */

* {
/*  
LA PLANTILLA DEPENDE DEMASIADO 
DE LOS MARGINADOS AUTODEFINIDOS.
QUEDA EXPRESADO, PERO NO DEFINIDO.
*/
} /* OF MY OWN */


body {
/* PRINCIPAL BACK */
background: #DDD;
background-image:url(images/background.png);
background-position:top center;
background-repeat: repeat;
background-attachment: scroll;
/* PRINCIPAL TYPOS */
font-family: 'Century Gothic', Sans-serif;
font-size: 14px;
font-weight: normal;
color : #000;
margin: 0;
padding: 0;
} /* OF MY OWN */


#hiperwrapper {
width: 956px;
margin: 0 auto;
background: transparent;
}


#banner {
opacity: 1.0;
background-image:url(images/banner.jpg);
background-position: bottom center;
background-repeat:no-repeat;
float:left;
width: 956px;
height: 330px;
margin: 0 auto;
} /* OF MY OWN */


#wrapper {
width: 956px;
margin: 0 auto;
padding-top: 3px;
padding-bottom: 6px;
background-image:url(images/bg_wrapper.png);
background-position: top center;
background-repeat: repeat-y;
} /* OF MY OWN */


#container {
/* BACK */
background-color: transparent;
opacity: 1.0;
margin: 0 auto;
width: 896px;
clear: both;
} /* OF MY OWN */


#menuzone {
margin-bottom: 24px;
} /* OF MY OWN */


/* Estilo de tablas en la zona principal */
.maintable {
box-shadow: 0px 0px 6px #333;
-moz-box-shadow: 0px 0px 6px #333;
-webkit-box-shadow: 0px 0px 6px #333;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
opacity: 1.0;
border: 2px solid #000;
background-image:url(images/wall.jpg);
background-position: bottom center;
margin-top: 1px;
margin-bottom: 18px;
} /* IS UPDATED */


#container_clear {
clear: both;
} /* OF MY OWN */


#foot {
opacity: 1.0;
background-image:url(images/bg_footer.png);
background-position: top center;
background-repeat:no-repeat;
width: 956px;
height: 10px;
padding: 0;
margin: 0 auto;
} /* OF MY OWN */



/* --------------------------------------------------------------------------- */
/* PRINCIPAL LINK SETTINGs */
/* --------------------------------------------------------------------------- */

a {
color: #F55;
text-shadow: 1px 1px 1px #222;
font-weight: bold;
text-decoration: none;
} /* IS UPDATED */

a:hover {
color: #F00;
text-shadow: 1px 1px 1px #000;
font-weight: bold;
text-decoration: none;
} /* IS UPDATED */



/* --------------------------------------------------------------------------- */
/* ADMIN MENU */
/* La barra de opciones para la cuenta del administrador */
/* --------------------------------------------------------------------------- */

/* La clase siguiente ADMIN_MENU se usa 
en la gran mayoría de los botones
de la aplicación. Mantener bajo
control los diversos aspectos de
este estilo es BÁSICO y FUNDAMENTAL.  */

/* Le he puesto el mismo estilo a
la clase BUTTON, que corresponde a
otro tipo de botones dentro de la
aplicación. */

.admin_menu,
.button {
font-size: 12px;
font-weight: bold;
background: #F55;
color: #FFF;
padding: 2px 5px;
margin: 3px;
text-align: center;
text-shadow: 1px 1px 1px #222;
border: 2px solid #222;
}

.admin_menu:hover,
.button:hover {
background: #F00;
color: #FFF;
text-shadow: 1px 1px 1px #000;
border: 2px solid #000;
}

.admin_menu a,
a.button {
color: #FFF;
text-shadow: 1px 1px 1px #222;
text-decoration: none;
}

.admin_menu a:hover,
a.button:hover  {
color: #FFF;
text-shadow: 1px 1px 1px #000;
text-decoration: none;
}

/* Este se usa en algunos botones
como curioso sustituto del ADMIN_MENU
original. No alcanzo a comprender
la diferencia real o el objeto de
dicho divorcio. Lo adapto para que
responda de manera similar a la
clase antes mencionada */

.admin_menu_thumb {
font-size: 10px;
font-weight: bold;
background:#F55;
color: #FFF;
padding: 2px 5px;
margin: 2px;
text-align: center;
outline: 1px solid #222;
border: 1px solid #222;
/* Definiciones de capa (Sí, es una capa) */
margin-top: 0px;
margin-bottom: 0px;
width: 85px;
}

.admin_menu_thumb a {
color: #FFF;
text-decoration: none;
}

.admin_menu_thumb a:hover {
color:#FFF;
text-decoration: none;
}

/* Este estilo no lo
he visto todavía */

td #admin_menu_anim {
background-image: url(images/button_bg_anim.gif);
}

/* Adicionalmente, existe una clase
ADM_MENU, que podría ser que se 
olvidaran de incluir. El caso es 
que la observación da como resultado 
que se usa dentro de las capas ADMIN_MENU
y ADMIN_MENU_THUMB. No se debe definir
debido a los resultados inesperados que
producen la mezcla de estilos */



/* --------------------------------------------------------------------------- */
/* MENUS */
/* --------------------------------------------------------------------------- */

.menu {
font-size: 16px;
font-weight: bold;
color: #000;
text-align: center;
text-transform:uppercase;
margin-bottom: 12px;
} /* IS UPDATED */

.menu a {
} /* IS UPDATED */

.menu a:hover {
} /* IS UPDATED */



/* --------------------------------------------------------------------------- */
/* FOOTER */
/* Donde pone los enlaces a COPPERMINE y al MOD */
/* --------------------------------------------------------------------------- */


.footer {
font-size: 16px;
font-weight: bold;
color: #000;
text-align: center;
text-transform:uppercase;
} /* IS UPDATED */

.footer a {
} /* IS UPDATED */

.footer a:hover {
} /* IS UPDATED */



/* --------------------------------------------------------------------------- */
/* TAGs */
/* --------------------------------------------------------------------------- */

table {
}

p {
font-size: 100%;
margin: 0;
margin-bottom: 3px;
}

h1 {
font-weight: bold;
font-size: 22px;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
line-height : 120%;
color : #000;
margin: 2px;
}

h2 {
font-size: 18px;
margin: 0px;
}

h3 {
font-weight: normal;
font-size: 12px;
margin: 2px;
}

ul {
margin: 0;
padding: 0;
border: 0;
list-style-position: inside;
}



/* --------------------------------------------------------------------------- */
/* TABLE CLASSes */
/* Estilos asociados a muchas de las tablas */
/* --------------------------------------------------------------------------- */

.tableh1 {
background: transparent;
padding-top: 3px;
padding-right: 10px;
padding-bottom: 3px;
padding-left: 10px;
color: #FFF;
text-shadow: 1px 1px 3px #000;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
} /* IS UPDATED */

/* Este estilo se ha detectado
en las barras inferiores de
algunas tablas (Ver STATLINK
CLASSEs más abajo) */

.tableh1_compact {
background: transparent;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 5px;
color: #FFF;
text-shadow: 1px 1px 3px #000;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
} /* IS UPDATED */

.tableh2 {
background: transparent;
color: #000;
padding-top: 3px;
padding-right: 10px;
padding-bottom: 3px;
padding-left: 10px;
font-size: 16px;
font-weight: normal;
font-variant: small-caps;
} /* IS UPDATED */

.tableh2_compact {
background: transparent;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 5px;
color: #FFF;
text-shadow: 1px 1px 3px #000;
font-size: 12px;
font-weight: bold;
} /* IS UPDATED */

/* El siguiente estilo se
ha detectado como formateador 
del contenido interno de la 
sección EN LÍNEA HOY */

/* También éste y su versión
_COMPACT controlan el fondo
de las celdas principales */

.tableb {
background: #FFF;
padding-top: 3px;
padding-right: 10px;
padding-bottom: 3px;
padding-left: 10px;
font-size: 14px;
font-weight: normal;
}

.tableb_compact {
background: #FFF;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 5px;
/* color: #FFF;
text-shadow: 1px 1px 3px #000; */
color: #000;
}

.tablef {
box-shadow: 0px 0px 6px #333;
-moz-box-shadow: 0px 0px 6px #333;
-webkit-box-shadow: 0px 0px 6px #333;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
opacity: 1.0;
border: 2px solid #000;
background-image:url(images/blackwall.jpg);
background-position: bottom center;
border: 2px #000 solid;
color: #FFF;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}  /* IS UPDATED */

.tablef a {
color: #fff;
}  /* IS UPDATED */

.tablef td.admin_menu a,
.tablef a.admin_menu {
color: #fff;
}  /* IS UPDATED */

.tablef a:hover,
.tablef td.admin_menu a:hover,
.tablef a:hover.admin_menu {
color: #FFF;
}  /* IS UPDATED */

 

/* --------------------------------------------------------------------------- */
/* IMAGE CLASSes */
/* Imágenes en general */
/* --------------------------------------------------------------------------- */

.image {
padding: 2px;
margin: 3px;
max-width: 806px;
}  /* IS UPDATED */

a .image {
background-color: #F55;
box-shadow: 1px 1px 1px #222;
-moz-box-shadow: 1px 1px 1px #222;
-webkit-box-shadow: 1px 1px 1px #222;
padding: 2px;
margin: 3px;
}  /* IS UPDATED */

a:hover .image {
background-color: #F00;
box-shadow: 1px 1px 1px #000;
-moz-box-shadow: 1px 1px 1px #000;
-webkit-box-shadow: 1px 1px 1px #000;
padding: 2px;
margin: 3px;
}  /* IS UPDATED */



/* --------------------------------------------------------------------------- */
/* NAVMENU CLASSes */
/* El Nav Menu aparece en ciertas tablas que tienen más
objetos de los que pueden visualizar de una vez */
/* --------------------------------------------------------------------------- */

.navmenu {
background: transparent;
color: #FFF;
text-shadow: 1px 1px 1px #000;
font-size: 100%;
font-weight: bold;
border-style: none;
} /* IS UPDATED */

.navmenu img {
margin-top: 1px;
margin-right: 5px;
margin-bottom: 1px;
margin-left: 5px;
}

.navmenu a {
display: block;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 5px;
background: transparent;
color: #F55;
text-decoration: none;
text-shadow: 1px 1px 1px #222;
}

.navmenu a:hover {
background: transparent;
color: #F00;
text-decoration: none;
text-shadow: 1px 1px 1px #000;
} /* IS UPDATED */

/* Este estilo lo he creado yo
para divorciar ciertos estilos
TABLEB_COMPACT que no son compa-
tibles en esta plantilla */

.navmenu_active {
background: transparent;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 5px;
color: #FFF;
text-shadow: 1px 1px 1px #000;
}



/* --------------------------------------------------------------------------- */
/* SEARCH CLASSes */
/* Para la página de busqueda */
/* --------------------------------------------------------------------------- */

.textinput {
font-size: 100%;
border:solid 1px #F55;
padding-right: 3px;
padding-left: 3px;
} /* IS UPDATED */

.textinput_mini {
font-size: 100%;
border:solid 1px #F55;
width: 177px;
} /* IS UPDATED */

.button_mini {
font-size: 100%;
border:solid 1px #F55;
background-image : url(images/button_bg.gif);
background-position : bottom;
margin-top: 5px;
} /* IS UPDATED */



/* --------------------------------------------------------------------------- */
/* PHOTO DISPLAY CLASSes */
/* Estas clases serían las responsables del estilo
principal de la interfaz de muestra de una foto sola */
/* --------------------------------------------------------------------------- */

/* Fondo de la tabla 
de imagen única */

.display_media {
background: #FFF;
padding-top: 3px;
padding-right: 10px;
padding-bottom: 3px;
padding-left: 10px;
}

.imageborder {
border: 1px solid #FFF;
background-color: #FFF;
margin-top: 30px;
margin-bottom: 30px;
}



/* --------------------------------------------------------------------------- */
/* SORTORDER CLASSes */
/* Es un recuadrito que aparece para ordenar las imágenes de un álbum */
/* --------------------------------------------------------------------------- */

.sortorder_cell {
box-shadow: 0px 0px 6px #333;
-moz-box-shadow: 0px 0px 6px #333;
-webkit-box-shadow: 0px 0px 6px #333;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
opacity: 1.0;
border: 2px solid #000;
background-image:url(images/blackwall.jpg);
background-position: bottom center;
color: #FFF;
padding: 3px;
} /* IS UPDATED */

.sortorder_options {
background: transparent;
color: #FFF;
padding: 0px;
margin: 0px;
font-weight: bold;
font-size: 10px;
white-space: nowrap;
} /* IS UPDATED */



/* --------------------------------------------------------------------------- */
/* STATLINK CLASSes */
/* Estilos que corresponden a la barra inferior de la tabla
de Categorías en la página principal (Otras barras parecidas
no usan este estilo, sino TABLEH1_COMPACT). También se usan
en la BREADCRUMB. */
/* --------------------------------------------------------------------------- */

/* Divorcio el estilo de la barra de estadísticas
de la del BREADCRUMB */

.catstat {
font-size: 12px;
font-weight: bold;
font-variant:normal;
color: #FFF;
} /* OF MY OWN */

.catstatlink {
font-size: 14px;
font-weight: bold;
font-variant:normal;
color: #FFF;
} /* IS UPDATED */

.statlink a {
} /* IS UPDATED */

.statlink a:hover {
} /* IS UPDATED */



/* --------------------------------------------------------------------------- */
/* USER THUMB CLASSes */
/* Lo he encontrado en un calendario, por ahora */
/* --------------------------------------------------------------------------- */

.user_thumb_infobox {
margin-top: 1px;
margin-bottom: 1px;
}

.user_thumb_infobox th {
font-weight : bold;
font-size: 100%;
margin-top: 1px;
margin-bottom: 1px;
text-align : center;
}

.user_thumb_infobox td {
font-size: 80%;
margin-top: 1px;
margin-bottom: 1px;
text-align : center;
}

/* Vigilar que los siguientes
 estilos no aparezcan en otro sitio */

a.user_thumb_infobox  {
color: #69f;
text-decoration: none;
} /* IS UPDATED */

a:hover.user_thumb_infobox  {
color: #03c;
text-decoration: none;
} /* IS UPDATED */

.tableh2 a.user_thumb_infobox  {
color: #9cf;
text-decoration: none;
} /* IS UPDATED */

.tableh2 a:hover.user_thumb_infobox  {
color: #fff;
text-decoration: none;
} /* IS UPDATED */



/* --------------------------------------------------------------------------- */
/* CATEGORY LINK CLASSes */
/* Los enlaces de texto de las Categorías */
/* --------------------------------------------------------------------------- */

.catlink {
display: block;
}

.catlink a {
text-shadow: 1px 1px 1px #222;
} /* IS UPDATED */

.catlink a:hover {
text-shadow: 1px 1px 1px #000;
} /* IS UPDATED */



/* --------------------------------------------------------------------------- */
/* CATEGORY ROW CLASSes */
/* El estilo de las filas de las tablas de Categorías */
/* --------------------------------------------------------------------------- */

.catrow_noalb {
background: #FFF;
padding-top: 3px;
padding-right: 10px;
padding-bottom: 3px;
padding-left: 10px;
}

.catrow {
background: #FFF;
padding-top: 3px;
padding-right: 10px;
padding-bottom: 3px;
padding-left: 10px;
}



/* --------------------------------------------------------------------------- */
/* ALBUM LINK CLASSes */
/* Los enlaces de texto de las tablas de los Albumes
(Equivalentes a los de ahí arriba de Categorías) */
/* --------------------------------------------------------------------------- */

.alblink a {
color: #F55;
text-shadow: 1px 1px 3px #222;
font-weight: bold;
text-decoration:none;
} /* IS UPDATED */

.alblink a:hover {
color: #F00;
text-shadow: 1px 1px 3px #000;
font-weight: bold;
text-decoration:none;
} /* IS UPDATED */



/* --------------------------------------------------------------------------- */
/* ALBUM TEXT CLASSes */
/* Las estadísticas dentro de las tablas
de los Álbumes se controla con esta clase. */
/* --------------------------------------------------------------------------- */

.album_stat {
font-size: 100%;
margin: 5px 0px;
color: #000;
text-shadow: none;
}



/* --------------------------------------------------------------------------- */
/* THUMB CLASSes */
/* Son los datos que aparecen debajo de las miniaturas de las imágenes. */
/* --------------------------------------------------------------------------- */

.thumb_filename {
font-size: 11px;
display: block;
}

.thumb_title {
font-size: 14px;
font-weight : bold;
font-variant:small-caps;
display : block;
}

.thumb_caption {
font-size: 80%;
display : block;
}

.thumb_caption a {
text-decoration: underline;
color: #000;
}

.thumb_num_comments {
font-weight: normal;
font-size: 10px;
font-style : italic;
display : block;
}

/* Este estilo es IMPORTANTISIMO.
Controla las CELDAS de las miniaturas. */

.thumbnails {
background: #FFF;
padding: 3px;
}



/* --------------------------------------------------------------------------- */
/* FORM CLASSes */
/* Diversos estilos asociados a formularios */
/* --------------------------------------------------------------------------- */

/* Asociadas a etiquetas SELECT */

.listbox {
font-size: 100%;
border:solid 1px #F55;
vertical-align : middle;
margin-bottom: 5px;
}

.listbox_lang {
color: #000000;
background: #FFF;
border:solid 1px #F55;
font-size: 100%;
vertical-align : middle;
}

/* Otras */

.radio {
background: #FFF;
border:solid 1px #F55;
font-size: 100%;
vertical-align : middle;
}

.checkbox {
background: #FFF;
border:solid 1px #F55;
font-size: 100%;
vertical-align : middle;
}



/* --------------------------------------------------------------------------- */
/* COMMENT CLASSes */
/* Diversos estilos asociados a los comentarios */
/* --------------------------------------------------------------------------- */

/* No tendrán uso en esta plantilla */

.comment_button {
font-size: 85%;
border: 1px solid #005D8C;
background-image : url(images/button_bg.gif);
background-position : bottom;
padding-left: 3px;
padding-right: 3px;
}

.comment_date{
color : #5F5F5F;
font-size : 90%;
vertical-align : middle;
}



/* --------------------------------------------------------------------------- */
/* OTHER CLASSes */
/* --------------------------------------------------------------------------- */

/* Esto debería tener que ver con
los enlaces creados por BBCode. */

.bblink a {
color: #0033CC;
text-decoration: none;
}

.bblink a:hover {
color: #0033CC;
text-decoration: none;
}

/* --------------------------------------------------------------------------- */

/* Los estilos TOPMENU se
han localizado en la frase
"He olvidado la contraseña"
de la entrada principal de 
la aplicación */

.topmenu {
line-height : 130%;
font-size: 100%;
}

.topmenu a {
color : #F55;
text-shadow: 1px 1px 1px #222;
text-decoration : none;
}

.topmenu a:hover  {
color : #F00;
text-shadow: 1px 1px 1px #000;
text-decoration : underline;
}

/* --------------------------------------------------------------------------- */

/* Todavía no vistos */

.img_caption_table {
border: none;
background-color: #FFFFFF;
width : 100%;
margin : 0px;
}

.img_caption_table th {
background: #D1D7DC ;
font-size: 100%;
color : #000000;
padding-top: 4px;
padding-right: 10px;
padding-bottom: 4px;
padding-left: 10px;
border-top : 1px solid #FFFFFF;
}

.img_caption_table td {
background: #EEE ;
padding-top: 6px;
padding-right: 10px;
padding-bottom: 6px;
padding-left: 10px;
border-top : 1px solid #FFFFFF;
white-space: normal;
}

/* --------------------------------------------------------------------------- */

/* Esta opción debe tener que
ver con el modo DEBUG que se
puede activar en la CONFIGURACIÓN */

.debug_text {
border: #BDBEBD;
background-color: #EEE;
width : 100%;
margin : 0px;
}

/* --------------------------------------------------------------------------- */

/* Esta última opción ha aparecido
asociada a admin_menu en algunos momentos. 
Pero el estilo combinado no casa */

.clickable_option {
cursor: default;
}



/* --------------------------------------------------------------------------- */
/* VANITY */
/* Es la barra con la info de los lenguajes (DESCONECTADO) */
/* --------------------------------------------------------------------------- */

#vanity a {
display:block;
width:57px;
height:20px;
margin: 3px 20px;
}


#vanity img {border:0}
#v_php {float:left;background-image:url(../../images/powered-php.gif);}
#v_php:hover {background-image:url(../../images/h_powered-php.gif);}
#v_mysql {float:left;background-image:url(../../images/powered-mysql.gif);}
#v_mysql:hover  {background-image:url(../../images/h_powered-mysql.gif);}
#v_xhtml {float:right;background-image:url(../../images/valid-xhtml10.gif);}
#v_xhtml:hover {background-image:url(../../images/h_valid-xhtml10.gif);}
#v_css {float:right;background-image:url(../../images/valid-css.gif);}
#v_css:hover{background-image:url(../../images/h_valid-css.gif);}




/* --------------------------------------------------------------------------- */
/* ERRU */
/* Estilo del recuadro de ERROR al que se puede llegar si le das a un enlace 
de novedad, sin tener sesión iniciada */
/* --------------------------------------------------------------------------- */

td.tableb span.erru {
text-align: left;
}

td.tableb span.erru ul {
text-align: left;
width: 488px;
margin: 0 auto;
margin-top: 9px;
}