body,
    html {
    overflow-x: hidden
}
header{
	margin: 0 auto;
}       
header, nav.menu{
	max-width: 970px;
}
.AllSpacing{
	max-width:970px;
	margin:0 auto;
}
.col-lg-7.col-md-12.col-lg-offset-0{
	width: 100%;
	margin:0 ;
	padding: 0;
}
.btn-danger {
     color: #808080;
     background-color: #ededed;
     border-color: #d0c8c8;
  }
  .highcharts-title{
     font-size:18px!important;
 }
 .highcharts-axis-title{
     font-size:12px!important;
     font-family:'Roboto'!important;
 }
 text{
    font-size:12px!important; 
 }
 .logos{
    position: relative;
    left: 107rem;
    width: max-content;
}
.consultoras{
    border: 1px solid lightgray;
    padding: 2px;
    border-radius: 5px;
    height: 27px;
}
#vincu tbody tr{
    font-size:15px;
}
#descripcion {
    text-align: justify;
    background-color: #fafafa;
    color: gray;
    padding: 2%;
    border-radius: 25px;
    line-height: 1.6em;
}
.colTOrow{
    margin-top: 45px;
}
.colTOrow >.row:not(.swing){
	height:240px;
	width:270px;
	max-width:270px;
	margin-top: 15px;
}

.subs{
    margin-top: -4px;
}
#descripcion, .minuscula, .reset-button, .reset-button2, input[type=search] {
    font-family: roboto;
}
.colvincu>a {
    font-size:15px;
    text-decoration: underline;
}
.colvincu1>a {
    font-size:15px;
    text-decoration: underline;
}
table>tbody td:nth-child(4),table>tbody td:nth-child(5),table>tbody td:nth-child(6),
table>tbody td:nth-child(7),table>tbody td:nth-child(8) {
    font-family: 'Tahoma';
    border-bottom: 1px solid #ccc!important;
	border-top: 1px solid #ccc!important;
	border-right:none;
	border-left:none;
}
#clasi>tbody td:nth-child(6){
    font-family: 'Tahoma';
    border-bottom-right-radius: 5px!important;
    border-top-right-radius: 5px!important;
    border-left:none;
    border-top: 1px solid #ccc!important;
    border-bottom: 1px solid #ccc!important;
    border-right: 1px solid #ccc!important;
}
table>tbody td:nth-child(9){
    font-family: 'Tahoma';
    border-bottom-right-radius: 5px!important;
    border-top-right-radius: 5px!important;
    border-left:none;
    border-top: 1px solid #ccc!important;
    border-bottom: 1px solid #ccc!important;
    border-right: 1px solid #ccc!important;
}
.table#vincu,.table#clasi{
	border-collapse: separate;
    border-spacing: 0 5px; /* Espacio entre filas */
    width: 100%;
}
.table#vincu tr,.table#clasi tr{
    
    /* Sombra en cada fila con enfoque en la parte inferior */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* Sombra en la parte inferior de cada fila */
    margin-bottom: 4px; /* Espacio entre filas para mejorar la visibilidad de la sombra */
}
.table-bordered {
    border: none !important;
}
.table>colgroup+thead>tr:first-child>th{
	color:black!important;
}
.table>colgroup+thead>tr:first-child>th span,
.table>colgroup+thead>tr:first-child>th span a{
	color: black;
}
.dataTables_wrapper table.dataTable thead .sorting {
	background-image: url(/assets/img/old/Datatables_assets/sort_both_gray.png);
}
.nvinc{
    font-size:12px!important;
}
h1 { 
	text-align: center;
 }
.table-striped>tbody>tr:nth-child(odd) {
	background-color: #f9f9f9!important;
}
.table-striped>tbody>tr:nth-child(even){
	background-color: #fff!important;
}

.Fprin{
	background-color: #e3e3e3;
	color: black;
}

td{	text-align: center;	vertical-align: center;}

