/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////

STANDARDS

/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/

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 {
	display: block;
}
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;
}
.av
{
	display: block;
	position: relative;
	top:50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.ah
{
	display: block;
	margin-left:50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.ac
{
	display: block;
	position: relative;
	left:50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translateX(-50%,-50%);
	transform: translateX(-50%,-50%);
}
.tr
{
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}
.ts
{
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.ts2
{
	-webkit-transition: all 700ms ease-in-out;
	-moz-transition: all 700ms ease-in-out;
	-o-transition: all 700ms ease-in-out;
	transition: all 700ms ease-in-out;
}
.master{
	width: 100%;
	height: 100%;
	max-width: 1200px;
	margin: 0 auto;
	/*background-color: red;*/
	vertical-align: top;
}

.btn-1{
	background-color: #222222;
	padding: 9px 20px 11px 20px;
	font-family: 'Open Sans';
	font-weight: 300;
	font-size: 14px;
	letter-spacing: 0.5px;
	color: #f3d8e1;
	text-decoration: none;
	display: inline-block;
	border-radius: 50px;
	cursor: pointer;
	border:2px solid #f3d8e1;
	line-height: 11px;
	box-shadow: 0 0 0 1px #222222;
}
	.btn-1:hover{
		background-color: #000000;
		box-shadow: 0 0 0 1px #000000;
	}

.btn-2{
	background-color: #f3d8e1;
	padding: 15px 30px 16px 45px;
	font-family: 'Open Sans';
	font-weight: 600;
	font-size: 14px;
	letter-spacing: 0.3px;
	color: #000;
	text-decoration: none;
	display: inline-block;
	border-radius: 50px;
	cursor: pointer;
	border:2px solid #333;
	line-height: 11px;
	background-image: url(../img/check.png);
	background-position:25px center;
	background-size: auto;
	background-repeat: no-repeat;
}
	.btn-2:hover{
		box-shadow: 0 0 0 1px #f3d8e1;
	}

.btn-3{
	background-color: #823393;
	padding: 9px 20px 11px 20px;
	font-family: 'Open Sans';
    font-weight: 600;
    font-size: 11px;
	letter-spacing: 0.5px;
	color: #FFFFFF;
	text-decoration: none;
	display: inline-block;
	border-radius: 50px;
	cursor: pointer;
	border:2px solid #FFF;
	line-height: 11px;
	margin-top: 10px;
}
	.btn-3:hover{
		background-color: #333;
		box-shadow: 0 0 0 1px #333;
	}

.btn-4{
    background-color: #333;
    padding: 8px 20px 9px 40px;
    font-family: 'Open Sans';
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 1px;
    color: #DDDDDD;
    text-decoration: none;
    display: inline-block;
    border-radius: 50px;
    cursor: pointer;
    border: 2px solid #333333;
    line-height: 11px;
    background-image: url(../img/instagram2.png);
    background-position: 15px center;
    background-size: auto;
    background-repeat: no-repeat;
    box-shadow: 0 0 0 1px #f3d8e1;
    margin-bottom: 20px;
}
	.btn-4:hover{
		background-color: #444;
	}

.btn-5{
    background-color: #f3d8e1;
    padding: 10px 20px 10px 20px;
    font-family: 'Open Sans';
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.5px;
    color: #333;
    text-decoration: none;
    display: inline-block;
    border-radius: 50px;
    cursor: pointer;
    border: 6px solid #333;
    line-height: 11px;
    box-shadow: 0 0 0 1px #333;
    
}
	.btn-5:hover{
		box-shadow: 0 0 0 1px #f3d8e1;

	}


.mainTitle{
	width: 100%;
	text-align: center;
	display: inline-block;
	vertical-align: top;
	/*background-color: yellow;*/
	padding: 30px 0 30px 0;
}
	.mainTitle.inner{
		padding-top: 10px;
	}
	.mainTitle div{
		font-weight:300;
		font-family: 'Open Sans';
		font-size: 36px;
	}
	.mainTitle .ins{
		display: inline-block;
	}
	.mainTitle span{
		font-weight:800;
		font-family: 'Open Sans';
		font-size: 11px;
		letter-spacing: 0.4px;
		display: block;
		position: relative;
		margin-top: 8px;
		color: #999;
	}


/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////

HEADER

/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/

.header{
	height: 90px;
	width: 100%;
	background-color: #FFF;
	display: inline-block;
	vertical-align: top;
	position: relative;
	z-index: 100000;
}
	.header.inner{
		background-color: #333;
	}
	.header.minimal{
		height: 50px;
	}

	.header .logo{
		position: relative;
		width: 200px;
		height: 140px;
		padding-right: 10px;
		display: inline-block;
		vertical-align: top;
		background-image: url(../img/logo.png);
		background-position: left center;
		background-size: contain;
		background-origin: content-box;
		background-repeat: no-repeat;
		/* background-color: red; */
}


	
		.header.inner .logo{
			background-image: url('../img/logoWhiteMini.png') !important;
		}
		.header.minimal .logo{
			width: 110px;
			height: 50px;
			background-size: contain;
			padding-right: 90px;
		}

	.header .menu{
		/*background-color: yellow;*/
		display: inline-block;
		/*vertical-align: middle;*/
		margin-left:20px;
	}
		.header .menu .item{
			/* background-color: orange; */
			padding: 9px 0px 10px 0;
			font-family: 'Open Sans';
			font-weight: 400;
			font-size: 14px;
			color: #222222;
			text-decoration: none;
			display: inline-block;
			margin-right: 20px;
			border-bottom: 1px solid transparent;
			position: relative;
			letter-spacing: 0.5px;
		}
			.header.inner .menu .item{
				color: #F1F1F1;
			}
			.header .menu .item:last-child{
				margin-right: 0px;
			}
			.header .menu .item.servicesBtn{
				cursor: pointer;
			}
			.header .menu .item.active{
				border-bottom: 1px solid #823393;
			}
			.header.inner .menu .item.active{
				border-bottom: 1px solid #c5912c;
			}
			
			.header .menu .item:hover:not(.servicesBtn){
				border-bottom: 1px solid #823393;
			}
				.header .menu .item.servicesBtn:hover .sublevel1{
					display: inline-block;
				}
				.sublevel1{
					width: 120px;
					background-color: rgba(0,0,0,0.9);
					/*height: 200px;*/
					display: none;
					position: absolute;
					top: calc(100% - 5px);
					border-radius: 0 0 3px 3px;
					box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3);
					cursor: default;
					padding: 10px 0;
					vertical-align: top;
					/*left: 0;*/
				}
					.header.inner .menu .servicesBtn .sublevel1{
						background-color: rgba(255,255,255,0.9);
					}
					.sublevel1 .topFl{
						width: 12px;
						height: 6px;
						display: inline-block;
						position: absolute;
						left: calc(50% - 6px);
						top:-6px;
						background-image: url(../img/top1.png);
						background-position:0 1px;
						background-size: auto;
						background-repeat: no-repeat;
						/*background-color: red;*/
					}
						.header.inner .menu .servicesBtn .sublevel1 .topFl{
							background-image: url(../img/top2.png);
						}

					.sublevel1 .btn{
						font-family: 'Open Sans';
						font-weight: 300;
						font-size: 18px;
						display: inline-block;
						vertical-align: top;
						text-decoration: none;
						padding: 10px 0;
						width: 90%;
						margin-left: 5%;
						text-align: center;
						color: #f3d8e1;
						letter-spacing: 0.5px;
						cursor: pointer;
					}
						.header.inner .menu .servicesBtn .sublevel1 .btn{
							color: #333;
						}
						.sublevel1 .btn:hover{
							background-color: #f3d8e124;
						}
							.header.inner .menu .servicesBtn .sublevel1 .btn:hover{
								background-color: #f3d8e1;
							}



	.header .btnBook{
		background-color: #333;
		padding: 9px 20px 11px 20px;
		font-family: 'Open Sans';
		font-size: 11px;
		font-weight: 600;
		color: #f3d8e1;
		text-decoration: none;
		display: inline-block;
		float: right;
		border-radius: 50px;
		cursor: pointer;
		border:2px solid #FFFFFF;
	}
		.header.inner .btnBook{
			background-color: #f3d8e1;
			font-weight: 600;
			color: #333333;
			border:2px solid #333333;
		}

		.header .btnBook:hover{
			background-color: #000000;
			box-shadow: 0 0 0 1px #777777;
		}
			.header.inner .btnBook:hover{
				background-color: #f3d8e1;
				box-shadow: 0 0 0 1px #f3d8e1;
			}


	.header .media{
		/*background-color: red;*/
		font-family: 'Open Sans';
		font-weight: 600;
		font-size: 11px;
		text-decoration: none;
		display: inline-block;
		float: right;
		width: 24px;
		height: 24px;
		margin-left: 20px;
		background-image: url(../img/instagram.png);
		background-position: center;
		background-size: auto;
		background-repeat: no-repeat;
	}
		.header.inner .media{
			background-image: url(../img/instagram1.png);
		}

		.header .media.fb{
			background-image: url(../img/facebook.png);
			background-size: 22px;
		}
		.header.inner .media.fb{
			background-image: url(../img/facebook1.png);
			background-size: 22px;
		}

		.header.fixed{
			position: fixed;
			left: 0;
			top: 0px;
			box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3);
		}
		.postFixed{
			margin-top: 90px;
		}

	.header .contacts{
		/*background-color: red;*/
		font-family: 'Open Sans';
		font-weight: 600;
		font-size: 11px;
		text-decoration: none;
		display: inline-block;
		float: right;
		margin-left: 20px;
		letter-spacing: -0.3px;
		color: #777;
		line-height: 14px;
		text-align: right;
	}
		.header .contacts span{
			font-size: 16px;
			display: inline-block;
			margin-bottom: 3px;
			font-weight: 600;
			color: #333;
		}
		.header.inner .contacts{
			color: #999999;
		}
		.header.inner .contacts span{
			color: #f3d8e1;
			font-weight: 400;
		}



.headerServices{
	position: fixed;
	top: 50px;
	width: 100%;
	left: 0;
	background-color: rgba(255,255,255,0.85);
	display: none;
	height: 30px;
	z-index: 1000000;
	font-weight: 600;
    font-family: 'Open Sans';
    font-size: 14px;
    color: #333;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3);
}
	.headerServices .master span{
		margin-left: 220px;
		display: inline-block;
		/*background-color: yellow;*/
		padding-right: 20px;
		background-image: url(../img/downBlack.png);
		background-position: right center;
		background-size: 10px;
		background-repeat: no-repeat;
	}



/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////

SLIDESHOW

/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/

.slideshow{
	height: 500px;
	width: 100%;
	display: inline-block;
	vertical-align: top;
	position: relative;
	margin-bottom: 30px;
}
	.logoSlide{
		width: 300px;
		height: 300px;
		position: absolute;
		display: inline-block;
		background-color: rgba(255,255,255,0.7);
		background-position: center;
		background-repeat: no-repeat;
		background-size: 80%;;
		background-image: url('../img/logo.png');
		border-radius: 300px;
		border:1px solid #c5912c;
	}

	.rslides {
		position: relative;
		list-style: none;
		overflow: hidden;
		width: 100%;
		padding: 0;
		margin: 0 0 0 0;
		vertical-align: top;
		left: 0px;
		height: 100%;
	}

	.rslides li {
		-webkit-backface-visibility: hidden;
		position: absolute;
		display: none;
		width: 100%;
		left: 0;
		top: 0;
		vertical-align: top;
		margin-left: 0px;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		height: 100%;
	}

	.rslides li:first-child {
		position: relative;
		display: block;
		float: left;
		vertical-align: top;
	}

	.rslides img {
		width: 100%;
		border: 0;
		vertical-align: top;
	}

	.centered-btns_tabs,
	.transparent-btns_tabs,
	.large-btns_tabs {
		text-align: center;
		position: absolute;
		display: inline-block;
		padding: 0;
		margin: 5px 0 5px 0;
		bottom: -25px;
		z-index: 10000;
		vertical-align: top;
		height: 15px;
		width: 100%;
		right: 0px;
	}

	.centered-btns_tabs li,
	.transparent-btns_tabs li,
	.large-btns_tabs li {
		display: inline;
		float: none;
		_float: left;
		*float: left;
		margin-right: 5px;
		margin-left: 5px;
		vertical-align: top;
	}

	.centered-btns_tabs a,
	.transparent-btns_tabs a,
	.large-btns_tabs a {
		text-indent: -9999px;
		overflow: hidden;
		border-radius: 20px;
		background: transparent;
		display: inline-block;
		width: 20px;
		height: 5px;
		border:1px solid #823393;
	}


	.centered-btns_here a,
	.transparent-btns_here a,
	.large-btns_here a {
		text-indent: -9999px;
		overflow: hidden;
		background: #823393;
		display: inline-block;
		width: 20px;
		height: 5px;
		border-radius: 20px;
		border:1px solid #823393;
	}

	.rslides li .msj-1{
		/*background-color: yellow;*/
		display: inline-block;
		font-size: 19px;
		font-family: 'Open Sans';
		font-weight:300;
		line-height: 26px;
	}
		.rslides li .msj-1 .t{
			font-family: inherit;
			line-height: inherit;
			font-size: 26px;
			text-transform: uppercase;
			margin-bottom: 20px;
			display: inline-block;
		}
		/*Alineacion Centrada*/
		.rslides li .msj-1.centered{
			text-align: center;
		}
		/*Alineacion Derecha*/
		.rslides li .master.right{
			text-align: right;
		}

/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////

SERVICES

/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/

.services{
	/*height: 400px;*/
	width: 100%;
	/*background-color: orange;*/
	display: inline-block;
	vertical-align: top;
	position: relative;
	padding-bottom: 40px;
}

	.servicesContainer{
		width: 100%;
		display: inline-block;
		vertical-align: top;
		position: relative;
		z-index: 2;
	}
		.servicesContainer .master{
			display: grid;
		    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
		    grid-gap:0px 0px;
		}

		.servicesContainer .service{
			/*width: calc(22% - 10px);*/
			height: 280px;
			display: inline-block;
			vertical-align: top;
			/*margin: 0 0 0 4%;*/
			position: relative;
			cursor: pointer;
			/*background-color: red;*/
			/*border:1px solid transparent;*/
			z-index: 0;
		}
			.servicesContainer .service:hover .hover{
				opacity: 1;
				height: 100%;
			}
			.servicesContainer .service:hover{
				/*border:1px solid #fff;*/
				box-shadow: 0 1px 2px 0 rgba(0,0,0,0.5); 
				z-index: 1;
			}

			.servicesContainer .service .banderin{
				width: 100%;
				height: 100px;
				display: inline-block;
				position: relative;
				vertical-align: top;
				/*background-color: yellow;*/
				background-repeat: no-repeat;
			}
			.servicesContainer .service .plato{
				width: 100%;
				height: 170px;
				display: inline-block;
				position: relative;
				vertical-align: top;
				/*background-color: blue;*/
				margin-top: 10px;
				background-repeat: no-repeat;
			}
			.servicesContainer .service .hover{
				width: 100%;
				height: 20%;
				bottom: 0;
				display: inline-block;
				position: absolute;
				background-color: rgba(255,255,255,0.65);
				z-index: 1000;
				text-align: center;
				transition: 200ms;
				opacity: 0;
			}
				.servicesContainer .service .hover span{
					font-size: 12px;
					font-family: 'Open Sans';
					font-weight: 600;
					line-height: 20px;
					color: #823393;
					text-transform: uppercase;
					letter-spacing: 0.5px;
				}





		
		.servicesContainer .service.s1 .banderin{background-image: url('../img/b1.png');background-position: center;background-size: contain;}
		.servicesContainer .service.s2 .banderin{background-image: url('../img/b2.png');background-position: center;background-size: contain;}
		.servicesContainer .service.s3 .banderin{background-image: url('../img/b3.png');background-position: center;background-size: contain;}
		.servicesContainer .service.s4 .banderin{background-image: url('../img/b4.png');background-position: center;background-size: contain;}
		.servicesContainer .service.s5 .banderin{background-image: url('../img/b5.png');background-position: center;background-size: contain;}

		.servicesContainer .service.s1 .plato{background-image: url('../img/p1.jpg');background-position: center;background-size: cover;}
		.servicesContainer .service.s2 .plato{background-image: url('../img/p2.jpg');background-position: center;background-size: cover;}
		.servicesContainer .service.s3 .plato{background-image: url('../img/p5.jpg');background-position: center;background-size: cover;}
		.servicesContainer .service.s4 .plato{background-image: url('../img/p4.jpg');background-position: center;background-size: cover;}
		.servicesContainer .service.s5 .plato{background-image: url('../img/p3.jpg');background-position: center;background-size: cover;}



/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////

WHAT IS GLAM ?

/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/


.glam{
	/*height: 300px;*/
	width: 100%;
	/*background-color: red;*/
	display: inline-block;
	vertical-align: top;
	position: relative;
	margin-bottom: 70px;
}
	.glam .master{
		text-align: center;
		}
	.glam .text{
		width: calc(100% - 440px);
		/* height: 300px; */
		display: inline-block;
		position: relative;
		vertical-align: top;
		/* background-color: blue; */
		text-align: justify;
		font-size: 18px;
		font-family: 'Open Sans';
		font-weight: 400;
		line-height: 34px;
		color: #333;
	}
	


/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////

INSTAGRAM

/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/


.instagram{
	/*height: 300px;*/
	width: 100%;
	/*background-color: red;*/
	display: inline-block;
	vertical-align: top;
	position: relative;
	/*margin-top: 40px;*/
	background-color: #333;
	border-top:3px solid #FFF;
	border-bottom:3px solid #FFF;
	box-shadow: 0 0 0 1px #333;
	margin-bottom: 100px;
	padding-bottom: 40px;
}
	.instagram .mainTitle{
		color: #c5912c;
		/*padding-bottom: 10px;*/
	}



/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////

FOOTER

/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/

.footer{
	width: 100%;
	/*height: 150px;*/
	background-color: #333;
	display: inline-block;
	vertical-align: top;
}
	.footer .column{
		width: 32%;
		/*height: 150px;*/
		/*background-color: red;*/
		display: inline-block;
		vertical-align: top;
		margin-right: 2%;
		padding: 10px 0;
	}
		.footer .column:last-child{
			margin-right: 0;
			font-family: 'Open Sans';
			font-size: 11px;
			font-weight: 600;
			color: #999;
			line-height: 16px;
			text-align: right;
		}
		.footer .column.log{
			height: 121px;
			text-align: center;
		}


	.footer .column .menuFooter{
		width: calc(48% - 20px);
		padding: 10px 0 10px 20px;
		display: inline-block;
		vertical-align: top;
		border-right: 1px solid #444;
		height: 100%;
	}
		.footer .column .menuFooter:last-child{
			border: none;
			padding-bottom: 5px;
		}
		.footer .column .menuFooter a{
			width: 100%;
			/*background-color: blue;*/
			text-decoration: none;
			display: inline-block;
			padding: 2px 0 2px 0;
			vertical-align: top;
			font-family: 'Open Sans';
			font-size: 12px;
			font-weight: 600;
			color: #999;
			position: relative;
			margin-top: 2px;
			margin-bottom: 2px;
		}
			.footer .column .menuFooter a:hover{
				text-decoration: underline;
			}

			.footer .column .menuFooter .mediaMenuFooter{
				display: inline-block;
				width: auto;
				margin-right: 7px;
			}

		.footer .column .top{
			width: 32px;
			height: 32px;
			display: inline-block;
			vertical-align: top;
			margin-top: 50px;
			margin-bottom: 10px;
			background-image: url(../img/top.png);
			background-position: center 9px;
			background-size: 12px;
			background-repeat: no-repeat;
			position: relative;
			border-radius: 100px;
			border: 1px solid #c5912c;
			cursor: pointer;
			transform-style: preserve-3d;
		}
			.footer .column .top:hover{
				transform: rotateY(360deg);
			}

		.footer .column .logoFooter{
			width: 200px;
			height: 60px;
			/*background-color: red;*/
			display: inline-block;
			vertical-align: top;
			margin-bottom: 5px;
			margin-top: 13px;
			background-image: url(../img/logoWhiteMini.png);
			background-position:right center;
			background-size: contain;
			background-repeat: no-repeat;
		}



/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////

MODAL

/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/

.modal{
	width: 100%;
	position: fixed;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.9);
	z-index: 1000000000;
	display: none;
}
	.modal .confirmarBook .contenido{
		width: 100%;
		display: inline-block;
	}
	.modal .confirmarBook{
		width: 100%;
		max-width: 800px;
		display: inline-block;
		background-color: #fff;
		position: absolute;
		padding: 0 0 20px 0;
	}
		.modal .confirmarBook .title{
			width: 70%;
			border-bottom: 1px solid #dba7b8;
			display: inline-block;
			padding: 12px 15% 12px 15%;
			font-family: 'Open Sans';
			font-size: 18px;
			font-weight: 600;
			position: relative;
			background-color: #f3d8e1;
			color: #90576a;
		}
			.modal .confirmarBook .title .close{
				width: 32px;
				height: 32px;
				display: block;
				position: absolute;
				right: 15%;
				top: 6px;
				background-image: url(../img/close.png);
				background-position:center;
				background-size: auto;
				background-repeat: no-repeat;
				transform-style: preserve-3d;
				cursor: pointer;
			}
				.modal .confirmarBook .title .close:hover{
					transform: rotate(180deg);
				}

		.modal .confirmarBook .subtitle{
			width: 70%;
			text-align: center;
			margin-left: 15%;
			display: inline-block;
			padding: 10px 0;
			font-family: 'Open Sans';
			font-size: 16px;
			font-weight: 400;
			position: relative;
			/*background-color: yellow;*/
			letter-spacing: 0.2px;
			color: #000;
			margin: 5px 0 5px 15%;
		}
		.modal .confirmarBook .bloque{
			width: 70%;
			text-align: left;
			margin-left: 15%;
			display: inline-block;
			position: relative;
			/*background-color: yellow;*/
			/*letter-spacing: 0.2px;*/
			color: #000;
			margin: 3px 0 3px 15%;
		}
			.modal .confirmarBook .bloque .tt{
				width: 140px;
				background-color: #f3d8e1;
				display: inline-block;
				vertical-align: top;
				font-family: 'Open Sans';
				font-size: 11px;
				font-weight: 600;
				letter-spacing: 0;
				text-transform: uppercase;
				padding: 2px 0;
				margin-right: 10px;
				line-height: 20px;
			}
			.modal .confirmarBook .bloque .tx{
				width: calc(100% - 150px);
				/*background-color: violet;*/
				display: inline-block;
				vertical-align: top;
				font-family: 'Open Sans';
				font-size: 14px;
				font-weight: 400;
				letter-spacing: 0;
				padding: 1px 0 2px 0;
				line-height: 20px;
			}
			.modal .confirmarBook .bloque .tx.textarea{
				height: auto;
				max-height: 100px;
				overflow-y: auto;
			}
			.modal .confirmarBook .bloque .tx.last{
				border-top: 1px dotted #AAA;
				padding-top:10px; 
				margin-top: 5px;
			}
				.modal .confirmarBook .bloque .tx .cancel{
					font-family: 'Open Sans';
					font-size: 12px;
					display: inline-block;
					vertical-align: middle;
					color: #555;
					margin-left: 20px;
					cursor: pointer;
					font-weight: 600;
				}
					.modal .confirmarBook .bloque .tx .cancel:hover{
						text-decoration: underline;
					}


