@charset "UTF-8";
* {
	margin: 0;
	padding: 0;
}
body {
	color: #333;
	background: #fff;
	font-family: 'Ubuntu', "Arial", "Helvetica", sans-serif;
	font-size: .75em;
}
/* ~~ Selectores de elemento/etiqueta ~~ */
ul, ol, dl { /* Debido a las diferencias existentes entre los navegadores, es recomendable no añadir relleno ni márgenes en las listas. Para lograr coherencia, puede especificar las cantidades deseadas aquí o en los elementos de lista (LI, DT, DD) que contienen. Recuerde que lo que haga aquí se aplicará en cascada en la lista .nav, a no ser que escriba un selector más específico. */
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6 {
	margin-top: 0;	 /* la eliminación del margen superior resuelve un problema que origina que los márgenes escapen de la etiqueta div contenedora. El margen inferior restante lo mantendrá separado de los elementos de que le sigan. */
	color:#777;
	/*color:#55bddf;*/
	font-weight:300;
	margin-bottom:1em;
}
h1 
{
    color:#55bddf;
}
.titulo-colaps 
{
    padding-left:30px;
    padding-top: 5px;
    padding-bottom: 5px;
}
p {
	margin-top: 0;	 /* la eliminación del margen superior resuelve un problema que origina que los márgenes escapen de la etiqueta div contenedora. El margen inferior restante lo mantendrá separado de los elementos de que le sigan. */
	margin-bottom:1em;
}
ul {
	padding-left:15px;
	margin: 15px 0;
}
ul li {
	margin-bottom:10px;
}
a img { /* este selector elimina el borde azul predeterminado que se muestra en algunos navegadores alrededor de una imagen cuando está rodeada por un vínculo */
	border: none;
}
/* ~~ La aplicación de estilo a los vínculos del sitio debe permanecer en este orden (incluido el grupo de selectores que crea el efecto hover -paso por encima-). ~~ */

a:link {
	color:#4dbde7;
	text-decoration: none; /* a no ser que aplique estilos a los vínculos para que tengan un aspecto muy exclusivo, es recomendable proporcionar subrayados para facilitar una identificación visual rápida */
}
a:visited {
	color: #5ecef9;
}
a:hover, a:active, a:focus { /* este grupo de selectores proporcionará a un usuario que navegue mediante el teclado la misma experiencia de hover (paso por encima) que experimenta un usuario que emplea un ratón. */
	text-decoration: none;
}
/*LAYOUT */


div#container {
	background: url(images/bg-sidebar.png) left repeat-y;
	-moz-box-shadow: 0px 10px 20px #999;
	-webkit-box-shadow: 0px 5px 10px #999;
	box-shadow: 0px 5px 10px #999;
	/* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";
    /* IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');
 
}
div#escudo {
	background: url(images/esquina-escudo.png) no-repeat left bottom;

}
div#header {
	background:#005795 url(images/bg-rayas.png) repeat;
	/*background:#005795 url(images/bg-header.png) no-repeat right center;*/
	height:40px;
	padding:10px 15px;
	color:#fff;
}
div#header-in {
}
.cuenta {
	float:right;
	padding:15px 0;
	color:#fff;
}
.cuenta a {
	color:#fff;
	text-decoration:none;
}
.cuenta a:hover {
	color:#D0DEE9;
	cursor:pointer;
}
div#content {
}
div#center {
	margin: 0 55px 0 250px;
	
}
div#center-in 
{
    
	padding:20px;
	overflow: auto;
}
.centrado {
	text-align:center;
}
div.sidebar {
	width: 250px;
	color:#fff;
	float:left;
}
div.sidebar2 {
	width: 55px;
	color:#fff;
	text-align:center;
	padding-bottom:15px;
	float:right;
	text-align:center;
	margin-top:20px;
}
.seccion-paginacion 
{
    float:left;
    margin-right:10px;
}
.opcion {
	color:#fff;
	margin-top:5px;
	text-align:center;
	background: #58656e;
	padding:8px 8px;
	-webkit-border-radius:6px 0 0 6px;
	-moz-border-radius:6px 0 0 6px;
	border-radius:6px 0 0 6px;
	width:30px;
	float:right;
}
.opcion a {
	color:#fff;
	text-decoration:none;
	font-size:9px;
}
.opcion a:hover {
	color:#fff;
}
.opcion:hover {
	background:#39434a;
	width:40px;
}
.opcion a img {
	margin-bottom:2px;
}
div#left {
	float: left;
}
div#right {
	float: right;
}
div.sidebar-in {
}
div#footer {
	clear: both;
	background: #242628; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MSUiIHN0b3AtY29sb3I9IiMyNDI2MjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMjYyNjI2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(top, #242628 51%, #262626 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(51%, #242628), color-stop(100%, #262626)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #242628 51%, #262626 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #242628 51%, #262626 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #242628 51%, #262626 100%); /* IE10+ */
	background: linear-gradient(to bottom, #242628 51%, #262626 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#242628', endColorstr='#262626', GradientType=0 ); /* IE6-8 */
	color:#fff;
	height: 20px;
	padding:20px;
}
div#footer-in {
}
ul.nav {
	list-style: none; /* esto elimina el marcador de lista */
	margin-bottom: 10px; /* esto crea el espacio entre la navegación en el contenido situado debajo */
	padding:0;
}
ul.nav li {
	margin-bottom:15px;
}
ul.nav a, ul.nav a:visited { /* al agrupar estos selectores, se asegurará de que los vínculos mantengan el aspecto de botón incluso después de haber sido visitados */
	padding: 15px 5px 15px 15px;
	display: block; /* esto asigna propiedades de bloque al vínculo, lo que provoca que llene todo el LI que lo contiene. Esto provoca que toda el área reaccione a un clic de ratón. */
	text-decoration: none;
	color: #fff;
	line-height:32px;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* esto cambia el color de fondo y del texto tanto para usuarios que naveguen con ratón como para los que lo hagan con teclado */
	background: #1fa4c5;
	color: #FFF;
}
ul.nav a.actual, ul.nav a.actual:visited { /* al agrupar estos selectores, se asegurará de que los vínculos mantengan el aspecto de botón incluso después de haber sido visitados */
	padding: 15px 5px 15px 15px;
	display: block; /* esto asigna propiedades de bloque al vínculo, lo que provoca que llene todo el LI que lo contiene. Esto provoca que toda el área reaccione a un clic de ratón. */
	text-decoration: none;
	color: #333;
	line-height:32px;
	background: #fff;
}
ul.nav a.actual:hover, ul.nav a.actual:active, ul.nav a:focus { /* esto cambia el color de fondo y del texto tanto para usuarios que naveguen con ratón como para los que lo hagan con teclado */
	background: #fff;
	color: #333;
}
ul.nav a img {
	margin-right:10px;
	float:left;
	vertical-align:middle;
}
a.actual {
	background: #fff;
	color:#333;
}
.actual:hover, .actual:active, .actual:focus {
	background: #fff;
	color:#333;
}
/* ########TABLAS ############### */

