/* Esto es un comentario en css */

*, *:before, *:after {
    margin:0;
    padding:0;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
}

body {
	width:100%;
	height:4806px;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background:white;

}

.fondo {
	position:fixed;
	width:1024px;
	height:1300px;
	top:191;
	left:50%;
	margin-left:-512px;
	z-index:-10;
}

.cabecero {
	position:fixed;
	width:1024px;
	height:191px;
	top:0;
	left:50%;
	margin-left:-512px;
	z-index:10;
}

.menu {
	position:fixed;
	width:1024px;
	height:35px;
	top:191px;
	left:50%;
	background:white;
	margin-left:-512px;
	z-index:10;
}

.men1 {
	position:relative;
	width:115px;
	height:35px;
	float:left;
	background:white;
	font-family:impact;
	font-size:20px;
	line-height:35px;
	text-align:left;
	color:black;
	z-index:10;
}

.pad{
	padding-left:10px;
}

.men1:hover{
	cursor:pointer;
}

.linea{
	position:fixed;
	width:1024px;
	height:1px;
	top:226px;
	left:50%;
	background:white;
	margin-left:-512px;
	z-index:10;
}

.inline{
	position:fixed;
	width:900px;
	height:1px;
	top:226px;
	left:50%;
	background:rgb(143,41,143);
	margin-left:-512px;
	z-index:10;
}

.envolvente{
	position:absolute;
	width:1024px;
	height:4579px;
	top:0px;
	left:50%;
	margin-left:-512px;
	
	z-index:0;
}

.filo{
    position:absolute;
	width:1024px;
	height:1585px;
	top:227px;
	left:50%;
	margin-left:-512px;
	
	z-index:0;
}

.titprincp{
	position:relative;
	width:1024px;
	height:70px;
	background:white;
	font-family:impact;
	font-size:30px;
	line-height:80px;
	text-align:left;
	color:rgb(143,41,143);
}

.intro{
	position:relative;
	width:1024px;
	height:110px;
	background:white;
	color:black;
	font-family:myriad pro;
	font-size:14px;
	font-weight:400;
	text-align:left;
	padding-top:10px;
	
}

.fila1{
	position:relative;
	width:1024px;
	height:279px;
	z-index:0;

}

.texto1{
	position:relative;
	width:744px;
	height:279px;
	background:white;
	float:left;
	z-index:0;

}

.titulo{
	position:relative;
	width:744px;
	height:35px;
	color:grey;
	font-family:myriad pro, serif;
	font-size:16px;
	font-weight:700;
	line-height:35px;
}

.encuadre{
	color:rgb(143,41,143);
	font-family:myriad pro, serif;
	font-size:18px;
	font-weight:700;
	line-height:35px;
}

.subtle{
	color:grey;
	font-family:myriad pro, serif;
	font-size:14px;
	font-weight:lighter;
}

.desarrollo{
	position:relative;
	width:744px;
	height:245px;
	color:grey;
	font-family:myriad pro, serif;
	font-size:13px;
	font-weight:lighter;
	text-align:left;
	padding-right:30px;
}

.img1{
	position:relative;
	width:280px;
	height:279px;
	float:left;
}

.fila2{
	position:relative;
	width:1024px;
	height:250px;
	z-index:0;

}

.img2{
	position:relative;
	width:435px;
	height:250px;
	float:left;
}

.texto2{
	position:relative;
	width:589px;
	height:250px;
	background:white;
	float:left;
	z-index:0;
	padding-left:15px;

}

.desarrollo2{
	position:relative;
	width:574px;
	height:245px;
	color:grey;
	font-family:myriad pro, serif;
	font-size:13px;
	font-weight:lighter;
	text-align:left;
	padding-right:10px;
	
}

.fila3{
	position:relative;
	width:1024px;
	height:200px;
	z-index:0;

}

.img3{
	position:relative;
	width:487px;
	height:200px;
	float:left;
}

.texto3{
	position:relative;
	width:537px;
	height:200px;
	background:white;
	padding-top:36px;
	float:left;
	z-index:0;
	padding-left:15px;

}

.desarrollo3{
	position:relative;
	width:520px;
	height:200px;
	color:grey;
	font-family:myriad pro, serif;
	font-size:13px;
	font-weight:lighter;
	text-align:left;
	padding-right:20px;
	
}

.fila4{
	position:relative;
	width:1024px;
	height:382px;
	z-index:0;

}

.img4{
	position:relative;
	width:169px;
	height:382px;
	float:left;
}

.texto4{
	position:relative;
	width:855px;
	height:382px;
	background:white;
	float:left;
	padding-top:50px;
	z-index:0;
	padding-left:15px;

}

.desarrollo4{
	position:relative;
	width:845px;
	height:382px;
	color:grey;
	font-family:myriad pro, serif;
	font-size:13px;
	font-weight:lighter;
	text-align:left;
	padding-right:10px;
}

