.paneles {
	margin-top: 3em;
}
.panel-izquierdo{
	float: left;
	width: 15%;
	margin-left:;
}
.panel-izquierdo span{
	background:url(../imagenes/logo2.png) no-repeat 0px 0px;
	width:1000px;
	height:270px;
	display:block;
}
.panel-derecho{
	float: right;
	width: 55%;
	margin-top: 1em;
}
.panel-derecho h3{
	font-size: 2.5em;
	color: #0a0a0a;
	font-weight: 300;
	line-height: 1.5em;
	margin: 0.8em 0 0.3em 0;
}
.panel-derecho p{
	font-size: 1em;
	font-weight: 300;
	color: #888;
	line-height: 1.8em;
	width: 79%;
}

@media only screen and (max-width: 1024px) and (min-width:768px) {

	.panel-derecho p {
		width: 80%;
	}
	.panel-derecho {
		width: 45%;
	}
	.panel-izquierdo span{
	background-color:#ffffff;
	background-image:url(../imagenes/fondo.png);
	display:block;
    }
	
}
@media only screen and (max-width: 768px) and (min-width:640px) {
	
	.panel-derecho p {
		width: 97%;
	}
	.panel-derecho {
		width: 100%;
		float: none;
		margin:0 0 1.5em 0; 
		text-align:center;
	}
	.panel-derecho h3 {
		margin:0;
	}
	.panel-izquierdo {
		float: none;
		width: 100%;
		margin-right: 0%;
	}
	.panel-izquierdo span {
		background-color:#ffffff;
		margin:0 auto;
	}
}
@media only screen and (max-width: 640px) and (min-width:480px) {

    .panel-derecho p {
		width: 97%;
	}
	.panel-derecho {
		width: 100%;
		float: none;
		margin:0 0 1.5em 0; 
		text-align:center;
	}
	.panel-derecho h3 {
		margin:0;
	}
	.panel-izquierdo {
		float: none;
		width: 100%;
		margin-right: 0%;
	}
	.panel-izquierdo span {
		background-color:#ffffff;
		width: 260px;
		height: 270px;
		display: block;
		margin:0 auto;
	}
}
@media only screen and (max-width:480px) and (min-width:320px) {
	
.panel-derecho p {
		width: 97%;
	}
	.panel-derecho {
		width: 100%;
		float: none;
		margin:0 0 1.5em 0; 
		text-align:center;
	}
	.panel-derecho h3 {
		margin:0;
	}
	.panel-izquierdo {
		float: none;
		width: 100%;
		margin-right: 0%;
	}
	.panel-izquierdo span {
		background-color:#ffffff;
		margin:0 auto;
	}
}
@media only screen and (max-width:320px) and (min-width:240px) {
	
.panel-derecho p {
		width: 97%;
	}
	.panel-derecho {
		width: 100%;
		float: none;
		margin:0 0 1.5em 0; 
		text-align:center;
	}
	.panel-derecho h3 {
		margin:0;
	}
	.panel-izquierdo {
		float: none;
		width: 100%;
		margin-right: 0%;
	}
	.panel-izquierdo span {
		background-color:#ffffff;
		margin:0 auto;
	}
	
}