* {
	margin:0px;
	padding:0px;
	box-sizing: border-box;
	font-size:12px;	
  font-family: 'Lato', sans-serif;
}
html, body {  
  cursor:default;
  margin:0px;
  background:#FFF; 
  color:#F00;
  height: 100%;
  width: 100%;
}
.cabeza{
  background:#FFF;
  margin:0px; 
  padding:0px;
  display:flex;
  font-family: 'Lato', sans-serif;
  overflow-x: auto;
}
.trabajo {
  width: 100%;
  padding:5px;
  margin:0px;
  background: #FFF; 
  margin:0px;
  color:#F00;
  font-weight: normal;	
  background-color: #FFF;
  display: flex;
  flex-wrap: wrap;
}
.contenedor-datos{
  display: flex;
  width: 100%;
  margin:0px;
  padding: 0px;
  min-height: 70%;
  max-height: 70%;
}
.contenedor-unico{
  width: 100%;
  margin:0px;
  padding: 0px;
  min-height: 70%;
  max-height: 70%;
}
/****************************************/
a {
	text-decoration: none;
  text-align: center;
  display: inline-block;
}
label {
  height: 25px;
  margin: 0px;
  padding:0px;
  padding-top:6px;
  font-size: 1.0em;
  color:  #3333CC ;
  border:none;
  display: inline-block;
}
input {
  height: 25px;
  margin: 0px;
  padding: 5px;
  font-size: 1.0em;
  color:#000;
  border:#616a6b solid 1px;
  text-transform: uppercase;
}
select {
  height: 25px;
  margin: 0px;
  padding: 5px;
  font-size: 1.0em;
  color:#000;
  border: #616a6b solid 1px;
}
th {
  background: #A4A4A4;
  color:#FFF;
  font-weight: bold;
  padding:5px;
}
td {
  padding:3px;
  font-size: 1.0em;
  color:  #3333CC ;
}
:required {
  box-shadow: #16a085 1px 1px 1px;
}
::placeholder{
  font-size:0.8em;
  padding:2px;
}
/****************************************/
.bodyespera {
  background-image: url(https://i.imgur.com/QfFRssJ.gif);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 160px;
  max-width:100%;
  min-width:100%;
  margin:0px;
  padding: 0px;
  min-height: 70%;
  max-height: 70%;
}
.loader-section{
  width: 100vw;
  height: 100vh;
  max-width: 100%;
  position: fixed;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
  z-index:999;
  transition: all 1s 1s ease-out;
  opacity:1;
}
.loaded{
  opacity:0;
  z-index:-1;
}
.loader {
  width: 48px;
  height: 48px;
  border: 5px solid #623ddb;
  border-bottom-color: transparent;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
} 
.divmodal{
  background-color: rgba(147,155,171,0.20);
  color:#FFF;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  transition: all 1s;
  box-shadow:#333 8px 8px 8px;
  padding:15px;
}
.modal-contenido{
  background-color:#F2F2F2;
  border:#0B3B0B solid 2px;
  width:50%;
  color:#0B3B0B;
  padding:20px;
  margin:20px auto;
  position: relative;
  margin-top:220px;
}
.modal-contenido2{
  background-color:#F2F2F2;
  border:#0B3B0B solid 2px;
  width:90%;
  color:#0B3B0B;
  padding:10px;
  margin:20px auto;
  position: relative;
	height:600px;
}
.modal-contenido3{
 	background-color:#FFF;
 	border:#0B3B0B solid 2px;
 	width:60%;
  color:#0B3B0B;
  padding:20px;
  margin:20px auto;
  position: relative;
	margin-top:160px;
}
.modal-contenido4{
  background-color:#F2F2F2;
  border:#0B3B0B solid 2px;
  width:40%;
  color:#0B3B0B;
  padding:20px;
  margin:10px auto;
  position: relative;
	margin-top:220px;
}
.check15 {
	height:15px;
	padding:0px;
	margin:0px;
	width:25%;
}
.check5 {
	height:15px;
	padding:0px;
	margin:0px;
	width:5%;
}
/****************************************/
.titulocabeza {
  font-size:3.0em;
  font-weight:bold;
  color:#16a085 ;
  padding:40px; 
  text-shadow:#a4a4a4 3px 3px 3px; 
  letter-spacing: 0.1em;
  padding-top:50px;
  font-style: italic;
}
.titulopagina {
  width: 100%;
  font-weight: bold;
  color:#0000FF;
  text-align: center;
  font-size: 1.6em;
  text-shadow: #a4a4a4 3px 3px 3px;
  letter-spacing: 0.5em;
  word-spacing: 0.75em;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.tituloopcion {
  width: 100%;
  font-weight: bold;
  color:#0000FF;
  text-align: center;
  font-size: 1.4em;
  text-shadow: #a4a4a4 3px 3px 3px;
  letter-spacing: 0.25em;
  word-spacing: 0.5em;
  text-transform: uppercase;
  margin-bottom: 10px;
}
/****************************************/
.parte-unica {
  width:100%;
  border:#A4A4A4 solid 2px;
  overflow:auto;
}
.parte-lista{
  width:30%;
  border:#A4A4A4 solid 2px;
  margin:0px 5px;
  padding:10px;
  overflow:auto;
}
.parte-datos {
  width:69%;
  border:#A4A4A4 solid 2px;
  margin:0px 5px;
  padding:10px;
  overflow:auto;
}
.parte-botones{
  width:100%; 
  text-align:right;
  margin:5px 0px;
  padding:10px;
  background:#5499c7
  
}
/****************************************/  
.botonaccion{
  background: #5499c7;
  width:8%; 
  color:#FFF;
  padding:7px 15px;
  border:#5499c7 solid 2px; 
  font-size:0.9em;
  cursor: pointer;
}
.botonaccion:disabled{
  background:   #5499c7;
  color: #aed6f1;
  cursor:not-allowed;
}
.botonaccion > span {
  color:#FFF;
  padding:10px;
  font-size: 0.9em;
}
.botonaccion:hover{
  background:#FFF;
  color:#00F;
}
.botonaccion:hover > span {
  color:#00F;
}
.botonfijo{
  background:#f1c40f;
  width:50%; 
  color: #FFF;
  padding:10px 20px;
  border:#deb148 solid 2px; 
  font-size:1.2em;
  border-radius: 10px;
}
/******************/
.lstlista {
  list-style-type: none;
  margin:2px 0px;
  padding:0px;
  width: 100%;
}
.lstlinea {
  display: inline;
  font-size: 0.9em;
  width:100%;
  padding: 0px;
  margin:0px;  
} 
/****************************************************/
.marco1 {
  width:30%;
  padding:5px;
}
.marco1 > img {
  border:#f1c40f solid 5px; 
  margin:0px;
  border-radius:3%;
}
.marco2 {
  width:70%;
  padding:5px;
  margin-bottom:5px;
  border-bottom:#E6E6E6 solid 2px;
}
.marco2 > label {
  color:#f1c40f;
  font-size:1.8em;
  width:100%;
  text-align:center;
  background:#d0ece7;
  padding:5px 0px;
  height:auto;
  margin:10px 0px;
  border-radius: 10px;
  box-shadow: #E6E6E6 3px 3px 3px;
}
.marco2 > p {
  color:#45b39d;
  font-size:1.1em;
  text-align:justify;
}
.subtitulo {
  color:#009688;font-size:1.8em;width:100%;text-align:center;background:#d0ece7;padding:15px;height:auto;
}
.marco4 {
  width:35%;
  padding:5px;
  text-align:center;
}
.marco4 > img {
  border:#f1c40f solid 5px; 
  margin:0px;
  border-radius:3%;
}
.marco3 {
  width:65%;
  padding:5px;
  margin-top:10px;
  
}
.marco3 > label {
  margin:0px auto;
  color:#45b39d;
  font-size:1.3em;
  text-align:center;
  width: 100%;
}
.marco3 > p {
  margin:0px 50px;
  color:#45b39d;
  font-size:1.3em;
  text-align:justify;
}
.marco5 {
  width:60%;
  padding:15px;
  margin:10px auto;
}
.subtitulo { /*  REPTIDO  */
  color:#009688;font-size:1.8em;width:100%;text-align:center;background:#d0ece7;padding:15px;height:auto;
}
.marco6 {
  width:60%;
  padding:5px;
}
.marco6 > img {
  border:#f1c40f solid 5px; 
  margin:0px;
  border-radius:3%;
}
.marco7 {
  width:40%;
  padding:0px 25px;
  margin-bottom:5px;
  border-bottom:#E6E6E6 solid 2px;
}
.marco7 > label {
  color:#f1c40f;
  font-size:1.8em;
  width:100%;
  text-align:center;
  background:#d0ece7;
  padding:5px 0px;
  height:auto;
  margin:10px 0px;
  border-radius: 10px;
  box-shadow: #E6E6E6 3px 3px 3px;
}
.marco7 > p {
  color:#45b39d;
  font-size:1.2em;
  text-align:justify;
}
.especial {
  color:#45b39d;
  font-size:1.2em;
  text-align:center;
  background: #e6e6e6;
  padding:20px;
  box-shadow: #d0ece7 3px 3px 3px;
  border-radius: 10px;
}
.principal {
  color:#45b39d;
  font-size:1.4em;
  text-align:justify;
  background: #e6e6e6;
  padding:20px;
  box-shadow: #d0ece7 3px 3px 3px;
  border-radius: 10px;
}
.subtitulo { 
  color:#009688;
  font-size:1.8em;
  width:100%;
  text-align:center;
  background:#d0ece7;
  padding:15px;
  height:auto;
}

@media screen and (max-width: 800px) {
  .titulocabeza {
    font-size:1.5em;
    font-weight:bold;
    color:#16a085 ;
    padding:10px; 
    text-shadow:#a4a4a4 3px 3px 3px; 
    letter-spacing: 0;
    padding-top:30px;
    font-style: italic;
  }
  #contenedor-menu{
      width:50%;
      height:100%;
      left:-150%;
      margin:0;
      position: fixed;
  }
  .marco1 {
    width:100%;
  }
  .marco2 {
    width:100%;
  }
  .marco3 {
    width:100%;
  }
  .marco4 {
    width:100%;
  }
  .marco5 {
    width:100%;
  }
  .marco6 {
    width:100%;
  }
  .marco7 {
    width:100%;
  }
}