.breadcrumbs
{
  color: rgb(59, 148, 217);;
  text-transform: none;
  padding: 0px;
  margin: 0px;
  font-size:13px;
}

.breadcrumbs:hover
{
  color:rgb(59, 148, 217);;
  text-decoration:underline;
}

.banner066-089
{
  margin-top:10px;
  max-width:100%;
  float:right;
}

.azulssp{
  color:rgb(0, 46, 103);
}

.rojossp{
  color:rgb(190, 21, 35);
}


.modal-dialog {}
.thumbnail {margin-bottom:6px;}

.carousel-control.left,.carousel-control.right{
  background-image:none;
}

.tabla-normatividad-leyes > thead > tr > th,
.tabla-normatividad-leyes > thead > tr > td {
  font-size:14px;
}

.tabla-normatividad {
  border-spacing: 10px;
  border-collapse: separate;
  border: 1px solid #ddd;
}

.tabla-normatividad > thead > tr > th,
.tabla-normatividad > thead > tr > td {
  background: #666;
  color: #fff;
}

.tabla-normatividad > thead > tr > th,
.tabla-normatividad > tbody > tr > th,
.tabla-normatividad > tfoot > tr > th,
.tabla-normatividad > thead > tr > td,
.tabla-normatividad > tbody > tr > td,
.tabla-normatividad > tfoot > tr > td {
  border:none;
  vertical-align:middle;
}

.tabla-normatividad > thead > tr > th > p,
.tabla-normatividad > tbody > tr > th > p,
.tabla-normatividad > tfoot > tr > th > p,
.tabla-normatividad > thead > tr > td > p,
.tabla-normatividad > tbody > tr > td > p,
.tabla-normatividad > tfoot > tr > td > p {
  margin:5px;
}

a.list-group-item-success, button.list-group-item-success
{
	color:#FFFFFF;
}

.list-group-item-success
{
	background-color: #002E67;
}

a.list-group-item-success:hover, button.list-group-item-success:hover, a.list-group-item-success:focus, button.list-group-item-success:focus
{
	background-color: #0047ab;
	color:#FFFFFF;
}

.notames
{
	color: #0047ab;
	margin-left: 15px;
}

.notainfo
{
	font-size: 0.86em;
	color: #0047ab;
	margin-left: 30px;
}

.fotos-titulares
{
  width: 80%;
}

#canvas svg { 
    display: block;
    width: 100%;
    height: 600px;
}

@media screen and (max-width: 480px) {
  .fotos-titulares
  {
	width: 50%;
  }
}

@media screen and (min-width: 481px) and (max-width: 767px) {
  .fotos-titulares
  {
	width: 30%;
  }
}


/*	INICIO BOTON DE FILE */

    .btn-file {
        position: relative;
        overflow: hidden;
    }
    .btn-file input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        min-width: 100%;
        min-height: 100%;
        font-size: 100px;
        text-align: right;
        filter: alpha(opacity=0);
        opacity: 0;
        outline: none;
        background: white;
        cursor: inherit;
        display: block;
    }
	
/*	FIN BOTON DE FILE */






/*INICIO PARA LOS SLIDER DE CAMPAÑAS

#myCarouselpie .thumbnail {
	margin-bottom: 0;
}
.carousel-control.left, .carousel-control.right {
	background-image:none !important;
}
.carousel-control {
	color:#fff;
	top:40%;
	color:#428BCA;
	bottom:auto;
	padding-top:4px;
	width:30px;
	height:30px;
	text-shadow:none;
	opacity:1;
}
.carousel-control:hover {
	color: #d9534f;
}
.carousel-control.left, .carousel-control.right {
	background-image:none !important;
}
.carousel-control.right {
	left:auto;
	right:-32px;
}
.carousel-control.left {
	right:auto;
	left:-32px;
}
.carousel-indicators {
	bottom:-30px;
}
.carousel-indicators li {
	border-radius:0;
	width:10px;
	height:10px;
	background:#ccc;
	border:1px solid #ccc;
}
.carousel-indicators .active {
	width:12px;
	height:12px;
	background:#3276b1;
	border-color:#3276b1;
}
FIN PARA LOS SLIDER DE CAMPAÑAS*/


/*INICIO PARA EL MAPA DEL SECESP DE COORDINACIÓN*/
.center {
position: absolute;
top:0;
left:0;
right:0;
bottom:0;
margin: auto;
background: #33CCFF;
height: 300px;
width: 400px;
}

#modal
{
	display:none;
}

/*FIN PARA EL MAPA DEL SECESP DE COORDINACIÓN*/

/**/
.pushbutton:hover
{
	position:relative;
	margin-left: 3px;
	top: 3px;
}