.nav-tabs {
    border-bottom: none;
}
.nav-tabs>li>a {
    /* font-size: 40px; */
    width: 170px;
    text-align: center;
    height: 42px;
    font-family: "roboto";
    color: gray;
    border-radius: 0;
    border: 1px solid #d0c8c8;
    margin-right: -1px!important;
}
.so{
    line-height:0;
}
.social {
    position: absolute;
    width: 50px;
    color: #FFFFFF;
    background: #EDEDED;
    height: auto;
    line-height: 37px;
    text-align: center;
    visibility: hidden;
    border-radius: 12px;
    box-shadow: 4px 4px 2px rgba(0,0,0,0.7);
}
.social:after {
    content: ' ';
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -8px;
    width: 0;
    height: 0;
    border-left: 8px solid #EDEDED;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
}
.table-hover tbody tr:hover td .social {
  visibility: visible;
  opacity: 0.7;
  right: 100%;
  margin-top: -60px;
  margin-right: 5px;
}
.nav-tabs>li>a:hover,
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus, 
.nav-tabs>li.active>a:hover {
    /* font-size: 40px; */
    text-align: center;
    width: 170px;
    height: 42px;
    color: white;
    font-family: "roboto";
    background-color: rgb(192, 30, 16);
    border-bottom: 3px solid gray;
}
	.trr td{
	position: relative;
	vertical-align: middle;
	padding: 11px 0;
	text-align: left;
}

.trr td a{
	width: 100%;
	vertical-align: middle;
}

.trr td a span{
	margin-left: 20%;
}

.dataTables_length{
	margin-top: 32px;
	margin-bottom: 50px!important;
	font-family:'roboto'!important;
}
.newschool {
    color: white;
    font-family: tahoma!important;
    font-size: 12px;
    background-color: rgb(192, 30, 16);
    border-radius: 5px;
    margin-top:-16px;
    font-weight: 500;
    text-decoration: none!important;
    height: 14px;
    display:inline-flex;
    justify-content:center;
    align-items:center;
}
.newschool1 {
    position: absolute;
    color: white;
    font-family: tahoma!important;
    font-size: 12px;
    background-color: rgb(192, 30, 16);
    border-radius: 5px;
    margin-top:2px;
    font-weight: 500;
    text-decoration: none!important;
    height: 14px;
    display:flex;
    justify-content:center;
    align-items:center;
}

.dataTables_info{
	margin-top: -46px;
	font-family:'roboto'!important;
}
#FiltroDesplegable1{
	background-color: rgba(204,204,204,0.5);
	padding-bottom: 6px;

}
#FiltroDesplegable2{
	background-color: rgba(204,204,204,0.5);
	padding-bottom: 6px;

}
#vincu tbody tr{
    color: #337ab7;
}
#clasi tbody {
        color:#a09a9a;
        font-size:12px;
}
#clasi tbody td:nth-child(2){
    font-size:16px!important;
}
.colvincu,.Fvincu{
    font-size:12px;
        color: #a09a9a;
}
.arr{
    color: green;
    font-size:12px;
}
.arr1{
    color: red;
    font-size:12px;
}
.arr2{
    color:  #337ab7;
    font-size:12px;
}
.ciudep{
    color:#4d5656;
    font-size: 12px !important;
}
.Q{
    color: #337ab7;
    font-size:14px;
    border-radius:50%;
    background-color:#B0E0E6;
    width:25px;
    height:25px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-left:20px;
}
#Fil_vin,#Fil_vin2{
    background:#fffda8;
    color:black;
}
.Q2{
    color:#337AB7;
    font-size:13px;
    background-color:#E3E3E3;
    border-radius:5px;
}
.Q3{
    color:#337ab7;
    font-size:13px;
    background-color:#E3E3E3;
    border-radius:5px;
}
.instituto{
    font-size:13px;
    color:#a09a9a;
}
.table-hover tbody tr td a:link, .table-hover tbody tr td a:visited {
	color:#337ab7;
}
.table-hover tbody tr th a:link, .table-hover tbody tr th a:visited {
	color:#337ab7;
}
.table-hover tbody tr:hover td:not(:nth-of-type(2)), .table-hover tbody tr:hover th {
	background-color: rgb(192, 30, 16);
	color:white!important;
}