/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////

THANKS

/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/

.thanks{
	width: 100%;
	height: 100%;
	background-color: #FFF;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
}

	.thanks .master{
		text-align: center;
		height: auto;
	}
	.thanks .logoThanks{
		background-image: url(../img/logo.png);
		background-position:left center;
		background-size: contain;
		background-repeat: no-repeat;
		height: 150px;
		width: 180px;
		display: inline-block;
		position: relative;
	}
	.thanks .txt{
		font-family: 'Open Sans';
		font-weight: 300;
		font-size: 24px;
		color: #333;
		line-height: 40px;
	}

/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////

INNER PAGES

/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/

.titGen{
	width: 100%;
	height: 90px;
	background-color: #CCCCCC;
	display: inline-block;
}
	.titGen.line{
		border-bottom: 3px solid #fff;
		box-shadow: 0 1px 0 0 #f3d8e1;
		margin-bottom: 1px;
	}

	.titGen .tit{
		display: inline-block;
		position: relative;
		/* background-color: yellow; */
		margin-left: 220px;
		font-weight: 300;
		font-family: 'Open Sans';
		font-size: 35px;
		color: #606060;
		line-height: 22px;
		letter-spacing: 0px;
	}
	.titGen img{
		opacity: 0.3;
		width: 48px;
		display: inline-block;
		/*margin-bottom: 5px;*/
		/*margin-top: -5px;*/
		vertical-align: middle;
		margin-right: 10px;
	}
		.titGen span{
			vertical-align: middle;
		}
	.titGen .master{
		position: relative;
	}
	.titGen .back{
		padding: 7px 0px 7px 35px;
		width: 55px;
		border-radius: 3px;
		display: inline-block;
		position: absolute;
		left: 0px;
		/* border: 1px solid #333; */
		background-color: #c998a9;
		font-weight: 400;
		font-family: 'Open Sans';
		font-size: 14px;
		color: #fff;
		text-decoration: none;
		text-transform: uppercase;
		letter-spacing: 0.2px;
		background-image: url(../img/left1.png);
		background-position:15px center;
		background-size: auto;
		background-repeat: no-repeat;
	}
		.titGen .back:hover{
			background-color: #333;
		}

		.titGen .tit .subtit{
			font-weight: 600;
			font-family: 'Open Sans';
			font-size: 12px;
			color: #a94b6a;
			margin-left: 30px;
			display: inline-block;
			text-transform: uppercase;
			line-height: 0px;
		}

	.titGen .tit.article{
		line-height: 30px;
    	width: calc(100% - 440px);
	}


