/*---------- CONTENIDO ---------------*/

body {
	 color: #444444;
	 font-size: 13px;
	 line-height: 1.5em;
	 background-color:#E6E6E6;
}


.contenedor{
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width:980px;	
	
	}
	
	table {
		background-color:transparent;
		}
	
	
/* ------ Estilo de párrafos -------- */
.content {
	color: #444444;
	font-size: 13px;
	line-height: 1.5em;

}

body, caption, th, td, input, textarea, select, option, legend, fieldset {
    font-family: Arial,Verdana,Tahoma,"DejaVu Sans",sans-serif;
}


h1, h2, h3, h4, h5, h6, p, blockquote, pre, ul, ol, dl, table, fieldset {
		margin: 0;
}


/*----------- MENU  VERTICAL -------------------*/

.menu{
    background: none repeat scroll 0 0 #004677;
 width: 236px;
 

}


.lista a, lista a.active {
    color: #FFFFFF;
    font-family: Arial;
    font-size: 12px;
    text-decoration: none;
	border-bottom: 1px dashed #5883A2;
    display: block;
    line-height: 17px;
    min-height: 22px;
    padding-right: 4px;
    padding-top: 2px;
padding-left: 0px;
margin-left: 0px;
padding-left:20px;
	

}


li a, li a.active {
    color: #FFFFFF;
    font-family: Arial;
    font-size: 12px;
    text-decoration: none;
}

/*------ Titulo nivel 1 */

h1.title {
	border-bottom: 1px dotted #004677;
	font-size: 16px;
	font-weight: bold;
}

/* -------- Titulo nivel 2, usar <strong> */



/*------ CAJA IZQUIERDA ----------------*/

.region-sidebar-first div.block-views h2.block-title {
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    height: 27px;
    padding-left: 10px;
    padding-top: 3px;
}

.textoizq {
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;

    padding-top: 3px;
}


/*----- CAJA INFERIOR DE CREDITOS -------------------*/

table {
    border-collapse: collapse;
}

.region-footer {
    color: #333333;
    font-size: 12px;
}


/*--------- TABLAS ------------*/

.tabla th, .tabla th {
    background-color: #003366;
    border-right: 1px solid #FFFFFF;
    color: #FFFFFF;
    font-family: "Arial",Tahoma,Lucida Grande,Helvetica,sans-serif;
    font-weight: normal;
    padding: 2px;
    text-align: center;
}

.tablalogin{
	background-color: #fff;
	height:205px;
	
	}


th {
    border-bottom: medium none;
}


.tabla {
    border-collapse: collapse;
    font-size: 12px;
}

.tablacontenido1 {
	width:730px;
	float:left;
}

.tablacontenido2 {
	width:978px;
	float:left;
}

.tablacontenido_b {
	width:978px;
	float:left;
	background-color:#FFF;
	min-height:500px;
} 
.tablacontenido {
	width:731px;
	float:left;
	background-color:#FFF;
	min-height:500px;
}
/*----------texto----------*/
.textomenuhv {
 color: #FFFFFF;
    font-family: "Arial",Tahoma,Lucida Grande,Helvetica,sans-serif;
    font-weight: normal;
    padding: 2px;
    text-align: center;
	background-image:url(../images/titulomenu.jpg); background-repeat:no-repeat;}
	
.textologin{
	
color:#014579;
font-size:13px;
padding-left:15px;
padding-top:7px;

}

.menuizq{

width:247px; float:left; 


}


.tabla_gris {
background-color:#F0F1F4;
	height:30px;



}

.texto_tablalink{
height:60px;
color:#014579;
border-right: solid #ffffff thin;
background-color:#F9F9F9;

}

.texto_tablalink  a{
height:60px;
color:#014579;

}

.texto_tabla {
height:60px;
background-color:#F9F9F9;
padding-right:3px;

}

.titulo_tabla {
 font-weight:bold;

}

.detalle_titulo {
 font-weight:bold;
 color:#014579;

}

.enviar {
 font-weight:bold;
 color:#014579;

}

.detalle_text {
	padding-right:10px;
	text-align:justify;
}

body {
  text-align: center;
  font-family: sans-serif;
  margin: 0;
}

.modal {
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.8);

  position: absolute;
  top: 0;
  left: 0;

  display: flex;

  animation: modal 2s 3s forwards;
  visibility: hidden;
  opacity: 0;
}

.contenido {
  margin: auto;
  width: 40%;
  height: 40%;
  background: white;
  border-radius: 10px;
}

#cerrar {
  display: none;
}

#cerrar + label {
  position: fixed;
  color: #fff;
  font-size: 25px;
  z-index: 50;
  background: darkred;
  height: 40px;
  width: 40px;
  line-height: 40px;
  border-radius: 50%;
  right: 150px;
  top: 150px;
  cursor: pointer;

  animation: modal 1s 1s forwards;
  visibility: hidden;
  opacity: 0;
}

#cerrar:checked + label,
#cerrar:checked ~ .modal {
  display: none;
}

@keyframes modal {
  100% {
    visibility: visible;
    opacity: 1;
  }
}