* {margin:0;padding:0;box-sizing:border-box;}

html {
  min-height: 100%;
  position: relative;
  font-family: Arial, Helvetica, sans-serif;
}

body {
  margin: auto;
  margin-bottom: 40px;
  overflow-x: hidden;
  max-width: 800px;
	background: #FFFFFF;
	font: normal 1.2em Helvetica, Arial, sans-serif;
	line-height: 1.2;
	color: #333;
	position: relative;
height:100%;
font-family: Arial, Helvetica, sans-serif;
}

input, texarea, select {  font-family: Arial, Helvetica, sans-serif;}

.form-reg {
   width:90%;padding: 20px;margin: auto;margin-top: 5px;
   border-radius: 10px;
    border: 2px solid #0C3378;
    -webkit-border-radius:5px;
    -moz-border-radius:15px;
    border-radius:15px;
    -moz-box-shadow:rgba(0,0,0,0.15) 0 0 1px;
    -webkit-box-shadow:rgba(0,0,0,0.15) 0 0 1px;
    box-shadow:rgba(0,0,0,0.15) 0 0 10px;
    color:#444;
    font:normal 1.3em;
   font-family: Arial, Helvetica, sans-serif;
}



.form-res {
   width:90%;padding: 10px;margin: auto;margin-top: 5px;
   border-radius: 10px;
    border: 1px solid #0C3378;
    -webkit-border-radius:5px;
    -moz-border-radius:15px;
    border-radius:15px;
    -moz-box-shadow:rgba(0,0,0,0.15) 0 0 1px;
    -webkit-box-shadow:rgba(0,0,0,0.15) 0 0 1px;
    box-shadow:rgba(0,0,0,0.15) 0 0 10px;
    color:#444;
    font:normal 1.2em;
   font-family: Arial, Helvetica, sans-serif;
background:#FFE1E1;
}

.control {
width:100%;
background:#E1F5FF;
padding:10px;
border-radius: 10px;
margin-bottom:16px;
border: 1px solid #1f53c5;
    font:normal 1.2em;
font-family: Arial, Helvetica, sans-serif;

}

.boton {
   width:100%;
   background:#0C3378;
   padding:10px;
   border-radius: 10px;
   margin-bottom:16px;
   border: 1px solid #1f53c5;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 16px;
   color:#ffffff;
   cursor:pointer;
}


.boton1 {
width:100%;
background:#008f80;
padding:10px;
border-radius: 10px;
margin-bottom:16px;
border: 1px solid #1f53c5;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color:#ffffff;
cursor:pointer;
}



/*
.boton:hover {
width:100%;
background:#dddddd;
padding:10px;
border-radius: 10px;
margin-bottom:16px;
border: 1px solid #1f53c5;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color:#ffffff;
cursor:pointer;
font-family: Arial, Helvetica, sans-serif;
}

*/

input:focus {
   outline: none;
}

/*
*,
*:after,
*:before {
  box-sizing: inherit;
  padding: 0;
  margin: 0;
}
*/


table {
  font-size:1.3em;
/*   font-weight: bold; */
/*   color: #0C3378; */
  padding:5px;
  font-family: Arial, Helvetica, sans-serif;
/*   transition: all .3s ease-out; */
}

a {
  font-size:.7em;
  font-weight: bold;
  color: #0C3378;
  padding:5px;
  font-family: Arial, Helvetica, sans-serif;
/*   transition: all .3s ease-out; */
}

a:hover {
  color: #666666;
  font-family: Arial, Helvetica, sans-serif;
}

p {
  padding:5px;
    font:normal .7em;
font-family: Arial, Helvetica, sans-serif;
}


 img {
  margin: 0 auto;
  display: block;
  max-width: 80%;
/*    border-radius: 50%;  */
}

footer {
  background-color:#0C3378;
  position: fixed;
  bottom: 0px;
  width: 100%;
  height: 30px;
  color: white;
	  font-size:.75em;
	  font-family: Arial, Helvetica, sans-serif;
	
}


input:invalid {
  border: 1px solid red;
}

input:valid {
  border: 1px solid black;
}

/* *{margin:0;padding:0;} */

/* body {background:#FFFFFF;} */

header {width:100%;}

header nav {
   width:90%;
   max-width:400px;
/*    margin:10px auto; */
/* background:#024959; */
   background:#1048A7; 
}

.menu_bar {
   display:none;
}

header nav ul {
   overflow:hidden;
   list-style:none;
}

header nav ul li {
   float:left;
}

header nav ul li a {
   color:#ffffff;
   padding:10px;
   display:block;
   text-decoration:none;
}

header nav ul li span {
	margin-right:10px;
}

header nav ul li a:hover {
	background:#DFF2FA;
}

section {
	padding:20px;
}

@media screen {
	header nav {
		width:50%;
		height:100%;
		left:-100%;
		margin:0;
		position: fixed;
	}

	header nav ul li {
		display:block;
		float:none;
		border-bottom:1px solid #ffffff;
	}

	.menu_bar {
		display:block;
		width:100%;
		background:#ccc;
	}

	.menu_bar .bt-menu {
		display:block;
		padding:10px;
		background:#0C3378;
		color:#fff;
		text-decoration:none;
		font-weight: bold;
		font-size:1em;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
        }
.center {
    margin-left: 5px;
    margin-right: auto;
    display: block;
}

	.menu_bar span {
		float:right;
/* 		font-size:40px; */
	}
}


   .titcolor {background-color:#0C3378;color:#FFFFFF; font-weight:bold;}

   .td1 {background-color:#1048a7;color:#FFFFFF; font-weight:bold;  height: 25px;}
   .td2 {background-color:#008f80;color:#FFFFFF; font-weight:bold;  height: 25px;}


   .tabla{border-color:#0C3378;border-width:1pt;border-style:solid;}