.table-hover tr:hover .Fvincu{
	color:white!important;
}
.table-hover tr:hover td{
	color:white!important;
	background-color: rgb(192, 30, 16);
}
.table-hover tr:hover .colvincu{
	color:white!important;
}
.table-hover tr:hover .instituto{
  color:white!important;
}
.table-hover tbody tr:hover .i{
    color: white;
}
.table-hover tr:hover .arr{
  color:white!important;
}
.table-hover tr:hover .arr1{
  color:white!important;
}
.table-hover tr:hover .arr2{
  color:white!important;
}
.table-hover tr:hover .ciudep{
  color:white!important;
}
.table-hover tr:hover .Q{
  color:#337AB7!important;
}
.table-hover tr:hover .Q2{
  color:#337AB7!important;
}
.table-hover tr:hover .Q3{
  color:#337ab7!important;
}
.table-hover tbody tr:hover td a:link, .table-hover tbody tr:hover td a:visited {
	color:white!important;
}
/* -------  */
.table-hover tbody tr:hover img, .table-hover tbody tr:hover  img {
	color: black;
}
.navegacion{
    margin-top:-2px;
}
/*----------  cargando  ----------*/
#ChargingPageCs{
	position: fixed;
	display: flex;
	z-index: 5;
	width: 100%;
	background: rgba(0,0,0, 0.9);
	align-items: center;
}

#ChargingPageCs > div{
	width: 100%;
	text-align: center;
}
#clasi tbody td:first-child{
    font-family: calibri!important;
    border-bottom-left-radius: 5px!important;
    border-top-left-radius: 5px!important;
    border-right:none;
    border-top: 1px solid #ccc!important;
    border-left: 1px solid #ccc!important;
    border-bottom: 1px solid #ccc!important;
}
#vincu tbody td:first-child{
    font-family: calibri!important;
    border-bottom-left-radius: 5px!important;
    border-top-left-radius: 5px!important;
    border-right:none;
    border-top: 1px solid #ccc!important;
    border-left: 1px solid #ccc!important;
    border-bottom: 1px solid #ccc!important;
}
    

#ChargingPageCs > div > img:first-child{
	width: 40%;
}
#ChargingPageCs > div > span{
	color: white;
	font-size: 5vw;
}

/*----------  filtros en uso actual  ----------*/

.inuse { 
	background-color: rgb(192, 30, 16) !important;
	color: white;
}
.inuse>option{
	background : #EEEEEE;
	color: black;
}


/*----------  Portada  ----------*/
.PortadaContenedor{
	position:relative;
	z-index:1;
	width:100%;
	max-width: 970px;
	overflow: hidden;

	margin:0 auto;
}
.PortadaContenedor img{
    margin-top:27px;
	max-width: 970px;
	height:300px;
}
.PortadaContenedor div{
	position:absolute; 
	width: 100%; 
	bottom: 14%; 
}
.whatsapp-btn {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: #25d366;
  border-radius: 50%;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  transition: transform 0.3s ease;
}

.whatsapp-btn i {
  font-size: 60px; /* Tama�0�9o del icono */
  color: white;    /* Color blanco para el icono */
  margin-left:5px;
}

.whatsapp-btn:hover {
  transform: scale(1.1); /* Efecto de aumentar el tama�0�9o en hover */
}
.container {
    display: flex;
    align-items: center; /* Centra verticalmente */
    padding-top:90px;
    padding-bottom:2px;
    margin-right:15px;
}

.image {
    width:60%;
}

.text {
    max-width: 450px; /* Limita el ancho del texto para evitar que se extienda demasiado */
    margin-left:-90px
}

.image img {
    max-width:90%; /* Asegura que la imagen no se desborde */
    height:250px;
    border-radius:5px;
    margin-left:-50px
}
p{
    margin:0!important;
}
hr {
    border: 0;
    height: 0.5px;
    background: #a09a9a;
    margin: 5px 0; /* Espacio alrededor de la l��nea */
    }
.contadores{
    font-size:15px!important;
    padding-left: 13px;
    padding-top: 3px;
}
.contadores:hover{
    color:white;
}
.contadores th{
    text-align: center;
}
.contadores tbody th{
font-weight: 500!important;
}
.contadores tbody tr td{
        padding: 0px 0!important;

} 
.conta:hover{
    background: rgba(51, 122, 183, .4); 
}

#ChargingPageCs{
	position: fixed;
	display: flex;
	z-index: 5;
	width: 100%;
	background: rgba(0,0,0, 0.9);
	align-items: center;
}

#ChargingPageCs > div{
	width: 100%;
	text-align: center;
}

#ChargingPageCs > div > img:first-child{
	width: 40%;
}
#ChargingPageCs > div > span{
	color: white;
	font-size: 5vw;
}
/*----------  separacion  ----------*/

.impar {
	position: relative;
	vertical-align: middle;
	padding: 11px 0;
	text-align: left;
	background-color: white;
	border-bottom: 1px solid #ccc!important;
}

