


@font-face {
	font-family:"Roboto Regular";
	src:url("../fonts/Roboto-Regular.eot?") format("eot"),
	url("../fonts/Roboto-Regular.woff") format("woff"),
	url("../fonts/Roboto-Regular.ttf") format("truetype"),
	url("../fonts/Roboto-Regular.svg#Roboto-Regular") format("svg");
	font-weight:normal;
	font-style:normal;
	}
	
@font-face {
  font-family:"Free Serif Bold Italic";
  src:url("../fonts/Free_Serif_Bold_Italic/FreeSerifBoldItalic.eot?") format("eot"),
  url("../fonts/Free_Serif_Bold_Italic/FreeSerifBoldItalic.woff") format("woff"),
  url("../fonts/Free_Serif_Bold_Italic/FreeSerifBoldItalic.ttf") format("truetype"),
  url("../fonts/Free_Serif_Bold_Italic/FreeSerifBoldItalic.svg#FreeSerifBoldItalic") format("svg");
  font-weight:normal;
  font-style:normal;
}

@font-face {
	font-family:"decker";
	src:url("../fonts/Decker/Decker.eot?") format("eot"),
	url("../fonts/Decker/Decker.woff") format("woff"),
	url("../fonts/Decker/Decker.ttf") format("truetype"),
	url("../fonts/Decker/Decker.svg#Decker") format("svg");
	font-weight:normal;
	font-style:normal;
	}

.escondido{ 
  display: none; 
}
	
#contenedor{
  width:100%;
  overflow:hidden;
  z-index:9999;
  position:relative;
}
.pad{
  padding-left:0px;
  padding-right:0px;
}
.clear{
  clear:both;
}
body{
  background:#181818;
}
#header {
  background: #fff;
    margin: 0;
    width: 100%;
    max-width: 100%;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: 0px;
    position: fixed;
    z-index: 999;
    padding: 0;
}
.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000\9;
    background-color: rgba(255, 255, 255, 0);
    border: 1px solid #000 !important;
    border-radius: 10px;
}
#datos-head{
  background: #000;
  padding: 5px 0px;
}
#barra-menu{
  background-size: cover;
}
.modal-open .modal{
	background:rgba(0, 0, 0, 0.6);
}

.modal-content{
	background-color:transparent;
	box-shadow:none;
	border:none;
}
#boton {
  width: 100%;
  margin-top: 10px;

}
#boton a{
  background: #fff;
  padding: 12px;
  font-size: 12px;
  text-align: center;
  color: #000;
  text-decoration: none;
  width: 100%;
 float: left;
 margin-top: 12px;
 font-weight: bold;
}
#boton a:hover{
  background: #ffbe00;
  color: #000;
}
.disen h1{
  color: #fff;
  width: 100%;
  float: left;
  text-align: center;
  font-size: 37px;
  margin-top: 20px;
}
#menu{
	padding-bottom: none;
	background: transparent;
	width: 100%;
	margin-top: 2%;
	border: none;
	font-family:"Decker";
  min-height: 10px;
}
.menu{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  justify-content: space-around;
  margin-top: 10px;
}
.menu li{
  text-align: center;
}
#navbar a{
  color: #000;
  font-size: 18px;
  float: left;
  position: relative;
  padding: 2px 5px;
  margin-left: 20px;
  text-decoration: none !important;
  border-bottom: solid 2px transparent;
}
#navbar a:hover{
  color: #000;
  border-bottom:  solid 2px #000;
}
#navbar .selec{
  color: #000;
  border-bottom:  solid 2px #000;
}
#banner-aruclub {
  margin-top: 110px;
}
.redes{
  border-right: solid 1px #fff;
  float: left;
  position: relative;
}
.ins{
  background: url(../img/redes.png) -8px -10px;
  display: inline-block;
  width: 30px;
  height: 30px;
}
.ins:hover{
  background: url(../img/redes.png) -8px -10px;
}
.fb{
  background: url(../img/redes.png) -41px -10px;
  display: inline-block;
  width: 30px;
  height: 30px;
}
.fb:hover{
  background: url(../img/redes-h.png) -41px -10px;
}
.ins2{
  background: url(../img/redes2.png) -8px -10px;
  display: inline-block;
  width: 30px;
  height: 30px;
}
.ins2:hover{
  background: url(../img/redes2.png) -8px -10px;
}
.fb2{
  background: url(../img/redes2.png) -41px -10px;
  display: inline-block;
  width: 30px;
  height: 30px;
}
.fb2:hover{
  background: url(../img/redes2.png) -41px -10px;
}
.tw{
  background: url(../img/redes.png) -73px -10px;
  display: inline-block;
  width: 30px;
  height: 30px;
}
.tw:hover{
  background: url(../img/redes-h.png) -73px -10px;
}
.yt{
  background: url(../img/redes.png) -108px -10px;
  display: inline-block;
  width: 30px;
  height: 30px;
}
.yt:hover{
  background: url(../img/redes-h.png) -108px -10px;
}
.mail{
  background: url(../img/redes.png) -148px -10px;
  display: inline-block;
  width: 30px;
  height: 30px;
}
.mail:hover{
  background: url(../img/redes-h.png) -148px -10px;
}

.telefono-h{
  color: #FFF;
  font-family:"Decker";
  float: left;
  position: relative;
  font-size:17px;
  width: 50%;
  margin-top: 20px;
}
.telefono-h  p{
  color: #000;
  background:#fff;
  padding: 5px;
  text-align: left;
  font-size: 24px;
}