.fila5{
	position:relative;
	width:1024px;
	height:297px;
	z-index:0;

}

.img5{
	position:relative;
	width:281px;
	height:297px;
	float:left;
}

.texto5{
	position:relative;
	width:743px;
	height:297px;
	background:white;
	float:left;
	z-index:0;
	padding-left:15px;

}

.desarrollo5{
	position:relative;
	width:743px;
	height:297px;
	color:grey;
	font-family:myriad pro, serif;
	font-size:13px;
	font-weight:lighter;
	text-align:left;
	
}

.tit{
	color:grey;
	font-family:myriad pro, serif;
	font-size:16px;
	font-weight:700;
	line-height:16px;
}

.tit2{
	color:black;
	font-family:myriad pro, serif;
	font-size:16px;
	font-weight:700;
	line-height:40px;
}

.tit3{
	color:rgb(143,41,143);
	font-family:impact;
	font-size:22px;
	font-weight:700;
	line-height:40px;
}


.servicios{
	position:absolute;
	width:1024px;
	height:500px;
	top:1585px;
	left:50%;
	margin-left:-512px;
	background:white;
	line-height:40px;
	z-index:0;
}

.oferta{
	position:relative;
	width:1024px;
	height:430px;
	font-family:myriad pro, serif;
	font-size:16px;
	font-weight:lighter;
	text-align:left;
	line-height:40px;
}

.equipo{
	position:absolute;
	width:1024px;
	height:700px;
	top:1858px;
	left:50%;
	margin-left:-512px;
	background:white;
	line-height:20px;
	z-index:0;
}

.pers{
	position:relative;
	width:1024px;
	height:300px;
	background:white;
}


.img6{
	position:relative;
	width:300px;
	height:300px;
	background:white;
	float:left;
}

.mision{
	position:relative;
	
	height:300px;
	color:black;
	font-family:myriad pro, serif;
	font-size:14px;
	font-weight:lighter;
	text-align:left;
}

.mis1{
	
	color:black;
	font-family:myriad pro, serif;
	font-size:16px;
	font-weight:700;
	text-align:left;
}

.mis2{
	
	color:black;
	font-family:myriad pro, serif;
	font-size:16px;
	font-weight:lighter;
	text-align:left;
}

.proceso{
	position:absolute;
	width:1024px;
	height:1400px;
	top:1258px;
	left:50%;
	margin-left:-512px;
	background:white;
	line-height:20px;
	z-index:0;
}

.men2 {
	position:relative;
	width:300px;
	height:60px;
	background:white;
	font-family:impact;
	font-size:24px;
	line-height:60px;
	text-align:left;
	color:black;
	padding-left:15px;
	
	z-index:10;
}

.sindeco{
	text-decoration:none;
}

.men2:hover{
	cursor:pointer;
}

.fotoproc{
	position:relative;
	width:1024px;
	height:1605px;
	z-index:0;
}

.portfolio{
	position:absolute;
	width:1024px;
	height:813px;
	top:3293px;
	left:50%;
	margin-left:-512px;
	
	line-height:20px;
	z-index:0;
}

.linea2{
	position:relative;
	width:1024px;
	height:1px;
	left:0;
	background:white;
	
	z-index:0;
}

.inline2{
	position:relative;
	width:900px;
	height:1px;
	left:0;
	background:rgb(143,41,143);
	
	z-index:0;
}

.contacto{
	position:absolute;
	width:1024px;
	height:400px;
	top:4106px;
	left:50%;
	margin-left:-512px;
	background:white;
	line-height:20px;
	z-index:0;
}

.imgstudio{
	position:relative;
	width:1024px;
	height:250px;

}

.clientes{
	position:absolute;
	width:1024px;
	height:600px;
	top:4506px;
	left:50%;
	margin-left:-512px;
	background:white;
	line-height:20px;
	z-index:0;
}

.footer{
	position:absolute;
	width:1024px;
	height:60px;
	top:5106px;
	left:50%;
	margin-left:-512px;
	background:white;
	color:grey;
	font-family:khula, serif;
	font-size:14px;
	font-weight:lighter;
	line-height:60px;
	z-index:0;
}

.fnegro{
	color:black;
	font-family:myriad pro, serif;
	font-size:14px;
	font-weight:lighter;
}

.fnegrohi{
	color:black;
	font-family:myriad pro, serif;
	font-size:14px;
	font-weight:700;
}

.mays{
	position:relative;
	width:1024px;
	height:40px;
	float:left;
	line-height:40px;
	font-family:impact;
	font-size:26px;
	color:black;
	background:white;
}

.mins{
	position:relative;
	width:1024px;
	height:40px;
	float:left;
	line-height:40px;
	font-family:myriad pro, serif;
	font-size:12px;
	color:black;
	background:white;
}

.procestext{
	position:absolute;
	width:1024px;
	height:360px;
	top:2933px;
	left:50%;
	margin-left:-512px;
	
	line-height:20px;
	z-index:0;
}