@font-face {
    font-family: 'Imprint MT Shadow';
    src: url('../font/Imprint MT Shadow Regular.ttf');
}

.tituloseccion {
    font-family: 'Imprint MT Shadow';
    font-size: 3rem;
    text-align: center;
}

div#logoinicio {
    margin-bottom: 3%;
}

body {
    margin: 0px;
    background: #dedfdf;
    display: flex;
    font-family: arial;
    font-size:1rem;
    width: 97%;
    /*
    background-image: url("../img/Backgray.png");
    background-position-x: right;
    */
    background-image: url(../img/Backred.png), url(../img/Backgray.png);
    background-position-x: left, right;
    background-attachment: fixed, fixed;
    background-repeat: no-repeat, no-repeat;
    background-size: 50%;
    
}

div#imagencabecera {
    background-image: url("../img/image0002.png");
    background-size: contain;
    background-repeat: no-repeat;
    /* object-fit: revert; 
    background-attachment: fixed;
    height: 65vh;
    width: 100%;*/
    align-content: center;
}

div#logoinicio1 {
    background-image: url('../img/Backred.png');
    background-size: contain;
    background-repeat: no-repeat;
    /* object-fit: revert; */
    background-attachment: fixed;
  
  user-select: none; /*Standard method. Can use in Google Chrome*/
  -webkit-user-select: none; /*Standard method. Can use in Safari*/
  -moz-user-select: none; /*Standard method. Can use in Firefox*/
  -ms-user-select: none; /*Standard method. Can use in Internet Explorer or Edge*/
}


img.imagencabecera1 {
    width: 100%;
    height: auto;
  
  user-select: none; /*Standard method. Can use in Google Chrome*/
  -webkit-user-select: none; /*Standard method. Can use in Safari*/
  -moz-user-select: none; /*Standard method. Can use in Firefox*/
  -ms-user-select: none; /*Standard method. Can use in Internet Explorer or Edge*/
}
  

p#titulopagina {
    text-align: center;
    font-size: 2rem;
    color: #e67067;
    padding-top: 7%;
    font-weight: 800;
    text-shadow: 2px 2px #e7d2d0;
    display: flex;
    align-items: center;
    word-break: break-all;
    justify-content: center;
    
    user-select: none; /*Standard method. Can use in Google Chrome*/
    -webkit-user-select: none; /*Standard method. Can use in Safari*/
    -moz-user-select: none; /*Standard method. Can use in Firefox*/
    -ms-user-select: none; /*Standard method. Can use in Internet Explorer or Edge*/
}

p#texto {
    text-align: center;
    font-size: 1.3rem;
    color: #c8eefd;
    font-weight: 800;
    text-shadow: 2px 2px #032837;
    display: flex;
    align-items: center;
    word-break: break-all;
    justify-content: center;
}

div#container {
    /*margin: 10px 15px 10px 70px;*/
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: flex-start;
    align-items: center;
    /*
    background-image: url(../img/Backred.png);
    background-repeat: repeat-y;
    background-size: 50%;
    */
}

div#sections {
    /*margin: 10px 15px 10px 70px;*/
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: flex-start;
    align-items: center;
}


/*SECCIONES*/
section#servicios {
    background-repeat: repeat-y;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 8%;
    margin-top: 8%;
}

section#financiamiento {
    background-repeat: repeat-y;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 8%;
    margin-top: 8%;
}

section#nuestrasapps {
    background-repeat: repeat-y;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 8%;
    margin-top: 8%;
}

section#clientes {
    background-repeat: repeat-y;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 8%;
    margin-top: 8%;
}

section#cursos {
    background-repeat: repeat-y;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 8%;
    margin-top: 8%;
}

section#contacto {
    background-repeat: repeat-y;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 8%;
}


  
@media screen and (max-width: 799px) {
  img.imgtitulo {
      width: 80%;
      margin-top: 5%;
      
      user-select: none; /*Standard method. Can use in Google Chrome*/
      -webkit-user-select: none; /*Standard method. Can use in Safari*/
      -moz-user-select: none; /*Standard method. Can use in Firefox*/
      -ms-user-select: none; /*Standard method. Can use in Internet Explorer or Edge*/
  }
}
  