.logo-b{
  position: absolute;
  top: 20%;
  left: 0px;
  width: 100%;
}
#emp-home{
  padding: 40px 0px;
  font-family: 'Roboto', sans-serif;
}
#emp-home h1 {
    text-align: center !important;
    margin-top: 20px;
    font-size: 40px;
    color: #feca00;
}
#emp-home p {
    text-align: center !important;
    margin-top: 20px;
    font-size: 25px;
    color: #fff;
	margin-bottom: 35px;
}
.texto-e{
  background: #fff;
  padding:40px;
  border-top: solid 4px #000;
  border-bottom: solid 4px #000;
  float: left;
  position: relative;
  width: 100%;
  text-align: center;
}
.texto-e h3{
  font-family:"Decker";
  font-size: 32px;
  color: #000;
}
.texto-e h2 {
    font-family: "Decker";
    font-size: 30px;
    color: #000;
	margin-top: 84px;
}
.texto-e p{
  font-family:"Decker";
  font-size:21px;
  margin-top: 30px;
  line-height:34px;
  color:#515151;
  text-align: left;
}
.home-div{
  padding: 0px;
  min-height: 324px;
}
.margen-div{
  margin-top: 30px;
}
.home1{
  text-transform: uppercase;
  text-align: center;
  font-family: 'Roboto', sans-serif;
  font-size: 20px;
}
.home1 h2{
  color: #fff;
  margin-top: 5px;
  font-size: 48px;
}
.home1 h2 span{
  color: #ffbe00;
  font-size: 20px;
}
#fecha-h{
  text-align: center;
  margin-top: 10px;
}
.home1 h4{
  color: #fff;
  font-size: 40px;
  vertical-align: middle;
  display: inline-block;
  margin-top: 12px;
  padding-bottom: 20px;
}
.home1 h3{
  color: #ffbe00;
  font-size: 48px;
  vertical-align: middle;
}
.home1 h5{
  font-size: 29px;
  color:#C41736;
}
.home1 p{
  color: #fff;
  text-transform: none;
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 19px;
}
.home1 a{
  color: #C41736;
  display: inline-block;
  margin-top: 20px;
  border: solid 2px #898989;
  padding: 10px 20px;
  font-size: 28px;
  text-transform: none;
}
.productos h1 {
color: #fff;
padding-top: 12px;
padding-bottom: 12px;
font-size: 27px;
}
/**/
#titulo{
  padding-top: 165px;
  padding-bottom: 75px;
  background-size: cover;
	text-align: center;
}
#titulo h1{
  font-size: 72px;
  color: #fff;
  text-shadow:3px 4px 4px #000;
  display: inline-block;
  font-family:"Decker";
}
#titulo h2{
	margin-top: 10px;
	color: #fff;
	font-weight: normal;
	font-size: 36px;
	text-shadow: 2px 2px 3px #000;
}
.bg-1{
  background: url(../img/bg1.jpg) no-repeat center top;
}
#frase2{
	background: #000;
	padding:43px 15px;
	text-align: center;
}
#frase2 h1{
	color: #fff;
	font-family:"Decker";
	font-size: 44px;
	display: inline-block;
	margin: 0;
}
#frase2 a{
	display: inline-block;
	padding: 15px 40px;
	background: #3fa4ca;
	color: #fff;
	font-size:22px;
}
#frase2 a:hover{
	background: #fff;
	color: #69a3c7;
	text-decoration: none;
}
#frase2 .line{
	width: 50%;
	height: 4px;
	background: #e3e3e3;
	margin-left: 0;
}
#emp-r{
	padding: 40px 15px;
	padding-right: 10%;
}
#emp-r h1{
	color: #3b3b3b;
	font-family:"Decker";
	font-weight:normal;
	font-size: 44px;
	margin-top: 30px;
}
#emp-r p{
	margin-top: 30px;
	text-align: justify;
	line-height: 26px;
	color: #7d7d7d;
	font-size:22px;
}
#emp-r .line{
	margin-left: 0;
}
#emp-l{
	padding: 95px 15px;
	padding-left: 10%;
	background: url(../img/empresa/bg.jpg) no-repeat center top;
}
#emp-l h1{
	color: #3b3b3b;
	font-family:"Decker";
	font-size: 44px;
	margin-top: 30px;
}
#emp-l p{
	margin-top: 30px;
	text-align: justify;
	line-height: 26px;
	color: #727171;
	font-size:22px;
}
#emp-l .line{
	margin-left: 0;
}
#mision{
	padding: 59px 15px;
	background: url(../img/empresa/textura.jpg) no-repeat center top;
	padding-right: 10%;
}
#mision h1{
	color: #fff;
	font-size: 44px;
	font-family:"Decker";
	margin-top: 20px;
}
#mision p{
	margin-top: 15px;
	color: #fff;
	line-height: 28px;
	text-align:left;
	font-size:22px;
}
.mision{
	background: url(../img/empresa/ico1.png) no-repeat top left;
	padding-left: 91px;
}
.vision{
	background: url(../img/empresa/ico2.png) no-repeat top left;
	padding-left: 91px;
}
.empresa{
	text-align: center;
	padding: 40px 30px;
	float: left;
	position: relative;
	width: 100%;
	box-sizing: border-box;
	min-height: 345px;
}
.empresa h1{
	color: #fff;
	text-shadow: 2px 2px 2px #000;
	font-family:"Decker";
	font-size: 36px;
	margin-top: 20px;
}
.empresa p{
	text-align: center;
	color: #000;
	margin-top: 15px;
	line-height: 24px;
	font-size:22px;
	font-weight:normal;
}
.empresa1 {
	text-align: center;
	padding: 40px 30px;
	float: left;
	position: relative;
	width: 100%;
	box-sizing: border-box;
	min-height: 345px;
}
.empresa1 h1 {
    color:#000;
    font-family: "Decker";
    font-size: 36px;
    margin-top: 20px;

}
.empresa1 p{
	text-align: center;
	color: #000;
	margin-top: 15px;
	line-height: 24px;
	font-size:22px;
	font-weight:normal;
}
.azul1{
	background: #d9b19e;
}
.azul2{
	background: #dad5d2;
}
.azul3{
	background: #d7e3e9;
}
.azul4{
	background: #fff;
}
.azul5{
	background: #fff;
}
.bg-2{
  background: url(../img/bg2.jpg) no-repeat center top;
}
/**/
.producto{
  float: left;
  position: relative;
  margin-top: 20px;
  width: 100%;
  max-height: 375px;
  min-height: 375px;
}
.img-producto{
  height: 275px;
  margin-top: 20px;
}
.img-producto img{
  max-height: 100%;
}
.botones-producto{
  margin-top: 15px;
  float: left;
  position: relative;
  width: 100%;
  text-align: center;
}
.botones-producto a{
  display: inline-block;
  background: #000;
  font-family:"Roboto Bold";
  color: #FFF;
  padding:6px 10px;
  text-decoration: none;
}
.botones-producto a:hover{
  background: #c9d22a;
}
.texto-producto{
  margin-top: 15px;
  float: left;
  position: relative;
  width: 100%;
  font-family: 'Roboto', sans-serif;
  text-align: center;
}
.texto-producto h2{
  font-family:"Roboto Bold";
  font-size:16px;
  text-transform: uppercase;
}
.texto-producto p{
  margin-top: 8px;
  color: #000;
}
#carousel-productos .paginador{
  bottom: 0px;
  text-align: center;
  position: relative;
  float: left;
  margin-bottom: 50px;
  margin-top: 50px;
}
#carousel-productos .paginador li{
  width: 25px;
  padding: 5px 0px;
  font-family:"Roboto Bold";
  color: #fff;
  text-align: center;
  display: inline-block;
  font-size: 16px;
  text-indent:0;
  border:none;
}
#carousel-productos .paginador .active{
  height: 25px;
  margin: 0;
  background-color: #fff;
  color: #000;
}


/**/
#sistema{
	padding: 40px 15px;
	background: #eeeeee;
}
#sistema h1{
	color: #3b3b3b;
	font-family:"Decker";
	font-size: 44px;
	margin-top: 30px;
}
#sistema p{
	margin-top: 30px;
	text-align: justify;
	line-height: 26px;
	color: #727171;
	font-size:22px;
}
#sistema .line{
	margin-left: 0;
}
#mallas{
	padding: 40px 15px;
	background: url(../img/bg-mallas.jpg) no-repeat left top;
	background-size: contain;
}
#mallas h2{
	font-size: 40px;
	color: #3b3b3b;
	margin-top: 200px;
	font-family:"Decker";
}
#mallas h2 span{
	color:#368aaa;
	font-family:"Decker";
	font-size: 38px;
}
#mallas img{
	margin: 15px 0px;
}
.bg-3{
  background: url(../img/bg3.jpg) no-repeat center top;
}
#productos{
	padding: 40px 15px;
}
.producto{
	margin-top: 20px;
	margin-bottom: 20px;
	float: left;
	position: relative;
	width: 100%;
	background: #fff;
}
.texto-pro{
	position: absolute;
	left: 0px;
	top: 45%;
	text-align: center;
	width: 100%;
	color: #fff;
	text-transform: uppercase;
	font-size: 24px;
	z-index: 9;
	font-family:"Roboto Bold";
	text-shadow: 3px 4px 4px #000;
}
.texto-pro span{
	font-size: 22px;
	font-weight:normal;
	font-family:"Roboto Regular";
	text-transform: none;
}
.bg-4{
  background: url(../img/bg4.jpg) no-repeat center top;
}
/**/
.caption{
  background: rgba(255, 255, 255, 0.79);
  z-index: 999;
  bottom: 25%;
  padding: 39px 65px;
  text-align: center;
  position: fixed;
}
.carousel-inner {
  overflow: hidden;
}

.caption h2{
  font-size: 30px;
  font-family:"Decker";
  color:#000;
  margin-top: 12px;
}
.caption p{
  margin-top: 15px;
  color: #000;
  font-family:"Decker";
}
.line{
  background: #841b2d;
  height: 1px;
  width: 50%;
  margin-left: 25%;
  margin-top: 8px;
}
.caption a{
  display: inline-block;
  background: #ffbe00;
  color: #000;
  padding: 11px 26px;
  margin-top: 20px;
  font-family:"Decker";
}
.caption a:hover{
  background: #000;
  text-decoration: none;
  color: #fff;
}
#carousel-home2 .carousel-indicators li{
  background: #fff;
}
#carousel-home2 .carousel-indicators .active{
  background: #ffbe00;
  border-color: #ffbe00;
}
#reservas-home{
  background: #f1f1f1;
  padding: 50px 0px;
  font-family:"Decker";
}
#reservas-home h1{
  font-family:"Decker";
  text-align: center;
  text-transform: uppercase;
  font-size: 30px;
  color: #000;
}

#reservas-home p{
  padding-top: 15px;
  padding-bottom: 26px;
  font-size: 19px;

}

#reservas-home h4{
  color: #929292;
  font-size:15px;
}

#reservas-home span{
  color: #9C142A;
  font-family:"Decker";
  font-size:20px;
}


#form-home{
  border: solid 1px #c2bfc4;
  padding: 10px;
  width: 100%;
  float: left;
  display: inline-block;
  margin-top: 1px;
}

#form-home ul li{
  display: inline-block;
  width: 29%;
}

