@font-face {
    font-family: "Helvetica";
    font-style: normal;
    font-weight: normal;
    src: local("?"), url("HelveticaNeueLTPro-Th.woff") format("woff"), url("HelveticaNeueLTPro-Th.ttf") format("truetype");
  }

body{
	font-family: "Helvetica";
	width:100%;
	margin:auto;}
.cabecera {
	width:100%;
	text-align:center;
	float:left;}
.barra{
	float:left;
	background-color:#000;
	color:#FFF;
	width:100%}
.barra h1 {
	margin-top:0px;
	margin-bottom:0px;
	margin-left:60px;
	font-size:24px;
	letter-spacing:60px;
	text-align:center;}
.social{
	float:left;}
.nosotros{
	width:800px;
	margin:auto;
	}
.slogan{
	background-image: url(../imagenes/clicpublicidad-nosotros.gif);
	width:800px;
	float:left;
	margin-top: 0px;
	background-repeat: no-repeat;
}
.t1{
	font-size:120px;
	text-align:center;
	margin-top:280px;
	margin-bottom:0px;
	letter-spacing:5px;
	color:#999;
	}
.t1_2{
	font-size:90px;
	text-align:center;
	margin-top:-30px;
	margin-bottom:0px;
	letter-spacing:3px;
	color:#999;
	}
.t1_3{
	font-size:150px;
	text-align:center;
	margin-top:-30px;
	margin-bottom:30px;
	letter-spacing:5px;
	color:#F53133;
	}
.cuerpo{
	float:left;
	width:800px;
	}
.cuerpo p{
	font-size:20px;}
#menu{
	float:left;
	width:800px;
	text-align:right;
	background-image:url(../fondos/redes.fw.png);
		}
.t2{
	font-size:80px;
	text-align:right;
	margin-top:-30px;
	margin-bottom:0px;
	
}
.t2_1{
	font-size:65px;
	text-align:right;
}

.nosotros p{
	text-align:justify;
	margin-left:30px;
	margin-right:30px;}
.mv1{
	width:739px;
	height:97px;
	margin-left:30px;
	background-image: url(../imagenes/posicionamiento-web.gif);
	background-color: #F53133;
	color: #FFF;
	background-repeat: no-repeat;
}
.mv1 h1{
	font-size:45px;
	margin-left:100px;
	margin-top:15px;
	float:left;}
.mv2{
	width:739px;
	height:97px;
	margin-top:25px;
	margin-left:30px;
	background-image: url(../imagenes/diseno-web1.gif);
	background-color: #F53133;
	color: #FFF;
	background-repeat: no-repeat;
}
.mv2 h1{
	font-size:60px;
	margin-left:100px;
	margin-top:10px;
	float:left;}
.mv3{
	width:739px;
	height:97px;
	margin-top:25px;
	margin-left:30px;
	background-image: url(../imagenes/marca1.gif);
	background-color: #F53133;
	color: #FFF;
	background-repeat: no-repeat;
}
.mv3 h1{
	font-size:70px;
	margin-left:100px;
	margin-top:10px;
	float:left;}
.mv4{
	width:739px;
	height:97px;
	margin-top:25px;
	margin-left:30px;
	background-image: url(../imagenes/impresos.png);
	background-color: #F53133;
	color: #FFF;
	background-repeat: no-repeat;
}
.mv4 h1{
	font-size:65px;
	margin-left:100px;
	margin-top:0px;
	float:left;}{
  position:left 
  top:0;
  z-index:9999 // por si las dudas que tengan otro elemento con z-index positivo
}
.posicionamiento{
	float: left;
	background-image: url(../fondos/megafono.gif);
	background-repeat: no-repeat;
	background-position: center top;
	width: 800px;
}
.t1p{
	font-size:80px;
	margin-left:60px;
	margin-top:950px;
	margin-bottom:10px;
	color:#fff;
	}
.posicionamiento p{
	margin-left:15px;
	text-align:justify;
	color:#FFF;
	font-size:27px;
	}
.tex2p{
	float: left;
	background-image: url(../fondos/posicionamiento.gif);
	width: 800px;

	margin-top: -27px;
	background-repeat: no-repeat;
}
.t2p{
	color:#00AA0F;
	margin-top:160px;
	margin-left:380px;
	font-size:35px;
	margin-bottom:10px;}
.tex2p p{
	text-align:right;
	color:#00AA0F;
	font-size:21px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
	}
