/*
 ########## BreezingForms 1.6.5 QuickMode ##########
 @autor crosstec.de
 @copyright Copyright (C) 2009 crosstec.de. All rights reserved.
 ########################################
*/
.bfElementGroup input[type='radio'] {
  vertical-align: top;
}

.bfElementGroupNoWrap input[type='radio'] {
  vertical-align: top;
}

.bfElementGroup input[type='checkbox'] {
  vertical-align: top;
}

.bfElementGroupNoWrap input[type='checkbox'] {
  vertical-align: top;
}

/* ##### General BreezingForms styles ##### */

.bfQuickMode {}

.bfQuickMode fieldset {}

.bfQuickMode legend {}

.bfQuickMode p.bfElemWrap {}

.bfQuickMode span.bfElemWrap {}

/* ##### inline ##### */

.bfQuickMode fieldset fieldset legend {}

.bfQuickMode fieldset.bfInline {}

.bfQuickMode fieldset.bfInline p {}

/* ##### Input Fields ##### */

.bfQuickMode input[type=text],
.bfQuickMode input[type=password],
.bfQuickMode textarea,
.bfQuickMode select {
  padding: 0 15px;
  height: 35px;
  line-height: 35px;
  width: 100%;
}

.bfQuickMode textarea:hover,
.bfQuickMode input[type='text']:hover,
.bfQuickMode input[type='password']:hover,
.bfQuickMode select:hover {
  width: 100%;
}

.bfQuickMode textarea:focus,
.bfQuickMode input[type='text']:focus,
.bfQuickMode input[type='password']:focus,
.bfQuickMode select:focus {
  width: 100%;
}

.bfQuickMode input[type='button'],
.bfQuickMode input[type='submit'],
.bfQuickMode input[type='checkbox'],
.bfQuickMode input[type='image'],
.bfQuickMode input[type='radio'],
.bfQuickMode input[type='reset'],
.bfQuickMode select,
.bfQuickMode button {}

.bfQuickMode input[type='hidden'] {
  display: none;
}

/* ##### page intro ##### */

.bfQuickMode .bfPageIntro {}

/* ##### error messages #####*/

.bfQuickMode .bfErrorMessage {}

.bfQuickMode {
  font-family: Open Sans !important;
}

/* ##### max length message ##### */

.bfMaxLengthCounter {
  color: #666;
}

/* ##### tooltip ##### */

.bfQuickMode span.hasTip {
  background: transparent url('img/icon_info.png') right top no-repeat;
}

/* ##### Section Description #####*/

.bfQuickMode .bfSectionDescription {}

.bfQuickMode .bfSectionDescription p {}

/* ##### required ##### */

.bfQuickMode .bfRequired {
  color: #7D2447;
}

/* ##### buttons ##### */

.bfQuickMode input[type='submit'],
.bfQuickMode input[type='reset'] {}

.bfQuickMode .bfNextButton,
.bfQuickMode .bfSubmitButton,
.bfQuickMode .bfCancelButton {}

.bfQuickMode .bfPrevButton {}

.bfQuickMode input.bfCalendar {}

.bfQuickMode section input[type="text"],
.bfQuickMode section textarea,
.bfQuickMode section select {
  width: 100%;
}

.bfNoSection {
  display: flow-root;
  box-sizing: content-box;
  max-width: 1380px;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width:640px) {
  .bfNoSection {
    padding-left: 30px;
    padding-right: 30px
  }
}

@media (min-width:960px) {
  .bfNoSection {
    padding-left: 40px;
    padding-right: 40px
  }
}

.bfNoSection>:last-child {
  margin-bottom: 0
}

.bfNoSection .bfNoSection {
  padding-left: 0;
  padding-right: 0
}

.bfNoSection {
  max-width: 700px
}

/*********************************************************************/
.color_title {
  color: #002a68;
  font-size: 24px;
}

.linea {
  border-bottom: 8px solid #c2ba98;
  margin: 10px 0px;
}

