@charset "utf-8";
/* CSS Document */
/* reset */
*{ border:0;
   margin:0;
   padding:0;
}
* article,figcaption,figure,footer,header,hgroup,nav,section {display: block;
}

/*estilos*/

body {
	 background: #fff;
	color:#5D5D63;
	font-family: 'Lato', Calibri, Arial, sans-serif;
	font-size:1em;
	font-weight: 400;
    color: #333;
    overflow: scroll;
    overflow-x: hidden;
}

  

a{
	color: #65B4F3;
	font-weight: bold;
	text-decoration:none;
	font-size:14px;
}

#social {
    float: left;
    margin: 12px 25px;
}
a:hover {
	color: #FFFFFF;
}

Figcaption{
	font-size:0.85em;
	padding:0.25em;
	text-align: center;
}
h1#twitlogo{
	text-align: right;
	margin:0.5;
	padding:1;
	vertical-align: middle;
	
}

img, video {
	max-width:100%;
}

.fade2{
	margin: 0 auto}

hr{
	border:1px #999;
	margin: 1em 0;
	}	

header {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: -4px 2px 6px rgba(0, 0, 0, 0.24);
    margin: 0 auto;
    max-width: 100%;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 9999;
}

#social2 {
    display: inline;
    float: right;
    margin: 24px;
    width: 224px;
}
#twitter{
		display:inline;
		}
#face{
		display:inline;
		}
#linkedin{
	display: inline;
	}	
	#youtube{
	display: inline;
	}	
	#google{
	display: inline;
	}
	#idioma {
    display: inline;
    vertical-align: top;
   }
	#idioma > a {
    color: #131B4F;
    font-size: 12px;
}
section#contenido{
	background: #FFF;
	margin:0 auto;
	max-width:100%;
	text-align:center;
	box-shadow: 1px 1px 10px  rgba(,0,0,0,5);
}


header h1 {

	display: inline-block;
	max-width: 100%;
	vertical-align: middle;
	margin: 0 0;
	padding:0;
	
}
nav {

	display: inline-block;
	max-width: 100%;
	vertical-align: middle;
	margin: 0 0;
	padding:0;
	
}
header h1#resdessociales {
	max-width: 100%;
	vertical-align: middle;
	margin: 0 auto;
}

nav ul{
	list-style:none;
}

nav li {
	display: inline-block;
	padding: 0.1em;
	vertical-align: top;
}


nav a {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.06);
    color: #131B4F;
    display: inline-block;
    font-family: 'Lato',Calibri,Arial,sans-serif;
    font-weight: 900;
    height: 39px;
    padding: 0.2em;
    text-align: -moz-right;
    width: 95px;
}

nav a:hover {
	background: #FFF;
	color: #666;
}

nav ul#submenu {
	background: #F00;
}
	

section#principal {
	background: #FFF;
	border-radius:0.5em;
	display: inline-block;
	margin:0.1em auto;
	max-width:79%;
	padding: 0.25em;
	vertical-align:top;
	width:90%;
}



<!--estilos para CONTACTENOS-->
article#contenidocontac  {
	background:#fdfcfc;
	border-radius: 0.5em;
	display: block;
	margin:4px auto;
	max-width:100%;
	min-height:543px;
	text-align:cnter;
	vertical-align:middle;
	width:95%;
}

article#subtitle {
	background:#0098d4;
	border-radius: 0em;
	display: inline-block;
	margin:20px;
	max-width:100%;
	min-height:72px;
	text-align:cnter;
	width:100%;
	height:40%;
}
article#fondoimagen  {
    background: url("../img/fondocontac.jpg");
	background-repeat:no-repeat;
    border-radius: 0 0 0 0;
    display: inline-block;
    height: 40%;
    margin: 0 20px;
    max-width: 52%;
    min-height: 565px;
    width: 61%;
}

article#formulariocontacto {
    background: none repeat scroll 0 0 transparent;
    border-radius: 0 0 0 0;
    display: inline-block;
    height: 44%;
     margin: 0 31px;
    max-width: 39%;
    min-height: 309px;
    vertical-align: bottom;
    width: 23%;
	padding: 15px 6px;
}

article#formulariocontacto2 {
    background: none repeat scroll 0 0 transparent;
    border-radius: 0 0 0 0;
    display: inline-block;
    height: 44%;
     margin: 0 auto;
    width: 37%;
	padding: 10px 0;
	float:right;
}


article#formu {
    background: none repeat scroll 0 0 transparent;
    border-radius: 0 0 0 0;
    display: inline-table;
    height: 40%;
     margin: 58px 0 0;
    max-width: 39%;
    min-height: 276px;
    text-align: left;
    width: 50%;
}
textarea{
	height: 100px;
	width: 400px;
}

.campo, textarea {
     background: none repeat scroll 0 0 #FFFFFF;
    border: 0 none;
    border-radius: 0 0 0 0;
    height: 42px;
    margin-bottom: 9px;
    padding: 9px;
    width: 336px;
	 box-shadow: 0 0 6px rgba(27, 27, 41, 0.27) inset;
}
.campo:focus,textarea:focus{
	background:#FFF;
	outline:none;
	 box-shadow: 0 0 3px #131B4F;
}

.boton {
    background: none repeat scroll 0 0 #131B4F;
    border: 0 none;
    color: #FFFFFF;
    margin-left: 107px;
    padding: 10px;
    width: 111px;
}



label{
	  color: #131B4F;
    font-family: 'Lato',Calibri,Arial,sans-serif;
    font-size: 19px;
    font-weight: lighter;
    letter-spacing: -1px;
	
	}
	
label2{
    color: #FFFFFF;
    font-family: 'Lato',Calibri,Arial,sans-serif;
    font-size: 19px;
    font-weight: bolder;
    letter-spacing: -0.5px;
	
	}
	#cajaslide1 {
    background: url("../img/tituloinno.png") ;
	background-repeat: no-repeat;
	background-size: 100% auto;
    float: left;
    height: 45%;
    margin: 130px 122px;
    width: 39%;
}
#cajaslide2 {
    background: url("../img/tituloimag.png");
	background-repeat: no-repeat;
	background-size: 100% auto;
    float: left;
    height: 87%;
    margin: 37px 100px;
    width: 39%;
	background-size:100%;
}
#cajaslide3 {
    background: url("../img/mapa.jpg");
	background-repeat: no-repeat;
	background-size: 100% auto;
    float: left;
    height: 87%;
    margin: 37px 100px;
    width: 39%;
	background-size:100%;
}

#cajaslideio {
    background: url("../img/tituloio.png");
	background-repeat: no-repeat;
	background-size: 100% auto;
    float: left;
    height: 100%;
    margin: 0 121px;
    width: 46%;
	background-size:100%;
}

#cajaslidesoluciones {
    background: url("../img/titulosolu.png") ;
	background-repeat: no-repeat;
	background-size: 100% auto;
    float: left;
    height: 87%;
    margin: 37px 100px;
    width: 39%;
	background-size:100%;
}

#footer {
    background-color: #838383;
    color: #333333;
    display: inline-block;
    font-weight: bolder;
    height: 257px;
    margin-top: 0;
    width: 100%;
}
#menufoter1 {
    float: left;
    height: 209px;
    margin-bottom: 0;
    margin-left: 106px;
    margin-top: 0;
    padding: 37px 0;
    text-align: left;
    top: 0;
    width: 15%;
}
#menufoter1 h2 {
    border-bottom: 2px solid #FCFBFB;
    color: #FEFFFF;
    font-size: 17px;
    margin-bottom: 10px;
    margin-top: 0;
    text-align: justify;
    width: 100%;
}
#menufoter2 h2 {
    border-bottom: 2px solid #FCFBFB;
    color: #FEFFFF;
    font-size: 17px;
    margin-bottom: 10px;
    margin-top: 0;
    text-align: justify;
    width: 100%;
}

#menufoter3 h2,#menufoter4 h2 {
    border-bottom: 2px solid #FCFBFB;
    color: #FEFFFF;
    font-size: 17px;
    margin-bottom: 10px;
    margin-top: 0;
    text-align: justify;
    width: 100%;
}
#menufoter3 h3, #menufoter4 h3 {
    border-bottom: 2px solid #FCFBFB;
    color: #FEFFFF;
    font-size: 13px;
    margin-bottom: 5px;
    margin-top: 0;
    text-align: justify;
    width: 100%;
}
#menufoter1 ul {
    float: right;
    height: 39px;
    margin: 0 auto;
    padding: 5px;
    width: 100%;
}
#menufoter1 ul li {
    border-bottom: 1px solid #FFFFFF;
    list-style: none outside none;
    margin: 3px -13px;
    text-align: justify;
    width: 176px;
}

#menufoter1 ul li a {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    padding: 11px 12px;
    text-decoration: none;
}
#menufoter1 ul li a:hover {
   
    color: #333333;
}
	

#menufoter2 {
    display: inline-block;
    float: inherit;
    height: 224px;
    margin: 0 36px;
    padding: 36px 14px;
    text-align: left;
    top: 24px;
    width: 22%;
}

#menufoter2 ul {
    float: inherit;
    height: 40px;
    margin: 0 auto;
    padding: 5px;
    width: 100%;
}
#menufoter2 ul li {
  
    list-style: none outside none;
    margin-left: -19px;
    padding: 0 20px;
}

#menufoter2 ul li a {
    color: # FFF;
    font-size: 14px;
    font-weight: bold;
    padding: 11px 12px;
    text-decoration: none;
}

#menufoter2 ul li a:hover{
	background-color: transparent;
	color:#466ea2;
}


#menufoter3 {
    float: none;
    height: 201px;
    margin: 1px;
    padding: 23px 0;
    text-align: start;
    top: 0;
    width: 20%;
}
#menufoter4 {
    float: none;
    height: 201px;
    margin: 0 0 5px 36px;
    padding: 25px 0;
    text-align: start;
    top: 0;
    width: 20%;
}

footer  #menufoter1, #menufoter2, #menufoter3, #menufoter4{
	display:inline-block;
	vertical-align:middle;
}
	
	
#terminos {
    background-color: transparent;
    border-top: 1px solid #FFFFFF;
    height: 32px;
    padding: 1px 15px;
    text-align: right;
    width: 100%;
}
#terminos a {
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 100;
}
#terminos h3 {
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 100;
}
#contac {
    float: left;
    height: 253px;
    margin-bottom: 0;
    margin-left: 122px;
    margin-top: 58px;
    padding: 0;
    text-align: left;
    top: 0;
    width: 16%;
}
#imgcontac {
    background-image: url("../img/camp1.png");
    background-repeat: no-repeat;
    float: left;
    height: 450px;
    margin-bottom: 0;
    margin-left: 0;
    margin-top: 0 auto;
    padding: 0;
    text-align: left;
    top: 0;
    width: 100%;
}

#imgcontac2 {
    background-image: url("../img/camp2.png");
    background-repeat: no-repeat;
    float: left;
    height: 450px;
    margin-bottom: 0;
    margin-left: 0;
    margin-top: 0 auto;
    padding: 0;
    text-align: left;
    top: 0;
    width: 100%;
}

#imgcontac3 {
    background-image: url("../img/camp3.png");
    background-repeat: no-repeat;
    float: left;
    height: 450px;
    margin-bottom: 0;
    margin-left: 0;
    margin-top: 0 auto;
    padding: 0;
    text-align: left;
    top: 0;
    width: 100%;
}

#imgcontac4 {
    background-image: url("../img/camp4.png");
    background-repeat: no-repeat;
    float: left;
    height: 450px;
    margin-bottom: 0;
    margin-left: 0;
    margin-top: 0 auto;
    padding: 0;
    text-align: left;
    top: 0;
    width: 100%;
}
#imgcontac5 {
    background-image: url("../img/camp5.png");
    background-repeat: no-repeat;
    float: left;
    height: 450px;
    margin-bottom: 0;
    margin-left: 0;
    margin-top: 0 auto;
    padding: 0;
    text-align: left;
    top: 0;
    width: 100%;
}
#contac ul {
    float: right;
    height: 39px;
    margin: 0 auto;
    padding: 5px;
    width: 100%;
}
#contac ul li {
    border-bottom: 1px solid #1C214F;
    height: 41px;
    list-style: none outside none;
    margin: 13px -15px;
    text-align: justify;
    width: 500px;
}
#contac ul li a {
    color: #1C214F;
    font-family: 'Lato',Calibri,Arial,sans-serif;
    font-size: 28px;
    font-weight: bold;
    letter-spacing: -2px;
    padding: 11px 12px;
    text-decoration: none;
}

