@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(https://fonts.googleapis.com/css?family=Lora:400,400italic,700,700italic);
.montserrat {
	font-family: 'Montserrat', sans-serif;
}
.lora {
	font-family: 'Lora', serif;
}
html {
	height: 100%;
	-webkit-overflow-scrolling: touch;
}
body {
	font-size: 16px;
	font-family: 'Lora', serif;
	font-weight: 300;
	color: #333;
	-webkit-overflow-scrolling: touch; overflow-x:hidden
}
h1, h2, h3, h4, h5, h6, p, ul {
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
ul, li {
	list-style: none;
}
p {
	font-size: 16px;
	color: #5b5b5b;
	line-height: 24px;
}
a,button {
	text-decoration: none;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
a:hover {
	text-decoration: none;
}
.clear {
	clear: both;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.it {
	font-style: italic;
}
.tc {
	text-align: center;
}
.tr {
	text-align: right;
}
.tl {
	text-align: left;
}
.upp {
	text-transform: uppercase;
}
.mbot50 {
	margin-bottom: 50px !important;
}
.autoClearer:before,
.autoClearer:after {
    content: " ";
    display: table;
}
.autoClearer:after {
    clear: both;
}
input[type="radio"],
input[type="checkbox"] {

}
input[type="text"],
input[type="password"],
input[type="email"] {
}
.wrapper {
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  width: auto;
}
@media (min-width: 1400px) {
  .wrapper {
    width: 1400px;
  }
}
.content-mini,
.content-medium,
.content-large {
	width: auto;
	margin: 0 auto;
}
@media (min-width: 1226px) {
  .content-large {
	width: 1226px;
	}
}
@media (min-width: 1080px) {
  .content-medium {
	width: 1080px;
	}
}
@media (min-width: 614px) {
	.content-mini {
		width: 614px;
	}
}
/************** MENU *****************/

header {
	width: 100%;
	display: block;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease; background:url(../img/bgMenu.jpg) repeat-y; height:100px; position:relative; float:left; z-index:9999; margin-top:-50px
}
.owl-controls { display:none}

.menu-nav { position:relative;  margin:-97px auto 0 auto; text-align:center}
.menu-nav .menu { margin:0 auto }
.menu-nav .menu li {
	display: inline-block;
	*display: inline;
	zoom: 1;
	margin:0 20px;
}

.btnFotos {}

.mob { display:none}

.menu-nav .menu li a {position: relative;  max-width:90px; display:block; }
.menu-nav .menu li a.logo {  max-width:300px;}
.menu-nav .menu li a img{ width:100%}
.menu-nav .menu li a span{ position:absolute; left: -30%;
    top: -25%; width:150%; z-index:-1;-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;}

.menu-nav .menu li a:hover span {transform: rotateZ(180deg); left:-26%}
.menu-nav .menu li a.current span {transform: rotateZ(180deg); left:-26%}

.social { position:absolute; right:30px; top:30px}
.social a { max-width:40px; position:relative; float:left; display:block; margin-left:10px}
.social a img { width:100%}

.grid-item a:hover{ opacity:0.4}
.grid-item img { width:100%;}
.grid { margin-top:-3px; position:relative; float:left; width:100%}
.big-demo{ background:#a23358; position:relative; float:left; width:100%; }
#nosotros { background:url(../img/bgContacto.jpg) bottom center; background-size:cover; padding:100px 100px 0 100px; position:relative; float:left; width:100%; text-align:center}
#nosotros iframe { margin-top:-30px; z-index:9999}
.pdfBtn { color:#FFF; background:#a23358; padding:10px 30px; border-radius:50px; border:#a23358 1px solid;-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease; margin-bottom:50px}
.pdfBtn:hover { color:#a23358; background:#fff; }

.evento{ background:#CCC; display:inline-block; width:32.33333%; position:relative; float:left; margin:0 0.5% 1% 0.5%;
transition: all 1s ease; transform-style: preserve-3d;}
.evento img { width:100%}
.evento:hover{
  -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
      ms-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
          transform: rotateY(180deg);
}

.evento .flip1,
.evento .flip2{
backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
      transform-style: preserve-3d;
  -webkit-transition: transform 500ms ease-in-out;
    -moz-transition: transform 500ms ease-in-out;
      -o-transition: transform 500ms ease-in-out;
        transition: transform 500ms ease-in-out;
}
.evento .flip2{transform: rotateY(180deg); position:absolute; top:0px; left:0px}

#contacto { background:url(../img/bgContacto.jpg) bottom center; background-size:cover; padding:100px 100px 0 100px; position:relative; float:left; width:100%}
#contacto iframe { border:#852f4f 13px solid; border-radius:10px; position:relative; float:left}
#contacto h1 { text-transform:uppercase; font-weight:800; color:#373435}
#contacto h2 { font-weight:800; color:#762c43; margin-bottom:20px}
#contacto a { color:#762c43;}
#contacto .col-lg-5 { padding-top:50px}

.formulario { width:100%; position:relative; float:left; }
.formulario input { width:100%; position:relative; float:left;  height:50px; margin-bottom:18px; padding-left:12px;  color:#000; border-radius:8px; border:#999 1px solid; background-color:rgba(255,255,255,0.7) !important}
.formulario textarea { width:100%; position:relative; float:left;  height:200px; margin:30px 0 18px 0; padding:12px; color:#000; border-radius:8px;border:#999 1px solid; background-color:rgba(255,255,255,0.7) !important}
.formulario button { color:#333;border:#999 1px solid;border-radius:8px; padding:10px 30px; text-align:center; background-color:rgba(255,255,255,0.7) !important}
.formulario button:hover {background-color:rgba(255,255,255,1) !important;border:#852f4f 1px solid}

form.formulario label.error { display: none;}
form.formulario label.error, label.error { color: red; font-style: italic; background:none}
form.formulario label.error { position: absolute;top: 20px;}
.error { background:#ffa6a9}


/****************** HOME ******************/

.slider-home {
	display: block;
	position: relative; height:auto; width:100%
}
.slider-home .slide {
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
  	display: block;
  	outline: none; height:auto !important; width:100%
}
.slider-home .slide img { width:100%}
.slider-home .owl-dots {
    bottom: 65px;
    display: block;
    margin: 0 auto;
    position: relative;
    text-align: left;
    width: 1080px;
}
.slider-home .owl-dots .owl-dot {
	width: 10px;
	height: 10px;
	background: #fff;
	display: inline-block;
	*display: inline;
	zoom: 1;
	opacity: 1;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	margin: 0 5px;
	-webkit-box-shadow:inset 0 -1px 1px 0 rgba(0,0,0,0.5);
box-shadow:inset 0 -1px 1px 0 rgba(0,0,0,0.5);
}
.slider-home .owl-dots .owl-dot.active {
	opacity: 0.9;
	background: #00ff78;
}

/********* FOTER ********************/
footer {	display: block; text-align:center; text-transform:uppercase; padding:20px; position:relative; float:left; width:100%}


@media (max-width: 920px) {
	
	
	.hamburger {
		position:absolute;
		top:20px;
		float:right;
		margin:0;
		padding:0;
		cursor:pointer;
		z-index:99999;
		display:block;
		right: 10px;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	.hamburger.open {
		
	}
	.hamburger .hamburger-inner {
		position:relative;
		height:21px;
		width:24px;
		display:block;
		margin:0;
		padding:0
	}
	.hamburger .bar {
		width:24px;
		height:4px;
		background:#fff;
		position:absolute;
		top:0;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	.stk .hamburger .bar {
		background: #000;
	}
	.hamburger .bar.bar2, .hamburger .bar.bar3 {
		top:7px;
		transform: matrix(0.99999, 0, 0, 0.99999, 0, 0);
	}
	.hamburger .bar.bar4 {
		top:14px
	}
	.hamburger.open .bar1, .hamburger.open .bar4 {
		opacity: 0;
	}
	.hamburger.open .bar2 {
		height:4px;
		transform: matrix(0.7071, 0.7071, -0.7071, 0.7071, 0, 0);
	}
	.hamburger.open .bar3 {
		height:4px;
		transform: matrix(0.7071, -0.7071, 0.7071, 0.7071, 0, 0);
	}
	header {
		overflow: visible;
	}
	header .logo {
		float: none;
	}
	header .logo img {
		display: block;
		width: 175px;
	}
	.menu-nav {
	    background: #fff none repeat scroll 0 0;
	    display: block;
	    float: none;
	    margin: 0;
	    position: absolute;
	    top: 60px;
	    left: 0;
	    right: 0;
	    z-index: 9;
	    overflow: hidden;
	    max-height: 0;
	    -webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.menu-nav.open {
		max-height: 450px;
	}
	.menu-nav .menu {
		text-align: center;
	}
	.menu-nav .menu li {  display: block;  margin: 0px 0;	}
	.menu-nav .menu li a{ max-width:100%; color:#72215c; padding:20px 0}
	.menu-nav .menu li a.current{ border-bottom:#72215c 1px solid}
	.menu-nav .menu li img { display:none}
	
	.btnTxt{}
	
	.logoMob { position:absolute; left:10px; top:-10px; width:80px; z-index:99999}

	.slider-home .owl-dots {
		bottom: 40px;
	}	
#contacto { padding:30px 0px 0px 0px;}
#contacto iframe { border:#852f4f 8px solid; width:100% !important; height:300px !important; margin-bottom:30px }
#contacto h1 { font-size:24px}
#contacto h2 { font-size:18px}
.evento{ width:50%;   margin:0 0.5% 1% 0.5%;}
.mob { display:block}
.desk {display: none !important;}

header { height:60px; margin-top:0px}



.social { position:absolute; right:10px; top:12px}
.social a { max-width:40px; position:relative; float:left; display:block; margin-left:10px}
.social a img { width:100%}

#nosotros { padding:0px}
	
}

@media (max-width: 600px) {	
.evento{ width:100%;   margin:0 0% 1% 0%;}
	
}

@media (max-width: 400px) {
	
	
}

/***** FIXING IE9 ******/