::-webkit-scrollbar {
  width: 5px;
  height: 3px;
}
/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px white;
  border-radius: 5px;
}
/* Handle */
::-webkit-scrollbar-thumb {
  background: #e9c828;
  border-radius: 50px;
}

body{
  padding:0;
  margin:0;
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  line-height: 1.8em;

}
header {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: #fff;
    width: 100%;
    text-align: center;
    background-color: #261e63;
}
a.enlace-header:hover {
    color: #f3cb1b;
}

a.enlace-header {
    color: white;
    line-height: 5em;
    margin-right: 3em;
}
img.logo {
    float: left;
    margin-top: 10px;
    margin-left: 30px;
    margin-right: -30px;
}
main {
    position: relative;
    width: 100vw;
    height: 100vh;
    -webkit-overflow-scrolling: touch;
}

.wrapper {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    flex-wrap: nowrap;
    width: auto;
}

.wrapper > div {
/*    pointer-events: none;*/
    flex: 0 0 auto;
    width: auto;
    height: 100vh;
    margin: 0;
/*    display: flex;*/
/*    justify-content: center;
    align-items: center;*/
}
.seccion {
  height: 100vh;
  padding: 10px;
}
.espacio {
    min-height: 1.5em;
    display: block;
}
a {
    text-decoration: none;
}
.contenido {
  display: block;
}
img.icono {
    width: auto !important;
    height: 50px;
}
a.enlace-servicios {
	padding: 10px 20px;
    color: white;
    border: 2.6px solid #fff;
    line-height: 5em;
}
a.enlace-servicios:hover {
    background: #363636;
}
a.enlace-servicios-amazon {
	padding: 10px 20px;
    color: #000;
    border: 2.6px solid #000;
    line-height: 5em;
}
a.enlace-servicios-amazon:hover {
    background: #fff;
}

.contenedor-servicios {
    position: absolute;
    top: 45%;
    min-width: 350px;
    padding: 0 40px;
}

/*nueva version abril 2021*/
p {
    margin: 0;
    padding: 0;
	font-size:1.4em;
}
h2 {
    margin: 0;
    padding: 0;
}


h3.titulo-seccion-servicios {
    color: #fff;
    font-size: 2.2em;
    font-weight: 600;
    line-height: 0.9em;
    padding: 0;
    margin: 0;
}
a.comenzar-proyecto:hover {
    background: #fff;
}
a.comenzar-proyecto {
    padding: 15px 40px;
    color: #363636;
    border: 2.5px solid #363636;
    text-transform: uppercase;
    font-size: 1.2em;
}

img.logo-nuevo {
    max-width: 290px !important;
	margin-top: 1px;
	margin-left: 140px;
}
.titulo-principal {
    margin-left: 10%;
}

/********************************************INICIO*/
#inicio {
  background-image: url(/archivos/inicio.jpg);
  min-width: 75%;
  background-size: cover;
  display: flex;