#form-home ul li a{
  border: solid 1px #c2bfc4;
  padding: 20px 0px;
  font-size:20px;
  float: left;
  color: #000;
  text-align: center;
  width: 100%;
  background: #fff;
}
#form-home ul li a:hover{
  color: #9C142A;
  text-decoration: none;
}
.down{
  width: 8% !important;
}
.down a{
  color: #841b2d !important;
}
#form-home form{
  width: 80%;
  margin-left: 10%;
  margin-top: 15px;
}
#form-home .form-group label{
  width: 100%;
  display: inline-block;
  color: #ffbe00;
  font-family:"Decker";
	
}
#form-home .form-group input{
  width: 70%;
  display: inline-block;
  border-radius: 0px;
  border: solid 1px #c2bfc4;
  float: right;
  margin-bottom: 25px;
}
#form-home .form-group select{
  width: 70%;
  display: inline-block;
  border-radius: 0px;
  color: #999;
  border: solid 1px #c2bfc4;
  float: right;
  margin-bottom: 25px;
}
#form-home .form-group textarea{
  width: 70%;
  display: inline-block;
  border-radius: 0px;
  border: solid 1px #c2bfc4;
  height: 60px;
  padding: 10px;
  font-size: 14px;
  float: right;
  margin-bottom: 25px;
}
.com-tex{
  float: left;
  margin-right: 4px;
}
#anterior-h{
  float: left;
  position: relative;
  padding: 7px 15px;
  background: #9C142A;
  color: #FFF;
  border: none;
  font-weight: bold;
  cursor: pointer;
  margin-top: 30px;
}
#anterior-h:hover{
  background: #000;
  text-decoration: none;
}
#enviar-h{
  float:right;
  position: relative;
  padding: 7px 15px;
  background: #ffbe00;
  color: #000;
  border: none;
  font-family:"Decker";
  margin-top: 30px;
}
#enviar-h:hover{
  background: #000;
  color: #fff;
}
#blog{
  background: #fff;
  padding: 50px 0px;
  font-family:"Decker";
}
#blog h1{
  font-family:"Decker";
  text-align: center;
  text-transform: uppercase;
  font-size: 30px;
  color: #000;
}
.lineas{
  margin-top: 20px;
  
}
.blog{
  margin-top: 25px;
  font-family:"Decker";
}
.blog h2{
  color:#AE3E4F;
  font-size:20px;
  font-family:"Decker";
  margin-top: 15px;
  text-align: center;
}
.blog p{
  margin-top: 15px;
  color: #000;
  font-size:18px;
  text-align: center;
}
.blog a{
  margin-top: 30px;
  color: #000;
  font-family:"Decker";
  display: inline-block;
  font-size: 16px;
}
.blog a:hover{
  text-decoration: none;
  color: #AE3E4F;
}
#eventos{
  background: #181818;
  padding-top: 50px;
  font-family:"Decker";
}
#eventos h3{
  font-family:"Decker";
  text-align: center;
  text-transform: uppercase;
  font-size: 30px;
  color: #fff;
}
#eventos h2{
  text-align: center;
  margin-top: 20px;
}
.evento-caja{
  background: #fff;
  margin-top: 20px;
  float: left;
  position: relative;
  width: 100%;
}
.evento-caja h3{
  margin-top: 43px;
  color: #000;
  font-family:"Decker";
  font-size: 31px;
  text-transform: uppercase;
  margin-left: 20px;
  text-align: center;
}
.evento-caja p{
  margin-top: 8px;
  color: #fff;
  margin-left: 20px;
  font-size: 20px;
  text-align: center;
}
ul#countdown li {
  display: inline-block;
  background: transparent url('../img/timer-piece.png') no-repeat left top;
  width: 90px;
  text-align: center;
}
ul#countdown li span {
  font-size: 44px;
  font-weight: bold;
  color: #000;
  height: 108px;
  line-height: 80px;
  position: relative;
  font-family: "Decker";
}
ul#countdown li p.timeRefDays,
ul#countdown li p.timeRefHours,
ul#countdown li p.timeRefMinutes,
ul#countdown li p.timeRefSeconds {
  margin-top: 1em;
  color: #000;
  font-size: .875em;
  margin-left: 0px;
}
.timer-area {
    margin-top: 30px;
    margin-left: 27%;
}
#ver-eventos{
  float: right;
  position: relative;
  background: #000;
  font-size: 18px;
  color: #FFF;
  padding: 10px;
}
#ver-eventos:hover{
  background: #9C142A;
  text-decoration: none;
}
#alianzas{
  background: #fff;
  padding: 84px 0px;
  padding-bottom: 67px;
  font-family: 'Roboto', sans-serif;
}
#alianzas h1{
  font-family:"Decker";
  text-align: center;
  text-transform: uppercase;
  font-size: 30px;
  color: #9B1027;
}
.alianzas{
  float: left;
  position: relative;
  width: 100%;
  margin-top: 20px;
  text-align: center;
}
.alianzas a{
  color: #000;
  text-decoration: none;
}
#carousel-home3 .carousel-indicators{
  bottom: -40px;
}
#carousel-home3 .carousel-indicators li{
	width:13px;
	height:13px;
  background: #000;
  border-color: #000;
}
#carousel-home3 .carousel-indicators .active{
  background:#9B1329;
  border-color: #9B1329;
}
#servicios-home{
  background: url(../img/img-servicios.jpg) no-repeat center top;
  background-size: cover;
  padding: 56px 0px;
}
#servicios-home h1{
  font-family:"Decker";
  text-align: center;
  text-transform: uppercase;
  font-size: 30px;
  color: #FFF;
}
#servicios-home h2{
  text-align: center;
  margin-top: 20px;
  color: #FFF;
  font-size:18px;
}
#tabs-ser{
  margin-top: 30px;
  height:167px;
}
#tabs-ser .nav-tabs{
  text-align: center;
  font-family:"Roboto Regular";
  border: none;
}
#tabs-ser .nav-tabs li{
  display: inline-block;

  margin-left: 10px;
  float: none;
  margin-right: 10px;
}
#tabs-ser .nav-tabs li a{
  padding-top: 35px;
  min-width: 145px;
  font-family:"Roboto Bold";
  border-radius: 0px;
  color: #000;
  border: none
}
#tabs-ser .nav-tabs li a:hover{
  color: #FFF;
}
.ico1{
  background: url(../img/iconos.png) no-repeat 14px 2px #fff;
}
#tabs-ser .nav-tabs > .active > .ico1 {
  background: url(../img/iconos-h.png) no-repeat 14px 2px #9c142a !important;
  color: #FFF;
}
.ico1:hover{
  background: url(../img/iconos-h.png) no-repeat 14px 2px #9c142a !important;
}
.ico2{
  background: url(../img/iconos.png) no-repeat -127px 2px #fff;
}
#tabs-ser .nav-tabs > .active > .ico2 {
  background: url(../img/iconos-h.png) no-repeat -127px 2px #841b2d !important;
  color: #FFF;
}
.ico2:hover{
  background: url(../img/iconos-h.png) no-repeat -127px 2px #9c142a !important;
}
.ico3{
  background: url(../img/iconos.png) no-repeat -260px 2px #fff;
}
#tabs-ser .nav-tabs > .active > .ico3 {
  background: url(../img/iconos-h.png) no-repeat -260px 2px #841b2d !important;
  color: #FFF;
}
.ico3:hover{
  background: url(../img/iconos-h.png) no-repeat -260px 2px #9c142a !important;
}
.ico4{
  background: url(../img/iconos.png) no-repeat -394px 2px #fff;
}
.ico4:hover{
  background: url(../img/iconos-h.png) no-repeat -394px 2px #9c142a !important;
}
#tabs-ser .nav-tabs > .active > .ico4 {
  background: url(../img/iconos-h.png) no-repeat -394px 2px #841b2d !important;
  color: #FFF;
}
#servicios-home .tab-pane{
  text-align: center;
  margin-top: 20px;
}
#servicios-home h3{
  font-family:"Decker";
  font-size:18px;
  color: #FFF;
}
#servicios-home p{
  color: #FFF;
  margin-top: 20px;
  padding: 0px 30%;
  font-family:"Decker";
  font-size:18px;
}
#mapa{
	height:328px;
  width: 100%;
  float: left;
  position: relative;
	}
#ampliar{
  background: #000;
  font-size: 18px;
  color: #FFF;
  padding: 10px;
  position: absolute;
  bottom: 20px;
  right: 15%;
  z-index: 999;
	}
#ampliar:hover{
  background: #b61833;
  text-decoration: none;
	}
