@charset "utf-8";
/* CSS Document */

* { border:0;
margin:0;
padding:0;
box-sizing:border-box;}
a { text-decoration:none; color:#646569;}
img, video { max-width:100%;}
a:hover, input[type="submit"]:hover { opacity:0.8;}
input[type="submit"] { -webkit-appearance: none;}
strong, .top-r, h4, #main p.boton-presup a, .form input[type="submit"], .cotiz input[type="submit"]
  {font-family: 'verdana'; font-weight:normal;}
h1, h2, h3,  h5, h6, strong { font-weight:normal; }

body { font-family: 'verdana', sans-serif; font-size:15px; color:#646569; background:#fff;  }

#top, #slide { display:block; width:100%;}
.cont { width:940px; margin:0 auto;}

.col2, .col3 { display:inline-block; vertical-align:top;}
.col2 { width:460px;}
.col3 { width:300px;}
.right-gap {margin-right:16px;}
.left-gap {margin-left:16px;}
.bottom-gap {margin-bottom:20px;}

#top { height:80px; }
#top .cont {padding:14px 0;}
#top h1, #top .top-r { display:inline-block;  vertical-align:middle;}
/* #top h1 { width:20%;  } */
#top .top-r{ width:75%; text-align:left; margin-left:42px; }

.top-r {font-size:18px;}
.top-r span {background:#efeeee; display:inline-block;padding:10px;}
.top-r span img {vertical-align:middle;}
.top-r span.wh {color:#2b3044; width:200px;text-align:left;}
.top-r span.wh img {padding-right:25px;}
.top-r span.wh strong {vertical-align:middle;}

.cap { background-color:#FFFFFF !important;}
.cap2 { background-color:#636569 !important;}
.cap2 a {color:#FFFFFF; font-size:13px; padding: 0 18px; font-weight: 100;font-family: 'din-regular';}


#nav { background: #2b3044; display:block;}
ul#menu li { display:inline-block;  vertical-align:middle;}

#slide { height:560px; background:#eee; }

#home, #main { padding:40px 0;}
#home .col2 { background: #2b3044;  position:relative; height:140px;}
#home .col2 a {color:#fff; text-align:center; text-transform:uppercase; font-size:28px; width:100%;
position: absolute;  top: 50%;
  transform: translateY(-50%);}

#tit { height:380px; background-repeat:no-repeat; background-position:center; background-size:cover;}  
.seh {background:linear-gradient(
      rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6) ),
    url(images/seguridad-e-higiene.png);} 
.seho {background:linear-gradient(
      rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6) ),
    url(images/seguridad-e-higiene-en-obra.png);} 
.mon {background:linear-gradient(
      rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6) ),
    url(images/monitoreo-de-seguridad.png);} 
.auto {background:linear-gradient(
      rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6) ),
    url(images/sistemas-de-autoproteccion.png);} 
.inc {background:linear-gradient(
      rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6) ),
    url(images/sistemas-contra-incendios.png);} 
.perm {background:linear-gradient(
      rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6) ),
    url(images/permisos-y-habilitaciones.png);} 
.arq {background:linear-gradient(
      rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6) ),
    url(images/opting-arquitectura.png);} 	
.ing {background:linear-gradient(
      rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6) ),
    url(images/opting-ingenieria.png);} 	
.tienda {background:linear-gradient(
      rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6) ),
    url(images/tienda.jpg);} 	
.prevencion{background:linear-gradient(
      rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6) ),
    url(images/prevencion-top.jpg);} 	
.tecnologia{background:linear-gradient(
      rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6) ),
    url(images/tecnologia.jpg);} 
.desinfeccion{background:linear-gradient(
      rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6) ),
    url(images/desinfeccion.jpg);} 		
.mentoria{background:linear-gradient(
      rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6) ),
    url(images/mentoria.jpg);} 	
.laboratorio{background:linear-gradient(
      rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6) ),
    url(images/laboratorio.jpg);} 	
.stup {background:linear-gradient(
      rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6) ),
    url(images/usa.jpg);} 						
		
#tit h2 { color:#fff; font-size:35px; text-align:center; text-transform:uppercase; padding-top:135px;}
#tit h2:after {content:""; height:4px; width:300px; background-color:#2b3044; display:block; margin:36px auto;}
#tit h5 { color:#fff; font-size:15px; text-align:center; text-transform:uppercase; }

