/* diseño de CSS */
.btn-group-xs > .btn, .btn-xs {
  padding: .25rem .4rem;
  font-size: .875rem;
  line-height: .5;
  border-radius: .2rem;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  background-color: rgb(255,255,255); 
  margin-bottom: 60px;  
}

.maxAnchoPantalla{
	max-width: 1780px;		
}

.h4 {
	font-family: Segoe UI, Segoe, Tahoma, Helvetica, Arial; 
	font-size: 18px; 
	font-weight:700;
	display: block; 
	color: rgb(68,68,68);
}

.h5 {
	font-family: Segoe UI, Segoe, Tahoma, Helvetica, Arial; 
	font-size: 16px; 
	font-weight:700;
	display: block; 
	color: rgb(68,68,68);
}


.fondoCabecera{
	background-color: rgb(245,245,245);	
}

.titulo1{
	font-family: Segoe UI, Segoe, Tahoma, Helvetica, Arial; 
	font-size: 28px; 
	font-weight:700;
	display: block; 
	color: rgb(68,68,68);	
}



.titulo2{
	font-family: Segoe UI, Segoe, Tahoma, Helvetica, Arial; 
	font-size: 28px;
	font-weight:700; 
	display: block; 
	color: rgb(68,68,68);	
}

.tituloNivel2{
	font-family: Segoe UI, Segoe, Tahoma, Helvetica, Arial; 
	font-size: 25px;
	font-weight:700; 
	color: rgb(68,68,68);	
}
.tituloNivel3{
	font-family: Segoe UI, Segoe, Tahoma, Helvetica, Arial; 
	font-size: 22px;
	font-weight:700; 
	color: rgb(68,68,68);	
}

.text-muted{
	font-family: Segoe UI, Segoe, Tahoma, Helvetica, Arial; 
	font-size: 15px; 
}	

.noMostrar{
	display: none;	
}

.nombreSerie {
	color: rgb(0,0,0); 
	font-size:1.6em;
}

img.imagenSerie{
  height: 60px;
  width: 60px;  
}

.textoNipo{
	font-family: Segoe UI, Segoe, Tahoma, Helvetica, Arial; 
	font-size: 0.8em; 
	font-weight:700;  
	color: rgb(68,68,68);	
}

	
.textoAccesibilidad{
	font-family: Segoe UI, Segoe, Tahoma, Helvetica, Arial; 
	color: rgb(68,68,68);
	font-size: 0.8em;	
}
	
.textoExplicacion{
	font-family: Segoe UI, Segoe, Tahoma, Helvetica, Arial;
	color: rgb(68,68,68);
	font-size: 1em;
}


.colorPosiscionActual{
  	color: rgb(68,68,68);
}

.colorFlechaPosicion{
	color: rgb(68,68,68);
}

.colorEnlace{
	color: rgb(68,68,68);
}

.textoEnlace{
	font-family: Segoe UI, Segoe, Tahoma, Helvetica, Arial; 
	font-size: 1em; 
	color: rgb(68,68,68);
}

.textoCabecera{
	font-family: Segoe UI, Segoe, Tahoma, Helvetica, Arial; 
	font-size: 1.6em; 
	font-weight: bold;	
	color: rgb(68,68,68);
}

.textoCabecera2{
	font-family: Segoe UI, Segoe, Tahoma, Helvetica, Arial; 
	font-size: 1.4em; 
	font-weight: bold;
	color: rgb(68,68,68);
}


.colorFuenteNegro{
	color: rgb(0,0,0);	
}

.divTituloPosicion{
	background-color:rgb(89,89,89);
	text-align: center; 
	color: rgb(255,255,255);
}
.textoTituloPosicion{
	font-family: Segoe UI, Segoe, Tahoma, Helvetica, Arial;
	font-size: 1.2em; 
	font-weight: bold;
 	color: rgb(255,255,255);
}
.btnEnlaceHTM{
	background-color: rgb(89,89,89);
	text-align: top; 
	text-color: rgb(255, 255, 255);
}

.btnEnlaceXML{
	background-color: rgb(255, 255, 255);
	text-align: top; 
	color: rgb(68,68,68);
}

