* 

body {
	
	background-image: url("../images//shattered_gris.png");
	

}

p{
			font-weight: 300;
			font-size: 18px;
			color:#787878;
			line-height: 35px;
			text-rendering: optimizeLegibility;
			float:left;
			position:relative;
			padding-top: 50px;
			margin-left:20px;
			
		}
span{
	font-weight: 300;
	font-size: 16px;
	color: #787878;
	text-align: center;
	text-transform: uppercase;
	padding-top: 30px;
	line-height: 25px;
		}
		
span2{
	font-weight: 600;
	font-size: 20px;
	color: #736894;
	text-align: center;
	text-transform: uppercase;
	padding-top: 170px;
	margin-left: auto;
    margin-right: auto;
	display: block;
	
	
	}
	
	
.parrafo2{
		font-size: 16px;
		color: #CCC;
		text-transform:inherit;
	}

#menu2 .logo h1 {
		width: 100%;
		margin: 0 auto;
		border: none;
		margin-bottom: 10px;}
		
.input{margin-left: 124px;}

.topbarfix { position:fixed;z-index:9999;background:#333;width:100%; }
.left-off-canvas-menu ul {}

.center {text-align: center;margin: 0 auto;margin-bottom: 10px;margin-top: 10px;}

a, a:link, a:visited {-webkit-transition-duration: .50s, .2s;
    -webkit-transition-timing-function: linear, ease-in;
    -moz-transition-duration: .5s, .3s;
    -O-transition-duration: .5s, .3s;
    -ms-transition-duration: .5s, .3s;
}

#menu {
width: 100%;
height: 61px;
margin-bottom: 0px;
background-color:rgba(255, 255, 255, 0.72);
border-bottom:1px solid #999;
box-shadow: 0px 1px 5px #999;
position: fixed;
z-index: 99999;


}

#menu span{
	text-align: left;
	font-size: 12px;
	font-weight:300;
	color: #FFF;
	text-transform: uppercase;
	padding-top:20px;
	align:left;
	margin-top:2px;


}


.menuprincipal img {
    width: 90px;
    margin-left: 20px;
	margin-top:-5px;
	
}

.menuprincipal ul {
    text-align: left;
	font-size: 14px;
	font-weight:300;
	color: #787878;
	text-transform: uppercase;
	padding-top:20px;
	align:left;
	margin-top:2px;
	
}

.menuprincipal ul a{
	color: #787878;
		
}


.menuprincipal ul li{display: inline-block;margin-left: -3px; }
.menuprincipal ul li a, .menuprincipal ul li a:link, .menuprincipal ul li a:visited {padding:20px }


h1 {

font-size: 42px;
color: #696969;
text-align: left;
font-weight: 400;
text-transform: uppercase;
display: inline-block;
padding-left:20px;
}

.obj{ 
		max-width:90px;
		/* width and height can be anything, as long as they're equal */
		display: inline-block; 
		vertical-align: middle;
		padding: 5px;
		display: block;
    	margin-left: auto;
    	margin-right: auto;
		margin-top:30px;
	}