#main p { text-align:justify;}
#main h4 {color:#2b3044; font-size:15px;}
#main p, #main h4, #main ul, #main ol { margin-bottom:25px; line-height:21px;}
#main p.boton-presup { text-align:center; text-transform:uppercase; font-size:18px; margin-bottom:20px; margin-top:40px;
 line-height:1; }
#main p.boton-presup a {color:#2b3044; border:solid 1px #2b3044; display:block; line-height:40px; width:350px; /* margin:0 auto;*/}
#main p.boton-presup a:hover {color:#fff; background-color: #2b3044; opacity:1;}
#main ul { list-style-image:url(images/bullet.png); margin-left:15px;}
#main ol { list-style:none;}
#main ol strong {color:#2b3044;}

#main.ing-a {font-size:0;}
#main.ing-a a { display:inline-block; text-align:center; color:#2b3044; font-size:17px; width:20%; padding-top:160px; vertical-align:top; margin-bottom:40px; line-height:1.2}
#main.ing-a a { background-repeat:no-repeat !important; background-position:top center !important; 
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;}
#main.ing-a a.uno { background:url(images/servicio-01a.png);}
#main.ing-a a.uno:hover { background:url(images/servicio-01b.png);}
#main.ing-a a.dos { background:url(images/servicio-02a.png);}
#main.ing-a a.dos:hover { background:url(images/servicio-02b.png);}
#main.ing-a a.tres { background:url(images/servicio-03a.png);}
#main.ing-a a.tres:hover { background:url(images/servicio-03b.png);}
#main.ing-a a.cuatro { background:url(images/servicio-04a.png);}
#main.ing-a a.cuatro:hover { background:url(images/servicio-04b.png);}
#main.ing-a a.cinco { background:url(images/servicio-05a.png);}
#main.ing-a a.cinco:hover { background:url(images/servicio-05b.png);}
#main.ing-a a.seis { background:url(images/servicio-06a.png);}
#main.ing-a a.seis:hover { background:url(images/servicio-06b.png);}


#main.ing-a a.nuno { background:url(images/prevencion-a.png);}
#main.ing-a a.nuno:hover { background:url(images/prevencion-b.png);}

#main.ing-a a.ndos { background:url(images/arquitectura-a.png);}
#main.ing-a a.ndos:hover { background:url(images/arquitectura-b.png);}

#main.ing-a a.ntres { background:url(images/tecnologia-a.png);}
#main.ing-a a.ntres:hover { background:url(images/tecnologia-b.png);}

#main.ing-a a.ncuatro { background:url(images/desinfeccion-a.png);}
#main.ing-a a.ncuatro:hover { background:url(images/desinfeccion-b.png);}

#main.ing-a a.ncinco { background:url(images/mentoria-a.png);}
#main.ing-a a.ncinco:hover { background:url(images/mentoria-b.png);}

#main.ing-a a.nseis { background:url(images/lavoratorio-a.png);}
#main.ing-a a.nseis:hover { background:url(images/lavoratorio-b.png);}