.titServ{
	width: 100%;
	height: 60px;
	background-color: #FFF;
	padding: 7px 0 17px 0;
	display: inline-block;
}
	.titServ .tit{
		display: inline-block;
		position: relative;
		/*background-color: yellow;*/
		margin-left: 220px;
		font-weight: 300;
		font-family: 'Open Sans';
		font-size: 24px;
		color: #333;

	}
		.titServ .tit span{
			font-weight: 600;
			font-family: 'Open Sans';
			font-size: 24px;
			color: #333;
		}
		.titServ .tit span.required{
			font-weight: 600;
			font-family: 'Open Sans';
			font-size: 14px;
			color: #333;
			display: inline-block;
			margin-bottom: 5px;
			letter-spacing: 0;
		}


	.titGen .btnBookInner{
		background-color: #333;
		padding: 9px 20px 11px 20px;
		font-family: 'Open Sans';
		font-size: 11px;
		font-weight: 600;
		color: #f3d8e1;
		text-decoration: none;
		display: inline-block;
		float: right;
		border-radius: 50px;
		cursor: pointer;
		border:2px solid #f3d8e1;
		box-shadow: 0 0 0 1px #777777;
		margin-right: 220px;
	}
		.titGen .btnBookInner:hover{
			background-color: #000000;
		}