.tcp{
	margin-top:50px;
	float:right;
	width:300px;}	
.tc{
	float:right;
	margin-top:15px;
	background-color:#52B63A;
	color:#FFF;
	padding-left:5px;
	padding-right:5px;

	}
.dw{
	float:left;
	background-image: url(../fondos/brocha.gif);
	width:800px;
	height:2284px;}
.t1dw{
	margin-top:150px;
	margin-left:100px;
	color:#FFF;
	font-size:70px;}
.t2dw{
	margin-top:-63px;
	margin-left:100px;
	color:#FFF;
	font-size:49px;}
.t3dw{
	margin-top:-45px;
	margin-left:150px;
	color:#FFF;
	font-size:69px;}
.t4dw{
	float:right;
	width:800px;
	margin-top:10px;}
.t5dw{
	margin-top:690px;
	margin-left:150px;
	color:#FFF;
	font-size:90px;}
.t6dw{
	margin-top:-75px;
	margin-bottom:0px;
	color:#FFF;
	font-size:70px;}
.t7dw{
	margin-top:0px;
	margin-left:60px;
	margin-bottom:0px;
	color:#FFF;
	font-size:50px;
	letter-spacing:10px;
	word-spacing:10px;}
.dw p{
	margin-top:-40px;
	margin-left:105px;
	margin-right:130px;
	font-size:17px;
	text-align:justify;
	color: #EEE;}
.dw h2{
	margin-top:30px;
	float:right;
	margin-right:130px;
	color:#FFF;
	font-size:20px;
	}
.tdw{
	float:right;
	width:800px;
	font-size:17px;
	color: #EEE;
	}
.tdw p{
	margin-top:0px;
	text-align:right;}
.tcdw{
	margin-top:-10px;
	float:right;
	width:300px;
	margin-right:130px;}	
.tc2{
	float:right;
	
	margin-top:15px;
	background-color:#fff;
	color: #F53133;
	padding-left:5px;
	padding-right:5px;

	}
.impresos{
	float:left;
	clear: both;
	width:800px;
	height:1773px;
	background-image:url(../fondos/impresos.png);}
.tci{
	font-size:100px;
	margin-bottom:0px;}
.tci1{
	margin-left:80px;
	margin-top:450px;
	font-size:75px;
	margin-bottom:0px;
	color:#FFF;}
.tci2{
	margin-left:80px;
	font-size:50px;
	margin-bottom:0px;
	margin-top:-25px;
	color:#FFF;}
.tci3{
	margin-left:80px;
	font-size:75px;
	margin-bottom:0px;
	margin-top:-25px;
	color:#FFF;}
.impresos p{
	font-size: 16px;
	margin-top: -10px;
	margin-right: 50px;
	margin-left: 50px;
	color: #ECEAE6;
}
.it{
	float:left;
	width:220px;
	margin-top:80px;
	margin-left:200px;
	font-size:15px;
	text-align:justify;
	color: #666;}
.ic{
	float:left;
	text-align:center;
	margin-top:5px;
	margin-left:57px;}
.ic h1{
	margin-top:-19px;
	margin-bottom:0px;
	font-size:50px}
.ic h2{
	margin-top:0px;
	margin-bottom:0px;
	font-size:40px}
.ic h3{
	margin-top:-14px;
	margin-bottom:0px;
	font-size:25px}
.ic h4{
	margin-top:-7px;
	margin-bottom:0px;
	font-size:20px}
.it1{
	float: right;
	text-align: right;
	width: 800px;
	margin-top: 140px;
	margin-right: 90px;
	font-size: 60px;
	color: #E8E8E8;
}
.it2{
	float: right;
	text-align: right;
	width: 800px;
	margin-top: -60px;
	margin-right: 90px;
	font-size: 60px;
	color: #E28E00;
}
.it3{
	float: right;
	text-align:center;
	width: 800px;
	margin-top: 340px;
	font-size: 34px;
	color: #E28E00;
}
.it4{
	float: right;
	text-align: center;
	width: 800px;
	margin-top:-20px;
	font-size: 31px;
	color: #E28E00;
}
.it5{
	float: right;
	text-align: center;
	width: 800px;
	margin-top:-25px;
	font-size: 50px;
	color: #fff;
}
.marca{
  float: left;
  width: 800px;
  height: 1592px;
  background-image: url(../fondos/marca.gif);
  background-repeat: no-repeat;
}
.marca p{
	margin-top:670px;
	font-size:22px;
	text-align:justify;}
	.cielo{
		float: left;
		left:0px;
		bottom:0px;
		position:fixed;}
.contacto{
  float: left;
  background-image: url(../fondos/contacto.gif);
  height: auto;
  background-repeat: no-repeat;
}
	
.contacto .cuadro{
	width: 800px;
	float:left;
	margin-top: 250px;
	background-color: #D5D5D5;
}
	
.mapa{
	width:780px;
	margin-top:250px;
	background-color:#046225;
	border:10px #030303 solid;
	float:left;
}
    .mapa2{
        width:780px;
        margin-top:50px;
        background-color:#046225;
        border:10px #030303 solid;
        float:left;
        
        }
	
	
	
	
	
	
	
	
	

/* /////////////////////////////////////////////////////////////////comienza formulario */
.contact_form{
    width: 800px;
    margin-top:50px;
    margin-bottom:40px;
}

/* Botón flotante de WhatsApp */
.whatsapp-float {
  position: fixed;
  right: 24px;
  bottom: 24px;
  width: 85px;
  height: 85px;
  border-radius: 50%;
  background: #ffffff;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ffffff;
  box-shadow: 0 10px 20px rgba(0,0,0,0.25), 0 6px 6px rgba(0,0,0,0.15);
  text-decoration: none;
  z-index: 10000;
  transition: transform 150ms ease, box-shadow 150ms ease;
  animation: floaty 3s ease-in-out infinite;
}
.whatsapp-float img {
  width: 70px;
  height: 70px;
  object-fit: contain;
}

/* Tamaño mayor en móviles */
@media (max-width: 600px) {
  .whatsapp-float {
    width: 110px;
    height: 110px;
  }
  .whatsapp-float img {
    width: 90px;
    height: 90px;
  }
}
.whatsapp-float:hover {
  transform: scale(1.08);
  box-shadow: 0 14px 28px rgba(0,0,0,0.28), 0 10px 10px rgba(0,0,0,0.18);
}
.whatsapp-float:focus-visible {
  outline: 3px solid #ffffff;
  outline-offset: 3px;
}
@keyframes floaty {
  0% { transform: translateY(0); }
  50% { transform: translateY(-4px); }
  100% { transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) {
  .whatsapp-float { animation: none; }
}
@media print {
  .whatsapp-float { display: none; }
}

/*--- estilos para los ul y li del formulario ---*/



.contact_form label {

    color: #000;

    display: inline-block;

    float: left;

    font-family: sans-serif;

    font-size: 13px;

    font-weight: bold;


    padding: 3px;

 width:650px; 
	margin-left:50px;

}
.contact_form input {

    height:20px; 

    width:650px; 
	margin-left:50px;
    padding:5px 8px;
	

}

.contact_form textarea {

    padding:8px; 
 width:650px; 
	margin-left:50px;

}

.contact_form button {
	float:right;
	margin-top:30px;
	margin-right:70px;
	margin-bottom:50px;

}

/*----- estilos visuales de los elementos --------*/

.contact_form input, .contact_form textarea { 

    border:1px solid #aaa;

   
    font-size: 12px;

    padding-right:30px;

    -moz-transition: padding .25s; 

    -webkit-transition: padding .25s; 

    -o-transition: padding .25s;

    transition: padding .25s;

}



.contact_form input:required:valid, .contact_form textarea:required:valid {

    box-shadow: 0 0 5px #5cd053;

    border-color: #28921f;

}

.contact_form input:focus:invalid, .contact_form textarea:focus:invalid {

    box-shadow: 0 0 5px #d45252;

    border-color: #b03535

}
/* === Estilos del boton de Envio === */

button.submit {

    padding: 9px 17px;

   font-family: Helvetica, Arial, sans-serif;

   font-weight: bold;
  

}

button.submit:hover {

    opacity:.55;

    cursor: pointer; 

    color: #fff;

}

button.submit:active {

    border: 1px solid #222;

    box-shadow: 0 0 10px 5px #444 inset; 

}
.marco{
	width: 984px;
	margin:auto;}
#aviso{
	width:100%
	margin:auto;}
#aviso a{
	color:#333;
	font-size:12px;
	}

/* Mobile overrides eliminados para dejar comportamiento de diseño fijo.
   El escalado proporcional se gestiona con viewport width=800 en web/index.html */