@import url('https://fonts.googleapis.com/css?family=Lato');
*{ /* lo que se ponga aqui es generico para todo lo demas */
	box-sizing: border-box;	/*las imagenes se ajustan al total pasando del padding?*/
}
h1, h2, h4, h5, h6{
	text-transform: uppercase;
	color:#444;
	font-family: rale;
	letter-spacing: 1px;
}
h2{
	font-size: 26px;
	color: #333;
}
h3{
		font-family: 'Lato', sans-serif;
		font-size: 20px;
		line-height: 1.5;
		padding-top: 20px;
		font-weight: normal;
		color: #777;
}
h4{
	margin-top: 15px;
	font-size: 16px;
}
h5{
	font-family: 'Lato', sans-serif;
	/*line-height: 1.5px;*/
	font-weight: normal;
	padding: 7px 0;
	font-size: 12px;
}
p{
	color: #888;
	font-family: 'Lato', sans-serif;
	font-size: 15px;
}

tx1{
	color: #888;
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	text-align: right;
	margin-top: 10px;

}
input{
		font-family: 'Lato', sans-serif;
		font-size: 20px;
		line-height: 1.2;
		font-weight: normal;
		color: #FFF;
}
label{
		font-family: 'rale', sans-serif;
		font-size: 14px;
		line-height: 1.2;
		font-weight: normal;
		color: #999;
}

.wap{		/* caja que contiene el contenido */
	width: 90%;
	margin: auto;	/*alinea la caja al centro*/
	/*background: #444;*/
}
.bienvenidos{
	margin-top: 120px;
	text-align: center;
}
.contenedor-columnas{
	clear:both;
	width: 100%;
	margin: auto;
	margin-bottom: 50px;
	box-sizing: border-box;
}
.contenedor-columnas-servicios{
	clear:both;
	width: 90%;
	margin: auto;
	margin-bottom: 50px;
	/*box-sizing: border-box;*/
}
.columnasx3{
	width: 33.333%;
	float: left;
	padding: 30px 30px;
	box-sizing: border-box;
	margin: auto;
}
.columnasx3 img{
	width: 100%;
}
/* ---------------------------------------------------------------- */
.banner-1{	/* banner de acceso a tienda */
	width: 90%;
	margin:	auto;
	border-radius: 15px;
	background: #040C62;
	clear: both;
	padding-top:20px;
	padding-left: 50px;
	padding-right: 50px;
	padding-bottom: 40px;
	text-align: center;
	box-sizing: border-box;
	transition: 0.6s;
}
.banner-1:hover{	/* evento cuando se pasa el cursor por encima */
	background: #1ABC9C;
	transition: 0.6s;
	/*padding-top: 30px;  /*amplia el banner*/
	/*padding-bottom: 50px;*/
	box-shadow: 0 0 18px rgba(0,0,0,9);
}
.banner-1 h3{
	color: #fff;
	font-weight: normal;
	font-size: 32px;
}
.banner-1 a{
	text-decoration: none;
	margin-left: 20px;
	font-weight: bold;
	color: #fff;
	border-bottom: 2px solid #fff;	
}
/* ---------------------------------------------------------------- */
.columnasx3 i{
	float: left;
	padding-right: 20px;
	padding-bottom: 20px;
	/*font-size: 3em;*/
	color: #040C62;	/*color de los iconos grandes*/
}
.columnasx3 h4{
	padding-bottom: 20px;
}
.columnasx3 p{
	text-align: justify;
}
.banner-2{
	clear:both;
	margin-top: 50px;
	background: url(images/fondoban2.jpg);
	/*float: left;*/
	width: 100%;
	height: 200px;
	background-repeat: no-repeat;	/*La imagen no se repitira si es mas peque que el ancho*/
	background-size: cover;			/*Imagen al 100% del ancho*/
	background-attachment: fixed;	/*Posicion fija para la imagen*/
}
.banner-2 h3{
	background: rgb(0,0,150,.3);
	text-align: center;
	color: #fff;
	font-weight: normal;
	font-size: 32px;
	height: 100%;
	padding-top: 4%;
	letter-spacing: 1px;
}
.banner-2 a{
	text-decoration: none;
	margin-left: 20px;
	font-weight: bold;
	color: #fff;
	border-bottom: 2px solid #fff;	
}
.columnasx2{
	width: 50%;
	float: left;
	padding: 30px 50px;
	box-sizing: border-box;
	margin: auto;
	text-align: center;
	/*background-color: #555;*/
	margin-top:20px
}
.columnasx2 img{
	width: 80%;
}
.columnasx1{
	width: 100%;
	float: center;
	box-sizing: border-box;
	margin: auto;
	text-align: center;
	/*background-color: #555;*/
	margin-top:0px
}
.columnasx1b{
	width: 65%;
	float: center;
	box-sizing: border-box;
	text-align: center;
	/*background-color: #555;*/
	margin:auto;
    padding-top: 15%;
	
}
.columnasx1 img{
	width: 80%;
}
.bienvenidos img{
	max-width: 1200px;
}
.head-empresa{
	background: url(images/company-head.jpg);
	background-position: center;
	background-attachment: contain;
	background-size: cover;
	width: 100%;
	height: 600px;
}
.imgempresa{
	list-style:none;
	text-align: center;
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	font-weight: normal;
	background-position: center;
	background-attachment: contain;
	background-size: cover;
	width:25%;
}