.trr:hover{
	background-color:rgba(51,122,183,0.4);
}
.links{
	color:black;
	text-decoration:none;
}
.links:hover{
	color:white;
	text-decoration:none;
}
.wrap p{
	font-family:'Roboto';
}
div.trecursos{
	background-color: #eaeded;
	border-radius:5px;
	padding:5px;
}
.trecursos{
	width:270px;
	font-family: roboto;
	font-size: 15px;
	border-radius: 5px;
	background-color:rgba(117,117,117,0.2);
}
.trecursos{
	margin: auto;
}

.swing:hover
{
	-webkit-animation: swing 1s ease;
	animation: swing 1s ease;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}

/*ajustes en pantallas mas peque�0�9as*/


 #center{
    display: block;
    text-align: -webkit-center;
    text-align: -moz-center;
}
h1 > span {
	margin-bottom: -moz-(-10px);
}


.PortadaContenedor>div>#center>h1 {
  color: white;
  font-size: 24px;
  line-height: 0.6;
  text-shadow: 0px 0px 11px rgb(0 0 0), 0px 0px 10px rgb(0 0 0);
  background-color: rgb(34 39 48 / 40%);
  font-family:tahoma;
  display: flex;
  flex-direction: column;
  width:55%;
  height:53px;
  align-items:center;
  margin-left:5%;
  margin-bottom:-51px;
}

#center h2 {
    font-family: tahoma;
    font-size: 16px;
    display: inline-block;
    background-color:#333333b8;
    padding: 5px 10px;
    border-radius: 2px;
    color:#fff;
    margin-top:0;
}

 @media only screen and (max-width: 1260px){
    
	#indicadores>tbody>tr>td,
	#indicadores>thead>tr>th{
		display:none;
	}
	.tituloportada2 {
		background-color: rgba(0, 0, 0, .0) !important;
}

} 
 @media only screen and (max-width: 1130px){
	.tituloportada2 {
		background-color: rgba(0, 0, 0, .0) !important;
	}

} 
@media only screen and (max-width: 1260px){
    

	#indicadores>tbody>tr>td,
	#indicadores>thead>tr>th{
		display:none;
	}
	.tituloportada2 {
		background-color: rgba(0, 0, 0, .0) !important;
	}




} 
@media only screen and (max-width: 1435px){
    

    #indicadores>thead>tr>th {
        font-size: 1.5rem;
        } 
    #indicadores>tbody>tr>td {
        font-size: 1.3rem;
        } 
    
   
}
@media only screen and (max-width: 1300px){
    
    #indicadores>thead>tr>th {
        font-size: 1.3rem;
        } 
    #indicadores>tbody>tr>td {
        font-size: 1.3rem;
        } 
    
   
}

@media only screen and (max-width: 1260px){
	#center> h1{ 
		top:100px !important;
		color:#fff !important;
	}
}

/* Tablas  */

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
	vertical-align:middle!important;
}