#contac2 {
    float: left;
    height: 253px;
    margin-bottom: 0;
    margin-left: 0;
    margin-top: 58px;
    padding: 0;
    text-align: left;
    top: 0;
    width: 25%;
}
#contac2 ul {
    float: right;
    height: 39px;
    margin: 0 auto;
    padding: 5px;
    width: 100%;
}
#contac2 ul li {
    border-bottom: 1px solid #1C214F;
    height: 41px;
    list-style: none outside none;
    margin: 13px -15px;
    text-align: justify;
    width: 300px;
}
#contac2 ul li a {
    color: #1C214F;
    font-family: 'Lato',Calibri,Arial,sans-serif;
    font-size: 29px;
    font-weight: 300;
    letter-spacing: -2px;
    padding: 11px 12px;
    text-decoration: none;
}

.fade3 {
    float: left;
    margin: -30px 32px;
}

#contenido1 {
    float: right;
    height: 100%;
    margin: 20px 107px;
    width: 43%;
}
#contenido2 {
     float: left;
    height: 90%;
    margin: 20px 94px;
    width: 43%;
}

#contenido3 {
    float: right;
    height: 100%;
    margin: 25px 94px;
    width: 43%;
}

#contenido4 {
     float: left;
    height: 100%;
    margin: 40px 94px;
    width: 43%;
}

#contenido5 {
    color: #818181;
    float: right;
    height: 150px;
    margin: 31px 31px;
}
#contenido6 {
    float: left;
    height: 100%;
    margin: 0 27px;
    padding: 92px 0;
    width: 43%;
}
#contenido7 {
   float: right;
    height: 100%;
    margin: 0 71px;
    padding: 131px 0;
    text-align: center;
    width: 43%;
}
#contenido8 {
    float: left;
    height: 55%;
    margin: 100px 68px;
    padding: 58px 0;
    text-align: center;
    width: 43%;
}
#contenido9 {
    float: right;
    height: 88%;
    margin: 0 102px;
    padding: 160px 0;
    text-align: center;
    width: 40%;
}
#contenido10 {
    float: right;
    height: 100%;
    margin: 0 70px;
    padding: 70px 0;
    width: 43%;
}
#contenido11 {
    float: left;
    height: 100%;
    margin: 0 70px;
    padding: 116px 0;
    width: 43%;
}
#contenido12 {
    float: right;
    height: 100%;
    margin: 0 118px;
    width: 43%;
}
#contenido13 {
    float: left;
    height: 100%;
    margin: 0 54px;
    padding: 57px 0;
    text-align: center;
    width: 43%;
}
#contenido14 {
    float: right;
    height: 100%;
    margin: 0 82px;
    padding: 60px 0;
    width: 43%;
}
#contenido15 {
    float: left;
    height: 100%;
    margin: 0 auto;
    width: 43%;
}
#contenido16 {
    float: right;
    height: 100%;
    margin: 0 86px;
    padding: 80px 0;
    width: 43%;
}
#contenido17 {
    float: left;
    height: 100%;
    margin: 0 59px;
    padding: 55px 0;
    width: 43%;
}
#contenido18 {
    float: right;
    height: 100%;
    margin: 0 auto;
    width: 43%;
}
#contenido188 {
    float: right;
    height: 100%;
    margin: 0 118px;
    width: 43%;
}
#contenido19 {
    float: left;
    height: 100%;
    margin: 0 36px;
    padding: 55px 0;
    width: 43%;
}
#contenido20 {
    float: right;
    height: 100%;
    margin: 0 145px;
    width: 43%;
}

#contenido21 {
    float: left;
    height: 100%;
    margin: 0 47px;
    width: 43%;
}

#contenido22 {
    float: right;
    height: 100%;
    margin: 0 131px;
    padding: 40px 0;
    width: 43%;
}
#contenido23 {
    float: left;
    height: 100%;
    margin: 0 31px;
    width: 43%;
}
#contenido24 {
    float: right;
    height: 100%;
    margin: 0 109px;
    width: 43%;
}
#contenido25 {
    float: left;
    height: 100%;
    margin: 0 62px;
    width: 43%;
}
#slide2 {
    background-color: #000000;
    background-image: url("../img/slideinn.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 475px;
    margin: 0 auto;
    width: 100%;
}
	
#slideimag{
	background-image:url(../img/slideimag.jpg);
	background-color:#000;
	height:488px;
	width:100%;
	margin:0 auto;
	padding: 118px 11px;}
	
	
	
#noti{
	background-image:url(../img/noti.jpg);
	background-color:#000;
	 height: 509px;
	width:100%;
	margin:0 auto;
	padding: 118px 11px;}
		
#noti1{
	background-image:url(../img/noticia1.jpg);
	background-color:#000;
	 height: 509px;
	width:100%;
	margin:0 auto;
	padding: 118px 11px;}
	
#noti2 {
    background-color: #000000;
    background-image: url("../img/noticia2.jpg");
    height: 509px;
    margin: 0 auto;
    padding: 118px 11px;
    width: 100%;
}	

#noti3 {
    background-color: #000000;
    background-image: url("../img/noticia3.jpg");
    height: 509px;
    margin: 0 auto;
    padding: 118px 11px;
    width: 100%;
}	

#noti4 {
    background-color: #000000;
    background-image: url("../img/noticia4.jpg");
    height: 509px;
    margin: 0 auto;
    padding: 118px 11px;
    width: 100%;
}	
#noti5{
	background-image:url(../img/noticia5.jpg);
	background-color:#000;
	 height: 509px;
	width:100%;
	margin:0 auto;
	padding: 118px 11px;}
	
#noti6 {
    background-color: #000000;
    background-image: url("../img/noticia6.jpg");
    height: 509px;
    margin: 0 auto;
    padding: 118px 11px;
    width: 100%;
}	

#noti7 {
    background-color: #000000;
    background-image: url("../img/noticia7.jpg");
    height: 509px;
    margin: 0 auto;
    padding: 118px 11px;
    width: 100%;
}	

#noti8 {
    background-color: #000000;
    background-image: url("../img/noticia8.jpg");
    background-size: 100% auto;
    height: 509px;
    margin: 0 auto;
    padding: 118px 11px;
    width: 100%;
}

#noti9 {
    background-color: #000000;
    background-image: url("../img/noticia9.jpg");
    background-size: 100% auto;
    height: 509px;
    margin: 0 auto;
    padding: 118px 11px;
    width: 100%;
}

#noti10 {
    background-color: #000000;
    background-image: url("../img/noticia10.jpg");
    background-size: 100% auto;
    height: 509px;
    margin: 0 auto;
    padding: 118px 11px;
    width: 100%;
}
#noti1 {
    background-color: #000000;
    background-image: url("../img/noticia11.jpg");
    background-size: 100% auto;
    height: 509px;
    margin: 0 auto;
    padding: 118px 11px;
    width: 100%;
}
#noti11 {
    background-color: #000000;
    background-image: url("../img/noticia11.jpg");
    background-size: 100% auto;
    height: 509px;
    margin: 0 auto;
    padding: 118px 11px;
    width: 100%;
}

#noti12 {
    background-color: #000000;
    background-image: url("../img/noticia12.jpg");
    background-size: 100% auto;
    height: 509px;
    margin: 0 auto;
    padding: 118px 11px;
    width: 100%;
}

#noti13 {
    background-color: #000000;
    background-image: url("../img/noticia1.jpg");
    background-size: 100% auto;
    height: 509px;
    margin: 0 auto;
    padding: 118px 11px;
    width: 100%;
}

#noti14 {
    background-color: #000000;
    background-image: url("../img/noticia14.jpg");
    background-size: 100% auto;
    height: 509px;
    margin: 0 auto;
    padding: 118px 11px;
    width: 100%;
}

#noti15 {
    background-color: #000000;
    background-image: url("../img/noticia15.jpg");
    background-size: 100% auto;
    height: 509px;
    margin: 0 auto;
    padding: 118px 11px;
    width: 100%;
}

#noti16 {
    background-color: #000000;
    background-image: url("../img/noticia16.jpg");
    background-size: 100% auto;
    height: 509px;
    margin: 0 auto;
    padding: 118px 11px;
    width: 100%;
}
	
#proyectos {
    background-color: #000000;
    height: auto;
    margin: 0 auto;
    padding: 40px 0;
    width: 100%;
}
	
#slidemap {
    background-color: #000000;
    background-image: url("../img/mapa.jpg");
    background-repeat: no-repeat;
    height: 338px;
    margin: 0 auto;
    padding: 118px 11px;
    width: 100%;
}		
#slideio {
    background-color: #000000;
    background-image: url("../img/io2.jpg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 475px;
    margin: 0 auto;
    padding: 118px 11px;
    width: 100%;
}
	
#slidesoluciones{
	background-size: 100% auto;
	background-image:url(../img/soluciones2.jpg);
	background-color:#000;
	height:488px;
	width:100%;
	margin:0 auto;
	padding: 118px 11px;}
	
#cajaslide {
    float: left;
    height: 85%;
    margin: 0 122px;
    padding: 137px 0;
    width: 49%;
}
#cajaslide p {
	text-align:center;
	color:#fff;
	 font-family: 'Lato',Calibri,Arial,sans-serif;
    
}
#slide2 h3 {
    color: #FFFFFF;
    font-size: 65px;
    font-weight: 700;
    letter-spacing: -2px;
    text-align: center;
}

#cajaquees {
    background-color: #FFFFFF;
    display: inline-block;
    height: auto;
    margin: 0 auto;
    padding: 15px 111px 0;
    width: 100%;
}

#cajaquees h1 {
    color: #5D5D63;
    font-family: 'Lato',Calibri,Arial,sans-serif;
    font-size: 24px;
    font-weight: 900;
    letter-spacing: -1px;
    text-align: center;
}



#beneficios {
    background-color: #FFFFFF;
    height: 310px;
    margin: 0 auto;
    padding: 0 111px;
    width: 100%;
}


#beneficios2 {
    background-color: #FFFFFF;
    height: 582px;
    margin: 0 auto;
    padding: 0 111px;
    width: 100%;
	display: inline-block;
}


#beneficios2 h1 {
    color: #da4b27;
    font-family: 'Lato',Calibri,Arial,sans-serif;
    font-size: 24px;
    font-weight: 900;
    letter-spacing: -1px;
    text-align: center;
}
#beneficios h1 {
    color: #00A0CF;
    font-family: 'Lato',Calibri,Arial,sans-serif;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -1px;
    text-align: center;
}
#beneficios p {
    font-family: 'Lato',Calibri,Arial,sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
	color: #10191F;
}

#beneficios2 p {
    font-family: 'Lato',Calibri,Arial,sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
}

#beneficios3 {
    background-color: #FFFFFF;
    height: 349px;
    margin: 0 auto;
	text-align:center;
    padding: 0 111px;
    width: 100%;
}
#beneficios3 h1 {
     color: #7DB62C;
    font-family: 'Lato',Calibri,Arial,sans-serif;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -1px;
    text-align: center;
}

#beneficios3 p {
    font-family: 'Lato',Calibri,Arial,sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
}


#beneficios4 {
    background-color: #FFFFFF;
    height: 294px;
    margin: 0 auto;
    padding: 0 111px;
    width: 100%;
}
#beneficios4 h1 {
   color: #3A2C82;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -1px;
    text-align: center;
}

#beneficios4 p {
    font-family: 'Lato',Calibri,Arial,sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
}
#ben1, #ben2, #ben3{
    background-color: transparent;
    display: inline-block;
    height: 385px;
    margin: -107px 41px;
    vertical-align: middle;
    width: 25%;
}

#ben8, #ben9 {
    background-color: rgba(0, 0, 0, 0);
    display: inline-block;
    height: 385px;
    margin: -109px 67px -126px 149px;
    vertical-align: middle;
    width: 25%;
}

#ben6, #ben7 {
    background-color: rgba(0, 0, 0, 0);
    display: inline-block;
    height: 385px;
    margin: -107px 117px;
    vertical-align: middle;
    width: 25%;
}
#ben-linux {
    background-color: #1c214f;
    display: inline-block;
    height: auto;
    margin: 0 auto;
    padding: 5em 2em;
    vertical-align: middle;
    width: 100%;
}
#ben-linux > h1 {
    color: #fff;
    text-align: center;
}
#ben-linux > p {
    color: #fff;
    margin: 0 auto;
    text-align: center;
    width: 70%;
}
.boton-4 {
    background-color: #fff;
    border-radius: 19px;
    display: block;
    height: 49px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    top: 25px;
	color:#1C214F;
	padding:16px;
	cursor:pointer;
    width: 181px;
}
#ben4 {
    background-color: transparent;
    display: inline-block;
    height: 385px;
    margin: 55px 220px;
    vertical-align: middle;
    width: 25%;
}
#ben5 {
    background-color: transparent;
    display: inline-block;
    height: 385px;
    margin: -125px -101px;
    vertical-align: middle;
    width: 25%;
}
#ben-linux > img {
    display: block;
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 12%;
}
#icono1 {  
    background-image: url("../img/ico1.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    border-radius: 98px 100px 100px 100px;
    height: 52%;
    margin: 0 auto;
    width: 74%;
}
#icono2 {
   
    background-image: url("../img/ico2.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    border-radius: 98px 100px 100px 100px;
    height: 52%;
    margin: 0 auto;
    width: 74%;
}
#icono3 {
   
    background-image: url("../img/ico3.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    border-radius: 98px 100px 100px 100px;
    height: 52%;
    margin: 0 auto;
    width: 74%;
}

