@media (max-width: 1400px) {
	.generalCap>div, .content {
		width:90%;
	}	
	.homeLateral {
		width:300px;
	}	
	.homeLinks img {
		width:50px;
		margin-right:10px;
	}
	.homeLinks {
		line-height:55px;
	}
	.homeContent {
    	width: calc(100% - 315px);	
	}
	.blocHomeImg {
		width:240px;
		height:235px;
	}
	.blocHome h2, .blocHomeText {
		width: calc(100% - 240px);
	}
	.blocHome h2 {
		font-size:21px;
		padding: 5px 20px 0px 20px;
	}	
	.blocHomeText, .blocHomeText2 {
		height:65px;
	}
	.blocHomeText p {
		margin:0.5em 0;
	}
	.blocHome {
		height: 235px;
	}
	.blocNot {
		width:100%;
	}		
}

@media only screen and (max-width: 1100px) {
	/*menu*/
	#cssmenu {border-top:1px solid #fff;position:relative;width:100%;position:relative;left:50%;-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);transform: translateX(-50%);}
	#cssmenu > ul {display: none;padding-left:0px;margin-top:0;}
	#cssmenu > ul.open {display: block; border-top: 1px solid rgba(0, 0, 0, 0.1);}
	#cssmenu > ul > li,#cssmenu.align-right > ul > li {float: none;display: block;}
	#cssmenu > ul > li > a {padding: 15px;border-right: 0; border-bottom:1px solid #fff; font-size: 1.1em;font-weight: 600;}
	#cssmenu > ul > li:hover > a {background: rgba(0, 0, 0, 0.1);}
	#cssmenu #menu-button {display: block;text-decoration: none;font-size: 22px;font-weight: 700;color: #fff;padding:10px 5px;text-transform: uppercase;cursor: pointer; text-align:left; font-weight:300;}
	#cssmenu ul ul,#cssmenu ul li:hover > ul,#cssmenu > ul > li > ul,#cssmenu ul ul ul,#cssmenu ul ul li:hover > ul{left: 0;right: auto;top: auto;opacity: 1;width: 100%;padding: 0;position: relative;text-align: left;}
	#cssmenu ul ul li {width: 100%;}
	#cssmenu ul ul li a  {width: 100%;box-shadow: none;padding: 5px 5px 5px 20px;}
	#cssmenu ul ul li:first-child > a,#cssmenu ul ul li:last-child > a {border-radius: 0;}
	#cssmenu #menu-button::after {display: block;content: '';position: absolute;height: 6px;width: 30px;border-top: 2px solid #fff;border-bottom: 2px solid #fff; right: 5px; top: 10px;}
	#cssmenu #menu-button::before {display: block; content: ''; position: absolute; height: 3px; width: 30px;border-top: 2px solid #fff; right: 5px;top: 26px;}
	#menu-button, nav>ul {width:100%;}
	#menu>li{margin-left:0px; text-align:center;padding-right:0;}
	
	.blocEnlaces {width: calc(33.3% - 20px);}
	
	.loginBloc {
		width:100%;
	}
	
	.generalCap>div, .content {
		width:97%;
	}
	
	.blocGaleria h2 {
		font-size: 19px;
	}	
}

@media (min-width: 768px) and (max-width: 1024px) {
	.homeContent {
		width:100%;
	}	
	.homeLateral {
		width:100%;
		padding:0 10px;
		margin-top:30px;
		height:auto;
	}
	#calendari, #cursos, #links, #logos, #podiums {
		width: calc(50% - 20px);
    	float: left;
    	margin: 10px 10px;
	}
	#calendari {
		height: 445px;
	}
	#links {
		clear:left;
	}
	#loginHeader {
		float: left;
	    width: 100%;
	    margin-bottom: 15px;
	}
	.logo {
		position:relative;
		left:50%;
		transform:translateX(-50%);
		margin:20px 0 30px 0;
	}
	.blocGaleria {
    	width: calc(33.3% - 20px);
	}
	.galeriaItem {
    	width: calc(25% - 22px);
	}
	.galeriaImg {
	    height: 160px;
	}
	
	.blocEnlaces {width: calc(50% - 20px);}
}


