.justify {
	text-align:justify;
}
.celdaFID {
	font-family:courier;
	text-align:center;
}
.successWhite {
    background: #018DD8 ;
    color:floralwhite;
	
}
a.anchor {
    display: block;
    position: relative;
    top: -100px;
    visibility: hidden;
}
.row-header{
    margin:0px auto;
    padding:0px auto;
}

.row-content {
    margin:0px auto;
    padding: 10px 0px 10px 0px;
    border-bottom: 1px ridge;
    min-height:400px; 
}

.row-footer{
    background-color:  #e6e6e6;
    margin:0px auto;
    padding: 20px 0px 20px 0px;
}
.jumbotron {
    padding:5px 5px 5px 5px;
    margin:0px auto;
    background: white;
    color: #fff;
}

address{
    font-size:80%;
    margin:0px;
    color:#0f0f0f;
}

body{
    padding:50px 0px 0px 0px;
    z-index:0;
}

.navbar-inverse {
/*     background: white; */
/*     color: #f0f0f0; */
}

.btn-gris {
  background: lightgray;
  color: #000;
}

.btn-gris:hover {
  background: #fff;
  color: #000;
}

.panel-gris {
    background: lightgray !important;
    color: black !important; 
}


.navbar-inverse .navbar-brand, 
.navbar-inverse .navbar-nav > li > a {
    color: #f0f0f0;
}

.navbar-inverse .navbar-brand, 
.navbar-inverse .navbar-nav > li > a:hover {
    color: #f0f0f0;
	cursor:pointer;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
    color: white;
    background: #018DD8;
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
    color: #018DD8;
    background: #fff;
}


.navbar-inverse .navbar-nav .open .dropdown-menu> li> a,
.navbar-inverse .navbar-nav .open .dropdown-menu {
    color: #018DD8;
    background: #fff;
}

.navbar-inverse .navbar-nav .open .dropdown-menu> li> a:hover {
    color: #fff;
}

/* === For tablets and desktops================================== */
@media (min-width: 992px)  {
	.imgBanner {
		height:90px;
	}
	.breadcrumb-fases { 
			list-style: none; 
			overflow: hidden; 
			font: 22px Helvetica, Arial, Sans-Serif;
		}
}
/* === For tablets ================================== */
@media (min-width: 577px)  and (max-width: 991px) {
	.imgBanner {
		height:90px;
	}
	.breadcrumb-fases { 
			list-style: none; 
			overflow: hidden; 
			font: 18px Helvetica, Arial, Sans-Serif;
		}
}

/* === For tablets and desktops================================== */
@media (min-width: 577px)  {
	.limiteLat {
		height:350px !important;
	}
	
		.breadcrumb-fases li { 
			float: left; 
		}
		.breadcrumb-fases li a, .breadcrumb-fases>.active {
			color: white;
			text-decoration: none; 
			padding: 5px 0 5px 25px;
			background: hsla(200,85%,35%,1); 
			position: relative; 
			display: block;
			float: left;
		}
		.breadcrumb-fases li a:after, .breadcrumb-fases>.active:after { 
			content: " "; 
			display: block; 
			width: 0; 
			height: 0;
			border-top: 25px solid transparent;           /* Go big on the size, and let overflow hide */
			border-bottom: 25px solid transparent;
			border-left: 15px solid hsla(200,85%,35%,1);
			position: absolute;
			top: 50%;
			margin-top: -25px; 
			left: 100%;
			z-index: 2; 
		}	
		.breadcrumb-fases li a:before, .breadcrumb-fases>.active:before { 
			content: " "; 
			display: block; 
			width: 0; 
			height: 0;
			border-top: 25px solid transparent;           /* Go big on the size, and let overflow hide */
			border-bottom: 25px solid transparent;
			border-left: 15px solid white;
			position: absolute;
			top: 50%;
			margin-top: -25px; 
			margin-left: 1px;
			left: 100%;
			z-index: 1; 
		}	
		.breadcrumb-fases li:first-child a {
			padding-left: 5px;
		}
		.breadcrumb-fases li:nth-child(2) a       { background:        hsla(200,85%,35%,1); }
		.breadcrumb-fases li:nth-child(2) a:after { border-left-color: hsla(200,85%,35%,1); }
		.breadcrumb-fases li:nth-child(3) a       { background:        hsla(200,85%,45%,1); }
		.breadcrumb-fases li:nth-child(3) a:after { border-left-color: hsla(200,85%,45%,1); }
		.breadcrumb-fases li:nth-child(4) a       { background:        hsla(200,85%,45%,1); }
		.breadcrumb-fases li:nth-child(4) a:after { border-left-color: hsla(200,85%,45%,1); }
		.breadcrumb-fases li:nth-child(5) a       { background:        hsla(200,85%,55%,1); }
		.breadcrumb-fases li:nth-child(5) a:after { border-left-color: hsla(200,85%,55%,1); }
		.breadcrumb-fases li:nth-child(6) a       { background:        hsla(200,85%,55%,1); }
		.breadcrumb-fases li:nth-child(6) a:after { border-left-color: hsla(200,85%,55%,1); }
		.breadcrumb-fases li:nth-child(7) a       { background:        hsla(200,85%,65%,1); }
		.breadcrumb-fases li:nth-child(7) a:after { border-left-color: hsla(200,85%,65%,1); }
		.breadcrumb-fases li:nth-child(8) a       { background:        hsla(200,85%,65%,1); }
		.breadcrumb-fases li:nth-child(8) a:after { border-left-color: hsla(200,85%,65%,1); }
		.breadcrumb-fases li:nth-child(9) a       { background:        hsla(200,85%,75%,1); }
		.breadcrumb-fases li:nth-child(9) a:after { border-left-color: hsla(200,85%,75%,1); }
		.breadcrumb-fases li:nth-child(10) a       { background:        hsla(200,85%,75%,1); }
		.breadcrumb-fases li:nth-child(10) a:after { border-left-color: hsla(200,85%,75%,1); }
		.breadcrumb-fases li:nth-child(11) a       { background:        hsla(200,85%,85%,1); }
		.breadcrumb-fases li:nth-child(11) a:after { border-left-color: hsla(200,85%,85%,1); }
		.breadcrumb-fases li:nth-child(12) a       { background:        hsla(200,85%,85%,1); }
		.breadcrumb-fases li:nth-child(12) a:after { border-left-color: hsla(200,85%,85%,1); }
		
		.breadcrumb-fases>.active {
			background:        hsla(200,85%,85%,1);
			color: black;
			pointer-events: none;
 			cursor: default;
		}
		.breadcrumb-fases>.active:after { border-left-color: hsla(200,85%,85%,1); }
		
		.breadcrumb-fases li a:hover { background: hsla(200,85%,25%,1); }
		.breadcrumb-fases li a:hover:after { border-left-color: hsla(200,85%,25%,1) !important; }
}