#FiltroDesplegable1{
	background-color: #eaeded;

	}#FiltroDesplegable2{
		background-color: #eaeded;
	}

	#btnFiltroDesplegable1 > span.glyphicon-chevron-down{
		position: absolute;
		display: inline-block;
		right: 5%; top: 20%;
	}
	#btnFiltroDesplegable2 > span.glyphicon-chevron-down{
		position: absolute;
		display: inline-block;
		right: 5%; top: 20%;
	}
	/* Caj��n de suscribirse */
	.subs{
		background-color: #EDEDED;
		width: 270px;
		height: 280px;
		border-radius:5px;
	}
	.subs:hover
	{
		-webkit-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1);
	}
	table#vincu.dataTable thead th, table#vincu.dataTable thead td{
		padding: 10px 18px 10px 3px !important;
		font-size: 14px!important;
	}
	table#clasi.dataTable thead th, table#clasi.dataTable thead td{
		padding: 10px 18px 10px 3px !important;

		vertical-align:middle!important;
	}
	/* Link de encabezado de tablas */
	.atooltip{
		color:white;
	}
	.atooltip:hover{
		color:white;
		text-decoration:underline;
	}
	.atooltip:visited{
		color:white;
	}

	.perfil{
	 width:35px;
     height:35px;
     margin-top:-55px;
     margin-left:52px;
	}
	.perfil2{
    width: 62px;
    height: 62px;
    margin-top: -6px;
    border-radius: 50%;
}
.i{
    color:blue;
    text-decoration:underline;
    font-size: 10px!important;
    font-family:Tahoma!important;
    width:25%;
}
	.perfil1{
	 width:35px;
     height:35px;
     margin-top: -55px;
     margin-left: 40px;
	}
	.botons{
	    width:100%;
	}
	#vincu >td> .perfil{
		margin-left:10px!important;
	}
	.colvincu{
		padding-right: 0px!important;
		padding-left: 0px!important;
	}
	.colvincu1{
		padding-right: 0px!important;
		padding-left: 0px!important;
		margin-top:-5px;
	}
	.colvincu2{
		padding-left:5px!important;
	}
	#vincu > colgroup col:first-child{width: 5%;}
	#vincu > colgroup col:nth-child(2){width: 75%;}
	#vincu > colgroup col:nth-child(3){width: 25%;}
	#vincu > colgroup col:nth-child(4){width: 3%;}
	#vincu > colgroup col:nth-child(5){width: 3%;}
	#vincu > colgroup col:nth-child(6){width: 3%;}
	#vincu > colgroup col:nth-child(7){width: 3%;}
	#vincu > colgroup col:nth-child(8){width: 3%;}
	#vincu > colgroup col:nth-child(9){width: 3%;}

	#clasi > colgroup col:first-child{width: 5%;}
	#clasi > colgroup col:nth-child(2){width: 5%;}
	#clasi > colgroup col:nth-child(3){width: 60%;}
	#clasi > colgroup col:nth-child(4){width: 20%;}
	#clasi > colgroup col:nth-child(5){width: 10%;}
	#clasi > colgroup col:nth-child(6){width: 10%;}



	/*----------  filtro tabla  ----------*/

	.yadcf-filter{
		width: 100%;
		margin-top: 4px;
		padding-right: 33px;
		padding-left: 4px;
		padding-bottom: 3px;
		padding-top: 3px;
		font-size:18px;
		border-radius: 10px;
		min-height: 28px;
		border: none;
		background: white;
	}

	.Fprin > .yadcf-filter{
		width: unset;
		max-width: 7vw;
		font-weight: lighter;
	}

	.reset-button {
		border-radius: 27px;
		z-index: 1!important;
		border: none;
		height: 26px;
		width: 26px;
		font-family: 'roboto';
		position: absolute;
		font-weight: bolder;
		font-size: 16px;
		top: 14%;
		background-color:  transparent;
		right: 33px;
		padding: 3px;
	}
	.reset-button:hover{
		background-color: lightgray;
	}

	.Fprin > .reset-button{
		top: 26%;
	}



	#vincu > tbody td:nth-child(3){
		text-align:left!important;
	}
	#vincu > thead th:nth-child(3){
		border-right:none;
	}
	#vincu > thead th:nth-child(4){
		border-left:none;
	}
	#clasi > tbody td:nth-child(3){
		text-align:left!important;
	}
	#vincu > tbody td:nth-child(3){
		vertical-align: middle;
	}

	#clasi > tbody td:nth-child(3)>.botons{display:flex!important;vertical-align: middle;
		align-items: center;}

	#clasi > tbody td:nth-child(2){
		text-align: center;
		font-family: 'Tahoma';
		color:#a09a9a;
		border-bottom: 1px solid #ccc!important;
		border-top: 1px solid #ccc!important;
		border-right:none;
		border-left:none;
	}
	#vincu > tbody td:nth-child(2){
	    display:none;
	}

	.DipIcon{
		position: absolute;
		margin-left: 2px;  
	}