/*  justify-content: center;*/
  align-items: center;
}
h1 strong {
    color: #f4d227;
}
h1 {
    font-family: Arial;
    font-size: 6em;
    line-height: 0.9em;
    font-weight: 800;
    margin: 0;
}
.titulo-principal h1 {
	color:#000;
}
.titulo-principal h2 {
    font-size: 3em;
    font-weight: 100;
    line-height: 1em;
    margin-bottom: 40px;
	color:#000;
}
.titulo-principal a.comenzar-proyecto:hover {
    background: #fff;
}
.titulo-principal a.comenzar-proyecto {
    padding: 15px 40px;
    color: #000;
    border: 4px solid #000;
    text-transform: uppercase;
    font-size: 1.7em;
    background: transparent;
}
p.contenido-servicios {
    max-width: 100%;
}
/**************NUESTROS TRABAJOS******/
.nuestros-trabajos {
  background-image: url(/archivos/fondo-nuestros-trabajos.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  min-width: 25%;
  display: flex;
/*  align-items: center;
  justify-content: center;
	*/
}
.contenido.nuestros-trabajos-contenido {
    position: absolute;
    bottom: 5%;
}
a.nuestros-trabajos-boton:hover {
    background: #f4d227;
    color: black;
    box-shadow: 0 0 10px darkgrey;
}
a.nuestros-trabajos-boton {
    background: #fff;
    padding: 15px 30px;
    font-weight: 600;
}
p.nuestros-trabajos-texto {
    background: #2f286a;
    max-width: 65%;
    padding: 5px;
}

/**************ESTRATEGIA******/
.estrategia {
  background-image: url(/archivos/fondo-estrategia.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  min-width: 25%;
}
/**************DISEÑO WEB******/
.disenoweb {
  background-image: url(/archivos/fondo-disenoweb.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  min-width: 25%;
}
/**************MARKETING******/
.marketing {
  background-image: url(/archivos/fondo-marketing.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  min-width: 25%;
}
/**************SEM************/
.sem {
  background-image: url(/archivos/fondo-sem.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  min-width: 25%;
}
/**************CALL OUT************/
.callout {
  background-image: url(/archivos/fondo-callout.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  min-width: 37%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.titulo-callout strong {
    color: #f4d227;
}
/**************CONTACTO************/
.contacto {
  background-color: #2d2d2d;
  background-size: cover;
  background-repeat: no-repeat;
  min-width: 26%;
}
.contenedor-formulario {
    display: block;
    /* text-align: center; */
    margin-top: 45%;
    margin-left: 50%;
    transform: translate(-50%);
}
.contacto label {
    color: #c6c6c6;
	
}
.fh input, .contacto textarea {
    background: #3f3f3f;
    border: 0;
    color: white;
    width: 100%;
    margin-bottom: 13px;
}
.fh input {
    height: 1.7em;
}
/*
.contenedor-formulario input[type="submit"] {
    background: #f3cb1c;
    padding: 8px;
}
*/

.fh-enviar {
    border: 2px solid #dcdcdc;
    background: none;
    font-size: 1em;
    padding: 10px 15px;
    color: #dcdcdc;
    margin-top: 20px;
    margin-left: 50%;
    transform: translate(-50%);
}
.titulo-contacto {
    text-align: center;
}
.contacto a {
	color: #6d6d6d;
}

/**************MAPA************/
.mapa {
  background-color: #aa1447;
  min-width: 37%;
}
div#mapa {
    height: 91vh;
    margin-top: 9vh;
}

.topnav-movil {
    display: none;
}

@media screen and (max-width: 768px) {
.contenedor-header {
    display: none;
}
h1 {
    font-size: 3em !important;
}
a.comenzar-proyecto {
    padding: 10px 15px;
    font-size: 1em !important;
}
.titulo-principal h2 {
    font-size: 2em;
}
#inicio {
    min-width: 85%;
}
.nuestros-trabajos, .estrategia, .disenoweb, .marketing, .sem, .callout, .contacto, .mapa {
    min-width: 80%;
}
.titulo-callout {
    max-width: 90%;
}
.contenido.nuestros-trabajos-contenido {
    width: 80%;
}
div#mapa {
	height: 93vh;
    margin: 7vh 0 0 0;
}
	
	
/* menú móvil*/
.topnav-movil {
    display: block;
}
.topnav-movil {
  overflow: hidden;
  background-color: #1a1447;
  position: absolute;
  z-index: 1;
  width: 100%;
}

.topnav-movil #misEnlaces {
  display: none;
}

.topnav-movil a {
  color: white;
  padding: 10px 10px;
  text-decoration: none;
  font-size: 20px;
  display: block;
}

.topnav-movil a.icon {
  background: #1a1447;
  display: block;
  position: absolute;
  right: 5px;
  top: 5px;
}

.topnav-movil a:hover {
  background-color: #ddd;
  color: black;
}

.activo {
  background-color: #1a1447;
  color: white;
}
img.logo-nuevo {
	margin-left: 0;
}	
p.contenido-servicios {
    max-width: 75%;
}
/*final menú móvil*/
	
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 12px 16px;
  z-index: 1;
}

.dropdown:hover .dropdown-content {
  display: block;
}


p.caldera-forms-consent-field-agreement {
    display: inline !important;
}


.titulo-amazon {
    color: #000 !important;
    font-size: 1.7em;
    font-weight: 600;
    line-height: 0.9em;
}
.contenido-amazon {
	color: #000 !important;
	font-size: 1.4em;
}