@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700);
/*RESETEO UNIVERSAL        =================================================
permite eliminar formatos predeterminados en los navegadores (Ciertos espacios)*/
*{
	margin:0; /*Espacio hacia afuera*/
	padding:0;/*Espacio hacian adentro*/
}
/*FIN DEL RESETEO UNIVERSAL=================================================*/

/*Estilos column-rule-style: =================================================*/

/*fexibilidad de imagenes, videos , ifames , audios */
img,videos,audios,iframe{
	max-width:100%;
	/*quitar la linea que viene por defecto en la parte de abajo*/
	line-height:0;
	margin-bottom:0;
	padding-bottom:0;
	vertical-align:bottom;
}
body{
	background-color:white; /*Color de fondo #dedede* /
	color:#666; /*Color de texto*/
	font-family:'Hind', sans-serif; /*Tipo de fuente*/
	font-size:18px; /*Tamaño de fuente*/
}
h1,h2,h3,h4,h5,h6{
	font-family: 'Hind', sans-serif;
}
h1 {
	font-size:5em;
}
h2 {
	font-size:1.5em;
}
header{
	background-color: #FFFFFF;
	padding:.5em 0;
	border-bottom:5px #4cb6ea solid;
	width:100%;

}
.menu-logo{
	/*Flexibilidad*/
	align-items:center;
	display:flex; /*Flexibilidad*/
	flex-wrap:wrap;
	justify-content:space-between;
	
	margin:auto;
	margin-top:5px;
	max-width:1200px;
}


/*Estilos column-rule-style: =================================================*/