#main.nosotros, #main.contacto, #main.cotiz { padding:36px 0 40px 0;}
#main.mision, #main.politica { padding:36px 0 25px 0;}
#main.equipo { padding:36px 0 20px 0;}
#main.gray, .politica .col2{  background-color:#efeeee;}
.nosotros h2, .mision h2, .politica h2, .equipo h2, .contacto h2, .cotiz h2 { font-size:35px; color:#2b3044; text-transform:uppercase; margin-bottom:30px; text-align:center;}
.mision .col3 { min-height:250px; background:#fff;}
.mision .col3, .politica .col2 { padding:18px 22px; margin-bottom:20px;}
.mision h5 { text-align:center; font-size:17px; margin-bottom:24px; font-weight:normal; color:#2b3044;}
#main.mision p { font-size:14px; line-height:19px; text-align:left; margin-bottom:0;}
#main.mision p.descarga, #main.politica p.descarga { text-align:center; font-size:12px; line-height:normal; margin-top:3px; margin-bottom:0;}
.politica .col2 { min-height:120px;}
#main.politica .col2 p { margin-bottom:0; text-align:center; color:#2b3044;}
.equipo h5 {text-align:center; font-size:17px; color:#2b3044; margin-bottom:40px;}
.equipo h5 span { color:#646569; display:block;}
.equipo .col3 img { display:block; margin:0 auto 20px auto; }


#main.contacto .col3 p{ text-align:center;}
.contacto .col3 strong {color:#2b3044;}
.contacto .col3 img { display:block; margin:0 auto 20px auto; }
.form { background:#646569; color:#AFAEB0; }
.form form {  overflow:hidden;}
.form input, .form select, .form textarea {padding:10px; color:#fff; font:inherit; border:solid 1px #87898c; height:40px; background:#646569; width:300px; display:inline-block; vertical-align:top; margin-bottom:20px; }
.form textarea { height:100px; width:100%;}
.form input[type="submit"] {background:#2b3044; color:#fff;  padding:0; border:none;font-size:15px; width:300px; float:right; margin-bottom:0;}
.form input[type="submit"]:hover { opacity:0.8;}
#main.form p { display:inline-block; vertical-align:middle; margin-top:; width:600px; line-height:40px;}

#map { height:400px; text-align:center;}

#main.cotiz p { text-align:center; margin-bottom:36px;}
#main.cotiz h4 {color:#2b3044; font-size:15px; margin:20px 0px;}
.cotiz form { }
.cotiz input, .cotiz select, .cotiz label { padding:10px; color:#646569; font:inherit; border:solid 1px #89898C; height:40px; background:#fff;  vertical-align:top; margin-bottom:20px; }
.cotiz input, .cotiz label { width:460px; display:inline-block;}
.cotiz input:nth-of-type(odd) { margin-right:16px;}
.cotiz select { width:100%; display:block;}
.cotiz input[type="submit"] {color:#2b3044;  padding:0; border:solid 1px #2b3044; font-size:18px;  text-align:center; display:block; margin:20px auto; width:300px;}
.cotiz input[type="submit"]:hover { color:#fff; background-color: #2b3044; opacity:1;}
.cotiz input[type="file"] { padding:0; width:281px; margin-left:-5px;}
.cotiz label { width:180px;  cursor:pointer;}

  
#app { padding:40px 0; background:#646569; text-align:center; font-size:17px;}
#app a { color:#fff;}
#app img { vertical-align:middle;}

#footer { padding:20px 0; font-size:12px; }
#footer div { vertical-align:middle;}
#footer div.center { text-align:center;}
#footer div.right { text-align:right;}

.form ::placeholder{ opacity:1; color:#fff; }
.cotiz ::placeholder{ opacity:1; color:#646569; }
::-webkit-input-placeholder { opacity:1;}
::-moz-placeholder {  opacity:1;}
:-ms-input-placeholder {  opacity:1;}

/*round*/
.top-r span, #main p.boton-presup a, .cotiz input[type="submit"] { border-radius:20px;
-moz-border-radius:20px;
-ms-border-radius:20px;
-o-border-radius:20px;
-webkit-border-radius:20px;	}


#mprincip{font-size:35px; color:#FFFFFF; text-align:center;}

.cuad50{ width:49%; margin:40px 0;}
.izquierda{ float:left; }
.derecha{float:right; } 

.cuad50 h5{font-size:15px; color:#2b3044;}

.bna{    background: #2b3044;
    color: #fff;
    padding: 10px;
    border: none;
    font-size: 15px;
    width: 300px;
    margin-bottom: 0;
	text-align: center;
	margin-top: 8px;
}

.bna a{color:#FFFFFF; }


.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.quinto{ width:20%; text-align:center; display:block; margin:40px auto; }
.quinto p{color:#FFFFFF; }

#consulta{width:300px !important;}

.dosveinte{float:left; width:220px; margin-right: 30px;}
.experto{margin: 0 250px;}
#shright2{width: 56%;    float: right;}


.fecha{position:absolute; width:60px; height:60px; margin-top:20px; z-index:999; display:block; background-color:#2b3044; padding:12px; color:#FFFFFF; font-size:14px; text-align: center;}
.g{margin-top: -490px !important;}

.iconos{width:30%; margin: 6px 13px; text-align:center;  padding: 0 0 10px 0; box-sizing:border-box; display:inline-block; vertical-align: top; background-color:#FFFFFF; }
.iconos a { font-size:18px; font-weight:700; color:#999999; }
.iconos img{padding-bottom:9px; }


@media screen and (max-width: 940px){
#top{height:110px;}
#top h1, #top .top-r {
    text-align: center;
    width: 100%;
    display: block;
	margin-left: 0;
}

.cont { width:97%; }
.col3, .form select,  { width:31.5%;}
.col2, .cotiz input { width:48.6%;}
#main.form p { width:60%;}
.right-gap, .cotiz input:nth-of-type(2n+1) { margin-right:2.2%;}
.left-gap { margin-left:2.2%;}
.cotiz label { width:23.7%; padding-right:0;}
.cotiz input[type="file"] { width:25%;}
.cotiz input[type="submit"] { width:31.5%; margin-right:auto !important;}
#shright2 { display:inline-block; width: 98%;  float: none;}
.col3{margin-right: 1.2em;}
.diviconos {width: 45% !important; margin: 40px 2.2% !important; }
}

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

}

@media screen and (max-width: 768px) {
#slide { height:auto;}	
#top {
    height: 180px;
}
h1{margin-bottom: 20px;}
#main.ing-a a { width:33%; }
.col3 {    width: 31%;}
}

@media screen and (max-width: 685px){
.right-gap, .cotiz input:nth-of-type(2n+1) { margin-right:2%;}
.left-gap { margin-left:2%;}	
.cotiz label { font-size:13px;}
.top-r span {margin: 6px; padding:5px; }
}

@media screen and (max-width: 600px){
#top h1, #top .top-r,
#main.ing-a a, #main p.boton-presup a,
.form input, .form select, .form input[type="submit"], #main.form p,
.col2, .col3, .cotiz input, .cotiz input[type="submit"]  { width:100%; display:block;}
.cotiz label { width:31%; font-size:15px; }
.cotiz input[type="file"] { width:69%; display:inline-block;}
#top h1, #top .top-r { text-align:center;}
#top h1 { margin-bottom:10px;}
/*#top { height:120px;}*/
.right-gap, .cotiz input:nth-of-type(2n+1){ margin-right:0; margin-bottom:20px;}
#footer div, #footer div.center, #footer div.right { text-align:center;}
.nosotros .col2 img { margin:0 auto; display:block;}
.mision .col3, .politica .col2 { min-height: auto;}
#tit h2 { padding-top:80px;}
.cuad50 {    width: 100%;}
#consulta{width:100% !important;}
.sh{ display:inline-block; }
.experto{margin:0; padding: 0 10px; }
.dosveinte{ float:none;} 
#shright { margin:20px; }
#shleft{max-width: 88%; }
.mision .col3{ text-align: center;}
.bna{ margin-bottom:30px !important; }
.base{height: 1px;};
.fecha {margin-top: 20px;}
.diviconos {    width: 96% !important;}
}

@media screen and (max-width: 480px){
.cotiz label { width:41%; font-size:12px; }
.cotiz input[type="file"] { width:59%; }
}



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

#top{height:174px;}
.top-r span { margin-top:4px; }
}

@media screen and (max-width: 390px){
#top .top-r { font-size:16px;}
.top-r span.wh { width:180px;}
.quinto p {    font-size: 12px;}
.quinto h2{    font-size: 28px !important;}
}

@media screen and (max-width: 360px){
	#top {    height: 195px;}
}

.container {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.items {
  display: flex;
  align-items: center;
  width: fit-content;
  animation: carouselAnim 50s infinite alternate linear;
}

.entry {
  display: flex;
  align-items: center;
  flex-direction: column;
  position: relative;
  width: 375px;
  background: #fff;
  margin: 1em;
  padding: 0.5em;
}

@media only screen and (max-width: 768px) {
  .items {
    animation: carouselAnim 55s infinite alternate linear;
  }
  
  @keyframes carouselAnim {
    from {
      transform: translate(0, 0);
    }
    to {
      transform: translate(calc(-100% + (17 * 300px)));
    }
  }
}

.entry p {
  text-align: center;
  padding: 1em;
}

.name {
  font-weight: bold;
}

@keyframes carouselAnim {
  from {
    transform: translate(0, 0);
  }
  to {
    transform: translate(calc(-100% + (5 * 300px)));
  }
}

.container .faders {
  width: 100%;
  position: absolute;
  height: 100%;
}