*{ box-sizing: border-box; }

body.white-theme {
  --back-color       : #ffffff;
  --text-color       : #333333;
  --text-color-hover : #111111;
	--bgpie-color			 : #336699;
  --grad-bgclientes  : linear-gradient(180deg, rgb(255,255,255,1) 0%, rgb(0,0,0,0) 30%), linear-gradient(66deg, #792C86 0%, #7E4495 7%, #8A74B4 21%, #9297CB 34%, #97ADD9 44%, #99B5DE 51%, #98B1DB 60%, #95A6D4 68%, #9194C8 76%, #8B7AB7 84%, #8358A2 92%, #793088 99%, #792D86 100%);
	--grad-staff			 : #ffffff;
	--bgmenu-color		 : rgb(100,100,100,0.7);
	--bgini-color			 : rgba(0, 0, 0, 0.25) none repeat scroll 0% 0%;
	--text-serv-menu	 : #000000;
	--text-serv-menuh	 : #000000;
	--text-serv-bg	   : rgb(255,255,255,0.8);
	
  --title-color      : #2A3B47;
  --light-text-color : #A0A7AC;
  --border-color     : #EFF3F5;
  --container-color  : #FFFFFF;
  --body-color       : #FBFBFE;
  --container-shadow : 0 1px 4px rgba(146,161,176,.15);

  --contact-input-bg : rgb(255,255,255,0.7);
  --contact-input-txt: #000;
	--contact-bg			 : transparent linear-gradient(190deg, #ffffff 0%, #ffffff 50%,  #5CC3D6 71%, #A33C8E 100%) 0% 0% no-repeat padding-box;
	--contact-button-bg: #ffffff;
	--contact-button-color: #EA1D47;
	--contact-txt-caja: #fff;
}

body.dark-theme {
  --back-color       : #111111;
  --text-color       : #eee;
  --text-color-hover : #ffffff;
	--bgpie-color			 : #002346;
  --grad-bgclientes  : linear-gradient(180deg, rgb(0,0,0,1) 15%, rgb(255,255,255,0) 60%), linear-gradient(66deg, #792C86 0%, #7E4495 7%, #8A74B4 21%, #9297CB 34%, #97ADD9 44%, #99B5DE 51%, #98B1DB 60%, #95A6D4 68%, #9194C8 76%, #8B7AB7 84%, #8358A2 92%, #793088 99%, #792D86 100%);	
	--grad-staff			 : linear-gradient(180deg, rgb(0,0,0,0) 70%, rgb(0,0,0,1) 100%);
	--bgmenu-color		 : rgb(20,20,20,0.7);
	--bgini-color			 : rgba(0, 0, 0, 0.5) none repeat scroll 0% 0%;
	--text-serv-menu	 : #fff;
	--text-serv-menuh	 : #fff;
	--text-serv-bg	   : rgb(0,0,0,0.8);
 	
	
  --title-color      : #EFF3F5;
  --light-text-color : #A0A7AC;
  --border-color     : #2A3B47;
  --container-color  : #212E36;
  --body-color       : #192229;
  --container-shadow : none;

  --contact-input-bg : rgb(0,0,0,0.7);
  --contact-input-txt: #ffffff;
	--contact-bg			 : transparent linear-gradient(190deg, #111111 0%, #111111 20%, #31442D 50%,  #5CC3D6 71%, #A33C8E 100%) 0% 0% no-repeat padding-box;
	--contact-button-bg: #ffffff;
	--contact-button-color: #EA1D47;
	--contact-txt-caja: #fff;

}
#btn_audio{
  position:absolute;
	text-align:left;
	margin-left:3vw;
	top:38vh;
}
#btn_audio img{
  width:60px;
}
body {
  background : var(--body-color);
  color      : var(--text-color);
	font-family: 'Raleway', sans-serif;
}
.txt_popup{
  font-size:16px;
}
.contact_input{
  background: var(--contact-input-bg);
	color: var(--contact-input-txt);
	width:100%;
	border:0px;
	margin:10px 0px 10px 0px;
	padding:8px;
	font-size:15px;
}
.contact_textarea{
  background-color: var(--contact-input-bg);
	color: var(--contact-input-txt);
	width:100%;
	height: 150px;
	border:0px;
	margin:10px 0px 10px 0px;
	padding:8px;
	resize:none;
	font-size:15px;
}
#div_contacto_l{
  display:inline-block;
	width:40%;
	vertical-align:top;
	text-align:left;
	font-size:15px;
}
#div_contacto_r{
  display:inline-block;
	width:40%;
	vertical-align:top;
	text-align:left;
	font-size:18px;
  background: transparent linear-gradient(45deg, #9D1A80 0%, #C13E66 35%, #DC5A53 60%, #ED6B48 80%, #F37144 100%) 0% 0% no-repeat padding-box;
  background-clip: padding-box;
	padding:30px;
	color:var(--contact-txt-caja);
}
#contacto_img_ico{
 margin-top:10px;
 font-size:35px;
 line-height:10px;
}
#contacto_img_ico2{
 margin-top:10px;
 font-size:40px;
 line-height:10px;
}
#contacto_tit2{
  font-size:28px;
	margin-top:3px;
	font-weight:600;
}
.acontacto, .acontacto:link, .acontacto:visited{
  color:var(--contact-button-bg);
  text-decoration:none;
}
.acontacto:hover{
/*  text-decoration:underline;*/
	color:#3333ff;
}
#contacto_tit3{
  font-size:40px;
	font-weight:600;
}
.contact_btn_enviar{
  text-align:center;
	width:100%;
	max-width:500px;
	background-color: var(--contact-button-bg);
	color: var(--contact-button-color);
	padding:15px;
	margin-top:10px;
	font-weight:bold;
	transition:0.5s;
	cursor: pointer;
}
.contact_btn_enviar:hover{
	transform: scale(1.08);
}
#cont_contacto{
  background: var(--contact-bg);
  opacity: 1;
}
#popup_margenes{
  padding:0px 15px 15px 15px;
	text-align:justify;
}
.txt_popup_tit{
  font-size:18px;
	margin-top:5px;
	color:var(--text-color);
}
.txt_popup_tit_popup{
  font-size:18px;
	margin-top:5px;
	color:#333;
}
.txt_titulo_sseccion{
  font-size:30px;
	margin-bottom:10px;
}
.recuadro_top{
  padding: 1rem;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-image: url("");
<?/*  position: absolute;*/?>
	z-index:300;
}
.recuadro_top_borde{
  height: 96vh;
  width: 100%;
  position: relative;
  background: transparent none repeat scroll 0% 0%;
  border-color: white;
  border-style: solid;
  border-width: 0.4rem;
  z-index: 600;
  border-image: linear-gradient(to right, rgb(255, 255, 255) 0%, rgb(223, 239, 215) 0%, rgb(195, 224, 179) 0%, rgb(169, 211, 146) 0%, rgb(148, 200, 119) 0%, rgb(131, 191, 97) 0%, rgb(118, 185, 80) 0%, rgb(108, 180, 68) 0%, rgb(103, 177, 61) 0%, rgb(102, 177, 60) 0%, rgb(92, 194, 205) 0%, rgb(92, 195, 214) 0%, rgb(111, 199, 188) 8%, rgb(160, 209, 123) 24%, rgb(239, 226, 20) 47%, rgb(255, 230, 0) 51%, rgb(252, 211, 9) 55%, rgb(224, 17, 105) 100%, rgb(224, 17, 105) 100%) 1 / 1 / 0 stretch;
}
.recuadro_portfolio_borde{
  height: 96vh;
  width: 100%;
  position: relative;
  background: transparent none repeat scroll 0% 0%;
  border-color: white;
  border-style: solid;
  border-width: 0.4rem;
  z-index: 600;
  border-image: linear-gradient(90deg, #521E7B 2%, #5B4F76 13%, #637C73 26%, #699C70 37%, #6DB06E 46%, #6FB86E 52%, #6DB06F 59%, #699B72 68%, #637977 80%, #5A4A7E 93%, #552F83 100%) 1 / 1 / 0 stretch;
}

.recuadro_servicios_borde{
  height: 96vh;
  width: 100%;
  position: relative;
  background: transparent none repeat scroll 0% 0%;
  border-color: white;
  border-style: solid;
  border-width: 0.4rem;
  z-index: 600;
  border-image: linear-gradient(90deg, #A33C8E 0%, #A33C8E 0%, #9F4A93 3%, #8479AD 18%, #6EA1C3 32%, #60B9D1 43%, #5CC3D6 50%, #5CC2CD 56%, #5EBFB6 65%, #61BB90 77%, #65B55C 90%, #69B130 100%) 1 / 1 / 0 stretch;
}

.recuadro_contacto_borde{
  height: 96vh;
  width: 100%;
  position: relative;
  background: transparent none repeat scroll 0% 0%;
  border-color: white;
  border-style: solid;
  border-width: 0.4rem;
  z-index: 600;
  border-image: linear-gradient(90deg, #9D1A80 0%, #C13E66 15%, #DC5A53 29%, #ED6B48 42%, #F37144 51%, #EE6C46 61%, #E2604F 72%, #CD4B5E 83%, #AF2F72 94%, #9C1C80 100%) 1 / 1 / 0 stretch;
}


.rec2{
  position: absolute;
  inset: 0px;
  z-index: 500;
}
.int{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 1;
  overflow: hidden;
}
#video_vimeo{
width: 130vw !important;
height: 56.25vw !important;
min-height: 120vh !important;
min-width: 177.77vh !important;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 0px;
}
#video_vimeo_popup{
width: 100% !important;
height: 100% !important;
min-height: 450px; !important;
padding: 0px;
}

#bg_ini{
  background: var(--bgini-color);
  position: absolute;
  inset: 0px;
  z-index: 100;
}
#bg_ini_top{
  position: absolute;
  inset: 0px;
	margin-top:45vh;
  z-index: 601;
}

