@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700|Kaushan+Script|Open+Sans);
/*@font-face {
    font-family: 'Source Sans Pro';
    src:url('/galeria/assets/fonts/SourceSansPro-Regular.ttf');
    font-style: normal;
    font-weight: 400;
}
@font-face {
    font-family: 'Source Sans Pro';
    src:url('/galeria/assets/fonts/SourceSansPro-Light.ttf');
    font-style: normal;
    font-weight: 300;
}
@font-face {
    font-family: 'Source Sans Pro';
    src:url('/galeria/assets/fonts/SourceSansPro-Bold.ttf');
    font-style: normal;
    font-weight: 700;
}
@font-face {
    font-family: 'Kaushan Script';
    src:url('/galeria/assets/fonts/KaushanScript-Regular.ttf');
    font-style: normal;
    font-weight: 400;
}
@font-face {
    font-family: 'Open Sans';
    src:url('/galeria/assets/fonts/OpenSans-Regular.ttf');
    font-style: normal;
    font-weight: 400;
}*/

.sourcesans     {font-family: 'Source Sans Pro', sans-serif;}
.kaushan        {font-family: 'Kaushan Script', cursive;}
.opensans       {font-family: 'Open Sans', sans-serif;}

.bold           {font-weight: bold;}
.regular        {font-weight: 400;}
.light          {font-weight: 300;}
.italic         {font-style: italic;}

.white          {color:white;}
.dark-gray      {color:#343434;}
.gray           {color:#777777;}
.pink           {color:#ec325f;}

div{
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;
}
.container              {padding:0;}


.aligncenter            {text-align: center; display: block; margin-left:auto; margin-right: auto;}
.center                 {text-align: center;}

a, a:link, a:visited    {color:inherit !important;}

body                    {padding-top:170px;}

.imagecontainer img     {max-width:100%;}

/** MENU **/
.navbar                 {background-color:rgba(255,255,255,.9); padding-bottom:20px;}
.navbar img             {max-width:100%;}
.menu-element           {padding-top:40px; font-size: 15px; color:#343434;}
.menu-element.active    {color:#ee466f;}
#logo-web 				{padding-top: 20px}

/** OWL Carousel **/
#owl-top-banners .item img,
#owl-medium-banners .item img,
#owl-home-tiendas .item img{
    display: block;
    width: 100%;
    height: auto;
}

/** HOME Mas Prestigio **/
#mas-prestigio                  {background-image: url('/proyectos/galeria/assets/images/banners/fondo-prestigio.jpg');
                                 background-repeat: no-repeat; background-size: cover;}
/*#mas-prestigio					{background-image: url('/galeria/assets/images/banners/fondo-prestigio.jpg');
                                 background-repeat: no-repeat; background-size: cover;}*/
#mas-prestigio .unico-lugar     {margin-top:82px; font-size:32px;}
#mas-prestigio .mas-prestigio   {font-size: 57px; margin-top:-18px;}
#mas-prestigio .conoce-mas      {font-size:20px; display: block; border: 2px solid white; width: 150px;
                                 height:45px; padding-top:7px;margin-top:60px; margin-bottom: 20px;}

/** HOME TIENDAS **/
#home-tiendas                       {margin-top:60px;}
#home-tiendas .titulo               {font-size:30px; margin-bottom: 30px;}
#home-tiendas .tienda-info h2       {font-size:20px;}
#home-tiendas .tienda-info p        {font-size:15px;}
#home-tiendas .button-directorio    {background-color: #ec325f; width:205px; height:48px; font-size: 20px;
                                     padding-top:10px; margin-top:30px; margin-bottom:30px;}
#home-tiendas #owl-home-tiendas a   {text-decoration: none !important; }                                                                          
.tienda a:hover                     {text-decoration: none !important; }
.tienda:hover                       {opacity: .8;}



/** HOME VISITANOS **/
#visitanos                  {background-image: url('http://webstyle.mx/proyectos/galeria/assets/images/banners/fondo-visitanos.jpg');
                             background-repeat: no-repeat; background-size: cover;}
/*#visitanos                  {background-image: url('/galeria/assets/images/banners/fondo-visitanos.jpg');
                             background-repeat: no-repeat; background-size: cover;}*/
#visitanos .visitanos-outer {background-color: RGBA(236, 50, 95, .9); margin-top:150px; margin-bottom:150px; padding:15px;}
#visitanos .visitanos-inner {border:1px solid white; padding:15px !important;}
#visitanos .titulo          {font-size:35px;}
#visitanos .direccion       {font-size:18px; margin-top: 10px;}
#visitanos .horario         {margin-top:25px; font-size:20px;}

/** DIRECTORIO CATEGORIAS **/
.category-selector                  {}
.category-selector ul               {padding-left:10px; list-style:none; margin-bottom:15px; display: inline-block;}
.category-selector ul li            {display: inline-block; float:left; padding: 8px 10px 5px 10px; 
                                     border:1px solid #ec325f; margin-right:10px; font-size:12px; margin-top:10px;}
.category-selector ul li:hover      {cursor: pointer; background-color: #ec325f; color:white;}                             
.category-selector ul li.active     {background-color: #ec325f; color:white;}

/** DIRECTORIO TIENDAS **/
.tienda-info                {height:92px;}
.tienda-info h2             {margin-top:5px; margin-bottom:0px; font-size:19px;}
.tienda-info p              {margin-bottom:0px; font-size:12px;}
.isotopo .item              {padding-left:10px; padding-right:10px;}

/** TIENDAS **/
.tienda-detail              {}
.tienda-detail img          {width:100%;}
.tienda-detail .col-sm-8,
.tienda-detail .col-sm-4    {padding-left: 10px; padding-right:0px;}
.tienda-detail .link-button {display: inline-block; padding:5px; background-color: #ec325f; color:white;}
.medium-banners img         {max-width:100%; margin-bottom: 15px;}
.related                    {margin-bottom:20px;}
.related-info h3            {font-size:19px; margin-bottom:0px;margin-top:5px;}
.related-info p             {font-size:12px;}
.related a:hover            {text-decoration: none;}
.related:hover              {opacity:.8;}

/** QUIENES SOMOS **/
.quienes-somos-text         {margin-bottom: 80px;}
.quienes-somos-text h1      {margin-top:50px; font-size:22px;}
.quienes-somos-text .pink-min-hr   {width:40px; display:block; border-top:1px solid #ec325f; margin:20px auto 30px auto;}



/** CONTACTO **/
hr.contacto-top-hr              {margin-top:67px; margin-bottom:67px; }
hr.contacto-bottom-hr           {margin-top:67px; margin-bottom:50px; }
#contacto h3                    {font-size:16px;}
#contacto ul.contacto-secciones {list-style: none; padding: 0;}
#contacto input[type="text"]    {width:100%; height:38px; margin-bottom: 9px; font-size: 12px; padding-left: 5px; }
#contacto textarea              {width:100%; height:85px; font-size: 12px; padding-left: 5px;}
#contacto input[type="submit"]  {width:100%; height:38px; background-color: #ec325f; color: white; border: none;}
#contacto .logo img             {margin-top:35px;}

/** COPYRIGHT **/
#copyright  {font-size:13px; margin-bottom: 20px;}


/**** MEDIA QUERIES ****/
@media (max-width: 768px) {
    .navbar img{display:none;}
    .navbar {background-image: url('http://www.webstyle.mx/proyectos/galeria/assets/images/logo-principal.png');
             background-repeat:no-repeat; background-position: 35px; background-size:140px;}
    .menu-element {padding-top:15px; text-align: right;}
}