@charset "utf-8";
/* CSS Document */

/* paleta de colores */
/*.gris { color: #F2F0E4;}*/
.bono {
	background-color: #E9E9E9;
	border:solid 2px #E9E9E9;
}

body { 
	font-family: 'lato', sans-serif;
	/*text-align:center*/
	margin-top:0px;
	background-color:#010001;
	}
.texto{
	font-family: 'lato', sans-serif;
	font-size:25px;
	color: #e6e5e7;
	float:right;
	padding-top:150px;
	padding-right:50px;
	
}
.a {border:0;}
.menu_inicio{ 
	left: 36%;
	top: 40%;
	position: absolute;
}

#cuerpo{ 
	background-color:#010001;
	border-collapse: collapse; color: #333; background: #010001;
}
.tablaListado td{
	padding-left:3em;
}
.centrar
	{
		position: absolute;
		/*nos posicionamos en el centro del navegador*/
		top:40%;
		left:50%;
		/*determinamos una anchura*/
		width:760px;
		/*indicamos que el margen izquierdo, es la mitad de la anchura*/
		margin-left:-390px;
		/*determinamos una altura*/
		height:300px;
		/*indicamos que el margen superior, es la mitad de la altura*/
		margin-top:-100px;
		border:1px solid #808080;
		padding:0px;
	}
.centrar_menu
	{
		position: absolute;
		/*nos posicionamos en el centro del navegador*/
		/*top:50%;*/
		left:50%;
		/*indicamos que el margen izquierdo, es la mitad de la anchura*/
		margin-left:-400px;
		/*determinamos una altura*/
		height:300px;
		/*indicamos que el margen superior, es la mitad de la altura*/
		/*margin-top:-150px;
		/*border:1px solid #808080;*/
		padding:0px;
	}