.morado {border-top:6px solid #f958fc; }
.morado:hover {background: #f958fc; color:#FFF;}
.morado:active {background: #f958fc; color:#FFF; }

.amarillo {border-top:6px solid #feed34; }
.amarillo:hover {background: #feed34; color:#FFF;}

.verde {border-top:6px solid #86eb78; }
.verde:hover {background: #86eb78; color:#FFF;}

.rojo {border-top:6px solid #5d7cf4; }
.rojo:hover {background: #5d7cf4; color:#FFF;}

.azul {border-top:6px solid #fc5875; }
.azul:hover {background: #fc5875; color:#FFF;}

.gris {border-top:6px solid #b4b4b4;}
.gris:hover {
	background: #b4b4b4;
	color: #FFF;
	text-align: left;
}


.shadow img {box-shadow: 0px 1px 3px #2d2d2d;}
.shadow_cl img {box-shadow: 0px 1px 3px #ccc;}

.boton{
		background-color: #CCC;
		text-align: center;
		font-size: 13px;
		color: #FFFFF;
		margin-top:-1px;
		text-transform: uppercase;
		padding:21px;

}
.boton:hover {background: #b4b4b4; color:#FFF;}

.botonacceso{
			background-color: #fbfcfc;
			text-align: center;
			font-size: 13px;
			color: #696969;
			margin-top:-1px;
			text-transform: uppercase;
			padding:15px;
			max-width: 185px;
			display: block;
			border-radius: 3%;
			margin-left: auto;
			margin-right: auto;

}
.botonacceso:hover {background: #b4b4b4; color:#FFF;}

.impresora {
	max-width:360px;
	margin-left:auto;
	margin-right:auto;
	padding-top:30px;
}


.canasta {
	max-width:300px;
	margin-left:auto;
	margin-right:auto;
	padding-top:100px;
}

#section_inicio {
		
		width:100%;
		background-image: url("../images//shattered_gris.png");
		padding-top: 170px;
		padding-bottom:160px;
		border: 1px solid #CCC;
		
	
	}
	
#section_inicio hr{
		border: solid #E089E4;
		border-width: 2px 0 0;
		clear: both;
		margin: 0;
		height: 0;
		}
		

#section_nosotros {
		
		width:100%;
		background-image: url("../images//shattered.png");
		padding-top: 100px;
		padding-bottom:100px;
		border: 1px solid #CCC;
		position:relative;
	
	}
	
#section_nosotros hr{
		border: solid #feed34;
		border-width: 2px 0 0;
		clear: both;
		margin: 0;
		height: 0;
		}
		
#section_nosotros span2 {
		
		padding-top: 80px;
		
}

#section_servicios {
		
		width:100%;
		background-image: url("../images//shattered_gris.png");
		padding-top: 100px;
		padding-bottom:100px;
		border: 1px solid #CCC;
	
	}
	
#section_servicios span { margin-top:100px;float:left }
	
#section_servicios hr{
		border: solid #86eb78;
		border-width: 2px 0 0;
		clear: both;
		margin: 0;
		height: 0;
		}		

#section_recepcion {
		
		width:100%;
		background-image: url("../images//shattered.png");
		padding-top: 100px;
		padding-bottom:100px;
		border: 1px solid #CCC;
	
	}
	
#section_recepcion hr{
		border: solid #5d7cf4;
		border-width: 2px 0 0;
		clear: both;
		margin: 0;
		height: 0;
		}
		
#section_recepcion span2{ margin-top:-50px;
		}


#section_clientes {
		
		width:100%;
		background-image: url("../images//shattered_gris.png");
		padding-top: 100px;
		padding-bottom:100px;
		border: 1px solid #CCC;
	
	}
	
#section_clientes hr{
		border: solid #fc5875;
		border-width: 2px 0 0;
		clear: both;
		margin: 0;
		height: 0;
		}	
		
#section_clientes span2{
		 padding-top:80px;
		}	
		
#section_clientes img {

	cursor: default;
}
  


#section_acceso {
		
		width:100%;
		background-image: url("../images//shattered_verde.png");
		padding-top: 80px;
		padding-bottom:80px;
		border: 1px solid #CCC;
		margin-top:0px;
	
	}
	
#section_acceso span{
		
		color:#696969;
		font-weight: 600;
		float:none;
	
	}
#section_acceso span:hover{
		
		color:#fff;
		
	
	}
	
#section_acceso p{
		
		color:#fff;
		font-weight: 500;
		font-size: 24px;
		line-height: 35px;
		text-rendering: optimizeLegibility;
		text-align: center;
		float:none;
		padding-top:0px;
		padding-bottom:30px;
			
	}
	
#section_contacto {
		
		width:100%;
		background-image: url("../images//shattered.png");
		padding-top: 100px;
		padding-bottom:400px;
		border: 1px solid #CCC;
	
	}
	
#section_contacto hr{
		border: solid #696969;
		border-width: 2px 0 0;
		clear: both;
		margin: 0;
		height: 0;
		}
		
#section_contacto span2{ margin-top:-50px;
		}
		
#section_contacto img{ padding-top:40px; max-width:70px;
		}
		
#section_contacto p{ margin-left:0px; padding-top:20px; padding-left:90px;
		}

#section_contacto .center {text-align: center;}
#section_contacto .center p{width:100%;text-align: center;margin: 0;padding: 0}

#section_contacto .error, #section_contacto .success, #section_contacto .fail {display: none}


#section_contacto .button {background-image: url("../images//fondo.png");
}

#section_contacto .button:hover {background-image: url("../images//oscuro.png");
}
	
.rec{
    text-align: left;
	font-size: 14px;
	font-weight:300;
	color: #787878;
	text-transform: uppercase;
	padding-top:20px;
	margin-top:2px;
	
}

.cuadro img {
}

.cuadro {
	
    width: 150px;
    height: 150px;
    background: #fff;
    /* width and height can be anything, as long as they're equal */
    margin-right: 5px;
    display: inline-block; 
	vertical-align: middle;
    margin-top: 60px;
    display: inline-block;
    padding: 5px;
		
	}
	
			

/* PARALLAX */

#impresora {
	
top: 230px;
margin-left: 120px;
z-index: 100;

}