#tit_servicios{
  width: fit-content;
  background: transparent linear-gradient(90deg, #A33C8E 0%, #A33C8E 0%, #9F4A93 3%, #8479AD 18%, #6EA1C3 32%, #60B9D1 43%, #5CC3D6 50%, #5CC2CD 56%, #5EBFB6 65%, #61BB90 77%, #65B55C 90%, #69B130 100%) 0% 0% no-repeat padding-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
							
  font-size: 50px;
  -webkit-text-fill-color: transparent;
  text-align: center;
	font-family: 'Raleway', sans-serif;
	font-weight:800;
	margin:4rem 0px 0px 0px;
}

#tit_servicios_serv{
  width: fit-content;
  background: transparent linear-gradient(90deg, #A33C8E 0%, #A33C8E 0%, #9F4A93 3%, #8479AD 18%, #6EA1C3 32%, #60B9D1 43%, #5CC3D6 50%, #5CC2CD 56%, #5EBFB6 65%, #61BB90 77%, #65B55C 90%, #69B130 100%) 0% 0% no-repeat padding-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
							
  font-size: 60px;
  -webkit-text-fill-color: transparent;
  text-align: center;
	font-family: 'Raleway', sans-serif;
	font-weight:800;
}
#separador_serv{
  height:50px;
}
#separador_serv_txt{
  height:50px;
}
#tit_portfolio{
  width: fit-content;
  background: transparent linear-gradient(90deg, #521E7B 2%, #5B4F76 13%, #637C73 26%, #699C70 37%, #6DB06E 46%, #6FB86E 52%, #6DB06F 59%, #699B72 68%, #637977 80%, #5A4A7E 93%, #552F83 100%) 0% 0% no-repeat padding-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  font-size: 50px;
	margin:4rem 0px 0px 0px;
	font-family: 'Raleway', sans-serif;
	font-weight:700;
}
#tit_portfolio_serv{
  width: fit-content;
  background: transparent linear-gradient(90deg, #521E7B 2%, #5B4F76 13%, #637C73 26%, #699C70 37%, #6DB06E 46%, #6FB86E 52%, #6DB06F 59%, #699B72 68%, #637977 80%, #5A4A7E 93%, #552F83 100%) 0% 0% no-repeat padding-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  font-size: 60px;
  margin: 4rem 0px;
	font-family: 'Raleway', sans-serif;
	font-weight:700;
}