footer{
  background: #000;
  padding-top: 35px;
  font-family: "Decker";
}
footer h1{
  font-family:"Decker";
  font-size:20px;
  color: #FFF;
  text-transform: uppercase;
}
footer h2{
  font-family:"Decker";
  font-size:35px;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
}
footer p{
  margin-top: 20px;
  color: #FFF;
  line-height: 23px;
  font-size: 20px;
}
.color{
  color: #ffbe00;
  font-size:18px;
  font-family:"Decker";
}
.colors{
  color: #9b142a;
  font-size:27px;
  font-family:"Decker";
}
.iconos-f{
  background: url(../img/footer.png) no-repeat -11px 0px;
  padding-left:29px;
  line-height: 28px;
}
footer img{
  margin-top: 20px;
}
#web{
  background: #000;
  padding: 8px 0px;
}
.redes-f{
  text-align:left;
  float: left;
  position: relative;
  margin-top: 10px;
  margin-bottom: 100px;
}
#web a{
  background: url(../img/web.png) no-repeat right;
  color: #fff;
  padding: 6px 65px;
  float: right;
}
#historia{
  background: #fff;
  padding: 50px 0px;
  font-family: "Decker";
  text-align: center;
}
#historia h1{
  font-family:"Decker";
  text-align: center;
  text-transform: uppercase;
  font-size: 30px;
  color: #9B162A;
}
#historia p{
  margin-top: 15px;
  color: #000;
  font-size:18px;
  font-family:"Decker";
  line-height: 21px;
}
#prensa{
  padding: 50px 0px;
  font-family:"Decker";
  text-align: center;
  background: #f1f1f1;
}
#prensa h1{
  font-family:"Decker";
  text-align: center;
  text-transform: uppercase;
  font-size: 30px;
   color: #9B162A;
}
/*Foto Box*/
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp{
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
  z-index:9999;
  }
.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99999999;
  }
.fancybox-skin {
  position: relative;
  background: #fff;
  color: #444;
  text-shadow: none;
  }
.fancybox-opened {
  z-index: 999999;
  }
.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
     -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
          box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  }
.fancybox-outer, .fancybox-inner {
  position: relative;
  }
.fancybox-inner {
  overflow: hidden;
  }
.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
  }
.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
  }
.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
  }
.fancybox-image {
  max-width: 100%;
  max-height: 100%;
  }
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url('../img/fancybox_sprite.png');
  }
#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 9999;
  }
#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url('../img/fancybox_loading.gif') center center no-repeat;
  }
.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 99999;
  }
.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url('../img/blank.gif'); /* helps IE */
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  z-index: 999999;
  }
.fancybox-prev {
  left: 0;
  }
.fancybox-next {
  right: 0;
  }
.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 99999;
  visibility: hidden;
  }
.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px;
  }
.fancybox-next span {
  right: 10px;
  background-position: 0 -72px;
  }
.fancybox-nav:hover span {
  visibility: visible;
  }
.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
  }
/* Overlay helper */
.fancybox-lock {
  overflow: hidden;
  }
.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index:9999;
  background-image:url(../img/fancybox_overlay.png);
  }
.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
  }
.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
  }
/* Title helper */
.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050;
  }
.fancybox-opened .fancybox-title {
  visibility: visible;
  }
.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	width: 100%;
	margin-left: -15px;
	z-index: 99999;
	text-align: center;
	top: 40px;
	font-family: 'Raleway', sans-serif;
	font-size: 36px;
	color: #000;
	height: 10px;
  }
.fancybox-title-float-wrap .child {
  display: inline-block;
  width: 100%;
  float: left;
  position: relative;
  padding: 2px 20px;
  background: transparent; /* Fallback for web browsers that doesn't support RGBa */
  color: #000;
  line-height: 24px;
  white-space: nowrap;
  }
.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
  }
.fancybox-title-inside-wrap {
  padding-top: 10px;
  }
.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, .8);
  }
.prensa{
    width: 100%;
    float: left;
    position: relative;
    margin-top: 30px;
  }
.prensa img{
  border: solid 1px #000;
}
#carta{
  padding: 50px 0px;
  font-family: 'Roboto', sans-serif;
  background: #fff;
}
#carta h1{
  font-family:"Free Serif Bold Italic";
  text-align: center;
  text-transform: uppercase;
  font-size: 30px;
  color: #9B1929;
}

#carta h2{
  font-family:"Free Serif Bold Italic";
  text-align: center;
  font-size: 28px;
  color: #000;
  text-decoration: underline;
}


#tabs{
  margin-top: 40px;
}
.plato{
  float: left;
  position: relative;
  width: 100%;
  margin-top: 30px;
}
.plato img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
}
.plato h3 {
  font-family:"Free Serif Bold Italic";
  text-transform: uppercase;
  font-size: 20px;
  color: #9b1428;
  margin-top: 40px;
}
.plato p {
  padding: 0 0 1em 0;
  margin-top: 15px;
  font-size: 16px;
  line-height: 1.3;
}
.plato h4 {
  font-family:"Free Serif Bold Italic";
  font-size: 20px;
  color: #9b1428;
  margin-top: 6px;
}

.plato h5 {
  font-family:"Free Serif Bold Italic";
  font-size: 20px;
  color: #000;
  margin-top: 6px;
}
.volver{
	background: #000;
  font-size: 18px;
  color: #FFF!important;
  padding: 10px 20px;
  float: right;
  position: relative;
	}
.volver:hover{
  background: #b61833;
  text-decoration: none;
}
#reservaciones{
  padding: 50px 0px;
  font-family: 'Roboto', sans-serif;
  background: #fff;
}
#reservaciones h1{
  font-family:"Free Serif Bold Italic";
  text-align: center;
  text-transform: uppercase;
  font-size: 30px;
  color: #9E1227;
}
#espacios{
  background: #f1f1f1;
  padding: 50px 0px;
  font-family: 'Roboto', sans-serif;
}
#espacios h1{
  font-family:"Free Serif Bold Italic";
  text-align: center;
  text-transform: uppercase;
  font-size: 30px;
  color: #841b2d;
}
#video{
  margin-top: 30px;
	height:400px;
  width: 100%;
  float: left;
  position: relative;
	}
#eventos-int{
  background: #fff;
  padding: 50px 0px;
  font-family:"Roboto Regular";
}

#eventos-int h2{
	text-align:center;
	margin-top:15px;
}

#eventos-int h1{
  font-family:"Free Serif Bold Italic";
  text-align: center;
  text-transform: uppercase;
  font-size: 30px;
  color: #9E1227;
}
#eventos h2{
  text-align: center !important;
  margin-top: 20px;
  font-size: 40px;
  color: #feca00;
}
.btn-eventos{
	background: #000;
  font-size: 18px;
  color: #FFF!important;
  padding: 5px 20px;
  float: right;
  position: relative;
  margin-top: 10px;
  margin-left: 10px;
  min-height: 44px;
	}


.btn-eventos p{
	float:left;
	padding-top:4px;
}

.btn-eventos:hover{
  background: #b61833;
  text-decoration: none;
}
.btn-eventos span{
  vertical-align: middle;
}
.res{
  padding-top: 10px;
}

.tw2{
  background: url(../img/redes.png) -73px -10px;
  display: inline-block;
  width: 30px;
  height: 30px;
}
#proximos{
  background: #f1f1f1;
  padding: 50px 0px;
  font-family: 'Roboto', sans-serif;
}
#proximos h1{
  font-family:"Free Serif Bold Italic";
  text-align: center;
  text-transform: uppercase;
  font-size: 30px;
  color: #9E1227;
}
.evento{
  float: left;
  position: relative;
  width: 100%;
  margin-top: 30px;
  margin-bottom: 30px;
  font-family: 'Roboto', sans-serif;
}
.evento h2 {
  text-transform: uppercase;
  font-size: 23px;
  color: #9E1227;
  margin-top: 50px;
}
.evento p {
  margin-top: 15px;
  font-size: 16px;
  line-height: 1.3;
}
.evento h3 {
  font-size: 20px;
  font-weight: bold;
  color: #000;
  margin-top: 10px;
}
.evento a{
  color: #000;
  text-decoration: none !important;
  margin-top: 13px;
}
.evento a span{
  vertical-align: middle;
}
.ins3{
  background: url(../img/redes-b.png) -8px -10px;
  display: inline-block;
  width: 30px;
  height: 30px;
}
.fb3{
  background: url(../img/redes-b.png) -41px -10px;
  display: inline-block;
  width: 30px;
  height: 30px;
}
.tw3{
  background: url(../img/redes-b.png) -73px -10px;
  display: inline-block;
  width: 30px;
  height: 30px;
}
.evento-right{
  text-align: right;
}
#ubicacion{
  padding-top: 40px;
  font-family: 'Roboto', sans-serif;
}
#ubicacion h3{
  font-family:"decker";
  text-align: center;
  text-transform: uppercase;
  font-size: 30px;
  color: #fff;
}
#ubicacion #mapa{
  margin-top: 30px;
}
#contacto{
  background:#181818;
  padding: 50px 0px;
  font-family:"Decker";
}
#contacto h3{
  font-family:"Decker";
  text-align: center;
  text-transform: uppercase;
  font-size: 15px;
  color:#FFF;
  float: left;
  position: relative; 
}
#contacto p{
  text-align: center;
  font-size: 18px;
  margin-top: 30px;
  line-height: 23px;
  color: #FFF;
}
#formulario{
  margin-top: 30px;
  padding-bottom: 20px;
  font-family:"Decker";
}
#formulario h2{
	color: #FFF !important;
    font-family:"Decker";
	text-transform: none;
	font-size: 18px;
	margin-top: 5px;
   text-align: left;
}
#formulario input{
	width:100%;
	background-color:#000;
	color:#FFF;
	font-size:14px;
	padding:7px 8px;
    font-family:"Decker";
	margin-top: 5px;
    border: solid 1px #FFF;
	}