#prisma1 {
	
top: 20px;
margin-left: 210px;
z-index: 100;
max-width:150px;

}

#prisma2 {
	
top: 450px;
margin-left: 10px;
z-index: 100;
max-width:80px;

}

#prisma3 {
	
top: 350px;
margin-left: 40px;
z-index: 100;
max-width:40px;

}

#prisma4 {
	
top: 550px;
margin-left: 480px;
z-index: 100;
max-width:80px;

}

#nosotros {
	
top: 2100px;
margin-left: 120px;
z-index: 100;

}

#pajaro1 {
	
top: 2000px;
margin-left: 450px;
z-index: 100;
max-width:150px;

}

#pajaro2 {
	
top: 3800px;
margin-left: 550px;
z-index: 100;
max-width:50px;

}

#pajaro3 {
	
top: 2500px;
margin-left: 50px;
z-index: 100;
max-width:80px;

}

#pajaro4 {
	
top: 1700px;
margin-left: 400px;
z-index: 100;
max-width:80px;

}

#obj1 {
	
top: 2470px;
margin-left: 110px;
z-index: 100;
max-width:90px;

}

#obj2 {
	
top: 4760px;
margin-left: 110px;
z-index: 100;
max-width:90px;

}

#obj3 {
	
top: 6287px;
margin-left: 110px;
z-index: 100;
max-width:90px;

}
	
#obj4 {
	
top:3450px;
margin-left: 110px;
z-index: 100;
max-width:90px;

}

#obj5 {
	
top: 5741px;
margin-left: 110px;
z-index: 100;
max-width:90px;

}

#obj6 {
	
top: 4217px;
margin-left: 110px;
z-index: 100;
max-width:90px;

}

#canasta {
	
top: 3600px;
margin-left: 110px;
z-index: 100;
max-width:360px;

}

#piso {
	
top: 2765px;
margin-left: 110px;
z-index: 90;

}
	
#email {
	
top: 2570px;
margin-left: 370px;
z-index: 100;
max-width:130px;

}

#cd {
	
top: 7020px;
margin-left: 470px;
z-index: 100;
max-width:130px;

}

#avion1 {
	
top: 9180px;
margin-left: 770px;
z-index: 100;
max-width:160px;

}

#avion2 {
	
top: 12490px;
margin-left: 20px;
z-index: 100;
max-width:110px;

}

#avion3 {
	
top: 6650px;
margin-left: 600px;
z-index: 100;
max-width:80px;

}

#planos {
	
top: 7500px;
margin-left: 900px;
z-index: 100;
max-width:300px;

}

#rect1 {
	
top: 12585px;
margin-left: 15px;
z-index: 100;
max-width:280px;

}

#rect2 {
	
top: 6462px;
margin-left: 15px;
z-index: 100;
max-width:280px;

}

#rect3 {
	
top: 8530px;
margin-left: 640px;
z-index: 100;
max-width:280px;

}

#rect4 {
	
top: 6550px;
margin-left: 15px;
z-index: 100;
max-width:280px;

}

#impreso {
	
top: 4770px;
margin-left: 340px;
z-index: 100;
max-width:280px;

}

#nosotros2 {
	
top: 2250px;
margin-left: 520px;
z-index: 100;
max-width:280px;

}

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

#section_inicio {padding-top:40px; padding-bottom:90px}

#section_inicio span2{padding-top:80px}

#section_servicios span {
margin-top: 10px;
float: left;}

#section_recepcion span2 {padding-top:30px; margin:0}

#section_contacto {width:100%; text-align:center; margin: 0; padding: 60px 0 0 0 }
	#section_contacto img {width:100%; text-align:center; margin: 0;padding: 0}  

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

    #menu {display: none}
    .menuprincipal {display: none}
	#section_servicios span { margin-top:0px;float:left }
	#impresora {top: 0px;margin-left: 0px;z-index: 100;}
	#section_inicio {padding-top: 80px;	padding-bottom:50px	} 
	#section_inicio span2{padding-top: 80px; } 
	#section_servicios {width:100%;text-align: center;margin: 0;padding: 30px 0 80px 0 }
	#section_recepcion img {padding-top:10px;} 
	#section_recepcion span2 {padding-top:40px; margin:0} 
	#section_contacto {width:100%; text-align:center; margin: 0; padding: 30px 0 0 0 }
	#section_contacto p{ padding-left:0 }
	#section_contacto hr{ padding-bottom:20px }
	#section_contacto h1{ padding-top:25px }
	#section_contacto img {width:100%; text-align:center; margin: 0;padding: 0} 
	.cuadro{ width: 130px; height: 130px; margin-top:20px}

}