html,body{padding:0;margin:0;font-family:Arial,serif;font-size:12px;height:100%;}

@-webkit-keyframes fade {
    15% { opacity:1; }
    25% { opacity:0}
    90% {opacity:0}
    100% { opacity:1; }
}
@keyframes fade {
    15% { opacity:1; }
    25% { opacity:0}
    90% {opacity:0}
    100% { opacity:1; }
}


.bg{-webkit-animation:fade 24s linear infinite;animation:fade 24s linear infinite;}
#bg2{-webkit-animation-delay:6s;animation-delay:6s;}
#bg3{-webkit-animation-delay:12s;animation-delay:12s;}
#bg4{-webkit-animation-delay:18s;animation-delay:18s;}

.bg{width:100%;height:100%;min-height:100%;min-width:100%;overflow:hidden;position:fixed;text-align:center;background-size:cover;background-position:center center;}
#dots{min-height:100%;min-width:100%;overflow:hidden;position:fixed;background:url('/img/dots.gif');box-shadow:inset 0 0 700px rgba(0,0,0,.2)}

img{border:0;}
a{color:#8B2351;text-decoration:none;}
a:hover{text-decoration:underline}
#main{max-width:1000px;overflow:hidden;margin:auto;min-height:100%;position:relative;}
.m2-main{min-height:430px !important;height:100%;}
#logo{width:278px;height:214px;display:block;background:url('/img/logo.jpg');position:relative;margin-left:60px;z-index:1000;}
#menu{position:absolute;overflow:hidden;right:0;top:0;z-index:1100;}
.m-main{position:absolute;overflow:hidden;top:0px;left:-402px;margin:50% 0 0 50%;float:none;}
#menu ul{list-style:none;padding:0;margin:0;clear:right;}
#menu ul li{padding:0;margin:0;float:left;}
#menu ul li a{text-transform:lowercase;display:block;background-image:url('/img/men1.png');text-decoration:none;font-size:15px;color:#fff;height:60px;line-height:60px;padding:0 35px;border-right:1px solid #BA869D;}
#menu ul li a.last{border:0px none;}
#menu ul li a:hover,#menu ul li a.active{background-image:url('/img/men2.png');}
#sub{max-width:840px;padding:100px 80px;background-image:url('/img/page-bg.png');color:#000;font-size:14px;position:relative;z-index:900;margin-top:-60px;}
#sub h1{font-size:24px;font-weight:bold;color:#000;padding:0;margin:0 0 25px 0;}
#menu-rwd{width:32px;height:24px;background:url('/img/men1.png');cursor:pointer;padding:10px;display:none;overflow:hidden;position:relative;float:right;}
#footer{z-index:1200;background:url('/img/foot-bg.png');position:absolute;left:0;bottom:0;width:100%;padding:10px 0px;border-top:1px dashed rgba(255,255,255,.3);font-size:11px;color:#fff;text-align:right;}
#footer a{color:#fff;text-decoration:underline;}
#mapa{margin-left:20px;display:block;float:right;}
#mapa img{border:5px solid #fff;box-shadow:0 0 15px rgba(0,0,0,.3);filter:progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=0,strength=1),progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=45,strength=1),
          progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=90,strength=2),
          progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=135,strength=3),
          progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=180,strength=5),
          progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=225,strength=3),
          progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=270,strength=2),
          progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=315,strength=1);}

.gal{overflow:hidden;clear:both;padding:0;margin:0;list-style:none;margin:15px auto;display:table;}
.gal li{float:left;padding:0;margin:10px;box-shadow:0 0 15px rgba(0,0,0,.3);background:white;overflow:hidden;filter:progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=0,strength=1),progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=45,strength=1),
          progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=90,strength=2),
          progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=135,strength=3),
          progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=180,strength=5),
          progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=225,strength=3),
          progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=270,strength=2),
          progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=315,strength=1);}
.gal li img{border:5px solid white;max-height:100px;}
.gal li img:hover{opacity:.7;filter:Alpha(Opacity=70);}
#footer h1,#footer h2{pading:0;margin:0;display:inline;font-size:inherit;color:inherit;text-decoration:none;}

@media all and (max-width: 985px) {
    .m-main{left:-291px;}
    #menu ul li a{padding:0 20px;font-size:13px;height:45px;line-height:45px;}
    #logo{width:180px;height:139px;display:block;background-size:cover;margin-left:20px;}
    #sub{padding:60px 40px;margin-top:-40px;}
    #sub h1{font-size:20px;margin:0 0 17px 0;}
}

@media all and (max-width: 685px) {
    .m-main{top:0;left:-75px;margin:110px 0 20px 50%;}
    #menu-rwd{display:block;}
    .m-main #menu-rwd{display:none;}
    #menu ul{display:none;}
    .m-main ul{display:block !important;}
    #menu ul li{float:none;}
    #menu ul li a{padding:0;font-size:13px;height:45px;line-height:45px;border-right:0px none;border-bottom:1px solid #BA869D;width:150px;text-align:center;}
    #logo{width:130px;height:100px;display:block;background-size:cover;margin-left:10px;}
    #sub{padding:40px 20px;margin-top:-20px;font-size:13px;}
    #sub h1{font-size:18px;margin:0 0 10px 0;}
    #mapa{display:none}
}