.textarea{
  margin-top: 20px;
  text-align: center;
}
#formulario textarea{
	width:100%;
	background-color:#000;
	color:#FFF;
	font-family:"Decker";
	font-size:14px;
    height: 150px;
	padding:7px 8px;
	margin-top: 5px;
    border: solid 1px #FFF;
	}
#enviar{
	width:100px !important;
	cursor:pointer;
	display: inline-block;
	font-size:18px !important;
	color:#000 !important;
	text-align:center;
    margin-right: 15px;
	margin-top:30px !important;
	padding:12px 0px !important;
	background-color: #FFF !important;
    text-transform: uppercase;
    border: none !important;
    margin: 10px;
	}
#enviar:hover{
    background:#9B1328 !important;
	color: #FFF !important;
	}
#borrar{
	width:100px !important;
    border: none !important;
    margin: 10px;
	cursor:pointer;
	display: inline-block;
	font-size:18px !important;
	color:#000 !important;
	text-align:center;
	margin-top:30px!important;
	padding:12px 0px !important;
	background-color: #FFF!important;
   text-transform: uppercase;
	}
#borrar:hover{
  background: #9B1328!important;
	color: #FFF !important;
	}
.boton-top {
	color:#fff;
  z-index: 999;
	position: fixed;
	bottom:20px;
	right:12%;
  cursor: pointer;
}
#blog2{
    width: 100%;
    float: left;
    position: relative;
	height:1850px;
	}

.navbar-toggle .icon-bar{
	width:41px;
}

.navbar-default .navbar-toggle .icon-bar{
	background-color:#fff;
}

.navbar-default .navbar-toggle{
	color:#fff;
}


.img_in{
  float: left;
}

.close {
    float: right;
    font-size: 55px;
    font-weight: 700;
    line-height: 1;
    color: #fff !important;
    text-shadow: 0 1px 0 #fff;
    opacity: 3.2;
}


.modal-content {
    background-color: transparent;
    box-shadow: none;
    border: none;
}

.modal-open .modal {
    background: rgba(3, 3, 3, 0.7);
}





@media (max-width: 800px){
  #banner-aruclub {
    margin-top: 270px;
} 	
  #titulo {
    padding-top: 460px;
}
  #banner-licores {
    margin-top: 275px;
  }
  #titulo h1 {
    font-size: 45px;
}
	.vision {
   padding:0px;
}
.mision {
   padding:0px;
}
#mision h1 {
    font-size: 29px;
    margin-top: 16px;

}
#mision p {

    margin-top: 15px;
    line-height: 20px;
    font-size: 15px;

}
#titulo h1 {

    font-size: 40px;

}
#titulo h2 {
font-size: 20px;

}
  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  		background: #000  !important;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px ;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  }
  #navbar li {
     width: 100%;
   }
  #navbar a{
    width: 100%;
    text-align: left;
  	padding: 5px;
  	margin-top: 2px;
  }
  #menu {
    margin-top: 10px;
  }
  .menu{
    display: block;
  }
  #barra-menu {
    margin-top: 0;
  }
  .logo-b {
    left: 38%;
    width: 20%;
}
.texto-e {
    padding:20px;
  }
  .home-div {
    margin-top: 30px;
    min-height: 164px;
  }

  .res-nom{
    display: none;
  }
#form-home form {
    width: 100%;
    margin-left:0;
}
#form-home .form-group label {
  width: 100%;
  font-size: 13px;
}
#form-home .form-group input{
    width: 100%;
  }
#form-home .form-group select {
    width: 100%;
  }
#form-home .form-group textarea {
    width: 100%;
    height: 80px;
  }
.telefono-h {
    font-size: 25px;
	text-align: center;
	width: 100%;
	margin-left: 0px;
}

.idioma {
  width: 100%;
  text-align: center;
  margin-top: 10px;
}
.redes {
  width: 100%;
  text-align: center;
  border: none;
  
}
#emp-home img{
  margin-top: 20px;
}
.caption {
  bottom: 0;
  left: 0;
  padding: 10px;
  width: 100%;
}
.caption h1 {
  font-size: 14px;
}
.evento-caja p {
  color: #000;
}
.line {
  margin-top: 0px;
}
.caption h2 {
  font-size: 10px;
  margin-top: 5px;
}
.caption p {
    margin-top: 5px;
    font-size: 10px;
}
#carousel-home2 .carousel-indicators {
    bottom: -18px;
}
.caption a {
    padding: 10px 20px;
    margin-top: 5px;
    font-size: 10px;
}
ul#countdown li span {
    line-height: 59px;
	font-size:30px;
}
ul#countdown li {
    width: 60px;
    background-size: 100%;
}
.timer-area {
    margin-left: 0;
}
.tab-text{
  display: none;
}
#tabs-ser .nav-tabs li a {
    min-width: 40px;
}
.ico1 {
    background: url(../img/iconos.png) no-repeat -39px 6px #fff;
}
#tabs-ser .nav-tabs > .active > .ico1 {
  background: url(../img/iconos-h.png) no-repeat -39px 6px #841b2d !important;
  color: #FFF;
}
.ico1:hover{
  background: url(../img/iconos-h.png) no-repeat -39px 6px #841b2d !important;
}
.ico2 {
    background: url(../img/iconos.png) no-repeat -178px 6px #fff;
}
#tabs-ser .nav-tabs > .active > .ico2 {
  background: url(../img/iconos-h.png) no-repeat -178px 6px #841b2d !important;
  color: #FFF;
}
.ico2:hover{
  background: url(../img/iconos-h.png) no-repeat -178px 6px #841b2d !important;
}
.ico3 {
    background: url(../img/iconos.png) no-repeat -312px 6px #fff;
}
#tabs-ser .nav-tabs > .active > .ico3 {
  background: url(../img/iconos-h.png) no-repeat -312px 6px #841b2d !important;
  color: #FFF;
}
.ico3:hover{
  background: url(../img/iconos-h.png) no-repeat -312px 6px #841b2d !important;
}
.ico4 {
    background: url(../img/iconos.png) no-repeat -448px 6px #fff;
}
#tabs-ser .nav-tabs > .active > .ico4 {
  background: url(../img/iconos-h.png) no-repeat -448px 6px #841b2d !important;
  color: #FFF;
}
.ico4:hover{
  background: url(../img/iconos-h.png) no-repeat -448px 6px #841b2d !important;
}
#servicios-home p {
    padding: 0px 10%;
}
footer p {
    margin-top: 20px;
    color: #FFF;
    line-height: 23px;
    font-size: 11px;
}
#web a {
    font-size: 10px;
    margin-left: 26px;
}
.redes-f {
    margin-bottom: 30px;
}
#video {
    height: 245px;
}
.btn-eventos {
    font-size: 15px;
}
.evento a {
    font-size: 14px;
}
.evento h2 {
    margin-top: 20px;
}

#reservas-home h1{
	font-size:26px;
}
.home1 h3 {
  font-size: 33px;
}

.home1 h2{
  font-size: 20px;
  line-height: 26px;
}

.texto-e p{
  font-size: 18px;
  line-height: 24px;
}




  
}

@media (max-width: 900px) and (min-width: 800px){
	#banner-aruclub {
    margin-top: 364px;
}
	#mision h1 {
    font-size: 30px;
    margin-top: 20px;

}
#mision p {
    margin-top: 15px;
    line-height: 22px;
    font-size: 17px;

}
#emp-r p {
    margin-top: 22px;
    line-height: 18px;
    font-size: 16px;

}
#emp-r h1 {
    font-size: 30px;
    margin-top: 0px;

}
#emp-l h1 {
    font-size: 30px;
    margin-top: -14px;

}
#emp-l p {
    margin-top: 22px;
    line-height: 18px;
    font-size: 16px;

}
	#navbar a{
		padding:2px 3px;
		margin-left:-2px;
		font-size:19px;
	}
	
	
	.caption{
		padding:26px 34px;
		bottom:3%;
	}
	
	
	.home1 h2{
    font-size: 23px;
	}

  .home1 h3{
    font-size: 41px;
  }

  .home1 h4{
    font-size: 15px;
  }
  
  .plato{
	  height:245px;
  }

 

}