/*MENU--------------------------------------------------------------------------------------------------------------------------------*/
/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
html,body {
	margin:0;
	padding:0;
	height: 100%;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
section, header{
	display: block;
}
/* General Demo Style */
body{
	font-family: 'Hind', sans-serif;
	background:url(images/bgnoise_lg.png);
	font-weight: 400;
	font-size: 15px;
	color: #3a2127;
	overflow-y: scroll;
}
a{
	color: #333;
	text-decoration: none;
}
.container{
	width: 100%;
	/*height: 100%;*/
	position: relative;
	z-index: 1;
}
.clr{
	clear: both;
}
.container > header{
	padding: 20px 30px 20px 30px;
	margin: 0px 20px 10px 20px;
	position: relative;
	display: block;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    text-align: center;
	
}
.container > header h1{
	position: relative;
	color: #498ea5;
	font-weight: 700;
	font-style: normal;
	font-size: 30px;
	padding: 0px 0px 5px 0px;
	text-shadow: 0px 1px 1px rgba(255,255,255,0.8);
}
.container > header h1 span{
	font-family: 'Alegreya SC', Georgia, serif;
	font-size: 20px;
	line-height: 20px;
	display: block;
	font-weight: 400;
	font-style: italic;
	color: #719dab;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}
.container > header h2{
	font-size: 16px;
	font-style: italic;
	color: #2d6277;
	text-shadow: 0px 1px 1px rgba(255,255,255,0.8);
}
/* Header Style */
.freshdesignweb-top{
	line-height: 24px;
	font-size: 11px;
	background: rgba(0, 0, 0, 0.05);
	text-transform: uppercase;
	z-index: 1;
	position: relative;
	box-shadow: 1px 0px 2px rgba(0,0,0,0.2);
}
.freshdesignweb-top a{
	padding: 0px 10px;
	letter-spacing: 1px;
	color: #333;
	text-shadow: 0px 1px 1px #fff;
	display: block;
	float: left;
}
.freshdesignweb-top a:hover{
	background: #fff;
}
.freshdesignweb-top span.right{
	float: right;
}
.freshdesignweb-top span.right a{
	float: left;
	display: block;
}
.freshdesignweb-demos{
    text-align:center;
	display: block;
	line-height: 30px;
	padding: 20px 0px;
}
.freshdesignweb-demos a{
    display: inline-block;
	margin: 0px 4px;
	padding: 0px 4px;
	color: #fff;
	line-height: 20px;	
	font-style: italic;
	font-size: 13px;
	border-radius: 3px;
	background: rgba(41,77,95,0.1);
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.freshdesignweb-demos a:hover{
	background: rgba(41,77,95,0.3);
}
.freshdesignweb-demos a.current,
.freshdesignweb-demos a.current:hover{
	background: rgba(41,77,95,0.3);
}
.logo_img
{
	opacity:1;
	transition:all .5s;
	margin:.5em;
}
.logo_img:hover
{
	opacity:.7;
}

/*FIN DEL MENU -------------------------------------------------------------------------------------------------------------*/
/*MAS ESTILOS DEL MENU -------------------------------------------------------------------------------------------------------------*/



#cssmenu {
  background: #4cb6ea;
  margin: 0;
  width: auto;
  padding: 0;
  line-height: 1;
  display: block;
  position: relative;
  font-family: 'PT Sans', sans-serif;
z-index: 11111111111;
}
#cssmenu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
}
#cssmenu ul:after,
#cssmenu:after {
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden;
}
#cssmenu ul li {
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
}
#cssmenu ul li a {
  text-decoration: none;
  display: block;
  margin: 0;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu ul li ul {
  position: absolute;
  left: -9999px;
  top: auto;
}
#cssmenu ul li ul li {
  max-height: 0;
  position: absolute;
  -webkit-transition: max-height 0.4s ease-out;
  -moz-transition: max-height 0.4s ease-out;
  -ms-transition: max-height 0.4s ease-out;
  -o-transition: max-height 0.4s ease-out;
  transition: max-height 0.4s ease-out;
  background: #ffffff;
}
#cssmenu ul li ul li.has-sub:after {
  display: block;
  position: absolute;
  content: "";
  height: 10px;
  width: 10px;
  border-radius: 5px;
  background: #000000;
	/*organizar los elementos entre mas grande el valor del z index
	mas adelante esta de los demas elementos*/
  z-index: 100;
  top: 13px;
  right: 15px;
}
#cssmenu.align-right ul li ul li.has-sub:after {
  right: auto;
  left: 15px;
}
#cssmenu ul li ul li.has-sub:before {
  display: block;
  position: absolute;
  content: "";
  height: 0;
  width: 0;
  border: 3px solid transparent;
  border-left-color: #ffffff;
  z-index: 200;
  top: 15px;
  right: 15px;
}
#cssmenu.align-right ul li ul li.has-sub:before {
  right: auto;
  left: 15px;
  border-left-color: transparent;
  border-right-color: #ffffff;
}
#cssmenu ul li ul li a {
  font-size: 14px;
  font-weight: 400;
  text-transform: none;
  color: #000000;
  letter-spacing: 0;
  display: block;
  width: 170px;
  padding: 11px 10px 11px 20px;
}
#cssmenu ul li ul li:hover > a,
#cssmenu ul li ul li.active > a {
  color: #4cb6ea;
}
#cssmenu ul li ul li:hover:after,
#cssmenu ul li ul li.active:after {
  background: #4cb6ea;
}
#cssmenu ul li ul li:hover > ul {
  left: 100%;
  top: 0;
}
#cssmenu ul li ul li:hover > ul > li {
  max-height: 72px;
  position: relative;
}
#cssmenu > ul > li {
  float: left;
}
#cssmenu.align-center > ul > li {
  float: none;
  display: inline-block;
}
#cssmenu.align-center > ul {
  text-align: center;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu.align-right > ul {
  float: right;
}
#cssmenu.align-right > ul > li:hover > ul {
  left: auto;
  right: 0;
}
#cssmenu.align-right ul ul li:hover > ul {
  right: 100%;
  left: auto;
}
#cssmenu.align-right ul ul li a {
  text-align: right;
}
#cssmenu > ul > li:after {
  /*cambio: segundos de la transicion*/
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 0;
  top: 0;
  z-index: 99;
  background: #ffffff;
  -webkit-transition: height .6s;
  -moz-transition: height .6s;
  -ms-transition: height .6s;
  -o-transition: height .6s;
  transition: height .6s;
}
#cssmenu > ul > li.has-sub > a {
  padding-right: 40px;
}
#cssmenu > ul > li.has-sub > a:after {
  display: block;
  content: "";
  background: #ffffff;
  height: 12px;
  width: 12px;
  position: absolute;
  border-radius: 13px;
  right: 14px;
  top: 16px;
}
#cssmenu > ul > li.has-sub > a:before {
  display: block;
  content: "";
  border: 4px solid transparent;
  border-top-color: #4cb6ea;
  z-index: 200;
  height: 0;
  width: 0;
  position: absolute;
  right: 16px;
  top: 21px;
}
#cssmenu > ul > li > a {
  color: #ffffff;
  padding: 15px 20px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 14px;
  z-index: 200;
  position: relative;
}
#cssmenu > ul > li:hover:after,
#cssmenu > ul > li.active:after {
  height: 100%;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a {
  color: #000000;
}
#cssmenu > ul > li:hover > a:after,
#cssmenu > ul > li.active > a:after {
  background: #000000;
}
#cssmenu > ul > li:hover > a:before,
#cssmenu > ul > li.active > a:before {
  border-top-color: #ffffff;
}
#cssmenu > ul > li:hover > ul {
  left: 0;
}
#cssmenu > ul > li:hover > ul > li {
  max-height: 72px;
  position: relative;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu > ul > li > a {
  display: block;
}
#cssmenu > ul > li {
  width: auto;
}
#cssmenu > ul > li > ul {
  width: 170px;
  display: block;
}
#cssmenu > ul > li > ul > li {
  width: 170px;
  display: block;
}
@media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  #cssmenu > ul {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.35s ease-out;
    -moz-transition: max-height 0.35s ease-out;
    -ms-transition: max-height 0.35s ease-out;
    -o-transition: max-height 0.35s ease-out;
    transition: max-height 0.35s ease-out;
  }
  #cssmenu > ul > li > ul {
    width: 100%;
    display: block;
  }
  #cssmenu.align-right ul li a {
    text-align: left;
  }
  #cssmenu > ul > li > ul > li {
    width: 100%;
    display: block;
  }
  #cssmenu.align-right ul ul li a {
    text-align: left;
  }
  #cssmenu > ul > li > ul > li > a {
    width: 100%;
    display: block;
  }
  #cssmenu ul li ul li a {
    width: 100%;
  }
  #cssmenu.align-center > ul {
    text-align: left;
  }
  #cssmenu.align-center > ul > li {
    display: block;
  }
  #cssmenu > ul.open {
    max-height: 1000px;
    border-top: 1px solid rgba(110, 110, 110, 0.25);
  }
  #cssmenu ul {
    width: 100%;
  }
  #cssmenu ul > li {
    float: none;
    width: 100%;
  }
  #cssmenu ul li a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 12px 20px;
  }
  #cssmenu ul > li:after {
    display: none;
  }
  #cssmenu ul li.has-sub > a:after,
  #cssmenu ul li.has-sub > a:before,
  #cssmenu ul li ul li.has-sub:after,
  #cssmenu ul li ul li.has-sub:before {
    display: none;
  }
  #cssmenu ul li ul,
  #cssmenu ul li ul li ul,
  #cssmenu ul li ul li:hover > ul,
  #cssmenu.align-right ul li ul,
  #cssmenu.align-right ul li ul li ul,
  #cssmenu.align-right ul li ul li:hover > ul {
    left: 0;
    position: relative;
    right: auto;
  }
  #cssmenu ul li ul li,
  #cssmenu ul li:hover > ul > li {
    max-height: 999px;
    position: relative;
    background: none;
  }
  #cssmenu ul li ul li a {
    padding: 8px 20px 8px 35px;
    color: #ffffff;
  }
  #cssmenu ul li ul ul li a {
    padding: 8px 20px 8px 50px;
  }
  #cssmenu ul li ul li:hover > a {
    color: #000000;
  }
  #cssmenu #menu-button {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 15px 20px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 1px;
    color: #ffffff;
    cursor: pointer;
  }
  #cssmenu #menu-button:after {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    right: 20px;
    top: 16px;
  }
  #cssmenu #menu-button:before {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #ffffff;
    right: 20px;
    top: 26px;
  }
}

