<? header("Content-type:text/css");
include "config_adm.php";
$COL_Body="#5E6950";
$COL_Tittle="#232C17";
$COL_SubTittle="#2D3325";
$COL_Base2="#869574";
$COL_Base="#EEE";
$COL_Bar="#B1C09E";
?>

/* ============================ ELEMENTOS GENERALES ====================================== */

html{
    height:100%;
    }

body
    {
	margin-top:0px;
	padding-top: 2px;
    font:normal 8pt Arial;
    text-align:center;
    background:<?echo $COL_Body;?>;/* color de fondo de la ventana */
    }

p, fieldset    {margin:0px;padding:0px;}
form {display:inline;}
div  {scrollbar-base-color:<?echo $COL_Form_Sel;?>;}


/* ------------------- Definición de listas ---------------------- */
ul.barra_menu
    {
	display:inline;
	list-style:none;
	margin:0px;
	padding:0px;
    NOwidth:<?echo $CAR_Mini_Icono*$CAR_Mini_Tam;?>px;
    }

ul.barra_menu li
    {
	display:block;
	float:left;
	text-align:center;
    }

li img.seleccion
    {
     border:3px solid yellow;
    }
li img
    {
     border:3px solid transparent;
    }

/* ============================ DEFINICIÓN TIPOGRAFÍA =================================== */

.right            {text-align:right;}
.left             {text-align:left;}
.top              {vertical-align:top;}
.bottom           {vertical-align:bottom;}
.center           {text-align:center;}
.middle           {vertical-align:middle;}
.ajusta_texto     {word-wrap:break-word;}

.simbolo          {font:normal 40pt Arial; vertical-align:middle;}
.big              {font:normal 14pt Arial;}
.medium           {font:normal 10pt Arial;}
.small            {font:normal 8pt Arial;}
.micro            {font:normal 7pt Arial;}