#tit_staff, #tit_staff_int{
  width: fit-content;
  background: transparent linear-gradient(90deg, #45A735 0%, #87BD22 15%, #C7D30F 31%, #EFE004 42%, #FFE600 48%, #FDDC01 54%, #FBC305 64%, #F69A0C 77%, #EF6215 92%, #EC411B 100%) 0% 0% no-repeat padding-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
	margin:4rem 0px 0px 0px;
  opacity: 1;
  font-size: 50px;
	font-family: 'Raleway', sans-serif;
	font-weight:700;
}
#tit_clientes{
  width: fit-content;
  background: transparent linear-gradient(90deg, #5CC3D6 0%, #95CF8A 13%, #C2D94F 25%, #E3E024 36%, #F7E409 43%, #FFE600 48%, #FADE06 54%, #EFC818 63%, #DBA536 74%, #C1745F 87%, #A33D8F 100%) 0% 0% no-repeat padding-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  margin: 4rem 0px;
  opacity: 1;
  font-size: 50px;
	font-family: 'Raleway', sans-serif;
	font-weight:700;
}
#tit_contacto{
  width: fit-content;
  background: transparent linear-gradient(90deg, #9D1A80 0%, #C13E66 15%, #DC5A53 29%, #ED6B48 42%, #F37144 51%, #EE6C46 61%, #E2604F 72%, #CD4B5E 83%, #AF2F72 94%, #9C1C80 100%) 0% 0% no-repeat padding-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  margin: 4rem 0px;
  opacity: 1;
  font-size: 50px;
	font-family: 'Raleway', sans-serif;
	font-weight:700;
}
#aloj_tit{
/*  padding: 4rem 1rem 0px;
/*  background: white none repeat scroll 0% 0%;*/
  display: flex;
  flex-direction: column;
  -moz-box-pack: center;
  justify-content: center;
  -moz-box-align: center;
  align-items: center;
}

#item_slide{
  display:inline-block;
  width:23%;
}
#item_slide img{
  width:100%;
}

#contenidofin{
  width:100%;
	margin:0px auto 0;
  font-family:'Open Sans', sans-serif;
	font-size:12px;
	color:var(--text-color);
  text-transform: none; /*uppercase*/
	letter-spacing:1px; 
	padding-top:100px;
	padding-bottom:15px;
	margin-top:0px; 
/*	height:65px;*/
}
.bg_pie{
  bottom:0px;
	background-color:var(--bgpie-color);
	position:fixed;
	width:100%;
	z-index:-10;
	text-shadow: 0px 0px 3px #000;
}

.item_redes{
  display:inline-block;
	font-size:20px;
	transition:0.5s;
/*	text-shadow: 0px 0px 3px #555;*/
	margin-top:30px;
	margin-bottom:30px;
	padding-left:50px;
	padding-right:50px;
}
.item_redes:hover{
	transform: scale(1.08);
}
.item_redes a, .item_redes a:hover, .item_redes a:link, .item_redes a:visited{
	color:var(--text-color);
	text-decoration:none;
}
.separador_menu{
  padding-top:10px;
	padding-bottom:10px;
	/*border-top:2px solid var(--text-color);*/
	/*border-bottom:2px solid var(--text-color);*/
	margin-bottom:20px;
}