table {
	width:100%;
	border-collapse:collapse;
	color:#fff;
	font:normal 10px;
	border-bottom: 1px #ddd solid;
	margin-bottom:20px;
	margin-right:10px;
	vertical-align:center;
}
caption {
	border:1px solid #5C443A;
	color:#5C443A;
	font-weight:bold;
	letter-spacing:20px;
	padding:6px 4px 8px 0px;
	text-align:center;
	text-transform:uppercase;
}
td, th {
	color:#363636;
	padding:.4em;
}
tr {
	background: url(images/azul-transp.png) repeat; /*#e5f5fc;*/
}
thead th, tfoot th {
	background: #fff;
	color:#546062;
	padding:3px 10px 7px 5px;
	text-align:left;
	text-transform:uppercase;
	border-bottom:1px solid #d4d4d4;
}
tbody td a {
	color:#363636;
	text-decoration:none;
}
tbody td a:visited {
	color:gray;
	text-decoration:line-through;
}
tbody td a:hover {
	text-decoration:underline;
}
tbody th a {
	color:#363636;
	font-weight:normal;
	text-decoration:none;
}
tbody th a:hover {
	color:#000;
}
tbody td+td+td+td a {
	background-position:left center;
	background-repeat:no-repeat;
	color:#76cce8;
	padding-left:15px;
}
tbody td+td+td+td a:visited {
	background-position:left center;
	background-repeat:no-repeat;
}
tbody th, tbody td {
	text-align:left;/*vertical-align:top;*/
}
tfoot td {
	color:#FFFFFF;
	padding-top:3px;
	background:none;
}
tfoot {
	border-top: 1px #ddd solid;
}
tfoot tr {
	background:none;
}
tfoot tr th {
	background:none;
}
tbody tr:nth-child(even) {
	background:transparent;
}
tbody tr:hover {
	background:#ace1f6;
	color:#000000;
}
.titulo {
	float:left;
	color:#fff;
	font-size:18px;
}
.login {
	float:right;
	font-size:0.8em;
}
/* ################ BOTONERA TABLAS ###############*/

#botonera {
	width:28px;
	height:28px;
	overflow:hidden;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	z-index:999999;
	float:right;
	display:block;
	margin-left:5px;
}
#botonera:hover {
	overflow:visible;
}
#botonera.botones a {
	display:block;
	margin-bottom:10px;
	margin-bottom:1px solid #333;
}
.botones {
	width:16px;
	height:57px;
	padding:5px 5px 1px 5px;
	background:#e2f7ff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	display:block;
	float:left;
}
#botonera .botones a:hover {
	display:block;
	margin-bottom:10px;
	margin-bottom:1px solid #333;
	background:#bce9fa;
}
/* Estilos formularios */
/*.ancho-completo{
	width:100%;
	max-width:950px;
	min-width:500px;
	}*/
	