/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////

SERVICES

/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/

.initGallery{
	height: 130px;
	width: 100%;
	display: inline-block;
	vertical-align: top;
	/*background-color: red;*/
	border-bottom: 3px solid #fff;
	box-shadow: 0 1px 0 0 #c5912c;
	/*margin-bottom: 30px;*/
}
	.initGallery .refer{
		width: 12.5%;
		height: 100%;
		display: inline-block;
		vertical-align: top;
		/*background-color: blue;*/
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}

.contMini{
	/*background-color: yellow;*/
	margin-left: 220px;
	display: inline-block;
	width: calc(100% - 440px);
	margin-bottom: 100px;
	position: relative;
	/*margin-top: 30px;*/
}
	/*.contMini .descripcionGeneral{
		width: 100%;
		font-size: 16px;
	    font-family: 'Open Sans';
	    font-weight: 400;
	    line-height:30px;
	    color: #333;
	    text-align: justify;
	    margin: 30px 0 25px 0;
	}
	*/
	.contMini .anteTitSubServicio {
		/*display: inline-block;
		width: 100%;
		text-align: left;
		padding: 0 0 5px 0;
		margin-top: 30px;
		border-bottom: 1px dotted #AAA;*/
		display: inline-block;
		width: calc(100% - 20px);
		text-align: left;
		padding: 10px 0 10px 20px;
		margin-top: 30px;
		border-radius: 20px;
		/*border: 1px solid #c4c4c4;*/
		margin-bottom: 10px;
		background-color: #f3d8e1;

	}
		.contMini .anteTitSubServicio.init {
			margin-top: 5px;
		}
		.contMini .anteTitSubServicio span{
			font-weight: 600;
			font-family: 'Open Sans';
			font-size: 14px;
			color: #a94b6a;
			/*text-shadow: 1px 1px 3px rgba(0,0,0,0.1);*/
			text-transform: uppercase;
		}
	
	.contMini .iconServicio{
		width: 150px;
		height: 150px;
		display: inline-block;
		position: relative;
		/*background-color: red;*/
		margin-top: 30px;
		background-repeat: no-repeat;
		background-size: cover;
		border-radius: 500px;
		border:6px solid #FFF;
		box-shadow: 0 0 0 1px #CCC;
		margin-bottom: 5px;
	}
		.contMini .iconServicio.s1{
			background-position: center;
			background-image: url('../img/s1.jpg');
		}
		.contMini .iconServicio.s2{
			background-position: center;
			background-image: url('../img/s2.jpg');
		}
		.contMini .iconServicio.s4{
			background-position: center;
			background-image: url('../img/s4.jpg');
		}
		.contMini .iconServicio.s5{
			background-position: center;
			background-image: url('../img/s5.jpg');
		}
		.contMini .iconServicio .ancla{
			width: 10px;
			height: 10px;
			position: absolute;
			/*background-color: red;*/
			z-index: 10000;
			left: 0;
			top: -70px;
			visibility: hidden;
		}


	.contMini .titSubServicio{
		width: 100%;
	    display: inline-block;
	    /*background-color: red;*/
	    text-align: center;
	    padding: 26px 0;
	    background-image: url(../img/line1.jpg);
	    background-position: center center;
	    background-size: contain;
	    background-repeat: no-repeat;
	}
		.contMini .titSubServicio span{
			font-weight: 300;
			font-family: 'Open Sans';
			font-size: 30px;
			color: #333;
			border-radius: 100px;
			display: inline-block;
			background-color: #f3d8e1;
			padding: 9px 30px 10px 30px;
		}

	.contMini .descripcionServicio{
		width: 100%;
		font-size: 16px;
	    font-family: 'Open Sans';
	    font-weight: 400;
	    line-height:30px;
	    color: #333;
	    text-align: justify;
	    margin: 20px 0 10px 0;
	    /*background-color: red;*/
	    display: grid;
	    grid-template-columns: 1fr 1fr 1fr;
	    grid-gap:45px 20px;
	}
		.contMini .descripcionServicio.not{
			display: inline-block;
		}

		.contMini .descripcionServicio a{
			color: #2c3d78;
			font-style: italic;
			font-weight: 600;
		}


		.contMini .descripcionServicio .serv{
			position: relative;
			/*background-color: blue;*/
			font-weight: 300;
			font-family: 'Open Sans';
			font-size: 24px;
			color: #222;
			line-height: 23px;
			text-align: left;
		}
			.contMini .descripcionServicio .serv .precio{
				display: inline-block;
				/*background-color: orange;*/
				font-weight: 400;
				font-family: 'Open Sans';
				font-size: 15px;
				margin: 6px 0 6px 0px;
				color: #888;
				display: none;
			}
				.contMini .descripcionServicio .serv .precio.cc{
					margin-bottom: 0;
				}

			.contMini .descripcionServicio .serv .comment{
				display: inline-block;
				/*background-color: orange;*/
				font-weight: 600;
				font-family: 'Open Sans';
				font-size: 11px;
				line-height: 10px;
				margin: 10px 0 6px 1px;
				color: #919191;
				letter-spacing: 0px;
				vertical-align: top;
			}
			.contMini .descripcionServicio .serv .goBook, .contMini .descripcionServicio .goContact{
				width: 60px;
				height: 22px;
				display: inline-block;
				position: relative;
				background-color: #8d8d8d;
				vertical-align: top;
				border-radius: 30px;
				cursor: pointer;
				background-repeat: no-repeat;
				background-size: auto;
				background-position: center;
				background-image: url(../img/ad3.png);
				transition: 0.05s;
				margin-top: -13px;
			}
				.contMini .descripcionServicio .serv .goBook.cc{
					margin-top: 4px;
				}
				.contMini .descripcionServicio .goContact{
					background-image: url('../img/mail3.png');
					margin-top: 3px;
				}
					.contMini .descripcionServicio .serv .goBook:hover{
						background-color: #333;
						background-image: url('../img/ad.png');
					}
						.contMini .descripcionServicio .goContact:hover{
							background-color: #333;
							background-image: url('../img/mail2.png');
						}

		.contMini .descripcionServicio .serv .not{
			font-weight: 300;
			font-family: 'Open Sans';
			font-size: 24px;
			color: #222;
			display: inline-block;
			width: 100%;
		}









	.contMini .fotosServicio{
		width: 100%;
		display: inline-block;
		vertical-align: top;
		/*background-color: red;*/
		padding: 5px 0 5px 0;
		border-top: 1px solid #f3d8e1;
		border-bottom: 1px solid #f3d8e1;
	}
		.contMini .fotosServicio .fotoS{
			width: 24%;
			height: 180px;
			display: inline-block;
			margin: 0 0.5%;
			background-position:center bottom;
			background-size: cover;
			background-repeat: no-repeat;
			background-color: blue;
			vertical-align: top;
		}

	.contMini .share{
		/*background-color: red;*/
		padding: 5px 5px 5px 34px;
		background-image: url(../img/share.png);
		background-position:left center;
		background-size: 24px;
		background-repeat: no-repeat;
		cursor: pointer;
		font-family: 'Open Sans';
	    font-weight: 600;
	    display: inline-block;
	    line-height:18px;
	    font-size: 12px;
	    color: #333;
	    text-transform: uppercase;
	    margin-top: 10px;
	}
		.contMini .share:hover{
			text-decoration: underline;
		}

	.contMini .fr{
		float: right;
		/*vertical-align: middle;*/
		margin-top: 6px;
		position: relative;
	}
	.contMini .ind1{
		width: 54px;
		height: 32px;
		position: absolute;
		left: -53px;
		display: inline-block;
		/* background-color: red; */
		background-image: url(../img/ind1.png);
		background-position: left center;
		background-size: contain;
		background-repeat: no-repeat;
		top: -7px;
	}