/*FIN DEL MENU -------------------------------------------------------------------------------------------------------------*/


/* Slider
http://www.freshdesignweb.com/fashion-responsive-slider-tutorial.html
*/
/* Slider

/*------------------------------------------------------------------------------------------------------------------------------------------*/

.slider_container{ z-index: 1; width:100%; margin:auto; clear:both; padding:0px 0 0 0;}
/*se cambia width al 100%    padding de 0px a 30px*/
.flex-caption{ position: absolute; right:11px; bottom:20px;}
.caption_title_line{ width:450px; height:75px; padding:5px 15px 10px 15px;background:url(img/slider_caption_bg.png) repeat;color: #303030;}
.flex-caption h2{ color:#303030;font-size:20px; padding:5px 0 5px 0; margin:0px;font-family: 'Ovo', serif;}

.flex-container a:active,
.flexslider a:active {outline: none;}

/*.flex-control-nav,*/
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
/*se deja padding en ceros todos los lados */
.flexslider {width: 100%; margin: 0; padding: 0 0 0 0;background:url(images/shadow_bottom.png) no-repeat center bottom;}
.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: inline-block; /*border: #ededed solid;*/} /*se quita el borde del slider*/
.flex-pauseplay span {text-transform: capitalize;}
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 2%;}
.no-js .slides > li:first-child {display: block;}
.flexslider {position: relative; zoom:0;}
.flexslider .slides {zoom: 0;}
.flexslider .slides > li {position: relative;}
.flex-container {zoom: 0; position: relative;}

/* Direction Nav */
.flex-direction-nav li a {width:45px; height:42px; margin:0; display: block; position: absolute; right:11px; cursor: pointer; text-indent: -9999px;}
.flex-direction-nav li a.next {background:url(../img/next.png) no-repeat center; bottom:184px;}
.flex-direction-nav li a.prev {background:url(../img/prev.png) no-repeat center;bottom:141px;}
.flex-direction-nav li a.next:hover {background:url(img/next_a.png) no-repeat center;}
.flex-direction-nav li a.prev:hover {background:url(img/prev_a.png) no-repeat center;}
.flex-direction-nav li a.disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
/*.flex-control-nav {width: 100%; position: absolute; bottom: -30px; text-align: center;}
.flex-control-nav li {margin: 0 0 0 0px; display: inline-block; zoom:1 ; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 13px; height: 13px; display: block; cursor: pointer; text-indent: -9999px;}
.flex-control-nav li a:hover {background-position: 0 -13px;}
.flex-control-nav li a.active {background-position: 0 -26px; cursor: default;}*/

/* Media Queries
/*-----------------------------------------------------------------------------------*/

@media screen and (max-width: 1000px) {
.slider_container{ width:100%; margin:0 0 0 0%; clear:both; background:none; padding:0px 0 0 0;}
.flexslider {width: 100%; margin: 0; padding:0 0 0px 0;background:none;}
.flex-direction-nav li a {width:45px; height:42px; margin:0; display: block; position: absolute; right:10px; cursor: pointer; text-indent: -9999px;}
.flex-direction-nav li a.next {background:url(../img/next.png) no-repeat center; bottom:85px;}
.flex-direction-nav li a.prev {background:url(../img/prev.png) no-repeat center;bottom:40px;}
.flex-caption { display:none;}
}
@media screen and (max-width: 570px) {
.slider_container{ width:98%; margin:0 0 0 0%; clear:both; background:none; padding:0px 0 0 0;}
.flexslider {width: 100%; margin: 0; padding:0 0 0px 0;background:none;}
.flex-direction-nav li a {width:25px; height:22px; margin:0; display: block; position: absolute; right:10px; cursor: pointer; text-indent: -9999px;}
.flex-direction-nav li a.next {background:url(../img/next.png) no-repeat center; bottom:45px;}
.flex-direction-nav li a.prev {background:url(../img/prev.png) no-repeat center;bottom:20px;}
.flex-caption { display:none;}
}



/*FIN SLIDER________________________________________________________________________________________________________*/


/*INICIO PAGINA PRINCIPAL___________________________________________________________________________________________*/

/*INICIO GRID PORODUCTOS PAGINA PRINCIPAL-------------------------------------------------------------------*/
/*Titulo---------------------*/
.prod_prin
{
  width:100%;
  display: flex;
  flex-wrap: wrap;
  align-content:center;
  justify-content: center;
  padding-top: 1.5em;
  padding-bottom: 2em;

}
#titu_prod_prin
{
  width: 50%;
  display: flex;
  flex-wrap: wrap;
  align-content:center;
  justify-content: center;
  border-bottom: 5px #4cb6ea solid;

}

/* Fin Titulo---------------------*/

/* Productos--------------------*/

.grid_productos
{
  display: grid;
  grid-template-columns: 1fr;
  width: 100%;
  padding-top: .5em;
  padding-bottom: 1.5em;
  align-items:stretch;

}

@media (min-width: 34em)
{
  .grid_productos {
    grid-template-columns: repeat(4, 1fr);
  }
}



@media (min-width: 34em) {
  .intro {
    grid-column: span 3;
  }
}

.div11 {
 
}
.div22 {
 
}

.div33 {
 
}

.div44 {
 
}
.pro_pri_tit
{

}

#pro_pri_6_des
{
  justify-content: flex-end;
}

.grid_productos h1 {
  font-size: 3rem;
  font-weight: 700;
  margin: 0;
}

.grid_productos div {
  color: #fff;
  padding: .5rem;
  text-align:center;
  justify-content: space-around;
}

@media (min-width: 34em) {
.grid_productos div {
   padding: .5rem;
    
  }
}

.grid_productos h2 {
  font-size: 22px;
  display: inline-block;
  font-weight: 300;
  line-height: 1;
  padding: 0;
  margin: 0;
  color:rgb(0,93,147);
}

.demo-number {
  font-family: 'Bungee Shade', cursive;
  font-size: 3.5rem;
}

.grid_productos a 
{
  color:rgb(0,93,147);
  transition: all 0.5s;
}
.grid_productos a:hover
{
  color:rgb(154,203,75);
}