#icono4 {
   
    background-image: url("../img/ico4.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    border-radius: 98px 100px 100px 100px;
    height: 53%;
    margin: 0 auto;
    width: 74%;
}

#icono5 {
   
    background-image: url("../img/ico5.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    border-radius: 98px 100px 100px 100px;
    height: 53%;
    margin: 0 auto;
    width: 74%;
}

#icono6 {
   
    background-image: url("../img/ico6.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    border-radius: 98px 100px 100px 100px;
    height: 53%;
    margin: 0 auto;
    width: 74%;
}
#icono7 {
   
    background-image: url("../img/ico7.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    border-radius: 98px 100px 100px 100px;
    height: 53%;
    margin: 0 auto;
    width: 74%;
}

#icono8 {
   
    background-image: url("../img/ico8.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    border-radius: 98px 100px 100px 100px;
    height: 53%;
    margin: 0 auto;
    width: 74%;
}

#icono10 {
   
    background-image: url("../img/ico9.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    border-radius: 98px 100px 100px 100px;
    height: 60%;
    margin: 0 auto;
    width: 69%;
}
#icono11 {
   
    background-image: url("../img/ico10.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    border-radius: 98px 100px 100px 100px;
    height: 60%;
    margin: 0 auto;
    width: 69%;
}
#icono12 {
   
    background-image: url("../img/ico9.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    border-radius: 98px 100px 100px 100px;
    height: 60%;
    margin: 0 auto;
    width: 74%;
}

#icono13 {
   
    background-image: url("../img/ico13.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    border-radius: 98px 100px 100px 100px;
    height: 60%;
    margin: 0 auto;
    width: 74%;
}
#icono14 {
   
    background-image: url("../img/ico14.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    border-radius: 98px 100px 100px 100px;
    height: 60%;
    margin: 0 auto;
    width: 74%;
}
#contenido2 h2 {
    font-family: 'Lato',Calibri,Arial,sans-serif;
    font-size: 55px;
    letter-spacing: -3px;
    margin: 0 auto;
}


#contenido2 h3 {
   
    font-family: 'Lato',Calibri,Arial,sans-serif;
    font-size: 39px;
    font-style: italic;
    font-weight: lighter;
    letter-spacing: -1px;
    margin: 0 auto;
    text-align: center;
    width: 113px;
}
#contenido2 h4 {
   
    font-family: 'Lato',Calibri,Arial,sans-serif;
    font-size: 61px;
    font-weight: 900;
    letter-spacing: -1px;
    margin: 0 auto;
    text-align: center;
}

#contenido3 h2 {
    float: left;
    font-family: 'Lato',Calibri,Arial,sans-serif;
    font-size: 55px;
    letter-spacing: -3px;
    margin: 0 auto;
    width: 90px;
}

#contenido3 h3 {
    font-family: 'Lato',Calibri,Arial,sans-serif;
    font-size: 51px;
    font-style: italic;
    font-weight: lighter;
    letter-spacing: -1px;
    margin: 0 114px;
    text-align: center;
    width: 113px;
}
#contenido3 h4 {
   
    font-family: 'Lato',Calibri,Arial,sans-serif;
    font-size: 61px;
    font-weight: 900;
    letter-spacing: -1px;
    margin: 0 auto;
    text-align: center;
}

#contenido4 h2 {
    font-family: 'Lato',Calibri,Arial,sans-serif;
    font-size: 55px;
    letter-spacing: -3px;
    margin: 0 auto;
}


#contenido4 h3 {
    font-family: 'Lato',Calibri,Arial,sans-serif;
    font-size: 55px;
    font-style: italic;
    font-weight: lighter;
    letter-spacing: -1px;
    margin: -68px 103px;
    text-align: center;
    width: 113px;
}
#contenido4 h4 {
   
    font-family: 'Lato',Calibri,Arial,sans-serif;
    font-size: 61px;
    font-weight: 900;
    letter-spacing: -1px;
    margin: 0 auto;
    text-align: center;
}
#contenido5 h2 {
    float: left;
    font-family: 'Lato',Calibri,Arial,sans-serif;
    font-size: 55px;
    letter-spacing: -3px;
    margin: 0 1px;
    width: 69px;
}


#contenido5 h3 {
    font-family: 'Lato',Calibri,Arial,sans-serif;
    font-size: 51px;
    font-style: italic;
    font-weight: lighter;
    letter-spacing: -1px;
   margin: -1px 7px;
    text-align: justify;
    width: 166px;
}
#contenido5 h4 {
   
    font-family: 'Lato',Calibri,Arial,sans-serif;
    font-size: 61px;
    font-weight: 900;
    letter-spacing: -1px;
    margin: 0 auto;
    text-align: center;
}

    
#titulo1 {
    background: url("../img/titulo2.png");
	background-repeat: no-repeat;
	background-size: 100% auto;
    height: 60%;
    margin: 0 auto;
    width: 100%;
}

#titulo2 {
    background: url("../img/titulo3.png");
	background-repeat: no-repeat;
	background-size: 100% auto;
    height: 54%;
    margin: 0 auto;
    width: 100%;
}
#titulo3 {
    background: url("../img/titulo4.png");
	background-repeat: no-repeat;
	background-size: 100% auto;
    height: 97%;
    margin: 0 auto;
    width: 100%;
}
#titulo4 {
    background: url("../img/titulo5.png");
	background-repeat: no-repeat;
	background-size: 100% auto;
    height: 65%;
    margin: 0 auto;
    width: 100%;
}

#titulo5 {
    background: url("../img/titulo6.png");
	background-repeat: no-repeat;
	background-size: 100% auto;
    height: 60%;
    margin: 0 auto;
    width: 100%;
}
#titulo6 {
    background: url("../img/titulo7.png");
	background-repeat: no-repeat;
	background-size: 100% auto;
    height: 90%;
    margin: 0 auto;
    width: 100%;
}#titulo7 {
    background: url("../img/titulo8.png");
	background-repeat: no-repeat;
	background-size: 100% auto;
    height:35%;
    margin: 0 auto;
    width: 100%;
}
#titulo8 {
    background: url("../img/titulo9.png") ;
	background-repeat: no-repeat;
	background-size: 100% auto;
    height: 50%;
    margin: 0 auto;
    width: 100%;
}
#titulo9 {
    background: url("../img/titulo10.png");
	background-repeat: no-repeat;
	background-size: 100% auto;
    height: 53%;
    margin: 0 auto;
    width: 100%;
}

#titulo10 {
    background: url("../img/titulo11.png");
	background-repeat: no-repeat;
	background-size: 100% auto;
    height: 62%;
    margin: 0 auto;
    width: 65%;
}

#titulo11 {
    background: url("../img/titulo12.png");
	background-repeat: no-repeat;
	background-size: 100% auto;
    height: 55%;
    margin: 0 auto;
    width: 95%;
}
#titulo12 {
    background: url("../img/titulo13.png") ;
	background-repeat: no-repeat;
	background-size: 100% auto;
    height: 60%;
    margin: 0 auto;
    width: 100%;
}
#titulo13 {
    background: url("../img/titulo14.png");
	background-repeat: no-repeat;
	background-size: 100% auto;
    height: 68%;
    margin: 0 auto;
    width: 100%;
}
#titulo14 {
    background: url("../img/titulo15.png") ;
	background-repeat: no-repeat;
	background-size: 100% auto;
    height: 65%;
    margin: 0 auto;
    width: 100%;
}
#titulo15 {
    background: url("../img/titulo16.png") ;
	background-repeat: no-repeat;
	background-size: 100% auto;
    height: 35%;
    margin: 0 auto;
    width: 100%;
}
#titulo16 {
    background: url("../img/titulo17.png") ;
	background-repeat: no-repeat;
	background-size: 100% auto;
    height: 33%;
    margin: 0 auto;
    width: 100%;
}
#titulo17 {
    background: url("../img/titulo177.png");
	background-repeat: no-repeat;
	background-size: 100% auto;
    height: 86%;
    margin: 0 auto;
    width: 100%;
}


#titulo18 {
    background: url("../img/titulo18.png") ;
	background-repeat: no-repeat;
	background-size: 100% auto;
    height: 40%;
    margin: 0 auto;
    width: 100%;
}
#titulo19 {
    background: url("../img/titulo19.png");
	background-repeat: no-repeat;
	background-size: 100% auto;
    height: 50%;
    margin: 0 auto;
    width: 100%;
}
#titulo20 {
    background: url("../img/titulo20.png") ;
	background-repeat: no-repeat;
	background-size: 100% auto;
    height: 40%;
    margin: 0 auto;
    width: 100%;
}
#titulo21 {
    background: url("../img/titulo21.png") ;
	background-repeat: no-repeat;
	background-size: 100% auto;
    height: 50%;
    margin: 0 auto;
    width: 100%;
}
#titulo22 {
    background: url("../img/titulo22.png");
	background-repeat: no-repeat;
	background-size: 100% auto;
    height: 50%;
    margin: 0 auto;
    width: 100%;
}
#titulo23 {
    background: url("../img/titulo23.png");
	background-repeat: no-repeat;
	background-size: 100% auto;
    height: 53%;
    margin: 0 auto;
    width: 100%;
}
#titulo24 {
    background: url("../img/titulo24.png") ;
	background-repeat: no-repeat;
	background-size: 100% auto;
    height: 40%;
    margin: 0 auto;
    width: 100%;
}
#titulo25 {
    background: url("../img/titulo25.png");
	background-repeat: no-repeat;
	background-size: 100% auto;
    height: 40%;
    margin: 0 auto;
    width: 100%;
}
button {
    background: none repeat scroll 0 0 #00A0CF;
    border: medium none;
    border-radius: 76px 2px 82px 2px;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    float: right;
    font-family: 'Lato',Calibri,Arial,sans-serif;
    font-size: 1em;
    letter-spacing: 1px;
    margin: 16px 75px;
    padding: 0.6em 1.2em;
    text-transform: uppercase;
}
button:hover {
	background: #057292;
}


.boton2 {
    background: none repeat scroll 0 0 #FB4A1F;
    border: medium none;
    border-radius: 76px 2px 82px 2px;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    float: right;
    font-family: 'Lato',Calibri,Arial,sans-serif;
    font-size: 1em;
    letter-spacing: 1px;
    margin: 16px 54px;
    padding: 0.6em 1.2em;
    text-transform: uppercase;
}

.boton2:hover {
	background: #d42b02;
}

.boton3 {
    background: none repeat scroll 0 0  #7DB62C;
    border: medium none;
    border-radius: 76px 2px 82px 2px;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    float: right;
    font-family: 'Lato',Calibri,Arial,sans-serif;
    font-size: 1em;
    letter-spacing: 1px;
    margin: 16px 54px;
    padding: 0.6em 1.2em;
    text-transform: uppercase;
}

.boton3:hover {
	background: #507e10;
}


.boton4 {
    background: none repeat scroll 0 0 #3A2C82;
    border: medium none;
    border-radius: 76px 2px 82px 2px;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    float: right;
    font-family: 'Lato',Calibri,Arial,sans-serif;
    font-size: 1em;
    letter-spacing: 1px;
    margin: 16px 75px;
    padding: 0.6em 1.2em;
    text-transform: uppercase;
}

.boton4:hover {
	background: #191336;
}

.fade4 {
	padding:0;
	margin:0 auto;
	background-size:100%;
}
.botonsoluciones {
    background: none repeat scroll 0 0 #3A2C82;
    border: 9px none;
    border-radius: 6px;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    float: none;
    font-family: 'Lato',Calibri,Arial,sans-serif;
    font-size: 1em;
    letter-spacing: 1px;
    margin: 0 auto;
    padding: 0.6em 1.2em;
    text-align: center;
    text-transform: uppercase;
	margin-left:0;
   
}
.botonsoluciones:hover {
    background: none repeat scroll 0 0 #7769BF;
}

