@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Julius+Sans+One);
@import url(http://fonts.googleapis.com/css?family=Didact+Gothic);

body {
	background-image:;
}

a {
	text-decoration:none !important; color: #999 !important;}

a:visited {
	text-decoration:none !important; color: #999 !important;}

a:hover {
	color: #028501!important;
}

.fondobl{ background-color:#FFF; height:80px;}

.pegado{z-index:150;position: fixed; top:0px; background-color:#FFF;width:100%;}
.pegadodown{z-index:150;position: fixed; top:96%; background-color:#FFF;width:100%; height:50px; padding-top:5px; padding-left:6%; }

.txpie{  color:#999;font-family: Didact Gothic, Helvetica; font-size:10px;}
	
.logo{margin: 10px 20% 10px 65px;}

.cabeza{ display:inline-block; float:left;}

.menut{margin-top:35px; background-color:#FFF;}

.botuon{color: #999; font-family: Didact Gothic, Helvetica; font-size: 16px; margin-left: 5%; text-align:right; }

.botuon2{color: #999 !important; font-family: Didact Gothic, Helvetica; font-size: 16px; margin-left: 5%; text-align:center; vertical-align:middle; background-color:#FFF; padding:5px; border:1px solid #028501;}

.botuon:hover{color:#028501 !important;}
.botuon2:hover{border:1px solid #FFF;}

/*@media screen and (max-width:900px)
{.background1{ margin-top:10px;;}}*/

.background1{ margin-left:55px;}

.intro{color: #028501; font-family: Didact Gothic, Helvetica; font-size: 20px; text-align:left;}

.introp{color: #028501; font-family: Didact Gothic, Helvetica; font-size: 16px; text-align:left;}

.mt5{ margin-top:-5; margin-right:5px;}

.txgrosso{font-size: 13px; text-align:left;}

.flecha{
	position: fixed;
	padding-left: 92%;
	alignment-baseline:middle;
	top:76%;
	z-index:850;}

.flechaO{
	padding-left: 40%;
	alignment-baseline:middle;
	z-index:850;
	display:none;}


.flechalegal{
	position: fixed;
	padding-left: 65%;
	alignment-baseline:middle;
	top:76%;
	z-index:850;}


.marte{padding-right:15px;}

.iconosredon{margin-right: 15px; margin-left:10px;}

.txcen{margin-top: 10px; margin-left:80px;}

#index22 { margin-left: 6%; background:url(../img/fondo.jpg) no-repeat top left; width:100%; height:800px;}

#empresa22 { margin-left: 6%; background:url(../img/fondo2.jpg) no-repeat top left; width:100%; height:800px;}

#sectores22 { margin-left: 6%; background:url(../img/sectores5.jpg) no-repeat top left; width:100%; height:800px;}

#servicios22 {margin-left: 6%; background:url(../img/fondo4.jpg) no-repeat top left; width:100%; height:800px;}

#insourcing22 {margin-left: 6%; background:url(../img/fondo5-1.jpg) no-repeat top left; width:100%; height:800px;}

#outsourcing22 {margin-left: 6%; background:url(../img/fondo5-2.jpg) no-repeat top left; width:100%; height:800px;}

#dts22 {margin-left: 6%; background:url(../img/fondo5-3.jpg) no-repeat top left; width:100%; height:800px;}

#tecnologias22 {margin-left: 6%; background:url(../img/fondo5.jpg) no-repeat top left; width:100%; height:800px;}

#movil22 {margin-left: 6%; background:url(../img/fondo5-5.jpg) no-repeat top left; width:100%; height:800px;}

#nube22 {margin-left: 6%; background:url(../img/fondo5-6.jpg) no-repeat top left; width:100%; height:800px;}



#contacto22 {margin-left: 6%; background:url(../img/fondo6.jpg) no-repeat top left; width:100%; height:800px;}

.txcol{margin-top: 15%; margin-left:3%; }
.txcol3{margin-top: 15%; margin-right:20%; max-width:542px ; float:right;  }

.ancho22{ max-width:542px ; display:inline-block;}

.imgint{ float:right; margin-right:1%; }

.txcol2{margin-top: 15%; margin-left:1%; float:left;max-width:515px ;}

.imgint2{  margin-right:15%; margin-top:15%; }

.volarderecha{ margin-left:20%;}

.volarderecha2{ margin-left:10%;}

.fondob2{ background-color:#FFF; height:80px;}

.fondob3{ background-color:#FFF; height:80px;}

@media screen and (max-width:1300px)
{.txcol{ margin-top:5%;margin-left:0%; }
}

@media screen and (max-width:1300px)
{.txcol3{ margin-top:5%; margin-right:40%; }
}

@media screen and (max-width:500px)
{#index22 { margin-left: 6%; background:url(../img/fondob.jpg) no-repeat top left; margin-top:80px;margin-left:10%;}
}

@media screen and (max-width:800px)
{#empresa22 { background:url(../img/fondo2b.jpg) no-repeat top left; margin-left:10%; margin-top:25%;}
}

@media screen and (max-width:800px)
{#sectores22 { background:url(../img/fondo3b.jpg) no-repeat top left; margin-left:10%; margin-top:25%;}
}

@media screen and (max-width:800px)
{#servicios22 {margin-left: 6%; background:url(../img/fondo4b.jpg) no-repeat top left; width:100%; height:800px; margin-top:80px;margin-left:10%;}
}

@media screen and (max-width:800px)
{#insourcing22 {margin-left: 6%; background:url(../img/fondo5-1b.jpg) no-repeat top left; width:100%; height:800px; margin-top:80px;margin-left:10%;}
}

@media screen and (max-width:800px)
{#outsourcing22 {margin-left: 6%; background:url(../img/fondo5-2b.jpg) no-repeat top left; width:100%; height:800px;margin-left:13%;}
}

@media screen and (max-width:800px)
{#dts22 {margin-left: 6%; background:url(../img/fondo5-3b.jpg) no-repeat top left; width:100%; height:800px;margin-left:13%;}
}

@media screen and (max-width:800px)
{#tecnologias22 {margin-left: 6%; background:url(../img/fondo5b.jpg) no-repeat top left; width:100%; height:800px; margin-top:80px;margin-left:10%;}
}

@media screen and (max-width:800px)
{#movil22 {margin-left: 6%; background:url(../img/fondo5-5b.jpg) no-repeat top left; width:100%; height:800px; margin-top:0px;margin-left:10%;}
}

@media screen and (max-width:800px)
{#nube22 {margin-left: 6%; background:url(../img/fondo5-6b.jpg) no-repeat top left; width:100%; height:800px; margin-top:80px;margin-left:10%;}
}

@media screen and (max-width:800px)
{#contacto22 {margin-left: 6%; background:url(../img/fondo6b.jpg) no-repeat top left; width:100%; height:800px; margin-top:80px;margin-left:10%;}
}

@media screen and (max-width:800px)
{.txcol2{margin-top: 90px; margin-left:0px; margin-right: 50px;float:left;}
}
@media screen and (max-width:800px)
{.ancho22{ max-width:250px ;}

}
@media screen and (max-width:800px)
{.cabeza{ display:inline-block; float: none;}

}

@media screen and (max-width:800px)
{.menut{margin-top:15px; margin-bottom:15px; margin-left:10px;}
}

@media screen and (max-width:800px)
{.flecha { display:none;}
}

@media screen and (max-width:800px)
{.flechalegal { display:none;}
}

@media screen and (max-width:800px)
{.fondobl { margin-top:50px;}
}

@media screen and (max-width:800px)
{.volarderecha{ margin-left:0%; width:80%;}
}

@media screen and (max-width:800px)
{.volarderecha2{ margin-left:0%;}
}

@media screen and (max-width:800px)
{.txcen{ margin-left:10px;}
}

@media screen and (max-width:800px)
{.iconosredon{ margin-top:10px;}
}

@media screen and (max-width:800px)
{.fondob2 { margin-top:200px;}
}

@media screen and (max-width:800px)
{.fondob3{ background-color:#FFF; height:160px;}
}

/*@media screen and (max-width:800px)
{.system{ margin-left: 20%;}
}*/

@media screen and (max-width:800px)
{.system2{ padding-bottom:40% !important;}
}

.system{ max-height:100px; }

@media screen and (max-width:800px)
{.system{ max-height:60px !important;}
}

.system3{ max-height:100px; margin-left:100px;}

@media screen and (max-width:800px)
{.system3{ max-height:60px !important;margin-left:0px;}
}


.system4{margin-left:45%;}

@media screen and (max-width:800px)
{.system4{margin-left:0px;}
}

.system5{margin-left:35%;}

@media screen and (max-width:800px)
{.system5{margin-left:0px;}
}

@media screen and (max-width:900px)
{.flechaO{display: block;}
}

@media screen and (max-width:900px)
{.flechaE{display: block;}
}

.flechaE{
	padding-left: 40%;
	margin-top:200px;
	alignment-baseline:middle;
	z-index:980;
	display:none;}


.top15{margin-top: 15%;}

.fondob7{ background-color:#FFF; height:80px;}

@media screen and (max-width:800px)
{.fondob7 { margin-top:300px;}
}

.left100{ margin-left:100px;}

.txidioma{ font-size:9px;}