.grid_productos p {
  font-size: 16px;
  line-height: 1.5;
  color:black;
}
/*FIN GRID PRODUCTOS-------------------------------------------------------*/



/*INICIO GRID PORTAFOLIO----------------------------------------------------*/
.grid_portafolio
{
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: minmax(1fr, 500px);
}

@media (min-width: 34em)
{
  .grid_portafolio {
    grid-template-columns: repeat(4, 1fr);
  }
}


.heading {
  grid-row: span 3;
}

.intro {
  grid-row: span 2;
}
@media (min-width: 34em) {
  .intro {
    grid-column: span 3;
  }
}

.divcolor
{
 text-align: center;
 padding-left: 0.2em;
 padding-right: 0.2em;
}
.divcolor p
{  

background-color: rgba(0,93,147,0.8)
}
.divcolor p:hover
{
  background: rgba(0,93,147,0.5);
  color:rgb(0,93,147);
  text-align: center;
  color: white;
}
.div1color
{
/*background: rgba(7,119,156,0.4);*/

padding-top: 2em;
padding-bottom: 2em;


}

.div2color
{
padding-top: 2em;
padding-bottom: 2em;
/*background:rgba(21,124,137,0.4);*/

}
.div3color
{
padding-top: 2em;
padding-bottom: 2em;
/*background:rgba(35,128,119,0.4);*/

}
.div4color
{
padding-top: 2em;
padding-bottom: 2em;
/*background: rgba(49,133,100,0.4);*/

}
.divheacolor
{
 background-color:  rgba(0,93,147,0.5);
/*background: rgba(63,138,82,0.6);*/

}

.divheacolor:hover
{
background-color:  rgba(0,93,147,0.3);
/*background: rgba(63,138,82,0.4);*/

}
.divintrocolor
{
/*background:rgba(77,142,63,0.4);*/
padding-top: 2em;
padding-bottom: 2em;
}

.div7color
{
/*background:rgba(91,147,44,0.4);*/
padding-top: 2em;
padding-bottom: 2em;

}
.div8color
{
/*background: rgba(7,119,156,0.89);*/
  padding-top: 2em;
padding-bottom: 2em;
}
.div9color
{
/*background:rgba(119,156,7,0.5);*/
padding-top: 2em;
padding-bottom: 2em;
}

.div1 {
  background-image:url(../img/optimizadas/conta.jpg);
  
}

.div2 {
  background-image:url(../img/optimizadas/niif.jpg);
  /*background: #157c89;*/
}

.div3 {
  background-image:url(../img/optimizadas/activos.jpg);
  /*background: #238077;*/
}

.div4 {
  background-image:url(../img/optimizadas/presupuestos.jpg);
 /* background: #318564;*/
}

.heading {
  background-image:url(../img/optimizadas/pos2.jpg);
  /*background: #3f8a52;*/
}

.intro{
  background-image:url(../img/optimizadas/nomina.jpg);
  /*background: #4d8e3f;*/
}

.div7{
   background-image:url(../img/optimizadas/cartera.jpg);
 
 /* background: #5b932c;*/
}

.div8{
 background-image:url(../img/optimizadas/proveedores.jpg);
  /*background: #69971a;*/
}

.div9{
  background-image:url(../img/optimizadas/produccion.jpg);
  /*background: #779c07;*/
}

.grid_portafolio h1 {
  font-size: 4rem;
  font-weight: 700;
  margin: 0;
}

.div_tipoa {
  color: #fff;
  padding: 0;
}

@media (min-width: 34em) 
{
 .div_tipoa 
 {
    padding: 0;
  }
  .div1color
  {
   
  }
}



.demo-number {
  font-family: 'Bungee Shade', cursive;
  font-size: 3.5rem;
}

.grid_portafolio a {
  /*color: #133875;*/
  color: white;
}

@media (max-width: 1920px)
{
.grid_portafolio p {
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.5;
}
.grid_portafolio h2 
{
  font-size: 2.0rem;
  display: inline-block;
  font-weight: 300;
  line-height: 1;
  padding: 0;
  margin: 0;
  }
}

@media (max-width:  800px)
{
  .grid_portafolio p 
  {
  font-size: 1em;
  font-weight: 100;
  line-height: 1.5;
  }
  .grid_portafolio h2
  {
  font-size: 1.5rem;
  display: inline-block;
  font-weight: 300;
  line-height: 1;
  padding: 0;
  margin: 0;
  }
  .grid_portafolio h1 
  {
  font-size: 2rem;
  font-weight: 700;
  margin: 0;
  }
}

}
/*FIN GRID PORTAFOLIO-----------------------------------------------------*/

/*INICO ANUNCIO FACTURACION ELECTRONICA-----------------------------------------------------*/


.anuncio
{
  width:35%;
}

/*FIN ANUNCIO FACTURACION ELECTRONICA-----------------------------------------------------*/



/*INICIO GRID DESARROLLOS ESPECIALES----------------------------------------------------*/

.grid_especiales
{
  display: flex;
  flex-wrap: wrap;
  justify-content:space-around;
  align-items:flex-start;
  width:100%;
  padding-bottom: 2em;
}
.especial
{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items:flex-start;
  width:23%;
  padding: 0.5em 0.5em 2.5em 0.5em;
  text-align:justify;

}
.especial h2
{
	color: rgb(0,93,147);
	font-size: 15px;
	font-weight: bold;
}
.img_modulo_1
{
  width: 100%;
}

.ver_btn button
{
  padding:.5em 1.5em;
  background-color: #9ACB4B; /* Green */
  border: none;
  color: white;
  padding: 8px 16px;
  cursor:pointer;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  transition:all .7s;
  border-radius: .8em;
}
.ver_btn button:hover
{
  background-color:#b1d775;
  /*color:#1E1E1E;*/
}


/*FIN GRID DESARROLLOS ESPECIALES---------------------------------------------------------------------*/


/*INICIO AREA SOPORTE HOME-----------------------------------------------------------------------------------*/

.fondo_video
{
	align-items:center;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	background-image:url(../img/optimizadas/newyork.jpg);
	/*Background para dejarlo fijo*/
	background-attachment:fixed;
}