.texto {
  margin: 10px 0px;
  font-size: 17px;
  color: #002a68;
}




.bfQuickMode .bfLabelLeft label {
  width: 25%;
  font-size: 16px;
  font-weight: 400;
  color: #474345;
}

.bfQuickMode section.bfElemWrap {
  margin: 20px 0px;
  width: 100% !important;
  color: #7D2447;
  padding: 0;
}

#seccion_2 section label {
  font-size: 16px;
  font-weight: 400;
  color: #002a68;
}

#seccion_3 section label {
  width: 100%;
  padding-bottom: 15px;
}

#seccion_3 section span {
  width: 100%;
  padding-bottom: 25px;

}

#seccion_3 section input[type="radio"] {
  border-style: solid;
  border-width: 2px;
  accent-color: #6EC0E6;
  border-color: #6EC0E6;
  ;

}


[name^=ff_nm_codigo_verificacion] {
  letter-spacing: 0.5em;
  word-spacing: 0.5em;
  font-weight: bold;
}

.header {
  margin-bottom: 0px !important;
}

.color_logo {
  background: transparent linear-gradient(180deg, #C2BA9838 0%, #FFFFFF00 15%) 0% 0% no-repeat padding-box;
  background-color: rgba(194, 186, 152, 0.2) !important;
}

.color_pather {
  background-color: rgba(194, 186, 152, 0.2) !important;
}
.ff_elem {
  border: 2px solid #7D2447;
  padding: 5px;
}

.ff_elem:checked {
  border-color: #41504D;
}
.color-logo-footer{
  color: #7D2447 !important;
  width: 296px;
}
.informativo{
  background: #FFF;
}
.ultima-vez{
  background: #7D2447;
}
.footer_pleca {
  background-image: url(https://pueblacapital.gob.mx/images/pages/home/pathern-mosaico.svg);
  background-repeat: repeat;
  background-size: 60px;
  background-attachment: fixed;
  background-position: left 0, left 520px, left 1040px, left 1560px, right 0, right 520px, right 1040px, right 1560px;
}

.bfElemWrap label {
  position: relative;
  padding-left: 10px;  /* Espacio para la barra lateral */
  display: block;
  margin-bottom: 10px;
}

.bfElemWrap label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 5px;
  height: 50%;
  transform: translateY(-50%);
}

/* Alternancia de colores entre #7D2447 y #C2BA98 */

/* Color #7D2447 para los labels de posición impar */
#bfLabel2165::before,
#bfLabel1614::before,
#bfElemWrap1676::before,
#bfLabel2087::before,
#bfLabel2200::before,
#bfLabel2108::before,
#bfLabel2140::before,
#bfLabel2134::before,
#bfLabel2149::before,
#bfLabel1690::before,
#bfLabel1712::before,
#bfElemWrap2155::before,
#bfLabel2261::before,
#bfLabel2267::before, 
#bfLabel1676::before,
#bfLabel2155::before
{
  background-color: #7D2447;
}

/* Color #C2BA98 para los labels de posición par */
#bfLabel2243::before,
#bfLabel2234::before,
#bfLabel1627::before,
#bfLabel2078::before,
#bfLabel2187::before,
#bfLabel2123::before,
#bfLabel2139::before,
#bfLabel2134::before,
#bfLabel1681::before,
#bfLabel2225::before,
#bfElemWrap2252::before,
#bfLabel2266::before,
#bfLabel2273::before,
#bfLabel1703::before {
  background-color: #C2BA98;
}

/* El último label no tiene barra lateral */
#bfElemWrap2069 label::before {
  background-color: transparent;
}

#seccion_3 section label {
  width: 100%;
  padding-bottom: 2% !important;
  padding-top: 2% !important;
}

.link{
	color: #41504D;
}

.link:hover{
	color: #7D2447;
}
#aviso-privacidad{
  margin: 30px !important;
}
