body{
	background-image:none;
	font-size:12pt;
	font-family:Futura;
	}
	
label{
	float:none;
	display:inline-block;
	color:#000;
	text-indent:0px;
	opacity:1;
	font-size:12pt;
	font-family:Futura;
	}
	
p{
	text-align:left;
	padding:10px 50px;
	border:dotted red 0px;
	
}

.resultado{
margin:100px;
text-align:left;	
}

.resultado p{
text-align:center;	
}

a{
background-color:#4083c4;
color:white;
border-radius:10px;
padding:10px 20px;
display:inline-block;
}

.publicidad{
	grid-column: 4;
	grid-row: 1;
}

.cuerpo{
/*float:left;
width:500px;*/

	grid-column: 2/4;
	grid-row: 1;
	padding: 20px;
}

.marca{
	background-color:#4083c4;
	height:100%;
	grid-column: 1;
	grid-row: 1;
	background-image:url(ad.png);
	background-repeat:no-repeat;
	background-position:center;
}

	
.logo_mobile{
	display:none;
}

.logo img{
	margin-top:50px;
}		


#cuerpo{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 0px;
	grid-auto-rows: minmax(100px, auto);
	height: 100%;
	width: 100%;
	min-height: 100px;
	margin: 0px;
}

h1{
margin-top:50px;	
}

.mensaje_para_movil {
	display:none;
}

@media only screen and (max-width: 768px){
	body{
		background-image:none;
		font-size:9pt;
		font-family:Futura;
		width:100%;
	}
	
	.mensaje_para_movil {
	  display:block;
	  font-size: 11pt;
	}
		
	
	.left{
		float:none;
		width:100%;
		height:auto;
	}
	
	h1{
		margin-top:20px;
		font-size:22pt;
	}
	
		
	.logo{
		display:none;
	}
	
	.logo_mobile{
		display:block;
		width:100%;
		background-color:#4083c4;
		height:100px;	
	}
	
	.logo img{
		margin-top:50px;
	}
	
	.sidebar_r{
		margin:20px 0px 0px 0px;
		width:100%;
	}
	
	#cuerpo {
		display: block;
	}
	
	.marca {
		background-image: url(ad2.png);
		background-size:contain;
		height: 100px;
	}
	
	.cuerpo {
		padding: 10px 10px 50px 10px;
	}
	
	.cuerpo p{
		padding: 10px 0px;
	}
	
	.publicidad {
		width:100%;
	}
	
	
}