.fondo_negro
{
	align-items:center;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	width:100%;
	background-color: rgba(0,93,147,0.80);

	
}
.soporte
{
	align-items:center;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	padding: 8em 0em 8em 0em;
	text-align: center;
	color:white;
}
.soporte h1
{
	width: 100%;
	font-weight: 600;
	font-size: 40px;
	
	
}
.soporte h2
{
	width: 100%;
	font-size: 25px;
}


/*FIN AREA SOPORTE HOME-----------------------------------------------------------------------------------*/


/*INICIO PRECIOS HOME-----------------------------------------------------------------------------------*/
.precios
{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 1em 0 2em 0;
	
}
.precios1 
{
	
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content:center;
	width: 90%;
	padding: 2em 1em 2em 1em;
}
.precios2
{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 90%;
	padding: 2em 1em 2em 1em;
}
.cotizar
{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 90%;
	
}
.item_precio
{
	padding: 0 1.5em 0 1.5em;
}

.item2_precio
{
	padding: 0 3em 0 3em;
}


.coti_btn button
{
 
  background-color: #9ACB4B; /* Green */
  border: none;
  color: white;
  padding: 16px 60px 16px 60px;
  cursor:pointer;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 25px;
  transition:all .7s;
  border-radius: .8em;
}
.coti_btn button:hover
{
  background-color:#b1d775;
  /*color:#1E1E1E;*/
}



/*FIN PRECIOS HOME---------------------------------------------------------------------------------------*/




/*INICIO ESTADISTICAS - PAGINAS PRINCIPAL---------------------------------------------------------------------*/
/** 
 * Stats Tab
 * ---------
 * markup:
 *
 * <ul class="stats-tabs">
 *    <li><a href="#">[value]<em>[name]</em></a></li>
 *  </ul>
 *
 * Extend this object into your markup.
 *
 * ---------------------------------------------------------------------
 */
.stats-tabs {
  padding: 0;
  margin: 3rem 0;
}
.stats-tabs li {
  display: inline-block;
  margin: 0 1.5rem 3rem 0;
  padding: 0 1.5rem 0 0;
  border-right: 1px solid #ccc;
}
.stats-tabs li:last-child {
  margin: 0;
  padding: 0;
  border: none;
}
.stats-tabs li a {
  display: inline-block;
  font-size: 2.5rem;
  font-family: "poppins-bold", sans-serif;
  border: none;
  color: #252525;
}
.stats-tabs li a:hover {
  color: #FF0077;
}
.stats-tabs li a em {
  display: block;
  margin: .6rem 0 0 0;
  font-size: 1.4rem;
  font-family: "poppins-regular", sans-serif;
  color: #888888;
}

/** 
 * ===================================================================
 * 16. stats - (_layout.scss)
 *
 * ------------------------------------------------------------------- 
 */
#contadores
{
 /* background:#990060;*/
  background-color:rgb(0,93,147);
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
  width:100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content:space-between;

   max-width: 100%;
}
#contadores .stat {
  border-left:3px solid rgba(255, 255, 255, 0.0);
  min-height: 1.3rem;

}
#contadores .stat:first-child 
{
  border: none;
}
#contadores .icon-part i 
{
  font-size: 4.8rem;
  color: #000000;
}
#contadores .stat-count {
  color: #FFFFFF;
  font-size: 3.6rem;
  margin-top: 1.2rem;
  margin-bottom: 0;
  font-family: "poppins-medium", sans-serif;
  color: white;
}
#contadores .stat-title {
  color: rgba(255, 255, 255, 0.5);
}


/**
 * responsive:
 * stats
 * -------------------------------------------------------------------
 */
@media only screen and (max-width:1920px) {

 #contadores .stat:nth-child(n) {
    border-left: 2px solid rgba(255, 255, 255, 0.12);
    padding-bottom: 1.5rem;
  }


}
@media only screen and (max-width:768px) {
#contadores .stat:nth-child(n) {
    border-left: 2px solid rgba(255, 255, 255, 0.12);
  }
 #contadores .stat:nth-child(2n+1) {
  /*border:none*/
    border:;
  }
  #contadores .stat{
    width:20%;
  }
}
@media only screen and (max-width:635px) {
  #contadores .stat:nth-child(n) {
    border-left: 2px solid rgba(255, 255, 255, 0.12);
    padding-bottom: 1.5rem;
  }
 

  #contadores .stat{
    width:40%;
  }
}
@media only screen and (max-width:430px) {
  #contadores .stat:nth-child(n) {
    border-left: 2px solid rgba(255, 255, 255, 0.12);
    padding-bottom: 1.5rem;
  }
 
  #contadores .stat{
    width:50%;
  }
}



/**
 * block grid paddings - (_document-setup.scss) 
 * -------------------------------------------------------------------
 */
.bgrid
 {
    width:16.66%;
 }
.bgrid {
  padding: 0 20px;
}
@media only screen and (max-width:1920px) {
  .bgrid {
    padding: 0 18px;
  }
}
@media only screen and (max-width:768px) {
  .bgrid {
    padding: 0 15px;
  }
}
@media only screen and (max-width:635px) {
  .bgrid {
    padding: 0 10px;
  }
}
@media only screen and (max-width:430px) {
  .bgrid {
    padding: 0;
  }
}

.col-twelve,
.col-full {
  width: 100%;
}



.block-1-6
{
  width: 100%;
  align-items:center;

}

.block-1-6 .bgrid {
  width: 16.66667%;
}

/**
 * Clearing for block grid columns. Allow columns with 
 * different heights to align properly.
 */
.block-1-6 .bgrid:nth-child(6n+1),
.block-1-4 .bgrid:nth-child(4n+1),
.block-1-3 .bgrid:nth-child(3n+1),
.block-1-2 .bgrid:nth-child(2n+1) {
  clear: both;
}


/*FIN ESTADISTICAS - PAGINAS PRINCIPAL---------------------------------------------------------------------*/