html{
	margin-top: 0px !important; 
}
body{
  margin:0px;
	font-family: 'Raleway', sans-serif;
	font-size:20px;
}
#div_servicios,#div_clientes,#div_nosotros{
  position:absolute;
	margin-top:-60px;
}

#itemboton{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
	width:100%;
}

.boton_home_serv{
  display:inline-block;
  width:90%;
	margin: 0.5rem 2rem;
  padding: 30px;
  font-size: 30px;
  text-align: center;
  cursor: pointer;
  border-color: transparent;
  border-style: solid;
  border-width: 0.4rem;
	transition:0.5s;
	color:var(--text-serv-menu);
	font-weight:600;
	background-color:rgb(0,0,0,0.65);
}
.boton_home_serv_hover{
  cursor: pointer;
  border-color: transparent;
  border-style: solid;
  border-width: 0.4rem;
  border-image: linear-gradient(to right, rgb(255, 255, 255) 0%, rgb(223, 239, 215) 0%, rgb(195, 224, 179) 0%, rgb(169, 211, 146) 0%, rgb(148, 200, 119) 0%, rgb(131, 191, 97) 0%, rgb(118, 185, 80) 0%, rgb(108, 180, 68) 0%, rgb(103, 177, 61) 0%, rgb(102, 177, 60) 0%, rgb(92, 194, 205) 0%, rgb(92, 195, 214) 0%, rgb(111, 199, 188) 8%, rgb(160, 209, 123) 24%, rgb(239, 226, 20) 47%, rgb(255, 230, 0) 51%, rgb(252, 211, 9) 55%, rgb(224, 17, 105) 100%, rgb(224, 17, 105) 100%) 1.5 / 1.5 / 0 stretch;
	transform: scale(1.08);
	color:var(--text-serv-menuh);
	background-color:var(--text-serv-bg);
	font-weight:600;
}



.boton{
  display:inline-block;
	margin: 0.5rem 2rem;
  padding: 1rem;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
  border-color: transparent;
  border-style: solid;
  border-width: 0.4rem;
	transition:0.5s;
	font-weight:bold;
	color:var(--text-color);
}
.boton:hover{
  cursor: pointer;
  border-color: white;
  border-style: solid;
  border-width: 0.4rem;
  border-image: linear-gradient(to right, rgb(255, 255, 255) 0%, rgb(223, 239, 215) 0%, rgb(195, 224, 179) 0%, rgb(169, 211, 146) 0%, rgb(148, 200, 119) 0%, rgb(131, 191, 97) 0%, rgb(118, 185, 80) 0%, rgb(108, 180, 68) 0%, rgb(103, 177, 61) 0%, rgb(102, 177, 60) 0%, rgb(92, 194, 205) 0%, rgb(92, 195, 214) 0%, rgb(111, 199, 188) 8%, rgb(160, 209, 123) 24%, rgb(239, 226, 20) 47%, rgb(255, 230, 0) 51%, rgb(252, 211, 9) 55%, rgb(224, 17, 105) 100%, rgb(224, 17, 105) 100%) 1 / 1 / 0 stretch;
	transform: scale(1.08);
}
.boton_sel{
  display:inline-block;
	margin: 0.5rem 2rem;
  padding: 1rem;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
  border-color: transparent;
  border-style: solid;
  border-width: 0.4rem;
	transition:0.5s;
	font-weight:bold;
	color:var(--text-color);
  cursor: pointer;
  border-color: white;
  border-style: solid;
  border-width: 0.4rem;
  border-image: linear-gradient(to right, rgb(255, 255, 255) 0%, rgb(223, 239, 215) 0%, rgb(195, 224, 179) 0%, rgb(169, 211, 146) 0%, rgb(148, 200, 119) 0%, rgb(131, 191, 97) 0%, rgb(118, 185, 80) 0%, rgb(108, 180, 68) 0%, rgb(103, 177, 61) 0%, rgb(102, 177, 60) 0%, rgb(92, 194, 205) 0%, rgb(92, 195, 214) 0%, rgb(111, 199, 188) 8%, rgb(160, 209, 123) 24%, rgb(239, 226, 20) 47%, rgb(255, 230, 0) 51%, rgb(252, 211, 9) 55%, rgb(224, 17, 105) 100%, rgb(224, 17, 105) 100%) 1 / 1 / 0 stretch;
	transform: scale(1.08);
}
.item_home_serv_contd{
  display:inline-block;
	position:relative;
	width:45%;
	text-align:center;
	height:280px;
	opacity: 1;
	transition:1s;
	background-size: 100% auto;
	margin-bottom:50px;
	vertical-align:top;
	margin-right:0px;
	/*box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);*/
}
.item_home_serv_contd::before {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background-size: cover;
  filter: grayscale(100%);
  opacity:50%;
	transition:0.5s;
  background-image: url('/img/servicios/home/contenido-digital.jpg?i=1');
}
.item_home_serv_contd_h{
  display:inline-block;
	position:relative;
	width:45%;
	text-align:center;
	height:280px;
	opacity: 1;
	transition:1s;
	background-size: 100% auto;
	margin-bottom:50px;
	vertical-align:top;
	margin-right:0px;
	/*box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);*/
}
.item_home_serv_contd_h::before {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background-size: cover;
  background-image: url('/img/servicios/home/contenido-digital.jpg?i=1');
	transition:0.5s;
}