/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////

ABOUT

/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/


.about{
	width: 100%;
	/*background-color: red;*/
	display: inline-block;
	vertical-align: top;
}
	.about .slide{
		width: 100%;
		height: 400px;
		position: relative;
		background-image: url(../img/slide1.jpg);
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}
		.about .slide.sl2{
			background-image: url(../img/productos/p-hd-5.jpg);
		}

	.about .desc{
		height: 100%;
		background-image: url(../img/logo.png);
		background-position: center;
		background-size: 60%;
		background-repeat: no-repeat;
	}
	.about .desc1{
		height: 100%;
	}
	.about .panelText{
		width: 260px;
		background-color: rgba(255,255,255,0.9);
		height: calc(100% - 40px);
		position: relative;display: inline-block;
		padding: 20px 20px;
	}
		.about .panelText.pt2{
			width: 100%;
			height: auto;
		}

		.about .panelText span{
			text-align: justify;
			width: 100%;
			display: inline-block;
			font-size: 14px;
			font-family: 'Open Sans';
			font-weight: 400;
			line-height: 26px;
		}

.valores{
	/*height: 400px;*/
	width: 100%;
	/*background-color: orange;*/
	display: inline-block;
	vertical-align: top;
	position: relative;
	padding-bottom: 40px;
}

	.valoresContainer{
		width: 100%;
		display: inline-block;
		vertical-align: top;
		position: relative;
		z-index: 2;
		text-align: center;
	}
		.valoresContainer .master{
			display: grid;
		    grid-template-columns: 1fr 1fr 1fr 1fr;
		    grid-gap:0px 1px;
		}

		.valoresContainer .valor{
			/*width: calc(22% - 10px);*/
			/*height: 280px;*/
			display: inline-block;
			vertical-align: top;
			/*margin: 0 0 0 4%;*/
			position: relative;
			/*cursor: pointer;*/
			/*background-color: red;*/
			/*border:1px solid transparent;*/
			z-index: 0;
		}

			.valoresContainer .valor .icono{
				width: 100%;
				height: 100px;
				display: inline-block;
				position: relative;
				vertical-align: top;
				/*background-color: yellow;*/
				background-repeat: no-repeat;
			}
			.valoresContainer .valor .v{
				width: 90%;
				/*height: 170px;*/
				margin-left: 5%;
				display: inline-block;
				position: relative;
				vertical-align: top;
				/*background-color: blue;*/
				margin-top: 10px;
				background-repeat: no-repeat;
			}
				.valoresContainer .valor .v .tt{
					font-size: 20px;
					font-family: 'Open Sans';
					font-weight: 400;
					line-height: 26px;
					color: #333;
					margin: 15px 0;
				}
				.valoresContainer .valor .v .txt{
				    font-size: 16px;
				    font-family: 'Open Sans';
				    font-weight: 400;
				    line-height: 26px;
					color: #333;
				}

			.valoresContainer .valor.v1 .icono{background-image: url('../img/v1.png');background-position: center;background-size: contain;}
			.valoresContainer .valor.v2 .icono{background-image: url('../img/v2.png');background-position: center;background-size: contain;}
			.valoresContainer .valor.v3 .icono{background-image: url('../img/v3.png');background-position: center;background-size: contain;}
			.valoresContainer .valor.v4 .icono{background-image: url('../img/v4.png');background-position: center;background-size: contain;}





