@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700);
@import url(http://fonts.googleapis.com/css?family=Tangerine);
@import url(http://fonts.googleapis.com/css?family=Courgette);
@import url(http://fonts.googleapis.com/css?family=Lato:300);
/*================================================
	RESET
================================================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, main {
	display: block; position:relative;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}
a{text-decoration:none; color:inherit;}
strong{ font-weight:bold}
/*=================================================
			GENERAL
===================================================*/
*{margin:0;	padding:0;}
*, *:before, *:after{box-sizing:border-box; -moz-box-sizing:border-box;	-webkit-box-sizing:border-box;}
body{
	color:#606060;
	font: normal 16px/22px 'Open Sans', sans-serif;
	line-height:normal;
}
img{ max-width:100%; height:auto; display:block; width:100%;}
/*=================================================
			GRID
===================================================*/
.row{	margin:auto; min-height:10px; width:100%; position:relative;}
.row:after{display:table; content:""}
.grid-2{float:left; margin:0;	min-height:1px;	padding:10px;	width:50%;}
.grid-3{float:left; margin:0;	min-height:1px;	padding:10px;	width:33.33%;}
.grid-4{float:left; margin:0;	min-height:1px;	padding:10px;	width:25%;}
.grid-5{float:left; margin:0;	min-height:1px;	padding:10px;	width:20%;}

.grid-3-xw{float:left; margin:0;	min-height:1px;	padding:10px;	width:66.66%;}
.grid-4-xw{float:left; margin:0;	min-height:1px;	padding:10px;	width:75%;}
.grid-5-xw{float:left; margin:0;	min-height:1px;	padding:10px;	width:80%;}
.no-pad{ padding:0 !important;}
/*=================================================
			CLEARFIX
===================================================*/
.clearfix:after { content: ""; display: table; clear: both;}
.cf{ width:100%; height:0; clear:both;}
.cf_5{ width:100%; height:2px; clear:both;}
.cf_10{ width:100%; height:10px; clear:both;}
.cf_20{ width:100%; height:20px; clear:both;}
/*=================================================
			MAIN
===================================================*/
body{
	background:#F7F8FA;
	line-height:normal;
}
	#main-wrap{
		height:auto;
		margin:auto;
		width:1120px;
	}
		header{
			margin:auto;
			width:100%;
		}
			header figure{
				margin:auto;
				max-width:250px;
				padding:10px;
			}
				header figure .fade-slides{
					background:url(../images/logo-blanco.png) no-repeat center center;
					background-size:99% 99%;
				}
					.fade-slides{
						height:190px;
						overflow:hidden;
						position:relative;
						width:100%;
					}
						.fade-slides ul {
							list-style:none;
							position:relative;
							width:100%;
						}
							.fade-slides ul li {
								opacity:0;
								position:absolute;
								top:0;
								left:0;
							}
							.fade-slides ul li {
								/*animation */
								-webkit-animation-name: anim_logos;
								-webkit-animation-duration: 14.0s;
								-webkit-animation-timing-function: linear;
								-webkit-animation-iteration-count: infinite;
								-webkit-animation-direction: normal;
								-webkit-animation-delay: 0;
								-webkit-animation-play-state: running;
								-webkit-animation-fill-mode: forwards;
								
								-moz-animation-name: anim_logos;
								-moz-animation-duration: 14.0s;
								-moz-animation-timing-function: linear;
								-moz-animation-iteration-count: infinite;
								-moz-animation-direction: normal;
								-moz-animation-delay: 0;
								-moz-animation-play-state: running;
								-moz-animation-fill-mode: forwards;
								
								-ms-animation-name: anim_logos;
								-ms-animation-duration: 14.0s;
								-ms-animation-timing-function: linear;
								-ms-animation-iteration-count: infinite;
								-ms-animation-direction: normal;
								-ms-animation-delay: 0;
								-ms-animation-play-state: running;
								-ms-animation-fill-mode: forwards;
							}
								/*delays */
								.fade-slides ul li:nth-child(2){
									-webkit-animation-delay: 2.0s;
									-moz-animation-delay: 2.0s;
									-ms-animation-delay: 2.0s;
								}
								.fade-slides ul li:nth-child(3){
									-webkit-animation-delay: 4.0s;
									-moz-animation-delay: 4.0s;
									-ms-animation-delay: 4.0s;
								}
								.fade-slides ul li:nth-child(4){
									-webkit-animation-delay: 6.0s;
									-moz-animation-delay: 6.0s;
									-ms-animation-delay: 6.0s;
								}
								.fade-slides ul li:nth-child(5){
									-webkit-animation-delay: 8.0s;
									-moz-animation-delay: 8.0s;
									-ms-animation-delay: 8.0s;
								}
								.fade-slides ul li:nth-child(6){
									-webkit-animation-delay: 10.0s;
									-moz-animation-delay: 10.0s;
									-ms-animation-delay: 10.0s;
								}
								.fade-slides ul li:nth-child(7){
									-webkit-animation-delay: 12.0s;
									-moz-animation-delay: 12.0s;
									-ms-animation-delay: 12.0s;
								}
								/* keyframes #anim_slides */
								@-webkit-keyframes anim_logos {
									0% {
										opacity:0;
									}
									6% {
										opacity:1;
									}
									24% {
										opacity:1;
									}
									30% {
										opacity:0;
									}
									100% {
										opacity:0;
									}
								}
								@-moz-keyframes anim_logos {
									0% {
										opacity:0;
									}
									6% {
										opacity:1;
									}
									24% {
										opacity:1;
									}
									30% {
										opacity:0;
									}
									100% {
										opacity:0;
									}
								}
								@-ms-keyframes anim_logos {
									0% {
										opacity:0;
									}
									6% {
										opacity:1;
									}
									24% {
										opacity:1;
									}
									30% {
										opacity:0;
									}
									100% {
										opacity:0;
									}
								}
	/**********************************
				MENU-BASE **NO-TOCAR**
	**********************************/
			nav {
				padding: 0;
				margin: 0;
				border: 0;
				width: 100%;
			}
				nav ul,
				nav li {
					list-style: none;
					margin: 0;
					padding: 0;
					width:auto;
				}
				nav ul{
					text-transform: uppercase;
					text-align:center;
				}
					nav ul li {
						display:inline;
						min-height: 1px;
						vertical-align: middle;
					}
					nav ul li a{
						display:inline-block;
						padding:5px 8px;
						line-height:40px;
						font-weight:bold;
						color:#fff;
						font-size:14px;
					}
							nav ul li:hover {
								position: relative;
								cursor: default;
							}
		/**********************************
					MENU-STYLES
		***********************************/
			/* Custom Style */
					nav ul li:nth-child(1) a{
						border-left:solid 1px #fff;
						border-top:solid 1px #fff;
					}
					nav ul li:nth-child(2) a{
						background:#7556C0;
					}
					nav ul li:nth-child(3) a{
						background:#6BC24F;
					}
					nav ul li:nth-child(4) a{
						background:#FFCE62;
					}
					nav ul li:nth-child(5) a{
						background:#DA596B;
					}
					nav ul li:nth-child(6) a{
						background:#E5935D;
					}
					nav ul li:nth-child(7) a{
						background:#D9A2EC;
					}
					nav ul li:nth-child(8) a{
						background:#65B5A8;
					}
					nav ul li:nth-child(9) a{
						background:#7556C0;
					}
		/**********************************
					MAIN-CONTENT-STYLES
		***********************************/
			.main-content{
				min-height:300px;
				padding-bottom:60px;
				width:100%
			}
				.wrap-slider{
					width:100%;
					min-height:400px;
				}
					.camera_overlayer {
						opacity: .1;
					}
				.main-content main h3{
					color:#d3215d;
					font-size:14px;
					font-weight:600;
					margin-bottom:15px;
					padding-left:10px;
					text-align:justify;
					text-transform:none;
				}
				.main-content main h4{
					color:#d3215d;
					font-size:22px;
					font-weight:600;
					margin-bottom:15px;
					text-align:center;
					text-transform:uppercase
				}
				.border-title {
			    display: inline-block;
	    		margin: 30px 0px 30px;
			    padding: 0px;
		  	  text-align: center;
			    width: 100%;
				}
					.border-title h1 {
						font-family: 'Lato', sans-serif;
						font-size: 40px;
						font-weight:bold;
						line-height: 30px;
					}
					.border-title h2 {
						font-family: 'Lato', sans-serif;
						font-size: 36px;
						font-weight:300;
						line-height: 30px;
					}
					.border-title .tag-line {
						color: #787878;
						display: block;
						font-size: 27px;
						font-style: normal;
						font-family: "Tangerine",cursive;
						line-height: 30px;
						margin: 0px;
					}
					.border-title .ico-border {
						display: inline-block;
						margin:20px 0 0;
						position: relative;
						width: 124px;
					}
						.border-title .ico-border .ico-bg {
							background-position: left top !important;
							background-repeat: no-repeat;
							content: "";
							display: block;
							height: 20px;
							margin: 0px auto;
							position: relative;
							width: 20px;
						}
							.ico-border .flower {
								background-image: url("../images/ico-flower.png");
							}
				p.parraf{
					line-height:normal;
					padding:0 10px;
					margin-bottom:20px;
					text-align:justify;
				}
				p.sub-parraf{
					line-height:150%;
					padding:0 0 0 40px;
					margin-bottom:20px;
					text-align:justify;
				}
				p.mod-parraf{
					font-size:18px;
					line-height:24px;
					padding:0px 40px;
					font-weight:300;
					text-align:center;
				}
				p.mod-parraf a{
					color:#d3215d;
				}
				.font-14{
					font-size:14px !important;
					line-height:100%;
				}
				.mod-hr{
					background: #ADB1B7 none repeat scroll 0% 0%;
					height: 1px;
					margin:30px auto 50px;
					width: 24%;
				}
					.center{
						text-align:center !important;
					}
				.text-col-2 {
					-webkit-column-count: 2;
					-moz-column-count: 2;
					column-count: 2;
					-webkit-column-gap: 30px;
					-moz-column-gap: 30px;
					column-gap: 30px;
					text-align: justify;
				}
				.text-col-3 {
					-webkit-column-count: 3;
					-moz-column-count: 3;
					column-count: 3;
					-webkit-column-gap: 30px;
					-moz-column-gap: 30px;
					column-gap: 30px;
					text-align: justify;
				}
					.dropcaps:first-letter {
						font-size: 4.0em;
						float: left;
						vertical-align: top;
						line-height: 1;
						padding-right: 0.2em;
					}
				.row .mod-parraf{
					font-size:18px;
					line-height:24px;
					padding:0px 25px;
					font-weight:300;
					text-align:justify;
				}
				.quest{
					display:block;
					width:100%;
					margin:auto;
					padding:10px;
				}
					.quest li{
						display:block;
						width:98%;
						margin:auto;
						height:auto;
						padding:5px 10px 5px 25px;
						border-bottom:dotted 1px #606060;
					}
				.video{
					position: relative;
					padding-bottom:56.25% ;
					margin:auto;
					overflow: hidden;
				}
					.video iframe{
						position: absolute;
						top:auto;
						left:auto;
						width: 70%;
						margin:0 auto 0 auto;
						height: 70%;
					}
				#aromas .item{
  				margin: 3px;
					float:left;
				}
				.popup{
					border:solid 1px rgba(165, 182, 237,0.5);
					display:block;
					background:#fff;
					border-radius:5px;
					padding:10px;
				}
				.box-caption-1{
					color:#fff;
					position:absolute;
						bottom:0px;
						left:20px;
					margin-bottom:30px;
					padding:10px;
					text-align:left;
					font-family: 'Courgette', cursive;
					font-size:24px;
					width:42%;
				}
				.box-caption-2, .box-caption-3{
					color:#fff;
					position:absolute;
					padding:15px;
					text-align:center;
					font-family: 'Courgette', cursive;
					font-size:26px;
					width:40%;
				}
					.box-caption-2{
						bottom:0;
						left:35px;
						margin-bottom:60px;
					}
					.box-caption-3{
						bottom:0;
						right:35px;
						margin-bottom:60px;
					}
				.box-caption-4{
					color:#fff;
					position:absolute;
					padding:10px;
					text-align:center;
					font-family: 'Courgette', cursive;
					font-size:24px;
					width:70%;
					top:0;
					left:30px;
					margin-top:30px;
				}
					.box-caption-4 > span{
						font-size:18px !important;
					}
				.box-caption-5{
					color:#f9f9f9;
					position:absolute;
					padding:15px;
					text-align:center;
					font-family: 'Courgette', cursive;
					font-size:24px;
					width:37%;
				}
					.box-caption-5{
						bottom:0;
						right:35px;
						margin-bottom:30px;
					}
				.box-caption-6{
					color:#fff;
					position:absolute;
					padding:10px;
					text-align:center;
					font-family: 'Courgette', cursive;
					font-size:24px;
					width:40%;
					bottom:0;
					right:15px;
					margin-bottom:30px;
				}
			.logo-center{
				max-width:180px;
				margin:auto;
			}
		/**********************************
					CIRCULAR EFFECT
		**********************************/
		.circle {
			border-radius: 100%;
			position: relative;
			margin:0 auto 1.5em;
			width: 15em;
			height: 15em;
			overflow: hidden;
			-webkit-transform: translateZ(0);
				 -moz-transform: translateZ(0);
				-ms-transform: translateZ(0);
					transform: translateZ(0);
		}
		.circle img{
			width:100%;
			height:100%;
		}
		.circle::before,
		.circle::after {
			border-radius: 100%;
			content:"";
			position: absolute;
			top: 0; left: 0;
			width: inherit; height: inherit;
			box-shadow: inset 10.6em 0 0 rgba(255, 255, 255, 0),
						inset 0 10.6em 0 rgba(255, 255, 255, 0),
						inset -10.6em 0 0 rgba(255, 255, 255, 0),
						inset 0 -10.6em 0 rgba(255, 255, 255, 0);
			-webkit-transition: box-shadow 0.75s;
				 -moz-transition: box-shadow 0.75s;
				-ms-transition: box-shadow 0.75s;
					transition: box-shadow 0.75s;
		}
		.circle::after {
			-webkit-transform: rotate(45deg);
				 -moz-transform: rotate(45deg);
					transform: rotate(45deg);
		}
		.circle:hover::before,
		.circle:hover::after {
			box-shadow: inset 0.86em 0 0 rgba(255, 0, 0, 0.5),
						inset 0 0.86em 0 rgba(252, 150, 0, 0.5),
						inset -0.86em 0 0 rgba(0, 255, 0, 0.5),	
						inset 0 -0.86em 0 rgba(0, 150, 255, 0.5);
		}
		/**********************************
					FOOTER-STYLES
		***********************************/
			footer{
				position:relative;
				width:100%;
			}
				#footer {
					margin: 0px;
					padding: 70px 0px 0px;
					position: relative;
					width: 100%;
				}
					.footer-logo {
						display: inline-block;
						margin: 0px auto;
						position: absolute;
						top: -32px;
						text-align: center;
						width: 100%;
					}
						.footer-logo img {
							height: auto;
							margin: auto;
							position: absolute;
							left: 0px;
							right: 0px;
							top: -18px;
							width: 92px;
						}
				#footer aside h3{
					color:#f9f9f9;
					font-weight:600;
					margin-bottom:30px;
					padding-left:10px;
					text-align:justify;
				}
					#footer h3 .ico-bg {
						background-image: url("../images/ico-flower-small.png");
						background-position: right top;
						background-repeat: no-repeat;
						display: inline-block;
						height: 11px;
						margin-left: 10px;
						opacity: 0.7;
						width: 11px;
					}
				#footer .ico-border {
					margin:20px 0 20px;
					width: 100%;
				}
				.ico-border {
					display: inline-block;
					position: relative;
					width: 124px;
				}
					#footer .ico-border::before, #footer .ico-border::after {
						background: #f9f9f9 none repeat scroll 0% 0%;
						width: 48%;
					}
						.ico-border::before {
							left: 0px;
						}
						.ico-border::after {
							 right: 0px;
						}
						.ico-border::before, .ico-border::after {
							content: "";
							background: #D05C83 none repeat scroll 0% 0%;
							display: inline-block;
							height: 4px;
							position: absolute;
							top: 8px;
							width: 42px;
						}
					.ico-border .ico-bg {
						background-position: right top !important;
						background-repeat: no-repeat;
						content: "";
						display: block;
						height: 20px;
						margin: 0px auto;
						position: relative;
						width: 20px;
					}
				.dt-sc-contact-info {
					clear: both;
					color: #f9f9f9;
					display: block;
					margin: 0px;
					padding: 10px 0px;
					width: 100%;
				}
				.privaci{
					display:block;
					text-align:right;
					color:#fff;
					margin: 20px 10px 0 0;
				}