@media (max-width: 1000px) and (min-width: 900px){
	#banner-aruclub {
    margin-top: 161px;
}
	#mision h1 {
    font-size: 30px;
    margin-top: 20px;

}
#mision p {
    margin-top: 15px;
    line-height: 22px;
    font-size: 17px;

}
#emp-r p {
    margin-top: 22px;
    line-height: 18px;
    font-size: 16px;

}
#emp-r h1 {
    font-size: 30px;
    margin-top: 0px;

}
#emp-l h1 {
    font-size: 30px;
    margin-top: -14px;

}
#emp-l p {
    margin-top: 22px;
    line-height: 18px;
    font-size: 16px;

}
	#navbar a{
		padding:2px 3px;
		margin-left:-2px;
		font-size:19px;
	}
	
	
	.caption{
		padding:26px 34px;
		bottom:3%;
	}
	
	
	.home1 h2{
    font-size: 23px;
	}

  .home1 h3{
    font-size: 41px;
  }

  .home1 h4{
    font-size: 15px;
  }
  
  .plato{
	  height:245px;
  }

    .modal-dialog {
    width: 640px;
    margin:38px auto;
  }

}



@media (max-width: 1200px) and (min-width: 1000px){
	#banner-aruclub {
    margin-top: 161px;
}
	#mision h1 {
    font-size: 30px;
    margin-top: 20px;

}
#mision p {
    margin-top: 15px;
    line-height: 22px;
    font-size: 17px;

}
#emp-r p {
    margin-top: 22px;
    line-height: 18px;
    font-size: 16px;

}
#emp-r h1 {
    font-size: 30px;
    margin-top: 0px;

}
#emp-l h1 {
    font-size: 30px;
    margin-top: -14px;

}
#emp-l p {
    margin-top: 22px;
    line-height: 18px;
    font-size: 16px;

}
	#navbar a{
		padding:2px 3px;
		font-size:23px;

	}
	
	.home1 h2{
		margin-top:26px;
    font-size: 37px;
	}
	
	.caption{
		bottom:14%;
	}
	
	.timer-area{
		margin-top:10px;
		margin-left:9%;
		height:90px;
	}
	
	.evento-caja h3{
		margin-top:9px;
	}
	.evento-caja p{
		margin-top:12px;
		font-size:14px;
	}
	
	.plato{
	  height:245px;
  }
	
	.modal-dialog {
    width: 640px;
    margin:38px auto;
  }
	
}



@media (max-width: 1290px) and (min-width: 1200px){
	#mision h1 {
    font-size: 30px;
    margin-top: 20px;

}
#mision p {
    margin-top: 15px;
    line-height: 22px;
    font-size: 17px;

}
#emp-r p {
    margin-top: 22px;
    line-height: 18px;
    font-size: 16px;

}
#emp-r h1 {
    font-size: 30px;
    margin-top: 0px;

}
#emp-l h1 {
    font-size: 30px;
    margin-top: -14px;

}
#emp-l p {
    margin-top: 22px;
    line-height: 18px;
    font-size: 16px;

}
	#navbar a{
		margin-left:-4px;
	}
	
	.home-div{
		min-height:214px;
	}
	
	.home1 h2{
		line-height:28px;
    font-size: 26px;
    margin-top: 29px;
	}
	
	.home1 h2 span{
		font-size:16px;
	}
	
	.home1 a{
		font-size:14px;
		margin-top:4px;
		padding:8px 20px;
	}
	
	.home1 p{
		margin-top:2px;
		margin-bottom:7px;
	}
	
	.texto-e{
    min-height: 500px;
    height: 594px;
		padding:13px;
	}
	
	.timer-area{
		margin-left:10%;
	}
	
	.evento-caja h3{
		margin-top:14px;
    font-size: 29px;
	}
	
	.texto-e p{
		font-size:16px;
		line-height:24px;
	}
	
	.home-div{
		padding:30px;
	}
	
	.home1 h3{
		font-size:30px;
	}
	
	.timer-area{
		margin-left:11%;
		height:114px;
		margin-top:5px;
	}
	
	.evento-caja p{
		margin-top:11px;
		font-size:14px;
	}

  .home1 h4{
    font-size: 13px;

  }
  
  
	.plato{
	  height:230px;
  }

    .modal-dialog {
    width: 640px;
    margin:38px auto;
  }
	
	
	
	
}

@media (max-width: 1300px) and (min-width: 1290px){
	
	#mision h1 {
    font-size: 30px;
    margin-top: 20px;

}
#mision p {
    margin-top: 15px;
    line-height: 22px;
    font-size: 17px;

}
#emp-r p {
    margin-top: 22px;
    line-height: 18px;
    font-size: 16px;

}
#emp-r h1 {
    font-size: 30px;
    margin-top: 0px;

}
#emp-l h1 {
    font-size: 30px;
    margin-top: -14px;

}
#emp-l p {
    margin-top: 22px;
    line-height: 18px;
    font-size: 16px;

}
	.texto-e{
		padding:36px; 
    height: 598px;
	}
	

  .home1 h3{
    font-size: 38px;
  }

  .home1 h4{
    font-size: 14px;
  }
	
  .texto-e p{

    font-size: 17px;
    line-height: 20px;
  }
	
	.home-div{
		min-height:226px;
	}
	
	.home1{
		font-size:19px;
		
	}
	
	.home-div{
		padding:37px;
	}
	
	.home1 h2{
		margin-top:16px;
    font-size: 32px;
    line-height: 40px;
	}
	
	.home1 a{
		margin-top:6px;
    font-size: 24px;
	}
	
	.timer-area{
		margin-left:11%;
		height:114px;
		margin-top:5px;
	}
	
	.evento-caja p{
		margin-top:11px;
		font-size:14px;
	}
	
	.evento-caja h3{
		margin-top:19px;
	}
	
	.plato{
	  height:230px;
  }
	
 .modal-dialog {
    width: 640px;
    margin:38px auto;
  }
  
	
	
}

@media (max-width: 1340px) and (min-width: 1300px){
	#mision h1 {
    font-size: 30px;
    margin-top: 20px;

}
#mision p {
    margin-top: 15px;
    line-height: 22px;
    font-size: 17px;

}
#emp-r p {
    margin-top: 22px;
    line-height: 18px;
    font-size: 16px;

}
#emp-r h1 {
    font-size: 30px;
    margin-top: 0px;

}
#emp-l h1 {
    font-size: 30px;
    margin-top: -14px;

}
#emp-l p {
    margin-top: 22px;
    line-height: 18px;
    font-size: 16px;

}
 .texto-e{
    padding:36px; 
    height:622px;
  }
  

  .home1 h3{
    font-size: 38px;
  }

  .home1 h4{
    font-size: 14px;
  }
  
  .texto-e p{
    font-size: 17px;
    line-height: 20px;
  }
  
  .home-div{
    min-height:226px;
  }
  
  .home1{
    font-size:19px;
    
  }
  
  .home-div{
    padding:37px;
  }
  
  .home1 h2{
    margin-top:16px;
    font-size: 31px;
    line-height: 37px;
  }
  
  .home1 a{
    margin-top:6px;
  }
  
  .timer-area{
    margin-left:11%;
    height:114px;
    margin-top:5px;
  }
  
  .evento-caja p{
    margin-top:11px;
    font-size:14px;
  }
  
  .evento-caja h3{
    margin-top:19px;
  }
  
  .plato{
	  height:230px;
	  background-color:#0f0;
  }

   .modal-dialog {
    width: 640px;
    margin:38px auto;
  }
  

}


@media (max-width: 1370px) and (min-width: 1340px){
  #mision h1 {
    font-size: 30px;
    margin-top: 20px;

}
#mision p {
    margin-top: 15px;
    line-height: 22px;
    font-size: 17px;

}
#emp-r p {
    margin-top: 22px;
    line-height: 18px;
    font-size: 16px;

}
#emp-r h1 {
    font-size: 30px;
    margin-top: 0px;

}
#emp-l h1 {
    font-size: 30px;
    margin-top: -14px;

}
#emp-l p {
    margin-top: 22px;
    line-height: 18px;
    font-size: 16px;

}
 .texto-e{
    padding:36px; 
    height:635px;
  }
  

  .home1 h3{
    font-size: 25px;
  }

  .home1 h4{
    font-size: 14px;
  }
  
  .texto-e p{
    font-size: 17px;
    line-height: 23px;
  }
  
  .home-div{
    min-height:226px;
  }
  
  .home1{
    font-size:19px;
    
  }
  
  .home-div{
    padding:16px;
  }
  
  .home1 h2{
    margin-top:0px;
    font-size: 20px;
    line-height: 28px;
  }
  
  .home1 a{
    margin-top:6px;
  }
  
  .timer-area{
    margin-left:11%;
    height:114px;
    margin-top:5px;
  }
  
  .evento-caja p{
    margin-top:11px;
    font-size:14px;
  }
  
  .evento-caja h3{
    margin-top:19px;
  }
  
  .plato{
	  height:230px;
  }

   .modal-dialog {
    width: 640px;
    margin:38px auto;
  }
  

}

