/* Required */

.hidden{
	opacity: 0;
}

.visible{
	opacity: 1;
}


#Section1{
	width:100%;
}
#Section1{
	width:95%;
	margin:0px auto 0px auto;
}
#Section1 .column{
	float:left;
}
#Section1 .separator{
	float:left;
	height:50px;
}
#Section1 .column img{
	display:block;
	margin:0px auto 50px auto;
}
#Section1 .column p{
	
	text-align:left;
	font-size:14px;
	text-transform:uppercase;
	line-height:26px;
}

#Section2{
	width:100%;
	margin-top:80px;
}
#Section2 .inside{
	width:95%;
	margin:0px auto 0px auto;
}
#Section2 .columnBracket{
	float:left;
	text-align:center;
}
#Section2 .column{
	float:left;
}
#Section2 p{
	width:90%;
	text-align:center;;
	font-size:14px;
	text-transform:uppercase;
	line-height:26px;
	margin-top:15px;
}


#Section3{
	width:100%;
	margin-top:80px;
}
#Section3 .inside{
	width:95%;
	margin:0px auto 0px auto;
}

#Section3 .header{
	width:100%;
	height:425px;
	margin-bottom:80px;
}
#Section3 .header img{
	display:block;
	margin:0px auto 80px auto;
}
#Section3 .column{
	float:left;
	
}
#Section3 .separator{
	float:left;
	height:50px;
	
}
#Section3 .column img{
	display:block;
	margin:0px auto 50px auto;
}
#Section3 .column p{
	text-align:left;
	font-size:14px;
	text-transform:uppercase;
	line-height:26px;
}
#Section3 ul{
	margin-top:20px;
	margin-left:20px;
	list-style-image: url('../files/bullet.gif');
}
#Section3 ul li{
	text-transform:uppercase;
	line-height:26px;
	font-size:14px;
}
#Section3 h3{
	padding-top:220px;
	text-transform:uppercase;
	text-align:center;
	font-weight:300;
	font-size:26px;
	color:#fff;
}
#Section3 h4{
	text-transform:uppercase;
	text-align:center;
	font-weight:300;
	font-size:48px;
	color:#fff;
}

/****************************************************/
#SectionMap{
	width:100%;

	margin-top:80px;
	position:relative;
}
#SectionMap .header{
	width:100%;
	display:block;
	position:absolute;
	z-index:10;
	height:166px;
	top:0;	
}
#SectionMap #agmar-mapa{
	float:left;
	width:100%;
	height:100%;
}
#SectionMap .bottom{
	width:100%;
	display:block;
	position:absolute;
	height:55px;
	bottom:0;	
}
#SectionMap h3{
	padding-top:30px;
	text-transform:uppercase;
	text-align:center;
	font-weight:300;
	font-size:26px;
	color:#fff;
}
#SectionMap h4{
	text-transform:uppercase;
	text-align:center;
	font-weight:300;
	font-size:48px;
	color:#fff;
}

/****************************************************/
#Section4{
	width:100%;
	margin-top:80px;
	
}
#Section4 .inside{
	width:95%;
	margin:0px auto 0px auto;
}
#Section4 .header{
	width:100%;
	
}
#Section4 .header img{
	display:block;
	margin:0px auto 80px auto;
}
#Section4 .column{
	float:left;
	width:30%;
}
#Section4 .separator{
	float:left;
	height:50px;
	width:3.3%;
}
#Section4 .column img{
	display:block;
	margin:0px auto 50px auto;
}
#Section4 .column h3{
	font-size:22px;
	text-transform:uppercase;
	line-height:26px;
	text-align:center;
}
#Section4 .column p{
	font-size:18px;
	line-height:26px;
	text-align:center;
}
/*****************************************/





@media only screen and  (min-width: 1680px) {
	#container{
		width:100%;	
		position:relative;
		overflow:hidden;
	}
	#textContainer{	
		margin-top:100px;
		width:100%;
		min-height:300px;
		position:relative;
	}
	#textContainer .inside{
		width:100%;
		margin:0px auto 0px auto;
	}
	#Section1 .column{
		width:30%;
	}
	#Section1 .separator{
		height:50px;
		width:3.3%;
	}
	#Section2 .columnBracket{
		width:5%;
	}
	#Section2 .column{
		width:90%;
	}
	#Section3 .inside{
		width:95% !important;
	}
	#Section3 .column{
		width:50%;
	}
	#Section3 .separator{
		height:50px;
		width:3.3%;
	}
	#Section4 .column{
		width:50%;
	}
	#Section4 .separator{
		height:50px;
		width:3.3%;
	}
	#SectionMap{
		height:1000px;
	}
}

