@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,600,700,800,300);
@import url(http://fonts.googleapis.com/css?family=Alegreya+Sans+SC:100,300,400,500,700,800,900,100italic,300italic,400italic,500italic,700italic,800italic,900italic);
@import url(http://fonts.googleapis.com/css?family=Niconne);

@charset "utf-8";
				

/************************************
	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;} article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}blockquote, q {quotes: none;}blockquote:before, blockquote:after,q:before, q:after {	content: '';content: none;}
a{text-decoration: none; display: block;}
li{ list-style-type: none;}
*{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}



/****************************************************************************************************
	BODY DE INDEX.HTML
*****************************************************************************************************/
body{
	color: #4F4020;
	background: url(../img/bg.gif) #fff;
	font: 13px 'Open Sans';}

.header_all{
	display: block;
	border-bottom:1px solid #F4EBE8;
	background:#7B5144;
	position: relative;}

.main, .menu, #banner, #intro, #intro2, #intro3, #intro4, .detalle, #galery{
	display: block;
	position: relative;
	margin: 0 auto;
	width: 920px;}

.logo{ position: relative;display: inline-block; max-width: 440px; vertical-align: bottom;}

.logo a{
	position: relative;
	width: 425px;
	margin-right: 30px;
	height: 97px;
	background: url(../img/logo.svg);
	background-size: 100%;}



.menu{
	display:inline-block;
	vertical-align: bottom;
	position: relative;
	width: 460px;
	text-align:right;
	margin-bottom:20px; }

	.menu ul li a{
		color:#ffffff;
		-webkit-transition: all .4s;
			 -o-transition: all .4s;
			-ms-transition: all .4s;
				transition: all .4s;}

	.menu ul li a:hover{color: white;font-weight:bold;}

	.menu .menu1 {
		float: right;
		width: 100%;}



	.menu .menu1 li{
		display: inline-block;
		width: 16%;
		font: 16px 'Alegreya Sans SC';text-align:center;
		margin-bottom: 8px;}

	

/********************* SUB MENU */

.menu1 .sub1{
	display: none;
	position: absolute;
	z-index: 99;
	top:18px;
	text-align:left;
	border: 1px solid #EFE8DE;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	background: white;}

	.menu .menu1 .sub1 li{
		display: block;
		font-size: .9em;text-align: left;
		padding: 10px;
		width: 100%;
		-webkit-transition: all .4s;
			 -o-transition: all .4s;
			-ms-transition: all .4s;
				transition: all .4s;}

.menu .menu1 .sub1 li a{color: #250816;}

	.menu .menu1 .sub1 li:hover a{color: #fff;font-weight:normal}

	.menu .menu1 .sub1 li:hover{background:#7B5144;}

	.menu li:hover ul{display: block;}

/*********************** BANNER */

#banner img{
	margin-top:15px;
	padding: 5px;
 	border: 1px solid #DAC3A6;
	width: 100%;}

#banner2 {
	position:relative;
	max-width:920px;
	margin: 0 auto;}
	
	#banner2 img{
	padding: 5px;
 	border: 1px solid #DFD2CE;
	width: 109%;}

/*********************** INTRO */

.intro1{
	position: relative;
	font-size: 1.3em;
	text-align: center;}

	.intro1 h2, .intro2 h2, .intro3a h2{
		
		padding: 15px;
		font:35px 'Niconne';}


#intro2{
	padding-top: 20px;
	margin-top: 25px;
	position: relative;}

	#intro2 .intro2a{
		position: relative;
		padding: 10px;
		vertical-align: top;
		display: inline-block;
		width: 49%;}

	#intro2 .intro2a img{
		padding: 5px;
		border: 1px solid #DFD2CE;
		background: transparent;
		max-width: 100%;}

	 #intro2 .intro2a p{
	 	font-size: 1.1em;
	 	padding:20px 5px;}


#intro3{
	margin-top: 15px;
	position: relative;}

.intro3a{
	border-bottom: 1px solid #DFD2CE;
	padding-top: 30px;
	font-size: 1.3em;
	position: relative;}

	.intro3a{
		position: relative;
		padding: 10px;
		vertical-align: middle;
		display: inline-block;
		width: 100%;}

	.intro3_img img{
		padding: 5px;
		border: 1px solid #DFD2CE;
		width: 100%;}

	.intro3a h3{
		margin-top: 20px;
		padding: 10px;
		font:35px 'Niconne';}

		
	.contacto1{
		font-size:18px;}
		
	
		
	.contacto_txt{padding: 0 0 0 10px;}
	
	
	#owl-demo1a{
		width: 680px;
		margin: 0 auto;
		display: block;}
		
	#owl-demo1a li{
		width: 30%;
		margin: 0 auto;
		display: inline-block;}
		
	#owl-demo1a li img{
	padding:5px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
		width: 100%;}
	
	

.contacto1, #contacto2{
	display: inline-block;
	vertical-align: top;
	position: relative;}
	
	.contacto1{ width: 60%;}
	
	#contacto2{ width: 38%;}

