@charset "utf-8";

body{
	background:#7da9d8;
	background-image:url(../graficos/fondo.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-attachment:fixed;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#fff;
	overflow:hidden;
	
	min-height:300px;
	margin:0;
	/*overflow:scroll;*/
	overflow:auto;
}

img{
	border:0;
}

form {
	float:left; 
	clear:both;
}

/* --- botones menu inicio --- */

.btn_general_screen{
	z-index: 9000;
	position:absolute;
	background: url(../graficos/btn_general_fullscreen.png);
	background-repeat:no-repeat;
	background-position:top;
	
	width:30px;
	height:30px;
	
	right: 10px;
	top: 8px;
	opacity: .8;
}

.btn_general_screen:hover{
	background-position:bottom;
}

.apartados-cabecera {
	float:left;
	width:90%;
	margin-top:30px;
	margin-left:20px;
	border-bottom:1px solid #222;
}
.apartados-cabecera span {
	float:left;
	font-size:1.5em;
}
.apartados-cabecera a {
	float:right;
	text-decoration:none;
	font-size:0.9em;
	font-weight:bold;
	color:black;
}
.apartados-cabecera a:hover {
	text-decoration:underline;
}

.apartados-contenedor {
	float:left;
	width:calc(100% - 20px);
	margin-top:20px;
	margin-left:20px;
	margin-bottom:10px;
}


/* Botones de Categorias *************************************************************************************************************/

.categoria-contenedor {
	width:900px;
	height:950px;
	margin:auto;
	padding-top:40px;
}

.categoria-cobros-pagos{
	float: left;
	background: url(../graficos/btn_general_cobros.png);
	background-repeat:no-repeat;
	background-position:top;
	cursor:pointer;
	margin:20px;
	
	width:256px;
	height:256px;

	filter: alpha(opacity=0);
	opacity:0;
}

.categoria-cobros-pagos-mini{
	position:absolute;
	background: url(../graficos/btn_general_cobros_mini.png);
	background-repeat:no-repeat;
	background-position:top;
	top:4px;
	left: 200px;
	
	width:35px;
	height:35px;

	filter: alpha(opacity=0);
	opacity:0;
}

.categoria-gestion-contactos{
	float: left;
	background: url(../graficos/btn_general_contactos.png);
	background-repeat:no-repeat;
	background-position:top;
	cursor:pointer;
	margin:20px;
	
	width:256px;
	height:256px;

	filter: alpha(opacity=0);
	opacity:0;
}
.categoria-gestion-contactos-mini{
	position:absolute;
	background: url(../graficos/btn_general_contactos_mini.png);
	background-repeat:no-repeat;
	background-position:top;
	top:4px;
	left: 200px;
	
	width:35px;
	height:35px;

	filter: alpha(opacity=0);
	opacity:0;
}

.categoria-gestion-productos{
	float: left;
	background: url(../graficos/btn_general_productos.png);
	background-repeat:no-repeat;
	background-position:top;
	cursor:pointer;
	margin:20px;
	
	width:256px;
	height:256px;

	filter: alpha(opacity=0);
	opacity:0;
}

.categoria-ajustes{
	float: left;
	background: url(../graficos/btn_general_ajustes.png);
	background-repeat:no-repeat;
	background-position:top;
	cursor:pointer;
	margin:20px;
	
	width:256px;
	height:256px;

	filter: alpha(opacity=0);
	opacity:0;
}

.categoria-ajustes-mini{
	position:absolute;
	background: url(../graficos/btn_general_ajustes_mini.png);
	background-repeat:no-repeat;
	background-position:top;
	top:4px;
	left: 200px;
	
	width:35px;
	height:35px;

	filter: alpha(opacity=0);
	opacity:0;
}

.categoria-bc{
	float: left;
	background: url(../graficos/btn_general_bc.png);
	background-repeat:no-repeat;
	background-position:top;
	cursor:pointer;
	margin:20px;
	
	width:256px;
	height:256px;

	filter: alpha(opacity=0);
	opacity:0;
}

.categoria-bc-mini{
	position:absolute;
	background: url(../graficos/btn_general_bc_mini.png);
	background-repeat:no-repeat;
	background-position:top;
	top:4px;
	left: 200px;
	
	width:35px;
	height:35px;

	filter: alpha(opacity=0);
	opacity:0;
}

.categoria-gestion-cursos{
	float: left;
	background: url(../graficos/btn_general_cursos.png);
	background-repeat:no-repeat;
	background-position:top;
	cursor:pointer;
	margin:20px;
	
	width:256px;
	height:256px;

	filter: alpha(opacity=0);
	opacity:0;
}

.categoria-gestion-cursos-mini{
	position:absolute;
	background: url(../graficos/btn_general_cursos_mini.png);
	background-repeat:no-repeat;
	background-position:top;
	top:4px;
	left: 200px;
	
	width:35px;
	height:35px;

	filter: alpha(opacity=0);
	opacity:0;
}

.categoria-gestion-online{
	float: left;
	background: url(../graficos/btn_general_online.png);
	background-repeat:no-repeat;
	background-position:top;
	cursor:pointer;
	margin:20px;
	
	width:256px;
	height:256px;

	filter: alpha(opacity=0);
	opacity:0;
}

.categoria-gestion-online-mini{
	position:absolute;
	background: url(../graficos/btn_general_online_mini.png);
	background-repeat:no-repeat;
	background-position:top;
	top:4px;
	left: 200px;
	
	width:35px;
	height:35px;

	filter: alpha(opacity=0);
	opacity:0;
}

.categoria-cobros-pagos:hover,
.categoria-gestion-productos:hover,
.categoria-gestion-contactos:hover,
.categoria-bc:hover,
.categoria-gestion-online:hover,
.categoria-gestion-cursos:hover,
.categoria-ajustes:hover{
	background-position:bottom;
}

span.categoria-descripcion {
	float:left;
	width:256px;
	text-align:center;
	margin-top:250px;
	font-size:1em;
	font-weight:bold;
	
	text-shadow:-1px 0 rgba(0, 0, 0, 0.4),
				0 1px rgba(0, 0, 0, 0.4),
				1px 0 rgba(0, 0, 0, 0.4),
				0 -1px rgba(0, 0, 0, 0.4),
				0 0 6px #000;
}

span.categoria-descripcion-mini {
	float:left;
	width:256px;
	text-align:left;
	font-size:1em;
	font-weight:bold;
	margin:6px 40px 0 50px;
	
	text-shadow:-1px 0 rgba(0, 0, 0, 0.4),
				0 1px rgba(0, 0, 0, 0.4),
				1px 0 rgba(0, 0, 0, 0.4),
				0 -1px rgba(0, 0, 0, 0.4),
				0 0 6px #000;
}

/***********************************************************************************************************************************/

/* CABECERA ******************************************/
header {
	float:left;
	top:0;
	left:0;
	width:100%;
	height:40px;
	border-bottom:1px solid #000;
	
	background:#157cfd;
	background:linear-gradient(to bottom, #0b3f81 0%,#157cfd 100%);
	
	box-shadow:0px -2px 1px 0px rgba(0, 0, 0, 0.4);	
}

header img{
	margin:4px 20px 12px 20px;
	float:left;
}
/*****************************************************/

/* --- pie de pagina --- */
footer{
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	height:50px;
	
	background:#0b3f81;
	background:linear-gradient(to bottom, #157cfd 0%,#0b3f81 100%);
	
	box-shadow:0px -2px 1px 0px rgba(0, 0, 0, 0.4);
}

footer .buscador {
	height: 30px;
    width: 190px;
    background: #fff;
	border:#149 1px solid;
    color:#444; /* orangered; */
	float:right;
	margin-top:8px;
	margin-right:10px;
	padding:0 5px 0 5px;
	font-size:1.2em;
}

/* -- textos -- */

h1, h2, h3, h4{
	display:inline;
	font-size:2em;
}

.txt_general_usuario{
	position:absolute;
	top:12px;
	right:60px;	
	font-size:0.75em;
	text-shadow: 0 0 5px #000;
}

.txt_general_usuario a{
	color:#fff;
	text-decoration:underline;
}

.txt_general_usuario a:hover{
	color:#0ff;
	text-decoration:none;
}

.txt_peque{
	font-size:0.7em;
}

.txt_medio{
	font-size:1em;
}

.txt_grande{
	font-size:1.4em;
}

.txt_negro{
	color:#000;
}

.txt_gris{
	color:#666;
}

.txt_blanco{
	color:#fff;
}

/* -- Botones -- */

.boton {
	-moz-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	box-shadow:inset 0px 1px 0px 0px #bee2f9;
	background-color:#63b8ee;
	-webkit-border-top-left-radius:20px;
	-moz-border-radius-topleft:20px;
	border-top-left-radius:20px;
	-webkit-border-top-right-radius:20px;
	-moz-border-radius-topright:20px;
	border-top-right-radius:20px;
	-webkit-border-bottom-right-radius:20px;
	-moz-border-radius-bottomright:20px;
	border-bottom-right-radius:20px;
	-webkit-border-bottom-left-radius:20px;
	-moz-border-radius-bottomleft:20px;
	border-bottom-left-radius:20px;
	text-indent:0;
	border:1px solid #3866a3;
	display:inline-block;
	color:#14396a;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	height:25px;
	line-height:25px;
	width:200px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #7cacde;
	cursor:pointer;
	float:right;
	margin:5px;
}.boton:hover {
	background-color:#5a97d2;
}.boton:active {
	position:relative;
	top:1px;
}
.botonCancelar {
	-moz-box-shadow:inset 0px 1px 0px 0px #f9bebe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f9bebe;
	box-shadow:inset 0px 1px 0px 0px #f9bebe;
	background-color:#ee6363;
	-webkit-border-top-left-radius:20px;
	-moz-border-radius-topleft:20px;
	border-top-left-radius:20px;
	-webkit-border-top-right-radius:20px;
	-moz-border-radius-topright:20px;
	border-top-right-radius:20px;
	-webkit-border-bottom-right-radius:20px;
	-moz-border-radius-bottomright:20px;
	border-bottom-right-radius:20px;
	-webkit-border-bottom-left-radius:20px;
	-moz-border-radius-bottomleft:20px;
	border-bottom-left-radius:20px;
	text-indent:0;
	border:1px solid #a33838;
	display:inline-block;
	color:#14396a;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	height:25px;
	line-height:25px;
	width:100px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #de7c7c;
	cursor:pointer;
	float:right;
	margin:5px;
}.botonCancelar:hover {
	background-color:#d25a68;
}.botonCancelar:active {
	position:relative;
	top:1px;
}


.botonEstandar {
	clear:both;
	width:200px;
	cursor:pointer;
	background-color:#2254e6 !important;
	color:white !important;
}
.botonEstandar:hover {
	border:1px #444 solid;
	background-color:#0445e3 !important;
}

.inputEstandar {
	width:500px;
}

span.texto {
	color:black;
	font-size:0.8em;
	float:left;
}

img.loading {

	width:100px;
	height:100px;
	display: block;
	margin: auto;
	margin-top:50px;
	
}
span.validando {
	float:left;
	clear:both;
	width:100%;
	text-align:center;
	margin-top:20px;
	font-size:0.8em;
	color:#444;
}

/* Tablas */
.tablaBasica {
	border:1px solid #888 !important;
	font-size:0.7em !important;
	background:#fff;
	border-collapse:collapse;
	margin-bottom:20px;
	width:100% !important;
}

.tablaBasica th {
	margin:0;
	padding:2px;
	border:1px solid #888 !important;
	background:linear-gradient(to bottom, #aaa 0%,#ccc 100%);
}
.tablaBasica th.columnaPeque {
	min-width:75px; 
	max-width:75px;
}

.tablaBasica tr.cabecera {
	background:linear-gradient(to bottom, #000 0%,#222 100%);
	color:#FFF;
}
.tablaBasica tr.cabecera td {
	text-align:left;
}

.tablaBasica tr.fila {
	background-color:#eee;
	color:#111;
}
.tablaBasica tr.fila td {
	margin:0;
	padding:2px;
	text-align:left;
	border:1px solid #888 !important;
}
.tablaBasica tr.fila:hover {
	background-color:#ddd;
	cursor:pointer;
}