/*INICIO GRID PRODCUTOS PAGINA PRINCIPAL*/
/*
.productos_destacados
{
  	font-family: 'Hind', sans-serif;
	align-items:center;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin:auto;
	max-width:1200px;
  
 
}
*/
/*
.grid_item img
{
	max-width:25%;
}
*/
/*FIN GRIP PRODCUTOS PAGINA PRINCIPAL*/



/*INICIO GRID NOSOTROS PAGINA PRINCIPAL*/
/*
.grid_clientes
{
	display: grid;
	grid-gap: 10px;
	grid-template-columns: repeat(4, minmax(200px, 1fr));
	width:100%;
	
}
.grid_item img
{
	width: 100%;
}
*/
/*FIN GRIP NOSOTROS PAGINA PRINCIPAL*/


/*FIN PAGINA PRINCIPAL___________________________________________________________________________________________*/

/*ENCABEZADO PARA PAGINAS INTERMEDIAS-----------------------------------------------------------------------------------*/

.fondo2_video
{
	align-items:center;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	background-image:url(../img/optimizadas/newyork.jpg);
	/*Background para dejarlo fijo*/
	background-attachment:fixed;
}

.fondo2_negro
{
	align-items:center;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	width:100%;
	background-color: rgba(0,93,147,0.80);

	
}
.encabezado
{
	align-items:center;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	padding: 8em 0em 8em 0em;
	text-align: center;
	color:white;
}
.encabezado h1
{
	width: 100%;
	font-weight: 600;
	font-size: 40px;
	
	
}
.encabezado h2
{
	width: 100%;
	font-size: 25px;
}


/*FIN ENCABEZADO PARA PAGINAS INTERMEDIAS----------------------------------------------------------------------------*/



/*INCIO PAGINA PORTAFOLIO - MODULOS______________________________________________________________________________*/


/*INICIO GRID PORTAFOLIO PAGINA MODULOS-------------------------------------------------------------------*/
/*Titulo---------------------*/
.prod_porta
{
  width:100%;
  display: flex;
  flex-wrap: wrap;
  align-content:center;
  justify-content: center;
  padding-top: 1.5em;
  padding-bottom: 2em;

}
.titu_prod_porta
{
  width: 50%;
  display: flex;
  flex-wrap: wrap;
  align-content:center;
  justify-content: center;
  border-bottom: 5px #4cb6ea solid;

}

/* Fin Titulo---------------------*/

/* Productos--------------------*/

.grid_porta
{
  display: grid;
  grid-template-columns: 1fr;
  width: 100%;
  padding-top: .5em;
  padding-bottom: 1.5em;
  align-items:stretch;

}

@media (min-width: 34em)
{
  .grid_porta {
    grid-template-columns: repeat(3, 1fr);
  }
}



@media (min-width: 34em) {
  .grid_porta .intro {
    grid-column: span 3;
  }
}

.div11 {
 
}
.div22 {
 
}

.div33 {
 
}

.div44 {
 
}
.pro_pri_tit
{

}

.pro_porta_des p
{
  	justify-content: flex-end;
	text-align: justify;
}

.grid_porta h1 {
  font-size: 3rem;
  font-weight: 700;
  margin: 0;
}

.grid_porta div {
  color: #fff;
  padding: .5rem;
  text-align:center;
  justify-content: space-around;
}

@media (min-width: 34em) {
.grid_porta div {
   padding: .5rem;
    
  }
}

.grid_porta h2 {
  font-size: 22px;
  display: inline-block;
  font-weight: 300;
  line-height: 1;
  padding: 0;
  margin: 0;
  color:rgb(0,93,147);
}

.grid_porta .demo-number {
  font-family: 'Bungee Shade', cursive;
  font-size: 3.5rem;
}

.grid_porta a 
{
  color:rgb(0,93,147);
  transition: all 0.5s;
}
.grid_porta a:hover
{
  color:rgb(154,203,75);
}


.grid_porta p {
  font-size: 16px;
  line-height: 1.5;
  color:black;
}
/*FIN GRID PORTAFOLIO PAGINA MODULOS-------------------------------------------------------*/

/*FIN PAGINA MODULOS______________________________________________________________________________*/


/*INICIO PAGINA FACTURACION ELECTRONICA-------------------------------------------------------*/


.fe
{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	padding-bottom: 2em;
	
}


.descargar
{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding-bottom: 4em;
	
}

.fe_btn button
{
 
  background-color: #9ACB4B; /* Green */
  border: none;
  color: white;
  padding: 16px 60px 16px 60px;
  cursor:pointer;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 25px;
  transition:all .7s;
  border-radius: .8em;
}
.fe_btn button:hover
{
  background-color:#b1d775;
  /*color:#1E1E1E;*/
}



/*FIN PAGINA FACTURACION ELECTRONICA-------------------------------------------------------*/


/*INICIO PAGINAS CONTABILIDAD-------------------------------------------------------*/


.img_pag_conta
{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	width: 100%;
}
.grid_especiales3
{
  display: flex;
  flex-wrap: wrap;
  justify-content:space-around;
  align-items:flex-start;
  width:100%;
  padding-bottom: 2em;
}
.especial3
{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items:center;
  width:75%;
  padding: 0.5em 0.5em 2.5em 0.5em;
  text-align:justify;


}
.especial3 h2
{
	color: rgb(0,93,147);
	font-size: 15px;
	font-weight: bold;
}


.especial4
{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items:center;
  width:25%;
  padding: 0.5em 0.5em 2.5em 0.5em;
  text-align:justify;

}

.especial4 h2
{
	color: rgb(0,93,147);
	font-size: 15px;
	font-weight: bold;
}

.especial5
{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items:center;
  width:18%;
  padding: 0.5em 0.5em 2.5em 0.5em;
  text-align:justify;

}

.especial5 h2
{
	color: rgb(0,93,147);
	font-size: 15px;
	font-weight: bold;
}




/*FIN PAGINAS CONTABILIDAD-------------------------------------------------------*/


/*INICIO PAGINA FABRICA DE SOFTWARE-------------------------------------------------------*/