.botoncamp {
    background: none repeat scroll 0 0 #DE6312;
    border: 9px none;
    border-radius: 6px;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    float: none;
    font-family: 'Lato',Calibri,Arial,sans-serif;
    font-size: 1em;
    letter-spacing: 1px;
    margin: 0 auto;
    padding: 0.6em 1.2em;
    text-align: center;
    text-transform: uppercase;
	margin-left: 107px;
	
	
}
.botoncamp:hover {
    background: none repeat scroll 0 0 #BE4302;
}

#redes {
    background-color: #F6F6F6;
    height: 25%;
    margin: 0 auto;
    padding: 0;
    width: 100%;
}

#red1, #red2, #red3 {
    background-color: #A3D1EA;
    display: inline-block;
    height:25%;
    margin: 0 auto;
    vertical-align: middle;
    width: 25%;
	border-radius:50px;
}


#triangulo1 {
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    border-top: 40px solid #FB4A1F;
    display: inline-block;
    height: 0;
    margin: 55px -112px;
    position: absolute;
    width: 0;
    z-index: 999;
}
#triangulo2 {
    border-left: 40px solid rgba(0, 0, 0, 0);
    border-right: 40px solid rgba(0, 0, 0, 0);
    border-top: 40px solid #7DB62C;
    display: flex;
    float: left;
    height: 0;
    margin: 144px 499px;
    position: absolute;
    z-index: 999;
}
#triangulo3 {
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    border-top: 40px solid #00A0CF;
    float: inherit;
    height: 0;
    margin: 138px 500px;
    position: absolute;
    z-index: 999;
}
#triangulo4 {
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    border-top: 40px solid #3A2C82;
    float: inherit;
    height: 0;
    margin: 123px 501px;
    position: absolute;
    z-index: 999;
}


.cajaslidepro-nueva{
    width: 100%;
    margin: 0 auto;
    color: #fff;
    text-align: center;
}
.cajaslidepro-nueva h3 {
    width: 100%;
    margin: 0 auto;
    color: #fff;
    text-align: center;
}

/* noticias */

#contennoticias {
    background-color: #FFFFFF;
    height: auto;
    margin: 0 auto;
    padding: 145px 90px;
    width: 100%;
}
#cuerponoti {
    background-color: #FFFFFF;
    display: inline-block;
    height: 100%;
     margin: -157px 0;
    padding: 37px 55px;
    vertical-align: middle;
    width: 77%;
}
#cuerpocon {
    background-color: #FFFFFF;
    display: inline-block;
    height: 100%;
    margin: -59px 0;
    padding: 37px 55px;
    vertical-align: middle;
    width: 98%;
}
#cuerponoti a {
	
	color:#131B4F;}
#cuerponoti h1{
	
    color: #1C214F;
    font-family: 'Lato',Calibri,Arial,sans-serif;
    font-size: 36px;
    font-weight: bold;
    text-align: left;

}
#cuerponoti h1{
    color: #1C214F;
    font-family: 'Lato',Calibri,Arial,sans-serif;
    font-size: 36px;
    font-weight: 900;
    letter-spacing: -2px;
    text-align: left;

}
#cuerpocon h1{
	
    color: #1C214F;
    font-family: 'Lato',Calibri,Arial,sans-serif;
    font-size: 36px;
    font-weight: bold;
    text-align: left;

}
#cuerpocon h2 {
    color: #1C214F;
    font-family: 'Lato',Calibri,Arial,sans-serif;
    font-size: 20px;
    font-weight: normal;
    margin: 13px 0;
    text-align: left;
}
#cuerponoti p {
	text-align:justify;
}
#cuerpocon p {
	text-align:justify;
}

#slidenoti {
    background-color: #E0E0E0;
    display: inline-block;
    height: auto;
    margin: -145px -3px;
    padding: 8px;
    vertical-align: top;
    width: 22%;
}

/* proyectos */
#proyecto01{
	background-image:url(../img/proyect1.jpg);
	background-color:#000;
	height:488px;
	width:100%;
	margin:0 auto;
	padding: 118px 11px;}
#proyecto02 {
    background-color: #000000;
    background-image: url("../img/proyect2.jpg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 476px;
    margin: 0 auto;
    padding: 118px 11px;
    width: 100%;
}
	
#proyecto03{
	background-image:url(../img/proyect3.jpg);
	background-color:#000;
	 background-repeat: no-repeat;
    background-size: 100% auto;
	height:474px;
	width:100%;
	margin:0 auto;
	padding: 118px 11px;}
		
#proyecto04{
	background-image:url(../img/proyect4.jpg);
	background-color:#000;
	background-repeat: no-repeat;
    background-size: 100% auto;
	height:474px;
	width:100%;
	margin:0 auto;
	padding: 118px 11px;}	
	
#proyecto05{
	background-image:url(../img/proyect5.jpg);
	background-color:#000;
	background-repeat: no-repeat;
    background-size: 100% auto;
	height:474px;
	width:100%;
	margin:0 auto;
	padding: 118px 11px;}	
	
#proyecto06{
	background-image:url(../img/proyect6.jpg);
	background-color:#000;
	background-repeat: no-repeat;
    background-size: 100% auto;
	height:474px;
	width:100%;
	margin:0 auto;
	padding: 118px 11px;}	
	
#triangulopro1 {
    border-left: 40px solid rgba(0, 0, 0, 0);
    border-right: 40px solid rgba(0, 0, 0, 0);
    border-top: 40px solid #ce1133;
    float: inherit;
    height: 0;
    margin: 41px 528px;
    position: absolute;
    z-index: 999;
}
#triangulopro4 {
    border-left: 40px solid rgba(0, 0, 0, 0);
    border-right: 40px solid rgba(0, 0, 0, 0);
    border-top: 40px solid #e51126;
    float: inherit;
    height: auto;
    margin: 0 auto;
    position: relative;
    top: 82px;
    width: 50px;
    z-index: 555;
}
/*cierra proyectos */

/*productos*/
#slidepro1 {
    background-color: #F9F9FB;
    background-image: url("../img/sugar.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 495px;
    margin: 0 auto;
    padding-top: 74px;
    width: 100%;
}
#slidepro2 {
    background-color: #F9F9FB;
    background-image: url("../img/zabbix.jpg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 420px;
    margin: 0 auto;
    padding-top: 74px;
    width: 100%;
	background-attachment:fixed;
}
#slidepro3 {
    background-color: #F9F9FB;
    background-image: url("../img/elastix.jpg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 420px;
    margin: 0 auto;
    padding-top: 74px;
    width: 100%;
	background-attachment:fixed;
}
#slidepro4 {
    background-color: #F9F9FB;
    background-image: url("../img/endian.jpg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 420px;
    margin: 0 auto;
    padding-top: 74px;
    width: 100%;
	background-attachment:fixed;
}

#slidepro5 {
    background-attachment: fixed;
    background-color: #f9f9fb;
    background-image: url("../img/sac1.jpg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 720px;
    margin: 0 auto;
    padding-top: 74px;
    width: 100%;
}
#slidepro5 h1 {
    color: #fff;
    font-size: 26px;
    font-weight: 100;
    margin: -1px auto 0;
    text-align: center;
}
#slidepro5 h3 {
    color: #fff;
    font-size: 54px;
    font-weight: 100;
    margin: 93px auto 0;
    text-align: center;
}
#slidepro5 > p {
    color: #bababa;
    font-size: 16px;
    font-weight: 100;
    line-height: 1.4;
    margin: 27px auto 0;
    text-align: center;
    width: 53%;
}

#cajaslidepro3 {
    background: url("../img/logoelastix.png") no-repeat scroll 0 0 / 100% auto rgba(0, 0, 0, 0);
    float: none;
    height: 76%;
    margin: 55px auto 0;
    width: 49%;
}
#cajaslidepro4 {
    background: url("../img/logoendian.png") no-repeat scroll 0 0 / 100% auto rgba(0, 0, 0, 0);
    float: none;
    height: 76%;
    margin: 55px auto 0;
    width: 49%;
}
#cajaslidepro1 {
    background: url("../img/logosugar.png") no-repeat scroll 0 0 / 100% auto rgba(0, 0, 0, 0);
    float: none;
    height: 76%;
    margin:40px auto 0;
    width: 49%;
}

#cajaslidepro2 {
    background: url("../img/logozabbix.png") no-repeat scroll 0 0 / 100% auto rgba(0, 0, 0, 0);
    float: none;
    height: 76%;
    margin:55px auto 0;
    width: 49%;
}
#probeneficios {
    background-color: #f9f9fb;
    height: auto;
    margin: 0 auto;
    padding: 0 0 35px;
    width: 100%;
}
#probeneficios2 {
    background-color: #F9F9FB;
    background-image: url("../img/6.png");
    background-position: center center;
    background-repeat: no-repeat;
    height: 513px;
    margin: 0 auto;
    padding: 0;
    width: 100%;
}
#probeneficios3 {
    height: auto;
    margin: 0 auto;
    padding: 75px 0 3em;
    text-align: center;
    width: 100%;
}
#probeneficios h1 {
    color: #6D6D6B;
    font-family: 'Lato',Calibri,Arial,sans-serif;
    font-size: 37px;
    font-weight: 900;
    letter-spacing: -2px;
    text-align: center;
}
#probeneficios p {
    color: #a2a2a2;
    font-family: 'Lato',Calibri,Arial,sans-serif;
    font-size: 19px;
    font-weight: 400;
    margin: 24px auto;
    text-align: center;
    width: 51%;
}

#slidepro1 h1 {
    color: #FFFFFF;
    font-family: 'Lato',Calibri,Arial,sans-serif;
    font-size: 56px;
    font-weight: 900;
    letter-spacing: -2px;
    padding: 158px 0 0;
    text-align: center;
    text-shadow: 0 5px 7px #425242;
}

#ventajas {
    background-color: #ffffff;
    height: auto;
    margin: 0 auto;
    padding: 41px 78px;
    width: 100%;
}
#ventajas h1 {
    color: #6D6D6B;
    font-family: 'Lato',Calibri,Arial,sans-serif;
    font-size: 37px;
    font-weight: 900;
    letter-spacing: -2px;
    text-align: center;
}
#ventajas h2 {
    color: #6d6d6b;
    font-family: 'Lato',Calibri,Arial,sans-serif;
    font-size: 37px;
    font-weight: 900;
    letter-spacing: -2px;
    text-align: center;
}
#ventajas p {
    color: #A2A2A2;
    font-family: 'Lato',Calibri,Arial,sans-serif;
    font-size: 17px;
    font-weight: 400;
    margin: 27px 0;
    text-align: center;
}
#ven1, #ven2, #ven3 {
    background-color: rgba(0, 0, 0, 0);
    display: inline-block;
    height: 385px;
    margin: 0 41px;
    vertical-align: middle;
    width: 25%;
}
#iconopro1 {
    background-image: url("../img/icopro1.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    border-radius: 98px 100px 100px 100px;
    height: 52%;
    margin: 0 auto;
    width: 67%;
}
#iconopro2 {
    background-image: url("../img/icopro2.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    border-radius: 98px 100px 100px 100px;
    height: 52%;
    margin: 0 auto;
    width: 67%;
}
#iconopro3 {
    background-image: url("../img/icopro3.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    border-radius: 98px 100px 100px 100px;
    height: 52%;
    margin: 0 auto;
    width: 67%;
}