.item_home_serv_wppr{
  display:inline-block;
	position:relative;
	width:45%;
	text-align:center;
	height:280px;
	opacity: 1;
	transition:1s;
	background-size: 100% auto;
	vertical-align:top;
	margin-left:0px;
	margin-top:0px;
}
.item_home_serv_wppr::before {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background-size: cover;
  background-image: url('/img/servicios/home/we-post-pro.jpg?i=3');
  filter: grayscale(100%);
  opacity:50%;
	transition:0.5s;
}
.item_home_serv_wppr_h{
  display:inline-block;
	position:relative;
	width:45%;
	text-align:center;
	height:280px;
	opacity: 1;
	transition:1s;
	background-size: 100% auto;
	vertical-align:top;
	margin-left:0px;
	margin-top:0px;
}
.item_home_serv_wppr_h::before {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background-size: cover;
  background-image: url('/img/servicios/home/we-post-pro.jpg?i=3');
	transition:0.5s;
}



.item_home_serv_outs{
  display:inline-block;
	position:relative;
	width:45%;
	text-align:center;
	height:280px;
	opacity: 1;
	transition:1s;
	background-size: 100% auto;
	vertical-align:top;
	margin-left:0px;
}
.item_home_serv_outs::before {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background-size: cover;
  background-image: url('/img/servicios/home/outsourcing-home.jpg?i=1');
  filter: grayscale(100%);
  opacity:50%;
	transition:0.5s;
	margin-bottom: 50px;	

}
.item_home_serv_outs_h{
  display:inline-block;
	position:relative;
	width:45%;
	text-align:center;
	height:280px;
	opacity: 1;
	transition:1s;
	background-size: 100% auto;
	vertical-align:top;
	margin-left:0px;
}
.item_home_serv_outs_h::before {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background-size: cover;
  background-image: url('/img/servicios/home/outsourcing-home.jpg?i=1');
	transition:0.5s;
	margin-bottom: 50px;	

}
.item_home_serv_prod{
  display:inline-block;
	position:relative;
	width:45%;
	text-align:center;
	height:280px;
	opacity: 1;
	transition:1s;
	background-size: 100% auto;
	vertical-align:top;
	margin-left:0px;
	margin-top:0px;
	margin-bottom: 50px;	
	
}
.item_home_serv_prod::before {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background-size: cover;
  background-image: url('/img/servicios/home/servicios-de-produccion.jpg?i=1');
  filter: grayscale(100%);
  opacity:50%;
	transition:0.5s;
}
.item_home_serv_prod_h{
  display:inline-block;
	position:relative;
	width:45%;
	text-align:center;
	height:280px;
	opacity: 1;
	transition:1s;
	background-size: 100% auto;
	vertical-align:top;
	margin-left:0px;
	margin-top:0px;
	margin-bottom: 50px;	
}
.item_home_serv_prod_h::before {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background-size: cover;
  background-image: url('/img/servicios/home/servicios-de-produccion.jpg?i=1');
	transition:0.5s;

}

.item_home_serv_cori{
  display:inline-block;
	position:relative;
	width:45%;
	text-align:center;
	height:280px;
	opacity: 1;
	transition:1s;
	background-size: 100% auto;
	margin-bottom:50px;
	vertical-align:top;
	margin-right:0px;
	/*box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);*/
}
.item_home_serv_cori::before {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background-size: cover;
  filter: grayscale(100%);
  opacity:50%;
	transition:0.5s;
  background-image: url('/img/servicios/home/contenido-original.jpg?i=1');
}
.item_home_serv_cori_h{
  display:inline-block;
	position:relative;
	width:45%;
	text-align:center;
	height:280px;
	opacity: 1;
	transition:1s;
	background-size: 100% auto;
	margin-bottom:50px;
	vertical-align:top;
	margin-right:0px;
	/*box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);*/
}
.item_home_serv_cori_h::before {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background-size: cover;
  background-image: url('/img/servicios/home/contenido-original.jpg?i=1');
	transition:0.5s;
}

.item_home_serv_eyte{
  display:inline-block;
	position:relative;
	width:45%;
	text-align:center;
	height:280px;
	opacity: 1;
	transition:1s;
	background-size: 100% auto;
	margin-bottom:50px;
	vertical-align:top;
	margin-right:0px;
	/*box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);*/
}
.item_home_serv_eyte::before {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background-size: cover;
  filter: grayscale(100%);
  opacity:50%;
	transition:0.5s;
  background-image: url('/img/servicios/home/estudio-y-tecnica.jpg');
}
.item_home_serv_eyte_h{
  display:inline-block;
	position:relative;
	width:45%;
	text-align:center;
	height:280px;
	opacity: 1;
	transition:1s;
	background-size: 100% auto;
	margin-bottom:50px;
	vertical-align:top;
	margin-right:0px;
	/*box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);*/
}
.item_home_serv_eyte_h::before {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background-size: cover;
  background-image: url('/img/servicios/home/estudio-y-tecnica.jpg');
	transition:0.5s;
}


#div_serv_mid{
  display:inline-block;
	width:49%;
	vertical-align:middle;
	text-align:left;
	padding-right:30px;
}
#div_serv_mid_r{
  display:inline-block;
	width:49%;
	vertical-align:middle;
	text-align:left;
	padding-left:30px;
}