@media (max-width: 1400px) and (min-width: 1370px){
  
 .texto-e{
    padding:36px; 
    height:647px;
  }
  

  .home1 h3{
    font-size:39px;
  }

  .home1 h4{
    font-size: 14px;
  }
  
  .texto-e p{
    font-size: 18px;
    line-height:24px;
  }
  
  .home-div{
    min-height:226px;
  }
  
  .home1{
    font-size:19px;
    
  }
  
  .home-div{
    padding:37px;
  }
  
  .home1 h2{
    margin-top:24px;
    line-height: 38px;
    font-size: 34px;
  }

  .home1 a{
    font-size: 25px;
  }
  
  
  .timer-area{
    margin-left:11%;
    height:114px;
    margin-top:5px;
  }
  
  .evento-caja p{
    margin-top:11px;
    font-size:14px;
  }
  
  .evento-caja h3{
    margin-top:19px;
  }
  
   .plato{
	  height:230px;
	  
  }

   .modal-dialog {
    width: 640px;
    margin:38px auto;
  }
  

}

@media (max-width: 1440px) and (min-width: 1400px){
  
 .texto-e{
    padding:36px; 
    height:673px;
  }
  

  .home1 h3{
    font-size:39px;
  }

  .home1 h4{
    font-size: 16px;
  }
  
  .texto-e p{
    font-size: 18px;
    line-height:25px;
  }
  
  .home-div{
    min-height:226px;
  }
  
  .home1{
    font-size:19px;
    
  }
  
  .home-div{
    padding:37px;
  }
  
  .home1 h2{
    margin-top:24px;
    font-size: 34px;
    line-height: 39px;
  }
  
  
  .timer-area{
    margin-left:11%;
    height:114px;
    margin-top:5px;
  }
  
  .evento-caja p{
    margin-top:11px;
    font-size:14px;
  }
  
  .evento-caja h3{
    margin-top:19px;
  }
  
  .plato{
	  height:230px;
  }

   .modal-dialog {
    width: 640px;
    margin:38px auto;
  }
  

}

@media (max-width: 1480px) and (min-width: 1440px){
  
 .texto-e{
    padding:36px; 
    height:490px;
  }
  

  .home1 h3{
    font-size:35px;
  }

  .home1 h4{
    font-size: 32px;
    
  }
  
  .texto-e p{
    line-height:25px;
  }
  
  .home-div{
    min-height:226px;
  }
  
  .home1{
    font-size:19px;
    
  }
  
  .home-div{
    padding:20px;
  }
  
  .home1 h2{
    margin-top:0px;
    font-size: 20px;
  }
  
  
  .timer-area{
    margin-left:11%;
    height:114px;
    margin-top:5px;
  }
  
  .evento-caja p{
    margin-top:11px;
    font-size:14px;
  }
  
  .evento-caja h3{
    margin-top:19px;
  }
  
  .plato{
	  height:230px;
	    }

     .modal-dialog {
    width: 640px;
    margin:38px auto;
  }

}

@media (max-width: 1500px) and (min-width: 1480px){
  
 .texto-e{
    padding:36px; 
    height:701px;
  }
  

  .home1 h3{
    font-size:39px;
  }

  .home1 h4{
    font-size: 16px;
  }
  
  .texto-e p{
    line-height:27px;
  }
  
  .home-div{
    min-height:226px;
  }
  
  .home1{
    font-size:19px;
    
  }
  
  .home-div{
    padding:37px;
  }
  
  .home1 h2{
    margin-top:35px;
    font-size: 37px;
    line-height: 38px;
  }
  
  
  .timer-area{
    margin-left:11%;
    height:114px;
    margin-top:5px;
  }
  
  .evento-caja p{
    margin-top:11px;
    font-size:14px;
  }
  
  .evento-caja h3{
    margin-top:19px;
  }
  
  .plato{
	  height:230px;
  }
  
  .modal-dialog {
    width: 947px;
    margin:38px auto;
  }

   .modal-dialog {
    width: 640px;
    margin:38px auto;
  }
}


@media (max-width: 1540px) and (min-width: 1500px){
  
 .texto-e{
    padding:36px; 
  }
  

  .home1 h3{
    font-size:30px;
  }
  
  .home-div{
    min-height:226px;
  }
  
  .home1{
    font-size:19px;
    
  }
  
  
  
  .home1 h2{
    font-size: 20px;
    line-height: 33px;
    margin-top: 60px;
  }
  
  
  .timer-area{
    margin-left:11%;
    height:114px;
    margin-top:5px;
  }
  
  .evento-caja p{
    margin-top:11px;
    font-size:14px;
  }
  
  .evento-caja h3{
    margin-top:19px;
  }

  .texto-e p{
    line-height: 29px;
  }
  
  
  .plato{
	  height:230px;
  }

    .modal-dialog {
    width: 640px;
    margin:38px auto;
  }

}

@media (max-width: 1560px) and (min-width: 1540px){
  
  #navbar a{
    font-size: 18px;
  }
 .texto-e{
    padding:36px; 
    height:732px;
  }
  

  .home1 h3{
    font-size:43px;
  }
  
  .home-div{
    min-height:226px;
  }
  
  .home1{
    font-size:19px;
    
  }
  
  .home-div{
    padding:37px;
  }
  
  .home1 h2{
    margin-top:32px;
    font-size: 41px;
    line-height: 42px;
  }
  
  
  .timer-area{
    margin-left:11%;
    height:114px;
    margin-top:5px;
  }
  
  .evento-caja p{
    margin-top:11px;
    font-size:14px;
  }
  
  .evento-caja h3{
    margin-top:19px;
  }

  .texto-e p{
    line-height: 30px;
  }
  
  .plato{
	  height:230px;
	  
  }
  

    .modal-dialog {
    width: 640px;
    margin:38px auto;
  }

}

@media (max-width: 1590px) and (min-width: 1560px){
  
  #navbar a{
    font-size: 18px;
  }
 .texto-e{
    padding:36px; 
    height:748px;
  }
  

  .home1 h3{
    font-size:43px;
  }
  
  .home-div{
    min-height:226px;
  }
  
  .home1{
    font-size:19px;
    
  }
  
  .home-div{
    padding:37px;
  }
  
  .home1 h2{
    margin-top:40px;
    font-size: 41px;
  }
  
  
  .timer-area{
    margin-left:11%;
    height:114px;
    margin-top:5px;
  }
  
  .evento-caja p{
    margin-top:11px;
    font-size:14px;
  }
  
  .evento-caja h3{
    margin-top:19px;
  }

  .texto-e p{
    line-height: 30px;
  }
  
  .plato{
	  height:230px;
	  
  }
  

    .modal-dialog {
    width: 640px;
    margin:38px auto;
  }

}

@media (max-width: 1620px) and (min-width: 1590px){
  
  #navbar a{
    font-size: 18px;
  }
 .texto-e{
    padding:36px; 
    height:761px;
  }
  

  .home1 h3{
    font-size:43px;
  }
  
  .home-div{
    min-height:226px;
  }
  
  .home1{
    font-size:19px;
    
  }
  
  .home-div{
    padding:37px;
  }
  
  .home1 h2{
    margin-top:40px;
    font-size: 41px;
  }
  
  
  .timer-area{
    margin-left:11%;
    height:114px;
    margin-top:5px;
  }
  
  .evento-caja p{
    margin-top:11px;
    font-size:14px;
  }
  
  .evento-caja h3{
    margin-top:19px;
  }

  .texto-e p{
    line-height: 30px;
  }

  .timer-area{
    margin-left:11%;
    height:114px;
    margin-top:32px;
  }
  
  
  .evento-caja h3{
    margin-top:26px;
  }
  
   .plato{
	  height:230px;
	  
  }
  
    .modal-dialog {
    width: 640px;
    margin:38px auto;
  }

}


