@charset "utf-8";

/* CSS del fondo */
body {
	background-image: url(../images/fondo.png);
	background-position: 100% 100%;
	background-size: cover;
	font-family: "Franklin Gothic Demi", Impact, "Arial Black", Haettenschweiler, "sans-serif";
	/*background-repeat:round;*/
}

/* CSS de la franja superior */
.box {
	overflow: hidden;
	z-index: 10;
	background-color: #f3f3f3;
	position: absolute;
	width: 100%;
	left: 0%;
	top: 0;
	height: 20%; 
	text-align: center; /* Para que quede en el centro en IE*/
	
	-webkit-box-shadow: 0px 5px 2px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 5px 2px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 5px 2px 0px rgba(0,0,0,0.5);
	}

.box table {
	width: 90%;
	height: 100%;
	border: 1;
	text-align: right;
	table-layout: fixed;
	margin: 0 auto; /* Para que quede en el centro en Chrome*/
}

.box table tr td:first-child {
	background:url(../images/logo_2.png);
	background-size: contain;
	background-position: left;
	background-repeat: no-repeat;
	background-origin:inherit;
}

.box table tr td a {
	color: darkgray;
	text-decoration: none;
}

/* CSS de los contenedores de elementos */
.box_estilo{
	/*overflow-y: scroll;*/
	/*overflow: scroll;*/
	z-index: 2;
	position: absolute;
	
	background: #f3f3f3;
	text-align: center;
    text-shadow: 0 1px white;
    border: 1px solid;
    border-color: #c4c4c4 #d1d1d1 #d4d4d4;
	
	-webkit-box-shadow: 3px 3px 2px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 3px 3px 2px 0px rgba(0,0,0,0.5);
	box-shadow: 3px 3px 2px 0px rgba(0,0,0,0.5);
	
	}

.box_estilo table{
	text-align: center;
	width: 100%;
	height: 100%;
	border: 0;
	}

.box_estilo input[type=text], .box_estilo input[type=mail], .box_estilo input[type=password], .box_estilo input[type=submit], .box_estilo input[type=file], .box_estilo input[type=number], .box_estilo input[type=date] {
    padding: 0 10px;
	margin: 5px 0 0;
    width: 70%;
    height: 35px;
}

.box_estilo select {
    padding: 0 10px;
	margin: 5px 0 0;
    width: 78%;
    height: 35px;
}

.box_estilo input[type=text], input[type=mail], input[type=password], input[type=date], input[type=number], select {
    color: #404040;
    background: white;
    border: 1px solid;
    border-color: #c4c4c4 #d1d1d1 #d4d4d4;
    border-radius: 2px;
    outline: 5px solid #eff4f7;
    -moz-outline-radius: 3px;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12);
}
	
.box_estilo input[type=text]:focus, input[type=mail]:focus, input[type=password]:focus, input[type=date]:focus, input[type=number]:focus, select:focus {
    border-color: gray;
    outline-color: #c4c4c4;
    outline-offset: 0;
	outline-width: thin;
}

.box_estilo input[type=submit], input[type=file] {
    font-size: 12px;
    font-weight: bold;
    color: dimgray;
    /*text-shadow: 0 1px #e3f1f1;*/
    background: dimgray;
    border: 1px solid;
    border-color: darkgray gray dimgray;
    border-radius: 1px;
    outline: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    background-image: -webkit-linear-gradient(top, #edf5f8,gray);
    background-image: -moz-linear-gradient(top, #edf5f8, gray);
    background-image: -o-linear-gradient(top, #edf5f8, gray);
    background-image: linear-gradient(to bottom, #edf5f8, gray);
    -webkit-box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.15);
}
	
.box_estilo input[type=submit]:active, input[type=file] {
    background: #edf5f8;
    border-color: #9eb9c2 #b3c0c8 #b4ccce;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
	
}

/* CSS de los botones de selección de zona */
#acceso {
	top: 35%;
	height: 35%;
	left: 35%;
	width: 30%;
}

.botonprov{
	top: 35%;
	height: 50%;
	left: 10%;
	width: 30%;
}

.botonclien{
	top: 35%;
	height: 50%;
	left: 45%;
	width: 30%;
}

.botonprov2{
	top: 35%;
	height: 50%;
	left: 10%;
	width: 30%;
}

.botonclien2{
	top: 35%;
	height: 50%;
	left: 60%;
	width: 30%;
}

/* CSS de las listas */
#lista_ancha {
	left: 5%;
	width: 75%;
}

#lista_estrecha {
	left: 5%;
	width: 50%;
}

.listas{
	overflow-y: scroll;
	z-index: 2;
	background: #FFFFFF;
	position: absolute;
	top: 30%;
	height: 60%;
	table-layout: fixed;
	}

.listas table{
	white-space: nowrap;
	text-align: center;
	width: 100%;
	height: 100%;
	border: 0px;
	/*/border-spacing: 0px*/;
	border-collapse: collapse;
	/*table-layout: fixed;*/
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	}
	
.listas table tr:nth-child(odd) {background-color:alicebluec;}
.listas table tr:nth-child(even) {background-color:#f3f3f3;}
.listas table th {background-color:gray;}

/* CSS de la barra lateral de opciones */ 
.lateral{
	overflow: hidden;
	z-index: 3;
	/*background: #FFFFFF;*/
	position: absolute;
	top: 30%;
	left: 85%;
	width: 10%;
	height: 60%;
	}

.lateral table{
	width: 100%;
	height: 100%;
	border: 0px;/* no se si quitar... */
}

.icono {
	width: 60%;
}

.icono-peque {
	/*position: absolute;*/
	width: 60%;
}

/* CSS de los formularios */ 
#form_derecha {
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	top: 30%;
	height: 60%;
	left: 60%;
	width: 20%;
}

.form_centro {
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	overflow-y: scroll;
	top: 30%;
	height: 60%;
	left: 40%;
	width: 20%;
}

/* CSS exporta tabla */
#exportar{
	z-index: 2;
	background-color: #f3f3f3;
	position: absolute;
	top: 92%;
	height: 7%;
	left: 5%;
	width: 75%;
	table-layout: fixed;
	}