.btnEnlaceCSV{
	background-color: rgb(223, 223, 223);
	text-align: top; 
	color: rgb(68,68,68);
}

.textoAlineacionTop{
	text-align: top;
}
.textoOculto{
	display:none;
}
.sinPaddingLeft{
	padding-left: 0px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%; 
}
.bc-icons-2 .breadcrumb-item + .breadcrumb-item::before {
content: none; }

.breadcrumb-item.active {
    color: #595959;
}

.SER{
  background-color: #FFD9D9;	
}
.SEV{
  background-color: #D9FFD9;	
}
.SEA{
  background-color: #FFFFD9;	
}
.SEG{
  background-color: #E4E4E2;	
}

.SEZ{
  background-color: #C2DDF9;	
}


#scroll {
    position:fixed;
    right:10px;
    bottom:80px;
    cursor:pointer;
    width:50px;
    height:50px;
    background-color:#000000;
    text-indent:-9999px;
    display:none;
    -webkit-border-radius:60px;
    -moz-border-radius:60px;
    border-radius:60px;
	opacity:0.7;
}
#scroll span {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-8px;
    margin-top:-12px;
    height:0;
    width:0;
    border:8px solid transparent;
    border-bottom-color:#ffffff;
}
#scroll:hover {
    background-color:#303030;
    opacity:0.7;filter:"alpha(opacity=0.7)";
    -ms-filter:"alpha(opacity=0.7)";
}

.infoserie {
}
	
#series .infoserie:hover .icon {
  background: #fff;
  border: 2px solid #2dc997;
}

#series .infoserie:hover .icon i {
  color: #2dc997;
}

#infoserieroja:hover a {
  color: rgb(220,29,29);
}

#infoserieroja:hover {
  color: rgb(54,219,54);
}


#infoserieroja:hover a img {
	transform:scale(1.2);
	-ms-transform:scale(1.2); // IE 9 
	-moz-transform:scale(1.2); // Firefox 
	-webkit-transform:scale(1.2); // Safari and Chrome 
	-o-transform:scale(1.2); // Opera
}

#infoserieroja:hover h3{
  font-weight: bold;
}

#infoserieverde:hover a {
  color: rgb(86,183,21);
}
#infoserieverde:hover h3 {
  font-weight: bold;
}
#infoserieverde:hover a img {
	transform:scale(1.2);
	-ms-transform:scale(1.2); // IE 9 
	-moz-transform:scale(1.2); // Firefox 
	-webkit-transform:scale(1.2); // Safari and Chrome 
	-o-transform:scale(1.2); // Opera
}

#infoserieamarilla:hover a {
  color: rgb(228,214,27);
}

#infoserieamarilla:hover h3 {
  font-weight: bold;
}
#infoserieamarilla:hover a img {
	transform:scale(1.4);
	-ms-transform:scale(1.4); // IE 9 
	-moz-transform:scale(1.4); // Firefox 
	-webkit-transform:scale(1.4); // Safari and Chrome 
	-o-transform:scale(1.4); // Opera
}


#infoseriegris:hover a {
  color: rgb(131,133,139);
}
#infoseriegris:hover h3 {
  font-weight: bold;
}
#infoseriegris:hover a img {
	transform:scale(1.2);
	-ms-transform:scale(1.2); // IE 9 
	-moz-transform:scale(1.2); // Firefox 
	-webkit-transform:scale(1.2); // Safari and Chrome 
	-o-transform:scale(1.2); // Opera
}

#infoserieazul:hover a {
  color: rgb(21,120,223);
}
#infoserieazul:hover h3 {
  font-weight: bold;
}
#infoserieazul:hover a img {
	transform:scale(1.2);
	-ms-transform:scale(1.2); // IE 9 
	-moz-transform:scale(1.2); // Firefox 
	-webkit-transform:scale(1.2); // Safari and Chrome 
	-o-transform:scale(1.2); // Opera
}


#infoserie:hover a p{
  background-color: #2dc997;
}

.wrapper {
    display: flex;
    align-items: stretch;
    perspective: 1500px; 
}

