@font-face {
	font-family: Roboto-Regular;
	src: url("Roboto-Regular.ttf");
}

@font-face {
	font-family: Roboto-Bold;
	src: url("Roboto-Bold.ttf");
}

body {
	font-family: Roboto-Regular;
}

#default-bg {
    display: inline-block;
    width: 100%;
    background-size: 100%;
    background-position: 50% 50%;
    background-image: url(/img/city.png); 
    height: 100%;    
    /* Center and scale the image nicely */
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 620px;
}

.nav-logo
{
	display: block;
	height: 20px;
	padding: 0 0 0 20px;
}

.nav-item
{
	padding-top: 5px;	
}

.default-content
{
	padding: 30px 0;
}

.default-content h1
{
	color: #564AAC;
	padding: 15px 0;
	font-size: 2.0em;
}

.default-content h2
{
	color: #564AAC;
	padding: 10px 0;
	font-size: 1.5em;
}

.default-content p
{
	color: #333333;
	line-height: 1.4em;
	font-size: 1.2em;
}

.default-content .info-fecha
{
	border-radius: 35px;
	background: #d5007f;
	padding: 20px;
	width: 250px;
	color: #fff;
	background-color: rgba(213, 0, 127, 0.8);
	margin: 20px auto;
}

.hide
{
	display: none !important;
}

.starter-template {
  position: relative;	
  padding: 0px 40px 40px 40px;
  border: 1px solid #ddd;
  min-height: 70vh;
}

.starter-template-no-padding {
  position: relative;	
  padding: 0px 0px 0px 0px;
 /*  border: 1px solid #ddd; */
  min-height: 70vh;
}

