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


.span_10_of_10 {width: 100%; }
.span_9_of_10 {width: 98.4%; }
.span_8_of_10 {width: 79.68%; }
.span_7_of_10 {width: 69.52%; }
.span_6_of_10 {width: 59.36%; }
.span_5_of_10 {width: 48.4%; }
.span_4_of_10 {width: 39.04%; }
.span_3_of_10 {width: 28.88%; }
.span_2_of_10 {width: 18.72%; }
.span_1_of_10 {width: 8.56%; }

.span_9_of_9 {width: 100%; }
.span_3_of_9 {width: 32.8%; }

.span_8_of_9 {width: 100%; }
.span_2_of_8 {width: 24.25%; }

#slider-movil {display:none}

@media only screen and (max-width: 1280px) {
	body {overflow-x: hidden;}
	.caracteristicas {width: 90%}

}

@media only screen and (max-width: 1024px) {
	/*nav a {font-size: 16px;}
	nav {margin-right: 200px;}*/
	.box-1200 {width: 89%; margin:0 auto; }
	footer .box {width: 950px;}
	
	.comolohacemos {width: 100%; height: 100%; padding: 0}
	/*.comolohacemos .blanco {width: 90%}*/
	.submenu a {width: 10px; height: 10px;}
	.submenu a:hover, .submenu .selected {width: 13px; height:13px;}
	.submenu { width: 13px}

}

@media only screen and (max-width: 768px) {
	.box-1200 {width: 95%; }
	footer .box {width: 98%;}
	.quehacemos a {font-size: 15px;}
	.productos a {position: absolute; bottom: 80px; margin: 0}
	.flex-control-nav {position: absolute; bottom: 0;}
.headmovil .box {width:768px;height: 80px;}
.headmovil .box img {width: 20%;}

.comolohacemos { padding: 0; background: transparent url(../images/imgBgQuienesSomos.jpg) left top no-repeat;  background-size:cover; float:left; width: 100%;}
.comolohacemos p {font-size: 16px}
.comolohacemos .blanco p{font-size: 14px; }
.comolohacemos img {width: 80%}


/*header {width:768px}	*/
}

@media only screen and (max-width: 480px) {
	.headmovil .box {width:480px; height: 60px;}
.headmovil .box img {width: 40%; margin: 5px 0 0 20px}
	#slider {display: none;}
	#slider-movil {display: block;}
	.flex-control-nav {display: none;}
	.qhInterior {padding-top: 50px; float:left; width:100%; height: 400px; }
	.centro p {width: 90%; font-size:15px;}
	.centro {margin: 0}
	.comolohacemos img {width:50%; margin-left:30%}


	.span_10_of_10 {width: 100%; }
	.span_9_of_10 {width: 100%; }
	.span_8_of_10 {width: 100%; }
	.span_7_of_10 {width: 100%; }
	.span_6_of_10 {width: 100%; }
	.span_5_of_10 {width: 100%; }
	.span_4_of_10 {width: 100%; }
	.span_3_of_10 {width: 100%; }
	.span_2_of_10 {width: 100%; }
	.span_1_of_10 {width: 100%; }
	
	
	.span_9_of_9 {width: 100%; }
	.span_3_of_9 {width: 100%; }
	
	.col {display: block;float:left;margin: 0 0 1.6% 0;}
	.col:last-child {margin-bottom: 0;}
	

	 
	.span_8_of_9 {width: 100%; }
	.span_2_of_8 {width: 100%; }
	
	/*.filosofia p {font-size: 23px;}*/
	

#productos a {bottom: 30px;}
.quehacemos a{font-size: 14px;}

.quehacemos {height: 100%;}

.box-80, .box-1200, #formContacto  {width: 90%; }
.productos {height:100%;}
.box-80 p {width: 100%; margin-bottom: 15%;}
/*.alianzas p, .quehacemos a, .productos p {font-size: 16px;}*/
footer {display:none}
.submenu {top: 80px; right: 20px; }
.comolohacemos p {padding-right: 20%; }
.centro h2 {width: 95%}

}

@media only screen and (max-width: 320px) {
	
		.centro p {width: 80%; font-size:15px;}

		.headmovil .box {width:320px;height:55px;}
.headmovil .box img {width: 40%; margin: 10px 0 0 20px}
	
		.quehacemos a.analisis,.quehacemos a.arqui,.quehacemos a.pm,.quehacemos a.dev,
.quehacemos a.gis,.quehacemos a.bi, .quehacemos a.host 
{padding: 80px 0 0 0; width:90%; float:left; text-align:center;}
#productos img {width: 95%;}

.quehacemos a.analisis { background: transparent url(../images/icnAnalisis.png) 90px 15px no-repeat;}
.quehacemos a.arqui { background: transparent url(../images/icnArquitectura.png) 90px 15px no-repeat;}
.quehacemos a.pm { background: transparent url(../images/icnPm.png) 90px 15px no-repeat;}
.quehacemos a.dev { background: transparent url(../images/icnDesarrollo.png) 90px 15px no-repeat;}
.quehacemos a.gis { background: transparent url(../images/icnGis.png) 90px 15px no-repeat;}
.quehacemos a.bi { background: transparent url(../images/icnBi.png) 90px 15px no-repeat;}
.quehacemos a.host { background: transparent url(../images/icnHost.png) 90px 15px no-repeat;}

.comolohacemos img {padding: 0; margin-top: 6%; margin-bottom: 6%}
.comolohacemos .blanco, .comolohacemos p, .comolohacemos .blanco p {padding: 0; margin-left: 0}
.centro img {width: 90%;}
.comolohacemos .blanco {margin: 0}
.caracteristicas h2 {font-size: 24px; margin-top: 0}
.comolohacemos {padding-top: 15%}
.comolohacemos p {padding-right: 20%; }

.heapBox {top: 0}	
}