@media only screen and  (min-width: 1280px) and  (max-width: 1680px)  {
	#container{
		width:100%;	
		position:relative;
		overflow:hidden;
	}
	#textContainer{	
		margin-top:80px;
		width:100%;
		min-height:300px;
		position:relative;
	}
	#textContainer > .inside{
		width:100%;
		margin:0px auto 0px auto;
	}
	#Section1 .column{
		width:30%;
	}
	#Section1 .separator{
		height:50px;
		width:3.3%;
	}
	#Section2 .columnBracket{
		width:5%;
	}
	#Section2 .column{
		width:90%;
	}
	#Section3 .column{
		/* width:30%; */
	}
	#Section3 .separator{
		height:50px;
		width:3.3%;
	}
	#Section4 .column{
		/* width:30%; */
	}
	#Section4 .separator{
		height:50px;
		width:3.3%;
	}
	#SectionMap{
		height:1000px;
	}
}
/**************************************/
@media only screen and  (min-width: 1024px) and  (max-width: 1280px)  {
	#container{
		width:100%;	
		position:relative;
		overflow:hidden;
	}
	#textContainer{	
		margin-top:80px;
		width:100%;
		min-height:300px;
		position:relative;
	}
	#textContainer > .inside{
		width:100%;
		margin:0px auto 0px auto;
	}
	#Section1 .column{
		width:30%;
	}
	#Section1 .separator{
		height:50px;
		width:3.3%;
	}
	#Section2 .columnBracket{
		width:5%;
	}
	#Section2 .column{
		width:90%;
	}
	#Section3 .column{
		width:45%;
	}
	#Section3 .separator{
		height:50px;
		width:3.3%;
	}
	#Section4 .column{
		width:45%;
	}
	#Section4 .separator{
		height:50px;
		width:3.3%;
	}
	#SectionMap{
		height:800px;
	}
}
@media only screen and  (min-width: 800px) and  (max-width: 1024px) {
	#container{
		width:100%;	
		position:relative;
		overflow:hidden;
	}
	#textContainer{	
		margin-top:80px;
		width:100%;
		min-height:300px;
		position:relative;
	}
	#textContainer > .inside{
		width:100%;
		margin:0px auto 0px auto;
	}
	#Section1 .column{
		width:30%;
	}
	#Section1 .separator{
		height:50px;
		width:3.3%;
	}
	#Section2 .columnBracket{
		width:0%;
		display:none;
	}
	#Section2 .column{
		width:100%;
	}
	#Section3 .column{
		width:45%;
	}
	#Section3 .separator{
		height:50px;
		width:3.3%;
	}
	#Section4 .column{
		width:45%;
	}
	#Section4 .separator{
		height:50px;
		width:3.3%;
	}
	#SectionMap{
		height:800px;
	}
}
@media only screen and (min-width: 400px) and (max-width: 800px) {
	#container{
		width:100%;	
		position:relative;
		overflow:hidden;
	}
	#textContainer{	
		margin-top:50px;
		width:100%;
		min-height:300px;
		position:relative;
	}
	#textContainer > .inside{
		width:100%;
		margin:0px auto 0px auto;
	}
	#Section1 .column{
		width:100%;
		margin-top:20px;
	}
	#Section1 .separator{
		height:50px;
		width:0%;
	}
	#Section2 .columnBracket{
		width:0%;
		display:none;
	}
	#Section2 .column{
		width:100%;
		margin-top:20px;
	}
	#Section3 .column{
		width:100%;
		margin-top:20px;
	}
	#Section3 .separator{
		height:50px;
		width:0%;
	}
	#Section4 .column{
		width:100%;
		margin-top:20px;
	}
	#Section4 .separator{
		height:50px;
		width:0%;
	}
	#SectionMap{
		height:600px;
	}
}
@media only screen and  (max-width: 400px) {
	#container{
		width:100%;	
		position:relative;
		overflow:hidden;
	}
	#textContainer{	
		margin-top:10px;
		width:100%;
		min-height:300px;
		position:relative;
	}
	#textContainer > .inside{
		width:100%;
		margin:0px auto 0px auto;
	}
	#Section1 .column{
		width:100%;
		margin-top:20px;
	}
	#Section1 .separator{
		height:50px;
		width:0%;
	}
	#Section2 .columnBracket{
		width:0%;
		display:none;
	}
	#Section2 .column{
		width:100%;
		margin-top:20px;
	}
	#Section3 .column{
		width:100%;
		margin-top:20px;
	}
	#Section3 .separator{
		height:50px;
		width:0%;
	}
	#Section4 .column{
		width:100%;
		margin-top:20px;
	}
	#Section4 .separator{
		height:50px;
		width:0%;
	}
	#SectionMap{
		height:400px;
	}
}