/************************************************************************************
smaller than 768px
*************************************************************************************/
@media screen and (max-width: 767px) {
	
	a.b, input.b {
		text-align:center;
		font-size:5.5vw;
		max-height:100%;
	}
	
	div.wrapper {
		width:94%;
		margin:0 3%;
		height:auto;
		position:relative;
		left:0 !important;
		top:0 !important;
	}	
	
	div.logo {
		width:185px;
		height:58px;
		position:relative;
		margin-top:58px;
	}
	
	div.content {
		white-space: nowrap;
		overflow-x: hidden;
		overflow-y: hidden;
		margin-top:0;
	}
	
	div.slide {
		width:100%;
	}
	div.slide > div {
		float:none;
		width:86%;
		height:auto;
		border:none;
		overflow:hidden;
		padding:0;
		margin:0 7% 30px 7%;
	}
	
	div.slide div.video {
		width:100%;
		padding:0;
		margin:0 0 20px 0;
		border:none;
	}
	.video embed,
	.video object,
	.video iframe {
		width: 100%;
		height: auto;
		min-height: 300px;
	}
	
	
	div.slide div.abrimos {
		border-bottom:2px #babdba dashed;
		padding:0 0 30px 0;
	}
	
	
	
	div.slide div.abrimos a.lnkParticipa {
		display:none;
	}
	div.slide div.abrimos a.lnkParticipa2 {
		display:block;
	}
	
	div.slide div.participa a.b {
		font-size:7.5vw;
	}
	
	
	div.slide div.mellevo, div.slide div.nomellevo {
		height:250px;
		overflow-x: hidden;
		overflow-y: visible;
	}
	div.slide div.mellevo h3, div.slide div.nomellevo h3 {
		font-size:6vw;	
	}
	
	
	div.slide div.porque {	
		border-top:2px #babdba dashed;
		padding-top:30px;
		margin-top:40px;
	}
	div.slide div.porque h2.pq {
		display:none;
	}
	div.slide div.porque h2.pq2 {
		display:block;
	}

	
	div.slide div.galeria {
		height:auto !important;
		border-bottom:2px #babdba dashed;
		padding-bottom:40px;
		margin-bottom:40px;
	}
	div.slide div.galeria ul li {
		width:50%;
	}
	
	
	div.slide div.map {
		height:180px !important;
	}
	
	
}