#ventajaspro {
    background-color: #FFFFFF;
    height: auto;
    margin: 0 auto;
    padding: 96px 78px;
    width: 100%;
	text-align:center;
}
#ventajaspro h1 {
    color: #6D6D6B;
    font-family: 'Lato',Calibri,Arial,sans-serif;
    font-size: 37px;
    font-weight: 900;
    letter-spacing: -2px;
    text-align: center;
}
#ventajaspro h2 {
    color: #6d6d6b;
    font-family: 'Lato',Calibri,Arial,sans-serif;
    font-size: 37px;
    font-weight: 900;
    letter-spacing: -2px;
    text-align: center;
	margin-bottom: 67px;
}
#ventajaspro h2 {
    font-family: "Lato",Calibri,Arial,sans-serif;
    font-size: 54px;
    font-weight: 100;
    margin: 0 auto 35px;
    max-width: 736px;
    padding-top: 20px;
    text-align: center;
}
#ventajaspro p {
    color: #A2A2A2;
    font-family: 'Lato',Calibri,Arial,sans-serif;
    font-size: 17px;
    font-weight: 400;
    margin: 2px 0;
    text-align: center;
}
#caracteristicas {
    background-color: rgba(0, 0, 0, 0);
    display: inline-block;
    height: auto;
    margin: 0 41px;
    padding-bottom: 4em;
    text-align: center;
    vertical-align: middle;
    width: 25%;
}
#caracteristicas-small {
    background-color: rgba(0, 0, 0, 0);
    display: inline-block;
    height: auto;
    margin: 0 41px;
    padding-bottom: 0;
    text-align: center;
    vertical-align: top;
    width: 17%;
}
#caracteristicas-small p {
    color: #585858;
    font-family: "Lato",Calibri,Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    margin: 2px 0;
    text-align: center;
}
#caracteristicas2 {
    background-color: rgba(0, 0, 0, 0);
    display: inline-block;
    height: auto;
    margin: 0 41px;
    padding-bottom: 4em;
    text-align: center;
    vertical-align: middle;
    width: 21%;
	vertical-align: top;
}
#caracteristicas2 li {
    color: #6d6d6b;
    text-align: left;
}
#caracteristicas2 > ul {
    margin-top: 44px;
	padding-left: 33px;
}
#caracteristicas2 > h2 {
    background-color: #e51b26;
    color: #fff;
    height: auto;
    margin: 0 auto;
    padding: 9px;
    text-align: center;
    width: auto;
}
#descipcionpro {
    background-color: #f9f9fb;
    background-position: center center;
    background-repeat: no-repeat;
    height: auto;
    margin: 0 auto;
    padding: 69px 0;
    width: 100%;
}
#descipcionpro h1 {
    color: #6D6D6B;
    font-family: 'Lato',Calibri,Arial,sans-serif;
    font-size: 37px;
    font-weight: 900;
    letter-spacing: -2px;
    text-align: center;
}
#descipcionpro p {
    color: #a2a2a2;
    font-family: 'Lato',Calibri,Arial,sans-serif;
    font-size: 19px;
    font-weight: 400;
    margin: 24px auto;
    text-align: center;
    width: 51%;
}
#formu-productos > form {
    margin: 0 auto;
    width: 39%;
}
.campo-producto {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #ffffff;
    border-color: #d4d7d2;
    border-image: none;
    border-radius: 0;
    border-style: none none solid;
    border-width: 0 0 1px;
    color: #8d908b;
    font-size: 1em;
    height: 54px;
    margin-bottom: 9px;
    padding: 9px;
    width: 100%;
}
#formu-productos textarea {
    box-shadow: none;
    height: 137px;
	font-family:"Lato",Calibri,Arial,sans-serif;
	font-size: 1.1em;
}
.boton-producto {
    background: none repeat scroll 0 0 #42b32c;
    border: 0 none;
    color: #ffffff;
    cursor: pointer;
    margin-left: 0;
    margin-top: 44px;
    padding: 19px;
    width: 100%;
}
.boton-producto:hover {
    background: none repeat scroll 0 0 #6bdc55;
}
#formu-productos > h2 {
    color: #6d6d6b;
    font-size: 2em;
    font-weight: lighter;
    margin: 0 0 50px;
}
#probeneficios4 h2 {
    font-family: "Lato",Calibri,Arial,sans-serif;
    font-size: 54px;
    font-weight: 100;
    margin: 0 auto 35px;
    max-width: 736px;
    padding-top: 20px;
    text-align: center;
	  color: #6d6d6b;
}
/*cierra productos */
.cbp-rfgrid {
	margin: 35px 0 0 0;
	padding: 0;
	list-style: none;
	position: relative;
	width: 100%;
}

.cbp-rfgrid li {
	position: relative;
	float: left;
	overflow: hidden;
	width: 16.6666667%; /* Fallback */
	width: -webkit-calc(100% / 6);
	width: calc(100% / 3);
}
.cbp-rfgrid2 li {
	position: relative;
	float: left;
	overflow: hidden;
	width: 16.6666667%; /* Fallback */
	width: -webkit-calc(100% / 6);
	width: calc(100% / 4);
}


.cbp-rfgrid li a,
.cbp-rfgrid li a img {
	display: block;
	width: 100%;
	cursor: pointer;
}

.cbp-rfgrid li a img {
	max-width: 100%;
}
#slidepro5 > h2 {
    color: #fff;
    font-size: 30px;
    font-weight: lighter;
    margin: 40px auto 0;
    text-align: center;
    width: 73%;
}
.boton-producto3 {
    background: none repeat scroll 0 0 transparent;
    border: 1px solid;
    border-radius: 20px;
    color: #ffffff;
    cursor: pointer;
    display: block;
    margin: 88px auto 0;
    padding: 19px;
    position: relative;
    text-align: center;
    width: 11%;
}
#caja-media {
    background-color: #003678;
    height: 247px;
    padding: 2em;
}
#caja-media > p {
    color: #fff;
    font-size: 30px;
    font-weight: 100;
    margin: 0 auto;
    position: relative;
    text-align: center;
    top: 37px;
    width: 60%;
}
#caja-larga {
    background-color: #003678;
    height: auto;
    padding: 3em;
}
#caja-larga > p {
    color: #fff;
    font-size: 21px;
    font-weight: 100;
    margin: 0 auto;
    position: relative;
    text-align: center;
    top: 0px;
    width: 60%;
}
#caja-larga > h2 {
	color: #fff;
    font-family: "Lato",Calibri,Arial,sans-serif;
    font-size: 54px;
    font-weight: 100;
    margin: 0 auto 35px;
    max-width: 736px;
    padding-top: 20px;
    text-align: center;
}
#cajas-small {
    background-color: rgba(0, 0, 0, 0);
    border-left: 1px solid #e3e3e3;
    display: inline-block;
    height: auto;
    margin: 73px 3px 0;
    padding: 0 2%;
    text-align: center;
    vertical-align: top;
    width: 22%;
}
#cajas-small > h3 {
    color: #1c8ec6;
    font-size: 23px;
    text-align: left;
}
#cajas-small li {
    color: #a2a2a2;
    list-style: outside none none;
    text-align: left;
}
#probeneficios4 {
	background-image:url(../img/soporte-de-software-2.jpg);
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-size:100%;
	background-color:#202629;
    height: auto;
    margin: 0 auto;
    padding: 75px 0 0;
    text-align: center;
    width: 100%;
	color:#bababa;
}
#probeneficios5 {
    background-color:#FAFAFA;
    color: #bababa;
    height: auto;
    margin: 0 auto;
    padding: 75px 0 0;
    text-align: center;
    width: 100%;
}
#probeneficios5 h2 {
    font-family: "Lato",Calibri,Arial,sans-serif;
    font-size: 54px;
    font-weight: 100;
    margin: 0 auto 35px;
    max-width: 736px;
    padding-top: 20px;
    text-align: center;
}
#probeneficios4 > p {
    color: #bababa;
    margin: 24px auto 0;
    width: 56%;
}
#probeneficios4 li {
    display: inline-block;
    margin: 61px 28px 44px 0;
    vertical-align: top;
    width: 18%;
}
#probeneficios4 h3 {
    color: #6d6d6b;
}
.caja-meida {
    display: inline-block;
    vertical-align: top;
    width: 28%;
}
.caja-interna {
    background-color: #d7d8dc;
    border-radius: 25px;
    margin: 26px auto;
    padding: 1em;
    text-align: left;
    width: 80%;
}
.caja-interna h4 {
    background-color: #764e91;
    color: #fff;
    margin: 0 0 0 -24px;
    padding: 7px;
    width: 79%;
	text-align:left;
}
.caja-interna > p {
    color: #59595c;
    margin-top: 9px;
}
.color2{background-color:#D27900 !important;}
.color3{background-color:#85BBBD !important;}
.color4{background-color:#C33A3D !important;}
.color5{background-color:#CC6968 !important;}
.color6{background-color:#1997B3 !important;}
.color7{background-color:#176DA9 !important;}
#slide-linux {
    background-attachment: fixed;
    background-color: #f9f9fb;
    background-image: url("../img/linux-colombia.jpg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 720px;
    margin: 0 auto;
    padding-top: 74px;
    width: 100%;
}
#slide-linux h1 {
    font-family: "Lato",Calibri,Arial,sans-serif;
       color: #fff;
    font-size: 54px;
    font-weight: 100;
    margin: 93px auto 0;
    text-align: center;
}
#slide-linux h2 {
 color: #fff;
    font-size: 30px;
    font-weight: lighter;
    margin: 40px auto 0;
    text-align: center;
    width: 73%;
}
.caja-50 {
    display: inline-block;
    height: 633px;
    vertical-align: top;
    width: 50%;
	padding:4em;
	text-align: left;
}
.caja-50 > h2 {
    margin-bottom: 35px;
	 font-family: "Lato",Calibri,Arial,sans-serif;
    font-weight: 100;
}
.caja-100 {
    color: #bababa;
    height: auto;
    margin: 0 auto;
    padding:0;
    width: 100%;
}
.color-1{
	background-color:#036;}
.color-2{
	background-color:#903;
	float:right;}
/* Flexbox is used for centering the heading */
.cbp-rfgrid li a div {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background: rgba(255,255,255,0.4);
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
    align-items: center;
    text-align: center;
    opacity: 0;
}

.cbp-rfgrid li a:hover div {
	opacity: 1;
}

.cbp-rfgrid li a div h3 {
	width: 100%;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.4em;
	letter-spacing: 2px;
	padding: 0 10px;
}

.cbp-rfgrid2 li a div {
	position: absolute;
	left: 0px;
	top: 20px;
	right: 0px;
	bottom: 0px;
	background: rgba(255,255,255,0.4);
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
    align-items: center;
    text-align: center;
    opacity: 0;
}

.cbp-rfgrid2 li a:hover div {
	opacity: 1;
}

.cbp-rfgrid2 li a div h3 {
	width: 100%;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.4em;
	letter-spacing: 2px;
	padding: 0 10px;
}


.cbp-rfgrid3 li {
	position: relative;
	float: left;
	overflow: hidden;
	width: 16.6666667%; /* Fallback */
	width: -webkit-calc(100% / 6);
	width: calc(100% / 6);
}
.cbp-rfgrid3 li a div {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background: rgba(255,255,255,0.4);
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
    align-items: center;
    text-align: center;
    opacity: 0;
}

.cbp-rfgrid3 li a:hover div {
	opacity: 1;
}

.cbp-rfgrid3 li a div h3 {
	width: 100%;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.4em;
	letter-spacing: 2px;
	padding: 0 10px;
}



.cbp-rfgrid4 {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}
.cbp-rfgrid4 li {
    float: left;
    overflow: hidden;
    position: relative;
    width: calc(100% / 3);
	width: 33.3333%; /* Fallback */
    width: -webkit-calc(100% / 3);

}
.cbp-rfgrid5 li {
    float: left;
    overflow: hidden;
    position: relative;
    width: 33.333%;
}
.cbp-rfgrid4 li a div {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background: rgba(255,255,255,0.4);
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
    align-items: center;
    text-align: center;
    opacity: 0;
}

.cbp-rfgrid4 li a:hover div {
	opacity: 1;
}

.cbp-rfgrid4 li a div h3 {
	width: 100%;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.4em;
	letter-spacing: 2px;
	padding: 0 10px;
}


.twitter-timeline{
	
	color:#FFF;}
	
#fbsection71 h1 {
    color: #FFFFFF;
    font-family: 'Lato',Calibri,Arial,sans-serif;
    font-size: 36px;
    font-weight: 900;
    letter-spacing: -1px;
    margin: 50px auto;
    text-align: center;
}

#cajaquees p{
    color: #A2A2A2;
    font-family: 'Lato',Calibri,Arial,sans-serif;
    font-size: 17px;
    font-weight: 400;
    margin: 10px auto;
    text-align: center;
    width: 65%;
}



/*  media query */

/* iPads (portrait and landscape) ----------- */
/* iPads () ----------- */
@media only screen and (max-width : 1024px){
#social2 {
    margin: 23px -17px;
}
#social {
    float: left;
    margin: 12px 6px;
}

	
#beneficios2 {
    height: 550px;
    margin: 0 auto;
    padding: 0 3px;
    width: 100%;
}
#beneficios {
    padding: 0 7px;
    
}
#slideio {
    height: 350px;
    padding: 73px 6px;
}
#beneficios3 {
    margin: 0 auto;
    padding: 0 62px;
}
#ben8, #ben9 {
    height: 385px;
    margin: -87px 99px 146px;
    vertical-align: middle;
    width: 27%;
}
#icono10,#icono11 {
    height: 49%;
    width: 69%;
}
#contennoticias {
    margin: 0 auto;
    padding: 7px 0 0;
    width: 100%;
}
#noti8, #noti2, #noti6, #noti7 {
    background-size: 100% auto;
    height: 355px;
}
#beneficios4 {
    padding: 0 3px;
   
}
#icono13,#icono14 {
    height: 50%;
  
}
#footer {
    height: auto;
   
}
#menufoter2 {

    height: auto;
   
}
#slidenoti {
    margin: -157px -3px;
    width: 27%;
}
#cuerponoti {
    width: 73%;
}
article#formulariocontacto {
    padding: 15px 67px;
    
}
#proyecto01,#proyecto02,#proyecto03,#proyecto04,#proyecto05,#proyecto06 {
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 356px;}
	
