@charset "utf-8";
/* Quitar Scroll horizontal */

.ipad_vimeo{
	width:100%;
	background-image: url(http://127.0.0.1:60611/css/images/ipad-vimeo.png);
	background-size:100% auto;
	background-position: center top;
	background-repeat: no-repeat;

}

.ipad_marco{
	top:8%;
	left:13%;
	position: absolute;
}


html, body {
    max-width: 100%;
	overflow-x: hidden;
}

body {
	padding:0 0 0 0;
	margin:0 0 0 0;

}

/*Sections*/

section{
	
	width:100%;
	display: inline-block;
	position:relative;
	text-aling:center;

}

figure{
	 padding:0 0 0 0;
	 margin: 0 0 0 0;
}


.line{
display:inline-block;
	position:relative;
	border-bottom: 1px solid #DDD;
}


section .margin_section{
	width:80%;
	margin-left: 10%;
	margin-right: 10%;
	min-height:180px;
	display: inline-block;
	position:relative;
}

.section_tiles{
	padding:20px 0 20px 0;
	display: inline-block;
	width:100%;
	position:relative;
	letter-spacing:3px;	
}

/*Background Colors*/


.fondo_blue{
	background:#87B0E2;
}
.fondo_orange{
	background:#FF6A22;
}
.fondo_green{
	background:#5BD777;
}

/*blocks para maquetar contenido*/

.block {

	display:inline-block;
}
.block_20 {
	display:inline-block;
	float: left;
	width: 20%;
}
.block_25 {
	display:inline-block;
	float: left;
	width: 25%;
}
.block_33 {
	display:inline-block;
	float: left;
	width: 30%;
	padding-left:1%;
	padding-right: 1%;
}
.block_50 {
padding: 15px 0 0 0;
	display:inline-block;
	float: left;
	width: 50%;
	margin-left: auto;
}
.block_66 {
	display:inline-block;
	float: left;
	width: 66%;
}

.ancla {
	display: block; position: relative; top: -50px; visibility: hidden;
}


/*FX*/

.shadow{
	-moz-box-shadow: 1px 3px 5px rgba(0,0,0,0.3);
	-webkit-box-shadow: 1px 3px 5px rgba(0,0,0,0.3);
	box-shadow: 1px 3px 5px rgba(0,0,0,0.3);
}

#imagen_portada {
	top:40px;
	background:url(../images/baner_web.jpg) no-repeat 50% 40px;
	width:100%;
	height:400px;
	background-attachment: fixed;
}



/*footer*/

footer {
	position: relative;
	background: #1d1d1d url(../images/patron-pie.png)  repeat-x;
	padding-top: 40px;
	margin-left: auto;
	margin-right: auto;
	position: relative;

}

#footer_content{
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 30px;
	width: 980px;
}

#Pie_menu {
	padding-top: 40px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 980px;
	padding-bottom: 30px;
}


/*servicios*/

	
/*images*/
	@media screen and (max-width: 75em) and (orientation: portrait) {
	.block_50 {
		display:inline-block;
		float: left;
		width: 100%;
		margin-left: auto;
	}
}

/*proyectos nav buttons*/

#left-project, #right-project{
	width:128px;
	height:128px;
	position: fixed;
	top: 42%;
	z-index: 100;
	

}

#left-project{
	left: -25px;
	background: url(../images/slide_nav-left.png);
	opacity: 0.6;
	-moz-transition: left 0.3s , opacity 0.3s ; 
	-webkit-transition: left 0.3s , opacity 0.3s ; 
	transition: left 0.3s , opacity 0.3s ;

-webkit-transition: all 500ms cubic-bezier(0.445, 1, 0.420, 1.000); /* older webkit */
-webkit-transition: all 500ms cubic-bezier(0.445, 1.635, 0.420, 1.000);
   -moz-transition: all 500ms cubic-bezier(0.445, 1.635, 0.420, 1.000);
     -o-transition: all 500ms cubic-bezier(0.445, 1.635, 0.420, 1.000);
        transition: all 500ms cubic-bezier(0.445, 1.635, 0.420, 1.000); /* custom */

-webkit-transition-timing-function: cubic-bezier(0.445, 1, 0.420, 1.000); /* older webkit */
-webkit-transition-timing-function: cubic-bezier(0.445, 1.635, 0.420, 1.000);
   -moz-transition-timing-function: cubic-bezier(0.445, 1.635, 0.420, 1.000);
     -o-transition-timing-function: cubic-bezier(0.445, 1.635, 0.420, 1.000);
        transition-timing-function: cubic-bezier(0.445, 1.635, 0.420, 1.000); /* custom */
	
}

#right-project{
	right: -25px;
	opacity: 0.6;
	background: url(../images/slide_nav-right.png);
	-moz-transition: right 0.3s , opacity 0.3s ; 
	-webkit-transition: right 0.3s , opacity 0.3s ; 
	transition: right 0.3s , opacity 0.3s ;

-webkit-transition: all 500ms cubic-bezier(0.445, 1, 0.420, 1.000); /* older webkit */
-webkit-transition: all 500ms cubic-bezier(0.445, 1.635, 0.420, 1.000);
   -moz-transition: all 500ms cubic-bezier(0.445, 1.635, 0.420, 1.000);
     -o-transition: all 500ms cubic-bezier(0.445, 1.635, 0.420, 1.000);
        transition: all 500ms cubic-bezier(0.445, 1.635, 0.420, 1.000); /* custom */

-webkit-transition-timing-function: cubic-bezier(0.445, 1, 0.420, 1.000); /* older webkit */
-webkit-transition-timing-function: cubic-bezier(0.445, 1.635, 0.420, 1.000);
   -moz-transition-timing-function: cubic-bezier(0.445, 1.635, 0.420, 1.000);
     -o-transition-timing-function: cubic-bezier(0.445, 1.635, 0.420, 1.000);
        transition-timing-function: cubic-bezier(0.445, 1.635, 0.420, 1.000); /* custom */
	
	
}

#hoverbutton:hover #right-project{
	right: 0px;
	opacity: 1;
}

#hoverbutton:hover #left-project{
	left: 0px;
	opacity: 1;
}