#div_sede_mid{
  display:inline-block;
	width:49%;
	vertical-align:middle;
	text-align:left;
	padding-right:30px;
}
#div_sede_mid_r{
  display:inline-block;
	width:49%;
	vertical-align:middle;
	text-align:left;
	padding-left:30px;
}

#modal_alto{
  width:100%;
}

.item_portfolio_hover{
  opacity: 0.85;
  background: transparent linear-gradient(241deg, rgb(105, 198, 197) 0%, rgb(252, 229, 4) 52%, rgb(169, 71, 135) 100%) no-repeat scroll 0% 0% padding-box;
	height: 100%;
	position:absolute;
	width:100%;
	display: flex;
  flex-flow: column;
  height: 100%;
}
.item_portfolio_hover_txt{
  position: absolute;
  top: 50%; 
  left: 50%;
  transform: translate(-50%, -50%);
	text-align:center;
	line-height:35px;
}
#item_home_portfolio{
  display:inline-block;
	position:relative;
	width:45%;
	text-align:left;
	opacity: 1;
	transition:1s;
	background-size: 100% auto;
	vertical-align:top;
/*	margin:28px;*/
	margin-bottom:50px;
/*	border-radius: 50px 0px 50px 0px;
/*	margin-top:150px;*/
}
#separador_portf{
  display:inline-block;
  width:8%;
}
#portfolio_imagen{
  position:relative;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
	text-align:center;
	margin-bottom:10px;
	font-size:35px;
	color:#fff;
	font-weight:600;
	text-shadow: 1px 1px 3px #000;
}
#portfolio_imagen img{
  width:100%;
}
.boton_home_port{
  transition:0.5s;
}
.boton_home_port_off{
	opacity:0;
}

.a_portfolio, .a_portfolio:hover, .a_portfolio:visited, .a_portfolio:link{
  text-decoration:none;
	color:var(--text-color);
	font-size:16px;
}
.item_home_staff{
  display:inline-block;
	position:relative;
	width:23%;
	text-align:center;
	opacity: 1;
	transition:1s;
	background-size: 100% auto;
	vertical-align:top;
	margin:1px;
	transition:0.5s;
	margin-bottom:40px;
  font-size:16px;
}
.item_home_staff:hover{
	transform: scale(1.08);
}
.item_home_staff img{
  width:80%;
	margin-bottom:10px;
}
.a_item_home_staff, .a_item_home_staff:hover, .a_item_home_staff:link, .a_item_home_staff:visited{
  color:var(--text-color);
	text-decoration:none;
}
.bg_clientes{
  /*background: transparent linear-gradient(rgb(0, 0, 0) 0%, rgba(128, 128, 128, 0) 100%) no-repeat scroll 0% 0% padding-box;*/
  background: var(--grad-bgclientes);
}
.bg_staff{
  background: var(--grad-staff);
}
.avermas, .avermas:link, .avermas:hover, .avermas:visited {
  color:var(--text-color);
	text-decoration:none;
	font-weight:600;
	font-size:15px;
}
.a_vermas{
  transition:0.5s;
}
.a_vermas:hover{
	transform: scale(1.08);
}

.a_link,.a_link:visited{
  text-decoration:none;
	color:var(--text-color);
}
.a_link:hover{
  text-decoration:none;
	color:#000;
}
header{
	width:100%;
	height:50px;
/*
	padding:8px;
	background:rgba(20, 29, 62, 1);
*/
  background:#5E8ACC;
	background:rgba(169, 156, 148, 0.95);
	box-shadow: 0 3px 3px 0px rgba(0, 0, 0, 0.3);
	position:fixed;
	top:0;
	left:0;
	z-index:999;
}

#margin_top{
  margin-top:30px;
}
#item_pantalla_img{
  display: inline-block;
	width:520px;
	vertical-align:middle;
}

#item_pantalla_txt{
  display: inline-block;
	width: 430px;
	vertical-align:middle;
}
.titulo_home{
	font-family: 'Raleway', sans-serif;
  font-weight:none;
  font-size:26px;
  color:#2199DA;
  text-decoration:none;
  font-weight:bold;
	letter-spacing:3px;	
	margin-bottom:30px;
	text-align:left;
}
.titulo_home_l{
	font-family: 'Raleway', sans-serif;
  font-weight:none;
  font-size:26px;
  color:#2199DA;
  text-decoration:none;
  font-weight:bold;
	letter-spacing:3px;	
	margin-bottom:30px;
	text-align:left;
	border-bottom:2px solid #2199DA;
}