.lista {font: 85% "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;padding: 0; margin: 0; border-collapse: collapse; color: #333; background: #F3F5F7;}

.lista a {color: #3A4856; text-decoration: none; border-bottom: 1px solid #C6C8CB;}  

.lista a:visited {color: #777;}

.lista a:hover {color: #000;}  

.lista caption {text-align: left; text-transform: uppercase;  padding-bottom: 10px; font: 200% "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;}

.lista thead th {background: #3A4856; padding: 5px 3px; color: #fff; text-align: left; font-weight: normal;}

.lista tbody, .lista thead {border-left: 1px solid #EAECEE; border-right: 1px solid #EAECEE;}

.lista tbody {border-bottom: 1px solid #EAECEE;}
                      
.lista tbody td, .lista tbody th {padding: 3px; background: url("td_back.gif") repeat-x; text-align: left;}
.lista tbody td .der, .lista tbody th .der{padding: 3px; background: url("td_back.gif") repeat-x; text-align: right;}


.lista tbody tr {background: #F3F5F7;}

.lista tbody tr.odd {background: #F0F2F4;}

.lista tbody  tr:hover {background: #EAECEE; color: #111;}

.lista tfoot td, .lista tfoot th, .lista tfoot tr {text-align: left; font: 120%  "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; text-transform: uppercase; background: #fff; padding: 10px;}


.lista_encabezado {font: 85% "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;padding: 0; margin: 0; border-collapse: collapse; color: #333; background: #F3F5F7;}

.lista_encabezado a {color: #3A4856; text-decoration: none; border-bottom: 1px solid #C6C8CB;}  

.lista_encabezado a:visited {color: #777;}

.lista_encabezado a:hover {color: #000;}  

.lista_encabezado caption {text-align: left; text-transform: uppercase;  padding-bottom: 10px; font: 200% "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;}

.lista_encabezado thead th {background: #3A4856; padding: 15px 3px; color: #fff; text-align: left; font-weight: normal;}

.lista_encabezado tbody, .lista_encabezado thead {border-left: 1px solid #EAECEE; border-right: 1px solid #EAECEE;}

.lista_encabezado tbody {border-bottom: 1px solid #EAECEE;}
                      
.lista_encabezado tbody td, .lista_encabezado tbody th {padding: 3px; text-align: left;}

.lista_encabezado tbody tr {background: #F3F5F7;}

.lista_encabezado tbody tr.odd {background: #F0F2F4;}

/*.lista_encabezado tbody  tr:hover {background: #EAECEE; color: #111;}*/

.lista_encabezado tfoot td, .lista_encabezado tfoot th, .lista_encabezado tfoot tr {text-align: left; font: 120%  "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; text-transform: uppercase; background: #fff; padding: 3px;}

.ui-icon ui-icon-circle-triangle-w{
	background-image:url(../js/jquery/img/izqda.png)
	
}

.lista_pestañas {font: 85% "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;padding: 0; margin: 0; border-collapse: collapse; color: #333; background: #F3F5F7;}

.lista_pestañas a {color: #3A4856; text-decoration: none; border-bottom: 1px solid #C6C8CB;}  

.lista_pestañas a:visited {color: #777;}

.lista_pestañas a:hover {color: #000;}  

.lista_pestañas caption {text-align: left; text-transform: uppercase;  padding-bottom: 10px; font: 200% "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;}

.lista_pestañas thead th {background: #3A4856; padding: 15px 3px; color: #fff; text-align: left; font-weight: normal;}

.lista_pestañas thead {border: 3px solid #f3f5f7; background-color:#f3f5f7;}

.lista_pestañas thead .select{border: 1px solid #3a4856; background-color:#3a4856; color: #fff;border-left: 1px solid #f3f5f7;}

.lista_pestañas tbody {border: 1px solid #EAECEE;}
                      
.lista_pestañas tbody td, .lista_pestañas tbody th { text-align: left; padding-left:10px;}
/*.lista_pestañas tbody td .der, .lista_pestañas tbody th .der{padding: 3px; background: url("td_back.gif") repeat-x; text-align: right;}*/

.lista_head {font: 85% "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;padding: 0; margin: 0; border-collapse: collapse; color: #333; background: #F3F5F7;}

/*************** pestañas ***********************************/
.tabs { /* es el rectángulo contenedor */
/*margin: 0 auto;*/
margin-top:10px;
min-height: 25px;
position: relative;
width: 100%;
background-color:#f3f5f7;
}
.tab { /* cada una de las pestañas */
float: left;
}
.tab label { /* la parte superior con el título de la pestaña */
background-color: #456;
border-radius: 5px 5px 0 0;
box-shadow: 0px 3px 2px #eaecee inset;
color: #FFFFFF;
cursor: pointer;
left: 0;
margin-right: 1px;
padding: 5px 15px;
position: relative;
/*text-shadow: 1px 1px #eaecee;*/
}
/* el control input sólo lo necesitamos para que las pestañas permanezcan abiertas así que lo ocultamos */
.tab [type=radio] { display: none; }

/* el contenido de las pestañas */
.content {
/*background-color: #678;
bottom: 0;
left: 0;
overflow: hidden;
padding: 20px;
position: absolute;
right: 0;
top: 23px;*/
}
/* y un poco de animación */
.content > * {
/*opacity: 0;

-moz-transform: translateX(-100%);
-webkit-transform: translateX(-100%);
-o-transform: translateX(-100%);

-moz-transition: all 0.6s ease;
-webkit-transition: all 0.6s ease;
-o-transition: all 0.6s ease;*/
}

/* controlamos la pestaña activa */
[type="radio"]:checked ~ label {
/*background-color: #678;*/
background-color:#f3f5f7;
/*box-shadow: 0 3px 2px #89A inset;
color: #FFF;*/
color:#3a4856;
z-index: 2;
}
[type=radio]:checked ~ label ~ .content { z-index: 1; }
[type=radio]:checked ~ label ~ .content > * {
opacity: 1;
-moz-transform: translateX(0);
-webkit-transform: translateX(0);
-o-transform: translateX(0);
-ms-transform: translateX(0);
}