*{
  margin: 0px;
  padding: 0px;
  border: 0px;
}

section#container_login{
	text-align: center;
	margin: 50px auto 0 auto;
	width: 600px;
}

div.titulo_login{
	font-size: 32px;
	font-weight: normal;
	color: #323232;
	margin-bottom: 25px;
}

div#informacion{
	margin: auto;
	width: 600px;
	text-align: center;
	padding-top: 40px;
	/*padding-bottom: 66px;*/
}

div#informacion img{
	display: inline-block;
	padding: 0px 10px;
	vertical-align: middle;
}


/*---------------- HEADER ----------------*/
header{
	background-color: #fff;
}

div#header_base{
	width: 100%;
	height: 70px;
	margin: 0px auto;
	text-align: center;
	display: block;
}

div#header_base img{
	float: left;
	padding: 0px 6px;
}

#base_t_l{
	float: right;
	margin-right: 15px;
}

div#header_base img, #base_t_l{
	display: inline-block;
	vertical-align: middle;
}

#base_t_l{ 
	text-align: right;
	width: 570px;
}

#header_titulo{
	color: #323232;
	font-size: 24px;
	/*margin-top: 6px;*/
}

#header_login{
	color: #646464;
	font-size: 13px;
	margin-top: 3px;
}

#header_login button{
	background-color: #e1e1e1;
	border: 1px solid #adadad;
	font-size: 12px;
	margin-left: 10px;
	padding: 3px 8px;
}

#header_login button:hover{
	cursor: pointer;
}

#header_fecha{
	color: #FFF;
	font-size: 12px;
	float: right;
	padding: 11px 0px;
	margin-right: 15px;
}
/*---------------- END HEADER ----------------*/



/*---------------- CSS MENU ----------------*/
#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
  margin: 0;
  padding: 0;
  position: relative;
}
#cssmenu {
	height: 40px;
	background-color: #272829;
}
#cssmenu:after,
#cssmenu ul:after {

}
#cssmenu a {
	background-color: #272829;
	color: #ffffff;
	display: inline-block;
	font-size: 11px;
	line-height: 40px;
	padding: 0 16px;
	text-decoration: none;
	text-shadow: 0 1px 0 #333;
	text-align: left; /* Alineación Submenus*/
}
#cssmenu ul {
  list-style: none;
}
#cssmenu > ul {
  margin-left: auto; margin-right: auto;
}
#cssmenu > ul > li {
  float: left;
}
#cssmenu > ul > li:hover:after {

}
#cssmenu > ul > li:first-child a {

}
#cssmenu > ul > li:last-child a {

}
#cssmenu > ul > li.active a {
	background-color: #CC0;
}
#cssmenu > ul > li:hover > a {
	background-color: #484848;
}
#cssmenu .has-sub {
  z-index: 10;
}
#cssmenu .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub ul {
  display: none;
  position: absolute;
  width: 200px;
  top: 100%;
  left: 0;
}
#cssmenu .has-sub ul li {
  *margin-bottom: -1px;
}
#cssmenu .has-sub ul li a {
	border-bottom: 1px dotted #FFF;
	filter: none;
	font-size: 11px;
	display: block;
	line-height: 120%;
	padding: 10px;
	background-color: #484848;
}
#cssmenu .has-sub ul li a:hover {
	background-color: #272829;
}

#cssmenu .has-sub .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub .has-sub ul {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
}
#cssmenu .has-sub .has-sub ul li a {
	border-bottom: 1px dotted #FFF;
	background-color: #484848;
}
#cssmenu .has-sub .has-sub ul li a:hover {
	background-color: #272829;
}
/*---------------- END CSS MENU ----------------*/





section#contenedor{
	margin-bottom: 35px;
}

div#menu_exp_centro{
	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:-390px;
	/*indicamos que el margen superior, es la mitad de la altura*/
	margin-top:-120px;
	padding:5px;
	text-align: center;
	width: 810px;
	height: 250px;
}

div.titulo_menu_exp{
	font-size: 32px;
	font-weight: normal;
	color: #323232;
	margin-bottom: 80px;
}

a.btn_menu_exp{
	color: #323232;
	background-color: #fff;
	font-size: 18px;
	border: 1px solid #e5e5e5;
	padding: 30px 38px;
	border-radius: 6px;
	margin: 0px 10px;
	width: 300px;
	text-decoration: none;
}

a.btn_menu_exp:hover{
	background-color: #f5f5f5;
	color: #323232;
	cursor: pointer;
	text-decoration: none;
}






/* ESTILO DATATABLE */

.dataTables_filter input{
	border: 1px solid #ced4da;
	border-radius: 0.25rem;
	padding: 0.375rem 0.75rem;
}

div#myTable_length select{
	border: 1px solid #ced4da;
	border-radius: 0.25rem;
	padding: 0.375rem 0.75rem;
}

.DataTables_sort_wrapper{
	font-size: 12px;
}

tfoot input {
    width: 100%;
    padding: 3px;
    box-sizing: border-box;
    font-size: 14px;
}

@media (max-width: 1200px) {
	#myTable{
		width: 100%;
	}
}

/* FIN ESTILO DATATABLE */





/*RESPONSIVE*/
@media(max-width: 1366px){
	
}

@media(max-width: 990px){
	#base_t_l{ width: 400px; }
	#header_titulo{ font-size: 18px; }
}

@media(max-width: 600px){
	section#container_login{ margin: 20px auto 0 auto; }
	section#container_login{ width: 300px; }
	div#informacion{ padding-top: 20px; width: 300px; }
	div#informacion img{
		margin-bottom: 20px;
	}
	#intro{height: auto !important;	}
	

}

/*@media(max-width: 375px){
	#intro{height: auto !important;	}
}*/

/* ESTILO MODAL AVISO */

.modalaviso{
	width: 100%;
	height: 100vh;
	background: rgba(0,0,0,0.8);
	z-index: 50;

	position: fixed;
	top: 0;
	left: 0;

	display: flex;

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

.contenidomodalaviso {
	margin: auto;
	width: 50%;
	height: 50%;
	
	border-radius: 10px;
}

#cerraraviso{
	display: none;
}

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

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

#cerraraviso:checked + label, #cerraraviso:checked ~ .modalaviso{
	display: none;
}

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


/* FIN MODAL AVISO */