* {
	box-sizing: border-box;
	padding: 0px;
	margin: 0px;
}

body {
	font-family: 'Calibri Light';
}

a {
	text-decoration: none;
}
.mapa{
	color:#fff;
}
.wrapper {
	background-color: red;
}

	.wrapper > header {
		background-color: black;
		text-align: center;
	}

		.wrapper > header > h1 {
			padding: 40px 0px 15px 0px;
			font-size: 28pt;
			color: #fff;
			font-weight: bolder;
		}

#main-content-holder {
	padding: 30px 0px;
	margin: 0px auto;
	width: 950px;
}

	#main-content-holder > header {
		
	}

		#main-content-holder > header > nav#main-top-menu {
			display: inline-block;
			vertical-align: top;
			width: 50%;
		}

			#main-content-holder > header > nav#main-top-menu > ul {
				list-style: none;
			}
				
				#main-content-holder > header > nav#main-top-menu > ul > li {
					display: inline-block;
					margin-right: 5px;
				}

					#main-content-holder > header > nav#main-top-menu > ul > li > a {
						text-transform: uppercase;
						display: inline-block;
						padding: 5px 15px;
						color: #fff;
					}

					#main-content-holder > header > nav#main-top-menu > ul > li.active > a {
						background-color: black;
						border-radius: 5px;
						color: white;
					}

					#main-content-holder > header > nav#main-top-menu > ul > li:hover > a {
						background-color: black;
						border-radius: 5px;
						color: #fff;
					}

		#main-content-holder > header > nav#social-media-menu {
			width: calc(50% - 8px);
			display: inline-block;
			vertical-align: top;
			text-align: right;
		}
		
			#main-content-holder > header > nav#social-media-menu > ul {
				list-style: none;
			}
	
				#main-content-holder > header > nav#social-media-menu > ul > li {
					display: inline-block;
					margin: 0px 5px;
				}
	
					#main-content-holder > header > nav#social-media-menu > ul > li > a {
						display: inline-block;
					}

		.widgets {
			
		}

			.widgets .widget {
				width: calc(33.333% - 30px);
				margin: 0px 5px 25px 5px;
				display: inline-block;
				vertical-align: top;
			}
	
				.widgets .widget > header {
					border-bottom: 1px solid rgba(100, 100, 100, 0.2);
					margin-bottom: 20px;
					padding: 20px 0px;
					text-align: left;
				}

					.widgets .widget > header > h2 {
						display: inline-block;
						margin-left: 10px;
						margin-top: 2px;
						font-size: 16pt;
						color: #fff;
					}
	
				.widgets .widget p {
					margin-bottom: 10px;
					text-align: left;
					font-size: 13pt;
					color: #fff;
				}
				
				.widgets .widget > .widget-main {
					min-height: 70px;
					color: #fff;
				}				

					.widgets .widget p > .widget-button {
						background-color: black;
						display: inline-block;
						border-radius: 5px;
						padding: 5px 15px;
						color: #fff;
					}

	.wrapper > footer {
		background-color: black;
		text-align: center;
		padding: 30px 0px;
		font-size: 8pt;
		color: #fff;
	}

.icon {
	background-repeat: no-repeat;
	background-position: center;
	display: inline-block;
	height: 30px;
	width: 30px;
}

.icon-cog { background-image: url('../images/cog.png'); }
.icon-wrench { background-image: url('../images/wrench.png'); }
.icon-cup { background-image: url('../images/cup.png'); }
.icon-arrow-right { background-image: url('../images/arrow-right.png'); }

.float-left {
	float: left;
}
#slider{
	margin: 20px 0px;
	width:100%;
	height:auto;
	min-height: 10px;
	border-radius: 10px;
}
#slider img{
	width:100%;
	height:auto;
}