/* === Phones ================================== */
@media (max-width: 576px)  {
	.limiteLat {
		height:auto;
	}
	.imgBanner {
		height:50px;
	}
		.breadcrumb-fases { 
			list-style: none; 
			overflow: hidden; 
			font: 14px Helvetica, Arial, Sans-Serif;
		}
		.breadcrumb-fases li { 
			float: left; 
		}
		.breadcrumb-fases li a, .breadcrumb-fases>.active {
			color: white;
			text-decoration: none; 
			padding: 5px 0 5px 25px;
			background: hsla(200,85%,35%,1); 
			position: relative; 
			display: block;
			float: left;
		}
		.breadcrumb-fases li a:after, .breadcrumb-fases>.active:after { 
			content: " "; 
			display: block; 
			width: 0; 
			height: 0;
			border-top: 12px solid transparent;           /* Go big on the size, and let overflow hide */
			border-bottom: 12px solid transparent;
			border-left: 7px solid hsla(200,85%,35%,1);
			position: absolute;
			top: 50%;
			margin-top: -12px; 
			left: 100%;
			z-index: 2; 
		}	
		.breadcrumb-fases li a:before, .breadcrumb-fases>.active:before { 
			content: " "; 
			display: block; 
			width: 0; 
			height: 0;
			border-top: 12px solid transparent;           /* Go big on the size, and let overflow hide */
			border-bottom: 12px solid transparent;
			border-left: 7px solid white;
			position: absolute;
			top: 50%;
			margin-top: -12px; 
			margin-left: 1px;
			left: 100%;
			z-index: 1; 
		}	
		.breadcrumb-fases li:first-child a {
			padding-left: 2px;
		}
		.breadcrumb-fases li:nth-child(2) a       { background:        hsla(200,85%,35%,1); }
		.breadcrumb-fases li:nth-child(2) a:after { border-left-color: hsla(200,85%,35%,1); }
		.breadcrumb-fases li:nth-child(3) a       { background:        hsla(200,85%,45%,1); }
		.breadcrumb-fases li:nth-child(3) a:after { border-left-color: hsla(200,85%,45%,1); }
		.breadcrumb-fases li:nth-child(4) a       { background:        hsla(200,85%,45%,1); }
		.breadcrumb-fases li:nth-child(4) a:after { border-left-color: hsla(200,85%,45%,1); }
		.breadcrumb-fases li:nth-child(5) a       { background:        hsla(200,85%,55%,1); }
		.breadcrumb-fases li:nth-child(5) a:after { border-left-color: hsla(200,85%,55%,1); }
		.breadcrumb-fases li:nth-child(6) a       { background:        hsla(200,85%,55%,1); }
		.breadcrumb-fases li:nth-child(6) a:after { border-left-color: hsla(200,85%,55%,1); }
		.breadcrumb-fases li:nth-child(7) a       { background:        hsla(200,85%,65%,1); }
		.breadcrumb-fases li:nth-child(7) a:after { border-left-color: hsla(200,85%,65%,1); }
		.breadcrumb-fases li:nth-child(8) a       { background:        hsla(200,85%,65%,1); }
		.breadcrumb-fases li:nth-child(8) a:after { border-left-color: hsla(200,85%,65%,1); }
		.breadcrumb-fases li:nth-child(9) a       { background:        hsla(200,85%,75%,1); }
		.breadcrumb-fases li:nth-child(9) a:after { border-left-color: hsla(200,85%,75%,1); }
		.breadcrumb-fases li:nth-child(10) a       { background:        hsla(200,85%,75%,1); }
		.breadcrumb-fases li:nth-child(10) a:after { border-left-color: hsla(200,85%,75%,1); }
		.breadcrumb-fases li:nth-child(11) a       { background:        hsla(200,85%,85%,1); }
		.breadcrumb-fases li:nth-child(11) a:after { border-left-color: hsla(200,85%,85%,1); }
		.breadcrumb-fases li:nth-child(12) a       { background:        hsla(200,85%,85%,1); }
		.breadcrumb-fases li:nth-child(12) a:after { border-left-color: hsla(200,85%,85%,1); }
		
		.breadcrumb-fases>.active {
			background:        hsla(200,85%,85%,1);
			/*background: white !important;*/
			color: black;
			pointer-events: none;
 			cursor: default;
		}
		.breadcrumb-fases>.active:after { border-left-color: hsla(200,85%,85%,1); }
		
		.breadcrumb-fases li a:hover { background: hsla(200,85%,25%,1); }
		.breadcrumb-fases li a:hover:after { border-left-color: hsla(200,85%,25%,1) !important; }
}