@import 'https://fonts.googleapis.com/css?family=Lato:300';
*{
	box-sizing: border-box;
}
h1, h2, h4, h5, h6 {
	text-transform: uppercase;
	color: #fff;
	font-family: rale;
	letter-spacing: 1px;
}


p{
	color: #161637;
	font-family: Lato, sans-serif;
	font-size: 10px;
}


h1{
	color: #fff;
	font-size: 24px;
	font-family: Lato, sans-serif;
	font-weight:bold;
	
}

h2{
	color: #161637;
	font-size: 24px;
	font-family: Lato, sans-serif;
	font-weight:bold;
	padding-top: 10px;
}

h3{
	font-family: 'Lato', sans-serif;
	font-size: 32px;
	line-height: 1.2;
	padding-top:10px; 
}

h4{
	color: #FFF;
	font-family: Lato, sans-serif;
	font-size: 15px;
}


.wap{
	width: 90%;
	margin: auto;
	clear: both;
}

.bienvenidos{
	width: 100%;
	background:  #fff;
	clear: both;
	padding-top: 30px;
	padding-left: 50px;
	padding-right: 50px;
	padding-bottom: 10px;
	text-align: center;
	box-sizing: border-box;
	transition: 0.4s;
}

.contenedor-columnas{
	width: 100%;
	margin: auto;
	margin-bottom: 50px;
}


.columnasx3{
	width: 33.333%;
	float: left;
	padding: 20px 20px;
	box-sizing: border-box;
	margin: auto;
}


.columnasx3-3{
	width: 33.333%;
	float: left;
	padding: 20px 20px;
	box-sizing: border-box;
	margin: auto;
}


.columnasx9{
	width: 10%;
	float: left;
	padding: 20px 20px;
	box-sizing: border-box;
	margin: auto;
}


.columnasx8{
	width: 12%;
	float: left;
	padding: 20px 20px;
	box-sizing: border-box;
	margin: auto;
}


.columnasx4{
	width: 25%;
	float: left;
	padding: 20px 20px;
	box-sizing: border-box;
	margin: auto;
}


.columnasx4-2{
	width: 20%;
	float: left;
	padding: 20px 20px;
	box-sizing: border-box;
	margin: auto;
}

.columnasx2{
	width: 50%;
	text-align: justify;
	float: left;
	padding: 20px 20px;
	box-sizing: border-box;
	margin: auto;
}

.columnasx2-3-1{
	width: 70%;
	text-align: justify;
	float: left;
	padding: 20px 20px;
	box-sizing: border-box;
	margin: auto;
}


.columnasx2-1-3{
	width: 30%;
	text-align: justify;
	float: left;
	padding: 20px 20px;
	box-sizing: border-box;
	margin: auto;
}


.columnasx1{
	width: 100%;
	text-align: center;
	float: center;
	padding: 20px 20px;
	box-sizing: border-box;
	margin: auto;
}

.columnasx1 img{
	width: 100%;
}

.columnasx2 img{
	width: 100%;
}

.columnasx2-3-1
	width: 100%;
}

.columnasx2-1-3
	width: 100%;
}

.columnasx3 img{
	width: 100%;
}

.columnasx3-3 img{
	width: 100%;
}

.columnasx4 img{
	width: 100%;
}

.columnasx4-2 img{
	width: 100%;
}


.banner-2{
	width: 100%;
	background:  #fff;
	clear: both;
	padding-top: 30px;
	padding-left: 50px;
	padding-right: 50px;
	padding-bottom: 50px;
	text-align: center;
	box-sizing: border-box;
	transition: 0.4s;
}


.banner-1{
	width: 100%;
	background:  #161637;
	clear: both;
	padding-top: 30px;
	padding-left: 50px;
	padding-right: 50px;
	padding-bottom: 50px;
	text-align: center;
	box-sizing: border-box;
	transition: 0.4s;
}

.banner-2 p{
	color:  #161637;
	font-size: 22px;
}

.contenedor-columnas p{
	color:  #161637;
	font-size: 18px;
}



.columnasx9 p{
	color:  #161637;
	font-size: 18px;
}

.columnasx4 h2{
	color:  #161637;
	font-size: 20px;
}

.columnasx4-2 h2{
	color:  #161637;
	font-size: 20px;
}

.columnasx3 h2{
	color:  #161637;
	font-size: 20px;
}

.columnasx3 p{
	color:  #161637;
	font-size: 18px;
}

.columnasx3-3 h2{
	color:  #161637;
	font-size: 20px;
}



.columnasx2 h2{
	color:  #161637;
	font-size: 18px;
}


.columnasx1 h2{
	color:  #161637;
	font-size: 30px;
}

.columnasx1 p{
	color:  #161637;
	font-size: 20px;
}


.banner-1 p{
	color: #fff;
	font-size: 25px;
}

.banner-1 h2{
	color: #fff;
	font-size: 25px;
}

.columnasx2 p{
	color: #000;
	font-size: 16px;
}

.columnasx2-3-1 p{
	color: #000;
	font-size: 16px;
}



.bloque-imagen img{
	display:none;
	width: 100%;
	height: auto;
}

.bloque-imagen .width1{display:block;}

@media (max-width:960px){
    .bloque-imagen .width2{display:block;}
    .bloque-imagen .width1{display:none;}
}

@media (max-width:760px){
    .bloque-imagen .width3{display:block;}
    .bloque-imagen .width2{display:none;}

	.columnasx1 p{
		color:  #161637;
		text-align: justify;
		font-size: 17px;
	}


	.columnasx1 h2{
		color:  #161637;
		text-align: center;
		font-size: 19px;
	}


}