@keyframes jumpt{
	0%{transform: translateY(0%)}
	25%{transform: translateY(-30%)}
	50%{transform: translateY(0%)}
	100%{transform: translateY(30%)}
	75%{transform: translateY(0%)}
}

	@keyframes jump{
		0% {top: 13px}
		50% {top:7px}
		100% {top: 13px}
	}
	.tituloportada{
		padding: 0px 18px;
		width: 60%;
	}
	.tituloportada2{
		padding: 0px 10px;
		width: 700px;
		background-color: rgba(0,0,0,0.3);
		border-radius: 5px;
	}
	#indicadores>tbody>tr>td, #indicadores>thead>tr>th{
		text-align:center;
		color:white;
		font-family: "roboto"; 
		font-style: normal;
		font-size: 2rem;
		font-weight: 700;
		text-shadow:  0px 0px 15px rgba(0, 0, 0, 1), 0px 0px 15px rgba(0, 0, 0, 1) ;
	}
	#indicadores>tbody>tr>td{
		font-size: 1.5rem!important;
	}
	input[type=search] {
		width: 95%;
		border-radius: 10px;
		color:black;
		font-weight: normal;
		font-size:14px;
		min-height: 28px;
		border: 1px solid gray;
	}
	#Fil_tab,#Fil_tab2{
		width:100%;
		border: none;
		padding-left: 11%;
		margin-top: 4px}

	#Fil_qui,#Fil_qui2{
		width:100%;
		padding: 0px 6px;
	}
	.minuscula{
		font-size: 14px;
		font-family: 'roboto';
	}

	.nav-tabs>li:nth-child(2) span{
		animation: jumpt ease-out 1s infinite;
	
		transform: translateY(0%);
	}

	@keyframes jumpt{
		0%{transform: translateY(0%)}
		25%{transform: translateY(-30%)}
		50%{transform: translateY(0%)}
		100%{transform: translateY(30%)}
		75%{transform: translateY(0%)}
	}
	
	.iframevideo{
		float:left!important;
	}	


@media (min-width: 1473px){
	.iframevideo{
		margin-top: 5%;
		float: left!important;
	}
	
}

#vincu > tbody td:nth-child(3){
	font-size:14px!important;
	font-family:'Tahoma'!important;
	border-bottom: 1px solid #ccc!important;
	border-top: 1px solid #ccc!important;
	border-right:none;
	border-left:none;
}
#vincu > tbody td:nth-child(4){
    border-bottom: 1px solid #ccc!important;
	border-top: 1px solid #ccc!important;
	border-right:none;
	border-left:none;
	width:35%!important;
}
#clasi > tbody td:nth-child(3){
	border-bottom: 1px solid #ccc!important;
	border-top: 1px solid #ccc!important;
	border-right:none;
	border-left:none;
	font-family:'Tahoma'!important;
}
#clasi > tbody td:nth-child(4){
    border-bottom: 1px solid #ccc!important;
	border-top: 1px solid #ccc!important;
	border-right:none;
	border-left:none;
}
.srchi{
	position: absolute;
	height: 100% !important;
	display: flex;
	align-items: center;
	left: 6%;
	top: 2px;
}

.srchi > span{
	/*margin: 10px 0;*/
	color:black;
	font-weight:bold;
	z-index: 1;
	font-size:14px;
    padding: 4.5px;
    margin-bottom: 5px;;
}
.srchi >span:hover{
	background-color: grey;
	color:white;
	border-radius:10px;
}
.srchi2,.srchi3,.srchi4,.srchi5,.srchi6{
	position: absolute;
	height: 100% !important;
	display: flex;
	align-items: center;
	right: 12%;
	top: 2px;
}

.srchi2 > span,.srchi3 > span,.srchi4 > span,.srchi5 > span,.srchi6 > span{
	margin: 10px 0;
	color: black;
	z-index: 1;
	padding:5px;
}
.srchi2 >span:hover,.srchi3 >span:hover,.srchi4 >span:hover,.srchi5 >span:hover,.srchi6 >span:hover{
	background-color: grey;
	color:white;
	border-radius:10px;
}

@media (min-width:1230px) {
	header,nav.menu, .PortadaContenedor,
	.PortadaContenedor img ,.AllSpacing{
		max-width: 1100px;
	}
	.col-lg-7.col-md-12.col-lg-offset-0{
		width:100%;
	}
}


@media(min-width:1400px){
  header,nav.menu,.PortadaContenedor,
  .AllSpacing{
    max-width: 1200px;
  }
  .col-lg-7{
    max-width:920px;
  }
}

.imgportada {
	width: 100%;
}
@media screen and (min-width: 1400px) {
    .container {
        margin: auto; /* Aumenta el padding en pantallas grandes */
        width: 65%;
    }

    .image {
        width: 70%; /* Aumenta el ancho de la imagen para pantallas grandes */
    }

    .text {
        max-width: 40%; /* Aumenta el m��ximo ancho del texto */
        margin-left: 0; /* Elimina el margen izquierdo negativo */
    }

    .image img {
        height: 250px; /* Aumenta la altura de la imagen para pantallas grandes */
        margin-left: 0; /* Elimina el margen izquierdo negativo en la imagen */
        max-width: 98%;
    }
}