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


.cont, .contene #contenedor1 {
  /*border-top: 100px solid #28324E;*/
    background-color: #28324E;
    min-height: 80px;
   /* height: 100vh;*/
}
#setsesiglas {
    font-size:70px;
    color: white;
    font-weight: bold;
    margin: 10px;
}
#logosetse {
    width: 50px;
    margin-top:7px;
    margin-bottom:-9px;
    margin-left:8px; 
}
#selec, .wrap{
  width: 90%;
  max-width: 500px;
  padding: 40px;
  margin: 100px auto;
  margin-top:10px;
  background: #ecedfe;
  box-shadow: 0px 0px 3px grey;
  font-family: 'Dosis', sans-serif;
}

#header{
  font-family: 'Dosis', sans-serif;
 /*line-height:150%; */
  position:absolute;
  width:170%;
  max-width:100%;

}
#header nav li{
  background:#28324E;
  overflow:hidden;
}
#header nav ul {
  list-style:none;
}
#header nav ul li a{
  padding:10px 75.6px;
  display:block;
  color:#fff;
  text-decoration:none;
}

#header .nav >  li{
  float:bottom;
}

#submenu li a:hover{
  background:#aba5f8;
}

#boton{
  background:#12AB8A;
  position:relative;
  color:#fff;
}
#boton:hover{
  background:#12CB61;
}
.nav li ul{
  z-index: 99;
  display:none;
  position:absolute;
  min-width:140px;
  height:100%;
}
 .nav li:hover > ul{
  display:block;
}

 h1, h2, h3{
    font-family: 'Merriweather', serif;;
    line-height:200%;
    text-align:center;
    color:#28324E;
}

.contenedor-formulario{
  width:100%;
  color:#28324E;
}

.contenedor-formulario .formulario, .contenedor-formulario .formularior{
  width:100%;
  margin:auto;    
}
.contenedor-formulario{
  width:100%;
  color:#28324E;
}

.contenedor-formulario .formulario, .contenedor-formulario .formularior{
  width:100%;
  margin:auto;    
}
.contenedor-formulario .formulario .input-group, .contenedor-formulario .formularior .input-group{
  position:relative;
  margin:20px auto; 
}
.contenedor-formulario .formulario .input-group input[type="text"],
.contenedor-formulario .formulario .input-group input[type="password"],
.contenedor-formulario .formulario .input-group input[type="number"]{
        font-size: 16px;
        color:#151515;
        width: 100%;
        outline: none;
        padding: 2.5px;
        background: none;
       	border: none;
        border-bottom: 2px solid #ecedfe; 
 }

.contenedor-formulario .formulario .input-group input[type="text"]:focus, 
.contenedor-formulario .formulario .input-group input[type="text"]:active,
 .contenedor-formulario .formulario .input-group input[type="password"]:focus, 
.contenedor-formulario .formulario .input-group input[type="password"]:active,
 .contenedor-formulario .formulario .input-group input[type="number"]:focus, 
.contenedor-formulario .formulario .input-group input[type="number"]:active{
          outline: none;
          border-bottom: 2px solid #28324E; 
}

 #selec input[type="submit"],.contenedor-formulario .formulario input[type="submit"],
 .formulario a{
      background:#28324E ;
      border-radius: 30px;
      border: 2px solid #f2f2f2;
      color: #fff;
      cursor: pointer;
      display: inline-block;
      font-family: 'Dosis', sans-serif;
      font-size: 15px;
      padding: 5px;
      width: 30%;
      -webkit-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; 
      text-decoration:none;
      margin-left:10px;
}
#btn-submit{
  padding: 10px;
  width: 100%;
  font-size: 20px;
}
 #selec input[type="submit"]:hover, .contenedor-formulario .formulario input[type="submit"]:hover,
 .formulario a:hover{
        background: #aba5f8;
}
.boton a{
      width: 90%;
      text-decoration:none;
      color: #28324E;
      font-family: 'Dosis', sans-serif;
      font-size: 20px;
}
#editar{
padding: 10px;
width: 30%;
margin-left:65px;
}
.boton:hover a{
      color:#e4e8f1;
}
.formulario img{
    margin-left: 165px;
}
.formulario p{
border: solid #28324E   ;
color: #DE0202 ;
font-weight: bold;
border-radius:10px;
padding:5px;
}
.contenedor {
  max-width:215px;
  width:90%;
  margin:80px auto;
}

#numero, #numero2{
text-align:right;
}

.tabla{

  font-family: 'Questrial', sans-serif;
  font-size:15px;
  line-height:100%; 
  width:90%;
 /*min-width:1200px;*/
  margin-top:10px;
  margin-left:40px;
  text-align: left;
  overflow-x: auto;/*pone un scroll cuando ya no halla espacio*/
}
table thead td{
  border-bottom: solid #D8BFD8;

}
tr, td{
  padding: 5px;
}
.tabla thead{
  background:#e4e8f1;
  border-collapse: collapse;
}
#titulo{
  margin-top:50px;
}
#titulo2{
  color:#F10707 ;
}
tr:nth-child(even){
  background: #ddd;
}
tr:hover{
  background-color: #e4e8f1;
}
.tabla a{
  background:#28324E;
  text-decoration:none;
  text-align:center;
  font-family: 'Questrial', sans-serif;
  color:#ddd;
  cursor: pointer;
  border-radius: 5px;
  padding:4px;
 /* margin-top: 15px;*/
  margin:15px 10px;
 margin-bottom:5px;
}
.tabla a:hover{
  background:#aba5f8;
}
#btn-agregar, #btn-editar{
      background:#28324E;
      border-radius: 5px;
      cursor: pointer;
      color:#e4e8f1 ;
      font-size: 13px;
      padding: 4px;
      border-bottom: none;
}
#btn-agregar:hover, #btn-editar:hover{
      background:#aba5f8;
}
.tabla tr td input[type ="text"],
.tabla tr td input[type ="number"]{
        font-size:15px;
        color:#28324E;
        width: 100%;
        outline: none;
        padding: 3px;
        background: none;
        border: none;
}
.tabla tr td input[type="text"]:focus,
.tabla tr td input[type="text"]:active,
.tabla tr td input[type="number"]:focus,
.tabla tr td input[type="number"]:active{<
      display: inline-block;
      border-bottom: 2px solid #28324E;
}

footer{
 position:fixed;
    left:0px;
   bottom:0px;
   height:130px;
   width:100%;
  background:#313131;
  color:#fff;
  clear:both;
  text-align:center;
  padding:10px;
}
footer h3, h4, a{
  text-decoration:none;
  color:#fff;
}

.wrap2{
  width: 90%;
  max-width: auto;
  padding: 40px;
  margin: 100px auto;
  background: #ecedfe;
  box-shadow: 0px 0px 3px grey;
  font-family: 'Dosis', sans-serif;
  font-size:10px;
}