#ben1, #ben2, #ben3 {
    height: 353px;
    width: 23%;
}	
#beneficios {
    height: 281px;
}
#triangulo3 {
    margin: 141px 431px;
}
#contac {
    margin-left: 79px;  
}
#triangulo2 {
    float: left;
    margin: -151px 378px;
    position: relative;
    
}
}

@media screen and (max-width:768px) {
#social {
    float: none;
    margin: 6px 25px;
}
.codrops-demos {
    float: none;
    padding-top: 0.625em;
}

.cbp-rfgrid {
    margin: 162px 0 0;
}
.cbp-rfgrid2 {
    margin: 161px 0 0;
}
.cbp-rfgrid li {
		width: 25%; /* Fallback */
		width: -webkit-calc(100% / 2);
		width: calc(100% / 2);
	}
.cbp-rfgrid2 li {
		width: 25%; /* Fallback */
		width: -webkit-calc(100% / 2);
		width: calc(100% / 2);
	}
	
#cajaslide2 {
 
    margin: 144px 0 0 95px;
 
}
#cajaslide1 {
    height: 40%;
    margin: 234px 32px 0;
    width: 45%;
}
#slidesoluciones {
    background-color: #000000;
    background-image: url("../img/soluciones2.jpg");
    background-size: 151% 114%;
    height: 488px;
    margin: 0 auto;
    padding: 118px 11px;
    width: 100%;
}
#slideio {
    background-size: 125% 100%;
    padding: 94px 11px;
}
#cajaslideio {
    height: 100%;
    margin: 152px 46px 0;
    width: 54%;
}
#cajaslidesoluciones {
    background: url("../img/titulosolu.png") no-repeat scroll 0 0 / 100% auto rgba(0, 0, 0, 0);
    float: left;
    height: 74%;
    margin: 98px 36px;
    width: 47%;
}
#beneficios2 {
 padding: 0 1px;
 height: 523px;
}
#beneficios4 {
    height: 294px;
    padding: 0 1px;

}
#beneficios3 {
    padding: 0 2px;
}
#ben1, #ben2, #ben3 {

    height: 248px;
    margin: -57px 39px;
    vertical-align: top;
    width: 22%;
}

#ben4{
    height: 279px;
    margin: 55px 151px;
    width: 25%;
}
#ben5 {
    height: 268px;
    margin: -128px -91px;
    width: 25%;
}
#ben6, #ben7 {
    height: 287px;
    margin: -98px 64px;
    width: 31%;
}
#ben8, #ben9 {
    height: 241px;
    margin: -110px 59px;
    width: 31%;
}
#triangulo1 {
    margin: 55px -70px;
}
#triangulo3 {
    margin: 209px 333px;

}
#triangulo4 {

    margin: 190px 333px;

}
#fbsection1 {
    padding: 11px;
}
#contenido1,#contenido2,#contenido3,#contenido4,#contenido7,#contenido8,#contenido9,#contenido6,#contenido188,#contenido19,#contenido22,#contenido22,#contenido21,#contenido20,#contenido23,#contenido24,#contenido25  {
    margin: 0 16px;
    padding: 66px 0;
    width: 50%;
}
 #contenido6, {
    padding: 13px 0;

}
 #contenido5 {
    margin: 0 16px;
    padding: 9px 0;
    width: 55%;
}
#titulo1,#titulo2,#titulo4 {
    height: 32%;

}
#titulo13,#titulo14 {
    height: 41%;

}
#contennoticias {
    padding: 136px 0;
   
}
#cuerponoti {
    padding: 37px 17px;
    width: 69%;
}
#slidenoti {

    width: 31%;
}
#contac {
   
    margin-left: 151px;
    width: 26%;
}
#contac2 {
 
    width: 40%;
}
article#formulariocontacto {
 
    margin: 44px 215px;
  
}
#proyecto01 {
    background-size: 100% auto;
    height: 519px;
    margin: 0 auto;

}
#proyecto02,#proyecto03,#proyecto04,#proyecto05,#proyecto06  {
    background-repeat: repeat;
    background-size: 100% auto;
    height: 516px;
    margin: 0 auto;
}
#noti10,#noti9,#noti11 {
    background-size: 140% 141%;
    height: 425px;
    padding: 118px 11px;
  
}

}
@media screen and (max-width: 945px) {
	.cbp-rfgrid li {
		width: 25%; /* Fallback */
		width: -webkit-calc(100% / 3);
		width: calc(100% / 3);
	}
	.cbp-rfgrid2 li {
		width: 25%; /* Fallback */
		width: -webkit-calc(100% / 2);
		width: calc(100% / 2);
	}
	.cbp-rfgrid3 li {
		width: 25%; /* Fallback */
		width: -webkit-calc(100% / 6);
		width: calc(100% / 6);
	}
	#beneficios3 {
    padding: 0 48px;
    }

#social2 {
    width: 184px;
	 margin: 24px -5px;
}
.codrops-demos {
    float: left;
   
}

#fbsections2 h3 {
    
    width: 70%;
}
	#beneficios {
    padding: 0 14px;
    
}

.cbp-rfgrid {
   
    margin: 85px 0 0;
   
}
.cbp-rfgrid2 {
   
    margin: 85px 0 0;
   
}
}
@media(max-width:800px) 
{
	nav li{
		font-size:0.95em;
	}
	article#galeria-inicio{
		width:88%;
	}
	#beneficios3 {
    padding: 0 48px;
    }
	#social2 {
    display: inline-block;
    float: none;
    margin: 23px;
    width: 142px;
}
#fbsections2 h3 {
    border-bottom: 5px solid #FFFFFF;
    color: #131B4F;
    font-family: 'lato',sans-serif;
    font-size: 59px;
    font-weight: bold;
    height: 104px;
    letter-spacing: -6px;
    line-height: 122px;
    margin: 0 auto;
    text-align: center;
    width: 78%;
    word-spacing: 20px;
}
	#beneficios {
    padding: 0 14px;
    
}

.cbp-rfgrid {
    margin: 149px 0 0;
}
.cbp-rfgrid2 {
    margin: 149px 0 0;
}


#menufoter1 {
  
    margin-left: 59px;
    
}


}





@media screen and (max-width: 685px) {
	header {
    position: inherit;
       
}
	
	.cbp-rfgrid li {
		width: 33.3333333%; /* Fallback */
		width: -webkit-calc(100% / 3);
		width: calc(100% / 3);
	}
	.cbp-rfgrid2 li {
		width: 25%; /* Fallback */
		width: -webkit-calc(100% / 4);
		width: calc(100% / 4);
	}
	.cbp-rfgrid3 li {
		width: 25%; /* Fallback */
		width: -webkit-calc(100% / 6);
		width: calc(100% / 6);
	}
	.codrops-demos {
    float: left;
   
}
	#beneficios {
    padding: 0 14px;
    
}


a {
   
    font-size: 12px;
    
}

#footer {

    height: 100%;
  }

#menufoter1 {
    height: 164px;
    margin: 0 22px;
    padding: 29px;
    width: 40%;
}


#menufoter2 {
    height: 171px;
    margin: 0 auto;
    top: 7px;
    width: 53%;
}

#menufoter3 {
    height: 359px;
    margin: 0 28px;
    width: 50%;
}
#menufoter4 {
    height: 359px;
    margin: 0 28px;
    width: 50%;
}
#proyecto02,#proyecto03,#proyecto04,#proyecto05,#proyecto06 {
    background-size: 100% auto;
    height: 236px;
    margin: 0 auto;
}
}
@media screen and (max-width:685px) {
	header {
   ;
    position: inherit;
  
}
	.cbp-rfgrid li {
		width: 33.3333333%; /* Fallback */
		width: -webkit-calc(100% / 3);
		width: calc(100% / 3);
	}
	.cbp-rfgrid3 li {
		width: 33.3333333%; /* Fallback */
		width: -webkit-calc(100% / 6);
		width: calc(100% / 6);
	}
     	#beneficios {
    padding: 0 14px;
    
}
.cbp-rfgrid {
    margin: 201px 0 0;
}
.cbp-rfgrid2 {
    margin: 201px 0 0;
}


#footer {
    display: inline-block;
    height: auto;
    margin-top: 0;
    width: 100%;
}
#menufoter1 {
    height: 164px;
    margin: 0 22px;
    padding: 29px;
    width: 40%;
}


#menufoter2 {
    height: 171px;
    margin: 0 auto;
    top: 7px;
    width: 53%;
}

#menufoter3 {
    height: 359px;
    margin: 0 28px;
    width: 45%;
}
#menufoter4 {
    height: auto;
    margin: 4px 27px;
    width: 79%;
}
.cbp-rfgrid2 {
    margin: 0;
}
#proyectos {
    padding: 0;
}
#slide2 {
    background-color: #000000;
    background-image: url("../img/slideinn.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 40%;
    margin: 0 auto;
    width: 100%;
}
#slideimag {
    background-color: #000000;
    background-image: url("../img/slideimag.jpg");
    height: 227px;
    margin: 0 auto;
    padding: 20px 6px;
    width: 100%;
}
#cajaslide1, #cajaslide2, #cajaslidesoluciones, #cajaslideio {
    height: 70%;
    margin: 35px 148px;
    width: 52%;
}
#ben1, #ben2, #ben3, #ben4,#ben6, #ben7, #ben8, #ben9 {
    height: 435px;
    margin: 0 auto;
    vertical-align: middle;
    width: 49%;
}
 #ben5 {
    height: 435px;
    margin: 0 153px;
    vertical-align: middle;
    width: 49%;
}
#beneficios,#beneficios2,#beneficios4,#beneficios3 {
    height: auto;
	padding:0 14px;
}

#contenido1,#contenido2,#contenido3,#contenido4,#contenido5,#contenido6,#contenido7,#contenido8,#contenido9,#contenido188,#contenido10,#contenido11,#contenido12,#contenido13,#contenido14,#contenido15,#contenido16,#contenido17,#contenido18,#contenido19,#contenido20,#contenido21,#contenido22,#contenido23,#contenido24,#contenido25 {
    float: none;
    height: 101%;
    margin: 0 auto;
    width: 99%;
	padding: 8px 0;
}
#titulo2,#titulo3,#titulo4,#titulo5,#titulo6,#titulo17,#titulo7,#titulo8,#titulo12,#titulo11 {
    height: 45%;
    margin: 0 auto;
    width: 100%;
}
#slidesoluciones {
    background-repeat: no-repeat;
    background-size: 190% 100%;
    height: 225px;
    margin: 0 auto;
    padding: 17px 3px;
    width: 100%;
}
#noti,#noti1,#noti2,#noti3,#noti4,#noti6,#noti7,#noti8,noti9,#noti10,#noti11,#noti12,#noti13,#noti14,#noti15,#noti16{
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: auto;
    padding: 166px 0;
    
}
#cuerponoti h1 {
    font-size: 26px;
}
#cuerponoti {
    height: 100%;
    margin: -169px 0;
    padding: 10px 20px;
    width: 100%;
}
#slidenoti {
    height: auto;
    margin: 174px auto 0;
    padding: 29px;
    width: 100%;
}
#contennoticias {
    height: auto;
    margin: 0 auto;
    padding: 159px 0 0;
    width: 100%;
}
#slideio {
    background-color: #000000;
    background-image: url("../img/io2.jpg");
    background-repeat: no-repeat;
    background-size: 188% auto;
    height: 211px;
    margin: 0 auto;
    padding: 17px 1px;
    width: 100%;
}
.cbp-rfgrid {
    margin: 0;
}
#proyecto01 {
    background-size: 100% auto;
    height: 136px;
    padding: 35px 9px;

}
#triangulo1 {
    margin: 55px 119px;
}
#triangulo3,#triangulo4 {
    margin: 0 273px;
}
#contac {
    margin-left: 91px;
    width: 26%;
}
article#formulariocontacto {
    margin: 43px 99px;
}
#noti10, #noti9, #noti11 {
    background-size: 95% 141%;
    height: 213px;
    padding: 0;
}
}
@media  screen and (max-width: 600px) {
nav a {
    width: 83px;
}	
	#fbsections1 {
    padding: 0;
}
	.cbp-rfgrid li {
		width: 33.3333333%; /* Fallback */
		width: -webkit-calc(100% / 3);
		width: calc(100% / 3);
	}
	.cbp-rfgrid2 li {
		width: 50%; /* Fallback */
		width: -webkit-calc(100% / 2);
		width: calc(100% / 2);
	}
	.cbp-rfgrid3 li {
		width: 25%; /* Fallback */
		width: -webkit-calc(100% / 6);
		width: calc(100% / 6);
	}
	.codrops-demos {
    float: left;
   
}
	#beneficios {
    padding: 0 14px;
    
}