.en_linea         {display:inline;}
.trans            {filter:alpha(opacity=95); opacity:0.95; -moz-opacity:0.95;}
.area_transparente{background:transparent;border:0px;}
.lectura          {background:#f0f0f0;}
.sololectura      {background:#f0f0f0; color:#808080;}
.invisible        {display:none; NOvisibility:hidden;}
.tachado          {text-decoration:line-through;}
.inactivo         {color:gray;}
.incorrecto       {color:red;}
.correcto         {color:green;}
.icono            {vertical-align:bottom; cursor:pointer;}
.link             {text-decoration:underline;}
.resaltar         {background:yellow;}
.seleccionar      {color:<?echo $COL_Form;?>;}

.sombreado        {position: absolute;
                   display:none;
	               background:#ffffff;
                   filter:alpha(opacity=75);
                   opacity:0.75;
                   -moz-opacity:0.75;
	              }

/* ----------- Formato de menús ---------------------------------- */
.menu                                              /* menú general */
    {
    float:left;
    margin:0px;
    padding:5px;
    font:bold 12pt Arial;
    }
div.menu      {border-right:2px dotted gray;}
.menu a       {border-bottom:3px solid transparent;}
.menu a:hover {border-bottom:3px solid <?echo $LOGO_Color;?>;}
.menu img     {vertical-align:bottom;}
.unlink       {text-decoration:none;color:#f0f0f0;cursor:default;}

.submenu                                           /* menú general */
    {
    margin:0px;
    font: normal 8pt Arial;
    }
.submenu a       {text-decoration:underline;}
.submenu img     {vertical-align:bottom;}


/* ============================ CONTENEDORES ============================================= */

#global
    {                                     /* centrado de la página */
    width:80%;
    height:90%;
    padding:2%;
    margin:0 auto;
    background:url('/comun/special/fondo2.jpg');
    border:5px solid #eee;
    }

#cabecera
    {
   	}

#principal
    {
    background: transparent;
    }

#pie
    {
    clear:both;
  	margin-top:10px;
    text-align:center;
    color:<?echo $LOGO_Color;?>;
	z-index:-1;
	}

/* -------------- Dentro del contenedor PRINCIPAL ------------------- */
h1{
   font-family: georgia, "times new roman", times, serif;
   font-weight: lighter;
   color:<?echo $COL_Tittle;?>;
   NObackground:#eee;
   background:<?echo $COL_Base;?>;
   float:left;
   width:50%;
   height:30px;
   padding-top:5px;
   border-radius:20px;
   border-top-left:1px solid #ccc;
   border-bottom-left:1px solid #ccc;
   -moz-border-radius: 20px 20px 20px 20px;
   -webkit-border-radius: 20px 20px 20px 20px;
  }
h2{
   font-family: georgia, "times new roman", times, serif;
   font-weight: bold;
   color:<?echo $COL_SubTittle;?>;
   background:<?echo $COL_Base;?>;
   float:left;
   width:50%;
   height:30px;
   padding-top:5px;
   margin-left:-25px;
   border-radius:20px;
   border-top-right:1px solid #ccc;
   border-bottom-right:1px solid #ccc;
   -moz-border-radius: 0px 20px 20px 0px;
   -webkit-border-radius: 0px 20px 20px 0px;
  }


#menu_general div
    {
    margin:2px;
    margin-top:5px;
    border:5px solid white;
    }

.contenedor_mini
    {
    margin:0 auto;
    width:100%;
    max-width:560px;
    height:56px;
    overflow:hidden;
    }
    
.listado_coleccion
    {
    float:left;
    width:80%;
    max-width:448px;
    height:56px;
    overflow:hidden;
    margin:0 auto;
    }

.contenedor_carrusel
    {
    position:relative;
    clear:both;
    margin:0 auto;
    width:95%;
    }
    
#marco_imagen
    {
    border:5px solid black;
    width:95%;
    padding:0px;
    }

#info_imagen
    {
     position:absolute;
     bottom:5px;
     left:5px;
     padding:15px 0px 15px 0px;
     width:95%;
     font:10pt bold Arial;
     overflow:hidden;
     filter:alpha(opacity=70); opacity:0.70; -moz-opacity:0.70;
     background:grey;
     color:white;
    }
    
.bot_derecha, .bot_izquierda
    {
     position:absolute;
     top:45%;
     cursor:pointer;
    }
.bot_izquierda {left:2%;}
.bot_derecha {right:5%;}

.desplaza
    {
     float:left;
     border:4px solid transparent;
    }

/* -------------- Dentro del contenedor TABLON ---------------- */

#etiqueta                                   /* etiqueta decorativa */
    {
    position:fixed;
    top:350px;
    right:0px;
    padding:10px 0px 10px 0px;
    border:1px solid #000000;
    border-right:0px;
    font:bold 8pt Arial;
    text-align:center;
    background:#ffffff;
    color:#000000;
    cursor:default;
    z-index:1;
    }

#et_shadow                           /* sombra etiqueta decorativa */
    {
    position:fixed;
    top:345px;
    right:0px;
    width:40px;
    height:65px;
    background:#ffffff;
    filter:alpha(opacity=30);
    opacity:0.3;
    -moz-opacity:0.3;
    z-index:0;
    }


/* -------------- Ventanas de espera de carga ---------------------*/
#precarga                  /* ventana de espera de carga de página */
    {
    position:absolute;
    display:none;
    border:1px <?echo $LOGO_Color?> dotted;
    top:45%;
    left:0px;
    width:95%;
    height:70px;
    margin-left:10px;
    padding:20px;
    font:14pt normal Arial;
    text-align:center;
    vertical-align:middle;
	background:#ffffff;
	color:<?echo $LOGO_Color?>;
    z-index:10;
    }

.estado_carga
    {
    position:absolute;
    padding-left:20px;
    text-align:center;
    vertical-align:middle;
    background:url('<?echo W_RECARGA;?>') no-repeat;
    z-index:10;
    }

/* ------- formatos fotos --------------- */

.apaisado
    {
    display:inline-block;
    width:467px;
    height:160px;
    text-align:center;
    vertical-align:middle;
    cursor:pointer;
    }

.mini
    {
    width:50px;
    height:50px;
    border:3px solid transparent;
    cursor:pointer;
    }
    
.maxi
    {
     margin-bottom:-3px;
     width:100%;
     NOmax-width:640px;
    }
    
    
/* --- Notificaciones y errores --- */

.emergente, .emergente_fija
{
  position:relative;
  width:98%;
  paddding:1%;
  margin:1%;
  text-align:center;
  vertical-align:middle;
  font:bold 18px Arial;
  background:<?echo $COL_Bar;?>;
  color:black;
}

.favoritos
{
  position:absolute;
  top:175px;
  left:630px;
}