.grid_especiales2
{
  display: flex;
  flex-wrap: wrap;
  justify-content:space-around;
  align-items:flex-start;
  width:100%;
  padding-bottom: 2em;
}
.especial2
{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items:center;
  width:40%;
  padding: 0.5em 0.5em 2.5em 0.5em;
  text-align:justify;

}
.especial2 h2
{
	color: rgb(0,93,147);
	font-size: 15px;
	font-weight: bold;
}



/*FIN PAGINA FABRICA DE SOFTWARE-------------------------------------------------------*/





/*INICIO PAGINA NOSOTROS________________________________________________________________________________________*/
.text_n_3
{
  color:#4cb6ea;
  font-family: 'Hind',sans-serif;
  font-size: 20px;
}
.text_n_1
{
   color: #FFFFFF;
  font-family: 'Hind',sans-serif;
 font-size: 20px;
  
}
.text_n_2
{
   color:black;
  font-family: 'Hind',sans-serif;
  font-size: 20px;
}

.banner_video
{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items:center;

  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: -10;
  
}
#videomain
{
   /*position: fixed;*/
  object-fit:fill;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.titulo
{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  width:100%;
  padding-top: .5em;
  background-color:rgba(255,255,255,0.90);
}
.titulo h1
{
  font-family: 'PT Sans', sans-serif;
  color:black;
  font-size: 2em; 
}

.acerca_de_mision
{
  display: flex;
  flex-wrap: wrap;
  justify-content:space-around;
 align-items:center;
  height: 100%;
 background-color:rgba(255,255,255,0.90);
}
.mision
{
width: 55%;
text-align:center;
padding: 2em 0 2em 0;

}
.text_n_22 
{
	border-bottom: 5px #4cb6ea solid;
	color:black;
  font-family: 'Hind',sans-serif;
  font-size: 20px;
	
}
.text_n_11
{
	border-bottom: 5px #4cb6ea solid;
	  color: #FFFFFF;
  font-family: 'Hind',sans-serif;
 font-size: 20px;
  
	
}


.acerca_de_vision
{
  display: flex;
  flex-wrap: wrap;
  justify-content:space-around;
  align-items:center;
  height: 100%;
  background-color:rgba(0,0,0,0.60);

}
.vision
{
  width: 55%;
  text-align:center;
  padding: 2em 0 2em 0;
}

.acerca_de_politicas
{
  display: flex;
  flex-wrap: wrap;
  justify-content:space-around;
  align-items:center;
  height: 100%;
   background-color:rgba(255,255,255,0.90);
}
.politicas
{
  width: 55%;
  text-align:center;
  padding: 2em 0 2em 0;
}
.titulo_valores
{
  display: flex;
  flex-wrap: wrap;
  justify-content:space-around;
  align-items:center;
  height: 100%;
  background-color:#4cb6ea;
}
.titulo_valores h1
{
  font-family: 'PT Sans', sans-serif;
  color:white;
  font-size: 1.7em; 
  padding-top: 1em;
}
.valores_emp
{
	display: flex;
  	flex-wrap: wrap;
  	justify-content:space-around;
  	align-items:center;
  	height: 100%;
	width: 100%;
  	background-color:#4cb6ea;
}
.valores1
{
  width: 45%;
  text-align:justify;
  padding: 0.5em 0 0.5em 0;
  font-size: 16px;
	width: 35%;

}
.valores2
{
    width: 45%;
    text-align:justify;
    padding: 0.5em 0 0.5em 0;
    font-size: 16px;
	width: 35%;
}
.text_n_1 ul
{
	list-style-type:disc;
}
.nuestros_clientes
{
	display: flex;
  	flex-wrap: wrap;
  	justify-content:space-around;
  	align-items:center;

  	background-color: white;
  	width: 100%;
	padding: 4em 0 4em 0;
	
}
.titulo_clientes
{
	border-bottom: 5px #4cb6ea solid;
	color:black;
  	font-family: 'Hind',sans-serif;
  	font-size: 20px;
	width: 100%;
    text-align:center;
}
.nuestros_clientes ul
{
	list-style-type:disc;
}
.nuestros_clientes li
{
	font-size: 18px;
}



/*FIN PAGINA NOSOTROS___________________________________________________________________________________________*/


/*INICIO PAGINA SOPORTE*/

.grid_soporte
{
  display: flex;
  flex-wrap: wrap;
  justify-content:center;
  align-items:flex-start;
  width:100%;
  padding-bottom: 2em;
}
.soporte3
{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items:center;
  width:35%;
  padding: 0.5em 0.5em 2.5em 0.5em;
  text-align:justify;
font-size: 17px;
	

}
.soporte3 li
{
	padding-bottom: 0.5em;
	list-style-type: disc;
}
.soporte3 h2
{
	color: rgb(0,93,147);
	font-size: 22px;
	font-weight: bold;
	padding-bottom: 1em;
}



.actualizaciones
{
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	width: 100%;
}

/*FIN PAGINA SOPORTE*/





/*INICIO  CONTACTENOS_____________________________________________________________________________________________________________________________*/
.contenedor_formulario
{
	align-items:center;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	background-image:url(../img/optimizadas/newyork.jpg);
	/*Background para dejarlo fijo*/
	background-attachment:fixed;
}
.contenedor_fondo
{
	align-items:center;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	width:100%;
	
	background-color:rgba(255,255,255,0.89);
}

.formulario_datos
{
	margin:auto;
	max-width:1800px;
	align-items:flex-start;
	display:flex;
	flex-wrap:wrap;
	padding:1em;
	
	justify-content:space-between;
	/*para centrar dentro del main*/
	margin-bottom:2em;

}
.formulario_datos h3
{
	font-size:22px;
}
.mapa
{
	
	width:100%;
	border-top:#4cb6ea solid 3px;
	border-bottom:#4cb6ea solid 3px;

}
.form
{	
	width:50%
}
.form h3
{
	font-size:22px;
}
.datos_contacto
{
	width:40%;
	font-family: 'Hind', sans-serif;
}
.contacto_form
{
	width:100%;
}
.campos_form input, .campos_form textarea
{
	width:100%;
	margin-bottom:1em;
	padding:.8em;
	border-radius: 1.5em;
	border: 1px solid #999;
}
.campos_form textarea
{
	height:100px;
  font-family:'Hind', sans-serif;
}
.textos_color
{
	color:#4cb6ea;
	font-weight:800;
	font-size:17px;
}
.enviar_btn button
{
	padding:.5em 1.5em;
	background-color: #9ACB4B; /* Green */
    border: none;
    color: white;
    padding: 15px 32px;
	cursor:pointer;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
	transition:all .7s;
	border-radius: .8em;
}
.enviar_btn button:hover
{
	background-color:#B7C89D;
	color:#1E1E1E;
}
/*FIN CONTACTENOS________________________________________________________________________________________________________________________________*/



/*FOOTER-----------------------------------------------------------------------------------------------------------------------------------------*/
/*iconmoon*/

@font-face {
  font-family: 'icomoon';
  src:  url('../font/iconos/icomoon.eot?1yr65q');
  src:  url('../font/iconos/icomoon.eot?1yr65q#iefix') format('embedded-opentype'),
    url('../font/iconos/icomoon.ttf?1yr65q') format('truetype'),
    url('../font/iconos/icomoon.woff?1yr65q') format('woff'),
    url('../font/iconos/icomoon.svg?1yr65q#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-envelope:before {
  content: "\e901";
}
.icon-instagram:before {
  content: "\e900";
}
.icon-phone:before {
  content: "\e942";
}
.icon-location2:before {
  content: "\e948";
}
.icon-mail2:before {
  content: "\ea84";
}
.icon-google-plus3:before {
  content: "\ea8d";
}
.icon-facebook2:before {
  content: "\ea91";
}
.icon-whatsapp:before {
  content: "\ea93";
}
.icon-twitter:before {
  content: "\ea96";
}
.icon-youtube:before {
  content: "\ea9d";
}
.icon-pinterest:before {
  content: "\ead1";
}
/*Colores para iconos blancos*/
.icono
{
	color:#FFF;
	font-size:20px;
	margin:5px;
}
/*Colores para iconos azules*/
.icono2
{
	color:#009EDD;
	font-size:20px;
	margin:2px;
}
.footer_prin
{
	
	background-color:#000;
	line-height:2em;
	
	/**height:500px;
	**/
	width:100%;
	align-items:center;
	display:flex;
	flex-wrap:wrap;
	
	
}
.footer_fondo
{
	
background-image:url(../img/optimizadas/newyork.jpg);
	/*Background para dejarlo fijo*/
background-attachment:fixed;
}
.footer_color

{
	width:100%;
	align-items:center;
	display:flex;
	flex-wrap:wrap;
	background-color:rgba(0,0,0,0.85);
}
/*footer a de 4 columnas*/
.footer_a
{
	align-items:flex-start;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	width:95%;
	padding:2em 2em;
	
}
.foo_pri_col
{
  justify-content:space-between;
  align-items: center;
	margin-bottom:2em;
}
.inf_col_4
{
	align-items:center;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
/*footer para redes sociales*/
.footer_redes
{
	/**max-width:40%;**/
	align-items:center;
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-end;
	padding-bottom:0.5em;
	padding-left:0.5em;
}
/*footer final links de navegacion y derechos de autor*/
.footer_b
{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	/**align-items:center;
	justify-content:center;**/
	width:100%;
	border-top:5px #4cb6ea solid;
	padding:.3em 0;
	padding-bottom:0.5em;
}
.footer_links_menu
{
	width:47%;
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-end;
}

.info_derechos
{
	width:47%;
}
.footer_links
{
	display:flex;
	flex-wrap:wrap;
	list-style:none;
	justify-content:flex-end;
}
.nav_item
{
	margin:0 .5em 0 .5em;
	
}
/*colores de textos*/
.footer_prin, .footer_a, .footer_redes,.footer_b, #txt2, #txt1, #txt1
{
	color: #FFFFFF;
	font-family: 'Hind',sans-serif;
}
.text3
{
	color:#4cb6ea;
	font-family: 'Hind',sans-serif;
	
}
.text1
{
   color: #FFFFFF;
  font-family: 'Hind',sans-serif;
  
}
.text2
{
   color:black;
  font-family: 'Hind',sans-serif;
  
}
.foo_pri_col a
{
	color: #FFFFFF;
	font-family: 'Hind',sans-serif;
}
.footer_1
{
	max-width:1920px;
	align-items:center;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	width:90%;
}
.centrar_blanco
{
	align-items:center;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	width:100%;
	padding:.3em 0;
	
}
.txt_icon
{
	/**margin:1em 1em;**/
	display:flex;
	flex-wrap:wrap;
	justify-content: flex-start;
}
.footer_2
{
	background-color: #4cb6ea;
	height:80px;
		
	align-items:center;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	width:100%;
}
.footer_2 #txt2, #txt1
{
	color: #FFFFFF;
	font-family: 'Hind',sans-serif;
}
.espacio_texto_footer
{
	width:50%;
	align-items:center;
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
}
.espacio_iconos
{
	max-width:40%;
	align-items:center;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}
/*FOOTER----------------------------------------------------------------------------------------------------------------------------------------*/

/*RESPONSIVE------------------------------------------------------------------------------------------------------------------------------------*/
@media (max-width: 1300px)
{
	.menu-logo
	{
		width:90%;
	}
	.cuerpo-info
	{
		width:100%;
	}
	
}
@media (max-width: 1255px) 
{
	.cuerpo-info
	{
		width:90%;
	}
}
@media (max-width: 1200px) 
{
	.info-bienvenida, .info-servicios
	{
		text-align:center;
		width:100%;
	}
	.info-servicios
	{
		margin-top:1em;
		margin-bottom:1em;
	}
	
}
@media (max-width: 850px)
{
	#logo
	{
		order:1;
		margin-bottom:1em;
		
		text-align:center;
		width:90%;
	}
	#menu
	{
		order:2;
		width:90%;
	}
	
	.prev, .next
	{
		width:50%;
	}
}
@media (max-width: 750px) 
{
	.form
	{
		width:90%;
	}
}
@media (max-widht: 585px)
{
	.slider_container
	{
		width:95%;
	}
}