a {
   
    font-size: 12px;
    
}

#footer {

    height: auto;
  }

#menufoter1 {
    height: 164px;
    margin: 0 22px;
    padding: 29px;
    width: 40%;
}


#menufoter2 {
    height: 194px;
    margin: 0 auto;
    top: 12px;
    width: 52%;
}

#menufoter3 {
    height: 359px;
    margin: 0 28px;
    width: 91%;
}
#slideimag {
    height: 296px;
    padding: 5px 15px;
    width: 100%;
}
#cajaslide1, #cajaslide2, #cajaslidesoluciones, #cajaslideio {
    height: 73%;
    margin: 57px 34px;
    width: 82%;
}
#ben1, #ben2, #ben3, #ben4, #ben5, #ben6, #ben7, #ben8, #ben9 {
    height: 394px;
    margin: 0 auto;
    width: 48%;
}
#ben5{
    height: 394px;
    margin: -1px 128px;
    width: 48%;
}
#triangulo1 {
    margin: 86px 97px;
}
#triangulo3 {
    margin: 0 229px;
}
#slide2 {
    height: 51%;
  
}
#contac {
    margin-left: 50px;
    width: 35%;
}
article#formulariocontacto {
    margin: 44px 58px;
}
#triangulo4 {
    margin: 0 221px;
}
#slideio {
  height: 289px;
}
#noti,#noti10, #noti9, #noti11,#noti12 {
    background-size: 153% 142%;
    height: 343px;
    padding: 118px 11px;
}
#slidenoti {
    margin: 174px auto 0;
}
#proyecto01,#proyecto02,#proyecto03,#proyecto04,#proyecto05,#proyecto06  {
    height: 201px;

}

}

@media screen and (max-width:560px) {
.cbp-rfgrid {
    margin: 207px 0 0;
}	
.cbp-rfgrid2 {
    margin: 207px 0 0;
}	
}
@media screen and (max-width:400px) {
	.cbp-rfgrid li {
		width: 50%; /* Fallback */
		width: -webkit-calc(100% / 1);
		width: calc(100% / 1);
	}
	.cbp-rfgrid2 li {
		width: 50%; /* Fallback */
		width: -webkit-calc(100% / 1);
		width: calc(100% / 1);
	}
	
   header {
    
    margin: 0 auto;
    max-width: 100%;
    position: inherit;
    
}
#footer {
    
    display: inline-block;
    height: auto;
    margin-top: 0;
    width: 100%;
}
#menufoter2 {
   height: 231px;
    margin: 0 -17px;
    top: 7px;
    width: 100%;
}
#menufoter1 {
    height: 164px;
    margin: -7px 16px;
    padding: 29px;
    width: 87%;
}
.cbp-rfgrid2 {
    margin: 0;
}
#proyectos {
    padding: 0;
}
#slide2 {
    background-color: #000000;
    background-image: url("../img/slideinn.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 61%;
    margin: 0 auto;
    width: 100%;
}
#slideimag {
    background-color: #000000;
    background-image: url("../img/slideimag.jpg");
    height: 227px;
    margin: 0 auto;
    padding: 20px 6px;
    width: 100%;
}
#cajaslide1,#cajaslide2,#cajaslidesoluciones,#cajaslideio   {
    height: 69%;
    margin: 23px auto;
    width: 100%;
}

#ben1, #ben2, #ben3, #ben4, #ben5, #ben6, #ben7,#ben8, #ben9{
    height: 440px;
    margin: 0 auto;
    vertical-align: middle;
    width: 100%;
}

#contenido1,#contenido2,#contenido3,#contenido4,#contenido5,#contenido6,#contenido7,#contenido8,#contenido9,#contenido188,#contenido10,#contenido11,#contenido12,#contenido13,#contenido14,#contenido15,#contenido16,#contenido17,#contenido18,#contenido19,#contenido20,#contenido21,#contenido22,#contenido23,#contenido24,#contenido25 {
    float: none;
    height: 101%;
    margin: 0 auto;
    width: 99%;
	padding: 8px 0;
}
#titulo2,#titulo3,#titulo4,#titulo5,#titulo17,#titulo7,#titulo8,#titulo12,#titulo11 {
    height: 45%;
    margin: 0 auto;
    width: 100%;
}
#titulo6 {
    height: 59%;
    margin: 0 auto;
    width: 100%;
}
#slidesoluciones {
    background-repeat: no-repeat;
    background-size: 190% 100%;
    height: 225px;
    margin: 0 auto;
    padding: 17px 3px;
    width: 100%;
}
#cuerponoti h1 {
    font-size: 26px;
}
#slidenoti {
    height: auto;
    margin: 177px 0 0;
    padding: 29px;
    width: 100%;
}
#contennoticias {
    height: auto;
    margin: 0 auto;
    padding: 159px 0 0;
    width: 100%;
}
#noti,#noti1,#noti2,#noti3,#noti4{
    background-repeat: no-repeat;
    background-size: 100% auto;
	 height: auto;
    padding: 86px 11px;
    
}
#slideio {
    background-color: #000000;
    background-image: url("../img/io2.jpg");
    background-repeat: no-repeat;
    background-size: 188% auto;
    height: 211px;
    margin: 0 auto;
    padding: 17px 1px;
    width: 100%;
}
#beneficios,#beneficios2,#beneficios4,#beneficios3 {
    height: auto;
	padding:0 14px;
}
.cbp-rfgrid {
    margin: 0;
}
#proyecto01 {
    background-size: 100% auto;
    height: 136px;
    padding: 35px 9px;

}
#contac {
    float: left;
    height: 253px;
    margin-left: 23px;
    margin-top: 31px;
    width: 42%;
}
#contac ul li a {
 
    font-size: 19px;
}
#contac2 {
    margin-left: -21px;
    margin-top: 31px;
    width: 29%;
}
#contac2 ul li a {
    font-size: 23px;
}
article#formulariocontacto {
    display: inline-block;
    height: 100%;
    margin: 1px 7px;
    max-width: 39%;
    padding: 49px 5px;
    width: auto;
}
#triangulo1 {
    border-left: 30px solid rgba(0, 0, 0, 0);
    border-right: 30px solid rgba(0, 0, 0, 0);
    border-top: 30px solid #FB4A1F;
    display: inline-block;
    height: 0;
    margin: 134px 126px;
    position: absolute;
    width: 0;
    z-index: 999;
}
.fade3 {
    float: left;
    margin: -7px 1px;
}
#terminos {
    height: 58px;
    padding: 7px 8px;
    text-align: right;
    width: 100%;
}
}
@media screen and (max-width:380px) {
	#footer {
    
    display: inline-block;
    height: auto;
    margin-top: 0;
    width: 100%;
}
#menufoter3 {
    height: 201px;
    margin: 0 33px;
    width: 76%;
}
#menufoter2 {
    height: 231px;
    margin: 0 21px;
    top: 9px;
    width: 81%;
}
#menufoter1 {
    height: 164px;
    margin: -7px 16px;
    padding: 29px;
    width: 87%;
}
.cbp-rfgrid2 {
    margin: 0;
}
#proyectos {
    padding: 0;
}
#slide2 {
    background-color: #000000;
    background-image: url("../img/slideinn.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 40%;
    margin: 0 auto;
    width: 100%;
}
#slideimag {
    background-color: #000000;
    background-image: url("../img/slideimag.jpg");
    height: 227px;
    margin: 0 auto;
    padding: 20px 6px;
    width: 100%;
}
#cajaslide1, #cajaslide2, #cajaslidesoluciones, #cajaslideio {
    height: 84%;
    margin: 23px auto;
    width: 100%;
}
#ben1, #ben2, #ben3, #ben4, #ben5, #ben6, #ben7,#ben8, #ben9{
    height: 440px;
    margin: 0 auto;
    vertical-align: middle;
    width: 100%;
}
#beneficios,#beneficios2,#beneficios4,#beneficios3 {
    height: auto;
	padding:0 14px;
}

#contenido1,#contenido2,#contenido3,#contenido4,#contenido5,#contenido6,#contenido7,#contenido8,#contenido9,#contenido188,#contenido10,#contenido11,#contenido12,#contenido13,#contenido14,#contenido15,#contenido16,#contenido17,#contenido18,#contenido19,#contenido20,#contenido21,#contenido22,#contenido23,#contenido24,#contenido25 {
    float: none;
    height: 101%;
    margin: 0 auto;
    width: 99%;
	padding: 8px 0;
}
#titulo2,#titulo3,#titulo4,#titulo5,#titulo17,#titulo7,#titulo8,#titulo12,#titulo11 {
    height: 45%;
    margin: 0 auto;
    width: 100%;
}
#titulo6 {
    height: 59%;
    margin: 0 auto;
    width: 100%;
}
#slidesoluciones {
    background-repeat: no-repeat;
    background-size: 190% 100%;
    height: 225px;
    margin: 0 auto;
    padding: 17px 3px;
    width: 100%;
}
#noti,#noti1,#noti2,#noti3,#noti4,#noti6,#noti7,#noti8,noti9,#noti10,#noti11,#noti12,#noti13,#noti14,#noti15,#noti16{
    background-repeat: no-repeat;
    background-size: 100% auto;
	 height: auto;
    padding: 86px 11px;
    
}
#cuerponoti h1 {
    font-size: 26px;
}
#cuerponoti {
    height: 100%;
    margin: -169px 0;
    padding: 10px 20px;
    width: 100%;
}
#slidenoti {
    height: auto;
    margin: 177px 0 0;
    padding: 29px;
    width: 100%;
}
#contennoticias {
    height: auto;
    margin: 0 auto;
    padding: 159px 0 0;
    width: 100%;
}
#slideio {
    background-color: #000000;
    background-image: url("../img/io2.jpg");
    background-repeat: no-repeat;
    background-size: 188% auto;
    height: 211px;
    margin: 0 auto;
    padding: 17px 1px;
    width: 100%;
}
.cbp-rfgrid {
    margin: 0;
}
#proyecto01,#proyecto02,#proyecto03,#proyecto04,#proyecto05,#proyecto06  {
    background-size: 100% auto;
    height: 136px;
    padding: 35px 9px;

}
#contac {
    float: left;
    height: 253px;
    margin-left: 23px;
    margin-top: 31px;
    width: 42%;
}
#contac ul li a  {
 
    font-size: 19px;
}
#contac2 {
    margin-left: -21px;
    margin-top: 31px;
    width: 29%;
}
#contac2 ul li a {
    font-size: 23px;
}
article#formulariocontacto {
    display: inline-block;
    height: 100%;
    margin: 1px 7px;
    max-width: 39%;
    padding: 49px 5px;
    width: auto;
}
#triangulo1 {
    border-left: 30px solid rgba(0, 0, 0, 0);
    border-right: 30px solid rgba(0, 0, 0, 0);
    border-top: 30px solid #FB4A1F;
    display: inline-block;
    height: 0;
    margin: 127px 126px;
    position: absolute;
    width: 0;
    z-index: 999;
}
.fade3 {
    float: left;
    margin: -7px 1px;
}
#triangulo3 {
    margin: 0 122px;
}
#noti10, #noti9, #noti11, #noti12 {
    background-size: 102% 126%;
    height: 219px;
    padding: 118px 11px;
}
.cbp-rfgrid3 li {
		width: 33%; /* Fallback */
		width: -webkit-calc(100% / 3);
		width: calc(100% / 3);
	}
	
#triangulo4 {
    border-left: 30px solid rgba(0, 0, 0, 0);
    border-right: 30px solid rgba(0, 0, 0, 0);
    border-top: 30px solid #3A2C82;
    margin: 0 130px;

}	
}
@media screen and (max-width:320px) {
	.cbp-rfgrid li {
		width: 50%; /* Fallback */
		width: -webkit-calc(100% / 1);
		width: calc(100% / 1);
	}
	.cbp-rfgrid2 li {
		width: 50%; /* Fallback */
		width: -webkit-calc(100% / 1);
		width: calc(100% / 1);
	}
#beneficios,#beneficios2,#beneficios4,#beneficios3 {
    height: auto;
	padding:0 14px;
}
   header {
    
    margin: 0 auto;
    max-width: 100%;
    position: inherit;
    
}
#footer {
    
    display: inline-block;
    height: auto;
    margin-top: 0;
    width: 100%;
}
#menufoter1 {
    height: 164px;
    margin: 0 22px;
    padding: 29px;
    width: 40%;
}


