@charset "UTF-8";
/* CSS Document */

body{ margin: 0 0 0 0; background: #637969; color: #FFF; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
h2{ font-size:12px; margin: 15px 0 0 10px;}
#main{ width:1180px;  margin: 0 auto 0 auto;}

#header{ width:1180px; float:left}
#izq{ float:left; width:330px; }
#logotipo{ width:330px; float:left; height: 230px;}

#direccion{float:left; width:340px; margin-top:20px;}
#direccion img{margin:0 0 10px 0;}
.button {display:inline-block; background:#1e281e url(images/button-bg.gif) left top no-repeat; text-decoration:none; color:#FFFFFF;}
.button strong {display:inline-block; background:url(images/button-bg.gif) right top no-repeat; padding:1px 8px 3px 9px;}
.vermas{ margin: 30px 0 0 28px;}
.vermas2{ margin: 30px 0 0 10px;}

#redesociales {
	float: right;
	width:80px;
	height:30px;
	margin:0 10px 0 0;
}

#carrusel{float:left; width: 840px; }

#menu{ float:right; width: 510px; margin:5px 10px 0 0; text-decoration:none; font-family: Arial; font-size:12px; font-weight: lighter; color:  #FFF;}
#menu li{ float:right; text-decoration:none; list-style:none;}
#menu a{ font-family: Arial; text-decoration:none; color:  #FFF}
#menu a:hover{ text-decoration:none; color: #030}
#menu a.active{ font-family: Arial; text-decoration:none; color: #030;}

#bloque1{float:left; width: 750px; margin: 40px 0 0 0;}


#bqizq{float:left; width: 350px; padding: 0 10px 10px 20px;}
.lineaborder1 {background:url(images/bordeorange.gif) left top repeat-y;}
.lineaborder2 {background:url(images/bordeamarillo.gif) left top repeat-y;}
.lineaborder3 {background:url(images/bordeamarillo.gif) top repeat-x;}
.lineaborder4 {background:url(images/border-tail.gif) bottom repeat-x;}
.parrafo1 { margin: 5px 0 15px 10px; }
.padding2b li{font-family: Arial Narrow; font-size:20px}

#bqsalones{float:left; width: 710px; padding: 0 10px 10px 20px;}


#bqder{float:left; width: 370px; height: 840px; padding: 40px 10px 10px 25px;}
#bqder2{float:left; width: 370px; height: 840px; padding: 40px 10px 10px 25px;}

#bqcentro{float:left; width: 330px;}
#titceleb{margin:0 0 0 25px;}

a {text-decoration:none; color:#f5f5f5;}
a:hover {text-decoration:underline;}
ul {list-style:none;}
ul li {line-height:1em; background:url(images/list-marker.gif) left 5px no-repeat; padding:0 0 10px 10px;}
li a {color:#CCCCCC;} 



#bqcartel{float:left; width: 350px; height: 780px; padding: 0 10px 10px 25px;}
#bqcartel2{float:left; width: 350px; height: 2050px; padding: 0 10px 10px 25px;}
#bqcartel3{float:left; width: 350px; height: 1045px; padding: 0 10px 10px 25px;}
#bqcartel4{float:left; width: 350px; height: 780px; padding: 0 10px 10px 25px;}
#cartel{ padding: 15px 0 0 10px;}
#mapa{ width: 680px; height: 350px; border: 2px #FFF solid; margin: 18px 0 0 10px;}


#bloque2{float:left; width: 750px; margin: 40px 0 0 20px;}
.wrapper {width:100%; overflow:hidden;}
.col-1 {float:left;} 
.col-1 .button:hover {color:#FFA20F;}

#bloquefiestas{float:left; width: 750px; margin: 40px 0 0 20px;}

.gallery{ margin: 0 0 0 10px;}
.gallery .img {float: left; margin:15px 30px 0 0; text-align: center;}
.galleryclear {clear: both;}
.img{ }

.gallerysalones{  margin: 10px 0 0 10px;}
#galleryfiestas{  margin: 0 0 5px 0;}
.salonesduo{ float:left; width: 350px; height: 190px;}
.salonesuno{ float:left; width: 175px; height: 140px; margin:0 0 0 10px;}
.titlesalon{ float:left; width: 270px; }
.gallerysalones .img {float:left; margin:5px 10px 0 0; text-align: center;

}
.gallerysalonesclear {clear: both;}
.titlefiestas{ float:left; width: 150px; }
#galleryfiestas .img {float: left; margin:5px 10px 0 0; text-align: center;

}
.galleryfiestasclear {clear: both;}

/***************footer***************/

#footer{float:left; width: 1110px; height: 50px; background:url(images/footer-tail.gif) left top repeat-x; padding: 30px 10px 10px 25px;}
/*#footer {width: 1000px; height: 200px; background:url(images/footer-tail.gif) left top repeat-x; color: #FFF; }*/

#footer a {margin-left:6px; text-decoration:none; font-weight:bold; color: #FFF;}

.pie {margin-left:0px!important; text-decoration:none!important; font-weight:normal!important;}

#footer a:hover {text-decoration:underline;}