@media (min-width: 800px) {
  img.imgtitulo {
      width: 50%;
      
      user-select: none; /*Standard method. Can use in Google Chrome*/
      -webkit-user-select: none; /*Standard method. Can use in Safari*/
      -moz-user-select: none; /*Standard method. Can use in Firefox*/
      -ms-user-select: none; /*Standard method. Can use in Internet Explorer or Edge*/
  }
}
/*SECCIONES FIN*/


.buttonNavbar {
  margin-left:5px;
	box-shadow:inset 0px 39px 11px -19px #e67a73;
	background:linear-gradient(to bottom, #f90909 5%, #c31919  100%);
	background-color:#e4685d;
	border-radius:0px 0px 50px 50px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Verdana;
	font-size:13px;
	padding:6px 15px;
	text-decoration:none;
	text-shadow:-2px 1px 0px #570404; /*b23e35*/
    
  user-select: none; /*Standard method. Can use in Google Chrome*/
  -webkit-user-select: none; /*Standard method. Can use in Safari*/
  -moz-user-select: none; /*Standard method. Can use in Firefox*/
  -ms-user-select: none; /*Standard method. Can use in Internet Explorer or Edge*/
}

.buttonNavbar:hover {
	background:linear-gradient(to bottom, #c31919 5%, #f90909 100%);
	background-color:#c31919;
}

.buttonNavbar:active {
	position:relative;
	top:1px;
}

.logocreadoresnavbar {
    width: 160px;
    
    user-select: none; /*Standard method. Can use in Google Chrome*/
    -webkit-user-select: none; /*Standard method. Can use in Safari*/
    -moz-user-select: none; /*Standard method. Can use in Firefox*/
    -ms-user-select: none; /*Standard method. Can use in Internet Explorer or Edge*/
}

.logocreadoresnavbar2 {
    width: 350px;
    
    user-select: none; /*Standard method. Can use in Google Chrome*/
    -webkit-user-select: none; /*Standard method. Can use in Safari*/
    -moz-user-select: none; /*Standard method. Can use in Firefox*/
    -ms-user-select: none; /*Standard method. Can use in Internet Explorer or Edge*/
}

footer {
  background: #d03533;
  color: #FFF;
  text-align: center;
  font-size: 0.8rem;
  width:100%; 
  line-height: 5vh;
}
  
/*FUENTES DE LETRAS*/
  
p.textosecciontitulo {
  font-size: 1.3rem;
  font-weight: bold;
}

p.textoseccion {
  font-size: 1rem;
  margin-left:5%;
    margin-top: 2%;
}

p.textocontacto {
    color: #00b0f0;
    font-weight: bold;
    font-size: 1.2rem;
}

.textoapps {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    text-align: justify;
    font-size: 0.9rem;
}

img.imagenapps {
    width: 16%;
    margin: 15px;
}


.go-top-btn {
  position: fixed;
  bottom: 20px;
  right: 20px;
  padding: 10px;
	background:linear-gradient(to bottom, #d23936 5%, #e8625a 100%);
  color: #fff;
  text-decoration: none;
  display: none;
}

.go-top-btn:hover {
	background:linear-gradient(to bottom, #e8625a 5%, #d23936 100%);
  text-decoration: none;
  color: #fff;
}

p.textoseccion2 {
  text-align: justify;
    font-size: 1rem;
  margin-left:5%;
}

img.iconcontact {
    width: 5%;
}

p.textocenter {
    text-align: center;
}
  
.rengloncurso {
  margin-left:8%;
}


    
@media (max-width: 800px) {
  body {
      font-size:2rem;
  }

  p#titulopagina {
      font-size: 2rem;
  }

  p#texto {
      font-size: 1.2rem;
  }

  p.textoseccion {
      font-size: 1.2rem;
  }

  footer {
    font-size: 1.2rem;
  }
  
  /*FUENTES DE LETRAS*/
  p.textosecciontitulo {
    font-size: 1.4rem;
  }

  p.textocontacto {
    font-size: 1.4rem;
  }

  .textoapps {
    font-size: 1.2rem;
  }

  p.textoseccion2 {
    font-size: 1.2rem;
    margin-left:5%;
  }
  
  .rengloncurso {
    font-size: 1.2rem;
    margin-left:8%;
}
    
  /*FUENTES DE LETRAS*/
}

header.header {
    margin-right: -2%;
}

a.terminos {
    color: #e4c5c9;
    text-decoration: none;
    font-weight: 500;
}

a.terminos:hover {
    color: #FFF;
    text-decoration: none;
    font-weight: 500;
}