/*
Theme Name: LaComuna Theme 2.0
gold: C2A34F;
*/
*,
*::before,
*::after {
  box-sizing: border-box;
}

@font-face {
  font-family: 'Prata';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/prata/v18/6xKhdSpbNNCT-sWPCm7bLnwI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/lato/v23/S6uyw4BMUTPHjx4wXiWtFCc.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html {
  font-family: 'Lato';
    font-weight: 400;  
    line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  margin: 0 0 50px 0;
  font-size: 1rem;
  line-height: 1.5;
  color: #6c7186;
  text-align: left;
  background-color: #fff;
}

footer, header, main, nav, section {
  display: block;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 1rem;
  line-height: 1.2;
}

h1, .h1 {
  font-size: 1.6rem; 
  color: #424966;
  margin-top: 0.5rem;
  font-family: 'Prata';
  font-weight: normal;

}

h2, .h2 {
  font-size: 2rem;
  color: #a6494f;
  font-family: 'Prata';
}

h3, .h3 {
  font-size: 1.75rem;
  font-weight: 400;
  color: #833a3f;
  margin-top: 3rem;
  margin-bottom: 1rem;
    font-family: 'Prata';

}

h4, .h4 {
  font-size: 1.5rem;
  font-weight: 400;
  color: #dc878d;

}

h5, .h5 {
  font-size: 1.25rem;
  font-weight: 400;

}

h6, .h6 {
  font-size: 1rem;
  font-weight: 400;

}

p {
  margin-top: 0;
  margin-bottom: 1.5rem;
  font-size: 1.1rem;
}

ul {
  margin: 1.5rem auto;
}
li {
  margin-top: 0;
  margin-bottom: 1.5rem;
  font-size: 1.1rem;
}

b,
strong {
  font-weight: 600;
  color: #4c5166;
}

small {
  font-size: 80%;
}
a {
  color: #a6494f;
  text-decoration: none;
  background-color: transparent;
  text-decoration: underline;
}

a:hover {
  color: #833a3f;
  text-decoration: underline;
}

img {
  margin: 15px auto;
  max-width: 100%;
  height: auto;
  display: block;
}

.form-control, .form-control option { 
  font-family: 'Josefin Sans';
  font-weight: 400;
  }

.hidden {
  display:none !important;
} /*Revisar LICIA, este !important es porque #menu-main li ya tiene un display:inline;*/
.capital { 
  text-transform: capitalize; 
}
.marPad0 {
  margin:0 !important; 
  padding: 0 !important;
}
.my-40 {
  margin: 40px auto;
}

.breadcrumb { background: white;  padding: 0 1rem; margin: 0; }
.breadcrumb a, .breadcrumb a:visited { color: #a6494f; text-decoration: none; }
ol.breadcrumb {margin: 1em 0}
.breadcrumb li {line-height: normal; margin-bottom: 0; font-size: 0.8rem; }
.breadcrumb>li+li:before { padding: 0 5px; color: #ccc; content: "/\00a0"; }

.page h1 { color: #a6494f; margin-top: 2rem; text-align: center; margin-bottom: 2rem; }

.red { color: #a6494f; }

.btn-blu, .btn-blu:visited { background: #a6494f; border-color: #a6494f; color: #fff; }
.btn-blu:hover, .btn-blu:focus { background: #434d6b; border-color: #434d6b; color: #fff; }

.btn-oro, .btn-oro:visited { background: #a6494f; border-color: #a6494f; color: #fff; }
.btn-oro:hover, .btn-oro:focus { background: #cec487; border-color: #cec487; color: #fff; }

.contactanosBox { position: fixed;  bottom: 20px; right: 20px; z-index: 999;   }
.contactanosBox img { width: 27px; margin-right: 5px; }

.btn-contactanos, .btn-contactanos:visited { background: #5c3032; color: #fff; padding: 5px }
.btn-contactanos:hover, .btn-contactanos:focus { background: #4b2426; border: 1px solid #833a3f; color: #fff; text-decoration: none; }


@media (min-width: 576px) {
.contactanosBox { position: fixed; bottom: 40px; right: 40px; left: auto; z-index: 999; width: auto; }

.contactanosBox img { width: 30px; margin-right: 9px; }

.btn-contactanos, .btn-contactanos:visited { width: auto; font-size: 1.3em !important; }
}

@media (min-width: 768px) {
body { margin: 0; }
h1, .h1 { font-size: 3rem; } 
}

/*****ADS*****/

.lc_ads {   width: 100%;
  float: left;
  margin: 10px auto 15px auto;
  text-align: center; }

  /** Para los diferentes tamaños de ads **/
@media(min-width: 800px) { 
  .ad_different_sizes { width: 728px; height: 90px; } 
}
/** AÑADE para combatir el display: block; en <ins **/
.adsbygoogle.ad_different_sizes { display: inline !important; }

.lc_ads { background: #; }
.lc_ads-90 { height: 300px; width: auto; } /* small banner */  
.lc_ads-280 { height: 300px; width: auto; } /* Anuncios responsive */  
.lc_ads-429 { height: 305px;  width: auto; } /* Anuncios in-article */  

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
.lc_ads-90 { height: 250px; width: auto; }   
.lc_ads-280 { height: 250px; width: auto; }   
.lc_ads-429 { height: 336px;  width: auto; } 
 }

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
.lc_ads-90 { height: 90px; width: auto; }   
.lc_ads-280 { height: 280px; width: auto; } 
.lc_ads-429 { height: 429px;  width: auto; } 
 }

/***END ADS***/

.bigTxt {
font-family: 'Prata';
color: #a6494f;
margin-top: 2rem;
text-align: center;
margin-bottom: 2rem;
font-size: 28px
}
.subTxt {
margin-top: 0;
margin-bottom: 1.5rem;
font-size: 1.2rem;
text-align: center;
}
.BGrojo01 {
background: #a6494f;
}
.img0 { margin: 0 auto; }
.bigTxt1 {
font-family: 'Prata';
color: #fff;
margin-top: 2rem;
text-align: center;
margin-bottom: 2rem;
font-size: 28px
}
.subTxt1 {
color: #fff;
margin-top: 0;
margin-bottom: 1.5rem;
font-size: 1.2rem;
text-align: center;
}
.btn.btn-lg {padding: 10px 40px;}
.btn.btn-touch,
.btn.btn-touch:visited {
    color: #fff;
    background-color: #a6494f;
    border-color: #a6494f;
    outline: none;
    margin: 20px auto;
    font-weight: bold;
}

.btn.btn-touch:hover,
.btn.btn-touch:focus {
    color: #fff;
    background-color: #4b2426;
    border-color: #a6494f;
    outline: none;
    margin: 20px auto;
}

.order-1 { order: 1; }
.order-2 { order: 2; }

@media (min-width: 576px) {
.order-1 { order: 2; }
.order-2 { order: 1; }
}