.contacto{
	background: white;
	display: block;
	padding: 20px;
	margin-top: 40px;
	font: 1.3em 'Alegreya Sans SC';
	border: 1px solid #DFD2CE;}

		
	.contacto1 h2{
		margin-top: 25px;
		margin-bottom: 10px;
		padding-bottom: 10px;
		font:36px 'Niconne';}

	.mail, .rpc, .rpm, .oficina{
		width: 18px;
		height: 18px;
		vertical-align: middle;
		display: inline-block;
		margin:10px 15px;}
		.txt2{display: inline-block; width: 200px;}

	.mail{		
		background: url(../img/mail.svg) no-repeat;
		background-size:100%;}

	.rpc{		
		background: url(../img/whatsapp.svg) no-repeat;
		background-size:100%;}

	.rpm{		
		background: url(../img/rpm.svg) no-repeat;
		background-size:100%;}

	.oficina{		
		background: url(../img/oficina.svg) no-repeat;
		background-size:100%;}



.video_galery a{display:block;position:relative;}
.video_galery a:after{
content:'';
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
opacity:0;
visibility:hidden;
transition:all .3s;
background-color: rgba(79,52,34, 0.4);
background-image: url('../img/play.png');
background-position: center center;
background-repeat: no-repeat;}
 
.video_galery a:hover:after{
opacity:1;
visibility:visible;
}

/********************** FOOTER */

footer{
	-webkit-box-shadow: inset 0px 11px 11px -6px rgba(50, 50, 50, 0.33);
	-moz-box-shadow:    inset 0px 11px 11px -6px rgba(50, 50, 50, 0.33);
	box-shadow:         inset 0px 11px 11px -6px rgba(50, 50, 50, 0.33);
	margin-top: 40px;
	color: white;
	background: url(../img/foot.png);}

	.foot{
		text-align: center;
		margin: 0 auto;
		padding-top: 40px;
		max-width: 1000px;}

	.foot ul{
		width: 100%;
		display: block;}

	.foot ul li{
		vertical-align: top;
		width: 24%;
		display:inline-block;}

	.foot ul li div{
		display: block;}

	.foot ul li div a{
		color: #EBE6E0;
		font-weight: lighter;
		font-size: 16px;
		line-height: 35px;
		-webkit-transition: all .4s;
			 -o-transition: all .4s;
			-ms-transition: all .4s;
				transition: all .4s;}

	.foot ul li div a:hover{color: white;font-weight: normal;}

	#redes{ 
		border-top: 1px dotted #6C5646;
		display: block;
		margin-top: 30px;
		padding: 20px;
		text-align: center;}

	#redes a{
		font-size: 40px;
		margin-right: 35px;
		display: inline-block;
		color:#D8CCC2;}

		#redes a:hover{ color: #fff;}

		#redes .copy{
			display: block;
			padding-top: 15px;
			font-size: 12px;
			line-height: 20px;
			color: #D2C2B5;}

	footer h4{
		padding-bottom: 15px;
		font: 20px 'Alegreya Sans SC';
		font-weight: 400;}


/********************************
	GENERALES 
*********************************/

#clear-fix{clear: both;}

.facebook, .facebook1{
	margin: 10px;
	display: inline-block;
	width: 25px;
	height: 25px;
	background: url(../img/fb.svg) no-repeat;
	background-size:100%;}

.twitter, .twitter1{
	margin: 10px;
	display: inline-block;
	width: 25px;
	height: 25px;
	background: url(../img/tw.svg) no-repeat;
	background-size:100%;}

.instagram, .instagram1{
	margin: 10px;
	display: inline-block;
	width: 25px;
	height: 25px;
	background: url(../img/ins.svg) no-repeat;
	background-size:100%;}

.instagram1, .twitter1, .facebook1{
	margin: 0;
	width: 18px;
	height: 18px;}

.linkedin{
	margin: 10px;
	display: inline-block;
	width: 25px;
	height: 25px;
	background: url(../img/in.svg) no-repeat;
	background-size:100%;}

.daily{
	margin: 10px;
	display: inline-block;
	width: 150px;
	height: 25px;
	background: url(../img/daily.svg) no-repeat;
	background-size:100%;}

.detalle{
	height: 20px;
	background: url(../img/detalle.png) no-repeat;
	background-size:100%;}

.fancybox-inner{
	overflow:hidden !important;}

/****************************
	Galería
*****************************/

#galery img{
	display: block;
	width: 100%;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.6);
-moz-box-shadow:    0px 0px 3px 0px rgba(50, 50, 50, 0.6);
box-shadow:         0px 0px 3px 0px rgba(50, 50, 50, 0.6);
	/*border: 1px solid #E7D6C7;*/
	}

#galery ul{
	vertical-align: top;
	position: relative;
	display: inline-block;
	width: 33%;}

#galery ul li{
	position: relative;
	display: block;
	padding: 12px 7px;}