@import "fonts.css";

body
{
    margin: 0 auto !important;
  /*  background: url('../images/petalos.png');*/
    background-repeat: repeat-y;
    background-position: top;
    width: 1200px;

}
.logo
{
    background: url('../images/index/logo.png');
    width: 313px;
    height: 205px;
     cursor: pointer;
}

.derechaTop
{
    padding: 35px 0px;
}
.buscar
{
    font-family: 'ChantillyMedium';
    font-size: 23.5px;
    color: #555759;

}
.buscar a
{

    color: #555759;
    -o-transition: .5s ease;
    -ms-transition: .5s ease;
    -moz-transition: .5s ease;
    -webkit-transition: .5s ease;
            transition: .5s ease;
    cursor: pointer;
}
.buscar a:hover
{
    color: #1C93BE;
    text-decoration: none;
}
.buscar > .inptBusca
{
   background-color: #eee7d1;
   border: none;

   -webkit-border-radius: 10px;
   -ms-border-radius: 10px;
   -o-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   font-family: 'RegencieLightObl';
   color: black;
   font-size: 20px;
   outline:0px;
   width:  257px;
}
.buscar input
{
   background-color: #eee7d1;
   border: none;

   -webkit-border-radius: 10px;
   -ms-border-radius: 10px;
   -o-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   padding-left: 20px;
   padding-right: 35px;
   font-family: 'RegencieLightObl';
   color: black;
   font-size: 20px;
   outline:0px;
   width: 295px;
}
.slider
{
    width: 1200px;
    height: 500px;
    background-color: #efeeee;
}
.footer
{
    text-align: center;
    margin-top: 37px;
    margin-bottom: 40px;
    font-family: 'RegencieLight';
    font-size: 15px;
}
.navigation
{
    text-align: center;
}
.menuitem {
    background: #c9dbe3;
    float:left;
    width: 140px;
    z-index: 55;
    margin: 0px 4.2px;
    padding: 10px 0px 4px 0px;
    -o-border-radius: 15px/1px;
    -ms-border-radius: 15px/1px;
    -moz-border-radius: 15px/1px;
    -webkit-border-radius: 15px/1px;
     border-radius: 15px/1px;
    font-size:18px;
    font-family: 'ChantillyMedium';
    color: #335a81;
    cursor: pointer;
}
.menuitem:hover
{
  background: #d3cdb9;
  z-index: 56;
}
.active
{
    background: #d3cdb9;
}
.ofertaf
{
    background: #c9dbe3;
    width: 499px;
    height: 715px;
    -o-border-radius: 4px/15px;
    -ms-border-radius: 4px/15px;
    -moz-border-radius: 4px/15px;
    -webkit-border-radius: 4px/15px;
            border-radius: 4px/15px;
    margin-left: 12px;
}
.ofertav
{
   background: #a6decc;
   width: 377px;
   height: 665px;
   margin: 20px 15px;
   display: inline-block;
   -o-border-radius: 4px/15px;
   -ms-border-radius: 4px/15px;
   -moz-border-radius: 4px/15px;
   -webkit-border-radius: 4px/15px;
            border-radius: 4px/15px;
   padding: 27px 34px;
}
.ofertadesc
{
    width: 55px;
    height: 464px;
    float: left;
    margin-top: 101px;
    margin-left: 35px;

}
.contendorazul
{
    width: 324px;
    height: 38.78px;
    background: #335a81;
    -webkit-border-radius: 10px;
   -ms-border-radius: 10px;
   -o-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 8px;
   font-family: 'ChantillyLight';
   color: white;
   font-size: 16px;
  padding: 7px 11px 2px;
  text-align: center;
}
.ofertas
{
    height: 208px;
}
.ofertaimagen
{
    padding: 7px 18px;
}
.ofertaimagen img
{
    width: 290px;
    height: 145px;
    overflow: hidden;
}
.contizq
{
    width:420.78px;
    margin-left: 40px;
}
.tituloenc
{
    width: 225.09px;
    height: 44.09px;
    background: #d3cdb9;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    color: #085b82;
    font-family: 'ChantillyMedium';
    font-size: 23.5px;
    padding: 8px 15px;
}
.contenc
{
    background: #F5E9D1;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 26px 20px;

}
.pregunta
{
    font-family: 'ChantillyLight';
    font-size: 22px;
    color: #555353;
    margin-left: 18px;
    margin-bottom: 2px;
}
.respuestas
{
    font-family: 'ChantillyLight';
    font-size: 22px;
    color: #555353;
    margin-left: 0px;
    margin-bottom: 15px;
}
.votar {
    font-family: 'ChantillyMedium';
    font-size: 22px;
    text-align: center;
    color: white;
    background: #7a6042;
    width: 113.94px;
    height: 51.41px;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
    padding: 12px;
    text-decoration: none;
   float:right;
    cursor: pointer;
}
.votar:hover {
  background: #d3cdb9;
  color: #7a6042;
  text-decoration: none;
}
.material {
    font-family: 'ChantillyMedium';
    font-size: 22px;
    text-align: center;
    color: white;
    background: #7a6042;
    width: 113.94px;
    height: 51.41px;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
    padding: 12px;
    text-decoration: none;
   float:right;
    cursor: pointer;
}
.material:hover {
  background: #d3cdb9;
  color: #7a6042;
  text-decoration: none;
}
.colenc
{
    width: 92px;
    height: 49px;
    margin-left: 20px;
}
.tituloali
{
    width: 114.84px;
    height: 44.09px;
    background: #d3cdb9;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    color: #085b82;
    font-family: 'ChantillyMedium';
    font-size: 23.5px;
    padding: 8px 15px;
}
.contali, .contdon
{
    background: #F5E9D1;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 26px 20px;
    width: 428px;
    height:109px;
}
.titulodon
{
    width: 126px;
    height: 44px;
    background: #d3cdb9;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    color: #085b82;
    font-family: 'ChantillyMedium';
    font-size: 23.5px;
    padding: 8px 15px;
}
.alianzas, .donantes
{
  margin-top: 20px;
}
.btnDonar,.btnDonarS
{
  background: #ea1c2c;
  width: 194px;
  height:64px;
  cursor: pointer;
  font-family: 'ChantillyMedium';
  font-size: 35px;
  text-align: center;
  color: white;
  -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
    padding: 12px;
    text-decoration: none;
    color:white;
    position: absolute;
    top: -37px;
}
.btnDonarP
{
  background: #ea1c2c;
  width: 158px;
  height:52px;
  cursor: pointer;
  font-family: 'ChantillyMedium';
  font-size: 27px;
  text-align: center;
  color: white;
  -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
    padding: 8px;
    text-decoration: none;
    color:white;
}
.btnDonarS
{
   position: inherit;
   top: 0px;
   float:right;
}
.btnDonar:hover, .btnDonarS:hover, .btnDonarP:hover
{
  background: #fbd4cf;
  color: #ea1c2c;
}
.aviso
{
  cursor: pointer;
}
.aviso:hover
{
  font-weight: bold;
}
.avencabezado
{
  color: #5b5b5f;
  font-family: 'ChantillyMedium';
  font-size: 30px;

}
.avisotop, .secTop
{
  margin: 0 auto;
  margin-top: 35px;
}
.avisobottom, .secBottom
{
  margin: 0 auto;
  margin-top: 140px;
  margin-bottom: 250px;

}
.avisodesc
{
  color: #5b5b5f;
  font-family: 'ChantillyLight';
  font-size: 18px;
  text-align: justify;
}
.contacto > .titulo, .tltTop > .titulo
{
  color: #005878;
  font-family: 'ChantillyMedium';
  font-size: 23px;
  margin-bottom: 25px;
}
.contacto span, .frmContacto span, .tltTop span, .tltBottom span
{
  color: #5b5b5f;
  font-family: 'ChantillyLight';
  font-size: 17.5px;
}
.contacto, .tltTop
{
  margin-bottom: 35px;
}
.frmContacto > .titulo, .tltBottom > .titulo
{
  color: #00a786;
  font-family: 'ChantillyLight';
  font-size: 22px;
  margin-bottom: 25px;
}
.frmBottom
{
  margin-top: 60px;
}
.frmDerecha
{
  display:inline-block;
}
.frmDerecha input
{
  width: 405px;
  height: 25px;
  background: #d3cdb9;
  border: none;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  outline:0px;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 20px;
  color: #5b5b5f;
  font-family: 'ChantillyLight';
  font-size: 17px;
  padding-top: 2.5px;
}
.frmDerecha textarea
{
  width: 405px;
  height: 166px;
  background: #d3cdb9;
  border: none;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  outline:0px;
  padding: 5px 15px;
  margin-bottom: 20px;
  color: #5b5b5f;
  font-family: 'ChantillyLight';
  font-size: 17px;
}
.txt
{
  color: #00a786;
  font-family: 'ChantillyLight';
  font-size: 22px;
  width: 120px;
  display: inline-block;
  margin-top: 2px;
  vertical-align: middle;
}
.ayudaRow
{
  width: 1050px;
}
.ayudaCol
{
  width: 523px;
  display: inline-block;
  vertical-align: top;
}
.ayudaCol > .title
{
  color: #5b5b5f;
  font-family: 'ChantillyMedium';
  font-size: 17.5px;
}
.ayudaCol > .cont
{
  color: #5b5b5f;
  font-family: 'ChantillyLight';
  font-size: 17px;
  padding: 5px 30px 0px 85px;
  text-align: justify;
}
.link
{
  color: #00a786;
  font-family: 'ChantillyLight';
  font-size: 20px;
  margin-bottom: 15px;
}
.link span a
{

  color: #5b5b5f;
  font-family: 'ChantillyMedium';
  font-size: 17.5px;
  text-decoration: none;
  border-bottom: 2px solid #A3A3A3;
  cursor:pointer;
}
.divRow
{
  width: 1050px;
}
.divRow > .titulo
{
  color: #00a786;
  font-family: 'ChantillyLight';
  font-size: 22px;
  margin-bottom: 25px;
}
.divCol
{
  width: 491px;
  display: inline-block;
  vertical-align: top;
}
.elemIzq
{
  margin-bottom: 20px;
}
.elemIzq > .title
{
  color: #00a786;
  font-family: 'ChantillyLight';
  font-size: 22px;
}
.elemIzq > .cont
{
  color: #5b5b5f;
  font-family: 'ChantillyLight';
  font-size: 17.5px;
  text-align: justify;
}
.dot
{
  color: #00a786;
  vertical-align: middle;
  display: inline-block;
  width: 15px;

}
.contenedor
{
  width: 491px;
  height: 510px;
  background: #8EC0CF;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  padding: 10px 12px 0px 12px;
}
.subtitulo
{
  background:#3387a2;
  width: 468px;
  height: 36px;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  padding: 7px 0px 0px 81px;
}
.tituloq
{
  width: 384px;
  height: 25.5px;
  background:#005878;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
   padding: 2px 0px 0px 50px;
  color: white;
  font-family: 'ChantillyMedium';
  font-size: 17.5px;
}
.miembro > .imagen
{
  margin-right: 15px;
}
.in
{
  display:inline-block;
  vertical-align: middle;
}
.cajaSem
{
  width: 865px;
}
.cajaSem > .nombre
{
  font-size: 17px;
  font-family: 'ChantillyMedium';
  color:#5b5b5f;
}
.cajaSem > .semblanza
{
  font-size: 17px;
  font-family: 'ChantillyLight';
  text-align: justify;
  color:#5b5b5f;
}
.enlace
{
  font-family: 'ChantillyMedium';
  color:#5b5b5f;
  text-decoration: none;
  cursor: pointer;
  border-bottom: 1px solid #5b5b5f;
}
.enlace:hover
{
  color:#5b5b5f;
  text-decoration: none;
}
.medium
{
  font-family: 'ChantillyMedium';
  color:#5b5b5f;
}
.salon
{
  text-align: center;
}
.verdesc
{
  background: #7a6042;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  text-indent:0;
  display:inline-block;
  color:white;
  font-family:'ChantillyMedium';
  font-size:17.5px;
  font-weight:normal;
  font-style:normal;
  height:51px;
  line-height:53px;
  width:156px;
  text-decoration:none;
  text-align:center;
  margin-top: 10px;
  cursor: pointer;
}
.verdesc:hover
{
  color: #7a6042;
  text-decoration:none;
  background-color: #d3cdb9;
}
.dotfa
{
  display: inline-block;
  width: 12px;
  position: absolute;
  left: 54px;
}
.area
{
  color: #5b5b5f;
  font-family: 'ChantillyLight';
  font-size: 18px;
}
.area text
{
  color: #00a786;
  font-family: 'ChantillyLight';
  font-size: 22px;
}
.chantillylE
{
  color: #00a786;
  font-family: 'ChantillyLight';
  font-size: 22px;
}
.chantillyl
{
  color: #5b5b5f;
  font-family: 'ChantillyLight';
  font-size: 18px;
}
.chantillym
{
  color: #5b5b5f;
  font-family: 'ChantillyMedium';
  font-size: 17.5px;
}
.chantillym17
{
  color: #5b5b5f;
  font-family: 'ChantillyMedium';
  font-size: 17px;
}
.chantillyl17
{
  color: #5b5b5f;
  font-family: 'ChantillyLight';
  font-size: 17.5px;
}
.ju
{
  text-align: justify;
}
.vam
{
  vertical-align: middle;
}
.imgCont
{
  width: 496px;
  height:229px;
  background:#d3cdb9;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
}
.imgContC
{
  width: 670px;
  height: 452px;
  background:#eee7d1;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.infoBox
{
  width: 357px;
  height:566px;
  background:#eee7d1;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  padding:15px 12px;
}
.contBox
{
  width: 335px;
  height: 495px;
  background: #d3cdb9;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  margin-top: 15px;
  padding: 15px 20px;
  overflow-y: scroll;
}
/* Let's get this party started */
.contBox::-webkit-scrollbar {
    width: 12px;
}

/* Track */
.contBox::-webkit-scrollbar-track {
    background: #c7efe5;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

/* Handle */
.contBox::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #00a786;

}
.elmBox
{
  color: #5b5b5f;
  font-family: 'ChantillyLight';
  font-size: 17px;
}
.elmBox > .titulo
{
  color: #5b5b5f;
  font-family: 'ChantillyMedium';
  font-size: 17px;
}
.vMas
{
  color: #5b5b5f;
  font-family: 'ChantillyMedium';
  font-size: 19px;
  text-align: right;
  cursor: pointer;
  text-decoration: none;
}
.vMas:hover
{
   color: #5b5b5f;
   font-family: 'ChantillyMedium';
   cursor: pointer;
   text-decoration: none;
}
.separador
{
  height: 3px;
  background: #eee7d1;
  width: 100%;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  margin-top: 5px;
  margin-bottom: 10px;
}
.eventos
{
  width: 1200px;
  height: 500px;
  background: #efeeee;
  margin-left: -75px;
}
.tituloAzul
{
  color: #005878;
  font-family: 'ChantillyMedium';
  font-size: 23px;
  margin-bottom: 25px;
}
.boxEvento
{
  width: 485px;
  height: 212px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  padding:11px;
  background: #c9dbe3;
  margin-bottom: 25px;
}
.boxEvento:nth-child(odd)
{
  margin-right: 76px;
}
.boxEventoP
{
  width: 485px;
  height: 212px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  padding:11px;
  background: #eee7d1;
  margin-bottom: 25px;
}
.boxEventoP:nth-child(odd)
{
  margin-right: 76px;
}
.tltEvento
{
  color: #5b5b5f;
  font-family: 'ChantillyMedium';
  font-size: 17px;
}
.link_s
{
  border-bottom:2px solid #A3A3A3;
  font-size: 17px;
  cursor: pointer;
}
.link_s:hover
{
  font-weight: bold;
}
.masSalones img
{
  width: 80px;
  cursor: pointer;
}
.masSalones
{
 width: 100%;
 margin-top: 20px;
}
.masS
{
  color: #00a786;
font-family: 'ChantillyLight';
font-size: 22px;
width: 120px;
display: inline-block;
margin-top: 2px;
vertical-align: middle;
}
.lupa
{
  cursor: pointer;
}
.btnFacebook {
  height:45px;
  width:45px;
  float:left;
  margin-right:15px;
}
.btnFacebook a{
  background:url(../images/facebook.png);
  height:45px;
  width:45px;
  float:left;
}
.btnFacebook a:hover{
  background:url(../images/facebook.png) 0 -45px;
  height:45px;
  width:45px;
  float:left;
}
.btnTwitter {
  height:45px;
  width:45px;
  float:left;
  margin-right:15px;
}
.btnTwitter a{
  background:url(../images/twitter.png);
  height:45px;
  width:45px;
  float:left;
}
.btnTwitter a:hover{
  background:url(../images/twitter.png) 0 -45px;
  height:45px;
  width:45px;
  float:left;
}
.btnInstagram {
  height:45px;
  width:45px;
  float:left;
  margin-right:15px;
}
.btnInstagram a{
  background:url(../images/instagram.png);
  height:45px;
  width:45px;
  float:left;
}
.btnInstagram a:hover{
  background:url(../images/instagram.png) 0 -45px;
  height:45px;
  width:45px;
  float:left;
}
.btnYoutube {
  height:45px;
  width:45px;
  float:left;
  margin-right:15px;
}
.btnYoutube a{
  background:url(../images/youtube.png);
  height:45px;
  width:45px;
  float:left;
}
.btnYoutube a:hover{
  background:url(../images/youtube.png) 0 -45px;
  height:45px;
  width:45px;
  float:left;
}
.btnGoogle {
  height:45px;
  width:45px;
  float:left;
  margin-right:15px;
}
.btnGoogle a{
  background:url(../images/google.png);
  height:45px;
  width:45px;
  float:left;
}
.btnGoogle a:hover{
  background:url(../images/google.png) 0 -45px;
  height:45px;
  width:45px;
  float:left;
}
.btnPatreon {
  height:45px;
  width:45px;
  float:left;
  margin-right:15px;
}
.btnPatreon a{
  background:url(../images/patreon.png);
  height:45px;
  width:45px;
  float:left;
}
.btnPatreon a:hover{
  background:url(../images/patreon.png) 0 -45px;
  height:45px;
  width:45px;
  float:left;
}
.redesSociales
{
  float: right;
  margin-right: 35px;
}
.rigthBox
{
  background: #dbd7d7;
  width: 345px;
  height: 533px;
  float: right;
}
.link_a
{
  color: #5b5b5f;
  font-family: 'ChantillyLight';
  font-size: 17.5px;
  text-decoration: none;
}
.link_a:hover
{
  color: #5b5b5f;
  text-decoration: none;
}
.reporte
{

  margin-left: 15px;
  margin-right: 25px;
  width: 500px;

  vertical-align: middle;
}
.cntReporte
{
  display: inline-block;
  color: #00a786;
  font-family: 'ChantillyLight';
  font-size: 20px;
  background: #eee7d1;

  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  padding: 10px;
  vertical-align: middle;
}
.cntReporte a
{
  cursor: pointer;
}
.cntAnio
{
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  display: inline-block;
  color: white;
  font-family: 'ChantillyLight';
  font-size: 20px;
  background: grey;
  padding: 10px;
  vertical-align: middle;
}
.mensaje
{
  background: #eee7d1;
  border-radius: 8px;
  padding: 15px 25px;
  font-family: 'ChantillyLight';
  font-size: 18px;
}
label
{
  display: block !important;
  max-width: 379px !important;
  margin-bottom: 5px;
  font-weight: 100 !important;
  cursor:pointer;
}
input[type="radio"] {
    display:none;
}
input[type="radio"] + label span {
    display:inline-block;
    width:16px;
    height:16px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url(../images/radiobutton.png) left top no-repeat;
    cursor:pointer;
}
input[type="radio"]:checked + label span {
    width:16px;
    height:16px;
    background:url(../images/radiobutton.png) -16px bottom;
}
.resp
{
  overflow-wrap: break-word;
}
.r
{
  display: inline-block;
  width: 335px;
}
.bullet
{
  vertical-align: top !important;
  margin-top: 8px !important;
  margin-right: 10px !important;
}
.infoAlert
{
  float: left;
  margin-top: 13px;
  margin-left: 120px;
  font-family: 'ChantillyMedium';
  font-size: 15px;
  color: rgb(240, 52, 52);
}
.cntResultados
{
  display: inline-block;
  color: #00a786;
  font-family: 'ChantillyLight';
  font-size: 20px;
  background: #eee7d1;
  padding: 10px;
  vertical-align: middle;
  width: 75%;
}
.cntAnio2
{
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  display: inline-block;
  color: white;
  font-family: 'ChantillyLight';
  font-size: 20px;
  background: grey;
  padding: 10px;
  vertical-align: middle;
  width: 200px;
}
.cntVer
{
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  display: inline-block;
  color: white;
  font-family: 'ChantillyLight';
  font-size: 20px;
  background: grey;
  padding: 10px;
  vertical-align: middle;
  width: 50px;
}
.seccion1
{
margin-left: 15px;
margin-right: 0px;
width: 250px;
vertical-align: middle;
}
.seccion2
{

  margin-left: 15px;
  margin-right: 0px;
  width: 480px;

  vertical-align: middle;
}