@media (max-width: 1670px) and (min-width: 1620px){
  
  #navbar a{
    font-size: 18px;
  }
 .texto-e{
    height:785px;
  }
  

  .home1 h3{
    font-size:43px;
  }
  
  .home-div{
    min-height:226px;
  }
  
  .home1{
    font-size:19px;
    
  }
  
  .home-div{
    padding:37px;
  }
  
  .home1 h2{
    margin-top:40px;
    font-size: 41px;
  }
  
  
  .timer-area{
    margin-left:11%;
    height:114px;
    margin-top:5px;
  }
  
  .evento-caja p{
    margin-top:11px;
    font-size:14px;
  }
  
  .evento-caja h3{
    margin-top:19px;
  }

  .texto-e p{
    line-height: 30px;
  }

  .timer-area{
    margin-left:11%;
    height:114px;
    margin-top:32px;
  }
  
  
  .evento-caja h3{
    margin-top:26px;
  }
  
  .plato{
	  height:230px;
	  
  }
  
    .modal-dialog {
    width: 640px;
    margin:38px auto;
  }

}


@media (max-width: 1690px) and (min-width: 1670px){
  
  #navbar a{
    font-size: 18px;
  }

 .texto-e{
    height:796px;
  }
  

  .home1 h3{
    font-size:43px;
  }
  
  .home-div{
    min-height:226px;
  }
  
  .home1{
    font-size:19px;
    
  }
  
  .home-div{
    padding:37px;
  }
  
  .home1 h2{
    margin-top:40px;
    font-size: 45px;
  }
  
  
  .timer-area{
    margin-left:11%;
    height:114px;
    margin-top:5px;
  }
  
  .evento-caja p{
    margin-top:11px;
    font-size:14px;
  }
  
  .evento-caja h3{
    margin-top:19px;
  }

  .texto-e p{
    line-height: 30px;
  }

  .timer-area{
    margin-left:11%;
    height:114px;
    margin-top:32px;
  }
  
  
  .evento-caja h3{
    margin-top:26px;
  }
  
  .plato{
	  height:230px;
	  
  }
  
    .modal-dialog {
    width: 640px;
    margin:38px auto;
  }
  

}


@media (max-width: 1700px) and (min-width: 1690px){
  
  #navbar a{
    font-size: 18px;
  }
 .texto-e{
    height:805px;
  }
  

  .home1 h3{
    font-size:43px;
  }
  
  .home-div{
    min-height:226px;
  }
  
  .home1{
    font-size:19px;
    
  }
  
  .home-div{
    padding:37px;
  }
  
  .home1 h2{
    margin-top:48px;
  }
  
  
  .timer-area{
    margin-left:11%;
    height:114px;
    margin-top:5px;
  }
  
  .evento-caja p{
    margin-top:11px;
    font-size:14px;
  }
  
  .evento-caja h3{
    margin-top:19px;
  }

  .texto-e p{
    line-height: 30px;
  }

  .timer-area{
    margin-left:11%;
    height:114px;
    margin-top:32px;
  }
  
  
  .evento-caja h3{
    margin-top:26px;
  }
  
  
  .plato{
	  height:230px;
	  
  }

    .modal-dialog {
    width: 640px;
    margin:38px auto;
  }
  

}


@media (max-width: 1750px) and (min-width: 1700px){
  
  #navbar a{
    font-size: 18px;
  }
 .texto-e{
    height:830px;
    padding: 66px;
  }
  

  .home1 h3{
    font-size:43px;
  }
  
  .home-div{
    min-height:226px;
  }
  
  .home1{
    font-size:19px;
    
  }
  
  .home-div{
    padding:37px;
  }
  
  .home1 h2{
    margin-top:59px;
  }
  
  
  .timer-area{
    margin-left:11%;
    height:114px;
    margin-top:5px;
  }
  
  .evento-caja p{
    margin-top:11px;
    font-size:14px;
  }
  
  .evento-caja h3{
    margin-top:19px;
  }

  .texto-e p{
    line-height: 30px;
  }

  .timer-area{
    margin-left:11%;
    height:114px;
    margin-top:32px;
  }
  
  
  .evento-caja h3{
    margin-top:26px;
  }
  
  .plato{
	  height:230px;
	  
  }
  
   .modal-dialog {
    width:640px;
    margin:38px auto;
  } 

}


@media (max-width: 1790px) and (min-width: 1750px){
  
  #navbar a{
    font-size: 18px;
  }
 .texto-e{
    height:849px;
    padding: 66px;
  }
  

  .home1 h3{
    font-size:43px;
  }
  
  .home-div{
    min-height:226px;
  }
  
  .home1{
    font-size:19px;
    
  }
  
  .home-div{
    padding:37px;
  }
  
  .home1 h2{
    margin-top:59px;
  }
  
  
  .timer-area{
    margin-left:11%;
    height:114px;
    margin-top:5px;
  }
  
  .evento-caja p{
    margin-top:11px;
    font-size:14px;
  }
  
  .evento-caja h3{
    margin-top:19px;
  }

  .texto-e p{
    line-height: 30px;
  }

  .timer-area{
    margin-left:11%;
    height:114px;
    margin-top:32px;
  }
  
  
  .evento-caja h3{
    margin-top:26px;
  }

  .texto-e h1{
    font-size: 32px;
  }
  
  .modal-dialog {
    width: 640px;
    margin:38px auto;
  }

}



@media (max-width: 1820px) and (min-width: 1790px){
  
  #navbar a{
    font-size: 18px;
  }
 .texto-e{
    height:864px;
    padding: 66px;
    background-color: #f00;
  }
  

  .home1 a{
    margin-top: 44px;
  }

  .home1 h3{
    font-size:43px;
  }
  
  .home-div{
    min-height:226px;
  }
  
  .home1{
    font-size:19px;
    
  }
  
  .home-div{
    padding:37px;
  }
  
  .home1 h2{
    margin-top:59px;
  }
  
  
  .timer-area{
    margin-left:11%;
    height:114px;
    margin-top:5px;
  }
  
  .evento-caja p{
    margin-top:11px;
    font-size:14px;
  }
  
  .evento-caja h3{
    margin-top:19px;
  }

  .texto-e p{
    line-height: 30px;
  }

  .timer-area{
    margin-left:11%;
    height:114px;
    margin-top:32px;
  }
  
  
  .evento-caja h3{
    margin-top:26px;
  }

  .texto-e h1{
    font-size: 32px;
  }
  
  .modal-dialog {
    width: 640px;
    margin:38px auto;
  } 

}



@media (max-width: 1860px) and (min-width: 1820px){
  
  #navbar a{
    font-size: 18px;
  }
 .texto-e{
    height:882px;
    padding: 66px;
  }
  

  .home1 a{
    margin-top: 44px;
  }

  .home1 h3{
    font-size:43px;
  }
  
  .home-div{
    min-height:226px;
  }
  
  .home1{
    font-size:19px;
    
  }
  
  .home-div{
    padding:37px;
  }
  
  .home1 h2{
    margin-top:10px;
  }
  
  
  .timer-area{
    margin-left:11%;
    height:114px;
    margin-top:5px;
  }
  
  .evento-caja p{
    margin-top:11px;
    font-size:14px;
  }
  
  .evento-caja h3{
    margin-top:19px;
  }

  .texto-e p{
    line-height: 32px;
    font-size: 20px;
  }

  .timer-area{
    margin-left:11%;
    height:114px;
    margin-top:32px;
  }
  
  
  .evento-caja h3{
    margin-top:26px;
  }

  .texto-e h1{
    font-size: 41px;
  }

  .modal-dialog {
    width:640px;
    margin:38px auto;
  }  

}


@media (max-width: 1900px) and (min-width: 1860px){
  
  #navbar a{
    font-size: 18px;
  }
 .texto-e{
    height:904px;
    padding: 66px;
  }
  

  .home1 a{
    margin-top: 44px;
  }

  .home1 h3{
    font-size:43px;
  }
  
  .home-div{
    min-height:226px;
  }
  
  .home1{
    font-size:19px;
    
  }
  
  .home-div{
    padding:37px;
  }
  
  .home1 h2{
    margin-top:59px;
  }
  
  
  .timer-area{
    margin-left:11%;
    height:114px;
    margin-top:5px;
  }
  
  .evento-caja p{
    margin-top:11px;
    font-size:14px;
  }
  
  .evento-caja h3{
    margin-top:19px;
  }

  .texto-e p{
    line-height: 32px;
    font-size: 20px;
  }

  .timer-area{
    margin-left:11%;
    height:114px;
    margin-top:32px;
  }
  
  
  .evento-caja h3{
    margin-top:26px;
  }

  .texto-e h1{
    font-size: 41px;
  }
  
  .modal-dialog {
    width: 916px;
    margin:38px auto;
  }

  


}


@media (max-width: 1960px) and (min-width: 1900px){

.texto-e h1{
  margin-top: 78px;
}

.texto-e h1{
  font-size: 45px;
}

.home1 h2{
  margin-top: 57px;
}

 .modal-dialog {
    width: 916px;
    margin:38px auto;
  }

  }
