@font-face {
    font-family: 'oswaldregular';
    src: url('fonts/oswald-regular-webfont.eot');
    src: url('fonts/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/oswald-regular-webfont.woff') format('woff'),
         url('fonts/oswald-regular-webfont.ttf') format('truetype'),
         url('fonts/oswald-regular-webfont.svg#oswaldregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'oswaldbold';
    src: url('fonts/oswald-bold-webfont.eot');
    src: url('fonts/oswald-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/oswald-bold-webfont.woff') format('woff'),
         url('fonts/oswald-bold-webfont.ttf') format('truetype'),
         url('fonts/oswald-bold-webfont.svg#oswaldbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'oswaldlight';
    src: url('fonts/oswald-light-webfont.eot');
    src: url('fonts/oswald-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/oswald-light-webfont.woff') format('woff'),
         url('fonts/oswald-light-webfont.ttf') format('truetype'),
         url('fonts/oswald-light-webfont.svg#oswaldlight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MyriadPro-Regular';
    src: url('fonts/MyriadPro-Regular.eot');
    src: url('fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/MyriadPro-Regular.woff') format('woff'),
         url('fonts/MyriadPro-Regular.ttf') format('truetype'),
         url('fonts/MyriadPro-Regular.svg#oswaldlight') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body {
	height: 100%;
	min-height: 100%;
	margin: 0;
	padding: 0;
}

body {
	background: #ededed;
	font-family: Arial, Helvetica, Sans-serif;
}

a {
	color: rgb(30,30,30);
	text-decoration: none;
}

#wrapper {
	
	max-width: 1224px;
	margin: auto;
	background: #fff;
	-webkit-box-shadow: -1px -2px 100px rgba(76,80,78,0.2);
	-moz-box-shadow: -1px -2px 100px rgba(76,80,78,0.2);
	box-shadow: -1px -2px 100px rgba(76,80,78,0.2);
	position: relative;
}

.cont-header {
	background: rgba(250,250,250,0.8);
	position: absolute;
	width: 100%;
	z-index: 2;
}

	header, .contenido {
		max-width: 960px;
		margin: auto;
	}

		#logo {
			display: inline-block;
			margin: 20px 0 0 0;
		}

		#direccion {
			color: rgb(153,153,153);
			display: inline-block;
			font-family: 'oswaldlight';
			margin-top: 40px;
			vertical-align: top;
			float: right;
			text-align: right;
		}

		.toggleMenu {
		    display:  none;
		    background: #666;
		    padding: 10px 15px;
		    color: #fff;
		}

		nav {

		}

			nav ul {
				text-align: center;
				padding: 0;
			}

				nav ul li {
					display: inline-block;
					list-style: none;
					padding: 5px 7%;
				}

				nav ul li:first-child {
					padding: 5px 5% 5px 0;
				}

				nav ul li:last-child {
					padding: 5px 0 5px 5%;
				}

					nav ul li a {
						color: rgb(102,102,102);
						font-family: 'oswaldlight';
						font-size: 1.05em;
					}

					nav ul li a:hover {
						color: rgb(211,52,73);
					}			

		.carrusel img {
			max-width: 1224px;
			width: 100%;
		}

	.descripcion {
		border-bottom: 4px solid rgb(204,204,204);
		color: rgb(153,153,153);
		font-size: 1.1em;
		line-height: 1.6em;
		margin: 0 auto 20px auto;
		text-align: center;
	}

	.categoria {
		border-left: 1px solid rgb(204,204,204);
	}

	#contacto {
		border-left: none;
		padding-bottom: 30px;
	}

		.destacado {
			color: rgb(102,102,102);
			font-family: 'oswaldregular';
			font-size: 1.3em;
		}


		.info {
			display: inline-block;
			vertical-align: top;
			width: 48%;
			padding: 10px 0;
			position: relative;
		}

		.info-nofoto {
			padding: 10px 0;
			position: relative;
		}

			.icono {
				position: absolute;
				top: 0;
				left: -22px;
			}

			.importante {
				font-weight: normal;
				color: rgb(80,80,80);
			}

			.info h2, .info-nofoto h2 {
				color: rgb(102,102,102);
				font-family: 'MyriadPro-Regular';
				font-size: 1.13em;
				margin: 10px 0 10px 30px;
				text-transform: uppercase;
			}

			.info p, .info ul,.info-nofoto p, .info-nofoto ul {
				color: rgb(163,163,163);
				font-size: 0.95em;
				padding: 0 10px;
			}


			.info ul, .info-nofoto ul {
				margin-left: 20px;
			}

				.lista-accesos li {
					color: rgb(102,102,102);
					line-height: 1.6em;
				}

			.info-nofoto ul {
				display: inline-block;
				vertical-align: top;
				width: 20.0%;
			}
			
				.info-nofoto ul li {
					font-size: 0.8em;
					line-height: 1.7em;
					padding: 6px 0;
				}	


		.foto {
			display: inline-block;
			vertical-align: middle;
			width: 51%;
		}

			.foto img {
				max-width: 490px;
				width: 100%;
			}

		#foto1 {
			padding: 30px 0;
		}

		#foto2 {
			padding: 100px 0 40px 0;
		}

		#foto3 {
			padding: 30px 0 0 0;
		}

		#form-contacto {
			margin-left: 10px;
			overflow: hidden;
		}

			input[type="text"] {
				background: rgb(220,220,220);
				border: none;
				display: inline-block;
				font-size: 0.7em;
				height: 1.3em;
				margin-right: 20px;
				max-width: 280px;
				padding: 5px;
				width: 30%;
			}

			textarea {
				background: rgb(220,220,220);
				border: none;
				font-size: 0.7em;
				margin: 20px 0 40px 0;
				padding: 5px;
				width: 46%;
				min-width: 280px;
			}

			input[type="submit"] {
				color: rgb(255,255,255);
				margin: 0 0 45px 30px;
				display: inline-block;
				vertical-align: bottom;
				border: none;
				padding: 8px 30px;
				font-size: 1.0em;
			}

