.escritorio{
	display: block;
}

.responsive{
	display: none;
}

@media screen and (max-width:900px){
	body{
		background:#fff;
	}
	.responsive{
		width: 100%;
		height: auto;
		display:table;
	}
	.escritorio{
		display: none;
		
	}
	
	header{
		display:table;
		background:#fff;
		border-bottom:9px solid #7caa62;
		width:100%;
	}
	
	header .costado{
		width:70%;
		float:left;
	}
	
	header .logo {
		width: 17%;
		padding-left: 10px;
		box-sizing: border-box;
		float: left;
		margin-right: 13%;
	}
	
	.costado .footer{
		width:22%;
		padding-top:10px;
		float:left;
		margin-right: 1%;
	}
	
	.costado .topverde {
		width: 40%;
		text-align: right;
		padding-right: 10px;
		margin-top: 10px;
		border-right: 1px solid #c7c7c7;
		height: 62px;
		float: left;
		margin-right: 1%;
		padding-top: 10px;
		box-sizing: border-box;
	}
	
	.titulo, .titulo_verde{
		font-size:25pt;
		line-height:25pt;
	}
	
	
	.slider .texto {
		text-shadow: none;
		width: 40%;
		float: left;
		color: #fff;
		background: #7caa62;
		height: auto;
		font-size: 10pt;
		display: inline;
		padding: 5px;
		margin-top: 10px;
	}
	
	.slider{
		margin-top: 15px;
		margin-bottom: 40px;
	}
	
	img{
		width:100% !important;
		height: auto !important;
	}
	
	#shareAll{
		width:100%;
		box-sizing:border-box;
		height:auto;
	}
	
	#footer img{
		width: 57px !important;
		height: auto !important;
	}
	.shadow {
    box-shadow: 1px 10px 13px #aaa;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: -36px;
    width: 100%;
    background: none;
	z-index:18;
}
	
	
	hr{
		border: 0;
		height:1px;
		width:99%;
		background: #c7c7c7;
	}
	
	.web360{
		background:#f5f5f5;
		width: 100%;
		text-align:right;
		position:relative;
		padding:10px 20px;
		box-sizing: border-box;
	}
	.web360 a{
		z-index:20;
		position:relative;
	}
	
	header nav ul{
		list-style: none;
		padding: 0;
		width: 100%;
	}
	header nav ul li{
		width: 33%;
		background: #f2ffec;
		border-right: 2px solid #96aa80;
		float: left;
		text-align: center;
	}
	
	.clear{
		clear: both;
	}
	.responsive1{
		display: block;
	}
	.responsive2{
		display: none;
	}
	.clave{
		margin-top:20px;
	}
}

@media screen and (max-width:650px){
	
	header .logo {
		width: 100%;
		float: none;
		margin-right: 0;
		text-align: center;
	}
	header .logo img{
		width: 40% !important;
		margin: 0 auto;
		height: auto;
	}
	header .costado {
		width: 100%;
		float: none;
	}
	.responsive1{
		display: none;
	}
	.responsive2{
		display: block;
	}
}
@media screen and (max-width:450px){
	.costado .topverde{
		width: 100%;
		height: auto;
		border: 0;
		text-align: center;
	}
	.costado .footer{
		width: 100%;
		text-align: center;
	}
	header nav ul li {
		width: 32%;
	}
	
	
	.titulo, .titulo_verde {
		font-size: 20pt;
		line-height: 22pt;
	}
	
}