#menufoter2 {
    height: 231px;
    margin: 0 2px;
    top: 7px;
    width: 100%;
}
#menufoter3 {
    height: auto;
    margin: 0 28px;
    width: 91%;
}
.cbp-rfgrid2 {
    margin: 0;
}
#proyectos {
    padding: 0;
}
#slide2 {
    background-color: #000000;
    background-image: url("../img/slideinn.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 40%;
    margin: 0 auto;
    width: 100%;
}
#slideimag {
    background-color: #000000;
    background-image: url("../img/slideimag.jpg");
    height: 227px;
    margin: 0 auto;
    padding: 20px 6px;
    width: 100%;
}


#cajaslide1,#cajaslide2,#cajaslidesoluciones,#cajaslideio   {
    height: 69%;
    margin: 23px auto;
    width: 100%;
}
#ben1, #ben2, #ben3, #ben4, #ben5, #ben6, #ben7,#ben8, #ben9{
    height: 440px;
    margin: 0 auto;
    vertical-align: middle;
    width: 100%;
}

#contenido1,#contenido2,#contenido3,#contenido4,#contenido5,#contenido6,#contenido7,#contenido8,#contenido9,#contenido188,#contenido10,#contenido11,#contenido12,#contenido13,#contenido14,#contenido15,#contenido16,#contenido17,#contenido18,#contenido19,#contenido20,#contenido21,#contenido22,#contenido23,#contenido24,#contenido25 {
    float: none;
    height: 101%;
    margin: 0 auto;
    width: 99%;
	padding: 8px 0;
}
#titulo2,#titulo3,#titulo4,#titulo5,#titulo17,#titulo7,#titulo8,#titulo12,#titulo11 {
    height: 45%;
    margin: 0 auto;
    width: 100%;
}
#titulo6 {
    height: 59%;
    margin: 0 auto;
    width: 100%;
}
#slidesoluciones {
    background-repeat: no-repeat;
    background-size: 190% 100%;
    height: 225px;
    margin: 0 auto;
    padding: 17px 3px;
    width: 100%;
}
#noti,#noti1,#noti2,#noti3,#noti4,#noti6,#noti7,#noti8{
    background-repeat: no-repeat;
    background-size: 100% auto;
	 height: auto;
    padding: 86px 11px;
    
}
#cuerponoti h1 {
    font-size: 26px;
}
#cuerponoti {
    height: 100%;
    margin: -169px 0;
    padding: 10px 20px;
    width: 100%;
}
#slidenoti {
    height: auto;
    margin: 177px 0 0;
    padding: 29px;
    width: 100%;
}
#contennoticias {
    height: auto;
    margin: 0 auto;
    padding: 159px 0 0;
    width: 100%;
}
#slideio {
    background-color: #000000;
    background-image: url("../img/io2.jpg");
    background-repeat: no-repeat;
    background-size: 188% auto;
    height: 211px;
    margin: 0 auto;
    padding: 17px 1px;
    width: 100%;
}
.cbp-rfgrid {
    margin: 0;
}
#proyecto01,#proyecto02,#proyecto03,#proyecto04,#proyecto05,#proyecto06 {
    background-size: 100% auto;
    height: 136px;
    padding: 35px 9px;

}
#contac {
    float: left;
    height: 253px;
    margin-left: 23px;
    margin-top: 31px;
    width: 42%;
}
#contac ul li a {
 
    font-size: 19px;
}
#contac2 {
    margin-left: -21px;
    margin-top: 31px;
    width: 29%;
}
#contac2 ul li a {
    font-size: 23px;
}
article#formulariocontacto {
    display: inline-block;
    height: 100%;
    margin: 1px 7px;
    max-width: 39%;
    padding: 49px 5px;
    width: auto;
}
#triangulo1 {
    border-left: 30px solid rgba(0, 0, 0, 0);
    border-right: 30px solid rgba(0, 0, 0, 0);
    border-top: 30px solid #FB4A1F;
    display: inline-block;
    height: 0;
    margin: 134px 126px;
    position: absolute;
    width: 0;
    z-index: 999;
}
.fade3 {
    float: left;
    margin: -7px 1px;
}
#terminos {
    height: 58px;
    padding: 7px 8px;
    text-align: right;
    width: 100%;
}
}

@media screen and (max-width:300px) {
	.cbp-rfgrid li {
		width: 100%;
	}
	#beneficios {
    padding: 0 14px;
    
}
.cbp-rfgrid {
    margin: 205px 0 0;
}
.cbp-rfgrid2 {
    margin:0 0 0;
}
 header {
    margin: 0 auto;
    max-width: 100%;
    position: inherit;
    
}
#footer {
    
    display: inline-block;
    height: auto;
    margin-top: 0;
    width: 100%;
}
#menufoter2 {
    height: auto;
    margin: 0 auto;
    top: 7px;
    width: 85%;
}
#menufoter3 {
    height: 201px;
    margin: 0 33px;
    width: 76%;
}
#menufoter2 {
   height: 231px;
    margin: 0 -17px;
    top: 7px;
    width: 100%;
}
#menufoter1 {
    height: 164px;
    margin: -7px 16px;
    padding: 29px;
    width: 87%;
}
.cbp-rfgrid2 {
    margin: 0;
}
#slide2  {
    background-color: #000000;
    background-image: url("../img/slideinn.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 40%;
    margin: 0 auto;
    width: 100%;
}
#contac {
    float: left;
    height: 253px;
    margin-left: 23px;
    margin-top: 31px;
    width: 42%;
}
#contac ul li a {
 
    font-size: 19px;
}
#contac2 {
    margin-left: -21px;
    margin-top: 31px;
    width: 29%;
}
#contac2 ul li a {
    font-size: 23px;
}
article#formulariocontacto {
    display: inline-block;
    height: 100%;
    margin: 1px 7px;
    max-width: 39%;
    padding: 49px 5px;
    width: auto;
}
#terminos {
    height: 58px;
    padding: 7px 8px;
    text-align: right;
    width: 100%;
}

}

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

.cbp-rfgrid {
    margin: 205px 0 0;
}
.cbp-rfgrid2 {
    margin: 0 0 0;
}
#proyectos {
    padding: 0;
}
#cajaslide1,#cajaslide2,#cajaslidesoluciones,#cajaslideio   {
    height: 69%;
    margin: 23px auto;
    width: 100%;
}
#ben1, #ben2, #ben3, #ben4, #ben5, #ben6, #ben7,#ben8, #ben9{
    height: 440px;
    margin: 0 auto;
    vertical-align: middle;
    width: 100%;
}
#beneficios,#beneficios2,#beneficios4,#beneficios3 {
    height: auto;
	padding:0 14px;
}

#contenido1,#contenido2,#contenido3,#contenido4,#contenido5,#contenido6,#contenido7,#contenido8,#contenido9,#contenido188,#contenido10,#contenido11,#contenido12,#contenido13,#contenido14,#contenido15,#contenido16,#contenido17,#contenido18,#contenido19,#contenido20,#contenido21,#contenido22,#contenido23,#contenido24,#contenido25 {
    float: none;
    height: 101%;
    margin: 0 auto;
    width: 99%;
	padding: 8px 0;
}
#slideimag {
    background-color: #000000;
    background-image: url("../img/slideimag.jpg");
    height: 227px;
    margin: 0 auto;
    padding: 20px 6px;
    width: 100%;
}
#titulo2,#titulo3,#titulo4,#titulo5,#titulo17,#titulo7,#titulo8,#titulo12,#titulo11 {
    height: 45%;
    margin: 0 auto;
    width: 100%;
}
#titulo6 {
    height: 59%;
    margin: 0 auto;
    width: 100%;
}
#slidesoluciones {
    background-repeat: no-repeat;
    background-size: 190% 100%;
    height: 225px;
    margin: 0 auto;
    padding: 17px 3px;
    width: 100%;
}
#noti,#noti1,#noti2,#noti3,#noti4,#noti6,#noti7,#noti8{
    background-repeat: no-repeat;
    background-size: 100% auto;
	 height: auto;
    padding: 86px 11px;
    
}
#cuerponoti h1 {
    font-size: 26px;
}
#cuerponoti {
    height: 100%;
    margin: -169px 0;
    padding: 10px 20px;
    width: 100%;
}
#slidenoti {
    height: auto;
    margin: 177px 0 0;
    padding: 29px;
    width: 100%;
}
#contennoticias {
    height: auto;
    margin: 0 auto;
    padding: 159px 0 0;
    width: 100%;
}
#slideio {
    background-color: #000000;
    background-image: url("../img/io2.jpg");
    background-repeat: no-repeat;
    background-size: 188% auto;
    height: 211px;
    margin: 0 auto;
    padding: 17px 1px;
    width: 100%;
}
.cbp-rfgrid {
    margin: 0;
}
#proyecto01,#proyecto02,#proyecto03,#proyecto04,#proyecto05,#proyecto06 {
    background-size: 100% auto;
    height: 136px;
    padding: 35px 9px;

}
#triangulo1 {
    border-left: 30px solid rgba(0, 0, 0, 0);
    border-right: 30px solid rgba(0, 0, 0, 0);
    border-top: 30px solid #FB4A1F;
    display: inline-block;
    height: 0;
    margin: 134px 126px;
    position: absolute;
    width: 0;
    z-index: 999;
}
.fade3 {
    float: left;
    margin: -7px 1px;
}
}
	
@media(max-width:800px) 
{
	nav li{
		font-size:0.95em;
	}
	article#galeria-inicio{
		width:88%;
	}
	#beneficios3 {
    padding: 0 48px;
    }
#social2 {
    display: inline-block;
    float: inherit;
    margin: 20px auto;
    width: 223px;
}
#fbsections2 h3 {
    border-bottom: 5px solid #FFFFFF;
    color: #131B4F;
    font-family: 'lato',sans-serif;
    font-size: 59px;
    font-weight: bold;
    height: 104px;
    letter-spacing: -6px;
    line-height: 122px;
    margin: 0 auto;
    text-align: center;
    width: 78%;
    word-spacing: 20px;
}
	#beneficios {
    padding: 0 14px;
    
}
#slidepro3 {
    background-attachment: inherit;
    background-size: 193% auto;
    height: 179px;
    padding-top: 34px;
}
#cajaslidepro3 {
    height: 155px;
	margin: 0 auto;
    width: 100%;}
#descipcionpro {
    margin: 0 auto;
	padding: 4em 2em;}
#descipcionpro h1 {
    font-size: 2.5em;
    letter-spacing: -1px;}
#descipcionpro p {
    font-size: 14px;
    margin: 24px auto;
    text-align: center;
    width: 92%;
}
#ventajaspro {
    padding: 21px 15px;
    width: 100%;
}
#ventajaspro h2 {
    font-size: 2.5em;
    letter-spacing: -1px;
    margin: 27px auto;
    width: 81%;
}
#caracteristicas-small {
    margin: 0 auto;
    padding-bottom: 4em;
    text-align: center;
    width: 49%;
}
#triangulopro4 {top: 61px;}
#formu-productos > form {width: 83%;}
}
	
@media(max-width:600px) 
{
	nav li{
		display:inline-block;
		margin-bottom:0.2em;
		width:95%; 
	}
	#beneficios {
    padding: 0 14px;
    
}
.cbp-rfgrid {
    margin:0;
}

}
@media screen and (max-width: 38em) {
#slide-linux {
    background-attachment: inherit;
    background-repeat: no-repeat;
    background-size: 277% auto;
    height: 526px;
    margin: 0 auto;
    padding-top: 10px;
}
#slide-linux h1 {
    font-size: 32px;
    font-weight: 100;
    margin: 31px auto 0;
}
#slide-linux h2 {
    margin: 26px auto 0;
    text-align: center;
    width: 85%;
}
.boton-producto3 {
    margin: 33px auto 0;
    padding: 19px;
    width: 43%;
}
#caja-larga {
    padding: 2em;
}
#caja-larga > h2 {
    font-size: 30px;
    margin: 0 auto 12px;
    max-width: 736px;
    padding-top: 20px;
}
#caja-larga > p {
    font-size: 21px;
    margin: 0 auto;
    top: 0;
    width: 96%;
}
#cajas-small {
    border-left: 1px solid #e3e3e3;
    display: inline-block;
    height: auto;
    margin: 31px 3px 0;
    padding: 0 2%;
    text-align: center;
    width: 92%;
}
.caja-50 {
    height: auto;
    padding: 4em;
    width: 100%;
}
}