/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	.homeContent {
		width:100%;
	}	
	.homeLateral {
		width:100%;
		padding:0 10px;
		margin-top:30px;
		height:auto;
	}
	#calendari, #cursos, #links, #logos, #podiums {
		width: calc(50% - 20px);
    	float: left;
    	margin: 10px 10px;
	}
	#calendari {
		height: 350px;
	}
	#links {
		clear:left;
	}
	.mapa {
		height:auto;
	}
	.contacto {
		position:initial;
		float:left;
		width: calc(100% - 30px);
		margin:0;
	}
	.mapa iframe {
		height:400px!important;
	}
	#loginHeader {
		float: left;
	    width: 100%;
	    margin-bottom: 15px;
	}
	.logo {
		position:relative;
		left:50%;
		transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		margin:20px 0 30px 0;
	}
	.tel, .social {
		float:right;
		clear:both;
		margin:10px 0;	
	}
	.imgNotSep {
		display:none;
	}
	.textNot, .textNotDatos, .datos {
		width:100%;
		margin-bottom:10px;
	}
	.blocNot h2 {
		margin-bottom: 10px;
		width:100%;
		max-width:none;
		font-size:30px;
	}
	.imgNot {
		width:100%;
		margin-bottom:20px;
	}
	#imgtreballs {
		width:100%;
	}
	.imgDetall {
		float:left;
		margin:5px;
		width:calc(33.3% - 10px);
	}
	.imgNotDatos, .textimgNot, .imgNotDatos2, .textimgNot2 {
		width:100%;
	}
	.imgNotDatos {
		height:140px;
	}
	.imgNotDatos2 {
		height:320px;
	}
	.imgNotDatos img, .imgNotDatos2 img {
		position:relative;
		top:50%;
		transform:translateY(-50%);
		-webkit-transform:translateY(-50%);
		-moz-transform:translateY(-50%);
		-ms-transform:translateY(-50%);
	}
	.blocGaleria {
    	width: calc(50% - 20px);
	}
	.galeriaItem {
    	width: calc(33.3% - 22px);
	}
	.galeriaImg {
	    height: 160px;
	}
	
	.blocHomeImg {
    	width: 100%;
    	height:260px;
	}
	.blocHome {
		height:auto;
		position:relative;
	}
	.blocHome h2, .blocHomeText  {
		width:100%;
	}
	.blocHomeText {
		height:120px;
	}
	.blocHomeTipo {
		position:absolute;
		right:0;
		top:0;
		z-index:1;
	}
	.blocHomeText, .blocHomeText2 {
		width:100%;
	}
		#calendari, #cursos, #links, #logos, #podiums {
		width: calc(100% - 20px);
	}
	
	#podiums {
		height:350px;
	}
		
	#calendari {
		height: auto;
	}
	
	.blocEnlaces {width: calc(100% - 20px);}
	
	.datosEveBox {
		width:100%;
	}
	
	.loginBloc, .loginNUsuario, .loginUsuario, .loginIco {
		width:100%!important;
		margin-bottom:15px;
	}
	
	.loginFormCol2, .loginFormCol2 input  {
		width:95%;
	}
	
	.loginFormCol2 input[type="radio"] {
		width:50%;
	}
	
	.divFormScroll {
    	overflow-x: scroll;
    	overflow-y: hidden;
	}
	
	.divForm .admBoxScroll  {
		min-width:800px;
	}
	
	.col1, .col2 {
		width:100%;
	}	 			
}
 
/* Landscape phones and down */
@media (max-width: 480px) { 
	.blocHomeImg {
    	width: 100%;
	}
	.blocHome {
		height:auto;
		position:relative;
	}
	.blocHome h2, .blocHomeText  {
		width:100%;
	}
	.blocHomeText {
		height:120px;
	}
	.blocHomeTipo {
		position:absolute;
		right:0;
		top:0;
		z-index:1;
	}
		.imgDetall {
		float:left;
		margin:5px;
		width:100%;
	}
	.imgNotDatos, .textimgNot {
		width:100%;
	}
	.imgNotDatos {
		height:auto;
	}
	.imgNotDatos img {
		position:inherit;
		transform:none;
	}
	.blocGaleria {
    	width: calc(100% - 20px);
	}
	.galeriaItem {
		margin: 10px 0;
    	width: 100%;
	}
	.galeriaImg {
	    height: 180px;
	}
	
	.datosEveCol1, .datosEveCol2 {
    	width: 100%;
	}			
}
 
/* Portrait phones and down */
@media (max-width: 340px) { 

}