/* Computer */
.grid_1 { width: 6.5%; }
.grid_2 { width: 15%; }
.grid_3 { width: 23.5%; }
.grid_4 { width: 32%; }
.grid_5 { width: 40.5%; }
.grid_6 { width: 48%; }
.grid_7 { width: 57.5%; }
.grid_8 { width: 66%; }
.grid_9 { width: 74.5%; }
.grid_10 { width: 83%; }
.grid_11 { width: 91.5%; }
.grid_12 { width: 100%; }

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	margin: 0 20px 20px 0;
	float: left;
	display: block;
}

.clear_{
	margin:0;
	text-align:left;

}
.alpha			{margin-left:0;}
.omega			{margin-right:0;}
.gallery-list 	{margin-right:-30px;}

.container{
	width: 650px;
	max-width: 1000px;
	margin: auto;

}

.container_primer{
	width: 100%
	max-width: 1000px;
	margin: auto;

}




.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix,*:first-child+html .clearfix{zoom:1}

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

	.containerpatr{ width: 550px !important; }
	.container { width: 550px; }

	.navigation li{

		width:120px;
		text-align:center;
		padding-top:10px;
		padding-bottom:10px;
		padding-left: 25px;
		padding-right: 25px;
		text-transform:none;
		font-weight:800;
		font-size:14px;
		color:#000;
		letter-spacing: -1px;

	}

	.lletra{
		font-size:18px;
		line-height: 30px;
	}
}
@media only screen and (min-width: 767px) and (max-width: 1023px) {

	.padding_slide1 {padding:150px 0 30px;}

/* ____________ //menu _____________ */

	.containerpatr{ width: 650px !important; }
	.container { width: 550px; }
	.grid_6   		{ width: 200px; }
	.grid_12		{ width: 550px; }
	.navigation li{

		width:100px;
		text-align:center;
		padding-left: 35px;
		padding-right: 35px;
		text-transform:none;
		font-weight:800;
		font-size:14px;
		color:#000;
		letter-spacing: -1px;

	}

	.lletra{
		font-size:14px;
		line-height: 25px;
	}

	.logo{
		display:none;
	}

	#nav{
		margin-top:20%;
	}

	.patrocinadors{
		margin-left:8%;
	}

	.patrocinadors a img{
		width:65px;
	}
}



@media only screen and (min-width: 480px) and (max-width: 766px) {


	.containerpatr{ width: 400px !important; }
	.container { width: 280px; }

	.grid_1,
	.grid_2,
	.grid_3,
	.grid_4,
	.grid_5,
	.grid_6,
	.grid_7,
	.grid_8,
	.grid_9,
	.grid_10,
	.grid_11,
	.grid_12 {width:280px;}

	.fright{float:none;}
	.fleft{float:none;}

		.navigation li{

		width:80px;
		text-align:center;
		padding-top:2px;
		padding-bottom:2px;
		padding-left: 10px;
		padding-right: 10px;
		text-transform:none;
		font-weight:800;
		font-size:11px;
		color:#000;
		letter-spacing: -1px;

	}

	.lletra{
		font-size:12px;
		line-height: 20px;
	}

	.logo{
		display:none;
	}

	.logo{
		display:none;
	}

	.patrocinadors{
		margin-left:5%;
	}

	.patrocinadors a img{
		width:40px;
	}

}

@media screen and (max-width : 480px) {

	body{
		font-size:10px !important;
	}
	.gallery-list {width:250px;}

	#map_block iframe {height:300px !important;}


	#contact_block_rel .grid_4 {width:250px;}

	.containerpatr { width: 350px !important; }
	.container { width: 195px; }

	.grid_1,
	.grid_2,
	.grid_3,
	.grid_4,
	.grid_5,
	.grid_6,
	.grid_7,
	.grid_8,
	.grid_9,
	.grid_10,
	.grid_11,
	.grid_12 {
		width:195px;
	}

		.navigation li{

		width:60px;
		text-align:center;
		padding-top:2px;
		padding-bottom:2px;
		padding-left: 5px;
		padding-right: 5px;
		text-transform:none;
		font-weight:800;
		font-size:8px;
		color:#000;
		letter-spacing: -1px;

	}

	.lletra{
		font-size:10px;
		line-height: 14px;
	}

	.menu {
		position:fixed;
		top:0px;
		width:18%;
		height:100%;
		z-index:9999;
	}

	.logo{
		display:none;
	}

	.patrocinadors{
		margin-left:5%;
	}

	.patrocinadors a img{
		width:33px;
	}

}



@media screen and (max-width : 400px) {

	body{
		font-size:10px !important;
	}
	.gallery-list {width:250px;}

	#map_block iframe {height:300px !important;}


	#contact_block_rel .grid_4 {width:250px;}

	.containerpatr{ width: 225px !important; }
	.container { width: 195px; }

	.grid_1,
	.grid_2,
	.grid_3,
	.grid_4,
	.grid_5,
	.grid_6,
	.grid_7,
	.grid_8,
	.grid_9,
	.grid_10,
	.grid_11,
	.grid_12 {
		width:195px;
	}

		.navigation li{

		width:60px;
		text-align:center;
		padding-top:2px;
		padding-bottom:2px;
		padding-left: 5px;
		padding-right: 5px;
		text-transform:none;
		font-weight:800;
		font-size:8px;
		color:#000;
		letter-spacing: 0px;

	}

	.logo{
		display:none;
	}

	.menu {
		position:fixed;
		top:0px;
		width:18%;
		height:100%;
		z-index:9999;
	}

	.patrocinadors{
		margin-left:10%;
	}

	.patrocinadors a img{
		width:20px;
	}

}