.starter-template .ph0{
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.starter-template .td-color
{
	text-align: center; border: none;	
}

.starter-template .color-logo
{
	background-color:#ddd; width:90%; max-width:45px; height:20px; display:inline-block;
}

.starter-template h1{
  padding: 20px 0px 0px 0px;
  font-size: 20px;
  font-weight: bold;
}

.starter-template h2{
  padding: 15px 0;
  font-size: 18px;
  font-weight: bold;
}

.starter-template h3{
  padding: 15px 0;
  font-size: 15px;
  font-weight: bold;
}

.switch {
  position: relative;
  display: inline-block;
  width: 180px;
  height: 22px;
  margin-top: 3px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  -webkit-transition: .4s;
  transition: .4s;
  height: 16px;
  width: 200px;
  border-bottom: 2px solid #FFFFFF;
  border-top: 2px solid #FFFFFF;  
}

.slider:before {
  position: absolute;
  content: "";
  height: 14px;
  width: 102px;
  left: 2px;
  bottom: 0px;
  background-color: #e8aae1;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #fff;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(95px);
  transform: translateX(95px);  
}

/* Rounded sliders */
.slider.round {
  border-radius: 20px;
  height: 18px;
}

.slider.round:before {
  border-radius: 20px;
}

.text-black {
    color: black;
}

.pink
{
background: -webkit-linear-gradient(left, #a84684, #833e7d);
background: -moz-linear-gradient(left, #a84684, #833e7d);
background: linear-gradient(to right, #a84684, #833e7d);
}

.pink p
{
	padding: 0 !important;
	margin: 0 !important;
	color: #fff;
	line-height: 1em;
	font-size: 10px;
}

.pink h1
{
	padding: 0px 0px 5px 0px !important;
	margin: 0 !important;
	color: #fff;
	line-height: 1.1em;
	font-size: 12px;
	font-weight: 500;
}

.pink .periodo
{
	font-size: 14px;
	color: #fff;
	padding: 0px 10px 3px 10px !important;
	margin: 0px;
	font-weight: 500;
	font-family: Roboto-Regular;
	opacity: 1;
}

.navbar a
{
	font-family: Roboto-Regular;
	font-size: 15px;
}

.top-menu a
{
	color: #333 !important;
	margin: 0px 5px !important;
}

.flex-menu {
	justify-content: space-between;
	width: 100%;
}

.cursor {
	cursor: pointer;
}

a.active
{
	font-weight: 500;
}

.li-active
{
	border-bottom: 5px solid #833e7d !important;
}

.migajas
{
	background-color: #efefef;
	display:inline-block;
	padding: 5px 15px;
	margin: 30px 0px;
	border-radius: 5px;
	font-family: Roboto-Regular;
	font-size: 16px;
}

.migajas p
{
	padding: 0px !important;
	margin: 0px !important;
	font-size: 10px;
}

.label-pie-char
{
	font-size: 15px !important;
	color: #ffdd55;
}


ol.list-char {list-style-type: lower-latin;}
ol.list-roman {list-style-type: lower-roman;}
ol.list-latin{}

/*--------------------------------------------------- descargas ------------------------------------------------*/

.descargas a
{
	color: #D5007F;
}

.descargas ul
{
	list-style-type: none;
	width: 100%;
	padding-left: 0px;
}

.descarga-seccion
{
	margin: 20px 0;
	min-height: 200px;
}

.descarga-item
{
	-webkit-box-shadow: -7px 0px 5px -3px rgba(237,234,237,0.6);
	-moz-box-shadow: -7px 0px 5px -3px rgba(237,234,237,0.6);
	box-shadow: -7px 0px 5px -3px rgba(237,234,237,0.6);
}

.descarga-item img {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}


/*--------------------------------------------------linea de tiempo ------------------------------------------*/

.linea-tiempo-titulo
{
	margin-bottom: 15px !important;
}

.suceso-titulo
{
	font-size: 1.2rem !important;
	color: #959595 !important;
	margin-bottom: 5px;
}

.suceso-descripcion
{
	font-size: 1rem !important;
	color: #555 !important;
}

.suceso-fecha
{
	font-size: 0.8rem !important;
	color: #777 !important;
	text-align: right !important;
}


/*----------------------------------------------------------footer-------------------------------------------------*/

.footer-top
{
	background: #F8F8F8 0% 0% no-repeat padding-box;
}

.footer-top a{	
	text-decoration: underline;
	font: Bold 20px/26px Roboto;
	letter-spacing: 0px;
	color: #D5007F;
	opacity: 1;
}

.footer-middle
{
	background: #EFEFEF 0% 0% no-repeat padding-box;
	font-family: Roboto-Regular;
	line-height: 80%;
}

.footer-middle p
{
	/*font: Light 16px/21px Roboto;*/
	font-size: .8rem;
	letter-spacing: 0px;
	color: #333333;
	padding: 5px 0px;
	margin: 0px 0px;
}

.footer-middle h1
{
	/*font: Bold 18px/24px Roboto Slab;*/
	font-family: Roboto-Bold;
	font-size: 14px;
	letter-spacing: 0px;
	color: #333333;
}

.footer-bottom
{	
	background-color: #000 !important;
	padding: 20px 0;
	color: #FFFFFF;
	font-family: Roboto-Regular;
	/*font-size: 14;*/
	line-height: 80%;
	position: absolute;
	width: 100%;
}

.footer-bottom span
{
	/*font: Regular 12px Roboto-Regular;*/
	font-size: 11px;
	letter-spacing: 0px;
	color: #FFFFFF;
}

.footer-bottom a.top
{
	color: #D5007F;
	cursor: pointer;
	position: fixed;
    bottom: 30px;
    right: 30px;
}

/*.footer-bottom a.top:hover
{
	color: #ddd;
	cursor: pointer;
}*/

.button-smn
{
	color: #fff;
	background-color: #d5007f;
	border-color: #EC12C9;
	padding: 3px 30px 3px 30px;
	font-family: Roboto-Regular;
	font-size: 15px;
	width: 113px;
	height: 38px;
	border-radius: 0px;
	opacity: 1;
}

.sly-menu
{
	/*background-color: #EC12C9;*/
	border-color: #EC12C9;
	overflow: auto;
	white-space: nowrap;
	font-size: 14px;
}

.sly-menu a
{
	display: inline-block;
	text-align: center;
	padding: 14px;
	text-decoration: none;
	margin: 0px 34px 4px 34px;
	color: #000;
	cursor: pointer;
}

.sly-menu a:hover 
{

	border-bottom-color: #EC12C9;
}


table.table-portal
{
  font-size: 12px;		
  border: 0px solid #1C6EA4;
  background-color: #FFFFFF;
  width: 80%;
  text-align: center;
  border-collapse: collapse;
  margin: auto;
}

table.table-portal td, table.table-portal th {
  padding: 2px 1px;
  vertical-align: middle;
}

table.table-portal tbody td {
  font-size: 12px;
  color: #707070;
  opacity: 1;
  font-family: Roboto-Regular;
  /*height: 53px;*/
}

table.table-portal tr:nth-child(even) {
  background: #F6DBEA;
}

table.table-portal thead {
  background: #F3B3D8;
  /*background: -moz-linear-gradient(top, #ffb8f9 0%, #ffaaf7 66%, #FFA1F7 100%);
  background: -webkit-linear-gradient(top, #ffb8f9 0%, #ffaaf7 66%, #FFA1F7 100%);
  background: linear-gradient(to bottom, #ffb8f9 0%, #ffaaf7 66%, #FFA1F7 100%);
  */
}

table.table-portal thead th {
  font-size: 12px;
  font-family: Roboto-Bold;	
  color: #707070;
  text-align: center;
  /*height: 63px;*/
}

table.table-portal thead th:first-child {
  border-left: none;
}

table.table-portal tfoot td {
  font-size: 14px;
  height: 70px;
}

table.table-portal tfoot .links {
  text-align: right;
}

table.table-portal tfoot .links a{
  display: inline-block;
  background: #1C6EA4;
  color: #FFFFFF;
  padding: 2px 8px;
  border-radius: 5px;
}

.btn-export{
  /*background-color: #d5007f;*/
  border: none;
  float: right;
  /*margin-right: 92px;*/
  /*color: white;*/
  margin-top: 10px;
  /*padding: 12px 16px;
  font-size: 16px;*/
  cursor: pointer;
}
/*
.btn-export:hover{
	background-color: #ffb8f9;
	color: black;
}
*/

.btn-purple {
	color: #fff !important;
	background-color: #833E7D;
	border-color: #833E7D;
}

.btn-purple:hover {
	color: #fff;
	background-color: #A84684;
	border-color: #A84684;
}

.float-right {
	float: right;
}

.box-shadow{
	box-shadow: 0px 3px 6px #00000029;
}

.titulo_tabla p{
	text-align: center !important;
    font-size: 16px  !important;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif !important;
    color: #564AAC;
}

.obligatorio{
	color: red;
}

.text-align-center {
	text-align: center;
}

.loader {
  position: relative;
  text-align: center;
  margin: 15px auto 35px auto;
  z-index: 9999;
  display: block;
  width: 120px;
  height: 120px;
  background-image: url("../img/loading_pink.gif");
}

.modal-content {
  border-radius: 0px;
  box-shadow: 0 0 20px 8px rgba(0, 0, 0, 0.6);
  width: 200px !important;
}

.modal-backdrop.show {
  opacity: 0.55;
}

/*.loader-txt {
  p {
    font-size: 13px;
    color: #666;
    small {
      font-size: 11.5px;
      color: #999;
    }
  }
}*/

.loader-txt p 
{
    font-size: 13px;
    color: #666;    
}
  
.loader-txt small
{
	 font-size: 11.5px;
     color: #999;
}

.contenedor-grafica{
	margin-left: auto;
	margin-right: auto;	
}

.navbarsTopMenu{
	/*padding-bottom: 7px;*/
	min-height: 60px;
}

.navbarsTopMenu ul li{
	margin-left: 20px;
	margin-right: 20px;
	font-family: Roboto-Regular;
	font-size: 19px;	
}

.navbarsTopMenu ul li.active{
		border-bottom: 6px solid #D5007F !important;	
}

.dropdown-menu {
	background-color: #e0e0e0;
}

.dropdown-item.active, .dropdown-item:active {
	background-color: #833e7d;
}

.dropdown-item:focus, .dropdown-item:hover {
	color: #fff;
	background-color: #A84684;
}

.titulo {
	font-family: Roboto-Bold;	
	font-size: 24px;
	margin-bottom: 8px;
	margin-top: 12px;
}

.msg-requerido {
	font-family: Roboto-Regular;
	font-size: 11px;
}

.msg-label {
	font-family: Roboto-Regular;
	font-size: 14px;		
}

.form-control-smn {
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 1px solid #707070;
	border-radius: 8px;
	opacity: 1;
	font-size: 14px;
	font-family: Roboto-Regular;
	height: 30px !important;	
}

.sin-borde {
	border: none;
}

.tabla-home{
	text-align: center; 
}

.tr1Home{
	padding: 10px 0px 150px 0px;
	border-bottom: 1px solid #CBBDBA;
}

.td1{
	text-align: center; 
    vertical-align: middle;
    white-space: nowrap; 
    width: 1px; 
    font-weight:bold;
    font-size: small; 
    border: none;
}


.titulo-renglon-horizontal {
	/* background-color: #DDDDDD; */
	max-width: 15%;
}

.texto-tenue {
	text-align: justify;
	color: #BBBBBB;
}

.fuente-pequenia {
		font-size: 12px;
}

.button-smn-small
{
	color: #fff;
	background-color: #d5007f;
	border-color: #EC12C9;
	padding: 3px 15px 3px 15px;
	font-family: Roboto-Regular;
	font-size: 15px;
	width: 90px;
	height: 30px;
	border-radius: 0px;
	opacity: 1;
}

.list-group-item.active {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #e8aae1 !important;
    border: 1px solid rgba(0,0,0,.125);
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff !important;
    background-color: #833e7d !important;
}

.info-rel {
    color: #fff !important;
    text-decoration: none;
    background-color: #a84684;
    -webkit-text-decoration-skip: objects;
}

.info-rel:hover{
	background-color: #833e7d;
}

.info-rel-titulo{
	text-align: center;
	color:#564AAC !important;
	font-size:16px;
	font-weight:bold;
	fill:#564AAC !important; 
}

.info-grafica{
	font-size: 14px;
    opacity: 1;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 40px;
    text-align: justify;
    color: rgb(187, 187, 187);	
}

.menu-candidaturas {
	border-bottom: 2px solid #DDDDDD;
	margin-left: -7px;
}

.menu-candidaturas.menu-candidaturas-tres {
	margin-right: -7px;
}

.menu-candidaturas .ui-commandlink.ui-widget {
	background-color: inherit;
	border: none;
	color: #000;
	height: 33px;
	/* height: 100%; */
}

.menu-candidaturas .ui-commandlink.ui-widget:focus, .menu-candidaturas .ui-commandlink.ui-widget:hover {
	background-color: #E6E6E6;
}

.menu-candidaturas .btn-primaryClick {
	border-bottom: 4px solid #D5007F;
	/* margin-top: -1px; */
}


.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.btn.focus, .btn:focus {
  box-shadow: 0 0 0 .2rem #A8468440;
}

.btn-primaryClick {
    color: #000000;
    background-color: #DDDDDD;
    border-color: #DDDDDD;
}


.starter-template p {
	font-size: 15px;
	font-family: Roboto-Regular;
	text-align: justify;
}

.starter-template li {
	font-size: 15px;
	font-family: Roboto-Regular;
	text-align: justify;
}

.acerca-padding-top-bottom{
	padding-top: 10px;
    padding-bottom: 0px;	
}

.acerca-division{
	border-bottom: 1px solid #CCCCCC;
	opacity: 1;	
}

.acerca-images{
	width: 180px;
	height: 155px;
}
    
.center-images{
	margin-bottom: auto;
	margin-top: auto;
}

.main-word{
	margin-bottom: 2px;
	font-family: Roboto-Bold !important;
}

.list-glosary{
	list-style-type: none;
}

.list-glosary h2{
	font-family: Roboto-Bold !important;
	font-size: 38px;
	color: #999999 !important;
	opacity: 1;
}
    
.list-bullet-square{
	list-style-type: square;
}

.list-group-item-info {
    color: #FFFFFF !important;
    background-color: #4D4D4D !important;
}

.etiquetaSinInformesStyle{
	color: #111;
	font-size: 15px;
	font-family: Roboto-Regular;
	text-align: justify;
}

.divCarrucelMovil{
	display: none;
}

@media (max-width: 767px) {
.divCarrucel{
     display: none;
     
     
}
.divCarrucelMovil{
	display:inline-block;
	margin-top: 10px;
	width: 100%;
}

.divPartidos{
	width: 98%;
}

table.table-portal tbody td {
    font-size: 9px
}
table.table-portal {
    font-size: 9px;
}
.descarga-item{
	display: none;
}

/* Si el tamaño de la pantalla es de 766px o menos, ajusta el tamaño de la fuente de <div> a 05px */
@media (max-width: 766px) {
	table.table-portal tbody td {
		font-size: 5px
	}
	table.table-portal {
		font-size: 5px;
	}
	
	/* Eliminamos el padding del div padre de body*/
	.starter-template {
	  position: relative;	
	  padding: 0px 0px 0px 0px;
	  border: 1px solid #ddd;
	  min-height: 70vh;
	}
	
	/* Adapatamos las flechas de desplazamiento del menú en gráficas de monitoreo */
	.frame {
	  	height: 60px;
		overflow: hidden;
		margin-top: -40px;
		margin-right: auto;
		border-bottom: 1px solid #CCCCCC;
		margin-left: 10%;
  		width: 85%;
	}
	
	
}