.titulo_home_r{
	font-family: 'Raleway', sans-serif;
  font-weight:none;
  font-size:26px;
  color:#2199DA;
  text-decoration:none;
  font-weight:bold;
	letter-spacing:3px;	
	margin-bottom:10px;
	text-align:right;
	border-bottom:2px solid #2199DA;
}
.stitulo_home{
	font-family: 'Raleway', sans-serif;
  font-weight:none;
  font-size:20px;
  color:#aaa;
  text-decoration:none;
  font-weight:bold;
	letter-spacing:5px;	
	margin-bottom:10px;
	text-align:center;
}
#txt_servicios{
	font-family: 'Raleway', sans-serif;
  font-weight:none;
  font-size:12px;
  color:#556;
  text-decoration:none;
  font-weight:none;
	letter-spacing:1px;
	text-align: center;
	margin-top:10px;	
}
#item_servicio{
  width: 30%;
  display: inline-block;
	vertical-align:top;
	padding-left:30px;
	padding-right:30px;
	font-family: 'Raleway', sans-serif;
  font-weight:none;
  font-size:14px;
  color:#556;
  text-decoration:none;
  font-weight:none;
	letter-spacing:2px;
	text-align: center;
	margin-bottom:30px;	
}
#item3d{
  display:inline-block;
	width:350px;
	margin:15px;
	border: 1px solid var(--text-color);
}
#item3d img{
  width:100%;
}
#titulo3d{
	font-family: 'Raleway', sans-serif;
  font-weight:none;
  font-size:26px;
  color:#76A5C7;
  text-decoration:none;
  font-weight:bold;
	letter-spacing:3px;	
	margin-bottom:10px;
}
.txt_link_servicio{
  font-size:12px;
	font-family: 'Raleway', sans-serif;
  font-weight:none;
  color:#898890;
  text-decoration:none;
  font-weight:bold;
	letter-spacing:2px;		
}

#group_cliente{
  text-align:center;
}
#item_cliente{
  width: 100px;
  display: inline-block;
	vertical-align:top;
	margin-left:20px;
	margin-right:0px;
	margin-bottom:20px;
}
#item_cliente img{
  width:100%;
	box-shadow:1px 1px 3px rgb(0,0,0,0.3);
	padding:5px;
}

#home_celular{
  visibility: hidden;
  display:none;
}

#item_contacto{
  vertical-align: top;
	display: inline-block;
	margin-left:50px;
	margin-right:50px;
}
#item_contacto img{
  width:100%;
	max-width:100px;
	margin-bottom:10px;
}




#header_fijo{
  position:absolute;
	width:100%;
/*
	background-color:#2199DA;
	background-image:url('/img/bg_top.jpg');*/
}

#items_menu_fijo{
  float:right;
	margin-right:10px;
}
.submenu{
  position:absolute;
	background-color:var(--text-serv-bg);
	padding:10px;
  transition:0.5s;
}
.a_submenu, .a_submenu:link, .a_submenu:visited{
  text-decoration:none;
	color:var(--text-color);
	transition:0.5s;
	font-weight:600;
}
.a_submenu:hover{
  text-decoration:underline;
	color:var(--text-color-hover);
}
#item_submenu{
  font-size:15px;
	line-height:30px;
}
#logo_pc{
  position:absolute;;
	width:200px;
	padding-left:10px;
	margin-left:10px;
	/*
	margin-left:-220px;
	padding-left:50%;
	*/
	margin-top:0px;
	font-size:30px;
	font-weight:700;
		letter-spacing:2px;
}
#logo_pc img{
  width:100%;
}
#logo_pc_fijo{
}
.logo_pc_fijo{
  position:absolute;;
	width:auto;
	margin-left:30px;
	margin-top:5px;
	font-family: 'Raleway', sans-serif;
	font-weight:700;
	font-size:30px;
	transition:0.5s;
	letter-spacing:2px;
	
}
.logo_pc_fijo:hover{
	transform: scale(1.08);
}
#logo_pc_fijo img{
  width:100%;
}

.logo_pie{
  display:inline-block;
	margin-top:5px;
	font-family: 'Raleway', sans-serif;
	font-weight:600;
	font-size:15px;
	width:100px;
	height:100px;
	padding-top:37px;
	transition:0.5s;
  border: 2px solid transparent;
  -moz-border-image: -moz-linear-gradient(90deg, #FFFFFF 0%, #EEF7EC 0%, #CEE9C7 0%, #B2DDA7 0%, #9AD28C 0%, #87CA76 0%, #78C365 0%, #6EBF59 0%, #68BC52 0%, #67BC51 0%, #6FCBDC 0%, #7FCEC2 8%, #ABD981 25%, #F0E91A 50%, #F4EA15 51%, #EA2B7B 100%, #EA2B7B 100%);
  -webkit-border-image: -webkit-linear-gradient(90deg, #FFFFFF 0%, #EEF7EC 0%, #CEE9C7 0%, #B2DDA7 0%, #9AD28C 0%, #87CA76 0%, #78C365 0%, #6EBF59 0%, #68BC52 0%, #67BC51 0%, #6FCBDC 0%, #7FCEC2 8%, #ABD981 25%, #F0E91A 50%, #F4EA15 51%, #EA2B7B 100%, #EA2B7B 100%);
  border-image-slice: 1;
}
.logo_pie:hover{
	transform: scale(1.08);
}
#logo_pie img{
  width:100%;
}
#sep_bottom{
  position:absolute;z-index:-100;height:130px;width:100%;
}



.a_logo, .a_logo:visited, .a_logo:link{
  text-decoration:none;
	color:var(--text-color);
/*	text-shadow: 1px 1px 3px #000;*/
}
.a_logo:hover{
  text-decoration:none;
	color:#fff;
	text-shadow: 1px 1px 3px #000;
}
#pieleft img{
  margin-top:5px;
	width:150px;
}
.a_pie, .a_pie:hover, .a_pie:link, .a_pie:visited{
  color:var(--back-color);
	text-decoration:underline;
}

