body{
	padding-top:1%;
}

header{
	width: 63%;
	margin: 0 auto;
}
@media all and (min-width : 828px) {
.logo{
	float: left;
	width: 25%;
	padding-top: 0.9%;
}

.imagen-logo{
 	max-width: 100%;
    height: auto;
    width: auto/9; /* Bug de ie8 */
}

nav{
	float: left;
	width: 66%;
	margin-left: 9%;
}

.desplegable{
	display:none;
}

.fila{
	clear:left;
	
}

.cont-menu1{
	position: relative;
	float: left;
	width: 27%;
	margin-bottom: 3%;
}

.cont-menu2{
	position: relative;
	float: left;
	width: 27%;
	margin-left: 6%;
	margin-bottom: 3%;
}

.cont-menu3{
	position: relative;
	float: left;
	width: 27%;
}

.cont-menu4{
	position: relative;
	float: left;
	width: 27%;
	margin-left: 6%;
}

.imagen-menu{
	max-width: 100%;
    	height: auto;
    	width: auto/9; /* Bug de ie8 */
	
}

.menu{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 17%;
	background-color: #16375A;
	text-align: center;
	font-family: Verdana, Arial;
	color: white;
	font-size: 0.85vw;
}

a:hover .menu{
	background-color: #A8A59E;
	color: black;
}

a:hover .imagen-menu{
	filter: brightness(1.15);
}

.telefono{
	clear: both;
	float:left;
	width: 100%;
	margin-top: 0.7%;
	margin-bottom: 0.7%;
	padding-top: 0.7%;
	padding-bottom: 0.2%;
	height: auto;
	text-align:center;
	vertical-align:top;
	line-height:1em;
	font-size: 1.7vw;
	color: #16385E;
	background-image: -webkit-gradient(linear, 0 top, 0 bottom, from(#B2BDC8), to(#fff));
	background-image: -moz-linear-gradient(90deg, #B2BDC8, #fff);
	font-family: Verdana, Arial;
}

.link_fb{
	text-decoration:none;
	color: #16385E;
}

.instalador{
	
	margin:0;
	text-align:center;
	color: #16385e;
	font-size:1vw;
}

.cont{
	width: 75%;
	margin: 0 auto;
	display: none;
	overflow:hidden;
	background-color: #D0D7DE;
	padding-left: 1%;
	padding-bottom:1%;
}

.img {
	width:35%;
	float:left;
	margin-top:3%;
	
}

.texto{
	float:right;
	width:63%;
}

.imagen-txt{
	max-width: 100%;
    	height: auto;
    	width: auto/9; /* Bug de ie8 */
	border:1px solid #333;
}

p{
	margin-top:1%;
	font-family:Arial;
	font-size: 2vw;
	padding-left:1.7%;
	color:#444;
	padding-bottom:0%;
}

.firma{
	/*display:none;*/
	clear:both;
	padding-top:1%;
	width:100%;
	margin: 0 auto;
	text-align:center;
	font-family: Arial;
	font-size:1vw;
	color: #ccc;
}

.conectapalma{
	text-decoration: none;
	color:#999;
}

.conectapalma:hover{
	color: #ccc;
}

h1{
	padding-left:1.7%;
	font-size: 2.1vw;
	font-family:Arial;
	color:#16375a;
}

.menu-movil{
	display:none;
}

.telefono-movil{
		display:none;
	}
	
	.e-mail_mov{
		display:none;
	}
	.facebook_mov{
		display:none;
	}
	
	#activar{
		display:none;
	}
	
	.inputlabel{
		display:none;
	}
}
@media all and (max-width : 827px) {

	.logo{
	width:100%;	
	}
	
	.imagen-logo{
 	max-width: 100%;
    height: auto;
    width: auto/9; /* Bug de ie8 */
	}
	
	.fila{
		display:none;
	}
	header{
		margin-bottom:2px;
	}
	
	#activar ~ .desplegable {display: none;overflow: hidden;}
	#activar:checked ~ .desplegable {display: block;}
	
	#activar {display: none;}
	
	.inputlabel {
		display: inline-block;
		height: 20px;
		line-height: 20px;
		font-size:5vw;
		width:100%;
		padding: 2%;
		background: #a8a59e;
		text-align:center;
		margin-bottom:1px;
		}

	.desplegable{
		display:block;
		
		text-align:center;
		font-family:Arial;
		font-size:5vw;
		padding:2%;
		
	}
	
	.telefono-movil{
		
		clear:both;
		text-align:center;
		padding-top:3%;
	}
	
	.e-mail_mov, .facebook_mov{
		
		clear:both;
		text-align:center;
	}
	
	.fbl:link{
		text-decoration:none;
		color:#000;
	}
	
	.tlf_ico{
		max-width: 100%;
    height: auto;
    width: auto/9; /* Bug de ie8 */
		
		margin-top:-1.7%;
	}
	
	.telefono-movil-link{
		text-decoration:none;
		font-family:Arial;
		color:#4acb39;
		font-size: 7vw;
		vertical-align:top;
		
	}
	
	.telefono{
		display:none;
	}
	
	.menu-movil{
		display:block;
		text-align:center;
		font-family:Arial;
		font-size:5vw;
		padding:2%;
		background-color:#a8a59e;
		margin-top:1px;
	}
	
	.select-menu{
		font-size:5vw;
	}
	
	.cont{
		margin-top:3%;
		width:100%;
		max-width:100%;
		display: none;
		overflow:hidden;
		text-align:center;
	}
	
	.img {
	max-width: 100%;
    height: auto;
    width: auto/9; /* Bug de ie8 */	
}
	
	p{
		text-align:left;
		font-family:Arial;
	}
	h1{
		font-family:Arial;
		color:#16375a;
	}
	
	footer{
		text-align:center;
		color:#aaa;
	}
	.conectapalma{
		text-decoration:none;
		color:#888;
	}
	
	.imagen-menu{
		max-width:100%;
	}
}