/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////

CONTACT

/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/


.contact{
	width: 100%;
	/*background-color: red;*/
	/*height: 200px;*/
	display: inline-block;
}
	.contact .info{
		width: calc(100% - 440px);
		display: inline-block;
		/*background-color: blue;*/
		vertical-align: top;
		margin-left: 220px;
		margin-top: 30px;
		text-align: right;
		padding-bottom: 30px;
	}
		.contact .info .col-a{
			width: 48%;
			/*background-color: violet;*/
			display: inline-block;
			vertical-align: top;
		}
			.contact .info .col-a .c-tit{
				font-weight: 600;
				font-family: 'Open Sans';
				font-size: 12px;
				color: #823393;
				width: 100%;
				padding: 5px 0;
				border-bottom: 1px dotted #AAA;
				margin-bottom: 20px;
				text-align:left;
			}
			.contact .info .col-a .c-item{
				font-weight: 400;
				font-family: 'Open Sans';
				font-size: 14px;
				color: #333;
				width: calc(100% - 30px);
				padding: 8px 0 8px 30px;
				background-position: left center;
				background-size: auto;
				background-repeat: no-repeat;
				line-height: 20px;
				text-align:left;
				/*background-color: yellow;*/
				display: block;
			}
			.contact .info .col-a a{
				text-decoration: none;
			}	
				.contact .info .col-a a:hover{
					color: #0066FF;
					text-decoration: underline;
				}

				.contact .info .col-a .c-item.mail{background-image: url('../img/c1.png');}
				.contact .info .col-a .c-item.phone{background-image: url('../img/c2.png');}
				.contact .info .col-a .c-item.ig{background-image: url('../img/c3.png');}
				.contact .info .col-a .c-item.fb{background-image: url('../img/c6.png');}
				.contact .info .col-a .c-item.address{background-image: url('../img/c4.png');width: calc(100% - 80px);line-height: 24px;}
				.contact .info .col-a .c-item.glocation{
					background-image: url('../img/c5.png');
					cursor: pointer;
					color: #0066ff;
				}
				.contact .info .col-a .c-item.glocation:hover{text-decoration: underline;}


		.contact .info .col-b{
			width: 48%;
			margin-left: 4%;
			/*background-color: orange;*/
			display: inline-block;
			vertical-align: top;
		}
			.contact .info .col-b .c-tit{
				font-weight: 600;
				font-family: 'Open Sans';
				font-size: 12px;
				color: #823393;
				width: 100%;
				padding: 5px 0;
				border-bottom: 1px dotted #AAA;
				margin-bottom: 20px;
				text-align:left;
			}
			.contact .info .col-b .t{
				font-weight: 400;
				font-family: 'Open Sans';
				font-size: 14px;
				color: #333;
				width: 80px;
				padding: 8px 0 8px 0px;
				line-height: 20px;
				text-align: left;
				/*background-color: red;*/
				display: inline-block;
				vertical-align: middle;
				text-align:left;
				cursor: default;
			}
				.contact .info .col-b .t.fr{
					float: left;
				}

			.contact .info .col-b .input{
				font-weight: 600;
				font-family: 'Open Sans';
				font-size: 14px;
				color: #333;
				width: calc(100% - 102px);
				padding: 5px 10px 5px 10px;
				margin: 0px 0;
				line-height: 20px;
				text-align: left;
				background-color: blue;
				outline: none;
				background-color: #fff;
				border: 1px solid #999;
				display: inline-block;
				vertical-align: middle;
				text-align:left;
			}
				.contact .info .col-b .input.seleccion{
					width:calc(100% - 80px);
				}
				.contact .info .col-b textarea{
					width: calc(100% - 22px);
					border: 1px solid #999;
					height: 70px;
					resize: none;
					padding: 5px 10px 5px 10px;
					font-weight: 600;
					font-family: 'Open Sans';
					font-size: 14px;
					outline: none;
				}


