/* ---- RESPONSIVE ---- */

@media (max-device-width : 1024px) {
	body { font-size: 130% !important; }
}


@media (min-device-width : 320px) and (max-device-width : 768px) {
	body { font-size: 30px !important; }
	.gestor { width: 100%; }
	.taulaid { width:70%;margin:10px 15%; }
	.taulaid td { padding: 10px; }
	.taulaid input { height:40px; font-size:120%; width:80%; }
	.taulaid .botoEntrar { margin:5px 10%; }
	.menu { display: none; }


	#access, div.menuresponsiu { 
		position: absolute;
	}
	div.menuresponsiu ul {
		width:90%;
	}
	div.menuresponsiu ul li { 
		list-style-type: none; 
		float: none;
		margin: 14px 0;
	}
	/* desplegable */
	nav {display: block; width: 100%; float:right; }
	nav[role=navigation] div.menuresponsiu { 
		font-size: 0.45em;
		height: 50px;
	}
	nav[role=navigation] ul.menuresponsiu, div.menuresponsiu ul {
		background: #f5f5f5;
		/*position: absolute;*/
		top: 112px;
		width: 96%;
		margin-left: 2% !important;
		z-index: 9999;
		display: none;
		border-radius: 0px;
		box-shadow: 0px 0px 0px #000;
		float: right;
	}
	nav[role=navigation] ul.menuresponsiu, div.menuresponsiu ul li {
		margin:10px 0;
		height: auto;
	}
	/* boto menu */
	nav[role=navigation] .menuresponsiu #menu-icon { 
		display: block;
		width: 100px;
		height: 100px;
		font-size: 3em;
		padding:10px;
		background-color:#000;
		text-align: center;
		float: right;
	}
	.menuresponsiu ul li:hover ul { 
		left: -9999em; 
	}
	nav[role=navigation] .menuresponsiu ul li {
		border-bottom: 0px solid #f00;
	}
	nav[role=navigation] .menuresponsiu ul li a img {
		width: 60px;
		height: 72px;
	}
	nav[role=navigation] .menuresponsiu ul li li {
		border-bottom: 0px solid #00b;
	}
	.menuresponsiu {
		/*background: #444;*/
		font-size: 2em;
		width: 100%;
	}
	nav[role=navigation] .menuresponsiu ul li a  { 
		color: #555;
		background: none;
		border-radius: 0;
		box-shadow: none;
		text-shadow: none;
		font-size: 1.2em;
		padding: 10px 10px;
		line-height: 30px;
		text-decoration:none;
	}
	nav[role=navigation] .menuresponsiu ul li a:hover,	
	nav[role=navigation] .menuresponsiu ul li.current-menu-item a, 
	.nav ul li.current_page_item a, 
	nav[role=navigation] .menuresponsiu ul li.current_page_item a {
		background: #dedede;
	}
	nav[role=navigation] ul.sub-menu li, 
	nav[role=navigation] ul.children li {
		display: none;
	}
	.clearfix:after, 
	.menuresponsiu ul:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

	.clearfix { 
		zoom: 1;
	}
	.clearfix:after { 
		clear: both; 
	}
	
	
}