.negro {
	color: rgb(0,0,0);
}

.gracias {
	padding-top: 150px;
	margin: 0;
	text-align: center;
}

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

	.cont-header {
		box-sizing: border-box;
		padding: 0 10px;
		position: relative;
		margin-bottom: -15px;
	}

	nav ul li {
		padding: 5px 3.4%;
	}

	.contenido {
		padding: 0 10px 0 30px;
		box-sizing: border-box;
	}

	input[type="text"] {
		width: 28%;
	}

}

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

	nav ul li {
		padding: 5px 3.6%;
	}

	nav ul li:first-child {
		padding: 5px 2% 5px 0;
	}

	nav ul li:last-child {
		padding: 5px 0 5px 2%;
	}

	.info-nofoto ul {
		width: 43%;
	}

	input[type="text"] {
		display: block;
		width: 80%;
		margin: 20px auto;
		max-width: 600px;
	}

	textarea {
		display: block;
		margin: auto;
		width: 80%;
	}

	input[type="submit"] {
		
		float: right;
		margin: 20px 10%;
	}

}


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

	.active {
      display: block;
   }

   .cont-header {
   	margin-bottom: 0;
   }

	#logo {
		display: block;
		margin: auto;
		padding: 20px 0;
		width: 220px;
	}

	#direccion {
		display: block;
		margin: auto;
		float: none;
		text-align: center;
		width: 280px;
	}

	nav ul {
		text-align: left;
		padding: 0;
		margin: 0;
	}

		nav ul li,
		nav ul li:first-child,
		nav ul li:last-child {
			display: block;
			list-style: none;
			padding: 5px 0 5px 5%;
			background: #eee;
			border-bottom: 1px solid #ddd;
		}

			nav ul li a {
				color: rgb(102,102,102);
				font-family: 'oswaldlight';
				font-size: 1.05em;
			}

			nav ul li a:hover {
				color: rgb(211,52,73);
			}		

	.descripcion {
		box-sizing: border-box;
		margin-right: 20px;
	}

	.info {
		display: block;
		width: 100%;
	}

	.foto {
		width: 94%;
	}

	#foto1, 
	#foto2, 
	#foto3 {
		padding: 20px 0;
	}

	.info-nofoto ul {
		width: 80%;
	}

	input[type="text"], 
	textarea {
		width: 100%;
	}

	input[type="submit"] {
		margin: 20px 0;
	}

}