/* Parches para personalizar poncho */
/* DJV */

/* HOME */
.bg-dark-gray{
	background-color:#ddd;
}
/* fin HOME */
.form-group .input-sm{ font-size: 0.875em; }

.has-feedback select ~ .form-control-feedback,
.has-feedback div  ~ .form-control-feedback{
	top: 38px; 
	right:15px;
} 
  
.content_format h2,
.content_format h3,
.content_format h4,
.content_format h5,
.content_format h6,
.content_format .h2,
.content_format .h3,
.content_format .h4,
.content_format .h5,
.content_format .h6 {
  margin-top: 0 !important;
}

/* Zebra striping */
.tablesaw-row-zebra tr:nth-child(2n) td{
  background-color: #f0f0f0;
}

tr.bg-tomate td{
	background-color: #ff4338 !important;
	color: #FFF;
}

tr.bg-maiz td{
	background-color: #ffce00 !important;
	color: #FFF;
}

tr.bg-arandano td{
	background-color: #bd1e61 !important;
	color: #FFF;
}


.text-black{
	color:#111;	
}

.ui-datepicker-trigger{
	position: absolute;
	bottom: 1em;
	right: -2em;
}

.default-text{
	text-transform: none !important;
}


@media (min-width: 992px) {
	/* alinea el texto a la derecha en tamaños notebook y desktop */
	/*  se usa en las tablas de partes diarios exp imp */
	.text-right {
		text-align: right !important;
	}
}

.texto-normal{
	line-height: 1.6;
	font-size: 18px;
	font-weight: 300;
	font-family: "Roboto","Helvetica Neue","Helvetica","Arial",sans-serif;
	color: #111;
	
}


#ui-datepicker-div{
	/* para que el datepicker quede arriba del feedback de los form */
	z-index:3 !important;
}

.margin-10 {
	margin-bottom: 10px !important; }

.menu-gnc li a {
	line-height: 0.5;
	font-size: 13px;
}

/* textos del nav del header en minuscula */
.navbar-default .nav > li > a {
	text-transform: none;
}

.nav-item-black > a{
	color: black !important;
	font-weight: bold !important;
}

ol.preguntas li{
	margin-bottom: 2em;
}

ol.preguntas li ol li, ol.preguntas li ul li{
	margin-bottom: 0.5em;
}

/* corrección para que lightbox se vea en ie */
.ekko-lightbox .modal-dialog {
	flex: 100%!important;
	margin-left: 0;
	margin-right: 0;
}

.title-description .additional_data {
	padding-top: 15px;
}

div.parrafos-espaciados p{
	margin-bottom: 1.6em;
}

/* menú institucional */
div.navtopright{
	z-index: 10;
}

div.navtopright a{
	color:#000000!important;
}

div.navtopright a:hover, div.navtopright a:focus, div.navtopright a:active, div.navtopright ul.dropdown-menu a {
	color:#ffffff!important;
}

.navbar div.navtopright ul li .dropdown-menu li a{
	text-transform:none;
}



a.black-link, a.black-link:hover, a.black-link:visited, a.black-link:focus, a.black-link:active{
	color: #000;
	text-decoration: none;
}

/* menú lateral - item destacado */
nav.page-sidebar ul.nav-pills li a.destacado{
	
	font-size:21px;
	font-weight: bold;
}


/* breadcrum */

.breadcrumb a:hover {
	color:#2897d4;
	text-decoration: none;
  }
  
/* FIN breadcrum */


/* Arreglos para transparencia */
.page-sidebar .nav-pills li>a{
	border-radius:4px;
}

.page-sidebar .nav-pills li ul{
	padding-left: 0px;
    list-style: none;
}

.page-sidebar .nav-pills li ul li a.destacado{
	font-size:21px;
	font-weight: bold;
}

.page-sidebar .nav-pills li ul li a{
	text-decoration: none;
}

.page-sidebar .nav-pills li ul li a::before{
	content: '-';
    display: inline-block;
    margin-right: 15px;
    color: #ddd;
}

.page-sidebar .nav-pills li.active>a{
	background-color: #242c4f;
    border: 0;
    color: #F9F9F9;
}

.transparencia div.nivel2, .transparencia div.nivel3, .datos-estadisticos div.nivel2{
	padding-left:2em;
}


/* certificación de artefactos de gas */
#btn-ver-pdf, #btn-ver-xls{
	color: #fff;
}
/* FIN certificación de artefactos de gas */

i.icon-rojo-vivo {
/*width: 180px !important;
height: 180px !important;*/
background-image: url('/css/images/boton-rojo-vivo.svg') !important;
}

/* AIP */
div.aip p{
	margin-bottom: 8px;
}

div.aip .ui-state-active, div.accordion-tema .ui-state-active{
	border: 1px solid #242c4f;
	background: #242c4f;
}

div.aip div.accordion .ui-widget-content a {
	color: #ffffff;
}

div.aip div.accordion .ui-widget-content ul {
	margin-top:0px;
	margin-bottom:0px;
}

div.aip .ui-accordion .ui-accordion-header {
	font-size: 90%;
}

.accordion-tema{
	margin-bottom: 10px !important;
}

.accordion-tema h4, .accordion-tema h5, .accordion-tema h6{
	font-family: "Montserrat",sans-serif !important;
}

/* FIN AIP */

/* SEDES */
td.subdelegacion{
	padding-left: 2em!important;
}

li.item-mapa p{
	margin-top:0;
	margin-bottom:0;
}
/* FIN SEDES */

/* texto al 70% de su tamaño */
.smaller{
	font-size: 70%;
   }
   

   /* footer */

   body.sticky-footer {

	border-collapse: collapse;
  }
   .main-footer {
	padding:10px 0 0 0;
	margin-top: 2px !important;
	background:#f2f2f2 !important;
   	border-top: solid 1px #ddd;

  }

  .main-footer section {
	padding: 0;
  }

  .sub-footer {
	background-color:#242c4f;
	padding:20px 0;
  }

  body.sticky-footer .main-footer > div.border-top-amarillo {
	padding-bottom: 0px;
	padding-top: 0px;
  }

  .main-footer .container a {
	text-decoration: none !important;
  }

  body.sticky-footer .main-footer > div {
	padding-bottom: 10px;
	padding-top: 40px;
  }
   /* FIN footer */

   /* texto resaltado del buscador de resoluciones */
   .highlight{
		background-color: #e7ba61;
   }

div.datos-estadisticos a{
	text-decoration: none;	
}

div.datos-estadisticos .media-left, .media > .pull-left {
  padding-right: 24px;
}

@media (min-width: 992px) {
	.informes-home{
		padding-right: 1.3em;
	}
	.reportes-home{
		padding-left: 1.3em;
	}
	li {
		font-size: 16px;
	}

}

@media (min-width: 768px){
	li {
		font-size: 16px;
	}
}

 /* header */
 @media (min-width: 768px) and (max-width: 1200px) {
	.navbar .navbar-brand img {
	  width: 188px;
	}
  }

  
  @media (max-width: 767px) {
	.navbar .navbar-brand {
	  padding: 10px 15px;
	}
  }

  @media (max-width: 420px) {
	.navbar .container .navbar-header .navbar-brand {
	  padding: 14px;
	}
  }

 /* FIN header */

