/* -------------------------------------- */
/* establece custom propertys             */
:root /* para todo el sistema             */
{
    --porcentaje:-50%
}
/* -------------------------------------- */
html
{
    font:bold 13px verdana,sans-serif;
}
textarea:focus, input:focus, select:focus
{
    border-color:rgb(255,144,0);
    box-shadow:0 1px 1px rgba(229,103,23,0.075)inset,0 0 8px rgba(255,144,0,0.6);
    outline:0 none;
}
body
{
	width:99%;
	height:99%;
	margin:0.5%;
	text-align:center;
	background-repeat:repeat;
	background-size:250px;
}
article
{
	border:1px solid #999999;
	padding:0.50%;
	margin-bottom:0.50%;
}
.href
{
	color:white;
	cursor:pointer;
	cursor:hand;
}
.nohref
{
	color:white;
}
a:link
{
	color:black;
	text-decoration:none;
}
a:active
{
	color:black;
	text-decoration:none;
}
a:visited
{
	color:blue;
	text-decoration:none;
}
a:hover
{
	color:green;
	text-decoration:none;
}
p
{
	font-size:1.3em;
}
/****************************************************************************************************/
/********************************** PRESENTACION PAGINA *********************************************/
/****************************************************************************************************/
/****************** MENU PRINCIPAL PC/PORTÁTIL ********************/
.menuprincipal
{
    height:auto;
    width:10%;
    font-size:0.90em;
    display:none;
}
.menuprincipal #logo
{
	float:right;
	max-width:14%;
	max-height:10%;
	margin:0.5%;
	text-align:center;
	background:white;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;
}
#menuprincipal
{
	text-align:center;
	z-index:9;
	width:98%;
	display:inline-block;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;
	background:-webkit-radial-gradient(center,ellipse,#CCC,#555);
	color:orange;
	font:bold 0.8em verdana,sans-serif;
}
#menuprincipal li  /* prepara los botones*/
{
	display:inline-block;
	margin:2px auto;
	text-align:center;
	background:-webkit-radial-gradient(center top,circle,#CCC,#555);
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;
	list-style:none;
	padding:3px;
}
#menuprincipal li:hover /* resalta los botones al pasar el ratón*/
{
	-ms-transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	background:-webkit-radial-gradient(center,ellipse,#CFC,#0A0);
}
#menuprincipal li:hover >ul /* forma la caja de submenu al pasar el ratón*/
{
	display:block;
	position:absolute;
	top:70%;
	left:25%;
	width:100%;
	margin:5px auto;
	padding:5px;
	text-align:center;
	border:1px solid #999999;
	background:-webkit-radial-gradient(center top,circle,#CCC,#555);
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;
	list-style:none;
	font:bold auto verdana,sans-serif;
}
#menuprincipal ul ul /* saca la caja de submenu*/
{
    display:none;
	margin-top:0px;
	position:absolute;
	top:0%;
	left:0%;
	height:auto;
	width:100%;
	background-color:#dddddd;
}
.menuprincipal2
{
    width:90%;
    font-size:1em;
}
.cabecera
{
    /*display:inline-block;*/
    float:left;
    color:yellow;
    width:45%;
    text-align:center;
    font-size:1em;
    padding:0.5rem;
}
/****************** MENU PRINCIPAL MÓVIL **************************/
.menuprincipalmovil
{
    font-size:0.90em;
    display:none;
}
.menuprincipalmovil #logo
{
	float:left;
	max-width:20%;
	max-height:5%;
	margin:0.5%;
	text-align:center;
	background:white;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;
}
.cabeceramovil
{
    font-size:2em;
    color:yellow;
    width:auto;
    text-align:center;
    padding:5px;
}
#menuprincipalmovil
{
    text-align:center;
	z-index:9;
	width:98%;
	display:inline-block;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;
	background:-webkit-radial-gradient(center,ellipse,#CCC,#555);
	color:orange;
	font:bold 1.50em verdana,sans-serif;
}
/****************** SECCION PRINCIPAL ********************/
.seccionsincolumna
{
	display:inline-block;
	text-align:center;
	width:99%;
	height:99%;
}
.seccionconcolumna
{
	display:inline-block;
	text-align:center;
	width:99%;
	height:120%;
}
/****************** PIÉ DE PÁGINA *************************/
.pie
{
	clear:both;
	text-align:center;
	padding:0;
	border-top:1px solid #999999;
}
/********************************************************** COLUMNAS *************************************************************/
.columna #publicidad
{
	height:24%;
	width:same-as-height;
	padding:1%;
	background:-webkit-radial-gradient(center top,circle,#ADFF2F,#8B4513);
	background-position:center;
	background-size:80% auto;
	background-repeat:no-repeat;
}
.columna #publicidadbottom
{
	height:15%;
	width:same-as-height;
	padding:1%;
	background:-webkit-radial-gradient(center top,circle,#ADFF2F,#8B4513);
	background-position:center;
	background-size:80% auto;
	background-repeat:no-repeat;
}
#columnabottom
{
    width:20%;
	margin:0.5% 0%;
	padding:0%;
	background:-webkit-radial-gradient(center,#CCC,#555);
	text-align:center;
	float:left;
}
/* COLUMNA IZQUIERDA */
#columnaizquierda
{
    width:10%;
	margin:0.5% 0%;
	padding:0%;
	background:-webkit-radial-gradient(center,#CCC,#555);
	text-align:center;
	float:left;
}
#columnaizquierda #titulo
{
	margin:2% 2%;
	background:-webkit-radial-gradient(center top,circle,#ADFF2F,#8B4513);
}
#columnaizquierda article
{
	align:center;
	background:-webkit-radial-gradient(center top,circle,#CCFFEE,#00AA00);
}
#columnaizquierda #seleccionar
{
	font-size:0.9em;
	margin:2% 2%;
	align:center;
	background:-webkit-radial-gradient(center top,circle,#FFFFE0,#BDB76B);
}
/* COLUMNA BOTTOM */
#columnabottom
{
	float:left;
	width:20%;
	padding:0.5%;
	background:-webkit-radial-gradient(center,#CCC,#555);
	text-align:center;
}
/* COLUMNA DERECHA */
.columnaderecha
{
	float:right;
	width:20%;
	margin:0% 0%;
	padding:0%;
	background:-webkit-radial-gradient(center,#CCC,#555);
	text-align:center;
}
#columnaderecha
{
	display:inline-block;
	width:13%;
	padding:0.5%;
	background:-webkit-radial-gradient(center,#CCC,#555);
	text-align:center;
	/*font:bold 0.85em verdana, sans-serif;*/
}
#columnaderecha #titulo
{
	margin:2% 2%;
	height:auto;
	width:90%;
	text-align:center;
	background:-webkit-radial-gradient(center top,circle,#ADFF2F,#8B4513);
	font-size:0.85em;
}
#columnaderecha article
{
	text-align:left;
	background:-webkit-radial-gradient(center top,circle,#CCFFEE,#00AA00);
}
#columnaderecha .listaprincipal
{
    text-align:left;
}
#columnaderecha .seleccionarpagina
{
    border:0;
    background:transparent;
    background:-webkit-radial-gradient(center,#CCC,#555);
	text-align:center;
	font-size:0.75em;
}
#columnaderecha .seleccionar
{
    background:-webkit-radial-gradient(center,#EEE8AA,#BDB76B);
	text-align:center;
	font-size:0.85em;
	color:blue;
}
#columnaderecha .seleccion
{
    background:-webkit-radial-gradient(center,#BDB76B,#EEE8AA);
    width:98%;
	text-align:center;
	font-size:0.85em;
}
.pagina
{
    width:25px;
    background:transparent;
    border:0;
    text-align:center;
    color:blue;
}
#columnaderecha a
{
    font-size:0.85em;
}
/* COLUMNA DERECHA MOVIL */
.columnaderechamovil
{
	float:right;
	width:20%;
	margin:0% 0%;
	padding:0%;
	background:-webkit-radial-gradient(center,#CCC,#555);
	text-align:center;
}
#columnaderechamovil
{
	display:inline-block;
	width:auto;
	height:auto;
	padding:0.5%;
	background:-webkit-radial-gradient(center,#CCC,#555);
	text-align:center;
}
#columnaderechamovil #titulo
{
	margin:2% 2%;
	height:auto;
	width:90%;
	text-align:center;
	background:-webkit-radial-gradient(center top,circle,#ADFF2F,#8B4513);
	font-size:0.85em;
}
#columnaderechamovil article
{
	text-align:center;
	background:-webkit-radial-gradient(center top,circle,#CCFFEE,#00AA00);
}
#columnaderechamovil .seleccionarpaginamovil
{
    border:0;
    background:transparent;
    background:-webkit-radial-gradient(center,#CCC,#555);
	text-align:center;
	font-size:0.75em;
}
#columnaderechamovil .seleccionar
{
    background:-webkit-radial-gradient(center,#EEE8AA,#BDB76B);
	text-align:center;
	font-size:0.80em;
	color:blue;
}
#columnaderechamovil .seleccion
{
    background:-webkit-radial-gradient(center,#BDB76B,#EEE8AA);
    width:98%;
	text-align:center;
	font-size:0.80em;
}
.paginamovil
{
    width:25%;
    background:transparent;
    text-align:center;
    color:blue;
    font-size:1.2em;
}
#columnaderechamovil a
{
    font-size:0.85em;
}
#luminosamovil
{
    -moz-border-radius:15px;
	-webkit-border-radius:15px;
	-o-border-radius:15px;
	border-radius:15px;
	background:-webkit-radial-gradient(center,ellipse,#CCC,#555);
}
/************************************************************************** SECCION ******************************************************/
.principal
{
	margin:0.5% 0%;
	padding:0;
	text-align:center;
	display:inline-block;
}
/******************************************************************* FORMULARIOS **********************************************************/
.cajatextareaformulario
{
	background:white;
    border:1px #808000;
    border-left:2px solid #808000;
	border-bottom:2px solid #808000;
	border-radius:10%;
	resize:none;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button 
{ 
    -webkit-appearance: none;
    margin: 0;
}
input[type=number]
{
    -moz-appearance:textfield;
}
.etiquetaformulario
{
	background:lavender;
    border:1px #808000;
    border-bottom:1px solid #808000;
	height:auto;
	margin-top:3px;
	font-weight:bold;
	font-size:1.1em;
}
.cajatextoformulario
{
	background:white;
    border:0.5px #808000;
    border-bottom:1.5px solid #808000;
	height:auto;
	margin-top:3px;
	font-size:1.2em;
}
.cajatextoformulario:disabled
{
	background:LemonChiffon;
	border:1px #808000;
    border-bottom:1.5px solid #808000;
	height:auto;
	margin-top:3px;
	font:bold;
	font-size:1.2em;
}
.cajaselectformulario
{
    background:"#D5D8DC";
    border:1px #808000;
    border-bottom:1.5px solid #808000;
	height:auto;
	margin-top:3px;
	font-size:1.1em;
}
.cajaselect
{
	background:-webkit-radial-gradient(center top,circle,#FFFFE0,#BDB76B 600px);
	background-color:#e8e39d;
    border:1px #808000;
    border-left:2px solid #808000;
	border-bottom:2px solid #808000;
	border-radius:10%;
	height:1.5em;
	padding:1%;
}
.cajatextomasmenos
{
    width:12%;
	text-align:center;
	background:white;
	border:1px #808000;
    border-left:2px solid #808000;
	border-bottom:2px solid #808000;
	border-radius:10%;
	font-size:1em;
}
.cajatexto
{
    width:15%;
    height:auto;
    text-align:center;
	background:-webkit-radial-gradient(center top,circle,#FFFFE0,#BDB76B 40px);
	border:1px #808000;
    border-left:2px solid #808000;
	border-bottom:2px solid #808000;
	border-radius:10%;
	font:bold;
	font-size:2.5em;
}
.cajatextomovil
{
    width:25%;
    height:auto;
    text-align:center;
	background:-webkit-radial-gradient(center top,circle,#FFFFE0,#BDB76B 40px);
	border:1px #808000;
    border-left:2px solid #808000;
	border-bottom:2px solid #808000;
	border-radius:10%;
	font:bold;
	font-size:7.5em;
}
/************************************************************** BARRA DE PROGRESO *******************************************************/
progress[value]
{
	width:250px;
    height:15px;
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
}
progress[value]::-webkit-progress-bar
{
  background-color:LightGray;
  border-radius:2%;
  box-shadow:0 2px 5px rgba(0,0,0,0.25) inset;
}
progress[value]::-webkit-progress-value
{
  background-color:DarkGoldenrod;
  border-radius:2%;
  box-shadow:0 2px 5px rgba(0,0,0,0.25) inset;
}
/***************************************** ARTICLES ANIMADOS MENU PRINCIPAL ***********************************************************/
@keyframes articlemenu
{
    0% 
    {
        background-color:white;
        color:red;
    }
    50% 
    {
        background-color:red;
        color:white;
    }
}
.articlemenu
{
    display:inline-block;
    visibility:hidden;
    position:relative;
    top:0px;
    left:15px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
	border-radius:50%;
	border:0;
	background:yellow;
	font:1.25em verdana,sans-serif;
	animation-name:articlemenu;
    animation-duration:7s;
    animation-iteration-count:infinite;
}
/******************************************************************** SLIDER ***********************************************************/
.slider
{
    background:transparent;
    border:0;
    float:right;
    padding:0.5rem;
    overflow:hidden;
    height:20px;
}
.listaslider
{
    font-size:0.85em;
    text-align:left;
    white-space:nowrap;
    animation:linear infinite;
    animation-duration:50s;
    animation-name:slider;
    animation-direction:reverse;
}
@keyframes slider
{
    0%
    {
        transform:translatex(var(--porcentaje))
    }
    100%
    {
        transform:translatex(100%)
    }
}
/******************************************************************** BOTONES **********************************************************/
.botoncolumna
{
    width:90%;
	-moz-border-radius: 15%;
    -webkit-border-radius: 15%;
    -o-border-radius: 15%;
	border-radius:15%;
	border:0;
	background:transparent;
	color:blue;
	font:1em verdana,sans-serif;
}
.botoncolumnamedio
{
    width:25%;
	-moz-border-radius: 15%;
    -webkit-border-radius: 15%;
    -o-border-radius: 15%;
	border-radius:15%;
	border:0;
	background:#eeeeee;
	color:blue;
	font:1.5em verdana,sans-serif;
}
.botoncolumnamedio:hover
{
    border:3;
    background:#B5B2B2;
    border-color: #04AA6D;
}
.botoncolumna2
{
	-moz-border-radius: 15%;
    -webkit-border-radius: 15%;
    -o-border-radius: 15%;
	border-radius:15%;
	border:0;
	background:transparent;
	color:blue;
	font:1em verdana,sans-serif;
}
.botoncolumna2:hover
{
    border:3;
    background:#B5B2B2;
    border-color: #04AA6D;
}
.botonformulario
{
    width:auto;
    min-width:20%;
	-moz-border-radius: 15%;
    -webkit-border-radius: 15%;
    -o-border-radius: 15%;
	border-radius:15%;
	padding:auto;
	font-size:1.2em;
}
.botonformulario:hover
{
    border-color: #04AA6D;
}
.botonformulario2
{
	-moz-border-radius: 15%;
    -webkit-border-radius: 15%;
    -o-border-radius: 15%;
	border-radius:15%;
	padding:auto;
	font-size:1.2em;
}
.botonformulario2:hover
{
    border-color: #04AA6D;
}

.imagenes:hover
{
    cursor:zoom-in;
}
.iconoopcion
{
    width:10%;
    border-color:transparent;
	-moz-border-radius:25%;
    -webkit-border-radius:25%;
    -o-border-radius:25%;
	border-radius:25%;
    border: 3px solid transparent;
    display:none;
}
.iconoopcion:hover
{
    cursor:pointer;
    cursor:hand;
	border-color:green;
}
.iconoopcion:not(:hover)
{
	border-color:transparent;
}
.iconoopcionmovil
{
    width:15%;
    border-color:transparent;
	-moz-border-radius:25%;
    -webkit-border-radius:25%;
    -o-border-radius:25%;
	border-radius:25%;
    border: 3px solid transparent;
    display:none;
}
.iconoopcionmovil:hover
{
	border-color:green;
}
.iconoopcionmovil:not(:hover)
{
	border-color:transparent;
}
.iconoficha
{
    width:4%;
    border-color:transparent;
	-moz-border-radius:15%;
    -webkit-border-radius:15%;
    -o-border-radius:15%;
	border-radius:15%;
    border: 3px solid transparent;
}
.iconoficha:hover
{
	border-color:green;
}
.iconoficha:not(:hover)
{
	border-color:transparent;
}
.botonabrir
{
	width:auto;
	height:auto;
	border-radius:50%;
	background-size:100%;
	background-color:transparent;
	border:0px;
	float:left;
	font-size:0.85em;
}
.botonsubasta
{
	width:14%;
	height:same-as-width;
	border-radius:50%;
	padding:auto;
	background:url(iconosubasta.png?v=4) no-repeat top;
	background-size:100%;
}
.botoncarrito 
{
	width:14%;
	height:same-as-width;
	border-radius:50%;
	text-indent:-9000px;
	padding:auto;
	background:url(iconocarrito.png?v=4) no-repeat top;
	background-size:100%;
}
.botoncontactar
{
	width:14%;
	height:same-as-width;
	border-radius:50%;
	padding:auto;
	background:url(iconoconsulta.png?v=4) no-repeat top;
	background-size:100%;
}
.botonmeinteresa 
{
	width:14%;
	height:same-as-width;
	border-radius:50%;
	text-indent:-9000px;
	padding:auto;
	background:url(iconoaceptar.png?v=5) no-repeat top;
	background-size:100%;
}
.botonseguimiento
{
	width:14%;
	height:same-as-width;
	border-radius:50%;
	text-indent:-9000px;
	padding:auto;
	background:url(iconoseguimiento.png?v=4) no-repeat top;
	background-size:100%;
}
.botonmasmenos
{
	width:auto;
	text-align:center;
	-moz-border-radius: 20%;
    -webkit-border-radius: 20%;
    -o-border-radius: 20%;
    border-radius: 20%;
	font-size:0.9em;
	border:1;
}
.botonmasmenos:hover
{
    border-color: #04AA6D;
}
.botonmasmenosmovil
{
	width:auto;
	text-align:center;
	-moz-border-radius: 20%;
    -webkit-border-radius: 20%;
    -o-border-radius: 20%;
    border-radius: 20%;
	font-size:1.25em;
	border:1;
}
.botonmasmenosmovil:hover
{
    border-color: #04AA6D;
}
.botonadelante 
{
	width:30px;
	height:30px;
	border-radius:50%;
	padding:auto;
	background:url(iconoadelante.png?v=1) no-repeat top;
	background-size:100%;
}
.botonatras 
{
	width:30px;
	height:30px;
	border-radius:50%;
	padding:auto;
	background:url(iconoatras.png?v=1) no-repeat top;
	background-size:100%;
}
.botonamboslados 
{
	width:30px;
	height:30px;
	border-radius:50%;
	padding:auto;
	background:url(iconoamboslados.png?v=1) no-repeat top;
	background-size:100%;
}
.botoncoleccion
{
	width:14%;
	padding:auto;
	background:url(iconooksi.png?v=3) no-repeat top;
	background-size:100%;
}
/******************************************************************** GENERALES ********************************************************/
.etiqueta
{
    height:auto;
    font:bold 0.65em verdana,sans-serif;
    float:left;
    /*padding:1%;*/
    border:1px solid #999999;
}
#titular
{
	font:bold 1em verdana,sans-serif;
	text-align:center;
	background:-webkit-radial-gradient(center top,circle,#ADFF2F,#8B4513 600px);
	height:auto;
	width:auto;
}
#titularmovil
{
	font:bold 2.50em verdana,sans-serif;
	text-align:center;
	background:-webkit-radial-gradient(center top,circle,#ADFF2F,#8B4513 600px);
	height:auto;
	width:98%;
	display:inline-block;
}
#cuerpo
{
    text-align:center;
    font:bold 0.75em verdana,sans-serif;
	background:white;
	/*background:-webkit-radial-gradient(center top,circle,#FFFFE0,#BDB76B 890px);*/
}
.articulo
{
    width:18%;
    height:auto;
    font:bold 0.4em verdana,sans-serif;
    text-align:center;
    background:white;
	/*background:-webkit-radial-gradient(center top,circle,#FFFFE0,#BDB76B 600px);*/
	overflow:hidden;
	display:none;
}
.articulomovil
{
    width:48%;
    height:auto;
    font:bold 0.4em verdana,sans-serif;
    text-align:center;
	background:-webkit-radial-gradient(center top,circle,#FFFFE0,#BDB76B 600px);
	overflow:hidden;
	display:none;
}
.cine
{
    width:23%;
    height:65%;
    font:bold 0.6em verdana,sans-serif;
    text-align:center;
	background:-webkit-radial-gradient(center top,circle,#FFFFE0,#BDB76B 600px);
	overflow:hidden;
	display:none;
	position:relative;
}
.descripcion
{
    position:absolute;
    bottom:1px;
    left:1px;
    right:1px;
    text-align:center;
}
#mensaje
{
    width:41%;
    display:inline-block;
    font:bold 0.9em verdana, sans-serif;
}
/* --------------------------- LISTA DESPLEGABLE DE CHECKBOX PARA MULTISELECCION ---------------------------------------------------------------------------*/
.listaverificaciondesplegable 
{
    display:inline-block;
    text-align:left;
}
.listaverificaciondesplegable .titulo
{
    position:relative;
    cursor:pointer;
    display:inline-block;
    padding: 5% 15% 5% 5%;
/*    border:1px solid #ccc; */
    border:1px solid black;
    text-align:center;
    background:lightgreen;
}
.listaverificaciondesplegable .titulo:after
{
    /* modifica checklist para simular V */
    position:absolute;
    content:"";
    border-left:2px solid black;
    border-top:2px solid black;
    padding:5px;
    right:10px;
    top:20%;
    -moz-transform:rotate(-135deg);
    -ms-transform:rotate(-135deg);
    -o-transform:rotate(-135deg);
    -webkit-transform:rotate(-135deg);
    transform:rotate(-135deg);
}
.listaverificaciondesplegable .titulo:active:after
{
    /* modificar valores para simular movimiento */
    right:10px;
    top:20%;
}
.listaverificaciondesplegable.visible .titulo
{    
    color:blue;
}
.listaverificaciondesplegable.visible .items
{
    display:block;
}
.listaverificaciondesplegable ul.items
{
    /* contenedor */
    padding:0 0 0 20%;
    max-height:100px;
    overflow:auto;
    display:block;
    margin:0;
    border:1px solid #ccc;
    border-top:none;
}
.listaverificaciondesplegable ul.items li
{
    /* oculta los puntos de línea */
    list-style:none;
}
/* VENTANA MODAL */
.marco
{
	display:none;
    position:absolute;
    top:0%;
    left:0%;
    width:100%;
    height:100%;
    background:#111;
    z-index:1001;
    opacity:.75;
    -moz-opacity:0.75;
    filter:alpha(opacity=75);
}
.ventananueva
{
	display:none;
	position:absolute;
	top:auto;
	left:auto;
	right:auto;
	bottom:auto;
    width:auto;
    height:90%;
    background:#333;
    z-index:1002;
    overflow:hidden;
}
.ventana2
{
	display:none;
	position:absolute;
	top:auto;
	left:auto;
	right:auto;
	bottom:auto;
	padding:10px;
 	background:#fff;
 	color:#333;
 	z-index:1002;
 	overflow:auto;
}
/* CORTINA */
.telon
{
	display:none;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#111;
	border-radius:0%;
    z-index:1001;
    opacity:.75;
    -moz-opacity:0.75;
    filter:alpha(opacity=75);
}
.porcentaje
{
	display:none;
	position:absolute;
	top:0;
    left:0;
	right:100%;
	bottom:100%;
    background:transparent;
	border-radius:0%;
    color:blue;
    z-index:1002;
    overflow:none;
}
.imgfondo
{
	padding:5%;
	border-radius:10%;
    z-index:1002;
}
.centrartexto
{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:50%;
	height:40%;
	margin:auto;
}
/**************************************************************** TABLAS *********************************************************/
#tablamensajes a:active{ color: blue; text-decoration: none}
#tablamensajes a:link{ color: blue; text-decoration: none}
#tablamensajes a:hover{ color: red; text-decoration: none}
#tablamensajes a:visited{ color: green; text-decoration: none}
#tablausuarios a:active{ color: blue; text-decoration: none}
#tablausuarios a:link{ color: blue; text-decoration: none}
#tablausuarios a:hover{ color: red; text-decoration: none}
#tablausuarios a:visited{ color: green; text-decoration: none}
#tablacambios a:active{ color: blue; text-decoration: none}
#tablacambios a:link{ color: blue; text-decoration: none}
#tablacambios a:hover{ color: red; text-decoration: none}
#tablacambios a:visited{ color: black; text-decoration: none}
#tablacolecciones a:active{ color: blue; text-decoration: none}
#tablacolecciones a:link{ color: blue; text-decoration: none}
#tablacolecciones a:hover{ color: red; text-decoration: none}
#tablacolecciones a:visited{ color: black; text-decoration: none}
.outer
{
/*    background:lightgreen;*/
	position:relative;
	padding:0.1% 0 0.1% 0;
	width:98%;
	height:98%;
	margin:0.1% auto 0.1% auto;
}
.outer th 
{
	text-align:center;
	background:#cccc99; 
	color:black;
}
.outer td  
{
	width:3.57%; 
	text-align:center;
}
.outer #tablausuarios
{
    table-layout:fixed;
    border-collapse:collapse;
}
.outer #tablausuarios caption 
{
	position:absolute;
	width:100%;
	height:5%;
	text-align:center;
	top:0;
	left:0;
	background:#999999;
	border:1% solid #fff;
	color:#fff;
}
.outer #tablausuarios thead 
{
    font-size:0.9em;
    top:1%;
	position:absolute;
	width:98%;
	left:0;
}
.outer #tablausuarios tbody 
{
	overflow:auto;
	width:99%;
	height:70%;
	position:absolute;
	top:22%;
	border:1px solid #ddd;
}
.outer #tablausuarios tfoot
{
	position:absolute;
	top:94%;
	width:97%;
	text-align:center;
	background:#ddd99; 
	border:1px solid #fff;
	align:center;
}
.outer #tablastock thead 
{
	position:absolute;
	table-layout:fixed;
	width:98%;
}
.outer #tablastock tbody 
{
	overflow-y:auto;
	height:95%;
	position:absolute;
	top:5%;
	border:1px solid #ddd;
}
.outer #tablacambios caption 
{
	position:absolute;
	width:100%;
	height:5%;
	text-align:center;
	top:0;
	left:0;
	background:#999999;
	border:1% solid #fff;
	color:#fff;
}
.outer #tablacambios thead
{
	position:absolute;
	top:6%;
	width:100%;
	left:0;
}
.outer #tablacambios tbody 
{
	overflow:auto;
	width:99%;
	height:75%;
	position:absolute;
	top:26%;
	border:1px solid #ddd;
}
.outer #tablacambios tfoot
{
	position:absolute;
	top:94%;
	width:97%;
	text-align:center;
	background:#ddd99; 
	border:1px solid #fff;
	align:center;
}
.outer #tablacolecciones caption
{
	font-size:0.5em;
	position:absolute;
	width:30em;
	text-align:center;
	top:0;
	left:0;
	height:1.5em;
	background:#999999;
	border:0.1em solid #fff;
	color:#fff;
}
.outer #tablacolecciones thead 
{
	font-size:0.5em;
	position:absolute;
	top:1.5em;
	height:1.5em;
	left:0;
}
.outer #tablacolecciones tbody 
{
	font-size:0.5em;
	overflow:auto;
	width:30em;
	height:16.5em;
	position:absolute;
	top:4.5em;
	border:1px solid #ddd;
}
.outer #tablamensajes caption 
{
    position:absolute;
    width:98%;
    text-align:center;
    
    
    background:#999999;
    border:0.1em solid #fff;
    color:#fff;
}
.outer #tablamensajes thead {
position:absolute;
top:1.5em;
height:1.5em;
left:0;
}
.outer #tablamensajes tbody {
overflow:auto;
width:36.5em;
height:17.2em;
position:absolute;
top:5.5em;
border:1px solid #ddd;
}
.outer #tablamensajes tfoot td {
position:absolute;
width:36.6em;
top:18em;
text-align:center;
background:#cccc99; 
border:0.1em solid #fff;
color:#fff;
bottom:0;
left:0
}
/*************************************************************************** MAPAS ****************************************************************/
.mapa
{
    width:98%;
    display:inline-block;
    font-size:1em;
    border:1px;
}
/*************************************************** CORRECION SEGÚN RESOLUCCION DE PANTALLA DEL USUARIO **************************************************************
    IMPORTANTE : éste código debe estar siempre al final de la página de estilos
    adaptación según resolucción de pantalla seleccionada
    ancho, fuentes 
***********************************************************************************************************************************************************************/
@media(max-width:3000px)
{
/*	html {font:bold 14px verdana,sans-serif;}*/
/*	#menuprincipal li {width:120px;}*/
/*	#seccion {width:85%;}*/
/*	#seccion #ficha {width:18%;height:auto;font-size:0.8em}*/
/*	#seccion #ficha p {font-size:1em;}*/
/*	#columnaderecha {width:13%;}*/
/*	#columnaderecha .seleccionar {font-size:0.90em;}*/
	.cajaselect {width:35%;font-size:1em;}
/*	.cajatextomasmenos {width:20%;}*/
}
@media(max-width:1024px)
{
/*	html {font:bold 12px verdana,sans-serif;}*/
/*	#menuprincipal li {width:110px;}*/
/*	#seccion {width:83%;}*/
/*	#seccion #ficha {width:23%;height:48%;font-size:0.9em;}*/
/*	#seccion #ficha p {font-size:1em;}*/
/*	#columnaderecha {width:15%;}*/
/*	#columnaderecha .seleccionar {font-size:0.90em;}*/
	.cajaselect {width:35%;font-size:1em;}
/*	.cajatextomasmenos {width:20%;}*/
}
@media(max-width:800px) 
{
/*	html {font:bold 11px verdana,sans-serif;}*/
/*	#menuprincipal li {width:100px;}*/
/*	#seccion {width:83%;}*/
/*	#seccion #ficha {width:31%;height:65%;font-size:0.9em;}*/
/*	#seccion #ficha p {font-size:1em;}*/
/*	#columnaderecha {width:15%;}*/
/*	#columnaderecha .seleccionar {font-size:0.80em;}*/
	.cajaselect {width:37%;font-size:1.2em;}
/*	.cajatextomasmenos {width:20%;}*/
}