@charset "UTF-8";
/* CSS Document */
* {
  	margin: 0;
  	padding: 0;
}

body {
	/*background: grey;*/
	overflow-x: hidden;
	overflow-y: inherit;
    color: black;
    height: 100%; 
    width: 100%; 
    margin: 0px; 
    padding: 0px; 
}


/*--------------------------------------------------------- bloque tipografias -----------------------*/
@font-face {
  font-family: "museo-500";
  src: url("../font_/Museo500-Regular.otf");
}
@font-face {
  font-family: "museo-700";
  src: url("../font_/Museo700-Regular.otf");
}
@font-face {
  font-family: "museo-900";
  src: url("../font_/Museo900-Regular.otf");
}
@font-face {
  font-family: "museo-sans-500";
  src: url("../font_/MuseoSans_500.otf")
}
@font-face {
  font-family: "museo-sans-conds-500";
  src: url("../font_/MuseoSansCondensed-500.ttf")
}
/*--------------------------------------------------------- bloque tipografias -----------------------*/

/*--------------------------------------------------------- font estilos -----------------------------*/
a {
	text-decoration: none;
	transition: 0.5s;
}
a:hover {
	text-decoration: underline;
	color: #6B3F73;
}

h3.tx-etiq {
	font-family: "museo-sans-conds-500";
	font-size: 1rem;
	letter-spacing: .03rem;
	color: #515151;
	text-align: left;
}

h1.tx-titu {
	font-family: "museo-900";
	font-size: 1.4rem;
	line-height: 1.2;
	letter-spacing: .03rem;
	color: #6B3F73;
	text-align: left;
	display: block;
	margin-bottom: 1rem;
	margin-top: 6px;
}

h4.tx-cur {
	font-family: "museo-sans-500";
	font-size: 1.2rem;
	font-weight: 200;
	line-height: 30px;
	color: #595959;
	text-align: left;
	margin-bottom: 30px;
}

a.lk-nt {
	font-family: "museo-900";
	font-size: 1.6rem;
	line-height: 1.2;
	letter-spacing: .03rem;
	color: #6B3F73;
	text-align: left;
	display: block;
	margin-bottom: 1rem;
	margin-top: 6px;
}

h3.tx-etiq-6 {
	font-family: "museo-sans-conds-500";
	font-size: 2.2rem;
	letter-spacing: .03rem;
	color: #AF4745;
	text-align: left;
	margin-left: 20px;
	margin-top: 120px;
}

h1.tx-titu-6 {
	font-family: "museo-700";
	font-size: 2.1rem;
	line-height: 1.2;
	letter-spacing: .03rem;
	color: #ffffff;
	text-align: left;
	display: block;
	/*margin-bottom: 1rem;*/
	margin-bottom: 20px;
	margin-top: 6px;
	margin-left: 20px;
	margin-right: 20px;
}

h4.tx-cur-6 {
	font-family: "museo-sans-500";
	font-size: 1.2rem;
	font-weight: 200;
	line-height: 30px;
	color: #ffffff;
	text-align: left;
	margin-top: -10px;
	margin-bottom: 150px;
	margin-left: 20px;
	margin-right: 20px;
}
/*--------------------------------------------------------- font estilos -----------------------------*/

#cont-genr {
	width: 100%;
	height: auto;
}

header {
	/*background: #F77E80;*/
	width: 100%;
	height: 260px;
	float: left;
}

#bnn-cbz {
	background: url("../ima_/banner_web.jpg") no-repeat center;
	background-size: contain;
	width: 100%;
	height: 260px;
	margin-bottom: 40px;
}

section {
	/*background: #9C8DD6;*/
	width: 100%;
	height: auto;
	float: left;
}

.tx-blo {
	margin-top: 10px;
}

.ima-nt {
	margin-top: 20px;
}

.col-n-3 {
	/*background: #11E18F;*/
	width: 30%;
	height: auto;
	margin-right: 3%;
	float: left;
	margin-top: 40px;
}

.col-n-33 {
	/*background: #11E18F;*/
	/*padding: 20px;*/
	width: 30%;
	height: auto;
	/*margin-right: 2%;*/
	float: left;
	margin-top: 40px;
}

/*--------------------------------------------------------- respondive inicio ------------------------*/
@media screen and (max-width: 550px) {

	.col-n-3 {
		/*background: #11E18F;*/
		width: 100%;
		height: auto;
		margin-right: 0%;
		float: left;
		margin-top: 30px;
	}
	
	#bnn-cbz {
		background: url("../ima_/banner_mobil.jpg") no-repeat center;
		background-size: contain;
		width: 100%;
		height: 260px;
		margin-bottom: 40px;
	}
	
	.col-n-33 {
		/*background: #11E18F;*/
		/*padding: 20px;*/
		width: 100%;
		height: auto;
		margin-right: 0%;
		float: left;
		margin-top: 30px;
	}

}