/*INICIO PARA MAPAS RESPONSIVOS DE GOOGLE*/
.google-maps {
position: relative;
padding-bottom: 25%; // This is the aspect ratio
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
/*FIN PARA MAPAS RESPONSIVOS DE GOOGLE*/

/*INICIO PARA TABLA DE NORMATIVIDAD Y REPORTES SEMANALAES SECESP*/
.tabla-normatividad-responsive {
  height: 320px;
  overflow-y: auto;
}
/*FIN PARA TABLA DE NORMATIVIDAD Y REPORTES SEMANALAES SECESP*/


/*INICIO PARA ANIMACIÓN DE OBJETIVOS SSPE*/
.imagen-objetivo {
  width: 100%;
  -moz-animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -moz-animation-name: slidein;
  -webkit-animation-name: slidein;
  animation-name: slidein;
  opacity: 0;
  animation-fill-mode: forwards;
}

#obj2 {
  animation-delay: 2s;
}

#obj3 {
  animation-delay: 4s;
}

#obj4 {
  animation-delay: 6s;
}


//* SQUARED ONE */
.squaredOne {
  width: 28px;
  height: 28px;
  background: #fcfff4;

  background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
  margin: 20px auto;
  -webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
  -moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
  box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
  position: relative;
}

.squaredOne label {
  cursor: pointer;
  position: absolute;
  width: 20px;
  height: 20px;
  left: 4px;
  top: 4px;

  -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
  -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
  box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);

  background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
  background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
  background: -o-linear-gradient(top, #222 0%, #45484d 100%);
  background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
  background: linear-gradient(top, #222 0%, #45484d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
}

.squaredOne label:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  background: #00bf00;

  background: -webkit-linear-gradient(top, #00bf00 0%, #009400 100%);
  background: -moz-linear-gradient(top, #00bf00 0%, #009400 100%);
  background: -o-linear-gradient(top, #00bf00 0%, #009400 100%);
  background: -ms-linear-gradient(top, #00bf00 0%, #009400 100%);
  background: linear-gradient(top, #00bf00 0%, #009400 100%);

  top: 2px;
  left: 2px;

  -webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
  -moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
  box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
}

.squaredOne label:hover::after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  opacity: 0.3;
}

.squaredOne input[type=checkbox]:checked + label:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}

/* SQUARED TWO */
.squaredTwo {
  width: 28px;
  height: 28px;
  background: #fcfff4;

  background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
  margin: 20px auto;

  -webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
  -moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
  box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
  position: relative;
}

.squaredTwo label {
  cursor: pointer;
  position: absolute;
  width: 20px;
  height: 20px;
  left: 4px;
  top: 4px;

  -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
  -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
  box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);

  background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
  background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
  background: -o-linear-gradient(top, #222 0%, #45484d 100%);
  background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
  background: linear-gradient(top, #222 0%, #45484d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
}

.squaredTwo label:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  content: '';
  position: absolute;
  width: 9px;
  height: 5px;
  background: transparent;
  top: 4px;
  left: 4px;
  border: 3px solid #fcfff4;
  border-top: none;
  border-right: none;

  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.squaredTwo label:hover::after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  opacity: 0.3;
}

.squaredTwo input[type=checkbox]:checked + label:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}





@keyframes slidein {
  from {
    margin-left: -100%;
	opacity: 0;
  }

  to {
    margin-left: 0%;
	opacity: 1;
  }
}

.imagen-estrategia {
  width: 100%;
  -moz-animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -moz-animation-name: fadein;
  -webkit-animation-name: fadein;
  animation-name: fadein;
  opacity: 0;
  animation-fill-mode: forwards;
}

#est1 {
  animation-delay: 1s;
}

#est2 {
  animation-delay: 3s;
}

#est3 {
  animation-delay: 5s;
}

#est4 {
  animation-delay: 7s;
}

@keyframes fadein {
  from {
	opacity: 0;
  }

  to {
	opacity: 1;
  }
}

.objprincipal {
  height: 57.5%;
  width: auto;
}

@media screen and (min-width: 361px) {
  .objprincipal {
	height: 66%;
	width: auto;
  }
}
/*FIN PARA ANIMACIÓN DE OBJETIVOS SSPE*/

.affix {
  top:20px;
}
  
@media screen and (max-width: 991px) { 
  .affix {
    width:17%;
  }
}

@media screen and (max-width: 767px) { 
  .affix {
    position:static;
	width:100%;
  }
  
  .galeria-inf{
    display:block;
  }
  
  .galeria-sup{
    display:none;
  }
  
  .ocultar{
	display:none;
  }
}

@media screen and (min-width: 768px) { 
  .galeria-inf{
    display:none;
  }
  
  .galeria-sup{
    display:block;
  }
}



.panel-heading-notas
{
  color: #FFF;
  background-color: #335983;
}