html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, p, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, a, td, section {margin:0;padding:0;list-style: none;font-family: 'Open Sans', sans-serif;outline:0;font-size:100%;vertical-align:baseline;text-decoration: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
 :focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse:collapse;border-spacing:0;}

:root{
  	--color-fondo : #005db4;
  	--color-input : #e0e0e0;
  	--boton-nombre : url(/apps/imag/2020/media_kit/contacto/nombre.svg);
  	--boton-consulta : url(/apps/imag/2020/media_kit/contacto/consulta.svg);
  	--boton-mail : url(/apps/imag/2020/media_kit/contacto/mail.svg);
  	--boton-marca : url(/apps/imag/2020/media_kit/contacto/marca.svg);
}

 ::-webkit-input-placeholder { color: var(--color-fondo);font-weight: normal;} 
 :-moz-placeholder{ /* Firefox 18- */ color: var(--color-fondo);font-weight: normal;} 
 ::-moz-placeholder{ /* Firefox 19+ */color: var(--color-fondo);font-weight: normal;} 
 :-ms-input-placeholder{color: var(--color-fondo);font-weight: normal;}


@media only screen and (max-width: 767px){

	.wrapper{width: 100%;margin: 15vw 0;} 
	.wrapper .formulario{width: 95%;max-width: 768px;margin: auto;} 
	.wrapper .formulario .titular{width: 100%;margin: 0 0 12.5vw 0;} 
	.wrapper .formulario .titular p{color: var(--color-fondo);font-weight: bold;text-align: center;font-size: 10vw;} 
	.wrapper .formulario form .fila-contenido{display: inline-flex;flex-flow: nowrap row;align-items: center;width: 100%;background: var(--color-input);min-height: 18.75vw;border-radius: 5px;padding: 0 4.6875vw;} 
	.wrapper .formulario form{display: grid;grid-gap: 15px;position: relative;}
	.wrapper .formulario form .fila-contenido span.logo{width: 9.375vw;height: 9.375vw;margin: 0 3.125vw 0 0;}
	.wrapper .formulario form .fila-contenido span.logo.nombre{background: var(--boton-nombre) no-repeat center;background-size: contain;}
	.wrapper .formulario form .fila-contenido span.logo.email{background: var(--boton-mail) no-repeat center;background-size: contain;}
	.wrapper .formulario form .fila-contenido span.logo.consulta{background: var(--boton-consulta) no-repeat center;background-size: contain;}
	.wrapper .formulario form .fila-contenido span.logo.agencia-marca{background: var(--boton-marca) no-repeat center;background-size: contain;}
	.wrapper .formulario form .fila-contenido input[type="text"],
	.wrapper .formulario form .fila-contenido input[type="email"],
	.wrapper .formulario form .fila-contenido textarea{background: var(--color-input);border: none;color: var(--color-fondo);display: block;height: 60px;width: 100%;font-family: 'Open Sans', sans-serif;font-size: 5vw;}
	.wrapper .formulario form .fila-contenido textarea{resize: vertical;max-height: 62.5vw;padding:3.125vw 0 0 0;overflow: auto;}
	.wrapper .formulario form .btn-enviar{width: 100%;margin: 12.5vw 0 0 0;}
	.wrapper .formulario form .btn-enviar input[type="submit"]{width: 70.3125vw;height: 18.75vw;background: var(--color-fondo);border: none;color: white;border-radius: 50px;font-size: 10vw;font-weight: bold;display: block;margin: auto;font-family: 'Open Sans', sans-serif;cursor: pointer;}
	

	footer{width: 100%; height: 15.25vw; background: black; display: flex; align-items: center; } 
	footer .logo-footer{width: 21.875vw; margin: 0 0 0 5vw; } 
	footer .logo-footer img{width: 100%; height: auto; }

	.wrapper .formulario form .cont-errores{width: 100%;margin: auto;height: auto;position: absolute;bottom: -10vw;} 
  	.wrapper .formulario form .cont-errores .cont-errores-single{display: table;width: 300px;margin: auto;height: auto;} 
  	.wrapper .formulario form .cont-errores .cont-errores-single span{font-family: lato, sans-serif;font-size: 14px;text-align: center;color: #000;display: table-cell;vertical-align: middle;margin: auto;font-weight: bold;/* text-shadow: 0px 2px 0px #fef204; */}

}

@media only screen and (min-width: 768px){
	.wrapper{width: 100%; margin: 200px 0; } 
	.wrapper .formulario{width: 100%;max-width: 768px;margin: auto;position: relative;} 
	.wrapper .formulario .titular{width: 100%; margin: 0 0 40px 0; } 
	.wrapper .formulario .titular p{color: var(--color-fondo); font-weight: bold; text-align: center; font-size: 3.0625rem; } 
	.wrapper .formulario form{display: grid;grid-gap: 15px;}
	.wrapper .formulario form .fila-contenido{display: inline-flex;flex-flow: nowrap row;align-items: center;width: 100%;background: var(--color-input);min-height: 60px;border-radius: 5px;padding: 0 15px;position: relative;} 
	.wrapper .formulario form .fila-contenido span.logo{width: 30px;height: 30px;margin: 0 10px 0 0;}
	.wrapper .formulario form .fila-contenido span.logo.nombre{background: var(--boton-nombre) no-repeat center;background-size: contain;}
	.wrapper .formulario form .fila-contenido span.logo.email{background: var(--boton-mail) no-repeat center;background-size: contain;}
	.wrapper .formulario form .fila-contenido span.logo.consulta{background: var(--boton-consulta) no-repeat center;background-size: contain;}
	.wrapper .formulario form .fila-contenido span.logo.agencia-marca{background: var(--boton-marca) no-repeat center;background-size: contain;}
	.wrapper .formulario form .fila-contenido input[type="text"],
	.wrapper .formulario form .fila-contenido input[type="email"],
	.wrapper .formulario form .fila-contenido textarea{background: var(--color-input);border: none;color: var(--color-fondo);display: block;height: 60px;width: 100%;font-family: 'Open Sans', sans-serif;}
	.wrapper .formulario form .fila-contenido textarea{resize: vertical;max-height: 200px;padding:10px 0 0 0;overflow: auto;}
	.wrapper .formulario form .btn-enviar{}
	.wrapper .formulario form .btn-enviar input[type="submit"]{width: 225px;height: 60px;background: var(--color-fondo);border: none;color: white;border-radius: 50px;font-size: 2.1875rem;font-weight: bold;display: block;margin: auto;font-family: 'Open Sans', sans-serif;cursor: pointer;}
	
	footer{width: 100%; background: black;display: flex; justify-content: flex-start; align-items: center; } 
	footer .logo-footer{margin: 15px 0 15px 15px;} 
	footer .logo-footer img{max-height: 100px; min-width: 100px; display: block; margin: auto; }

  	.wrapper .formulario form .cont-errores{width: 100%;margin: auto;height: auto;position: absolute;bottom: -50px;} 
  	.wrapper .formulario form .cont-errores .cont-errores-single{display: table;width: 300px;margin: auto;height: auto;} 
  	.wrapper .formulario form .cont-errores .cont-errores-single span{font-family: lato, sans-serif;font-size: 14px;text-align: center;color: #000;display: table-cell;vertical-align: middle;margin: auto;font-weight: bold;/* text-shadow: 0px 2px 0px #fef204; */}

}