/*================================================
	MORE
================================================*/
.full-container{
	margin:auto;
	min-height:1px;
	position:relative;
	width:100%;
}
.box-container{
	margin:auto;
	width:1120px;
}
.bg-color-purple{
	background:url(../images/bg-purple-ramdom.jpg) no-repeat center center;
	background-size:cover;
	/*background:#987CDB;*/
}
.bg-color-black-gray{
	/*background:#333;*/
	background:url(../images/bg-black-gray-ramdom.jpg) no-repeat center center;
	background-size:cover;
	border-bottom:solid 4px transparent;
}
.bg-color-green{
	/*background:#25d451;*/
	background:url(../images/bg-green-ramdom.jpg) no-repeat center center;
	background-size:cover;
	border-bottom:solid 4px transparent;
}
.bg-color-red{
	/*background:#e86088;*/
	background:url(../images/bg-pink-ramdom.jpg) no-repeat center center;
	background-size:cover;
	border-bottom:solid 4px transparent;
}
.bg-color-yellow{
	/*background:#e4cf26;*/
	background:url(../images/bg-yellow-ramdom.jpg) no-repeat center center;
	background-size:cover;
	border-bottom:solid 4px transparent;
}
.bg-color-black-purple{
	/*background:#6971dc;*/
	background:url(../images/bg-purple-ramdom.jpg) no-repeat center center;
	background-size:cover;
	border-bottom:solid 4px transparent;
}
.bg-color-violet{
	/*background:#a43dee;*/
	background:url(../images/bg-violet-ramdom.jpg) no-repeat center center;
	background-size:cover;
	border-bottom:solid 4px transparent;
}
.bg-color-orange{
	/*background:#fc6b58;*/
	background:url(../images/bg-orange-ramdom.jpg) no-repeat center center;
	background-size:cover;
	border-bottom:solid 4px transparent;
}
.bg-color-strong-ping{
	background:url(../images/bg-pink-ramdom.jpg) no-repeat center center;
	background-size:cover;
	/*background:#D05C83;*/
	border-bottom:solid 4px transparent;
}
.bottom-line-aqua{
	border-bottom: 4px solid #65B5A8;
}
.bottom-line-black-gray{
	border-bottom: 4px solid #333;
}
.firma{
	color:#fff;
	display:block;
	font-size:11px;
	text-align:center;
}
.img-center{
	margin:auto;
}
/*================================================
	FORM
================================================*/
form{
	display:block;
	width:100%;
}
	.form-group{
		clear:both;
		margin:10px auto;
		width:98%;
	}
	.form-group label, .form-group input{
		display:block;
		float:left;
		margin-bottom:10px;
	}
	.form-group label{
		background:#d3215d;
		color:#FFF;
		border-radius:3px;
		text-align:center;
		font-size:12px;
		padding:5px;
		margin:0 5px 0 0;
		width:22%;
	}
	.form-group input{
		border-radius:5px;
		color:#333;
		text-align:left;
		font-size:12px;
		padding:10px;
		width:75%;
	}
	.form-group > #Comentarios{
		resize:vertical;
		color:#333;
		text-align:left;
		min-height:150px;
		max-height:200px;
		font-size:12px;
		padding:5px;
		width:75%;
	}
	.bot_1{
		background:#d3215d;
		border:none;
		border-radius:3px;
		color:#FFF;
		float:right !important;
		font-size:12px;
		margin-right:15px;
		padding:5px 15px;
		text-align:center;
		width:90px;
	}