fieldset {
	border:1px #d4d4d4 dotted;
	margin:10px 20px 20px 0;
	padding:20px;
}
legend {
	font-size:15px;
	font-weight:bold;
	/*color:#7ed0ef;*/
	color:#55bddf;
	text-transform:uppercase;
}
.grupo-fieldset {
	width:100%;
	overflow:auto;
	margin-bottom:15px;
}
.display-label {
	font-weight:bold;
	float:left;
	margin-right:10px;
}
.display-field 
{
    /*font-weight:bold;*/
	float:left;
	margin-right:10px;
	/*color:#777;*/
	/*color:#55bddf;*/
	color:#71b01a;
	font-size:14px;
}
.display-grupo {
	margin-right:30px;
	margin-bottom:10px;
	width:350px;
	float:none;
	clear:right;
	display: inline-block;
}
.editor-label {
	font-weight:bold;
	float:left;
	margin-right:10px;
	width: 150px;
}
.editor-field {
	float:left;
	margin-right:10px;
	color:#777;
	width: 240px;
}
.editor-field-doble {
	float:left;
	margin-right:10px;
	color:#777;
	width: 390px;
}
.editor-field-area {
	float:left;
	margin-right:10px;
	color:#777;
	width: 500px;
}
.display-grupo-edit {
	margin-right:15px;
	margin-bottom:10px;
	width:410px;
	float:none;
	clear:right;
	display: inline-block;
}
.display-grupo-edit-doble {
	margin-right:15px;
	margin-bottom:10px;
	width:700px;
	float:none;
	clear:right;
	display: inline-block;
}
form input[type="text"] {
	width:90%;
}
form input[type="email"] {
	width:90%;
}
form input[type="tel"] {
	width:90%;
}
form input[type="number"] {
	width:90%;
}
form textarea {
	width:90%;
	height:60px;
}
form select {
	width:90%;
}
/* FIN - Estilos formularios */

/* Mensajes de validación */
/* Estilo que aplica MVC a la sección de resumen de errores */
.validation-summary-errors {
	font-weight: bold;
	color: #ff0000;
}
/* Estilo que aplica MVC a los input que tienen error */
.input-validation-error {
	border: 1px solid #ff0000;
	background-color: #ffeeee;
}
/* Estilo que aplica MVC a los mensajes de error de los campos */
.field-validation-error {
	color: #ff0000;
}
/* FIN - Mensajes de validación */

/* Estilo de la barra de progreso de subir ficheros */
.bar {
	height: 18px;
	background: green;
}

/* Estilo de la barra de pestañas de jQueryUI */
/* http://keith-wood.name/uiTabs.html */
.ui-tabs {
	min-width:500px;
}
.div-pestanas {
	padding: 0px;
	/*background: none;*/
	border-width: 0px;
}
.ui-tabs-nav {
	padding-left: 0px;
	background: transparent;
	border-width: 0px 0px 1px 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}
.ui-tabs-panel {
	/*background: url(images/ui-bg_highlight-hard_100_f5f3e5_1x100.png) repeat-x scroll 50% top #f5f3e5;*/
	border-width: 0px 1px 1px 1px;
}

.tabla-texto-derecha td
{
    text-align: right;
}
.tabla-texto-derecha th
{
    text-align: right;
}
.celda-ancha 
{
    min-width:200px;
}
.celda-semi-ancha 
{
    min-width:100px;
}
.celda-dato-estadistica
{
    min-width:50px;
}
.celda-resaltado1
{
    background-color: #eee;
}
.celda-tlf 
{
    min-width:80px;
}
.fila-paginacion
{
    height:50px;
}
/* PANTALLA DE LOGIN */

.login-container {
	width:100%;
	height:100%;
	margin:100px 0;
}
.login-caja {
	width:260px;
	margin:auto;
}
.login-datos {
	padding:20px;
	margin:auto;
	background:url(images/azul-transp.png) repeat;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.entrada {
	background:url(images/escudo-diocesis.png) no-repeat center center
}
form.login-form input {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border:none;
	height:30px;
	width:220px;
	margin:5px 0 20px 0;
}
form.login-form input[type="submit"] {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	color:#fff;
	background:#1e5ea2;
	margin-bottom:0;
}
form.login-form input[type="submit"]:hover {
	background:#0c2f54;
}
form.login-form fieldset {
	padding:0;
	border:0;
}
form.login-form label {
	color:#1e5ea2;
	margin-bottom:10px;
	font-weight:normal;
}
/* FIN PANTALLA DE LOGIN */