@font-face {
    font-family: 'encabezados';
    src: url('../fonts/BebasNeue_Book.otf');
}

*{
	margin:0px;
	padding: 0px;
	font-family: Nunito;
}

a{
	text-decoration: none;
	color:#3545d0;
}

p{
	font-family: Nunito;
	color:#414141;
	font-size: 15px;
	text-align: justify;
	margin-bottom: 20px;
}

ul{
	margin-bottom: 20px;
}

ul li{
	margin-left: 15px;
	list-style: square;
	font-family: Nunito;
	color:#414141;
	font-size: 15px;
	margin-bottom: 7px;
}

.no_points li{
	list-style: none;
}

h2{
	font-family: 'encabezados';
	text-align: center;
	color:#2d548e;
	font-size: 40px;
	margin-bottom: 5px;
}

h3{
	font-family: 'encabezados';
	text-align: left;
	color:#2d548e;
	font-size: 30px;
	margin-bottom: 5px;
}

hr{
	width: 100%;
	height: 1px;
	border:none;
	background: #ccc;
	margin:20px 0px;
}

header{
	width: 100%;
	height: 200px;
	background-image:url('../img/bkg/cio.jpg');
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: 70%;
	background-attachment: fixed;
	border-bottom: 10px solid #68bad7;
}

.clear{
	clear: both;
}

.anchor_tag{
	margin-top: -100px;
	position: absolute;
}

.linea_titulo{
	width: 70px;
	height: 3px;
	background: #68bad7;
	margin: 0px auto 30px auto;
}

.espacio_50{
	width: 100%;
	height: 50px;
}

.contenido{
	max-width: 1100px;
	margin:0px auto;
	padding: 0px 20px;
}

.col_izq{
	float: left;
	width: calc(50% - 20px);
	margin-right: 20px;
}

.col_der{
	float: right;
	width: calc(50% - 20px);
	margin-left: 20px;
}

.col_izq img, .col_der img{
	width: 100%;
}

.fondo_gris{
	width: 100%;
	padding: 50px 0px;
	background: #eee;
}

.fondo_azul{
	width: 100%;
	padding: 50px 0px;
	margin-bottom: 50px;
	background: #2D5492;
}

.fondo_azul h1, .fondo_azul h2, .fondo_azul h3, .fondo_azul p{
	color: #fff;
}

.header_black{
	width: 100%;
	background: rgba(0,0,0,.6);
	position: fixed;
	top: 0px;
}

.logo{
	margin:0px auto 90px auto;
	width: 600px;
	margin-top: 50px;
}

.logo img{
	width: 100%;
}

.menu_pcl{
	float: right;
}

.menu_pcl ul li{
	float: left;
	list-style: none;
	margin:0px;
}

.menu_pcl ul li a{
	font-family: 'encabezados';
	letter-spacing: 1px;
	font-size: 18px;
	display: block;
	color:#fff;
	padding: 15px 12px;
	transition: all ease .3s;
}

.menu_pcl ul li a:hover{
	background: #2d548e;
	border-bottom: 3px solid #68bad7;
	padding: 15px 12px 12px 12px;
}

.registros_tabla table{
	width: 100%;
	border-collapse: collapse;
}

.registros_tabla thead{
	background: #2d548e;
	color: #fff;
}

.registros_tabla thead td{
	text-align: center;
	padding: 6px 0px;
}

.registros_tabla tr{
	transition: all ease .5s;
}

.registros_tabla tr:nth-child(even){
	background: #fafafa;
}

.registros_tabla tr td{
	border: 1px solid #eee;
	text-align: center;
	padding: 6px 5px;
}

.registros_tabla tr:hover{
	background: rgba(45,84,142,.3);
	border: 1px solid #fff;
}

.registros_tabla thead tr:hover{
	background: #1d447e;
}




.index_table table{
	width: 100%;
	border-collapse: collapse;
}

.index_table tr:nth-child(even){
	background: #fafafa;
}

.index_table tr td{
	border: 1px solid #eee;
	text-align: center;
	padding: 6px 5px;
	vertical-align: top;
}





.Enviado{
	background: #2d8e54;
	color:#fff;
}

.Aceptado{
	background: #2d8e54;
	color:#fff;
}

.Rechazado{
	background: #8A0808;
	color:#fff;
}

.Condicionado{
	background: #990;
	color:#fff;
}

.SinEstatus{
	background: #aaa;
	color:#fff;
}

.botton a{
	display: block;
	margin:0px auto 30px auto;
	width: 300px;
	background: #2D5492;
	color:#fff;
	padding: 6px 10px;
	border-radius: 5px;
	text-align: center;
	font-size: 18px;
	opacity: 1;
	transition: all ease .5s;

}

.botton a:hover{
	opacity: .5;

}

.button_cancel a{
	display: block;
	color: #fff;
	float: left;
	padding: 12px 25px;
	background: #8A0808;
	border:none;
	border-radius: 5px;
	margin-bottom: 10px;
	font-size: 15px;
}

input[type=text]{
	width: calc(100% - 20px);
	padding: 12px 10px;
	background: #ccc;
	color:#545454;
	border:none;
	border-radius: 5px;
	margin-bottom: 10px;
}

input[type=password]{
	width: calc(100% - 20px);
	padding: 12px 10px;
	background: #ccc;
	color:#545454;
	border:none;
	border-radius: 5px;
	margin-bottom: 10px;
}

select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background:#ccc;
	color:#545454;
	width:100%;
	padding:12px 10px;
	border:none;
	border-radius: 5px;
	margin-bottom: 10px;
}

input[type=submit]{
	padding: 12px 25px;
	background: #2d548e;
	color:#fff;
	border:none;
	border-radius: 5px;
	margin-bottom: 10px;
	font-size: 15px;
}

textarea{
	width: calc(100% - 20px);
	padding: 12px 10px;
	background: #ccc;
	color:#545454;
	border:none;
	border-radius: 5px;
	margin-bottom: 10px;
	margin-top: 10px;
}

form p{
	margin-bottom: 3px;
}

footer{
	width: 100%;
	padding: 30px 0px;
	background: #333;
	margin-top: 50px;
}








