.googleLocation{
	width: 100%;
	/*background-color: blue;*/
	/*height: 200px;*/
	display: inline-block;
	padding: 0 0 50px 0;
	position: relative;
}
	.googleLocation .map{
		height: 400px;
		border:3px solid #fff;
		box-shadow: 0 0 0 1px rgba(0,0,0,0.3);
	}
	.googleLocation .ancla{
			width: 10px;
			height: 10px;
			position: absolute;
			background-color: red;
			z-index: 0;
			left: 0;
			top: -65px;
			visibility: hidden;
		}



/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////

PRODUCTOS

/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/

.producto{
	width: 100%;
	/*height: 200px;*/
	/*background-color: red;*/
	display: inline-block;
	vertical-align: top;
	text-align: left;
	border-bottom: 1px solid #823393;
	padding-bottom: 20px;
	padding-top: 50px;
}
	.producto.first{
		padding-top: 0;
	}

	.producto .band{
		width: 100%;
		height: 120px;
		/*background-color: blue;*/
		display: inline-block;
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
		vertical-align: top;
	}
		.producto .band.p1{background-image: url('../img/b1.png');}
		.producto .band.p2{background-image: url('../img/b2.png');}
		.producto .band.p3{background-image: url('../img/b3.png');}
		.producto .band.p4{background-image: url('../img/b4.png');}
		.producto .band.p5{background-image: url('../img/b5.png');}

	.producto #foto{
		width: 100%;
		height:450px;
		/*background-color: green;*/
		display: inline-block;
		vertical-align: top;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}
		.producto #foto.p1{background-image: url('../img/productos/p-hd-1.jpg');}
		.producto #foto.p2{background-image: url('../img/productos/p-hd-2.jpg');background-position: center bottom}
		.producto #foto.p3{background-image: url('../img/productos/p-hd-3.jpg');background-position: center bottom}
		.producto #foto.p4{background-image: url('../img/productos/p-hd-4.jpg');}
		.producto #foto.p5{background-image: url('../img/productos/p-hd-5.jpg');}

		.producto #foto.i1{background-image: url('../img/productos/i3.jpg');background-size: contain;}
		.producto #foto.i2{background-image: url('../img/productos/i2.jpg');background-size: contain;}
		.producto #foto.i3{background-image: url('../img/productos/i1.jpg');background-size: contain;}
		.producto #foto.i4{background-image: url('../img/productos/i4.jpg');background-size: contain;}
		.producto #foto.i5{background-image: url('../img/productos/i5.jpg');background-size: contain;}

	.producto .presentacion{
		width: 122px;
		height: 134px;
		margin-left: 1px;
		/*background-color: yellow;*/
		display: inline-block;
		vertical-align: top;
		background-position: center;
		background-size: cover;
		margin-top: 5px;
		background-repeat: no-repeat;
		border:3px solid #FFF;
		box-shadow: 0 0 0 1px #DDD;
		transition: all 150ms ease;
		cursor:pointer;
	}
	.producto .institucional{
		width: 122px;
		height: 134px;
		margin-left: 20px;
		/*background-color: yellow;*/
		display: inline-block;
		vertical-align: top;
		background-position: center;
		background-size: cover;
		margin-top: 5px;
		background-repeat: no-repeat;
		border:3px solid #FFF;
		box-shadow: 0 0 0 1px #DDD;
		transition: all 150ms ease;
		cursor:pointer;
	}
		.producto .presentacion.pr1{background-image: url('../img/pr1.png');}
		.producto .presentacion.pr2{background-image: url('../img/pr2.png');}
		.producto .presentacion.pr3{background-image: url('../img/pr3.png');}
		.producto .presentacion.pr4{background-image: url('../img/productos/p5.jpg');}
		.producto .presentacion.pr5{background-image: url('../img/productos/p6.jpg');}

		.producto .institucional.i1{background-image: url('../img/productos/ip3.jpg');}
		.producto .institucional.i2{background-image: url('../img/productos/ip2.jpg');}
		.producto .institucional.i3{background-image: url('../img/productos/ip1.jpg');}
		.producto .institucional.i4{background-image: url('../img/productos/ip4.jpg');}
		.producto .institucional.i5{background-image: url('../img/productos/ip5.jpg');}

		.producto .presentacion:hover, .producto .institucional:hover{
			box-shadow: 0 0 0 1px #823393;
		}
		.producto .presentacion.actived, .producto .institucional.actived{
			box-shadow: 0 0 0 1px #823393;
			cursor: default;
		}

	.producto .descripcion{
		width: calc(100% - 300px);
		margin-left: 20px;
		height: 140px;
		/*background-color: orange;*/
		display: inline-block;
		vertical-align: top;
		margin-top: 5px;
		line-height: 22px;
		text-align: left;
	}
		.producto .descripcion .tit{
			display: inline-block;
			vertical-align: top;
			font-weight: 400;
			font-family: 'Open Sans';
			font-size: 12px;
			width: 100%;
			color: #999;
			text-transform: uppercase;
			/* margin-bottom: 3px; */
		}
		.producto .descripcion .text{
			display: inline-block;
			vertical-align: top;
			font-weight: 400;
			font-family: 'Open Sans';
			font-size: 16px;
			width: 100%;
			color: #232323;
			line-height: 20px;
		}

	.producto .fichaTecnica{
		width: auto;
		margin-left: 20px;
		display: inline-block;
		padding: 10px 10px 10px 40px;
		background-color: #c5912c;
		vertical-align: top;
		font-family: 'Open Sans';
		font-size: 12px;
		font-weight: 400;
		letter-spacing: 0.5px;
		color: #FFF;
		margin-top: 5px;
		text-decoration: none;
		border-radius: 3px;
		float: right;
		background-image: url(../img/download.png);
		background-position: 10px center;
		background-size: auto;
		background-repeat: no-repeat;
	}
		.producto .fichaTecnica:hover{
			text-decoration: underline;
		}

	.producto .fichaTecnica.inst{
		background-color: #823393;
	}