.link_wa{
  font-family:'Open Sans', sans-serif;
  color:#555;
	font-size:5px;
	text-decoration:none;
}
.link_wa:hover{
  font-family:'Open Sans', sans-serif;
  color:var(--text-color);
	font-size:5px;
	text-decoration:none;
}


#contenido_general{
	background-color:var(--back-color);
}
#contenido{
  width:75%;
	margin:0px auto 0;
  font-family: 'Raleway', sans-serif;
	color: var(--text-color);;
	text-align: center;	
  text-transform: none; /*uppercase*/
	letter-spacing:1px; 
/*	padding-bottom:40px;*/ 
}




#top{
  position:absolute;
	margin-top:-150px;
}

#whatsapp_pc{
  position:fixed;
	width:auto;
	z-index:2000;
/*	background-color: #1dbf00;*/
	bottom:20px;
	left:-500px;	
}
#whatsapp_pc{
	background-color: #1dbf00;
	border-radius: 5px;
}
.whatsapp_pc_off{
	background-color: #1dbf00;
/*	background-color: #ff3333;*/
	border-radius: 5px;
}
#whatsapp_movil{
  visible:hidden;
	display:none;
}
#whatsapp2{
	padding:10px;
	padding-top:5px;
	padding-bottom:5px;
}
#logo_whatsapp{
  display:inline-block;
	vertical-align:middle;
}
#logo_whatsapp img{
	width:20px;
}
#txt_whatsapp{
  display:inline-block;
	vertical-align:middle;
  font-family: 'Open Sans', sans-serif;
	font-size:18px;
	color:var(--back-color);
	font-weight:none;
	margin-left:5px;
}

#div_head_menu{
  transition:0.5s;
	top:-100px;
	background-color:var(--bgmenu-color);
/*	background-image:url('/img/bg_top.jpg');*/
}

#elmenu_pc1{
/*	background:rgba(49, 173, 76, 0.85);
	background:#31AD4C;
	padding-top:5px;*/
	text-align:right;
}



a:-webkit-any-link{
  text-decoration:none !important;
}


.linkmenu2, .linkmenu2:link, .linkmenu2:visited{
  font-family:'Open Sans', sans-serif;
  color:#fff;
	font-size:14px;
	text-decoration:none;
	font-weight:bold;
	letter-spacing:0px;
	text-shadow: 1px 1px 3px #000;
}
.linkmenu2:hover{
  font-family:'Open Sans', sans-serif;
  color:#fff;
	font-size:14px;
	text-decoration:none;
	letter-spacing:0px;
}
.linkmenuactive{
  font-family:'Open Sans', sans-serif;
  color:#fff;
/*
	font-size:14px;
	text-decoration:none;
	letter-spacing:0px;
*/
	font-weight:bold;
}

.linkmenu3, .linkmenu3:link, .linkmenu3:visited{
  font-family:'Open Sans', sans-serif;
  color:#fff;
	font-size:14px;
	text-decoration:none;
	letter-spacing:0px;
	font-weight:bold;
	text-shadow: 1px 1px 3px #000;
}
.linkmenu3:hover{
  font-family:'Open Sans', sans-serif;
  color:#fff;
	font-size:14px;
	text-decoration:none;
	letter-spacing:0px;
	font-weight:bold;
}
.linkmenuactive3{
  font-family:'Open Sans', sans-serif;
  color:#fff;
/*
	font-size:14px;
	text-decoration:none;
	letter-spacing:0px;
*/
	font-weight:bold;
}


#itemmenudiv{
  display:inline-block;
	vertical-align: middle;
	/*padding-top:5px;*/
	margin-bottom:-8px;
	padding-left:10px;
	padding-right:20px;
}
#items_menu{
  padding-right:10px;
	float:right;
}


#visible_pc{
}
#visible_pc_inline{
  display:inline-block;
}

#visible_movil{
  display:none;
	visibility:hidden;
}
#visible_movil_inline{
  display:none;
	visibility:hidden;
}
.txt{
  font: 20px/25px 'Raleway', sans-serif;
	color: var(--text-color);
  text-transform: none; /*uppercase*/
  text-align: left;
	letter-spacing:1px; 
}
.txt_c{
  font: 20px/23px 'Raleway', sans-serif;
	color: var(--text-color);
  text-transform: none; /*uppercase*/
  text-align: center;
	letter-spacing:1px; 
}

#gotop{
	display:block;
  visibility:hidden;
	width:60px;
	height:auto;
	padding:0px 0;
	position:fixed;
	bottom:100px;
	right:10px;
	text-align:center;
	z-index:1000;
} 

#gotop img{
	width:100%;
	height:auto;
	vertical-align:middle;
}
/* INI MENU */
.slicknav_menu {
	display:none;
}

#modalTitulo{
  color:#333;
}
#modalBody{
  color:#333;
}
.a_bottom, .a_bottom:link, .a_bottom:visited{
  color:var(--text-color);
}
.a_bottom:hover{
  color:var(--text-color-hover);
}
.pol_calidad{
	padding-bottom:5px;
}