html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
}
body{
	line-height:20px;
	font-weight: 400;
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
	cursor:default;
	background: #fff;
	color: #8d8d8d;
}
ol, ul{
	list-style:none;
}
.sin_m{margin:0px;}
.sin_p{padding:0px;}
.centrar{
	margin: auto;
	display: table;
}
/*Margenes y padding*/
.m_t5{margin-top:5px;}
.m_t15{margin-top:15px;}
.m_l20{margin-left:20px;}
.m_t10{margin-top:10px;}
.m_b10{margin-bottom:10px;}
.m_t20{margin-top:20px;}
.m_b20{margin-bottom:20px;}
.m_t30{margin-top:30px;}
.m_t40{margin-top:40px;}
.m_b30{margin-bottom:30px;}
.m_r20{margin-right:20px;}
.m_l20{margin-left:20px;}
.m_t60{margin-top:60px;}
.m_b60{margin-bottom:60px;}
.m_t90{margin-top:90px;}
.m_b90{margin-bottom:90px;}

.p_5{padding:5px;}
.p_t5{padding-top:5px;}
.p_b5{padding-bottom:5px;}
.p_l5{padding-left:5px;}
.p_r5{padding-right:5px;}
.p_t10{padding-top:10px;}
.p_b10{padding-bottom:10px;}
.p_l10{padding-left:10px;}
.p_r10{padding-right:10px;}
.p_t15{padding-top:15px;}
.p_b15{padding-bottom:15px;}
.p_t20{padding-top:20px;}
.p_b20{padding-bottom:20px;}
.p_t30{padding-top:30px;}
.p_b30{padding-bottom:30px;}
.p_l20{padding-left:20px;}
.p_r20{padding-right:20px;}
.p_t90{padding-top:90px;}
.p_b90{padding-bottom:90px;}
.p_t60{padding-top:60px;}
.p_b60{padding-bottom:60px;}
.p_t40{padding-top:40px;}
.p_b40{padding-bottom:40px;}
/*Margenes y padding*/
/*Alineaciones*/
.f_right{float:right;}
.f_left{float:left;}
.aling_center{text-align: center;}
.aling_right{text-align: right;}
/*Alineaciones*/
b{font-weight: 600}
/*Colores de los modulos*/
.bg_negro{background-color: rgba(0, 0, 0, 0.8);}
.bg_negro_f{background: #000;}
.bg_blanco{background: #fff;}
.bg_azul_claro{background: #00C8FF;}
.bg_azul_rey{background: #0e108f;}
.bg_mostaza{background: #FFB900;}
.bg_verde_claro{background: #B0EC40;}
.bg_verde_agua{background: #2fc486;}
.bg_naranja{background: #F8511A;}
.bg_magenta{background: #c22557;}
.bg_fucsia{background: #fa78cc;}
.bg_violeta{background: #7c2c96;}
.bg_amarillo{background: #f3ff12;}
.bg_morado{background: #330636;}
.bg_aguamarina{background: #26ada7;}

/*background hover*/
.bg_negro_f:hover{background-color: rgba(0, 0, 0, 0.4);}
.bg_azul_claro:hover{background-color: rgba(0, 200, 255, 0.8)}
.bg_azul_rey:hover{background-color: rgba(14, 16, 146, 0.4)}
.bg_naranja:hover{background-color: rgba(248, 81, 26, 0.8)}
.bg_magenta:hover{background-color: rgba(194, 37, 87, 0.8)}
.bg_verde_claro:hover{background-color: rgba(176, 236, 64, 0.8);}
.bg_verde_agua:hover{background-color: rgba(47, 196, 134, 0.8);}
.bg_mostaza:hover{background-color: rgba(255, 185, 0, 0.8);}
.bg_amarillo:hover{background-color: rgba(243, 255, 18, 0.8);}
.bg_fucsia:hover{background-color: rgba(250, 120, 204, 0.8);}
.bg_violeta:hover{background-color: rgba(124, 44, 150, 0.8);}
.bg_morado:hover{background-color: rgba(51, 6, 54, 0.5);}
.bg_aguamarina:hover{background-color: rgba(38, 173, 167, 0.5);}

.col_azul_claro{color: #00C8FF;}
.col_pagina{color: #2DADFF;}
.col_verde_claro{color: #B0EC40;}
.col_transmision{color: #70CD2D;}
.col_naranja{color: #FFB900;}
.col_config{color: #FF4100;}
.col_magenta{color: #F8511A;}
.col_rol{color: #F9622F;}
.col_negro{color: #000000;}
/*Colores de los modulos*/
/*Home*/
.tit_h1{
	font-weight: 600;
	font-size:24px;
}
/*Formulario*/
.foto_perfil{
	margin: auto;
	display: table;
	border-radius: 50%;
	height: 120px;
	width: 120px;
}
.tit_formulario{
	text-align: center;
	font-weight: 600;
}
.etiqueta{
	font-weight: 600;
}
.asterisco{
	color: #ed2f2f;
	font-weight: 600;
}
.caja{
	margin: auto;
	display: table;
	border: none;
	border-bottom: 1px solid #8d8d8d;
	border-radius: 8px;
}
.caja_area{
	margin: auto;
	display: table;
	border: 1px solid #8d8d8d;
	display: block;
	border-radius: 8px;
}
.boton{
	border-radius: 10px;
	margin: auto;
	display: table;
	min-width: 121px;
}
.btn_discapacidad{
	background-color: rgba(51, 6, 54, 0.5);
	color: #fff;
	border: 1px solid #330636;
}
.btn_discapacidad:hover{
	background: #330636;
}
.btn_usuarios{
	background-color: rgba(250, 120, 204, 0.5);
	color: #fff;
	border: 1px solid #fa78cc;
}
.btn_usuarios:hover{
	background: #fa78cc;
}
.btn_eventos{
	background-color: rgba(124, 44, 150, 0.5);
	color: #fff;
	border: 1px solid #7c2c96;
}
.btn_eventos:hover{
	background: #7c2c96;
}
.btn_permisos{
	background-color: rgba(47, 196, 134, 0.5);
	color: #fff;
	border: 1px solid #2fc486;
}
.btn_permisos:hover{
	background: #2fc486;
}
.btn_enviar{
	background: #2AFF55;
	color: #fff;
	border: 1px solid #2AFF55;
}
.btn_enviar:hover{
	color: #2AFF55;
	background: #fff;
}
.btn_cancelar{
	background: #ed2f2f;
	color: #fff;
	border: 1px solid #ed2f2f;
}
.btn_cancelar:hover{
	color: #ed2f2f;
	background: #fff;
}
#mensaje{
	color: #ed2f2f;
}
.contenedor_formulario{
	border: 1px solid #8d8d8d;
	padding: 20px;
	margin-top: 30px;
}
@media screen and (min-width:2px ) {
	.tit_formulario{
		font-size: 24px;
		padding-top: 5px;
	}
	#mensaje{
		padding: 20px;
	}
	.caja{
		width: 100%;
		font-size: 13px;
		margin-bottom: 10px;
		padding: 3px 5px;
	}
	.caja_area{
		width: 100%;
		height: 120px;
		font-size: 13px;
		margin-bottom: 10px;
		padding: 3px 5px;
	}
	.boton{
		font-size: 18px;
		margin-top: 10px;
		padding: 10px 20px;
	}
}
@media screen and (min-width:992px ) {
	.tit_formulario{
		font-size: 30px;
		padding-top: 10px;
	}
	.caja{
		width: 100%;
		font-size: 16px;
		margin-bottom: 15px;
		padding: 5px 7px;
	}
	.boton{
		margin-top: 20px;
		padding: 10px 20px;
	}
}
/*Formulario*/






/*Encabezado*/
header{
	width:100%;
	position:fixed;
	z-index:30;
}
/*Encabezado*/
/*Menu lateral admin*/
#ir_plantillas:hover{background-color: rgba(0, 200, 255, 0.8)}
#ir_paginas:hover{background-color: rgba(45, 173, 255, 0.8)}
#ir_blogs:hover{background-color: rgba(176, 236, 64, 0.8);}
#ir_transmisiones:hover{background-color: rgba(112, 205, 45, 0.8);}
#ir_personas:hover{background-color: rgba(255, 185, 0, 0.8);}
#ver_config:hover{background-color: rgba(255, 65, 0, 0.8);}
#ver_usuario:hover{background-color: rgba(248, 81, 26, 0.8);}
#ver_rol:hover{background-color: rgba(249, 98, 47, 0.8);}
.a_submenu{
	text-decoration:none;
	display:block;
	position:relative;
	color:#fff;
	border:none;
	padding:10px;
	font-size:13px;
	text-transform:none;
}
.a_submenu:hover{
	text-decoration:none;
	position:relative;
	border:none;
	padding:10px;
	color:#fff;
}
.a_submenu_n{
	text-decoration:none;
	display:block;
	position:relative;
	color:#000;
	border:none;
	padding:10px;
	font-size:13px;
	text-transform:none;
}
.a_submenu_n:hover{
	text-decoration:none;
	position:relative;
	border:none;
	padding:10px;
	color:#000;
}
.triangulo{
	width: 0;
	height: 0;
	border-top: 11px solid transparent;
	border-left: 11px solid #fff;
	border-bottom: 11px solid transparent;
	margin-top: 10px;
	float: right;
}
.icono_menu{
	width: 25px;
	margin-right: 3px;
}
.icono_sub_menu{
	width: 25px;
	margin-right: 3px;
	margin-left: 25px;
}
@media screen and (max-width:768px ) {
	#menu_movil{
		height: 30px;
		margin: 10px;
	}
	#contenedor_menu{
		z-index: 2;
		top: 50px;
		position: fixed;
	}
	#contenedor_contenido{
		top: 53px;
		margin-bottom: 40px;
	}
	.contenedor_header{
		height: 53px;
	}
	.cont_header_user{
		padding-top: 15px;
	}
}
@media screen and (min-width:769px ) {
	.margen_contenido{
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.contenedor_header{
		height: 80px;
	}
	.cont_header_user{
		padding-top: 39px;
	}
}
/*Menu interno*/
.menu_interno > li{
	float: left;
	color: #fff;
	text-transform: uppercase;
		font-weight: 700;
		border-bottom: 4px solid;
	cursor: pointer;
}
@media screen and (min-width:2px) {
	.menu_interno > li{
		padding: 0px 10px;
		margin: 15px 15px 0px 15px;
	}
	.barra_menu_interno{
		position: fixed;
		z-index: 1;
	}
}
@media screen and (min-width:768px) {
}
/*Datatable*/
.contenedor_datatable{
	padding: 20px 30px;
	padding-top: 5px;
	background: #fff;
}
.dataTables_length{
	float: left;
	vertical-align: unset;
	padding-top: 5px;
}
.dataTables_filter{
	float: right;
	padding-bottom: 5px;
}
.table th{
	font-size:16px;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.8);
	text-align: center;
	font-weight: 600;
	padding: 5px;
}
.table td{
	font-size:14px;
	padding: 10px;
}
.opcion_iconos{
	width: 20px;
	margin: auto;
	display: table;
}
.dataTables_paginate{
	float: right;
}
.dataTables_info{
	float: left;
}
.paginate_button {
	color: #000;
	font-weight: 600;
	padding: 2px;
}
.paginate_button:hover{
	color: #000;
}
/*Datatable*/


/*Footer*/
.pie{
	background-color: rgba(0, 0, 0, 0.8);
	color: #fff;
	text-align: center;
	padding: 5px;
	position: fixed;
	bottom: 0px;
}
/*Footer*/
#cont_form{
	min-width: 80%;
}
h5{
	font-weight: 600;
	font-size: 18px;
}
.cerrar{
	color: #fff;
	border: 2px solid #fff;
	border-radius: 18px;
	float: right;
	padding: 5px 10px;
}
textarea{  
  overflow:hidden;
  display:block;
}


.center{
	margin: auto;
	display: table;
}