/**{outline: 1px solid rgba(255,0,0,0.2)}*/
img{
	max-width: 100%;
}
body{
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	
}

/*menu*/
.cont_menu{
	background: url("../img/background/hero.jpg") top no-repeat; 
	background-size: cover;
	}
.capa{
	background-color: rgba(49, 52, 52, 0.6);
	padding: 1% 0% 0%;
}

.submenu{ 
	color: #fff;
	padding: 10px;
	}
.submenu:hover{
	text-decoration:none;
	color: #0A8FA0;
}
/*menu*/
/*contenido del launch*/
.cont_let_launch{
	margin: 14% 0%;
}
/*contenido del launch*/
/*lista del segundo row*/
.cuadrado{
	margin: 2% 0%;
	vertical-align: top;
	color: #727272;

}
.cuadrado> a{
	text-decoration: none;
	color: #000;
}
.icono_grand{
	font-size: 50px;
	color: #2D85D1;
}
/*lista del segundo row*/
/*imagen del 3 row*/
.font_blu{
	background: #E5E8EB;
}
/*imagen del 3 row*/
.font_negro{
	color: #000;
}
.font_plomo{
	color: #727272;
}
.pd_iz{
	padding-left: 10%;
}
.mg2{
	margin: 2% 0%;
}
.magl{
	padding-left: 0%;
}
.pb-3{
	padding-bottom: 3%;
}
.pt-2{
	padding-top: 2%;
}
.pd0{
	padding: 0%;
}
.pl-2{
	padding-left: 3%;
}
.back_plomo{
	background: #2D2D2D;
}
/*lista 4 row*/

.text1{
	margin-left: 8%;
	padding-left: 2%;
	color: #727272;
	padding-right: 2%;
	padding-top: 0%;
	}

.mglr-10{
	margin-left: 10%;
	margin-right: 10%;
}
.icono{
	font-size: 30px;
	margin-right: 2%;
	padding-top: 3%;
	color: #2D85D1;
}

/*lista 4 row*/
/*patty fin menulaunch head*/

/*Sara menu */
.men{ 
	color: black;
	padding: 5px;

	}
.men:hover{
	text-decoration:none;
	color: white;
	background: #54DEDC;
}

/* menu*/

/* Portafoli*/
.imagen img{
	width: 100%;

}
.imagen{
	padding: 2%;
	background: white;
}
.portafolio p{
	background: white;
}

/*fin Portafoli*/
/*Sara BOTON */
.oscurito{
	margin: 3%  50% 2% 45%;
	color: #fff;
  background-color: #666262;
  
}
.uno{
	margin-left: 35%;
}

/*Sara Call to action-----------------------------------
------------------------------------------------------ */
.call{
	background: url("../img/background/city.jpg");
	height: 450px;
	background-size:cover; 
	background-repeat: no-repeat;
	background-position: center;
}


.capaa{
	background-color: rgba(49, 52, 52, 0.6);
	padding: 1% 0% 0%;
	height: 450px;
	background-repeat: no-repeat;
	background-position: center;
}

.texto{

	width: 90%;
	margin: auto;
	
	text-align vertical-align: center;


}
.texto p{
	margin-bottom: 5%;
	margin-top: 15%;
}
.transparente{
	padding: 8px 10px;
	font-size: 13px;
 	line-height: 1.5;
  	background-color: rgba(127, 136, 137, 0.3);
	border:none;
	color: white;
}

/*Sara Call to action-----------------------------------
------------------------------------------------------ */

/*presios*/
.choose{
	padding: 3% 0%;
}
.cuadradoo{
	border: 1px solid #D0D0D3;
	padding: 1.5%;
	margin:0.5%;

}
.standard{
	color: white;
	background: #666262;
	height: 10%;
	width: 90%;
	padding: 2%;
	font-size: 15px;
	margin-left:5%;
	margin-top: 5%;
	 
}

.premium{
	color: white;
	background: #5AECEA;
	height: 10%;
	width: 90%;
	padding: 2%;
	font-size: 15px;
	margin-left:5%;
	margin-top: 5%;
}
.from{
	width: 90%;
	height: 20%;
	
	padding: 10%;
	margin-left: 5%;
	margin-top: 5%;
}	
.from p{
	display: inline-block;

}
.centrado{
	width: 100%;
}
.from .negrita{
	font-size: 20px;
}
.palabras{
	width: 80%;
	margin-top:10%;
	margin-left:9%;
}

.blanco{

	background: white;
	padding-top: 3%;
}
.unoni{
margin-left: 35%;
}
  
/*presios*/


/*patty*/
.contact{
	background: url(../img/background/contactus.jpg);
	background-size: cover;
	background-position: center;
}
.marg_cotact{
	padding: 1% 5%;
}
.display_icono{
	display: inline-block;
}
.form-control{
	background-color: rgba(127, 136, 137, 0.3);
	border:none;
}
.foto_circ{
	max-width: 18%;
}
@media(max-width: 750px){
	.submenu{
		padding: 2%;}
	.menu_ul{
		margin-left: 4%;
			}
	.pd_iz{
	padding-left: 5%;
			}
	.central_menu{
		text-align: center;
		padding: 7% 20%;

	}
	.layu{
		margin-left: 5%;
	}
	.solito{
		margin-left: 28%;
		margin-right: 35%;
		text-align: center;
	}
	.cuadrado{
		padding-right: 8%;
	}
	.text1{
		padding-top: 0.4%;
	}
	.men{
		margin: 0%;
		padding: 0%;
	}
	.texto{
		margin-top: 50%;
	}
	.h2_mg{
		margin: 0% -1%;
	}
	.text_contac{
		text-align: center;
	}
	.foll_text{
		margin: 0% 6%;
	}

	}