.navbar-custom .nav-item:hover .nav-link {
    background-color: lightsteelblue;
}


.ml-1{
	margin-left: 0rem !important;
}
.ml-2{
	margin-left: 1rem !important;
}

.ml-3{
	margin-left: 2rem !important;
}

.ml-4{
	margin-left: 3rem !important;
}

.ml-5{
	margin-left: 4rem !important;
}
.ml-6{
	margin-left: 5rem !important;
}

.ml-7{
	margin-left: 6rem !important;
}
.ml-8{
	margin-left: 7rem !important;
}
.ml-9{
	margin-left: 8rem !important;
}
.ml-10{
	margin-left: 9rem !important;
}

.textoEnlaceAccesibilidad{
	font-family: Segoe UI, Segoe, Tahoma, Helvetica, Arial; 
	font-size: 1em;   
	color: rgb(0,114,198);
}

.textoIndice1{
	font-family: Segoe UI, Segoe, Tahoma, Helvetica, Arial; 
	font-size: 1.2em; 
	font-weight:700;
	color: rgb(68,68,68);
}

.textoIndice2{
	font-family: Segoe UI, Segoe, Tahoma, Helvetica, Arial; 
	font-size: 1.1em; 
	font-weight:700;
    color: rgb(0,114,198);
}

.textoIndice3, .textoIndice4, .textoIndice5, .textoIndice6, .textoIndice7, .textoIndice8, .textoIndice9, .textoIndice10{
	font-family: Segoe UI, Segoe, Tahoma, Helvetica, Arial; 
	font-size: 1em;   
	color: rgb(0,114,198);
}

.estiloNivel1{
	font-family: Segoe UI, Segoe, Tahoma, Helvetica, Arial; 
	font-size: 1.2em; 
	font-weight:700;
	display: block; 
	color: rgb(0,0,0);	
}

.estiloNivel2{
	font-family: Segoe UI, Segoe, Tahoma, Helvetica, Arial; 
	font-size: 1.1em; 
	font-weight:700;
	display: block; 
    color: rgb(0,114,198);
}

.estiloNivel3, .estiloNivel4, .estiloNivel5, .estiloNivel6, .estiloNivel7, .estiloNivel8, .estiloNivel9, .estiloNivel10{
	font-family: Segoe UI, Segoe, Tahoma, Helvetica, Arial; 
	font-size: 1em; 
	display: block; 
    color: rgb(0,114,198);	
}

.estiloNivel3::before, .estiloNivel4::before, .estiloNivel5::before, .estiloNivel6::before, .estiloNivel7::before, .estiloNivel8::before, .estiloNivel9::before, .estiloNivel10::before{
	content: "\2022";  /* Esto dibujará un punto decorativo delante de cada línea a partir del nivel 3 */
	color: rgb(0,114,198);
	display: inline-block; 
	padding-right: 10px;
	line-height: 25px;
	vertical-align: 0px;
	width: 10px;
}



@media (max-width: 992px) {
    .titulo1{
        font-size: 18px;
    }
	.h4{
		font-size: 15px;
	}
	.h5{
		font-size: 13px;
	}

    .titulo2{
        font-size: 18px;
    }
	.textoEnlace{
		font-size: 0.9em;
	}
	.text-muted{
		font-size: 13px; 
	}
	.nombreSerie {
		font-size:1.3em;
	}
	img.imagenSerie{
 		height: 45px;
  		width: 45px;  
	}
	.textoNipo{
		font-size: 0.6em; 			
	}
	.textoAccesibilidad{
		font-size: 0.7em;	
	}	
	.textoExplicacion{
		font-size: 0.8em;	
	}
	.textoCabecera{
		font-size: 1.4em; 
	}

	.textoCabecera2{
		font-size: 1.2em; 
	}
	
	
	.textoIndice1{
		font-size: 1.1em; 
	}

	.textoIndice2{
		font-size: 1em; 
	}

	.textoIndice3, .textoIndice4, .textoIndice5, .textoIndice6, .textoIndice7, .textoIndice8, .textoIndice9, .textoIndice10{	
		font-size: 0.9em; 
	}
	

}