@charset "UTF-8";

@media only screen { 
html, body {
    max-width: 100%;
    overflow-x: hidden;
}
body { padding:0px;
        margin:0px;
}

/*

#navegador{

	--tw-bg-opacity: 0.9;
    background-color: rgb(10 10 10 / var(--tw-bg-opacity));
    background-image: radial-gradient(ellipse 150% 80% at 50% -20%, #7877c64d, #fff0);



}


*/

.ContenedorSlider{


	position: relative;



}


.sliderUL {
	list-style: none;
	padding: 0;
	margin: 0;
}

.sliderUL li {
	position: relative;
}

.sliderUL img {
	width: 100%;
	height: auto;
}

.parrafos {



	color: rgb(0, 0, 0);
	z-index: 2; /* Asegúrate de que el texto esté por encima del overlay */
	margin-top:150px;
	
}

.overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgb(0 0 0 / 35%); /* Color negro con 20% de opacidad */
	z-index: 1; /* Asegúrate de que el overlay esté por debajo del texto */
}

.pagination {
	position: relative;
	z-index: 3; /* Asegúrate de que la paginación esté por encima del overlay */
}








/*CAMBIANDO ESTILOS  REBRANDING*/

.dark-mode{



/*
	--tw-bg-opacity: 0.9;
    background-color: rgb(10 10 10 / var(--tw-bg-opacity));
    background-image: radial-gradient(ellipse 150% 80% at 50% -20%, #7877c64d, #fff0);


*/


	--tw-bg-opacity: 1;
    background-color: rgb(10 10 10 / var(--tw-bg-opacity)); 

    background-image: radial-gradient(ellipse 80% 80% at 50% -20%, rgba(120, 119, 198, 0.3), rgba(255, 255, 255, 0));  











}








.pruebas{


	
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: nowrap;
		flex-direction: column;
		
		align-content: center;
	






}











/*REBRANDING*/



.olvidarcontrasena{


	color:rgb(13, 11, 11);
}





#Login{

	border-radius: 30px;
}





.pide_panPreDcha31{


	border-radius: 6px;
	color: black;



}


.pide_panPreDcha71{


	border-radius: 6px;

	color:black;




}







.Aviso:before {
  content: "EstiloBase";
  display:none;    
  font-size:0.7em;              
}
h2 {
    font-family: 'Montserrat', sans-serif;
    font-weight:500;
	font-size:1.2em;
	padding-left:1%;
	-webkit-margin-before: 0.5em;
    -webkit-margin-after: 0.5em;
	font-weight: bold;
	
}
strong, b {
    font-weight:500;    
}
ol {
	list-style-type: circle;
}
.NuevoAlumno {
	text-align:center;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
}
.NuevoAlumno img {
	width:100%;
    
}
.NuevoAlumno2 {
	text-align:center;
    width: 80%;
    margin-left: 10%;
    padding-top: 2%;
}
.NuevoAlumno2 img {
	width:100%;
}    
#mensajeLanding {
	text-align:center;
	color:#00F;
	font-size:0.8em;
	padding-top:10px;
	padding-bottom:10px;
}
.LandingI {
	float:center;
	width: 100%;
}
.LandingI img {
    width: 100%;
}


.Landing02 {
	width: 38%;
	float:right;
	display: inline;
     position: absolute;
    
}


.LandingD2 {
	float:left;
	width: 38%;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	font-size:0.8em;
	padding-top:2%;
	
}
.LandingD3 {
	float:left;
	height:200px;
	text-align:center;
	
}
.LandingD {
	float:left;
	width: 60%;
	text-align:center;
	font-size:1em;
	padding-top:2%;
}
.LandingD input {
       font-size:1em;
       margin-bottom: 1em; 
       font-family: 'Montserrat', sans-serif;
       font-weight: 300;
	   border-radius: 8px;
}
#botonesAceptacion {
	text-align:center;
	padding:1%;
}
#TomaDeDatos {
	display:none;
	position:absolute;
	top:5%;
	margin-left:35%;
	margin-right:auto;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	font-family: 'Montserrat', sans-serif;
    font-weight: 300;
	text-align:left;
	width:60%;
	box-shadow: 1px 2px 0px 0px #899599;
	background-image: linear-gradient(to right bottom, #b2bacb, #bbafca, #cda1ba, #d9969b, #d39275);
	/*background:linear-gradient(to bottom, #ededed 5%, #bab1ba 100%);
	background-color:#ededed;*/
	border-radius:15px;
	border:1px solid #ffffff;
	animation-name: Sal_del_centro;
    animation-fill-mode: forwards;
    -webkit-animation-name: Sal_del_centro;
    animation-duration: 0.7s;
    -webkit-animation-duration: 0.9s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
}
#PresentacionLanding {
	width:100%;
    cursor: pointer;
	
}
    #PresentacionLanding img{
       height: 50%;
    }
#mensajeFinal{
	display:none;
	background-color:#FFF;
	box-shadow: 1px 2px 0px 0px #899599;
	 color:#F93;
	 text-align:center;
	 width:100%;
	 padding:0.2%;
	 margin-top:1%;
	 margin-bottom:1%;
	 animation-name: Sal_del_centro;
	animation-fill-mode: forwards;
	-webkit-animation-name: Sal_del_centro;	
	animation-duration:0.7s;	
	-webkit-animation-duration:0.9s;
	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
	-webkit-animation-fill-mode: forwards;
}
#mensajeFinal p {
    margin:5px;
}
#PresentacionCruz {
	float:right;
	margin-left:0.1%;
	cursor:pointer;
}
#PresentacionCruz2 {
	float:right;
	margin-left:0.1%;
	cursor:pointer;
}
.naranja {
	color:#F90;
	text-shadow: -0.5px 0 black, 0 0.5px black, 0.5px 0 black, 0 -0.5px black;
	font-weight:bold;
	font-size:1.2em;
}
.pequenyo {
	font-size:0.8em;
	display: inline;
}
.siquiero {
	display:inline;
	background-color:#999;
	text-align: center;
	color:#FFF;
	font-weight:bold;
	width:30%;
	cursor:pointer;
	margin-left:25%;
	padding:1%;
	border-radius:3px;
	border:1px solid #d6bcd6;
}
#cookies {
	position:fixed;
	bottom:0px;
	padding-top:5px;
	padding-bottom:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	width:100%;
	background-color:#e8e2e2;
	color:rgb(0, 0, 0);
	border-top-style: solid;
	border-top: 1px;
	border-top-color:#F3F;
	text-align:center;
	display:none;
	animation-name: Sal_de_abajo;
	animation-fill-mode: forwards;
	-webkit-animation-name: Sal_de_abajo;	
	animation-duration:0.1s;	
	-webkit-animation-duration:0.9s;
	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
	-webkit-animation-fill-mode: forwards;
}
#cookies_Iz {
	width:80%;
	float:left;
	display:inline;
	
}

#botonAceptarCookie {
	 float:left;
	 padding:5px;
	 margin-left:1%;
	 margin-top:0.3%;
	 background-color:#0a3eef;
	 color: #fff;
	 cursor:pointer;
	 font-family:Arial, Helvetica, sans-serif;
	 border-radius: 15px ;
	 
}

#botonAceptarCookie:hover {
	
    background: linear-gradient(to bottom, #b7c4eb 5%, #cfcfcf 100%);
    background-color: #b7c4eb;
}





.AceptarCookie {
	 float:right;
	 padding: 0.7%;
	 background-color:#FFF;
	 color:#F00;
	 cursor:pointer;
	 margin-right:2%;
	 font-family:Arial, Helvetica, sans-serif;
	 
}
#AclaracionCookie {
	display:none;
	position:fixed;
	bottom:3%;
	margin-left:10%;
	margin-right:auto;
	padding-top:1%;
	padding-bottom:1%;
	width:80%;
    background-color:#FFC;
    border:1px;
	border-style:solid;
	border-color:rgba(067,128,131,0.8);
    box-shadow: 4px 4px 5px 0px rgba(153,140,207,0.50);

	font-family:Arial, Helvetica, sans-serif;
	animation-name: Sal_de_abajo;
	animation-fill-mode: forwards;
	-webkit-animation-name: Sal_de_abajo;	
	animation-duration:0.7s;	
	-webkit-animation-duration:0.7s;
	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
	-webkit-animation-fill-mode: forwards;
	visibility: visible !important;	
}
@keyframes Sal_de_abajo {
	0%   {transform: translateY(100%);}
	100% {transform: translateY(0%);}
}
@-webkit-keyframes Sal_de_abajo {
	0% {-webkit-transform: translateY(100%);}
	100% {-webkit-transform: translateY(0%);}
}
#DivDescBienve {
	  /*font-weight:bold;*/
	  font-family:Arial, Helvetica, sans-serif;
      margin-top: 1%;
	  font-size:0.9em;
	  color:#03F;
	  position:relative;
	  width:100%;
	  float:right;
	  right:0.5%;
	  display:block;
	  vertical-align:central;
	  padding-left:0.5%;
	  padding-right:0.5%;
	  padding-bottom:0.2%;
	  padding-top:0.2%;
	  text-align:center;
}





/*REBRANDING*/

#DivBienvenida {


	 display:inline;

	 font-family: "Onest Variable", system-ui, sans-serif;
	 color: #c9c9c9;
	 font-weight: 400; 

}





#DivDescuentos {
    display:inline;
    margin-left: auto;
    margin-right: auto;
    text-align:center;
}
	 

.DivBienvenida2 {
	 display:inline-block;
}

.ButtonVideo {
	box-shadow: 1px 2px 0px 0px #899599;
	background:linear-gradient(to bottom, #ededed 5%, #bab1ba 100%);
	background-color:#ededed;
	border-radius:5px;
	border:1px solid #d6bcd6;
	display:inline-block;
	cursor:pointer;
	color:#3a8a9e;
	font-family:Arial;
	font-size:12px;
	padding:0px 9px;
	text-decoration:none;
	text-shadow:0px 1px 0px #e1e2ed;
}
.ButtonVideo:hover {
	background:linear-gradient(to bottom, #bab1ba 5%, #ededed 100%);
	background-color:#bab1ba;
}
.ButtonVideo:active {
	position:relative;
	top:1px;
}




/*REBRANDING*/



 .ButtonGris {
    font-family: 'Montserrat', sans-serif;
	background-color:transparent;
	border-radius:28px;
	border:1px solid #737874;
	display:inline-block;
	cursor:pointer;
	color: #000000;
	font-size:17px;
	padding:9px 31px;
	text-decoration:none;
	/*text-shadow:0px 1px 0px #2f6627;*/
}





.ButtonGrisnuevo {
    font-family: 'Montserrat', sans-serif;
	background-color:transparent;
	border-radius:28px;
	border:1px solid #737874;
	display:inline-block;
	cursor:pointer;
	color: #000000;
	font-size:17px;
	padding:9px 31px;
	text-decoration:none;
	/*text-shadow:0px 1px 0px #2f6627;*/
}




#CerrarLogin{



	font-family: 'Montserrat', sans-serif;
	background-color:transparent;
	border-radius:28px;
	border:1px solid #737874;
	display:inline-block;
	cursor:pointer;
	color: #000000;
	font-size:17px;
	padding:9px 31px;
	text-decoration:none;
	font-weight: 100;
	/*text-shadow:0px 1px 0px #2f6627;*/



}


















#ButtonGrisSalir{

	font-family: 'Montserrat', sans-serif;
	background-color:transparent;
	border-radius:28px;
	border:1px solid #737874;
	display:inline-block;
	cursor:pointer;
	color: #000000;
	font-size:17px;
	padding:9px 31px;
	text-decoration:none;
	font-weight: 100;
	/*text-shadow:0px 1px 0px #2f6627;*/



}





.ButtonGris:hover {
    background: linear-gradient(to bottom, #ffffff 5%, #d7c3d1 100%);
    background-color: #b7c4eb;
}













.ButtonGrisSalir:active {
	position:relative;
	top:1px;
}  
   






/*REBRANDING*/

.ButtonGris:hover {

	background: linear-gradient(to bottom, #ffffff 5%, #d7c3d1 100%);
    background-color: #b7c4eb;


}




.ButtonGris:active {
	position:relative;
	top:1px;
}  
   



/*REBRANDING*/



#ButtonGrisP{

    font-family: 'Montserrat', sans-serif;
	border-radius:28px;
	border:1px solid #737874;
	display:inline-block;
	cursor:pointer;
	color:#b5b5b5;
	font-size:16px;
	padding:9px 15px;
	text-decoration:none;
	background:linear-gradient(to bottom, #b7c4eb 5%, #cfcfcf 100%);
	background-color:#b7c4eb;
	color: black;


}




#ButtonGrisP:hover {

	color: white;
	background-color:transparent;
	top:1px;

}
#ButtonGrisP:active {


	position:relative;
	top:1px;

	color: white;
	background-color:transparent;


}  
 











 .ButtonGrisP {



    font-family: 'Montserrat', sans-serif;
	border-radius:28px;
	border:1px solid #737874;
	display:inline-block;
	cursor:pointer;
	color:#b5b5b5;
	font-size:16px;
	padding:9px 15px;
	text-decoration:none;
	background:linear-gradient(to bottom, #b7c4eb 5%, #cfcfcf 100%);
	background-color:#b7c4eb;
	color: black;
	
}

.ButtonGrisP:hover {

	color: white;
	background-color:transparent;
	top:1px;

}
.ButtonGrisP:active {


	position:relative;
	top:1px;

	color: white;
	background-color:transparent;


}  
 














    
    
    
.TituloModulo {
	position:relative;
	width:100%;
	font-family: 'Montserrat', sans-serif;
    font-weight: 500;
	text-align:left;
	display:inline-block;
	vertical-align:center;
	color: rgb(0, 0, 0);
	border-radius: 10px;
}





.moduloTituloVT {
	color:rgb(0, 0, 0);
	position:relative;
	padding:1em;
	margin-left:2%;
	width:100%;
	font-family: 'Montserrat', sans-serif;
    font-weight: 300;
	font-size:1em;
	text-align:left;
	display:inline-block;
	vertical-align:center;
	background-color:#D9D9D9;
	-webkit-margin-before: 0.2em;
  -webkit-margin-after: 0.2em;
}



















.bloque_tituloVT {
	font-family: 'Montserrat', sans-serif;
  font-weight: 500;
	font-size:1.1em;
	-webkit-margin-after: 0.1em;
	color:rgb(0, 0, 0);
}


.bloque_descriVT {
	font-family: 'Montserrat', sans-serif;
    font-weight: 300;
	font-size:1.2em;
	

} 
.bloqueCelda6Inicial {
	width:15%;
	text-align:right;
	float:left;
	display:inline;
	vertical-align: center;
}
.bloqueCelda6Inicial img {
	 
	  vertical-align: middle;
    margin-left: 3px;
    margin-right: 3px;
}

.bloqueCelda6Centro {
	width:5%;
	text-align:center;
	float:left;
	display:inline;
	cursor:pointer;
    margin-top:1em;
}
.bloqueCelda6Centro img{
  width:70%;
  height:auto;
}
.bloqueCelda88Cursor {
	width:83%;
	text-align:left;
	float:left;
	display:inline;
	cursor:pointer;
    vertical-align: middle;
    margin-top:0.3em;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
	color:rgb(0, 0, 0);

}



.otrodivcentro {
    text-align: center;
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
    margin-top: 30px;
	gap: 30px;
    margin-left: 50px;
}
}







#cursosRelacion {
	font-family:Arial, Helvetica, sans-serif;
	width:50%;
	margin-left:1%;
	margin-top:1%;
	font-size:0.9em;
	color:rgb(0, 0, 0);
	display:inline;
	float:left;
	text-align:left;
	vertical-align:center;
	padding: 1%;
}
.cursosRelacionCol1 {
	width:5%;
	display:inline;
}
.cursosRelacionCol2 {
	width:90%;
	display:inline;
	font-size:0.9em;

	


}
.cursosRelacionCols {
	width:100%;
	text-align:center;
	margin-bottom: 10px;
	
}




#cursosCompra {
	font-family:Arial, Helvetica, sans-serif;
	width:40%;
	margin-top:1%;
	margin-left:1%;
	font-size:0.9em;
	color:rgb(0, 0, 0);
	display:inline;
	float:left;
	text-align:left;
	vertical-align:center;
	position:relative;
	padding: 1%;
    border:1px;
    border-style:solid;
	border-color:rgba(067,128,131,0.8);
	border-radius: 15px;

}
#botonesCompra {
	text-align:center;
	width:100%;
}
.botonesCompra1 {
	display:inline;
	text-align:center;
	width:49%;
	border-radius: 10px;
    
}
.cursosCompra100 {
	width:100%;
	text-align:center;
}
#cursosCompra100c {
	width:100%;
	text-align:center;
	margin-top:12px;
}
#cursosYaAdquiridos {
	width:5%;
	text-align:right;
	display:inline;
}
#labelCursosYaAdquiridos {
		width:82%;
		margin-left:10%;
		display:inline;
}

#cursosConDesEnCompra {
	width:5%;
	text-align:right;
	display:inline;
}
#labelConDesEnCompra {
		width:59%;
		display:inline;
		margin-left:5%;
}
#importeConDesEnCompra {
	width:25%;
	text-align:right;
	margin-right:1%;
	display:inline;
	float:right;
}
#labelDescuento {
	width:59%;
	display:inline;
	margin-left:15%;
}

#importeDescuento {
	width:25%;
	text-align:right;
	margin-right:1%;
	display:inline;	
	float:right;
}

#labelImporteDescontado {
	width:59%;
	display:inline;
	margin-left:15%;
}

#importeDescontado {
	width:25%;
	text-align:right;
	margin-right:1%;
	display:inline;	
	float:right;
}

#cursosSinDesEnCompra {
	width:5%;
	text-align:right;
	display:inline;
}
#labelCursosSinDesEnCompra {
		width:59%;
		display:inline;
		margin-left:5%;
}
#importeNominalSinDes {
	width:25%;
	text-align:right;
	margin-right:1%;
	display:inline;
	float:right;
}

#labelTotalImporte {
	width:59%;
	display:inline;
	margin-left:15%;
	margin-top:1%;
}

#totalImporte {
	width:25%;
	text-align:right;
	margin-right:1%;
	display:inline;	
	float:right;
	margin-top:1%;
}


.izquierda {
	text-align:left;

	color:rgb(0, 0, 0);
}
.derecha {
	text-align:right;
}


.izquierdaMargen10 {
	text-align:left;
	margin-left:10%;
}

.myButton {
    width: 120px;
	box-shadow: 0px 0px 0px 2px #9fb4f2;
	background:linear-gradient(to bottom, #A6AEC9 5%, #5E7A9D 100%);
	background-color:#7892c2;
	border-radius:2px;
	border:1px solid #4e6096;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	padding:0px;
	text-decoration:none;
    text-align: center;
	text-shadow:0px 1px 0px #283966;
    vertical-align: middle;
}
.myButton:hover {
	background:linear-gradient(to bottom, #476e9e 5%, #7892c2 100%);
	background-color:#476e9e;
}
.myButton:active {
	position:relative;
	top:1px;
}
 
.myButton2 {
    width: 320px;
	box-shadow: 0px 0px 0px 2px #9fb4f2;
	background:linear-gradient(to bottom, #A6AEC9 5%, #5E7A9D 100%);
	background-color:#7892c2;
	border-radius:2px;
	border:1px solid #4e6096;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	padding:5px;
	text-decoration:none;
    text-align: center;
	text-shadow:0px 1px 0px #283966;
    vertical-align: middle;
}
.myButton2:hover {
	background:linear-gradient(to bottom, #476e9e 5%, #7892c2 100%);
	background-color:#476e9e;
}
.myButton2:active {
	position:relative;
	top:1px;
}
     
   
    
.azulGenerico {
	color: #7880ab;
}






.azulNegreta {
    color: #2845ED;
    font-weight: 500;
}

.centro {
	text-align:center;
}
.centro_objeto {
      text-align:center; 
    
      
} 
#pantalla {
     min-width: 90%; 
    min-height: 75%;
     
    z-index: -100;
    background-size: cover;
    overflow: hidden;    
}
.centro_objeto object {
    position: absolute;
    top:5em;
    right: 5%; 
    bottom: 1%;
    min-width: 90%; 
    min-height: 75%;
    width: auto; 
    height: auto; 
    z-index: -100;
    background-size: cover;
    overflow: hidden;
   
}    
.centroRojo {
	text-align:center;
	color:#F03;
	font-weight:bold;
}
.centroAzul {
	text-align:center;
	color:#1E19DC;
    font-size: 0.9em;
}
.centroRojoGrande {
	text-align:center;
	color:#F03;
	font-weight:bold;
    font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
    
}
.centro100 {
	text-align:center;
	width:100%;
}
.centro90 {
	margin-left:auto;
	margin-right:auto;
	width:98%;
}
.centro70 {
	text-align:center;
	width:70%;
}
.asesoria_lista {
   margin-left:5%;
   padding:0.4em;
}
.asesoria_pais {
	font-weight:bold;
	margin: 3%;
}
.acciones {
     color:#F03;
	 cursor:pointer;
	 text-align:left;
	 font-weight:bold;
	 
	}










	
#PantallaPwd {


/*
	--tw-bg-opacity: 0.1;
    background-color: rgb(10 10 10 / var(--tw-bg-opacity));
    background-image: radial-gradient(ellipse 150% 80% at 50% -20%, #7877c64d, #fff0);

	*/
margin-left: 25px;
	display:none;
    z-index: 900;
    width: 100%;



	border-radius: 15px;


    /*border: 0.5px solid #ffffff;*/



    animation-name: Sal_del_centro;
    animation-fill-mode: forwards;
    -webkit-animation-name: Sal_del_centro;
    animation-duration: 0.7s;
    -webkit-animation-duration: 0.9s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
	
}









/*-----------estilos de New Web Verano2019 cambio de wweb------------------------celda_eeee---------------------------------------------------*/
/*------------------------------------------------- ---------------------- ---------------------------------------------------------*/

/*


body {
	margin:0;
	padding:0;
}

*/

#CBBotones {
	text-align:center;
}
.NewDivVideo {
	margin:0;
	padding:0;
	position: relative;
    display: inline-block;
    text-align: center;
}

.NewDivVideo img {
	/*height:20%;*/
	width:100%;
}
#NewDivVideoBoton {
    /*padding-right: 1%;
    padding-left: 1%;
	float: center;*/
    width: 100%;
    text-align:center;
    margin-top: 1em;
	
   
}
.videoCurso {
  font-family: 'Montserrat', sans-serif;
  font-weight: 300;    
  width:95%;
  margin-left:auto;
  margin-right:auto;
  text-align:center;	
}
.videoCurso video{
  width:100%;
}
.clear {
	clear:both;
}
.PocoEspacio {
    height: 0px;	
}
.PocoEspacio10 {
    height: 0px;	
}
.celda_10_izdaVT {
	float: left;
	display: inline;
	text-align: center;
	width: 10%;
	margin-top:1em;
	position: relative;	
}
.celda_90_dechaVT {
  float: right;
	display: inline;
	width: 88%;
	text-align: justify;
	position: relative;
	margin-left: 0em;
	margin-top:2em;

}


.celda_5_izdaVT {
  float: left;
	display: inline;
	text-align: center;
	width: 7%;
	position: relative;
	height: 50px;
	padding-top: 0.2%;	
	
}
.celda_5_izdaVT img{
 width: 60%;
 vertical-align:middle;
}

.celda_95_dechaVT {
	float: right;
	display: inline;
	width: 90%;
	text-align: left;
	position: relative;
	margin-left: 0em;
	margin-top: 0em;
	padding-top: 0.1em;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	vertical-align:top;
	

}











 #garantia:hover {
	   color:#CC21EE;
 }

.NewContenedorCursosTotal {
	width: 95%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
.NewContenedorCursosTotal h2 {
     font-family: 'Montserrat', sans-serif;
     font-weight: 300;
   
}
.NewContenedor100, .NewContenedor100b {
  width: 100%;	
  float: left;
  text-align:left;
  padding: 1%;
}
.NewContenedor100b {
    padding-left: 1%;
}
.ContenedorCursoLinea {
      width: 80%; 
      margin-top: 1%;
      margin-left: auto;
      margin-right: auto;
      font-family: 'Montserrat', sans-serif;
      font-weight: 100;
      clear: both;
    
    
}  
    
 .ContenedorCursoIzda {
	  float:left;
	  display:inline;
	  width: 30%;
	  height: 250px;
	  margin-top:1%;
	  margin-bottom:2%;
	  margin-left:1%;
	  margin-right:1%;
	  padding:2px;
	  text-align:center;
  	  border:1px;
	  border-style:solid;
	  border-color:rgba(067,128,131,0.8);
	  background-size:cover;
	  -webkit-box-shadow: 9px 11px 5px 0px rgba(162,162,162,1);
      -moz-box-shadow: 9px 11px 5px 0px rgba(162,162,162,1);
      box-shadow: 9px 11px 5px 0px rgba(162,162,162,1);
	  border-radius: 15px;


	  animation-name: Sal_del_centro;
	  animation-fill-mode: forwards;
	  -webkit-animation-name: Sal_del_centro;
	  animation-duration: 0.7s;
	  -webkit-animation-duration: 0.9s;
	  animation-timing-function: ease-in-out;
	  -webkit-animation-timing-function: ease-in-out;
	  -webkit-animation-fill-mode: forwards;





		}


    .ContenedorCursoIzda:hover {
        box-shadow: 9px 11px 5px 0px rgba(100,100,100,1);

    }

    .ContenedorCursoDcha {
      float:left;
	  display:inline;
	  width: 60%; 
      margin-left: 5%;
      text-align: left;

	 


    }
    
    .ContenedorCursoDcha a {
        text-decoration: none;
        color:inherit;
    }




/*REBRANDING*/




.ContenedorCursoDcha .derecha a {


    font-size: 1em;
    color: #ffffff;
    font-weight: 500;
    border-color: #ffffff1a;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter, backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
    line-height: 1rem; /* 16px */
    padding-top: .25rem; /* 4px */
    padding-bottom: .25rem; /* 4px */
    padding-left: .5rem; /* 8px */
    padding-right: .5rem; /* 8px */
    background-color: #ffffff0d;
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
    border-width: 1px;
    border-radius: 9999px;
    -moz-column-gap: .5rem; /* 8px */
    column-gap: .5rem; /* 8px */
    justify-content: center;
    align-items: center;
    display: inline-flex;



}

.ContenedorCursoDcha .derecha a:hover {
    background-color: #ffffff1a;
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    transform: scale(1.1);
}

















/*REBRANDING*/


.combined-svg {
    width: 14px; /* 50% of the original 14px width */
    height: 10px; /* 50% of the original 10px height */
    margin-inline-start: 0.25rem; /* 50% of the original .5rem margin-inline-start */
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
    fill: none;
}

/* RTL context */
.rtl .combined-svg {
    transform: rotate(180deg); /* RTL rotation */
}










 .ContenedorCursoDcha h2 {
     margin-top: 0;
     margin-bottom: 0;
     margin-left: 0;
     font-weight: 500;
     text-align: left;
     font-size: 1.5em;
	
    border-radius: 10px;


	font-family: "Onest Variable", system-ui, sans-serif;
	color: #c9c9c9;
	font-weight: 400; 



     
}
.ContenedorCursoDcha h3 {
        margin-top: 0;
       font-weight: 300;
       font-size: 1em;


	   font-family: "Onest Variable", system-ui, sans-serif;
	   color: rgb(0, 0, 0);
	   font-weight: 400; 
	   


}      





/*REBRANDING  Poner letras blancas*/


.ContenedorCursoDcha p {

        text-align: justify;
		font-family: "Onest Variable", system-ui, sans-serif;
		color: #c9c9c9;
		font-weight: 400; 
		
} 


/*REBRANDING */





.NewContenedorTitulo img{
	float:left;
	margin: 1%;
}


.ImagenSoftware {
   display: inline;
   width: 20%;	
}

.NewCursoSubTitulo {
	margin-right:1%;
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:1.1em;
	text-align:right;
	color:#FFF;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
	
}




/*REBRANDING*/

.NewtituloApartado {
	font-family: 'Montserrat', sans-serif;
     font-weight: 500;
	font-size:2em;
	text-align:center;
	margin-bottom:0;
    margin-top:5px;
    color: #ffffff;
}







.NewAsistencia {
	margin-top:200px;
	width:95%;
	min-height:300px;
	margin:auto;
	background-size:cover;
	padding:5px;
	text-align:center;
	font-family: 'Montserrat', sans-serif;
    font-weight: 200;
	color:#333;
	background-color:#292a37;
	border-radius: 59px;
}


.NewAsistenciaTitulo { 
   font-size:2em;
   font-family: 'Montserrat', sans-serif;
   font-weight: 500;
   color:#FFF;
   margin-left:5px;
   margin-right:5px;
}
.NewAsistenciaSubTitulo { 
   font-size:1.5em;
   font-family: 'Montserrat', sans-serif;
   font-weight: 300;
   color:#FFF;
   margin-left:5px;
   margin-right:5px;
 
}

.NewCelda_60_izda {  
	float: left;
	display: inline;
	text-align: left;
	font-family: 'Montserrat', sans-serif;
    font-weight: 300;
	font-size:1em;
	width: 85%;
	margin: 0;
	
	position: relative;
	padding-top: 0.2em;
	
	padding-bottom: 0.2em;
	
}
.NewCelda_60_izdaP {  
	float: left;
	display: inline;
	text-align: left;
	font-family: 'Montserrat', sans-serif;
	font-size:1em;
	width: 85%;
	margin: 0;
	
	position: relative;
	padding-top: 0.2em;
	
	padding-bottom: 0.2em;
	cursor:pointer;
}
.NewCelda_40_izdaP {  
	float: left;
	display: inline;
	text-align: center;
	width: 13%;
	margin-top:auto;
	margin-left:1%;
	position: relative;
	cursor:pointer;
	
}
.NewCelda_40_izda {  
	float: left;
	display: inline;
	text-align: center;
	width: 13%;
	margin-top:auto;
	margin-left:1%;
	position: relative;
	border-radius: 20px;

	
}
.NewCelda_40_izda img{
	width:20%;
	height:20%;
	min-width:100px;
	max-width:150px;
	margin-left: 10%;
	margin-top:10%;
	vertical-align:middle;
	border-radius: 20px;
}
.NewCelda_40_izdaP img{
	width: 50%;
	border-radius: 20px;
}
.NewFila_60_izdaBlack {  
	float: left;
	display: inline;
	text-align: left;
	width: 100%;
	margin: 0;
	position: relative;
	padding-top: 0.2em;
	
	padding-bottom: 0.2em;
	background-color:#EDEDF3;
	
}


.ArialBlanco {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
}
.ArialBlancoPeque {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:0.8em;
}
.ArialBlancoSombra {
	margin-right:1%;
	 font-family: 'Montserrat', sans-serif;
    font-weight: 500;
	font-size:1.5em;
	
	color:#FFF;
    
}

/*
header {
	width:100%;
}
    

*/


/*

header nav {
	width:100%;
    min-height: 30px;
	margin: 0;
	padding:0px;
    padding-top:10px;
    padding-bottom: 10px;
	float:left;
	text-align:right;
   
    

	--tw-bg-opacity: 0.9;
    background-color: rgb(10 10 10 / var(--tw-bg-opacity));
    background-image: radial-gradient(ellipse 150% 80% at 50% -20%, #7877c64d, #fff0);


	



    font-family:Arial, Helvetica, sans-serif;
    z-index:99;
	border-radius: 5px;
   
}
       
header nav a {
  float: right;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 5px 5px;
  margin-left: 1%;
  margin-right: 1%;
  text-decoration: none;
  font-size: 0.8em;
  
    
     
    background-image: linear-gradient(white, white);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 2px;
    transition: background-size .3s;
  
}



header nav a:hover{
	background-size: 60% 2px;
}



*/








.menu_bar {
    display:none;
    width:100%;
    line-height: 30px;
    margin: 0;
    padding-right:1%;
    padding-top: 1%;
    float:right;
    text-align:right;
    overflow: hidden;
    background-color: black;
    font-family:Arial, Helvetica, sans-serif;
    color: #F4ECEC;
	min-height: 40px;
    
}
.menu {
  float: right;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 5px 5px;;
  text-decoration: none;
  font-size: 0.8em;;
  margin-left:0.5%;
  margin-right:0.5%;
  cursor:pointer;
  background-image: linear-gradient(white, white);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 2px;
    transition: background-size .3s;
}


.menu:hover {
   background-size: 100% 2px;
}

    
 

.celdaMenu {
	height:30px;
	margin-top:5px;	
	float: right;
	margin-left:5px;
	margin-right:3px;
    display:inline-block;
	vertical-align: middle;
    font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#190DE1;
}
.celdaMenu img {
    margin-left: 5px;
    margin-right: 5px;
	vertical-align: middle;
}
.linkCurso {
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
	font-size:1em;
	color:#333;
	margin-top:2px;
	margin-bottom:0;
	cursor:pointer;
}


/*
#logoMedif {
	position:absolute;
	margin-left:0;
	z-index:99;
	width:7%;
	max-width:50px;
	float: right;
	height:60px;
	
	/*border:1px;
	border-style:solid;
	border-color:rgba(067,128,131,0.8);
	border-radius:5px;
	-webkit-box-shadow: 4px 4px 4px 0px rgba(153,140,207,0.50);
    -moz-box-shadow: 4px 4px 5px 0px rgba(153,140,207,0.50);
    box-shadow: 4px 4px 5px 0px rgba(153,140,207,0.50);
    
	text-align:center;
	vertical-align:center;
		
}
#logoMedif img {
	width:100%;
	
}


*/



/*---------------(FIN)estilos de New Web Verano2019 cambio de wweb-----------------------------------------------------------------*/
/*------------------------------------------------- ---------------------- ---------------------------------------------------------*/

	
	
	
/*------------------------------------------------- ---------------------- ---------------------------------------------------------*/
/*------------------------------------------------- (inicio navegador movil)-y correos----------------------------------------------*/



.estilo-checkbox {
    /* Ocultar el checkbox original */
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 18px;
    height: 18px;
    border: 2px solid #ccc;
    border-radius: 4px;
    outline: none;
    cursor: pointer;
}

/* Estilo para cuando el checkbox está marcado */
.estilo-checkbox:checked {
    background-color: #007bff; /* Color de fondo cuando está marcado */
    border-color: #007bff; /* Color del borde cuando está marcado */
}

/* Estilo para el marcador dentro del checkbox */
.estilo-checkbox:checked::before {

/*
    content: '\2713'; 
    
	*/
	
	display: block;
    /*
	
	width: 16px;
    height: 16px;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #fff; 

*/

}














#envoltorioGeneralDescuentos {


color: rgb(0, 0, 0);
 display:none;
 z-index: 1;
 	/*display:table;*/
	position:absolute;
	width:98%;
	/*height:17em;*/
	margin-top:3px;
	margin-left:1.3%;
	margin-bottom:10px;
	padding-bottom:30px;
	/*margin-top:2em;*/
	border:1px;
	border-style:solid;
	border-color:rgba(067,128,131,0.8);
	/*border-radius:5px;
	-webkit-box-shadow: 4px 4px 4px 0px rgba(153,140,207,0.50);
    -moz-box-shadow: 4px 4px 5px 0px rgba(153,140,207,0.50);*/
    box-shadow: 4px 4px 5px 0px rgba(153,140,207,0.50);



	--tw-bg-opacity: 1.9;


	/*

    background-color: rgb(43 43 43 / var(--tw-bg-opacity));

	
    background-image: radial-gradient(ellipse 150% 80% at 50% -20%, #7877c64d, #fff0);

*/

    background-color: #f3f3f3;




	animation-name: Sal_del_centro;
	animation-fill-mode: forwards;
	-webkit-animation-name: Sal_del_centro;	
	animation-duration:0.7s;	
	-webkit-animation-duration:0.9s;
	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
	-webkit-animation-fill-mode: forwards;
	border-radius: 10px;
	
}
#ListaDeCursosDescontados {
	font-family: 'Montserrat', sans-serif;
    font-weight:300;
	font-size:0.9em;
	text-align: left;
	padding-left:0.5em;
	padding-bottom:0.2em;
	padding: 5px;
	margin-left: 1em;
	
    
}
#ListaDeCursosDescontados li{
	padding-bottom:1em;
}

#CompraCurso {
 vertical-align:center;
 font-family:Verdana, Geneva, sans-serif;
 text-align:center;
 display:none;
 position:absolute;	
}


/*
#header {
	background-color:#00F;
	padding-left:0.5em;
	padding-bottom:0.2em;
	vertical-align:center;
	font-family:Verdana, Geneva, sans-serif;
	font-size:1em;
	font-weight:bold;
	color:#FFF;
	display:none;
	
}
*/



#mobile{
	float:left;
	
}
.label{
	position:relative;
	height:1.4em;
	width:1.4em;
	float:left;
	margin-top:-0.0em;
	margin-right:0.6em;
	cursor:pointer;
	/*display:block;*/
	margin-left:0.3em;
	z-index:10;
}


/*

#menu ul{
	margin-top:2em;
	
}

#menu{
	position:absolute;
	left:0%;
	padding-left:1em;
	padding-right:0.5em;
	padding-bottom:1.5em;
padding-top:0.5em;
	top:1.5em;
	border:solid 3px #A065E9;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright:6px;
	-moz-border-radius-bottomleft:6px;
	-moz-border-radius-bottomright:6px;
	-webkit-border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
	border-bottom-left-radius:6px;
	border-bottom-right-radius:6px;
	background-color:#F3F8FB;
	float:left;
	z-index:200;
	display:none;
}

#menu a{
       text-decoration:none;
	
}


*/





.link_list{
	list-style-type:none;
	width:100%;
	position:relative;
	margin-top:1.2em;
	text-align:center;
	font-size: 1em;
	font-style: italic;
	font-weight: bolder;
	text-shadow: none;
}
#oculta_menu{
	display:none;
}	

input[type=radio]{
	display:none;
	margin:0px;
	padding:0px;
	width:0px;
	height:0px;
}
input[id*="show-menu"]:checked ~ #oculta_menu{
	display:block;
}
input[id*="show-menu"]:checked ~ #saca_menu{
	display:none;
}
input[id*="show-menu"]:checked ~ #menu{

	display:block;
		animation-name: Sal_de_izquierda;
		animation-fill-mode: forwards;

	-webkit-animation-name: Sal_de_izquierda;	

	animation-duration:0.5s;	
	-webkit-animation-duration:0.5s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
	-webkit-animation-fill-mode: forwards;
	visibility: visible !important;	

}
@keyframes Sal_de_izquierda {

	0%   {transform: translateX(-120%);}
	100% {transform: translateX(0%);}
}

@-webkit-keyframes Sal_de_izquierda {
	0% {-webkit-transform: translateX(-120%);}
	100% {-webkit-transform: translateX(0%);}
}

/*input[type=checkbox]{
	display:block;
	margin:0px;
	padding:0px;
	width:0px;
	height:0px;
}
*/

input[id*="show-menu_1"]:checked ~ #submenu_1{
	display:block;
}
input[id*="show-menu_1"]:checked ~ #saca_menu_1{
	color:rgb(253,255,0);
}

input[id*="show-menu_3"]:checked ~ #submenu_3{
	display:block;
}
input[id*="show-menu_3"]:checked ~ #saca_menu_3{
	color:rgb(253,255,0);
}

input[id*="show-menu_2"]:checked ~ #submenu_2{
	display:block;
}
input[id*="show-menu_2"]:checked ~ #saca_menu_2{
	color:rgb(253,255,0);
}

input[id*="hide-menu"]:checked ~ #saca_menu{
	display:block;
}
input[id*="hide-menu"]:checked ~ #oculta_menu{
	display:none;
}
input[id*="hide-menu"]:checked ~ #menu{
	display:block;
		animation-name: oculta_izquierda;
		animation-fill-mode: forwards;

	-webkit-animation-name: oculta_izquierda;	

	animation-duration:0.5s;	
	-webkit-animation-duration:0.5s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
	-webkit-animation-fill-mode: forwards;

	visibility: visible !important;	
}
@keyframes oculta_izquierda {

	0%   {transform: translateX(0%);}
	100% {transform: translateX(-100%);}
}

@-webkit-keyframes oculta_izquierda {
	0% {-webkit-transform: translateX(0%);}
	100% {-webkit-transform: translateX(-100%);}
}

	
/*------------------------------------------------- ---------------------- ---------------------------------------------------------*/
/*------------------------------------------------- (final navegador movil)-y correos----------------------------------------------*/
	
	
	/*
a:link {text-decoration:none; }
a:hover{ color: #666; text-decoration:none;}

a:active {text-decoration:none;  }


*/

/*


h1 {font-family:Verdana, Geneva, sans-serif;
	font-size: 0.8em;
	text-align:center;
}

*/


.separador{
	width: 100%;
	height: 3px;
	display: table-row;
	padding: 0px;
	margin-top: 0;
	margin-bottom:0px;
	clear:both;
}
.separadorGrande {
     height: 30px;   
 }
.clear_boot {
	clear: both;
    height:1px;
}





.contenedor { 

	width: 100%;
	display:block;

	
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255); 

    background-image: radial-gradient(ellipse 80% 80% at 50% -20%, rgba(120, 119, 198, 0.3), rgba(255, 255, 255, 0));  


}




/*------------------------------------------------- ---------------------- -----------------------------------------------*/
/*------------------------------------------------- Estilo base-----------------------------------------------*/

/*

#logoPrincipal {
	position:absolute;
	z-index:2;
	width:7%;
    top: 0.5%;
	left:1%;
	padding:0.2%;

	float:left;
	border:1px;
	border-style:solid;
	border-color:rgba(067,128,131,0.8);
	border-radius:5px;
	-webkit-box-shadow: 4px 4px 4px 0px rgba(153,140,207,0.50);
    -moz-box-shadow: 4px 4px 5px 0px rgba(153,140,207,0.50);
    box-shadow: 4px 4px 5px 0px rgba(153,140,207,0.50);
    background-color:#FFF;
	text-align:center;
	vertical-align:center;
		
}
#logoPrincipal img {
	width:90%;
	
}

#logoPrincipalVideotutoriales {
	position:absolute;
	z-index:2;
	width:7%;
    top: 1.5%;
	left:2%;
	padding:0.2%;

	float:left;
	border:1px;
	border-style:solid;
	border-color:rgba(067,128,131,0.8);
	border-radius:5px;
	-webkit-box-shadow: 4px 4px 4px 0px rgba(153,140,207,0.50);
    -moz-box-shadow: 4px 4px 5px 0px rgba(153,140,207,0.50);
    box-shadow: 4px 4px 5px 0px rgba(153,140,207,0.50);
    background-color:#FFF;
	text-align:center;
	vertical-align:center;
		
}
#logoPrincipalVideotutoriales img {
	width:90%;
	
}

*/




#cabeceras {
	position:relative;
	width: 87%;
	padding: 0.1%;
	margin-top: 1.3%;
	margin-bottom: 1em;
	display: block;
	margin-left:7.5%;
    background-color:#FFF;
	text-align:center;
	vertical-align:center;
	z-index:0;
	
}
.cabeceras img {
	width:95%;
}

#cabecerasNew {
	
	width: 92%;
    margin-left: 4%;
	margin-top: 1.3%;
	margin-bottom: 1em;
	
}
#cabecerasNew img {
  width: 100%;
}

.tituloApartado {
     font-size:1.3em;
	 -webkit-margin-before: 0.1em;
     -webkit-margin-after: 0.7em;
     -webkit-margin-start: 0px;
     -webkit-margin-end: 0px;
    font-family: 'Montserrat', sans-serif;
    font-weight:500;

	 /*margin-top:2px;
	 margin-bottom:2px;*/
}
.tituloApartado2 {
     font-family: 'Montserrat', sans-serif;
    font-weight:500;
     font-size:1.3em;
	 margin-top:2px;
	 margin-bottom:2px;
	 text-align:left;
}
.tituloApartadoAzul {
     font-family: 'Montserrat', sans-serif;
    font-weight:500;
	margin-top:0px;
	font-size:1.1em;
    text-align:left;
    color:#33F;
    padding-left: 0px;
	 
}



/*REBRANDING*/

.tituloApartadoAzulCenter {

    font-family: 'Montserrat', sans-serif;
	margin-top:0px;
	font-size:1.4em;
     font-weight:300;
	 text-align:center;
	 color:rgb(255, 255, 255);
	 
}



.ApartadoAzul {
	margin-top:0px;
	font-size:1.1em;
     font-weight:bold;
	 color:#33F;
	 
}
.textoAzul {
	color:#00F;
	font-size:0.9em;
}
.negreta {
  font-weight:bold;
  font-size:0.9em;
  text-align:left;
  margin-bottom:3px; 
  
}
.negreta2 {
  font-weight:bold;
  font-size:1.2em;
  margin-bottom:3px; 
  
}
.negretaAzul {
  font-weight:bold;
  font-size:1em;
  text-align:left;
  margin-bottom:3px; 
  color:#33F;
}
.vacia {
	font-size:0.2em;
}
.listaButllet{
	margin-top:5px;
	margin-bottom:6px;
	padding-left:1%;
	margin-left: 15px;
	text-align:left;
	
}

.listaMenu {
	width: 50%;
	list-style: none;
	padding: 0;
	position: relative;
	z-index: 300;
	text-align: center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	list-style-type:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	padding-left:15%;
}
.listaMenu li {
	width:13%;
	position:relative;
	float:left;
	margin-right:0.5%;
	margin-left:0.5%;
	
}

.item_menu {
	position:relative;
	text-align:center;
}
.item_menu img {
	float:none;
	height:100%;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	max-height:70px;
	max-width:70px;
	
}

.item_menu span {
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	display:block;
	padding-top:1em;
	font-size:1em;
	
}



/*------------------------------------------------- ---------------------- -----------------------------------------------*/
/*--------------------------------------mobile----------- ---------------------- -----------------------------------------------*/
.etiquetaMenuMobile {
	position:relative;
	display:inline-block;
	vertical-align:middle;
	margin-top:25px;
	margin-left:70px;
	
}
ul.listaMenuMobile {
	
	padding: 0;
	
	position: relative;
	z-index: 300;
	/*list-style: none;*/
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	list-style-type:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
}


ul.listaMenuMobile li a:hover , ul.listaMenuMobile li.current a:link , ul.listaMenuMobile li.current a:visited { background:url(../imagenes/MenuGris_1.png) no-repeat left -13px; color: #700;}


ul.listaMenuMobile li a:link , ul.listaMenuMobile li  a:visited { width:200px; height:55px; font-size:0; font-size:14px; float:left; padding-left:10px; text-align:left; color: #666}




/*--------------------------------------mobile----------- ---------------------- -----------------------------------------------*/
/*------------------------------------------------- ---------------------- -----------------------------------------------*/


/*------------------------------------------------- ---------------------- -----------------------------------------------*/
/*------------------------------------------------- clases para las fichas -----------------------------------------------*/
/*------------------------------------------------- ---------------------- -----------------------------------------------*/
.ficha_aula {  /*  cada bloque de información, la página de un apartado concreto: edificios, naves ...  */
	width: 85%;
	
	margin-left:auto;
	margin-right:auto;
	position: relative;	
	font-family: Arial, Helvetica, sans-serif;
	padding:0;
/*	border-color:#333;
   /* border: thin solid #666;	*/
	/*border-left: thin solid #666;
	border-right:thin solid #666;
	border-bottom:thin solid #666;*/
	
  /*  padding-left:1em;
	padding-right:1em;
	padding-bottom:2em;
	*/
	vertical-align:bottom;

}
.ficha_CobrosOtros {  
	width: 80%;
    padding: 8px;
    text-align: center;
	margin: 0 auto; /* el valor automático de los lados, unido a la anchura, centra el diseño  */
	position: relative;	
	background-color: #F9F8FB;
	border-top:thin solid #666;
	border-left:thin solid #666;
	border-right:thin solid #666;
	border-bottom:thin solid #666;
    font-family: 'Montserrat', sans-serif;
    font-weight:300;
	
}
.ficha_aula_box_inferior {  /*  cada bloque de información, la página de un apartado concreto: edificios, naves ...  */
	width: 92%;
	margin: 0 auto; /* el valor automático de los lados, unido a la anchura, centra el diseño  */
	position: relative;	
	background-color: #F9F8FB;
	border-top:thin solid #666;
	border-left:thin solid #666;
	border-right:thin solid #666;
	border-bottom:thin solid #666;
    font-family: 'Montserrat', sans-serif;
    font-weight:300;
	
}
.ficha_aula_raya {  /*  cada bloque de información, la página de un apartado concreto: edificios, naves ...  */
    border-collapse: collapse;
	width: 100%;
/*	position: relative;	*/
	display:table-cell;
	padding:0;
	margin: 0;
	/*padding-left: -30px;*/
    border-bottom: thin solid #666;	
	text-align:left;
	padding-bottom:0 px;
}
.PestanyaAula{
	display:table-cell;
	padding:0;
	margin: 0;	
}
.PestanyaAula img {
	vertical-align:bottom;
}
.PestanyaAulaConRaton{
	display:table-cell;
	padding:0;
	margin: 0;
	cursor:pointer;	
}
.PestanyaAulaConRaton img {
	vertical-align:bottom;
}


.ficha_titulo {  /*   bloque de información, la página de un apartado concreto: edificios, naves ...  */
	width: 70%;
	margin: 0 auto; /* el valor automático de los lados, unido a la anchura, centra el diseño  */
	position: relative;	
	font-family: Arial, Helvetica, sans-serif;
	/*background-color: #F9F8FB;*/
}



/*REBRANDING*/


.ficha {  /*  cada bloque de información, la página de un apartado concreto: edificios, naves ...  */
	width: 70%;
	margin: 0 auto; /* el valor automático de los lados, unido a la anchura, centra el diseño  */
	position: relative;	


	/*background-color: #F9F8FB;*/



    font-family: 'Montserrat', sans-serif;
    font-weight:300;

}





/*.ficha img {
	width:100%;
}*/
.ficha_fila_presentacion {
    position: relative;
	font-family: 'Montserrat', sans-serif;
    font-weight:300;
	font-size: 0.9em;
	display: table;
	clear: both;
	margin:0;
    padding:0;
    height: 500px; 
    width: 100%; 
    background-size:cover;
	border-radius: 30px;
	     
}








.piedepaginacorreo {


    font-size: 1em;
    color: #ffffff;
    font-weight: 500;
    border-color: #ffffff1a;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter, backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
    line-height: 1rem; /* 16px */
    padding-top: .25rem; /* 4px */
    padding-bottom: .25rem; /* 4px */
    padding-left: .5rem; /* 8px */
    padding-right: .5rem; /* 8px */
    background-color: #ffffff0d;
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
    border-width: 1px;
    border-radius: 9999px;
    -moz-column-gap: .5rem; /* 8px */
    column-gap: .5rem; /* 8px */
    justify-content: center;
    align-items: center;
    display: inline-flex;


	
}

.piedepaginacorreo:hover {
    background-color: #ffffff1a;
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    transform: scale(1.1);
}






.piedepaginacorreo2 {


    font-size: 1em;
    color: #ffffff;
    font-weight: 500;
    border-color: #ffffff1a;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter, backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
    line-height: 1rem; /* 16px */
    padding-top: .25rem; /* 4px */
    padding-bottom: .25rem; /* 4px */
    padding-left: .5rem; /* 8px */
    padding-right: .5rem; /* 8px */
    background-color: #ffffff96;
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
    border-width: 1px;
    border-radius: 9999px;
    -moz-column-gap: .5rem; /* 8px */
    column-gap: .5rem; /* 8px */
    justify-content: center;
    align-items: center;
    display: inline-flex;


	
}

.piedepaginacorreo2:hover {
    background-color: #ffffff96;
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    transform: scale(1.1);
}


























#DEemail{

	width: 260px;
    padding: 8px;
    border: 1px solid rgb(204, 204, 204);
    border-radius: 30px;
    box-sizing: border-box;



}


#DEemail2{

	width: 260px;
    padding: 8px;
    border: 1px solid rgb(204, 204, 204);
    border-radius: 30px;
    box-sizing: border-box;




}



#SOnombre{

	width: 260px;
    padding: 8px;
    border: 1px solid rgb(204, 204, 204);
    border-radius: 30px;
    box-sizing: border-box;






}


.centro90{


	margin-bottom:30px;

	
}


#SOapellidos{

	width: 260px;
    padding: 8px;
    border: 1px solid rgb(204, 204, 204);
    border-radius: 30px;
    box-sizing: border-box;




}


#SOcode{
	width: 260px;
    padding: 8px;
    border: 1px solid rgb(204, 204, 204);
    border-radius: 30px;
    box-sizing: border-box;

}




#SOemail{

	width: 260px;
    padding: 8px;
    border: 1px solid rgb(204, 204, 204);
    border-radius: 30px;
    box-sizing: border-box;




}


#SOtelefono{

	width: 260px;
    padding: 8px;
    border: 1px solid rgb(204, 204, 204);
    border-radius: 30px;
    box-sizing: border-box;



}



#CBemail{

	width: 260px;
    padding: 8px;
    border: 1px solid rgb(204, 204, 204);
    border-radius: 30px;
    box-sizing: border-box;



}



#CBemail2{


	width: 260px;
    padding: 8px;
    border: 1px solid rgb(204, 204, 204);
    border-radius: 30px;
    box-sizing: border-box;



}









#usuario{

	width: 260px;
    padding: 8px;
    border: 1px solid rgb(204, 204, 204);
    border-radius: 30px;
    box-sizing: border-box;
	color: black;
   

}


#pwdRepe{

	width: 260px;
    padding: 8px;
    border: 1px solid rgb(204, 204, 204);
    border-radius: 30px;
    box-sizing: border-box;
	color: black;
   

}



#pwdNew{

	width: 260px;
    padding: 8px;
    border: 1px solid rgb(204, 204, 204);
    border-radius: 30px;
    box-sizing: border-box;
	color: black;
   

}


#pwd{

	width: 260px;
    padding: 8px;
    border: 1px solid rgb(204, 204, 204);
    border-radius: 30px;
    box-sizing: border-box;
	color: black;






}


/*REBRANDING*/


.ficha_fila , .ficha_fila2 {  

	border-collapse: separate;
	text-align: justify;
	/*border: 5px solid #F9F8FB;
	background-color: #F9F8FB;*/
	position: relative;
	font-family: 'Montserrat', sans-serif;
    font-weight:300;
	font-size: 0.9em;
	display: table;
	clear: both;
	width:97%;
	padding-left:1%;
    padding-right: 1%;

	
}


.centro h2{


color: #413a3a;


}


.ficha_fila p{


color:rgb(0, 0, 0);


}


.mitad input{

	width: 260px;
    padding: 8px;
    border: 1px solid rgb(204, 204, 204);
    border-radius: 30px;
    box-sizing: border-box;



}






    .ficha_fila2 img {
        width: 100%;
    }
.ficha_fila_imagen {
	text-align: center;
}
.ficha_fila_imagen img {
	width: 70%;
	
}
    
.Ancho80 {
    width: 80%;
    margin: auto;
    font-family: 'Montserrat', sans-serif;
    font-weight:300;
    text-align: center;
    
}
.Ancho80T {
   font-weight:500; 
   background-color: #d2dae926;
    color: rgb(0, 0, 0);
    padding-top: 5px;
    padding-bottom: 5px;
	border-radius: 10px;
        
}
.CeldaVideotutorialE {
	text-align: left;
	width: 20%;
	display:inline;
	float:left;
	font-size:1em;
	background-color: #a514140d;
	color:rgb(0, 0, 0);
	font-weight:500;
  margin-left: 3px;
	margin-top: 0.2em;
	margin-bottom:0.2em;
    padding: 3px;
	border-radius: 10px;
	padding-left: 2%;

	
}



.CeldaVideotutorialD {
	text-align: left;
	width: 70%;
	display:inline;
	float:left;
	font-size:1em;
	color:rgb(0, 0, 0);
	font-weight:300;
    margin-left: 3px;
	margin-top: 0.2em;
	margin-bottom:0.2em;
    padding: 3px;
}




    .TituloVideotutorialP {
        text-align: center;
        text-shadow: -2px 0 black, 0 1px black, 1px 0 black, 0 -2px black;
        font-family: 'Montserrat', sans-serif;
        font-weight:500;
        font-size: 2em;
        color:#FFF;
       
        padding-top: 3%;
    }

    .TituloVideotutorialPVT {
        text-align: center;
        text-shadow: -2px 0 black, 0 1px black, 1px 0 black, 0 -2px black;
        font-family: 'Montserrat', sans-serif;
        font-weight:500;
        font-size: 3em;
        color:#FFF;
         padding-left: 5px;
         padding-right: 5px;
        animation-name: Sal_del_centro;
	animation-fill-mode: forwards;
	-webkit-animation-name: Sal_del_centro;	
	animation-duration:0.7s;	
	-webkit-animation-duration:0.9s;
	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
	-webkit-animation-fill-mode: forwards;
    }
    
/* ********************************** */
.tituloDobleRaya {
	font-size:1.2em;
	text-align:center;
	font-weight:bold;
	margin-top:0;
	margin-bottom:0.5em;
	padding-top:0;
	padding-bottom:0.3em;
	color:#666;
}
.tituloDobleRayaPeq {
/*	border-top: thin solid #666;
	border-bottom: thin solid #666;
*/
	font-size:1.1em;
	font-weight:bold;
	margin-top:0;
	padding-top:0;
	margin-bottom:0.5em;
	padding-bottom:0.3em;
	color:#666;
	text-align:left;
}
.celda_5_izdaBis { 
	float: left;
	display: inline;
	text-align: right;
	width: 7%;
	position: relative;	
}
.celda_5_izda { 
	float: left;
	display: inline;
	text-align: center;
	width: 7%;
	position: relative;	
}
.celda_5_izda img{
	width:100%;
}
.celda_20_izda { 
	float: left;
	display: inline;
	text-align: center;
	width: 20%;
	margin-top:1em;
	margin-left:1%;
	position: relative;	
}
.celda_20_izda img{
	width:100%;
}
.celda_30_izda { 
	float: left;
	display: inline;
	text-align: center;
	width: 25%;
	margin-top:.5em;
	margin-left:10%;
	position: relative;	
}
.celda_30_izda img{
	width:100%;
}
.celda_10_izda { 
	float: left;
	display: inline;
	text-align: center;
	width: 10%;
	margin-top:1em;
	position: relative;	
	
}
.celda_10_izda img{
	width:100%;
}
.celda_10_izda_contacto { 
	float: left;
	display: inline;
	text-align: center;
	width: 10%;
	margin-top:1em;
	position: relative;	
	
}
.celda_10_izda_contacto img { 
	width:100%;

}

.celda_10_izda_medif { 
	float: left;
	display: inline;
	text-align: center;
	width: 10%;
	margin-top:1em;
	position: relative;	
	
}
.celda_80_decha { 
	float: right;
	display: inline;
	width: 75%;
	text-align: left;
	position: relative;
	margin-left: 0em;
	margin-top:0.2em;
	
	
}
.celda_90_decha { 
	float: right;
	display: inline;
	width: 88%;
	text-align: justify;
	position: relative;
	margin-left: 0em;
	margin-top:2em;
}



.celda_95_dechaVT  h2{

color:rgb(0, 0, 0);


}



.celda_95_dechaVT  b{

	color:rgb(0, 0, 0);
	
	
	}





.celda_90_dechaTop { 
	float: right;
	display: inline;
	width: 88%;
	text-align: left;
	position: relative;
	margin-left: 0em;
	margin-top:0em;

color:rgb(0, 0, 0);


}

.celda_90_decha_medif { 
	float: right;
	display: inline;
	width: 88%;
	text-align: justify;
	position: relative;
	margin-left: 0em;
	margin-top:2em;
}
.celda_95_decha { 
	float: right;
	display: inline;
	width: 90%;
	text-align: left;
	position: relative;
	margin-left: 0em;
	margin-top:0.em;
}
.celda_90_decha_estrecha {  /*  .  */
	float: right;
	display: inline;
	width: 85%;
	text-align: justify;
	position: relative;
	
	margin-left: 0em;
	padding-top: 0.2em;
	
	padding-left: 1em;
	
	padding-bottom: 0.2em;
	font-size: 0.9em;
	
	
}
/* ********************************** */
/* ********************************** */
.celda_40_izda {  /*  .  */
	float: left;
	display: inline;
	text-align: center;
	width: 42%;
	
	position: relative;
	padding-top: 0.2em;
	
	padding-bottom: 0.2em;
	
}
.celda_40_izda img{
	width:100%;
}
.celda_60_decha {  
	float: left;
	display: inline;
	width: 55%;
	text-align: justify;
	
	position: relative;
	
	padding-top: 0.2em;
	margin-left:1%;
	margin-right:1%;
	padding-bottom: 0.2em;
	
}


.celda_60_decha object{  
	width: 100%;
    height: 100%;
    min-height: 300px;
    margin: 0.5%;
    float: center;

	border-radius: 20px;
}




.celda_60_dechaContacto {  /*  .  */
	float: left;
	display: inline;
	width: 55%;
	text-align: justify;
	
	position: relative;
	margin-left:6%;
	padding-top: 0.2em;
	
	padding-bottom: 0.2em;
	
}
/* ********************************** */
/* ********************************** */
.celda_60_izda {  /*  .  */
	float: left;
	display: inline;
	text-align: center;
	width: 60%;
	margin: 0 auto; /* el valor automático de los lados, unido a la anchura, centra el diseño  */
	position: relative;
	padding-top: 0.2em;
	
	padding-bottom: 0.2em;
	
}
.celda_60_izda img{
	width:100%;
}
.celda_40_decha {  /*  .  */
	float: right;
	display: inline;
	width: 38%;
	text-align: justify;
	position: relative;
	
	padding-top: 0.2em;
	
	
	padding-bottom: 0.2em;
	
}


/* ************************************************************************************************************************************** */
/* *******************************************************estilos para correos.php ******************************************************* */
.rojo {
	color:#F03;
	/*font-weight:bold;*/
}
.okCorreo {
	
	font-family:Verdana, Geneva, sans-serif;
	
	text-align:center;
	vertical-align:center;
    
	position:relative;
	width:70%;
	height:5em;
	margin-top: 5em;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:2em;
	
}
#correo{
	display:table;
	position:relative;
	width:80%;
	height:16em;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:2em;
	border:1px;
	border-style:solid;
	border-color:rgba(067,128,131,0.8);
	border-radius:5px;
	-webkit-box-shadow: 4px 4px 4px 0px rgba(153,140,207,0.50);
    -moz-box-shadow: 4px 4px 5px 0px rgba(153,140,207,0.50);
    box-shadow: 4px 4px 5px 0px rgba(153,140,207,0.50);

  background-color: #F5F5F5;
}
.mitad{
	position:relative;
	float:left;
	padding-bottom:2%;
	padding-left:5%;
	padding-right:1%;
}
.claseMargenAzulParaCorreo1 {
	position:relative;
	float:left;
	width:20%;
	background-color:#C33;
	height:100%;
	
}
iframe{
	border-style:hidden;
	overflow:hidden;
}
.piede_p{

	text-align:center;
	font-family:"Times New Roman";
	font-style:italic;
	font-weight:bold;
	font-size:1.1em;
	color:rgb(100,81,182);
}
.piede_pan{
	font-family:"Times New Roman";
	font-style:italic;
	font-weight:bold;
	width:6em;
	font-size:0.9em;
	color:rgb(100,81,182);
	display:block;
	float:left;
}
input.piede_pan{
	float:left;
	margin-left:1em;
}
.piede_pan_iz{
	font-family:"Times New Roman";
	font-style:italic;
	font-weight:bold;
	font-size:0.9em;
	color:rgb(100,81,182);
	display:block;
	float:left;
}
.clear{
	clear:both;
}



/* *******************************************************estilos para conexion ******************************************************* */
/* ************************************************************************************************************************************** */

#Listener {
	position:absolute;
	z-index:2;
	border:3px solid;
	border-color:#C33;
	width:0.5%;
    top: 2.7%;
	right:8%;
	float:right;

}
#envoltorioPWD {
	position:absolute;
	z-index:500;

	width:20%;
  top: 2%;
	float:right;
	margin-right: 20em;
	display: none;
  background-color: #F9F8FB;
  border:3px solid;
	border-color:#C33;

}
#CambioPwd {
	display: none;
}

#Conectarse {
	display: none;
}

#menuGestion {
	background-color:#DA6E4A;
	/*padding-left: 0.5em;*/
	padding-bottom: 0.2em;
	vertical-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #FFF;
	z-index: 600;	
	text-align:center;
}
/* **********************estilos paracConfirmacionInscripcion******************************************************************************************************** */
.FichaConfirmación {
	position: relative;
	clear: both;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: auto;
	margin-right: auto;
	padding: 1%;
	width: 97%;
	background-color: #F9F8FB;
	text-align: center;
	border: thin solid #666;	
}

.celdaConfirmaIzda {
    position:relative;
	float:left;
	margin:0 auto;
	padding:0.3em;
	padding-right:5px;
	width:15%;
	font-size:1.1em;
	text-align:left;
	display:inline;
	font-weight:bold;
	vertical-align:top;
}
.celdaConfirmaDecha {
	position:relative;
	margin:0 auto;
	margin-right:3em;
	padding-right:5px;
	width:80%;
	font-size:1.1em;
	text-align:left;
	display:inline;
	clear:both;
	vertical-align:top;
}
/* *****************************estilos para Formulario petición de presupuesto********************************************************** */	
/*#FormPeticionPresupuesto {
	position: relative;
	clear: both;
	margin-top: 2em;
	margin-bottom: 2em;
	margin-left: auto;
	margin-right: auto;
	padding: 1%;
	width: 97%;
	background-color: #F9F8FB;
	text-align: center;
	border: thin solid #666;	
}*/
#correoPresupuesto{
	display:table;
	position:relative;
	width:95%;
	height:17em;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:2em;
	border:1px;
	border-style:solid;
	border-color:rgba(067,128,131,0.8);
	border-radius:5px;
	-webkit-box-shadow: 4px 4px 4px 0px rgba(153,140,207,0.50);
    -moz-box-shadow: 4px 4px 5px 0px rgba(153,140,207,0.50);
    box-shadow: 4px 4px 5px 0px rgba(153,140,207,0.50);

  background-color: #F5F5F5;

}
#correoCurso{
	display:table;
	position:relative;
	width:95%;
	height:17em;
	text-align:left;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:2em;
	border:1px;
	border-style:solid;
	border-color:rgba(067,128,131,0.8);
	border-radius:5px;
	-webkit-box-shadow: 4px 4px 4px 0px rgba(153,140,207,0.50);
    -moz-box-shadow: 4px 4px 5px 0px rgba(153,140,207,0.50);
    box-shadow: 4px 4px 5px 0px rgba(153,140,207,0.50);

  background-color: #F5F5F5;

}
#CorreoDevoluciones {
	display:none;
	width:80%;
	margin-left:10%;
	animation-name: Sal_del_centro;
	animation-fill-mode: forwards;
	-webkit-animation-name: Sal_del_centro;	
	animation-duration:0.7s;	
	-webkit-animation-duration:0.9s;
	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
	-webkit-animation-fill-mode: forwards;
}


#correoContacto{
	display:table;
	position:relative;
	width:99%;
	height:17em;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:2em;
	border:1px;
	border-style:solid;
	border-color:rgba(067,128,131,0.8);
	border-radius:5px;
	-webkit-box-shadow: 4px 4px 4px 0px rgba(153,140,207,0.50);
    -moz-box-shadow: 4px 4px 5px 0px rgba(153,140,207,0.50);
    box-shadow: 4px 4px 5px 0px rgba(153,140,207,0.50);

  background-color: #F5F5F5;

}
#correoContactoDevol{
	display:table;
	position:relative;
	width:99%;
	height:17em;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:2em;
	border:1px;
	border-style:solid;
	border-color:rgba(067,128,131,0.8);
	
    box-shadow: 4px 4px 5px 0px rgba(153,140,207,0.50);

  background-color: #F5F5F5;

}
#correoDevolSinConexion{
	display:table;
	position:relative;
	width:80%;
	height:7em;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:2em;
	border:1px;
	border-style:solid;
	border-color:rgba(067,128,131,0.8);
	border-radius:5px;
	-webkit-box-shadow: 4px 4px 4px 0px rgba(153,140,207,0.50);
    -moz-box-shadow: 4px 4px 5px 0px rgba(153,140,207,0.50);
    box-shadow: 4px 4px 5px 0px rgba(153,140,207,0.50);

  background-color: #F5F5F5;

}
#correoCobrosDatos2{



	display:table;
	position:relative;
	width:90%;
	height:17em;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:2em;
	border:1px;
	border-style:solid;
	border-color:rgba(067,128,131,0.8);
	border-radius:5px;
	-webkit-box-shadow: 4px 4px 4px 0px rgba(153,140,207,0.50);
    -moz-box-shadow: 4px 4px 5px 0px rgba(153,140,207,0.50);
    box-shadow: 4px 4px 5px 0px rgba(153,140,207,0.50);


    background-color: #F5F5F5;


	animation-name: Sal_del_centro;
	animation-fill-mode: forwards;
	-webkit-animation-name: Sal_del_centro;	
	animation-duration:0.7s;	
	-webkit-animation-duration:0.9s;
	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
	-webkit-animation-fill-mode: forwards;
}












#correoCobrosDatos{
	display:table;
	position:relative;
	width:90%;
	height:17em;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:2em;
	border:1px;
	border-style:solid;
	border-color:rgba(067,128,131,0.8);
	border-radius:5px;
	-webkit-box-shadow: 4px 4px 4px 0px rgba(153,140,207,0.50);
    -moz-box-shadow: 4px 4px 5px 0px rgba(153,140,207,0.50);
    box-shadow: 4px 4px 5px 0px rgba(153,140,207,0.50);

	border-radius: 20px;


    background-color: #F5F5F5;

/*
	--tw-bg-opacity: 1.4;
    background-color: rgb(10 10 10 / var(--tw-bg-opacity));
    background-image: radial-gradient(ellipse 150% 80% at 50% -20%, #7877c64d, #fff0);

*/

	animation-name: Sal_del_centro;
	animation-fill-mode: forwards;
	-webkit-animation-name: Sal_del_centro;	
	animation-duration:0.7s;	
	-webkit-animation-duration:0.9s;
	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
	-webkit-animation-fill-mode: forwards;
}
@keyframes Sal_del_centro {
	0%   {transform: scale(0);}
	100% {transform: scale(1);}

}
@-webkit-keyframes Sal_del_centro {
	0% {-webkit-transform: scale(0);}
	100% {-webkit-transform: scale(1);}

}



















.pide_panPreDcha{



	font-family: 'Montserrat', sans-serif;
	font-style:italic;
	font-weight:300;
	font-weight:bold;
	width:15em;
	font-size:0.9em;
	color:rgb(100,81,182);
	display:block;
	float:left;
	clear:both;
	text-align:right;
	vertical-align:center;

	


}
.pide_panPreDcha30{


	
	width:30%;
    font-family: 'Montserrat', sans-serif;
	font-style:italic;
	font-weight:300;
	font-size:0.9em;
	color:rgb(100,81,182);
	display:inline;
	float:left;
	text-align:right;
	vertical-align:center;

	
}

.pide_panPreDcha70{

	
	width:68%;
    font-family: 'Montserrat', sans-serif;
	font-style:italic;
	font-weight:300;
	padding-left:0.9em;
	font-size:0.9em;
	color:rgb(100,81,182);
	display:inline;
	float:left;
	text-align:left;
	vertical-align:center;


	
}


.pide_panPre{



	font-family: 'Montserrat', sans-serif;
    font-weight: 300;
	font-style:italic;
	width:10em;
	font-size:1em;
	color:rgb(100,81,182);
	display:block;
	float:left;
	clear:both;


	
}
input.pide_panPre{

	
	float:left;
	margin-left:1em;

	
}

.pide_panPreTit{

	
	text-align:center;
	font-family: 'Montserrat', sans-serif;
    font-weight: 500;
	font-style:italic;
	font-size:1.2em;
	color:rgb(100,81,182);


}
.pide_panPreMensaje{

	

	text-align:center;
	font-family: 'Montserrat', sans-serif;
    font-weight: 300;
	font-style:normal;
	/*font-weight:bold;*/

	
	font-size:1em;
	color:rgb(100,81,182);
	margin-left:2%;
	margin-right:2%;



}
#PrecioCompra {
	text-align:center;
	font-family: 'Montserrat', sans-serif;
    font-weight: 300;
	font-style:normal;
	/*font-weight:bold;*/
	font-size:1em;
	color:rgb(100,81,182);
	margin-left:2%;
	margin-right:2%;	
}

#DEBotones {
	text-align:center;
}
#DEButton1 {
	cursor:pointer;
}
#DEButton2 {
	cursor:pointer;
}
#DEButton3 {
	cursor:pointer;
}
#marcoMensaje {
    display:block;
	float:left;
	margin:0 auto;	
	margin-top:1.5em;
	height:3.2em;
	text-align:center;
	font-weight:bold;
	font-size:0.9em;
	width:100%;
	color:#03F;
    font-family: 'Montserrat', sans-serif;
    font-weight:300;

}
#marcoConexion {
    display:block;
	float:left;
	margin:0 auto;	
	margin-top:0.5em;
	height:3.2em;
	text-align:center;
	font-weight:bold;
	font-size:0.9em;
	width:100%;
	color:#C33;
}
#marcoNombreFichero {
	display:block;
	float:left;	
	margin:0.2em;
	margin-bottom:0.5em;
	width:100%;
	text-align:center;
    font-family: 'Montserrat', sans-serif;
    font-weight:300;

}

#recogeMensajes {
	display:none;
    font-family: 'Montserrat', sans-serif;
    font-weight:300;

}

.contenedorbtnVerPagina {
	width:100%;
	text-align:center;
	display:inline-block;
	vertical-align:top;
	
}
.btnVerPagina {
 background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  -webkit-box-shadow: 2px 2px 3px #666666;
  -moz-box-shadow: 2px 2px 3px #666666;
  box-shadow: 2px 2px 3px #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 11px;
  padding: 2px 6px 2px 7px;
  text-decoration: none;
}

.btnVerPagina:hover {
 background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}
.botonPrincipal_fila {  
	
	text-align: left;
	margin-right: 1em;
	margin-top:1em;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	display: block;
	clear: both;
	width:100%;
	vertical-align:center;
}
.botonPrincipal_fila_izda {  
	float:left;
	text-align: center;
	margin-right: 0.4em;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	display:inline-block;
	width:12%;
}
.botonPrincipal_fila_decha {  
	float:left;
	color:#33F;
	text-align: left;
	margin-right: 1%;
	margin-left: 1%;
	position: relative;
	margin-top:0.5em;
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 1em;*/
	display:inline-block;
	width:73%;
	
}

/* ********marco con radio para pàginas como edificios de acero, naves etc (dentro de ficha_fila) ***************************************************** */
.bandera{
	text-align:right;
	vertical-align:center;
	display: block;
	padding-right:2%;
}
.bandera_texto {
  display:inline-block;
  vertical-align:top;
  padding-top: 8px;
  margin:auto;
  color:#33F;
  font-size: 12px;
  font-family:Arial, Helvetica, sans-serif;
  
}
.bandera_texto:hover {
	cursor:pointer;
}
.bandera_img {
  display:inline-block;
  	max-height:30px;
	max-width:29px;

}
.bandera_img:hover {
	cursor:pointer;
}
.bandera_img img{
  width:100%;
}
.envoltorioMedif{
    position: relative;
	/*border-collapse: separate;*/
	width: 92%;
	clear: both;
	margin-top: 10px;
	margin-bottom:10px;
	margin-right:4%;
	margin-left:1%;
	
	padding-top:1%;
	padding-bottom:3%;
	padding-right:3%;
	padding-left:3%;
	
	/*height: 70%;*/
	text-align: center;	
	vertical-align:center;
	border:1px;
	border-style:solid;
	border-color:rgba(067,128,131,0.8);
	border-radius:30px;
	-webkit-box-shadow: 4px 4px 4px 0px rgba(153,140,207,0.50);
    -moz-box-shadow: 4px 4px 5px 0px rgba(153,140,207,0.50);
    box-shadow: 4px 4px 5px 0px rgba(153,140,207,0.50);

	/*
    background-color: #F9F8FB;*/
	
}
#FotoLocalizacion {
  width:100%;
  cursor:pointer;
  margin-top:2%;
}
#FotoLocalizacion img {
  width:100%;
}

#CorreoGeneral {
  display:none;	
}
#CorrreoCobros {
  position:absolute;
  display:none;	
  width:80%;
  margin-left:0 auto;
  padding-left:10%;
}
#CorrreoCobrosDescuentos {
  position:absolute;
  z-index:2;
  display:none;	
  width:80%;
  margin-left:0 auto;
  padding-left:10%;
}

.puntero{
	cursor:pointer;
}
.formulario {
	text-align:left;
}
/* ************ficha del curso************************************************************************************ */
#FichaCursoEnvoltorio {
	position: relative;
	display: block;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 1em;
	width: 100%;
	background-color: #FCEFFF;
	font-family: Arial, Helvetica, sans-serif;	
}

#FichaSeccionCorreoDelCurso {
	position:relative;
	display:none;
    width:100%;
	z-index:2;
	margin-top:1em;
    top: 4%;
	float:center;
}
.FichaTituloCurso {
	position:relative;	
	display:block;
	font-size:1em;
	font-weight:bolder;
	color:#603;
	text-align:center;
	width:85%;
	margin:auto;
	margin-top:0.2em;
} 
.ColorTituloCursoParaCiudad {
  color:#603;
  font-weight:bolder;
}


.FichaCurso {
	position: relative;
	clear: both;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: auto;
	margin-right: auto;
	padding: 1%;
	width: 97%;
	/*background-color: #FFF;*/
	text-align: center;
	border: thin solid #666;	
}
.FichaCursoFila {
	position:relative;
	margin:0 auto;
	padding-top:0.2em;
	vertical-align:top;
	clear:both;

}
.FichaCursoIzda  {
	position:relative;
	margin-bottom:0.2em;
	padding:0.3em;
	padding-right:5px;
	width:15%;
	background-color:#00F;
	color:#FFF;
	font-size:0.8em;
	text-align:right;
	display:inline-block;
	vertical-align:top;
	
}
.FichaCursoIzdaConBordeSuperior  {
	position: relative;
	margin-bottom: 0.2em;
	padding: 0.3em;
	padding-right: 5px;
	width: 15%;
	background-color: #00F;
	color: #FFF;
	font-size: 0.8em;
	text-align: right;
	display: inline-block;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFF;	
}
.FichaCursoIzdaAgenda {
  position:relative;
	margin:0 auto;	
	padding:0.3em;
	padding-right:5px;
	width:15%;
	background-color:#00F;
	color:#FFF;
	font-size:0.8em;
	text-align:right;
	vertical-align:top;
	display:inline-block;
	height:8em;
}
.FichaCursoIzdaObservaciones {
  position:relative;
	margin:0 auto;
	padding:0.3em;
	padding-right:5px;
	width:15%;
	background-color:#00F;
	color:#FFF;
	font-size:0.8em;
	text-align:right;
	vertical-align:top;
	display:inline-block;
	height:2em;
}
.FichaCursoDecha {
	
	position:relative;
	margin:1px;
	padding:1px;
    width:83%;
    font-size:0.8em;
	display:inline-block;
	text-align:left;
	vertical-align:top;

}
.FichaCursoAgendaDia {
 	position:relative;
	margin-bottom:0.2em;
	margin-right:1em;
	padding:0.3em;
	padding-right:5px;
	width:100%;
	background-color:#00F;
	color:#FFF;
	font-size:1.1em;
	text-align:center;
	display:block;	
}
.FichaCursoAgendaHorario {
	position:relative;
	margin-bottom:0.2em;
	padding:0.3em;
	padding-right:5px;
	width:100%;
	background-color:#00F;
	color:#FFF;
	font-size:1.1em;
	text-align:center;
	display:block;		
}
.FichaCursoAgendaTitulo {
	position:relative;
	margin-bottom:0.2em;
	padding:0.3em;
	padding-right:5px;
	width:100%;
	background-color:#00F;
	color:#FFF;
	font-size:1.1em;
	text-align:center;
	display:block;
	clear:both;	
}
.FichaCursoAgendaDiaTxt {
 	position:relative;
	margin-bottom:0.2em;
	padding:0.3em;
	padding-right:5px;
	width:18%;
	font-size:0.9em;
	text-align:left;
	display:inline-block;	
	vertical-align:top;
	float:left;
}
.FichaCursoAgendaHorarioTxt {
	position:relative;
	margin-bottom:0.2em;
	margin-right:0.2em;
	margin-left:0.5em;
	padding:0.3em;
	padding-right:5px;
	width:15%;
	font-size:0.9em;
	text-align:left;
	display:inline-block;
	
	
}
.FichaCursoAgendaTituloTxt {
	position:relative;
	margin-bottom:0.2em;
	padding:0.3em;
	padding-right:5px;
	width:62%;
	font-size:0.9em;
	text-align:left;
	display:inline-block;
	clear:both;	
	vertical-align:top;
}
/* ....................................*/


.btnVerPrograma {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  -webkit-box-shadow: 2px 3px 3px #666666;
  -moz-box-shadow: 2px 3px 3px #666666;
  box-shadow: 2px 3px 3px #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 11px;
  padding: 1px 20px 1px 20px;
  text-decoration: none;
}

.btnVerPrograma:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}
.contenedorBoton {
	width:20%;
	text-align:center;
	
}
/* ......................................estilos para la lista de cursos en la WEB.......................*/

.FichaLista {
	position: relative;
	clear: both;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
	padding: 0.5%;
	width: 98%;
	background-color: #FFF;
	text-align: center;
	border: thin solid #666;	
}
.FichaListaFila {
	font-size: 0.9em;
	position:relative;
	margin:0 auto;
	vertical-align:top;
	text-align:center;
	cursor:pointer;
	clear:both;	
	padding-bottom: 0.6em;

}

.FichaListaFilaNota{
	margin-left:3em;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	font-size: 0.9em;
	font-weight:bold;
	color:#33F;
	
}
    .raya {
        margin-left:0;
        margin-right: 0;
        margin-bottom: 1%;
        clear: both;
	    border-bottom-width: 2px;
	    border-bottom-style: solid;
	    border-bottom-color: #a1a1a1;
		
        
    }
.FichaListaFilaRaya {
	position: relative;
	margin: 0 auto;
	margin-bottom:2em;
	vertical-align: top;
	text-align: left;
	clear: both;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
}






/*REBRANDING*/

.ContenedorCursoDcha h2:hover {
    background-color: #cdc3d717;
}







.NewAsistencia:hover {
    background-color: #060606;
}








.FichaListaFilaRaya ul{
	margin-left:3em;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	font-size: 1em;
	
}
.FichaLista6TXT {
	position:relative;
	margin-bottom:0.2em;
	padding:0.1em;
	padding-right:2px;
	
	width:6%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	text-align:left;
	display:inline-block;
	vertical-align:top;
	background-color:#D9D9D9;
}
.FichaLista6TXT2 {
	position:relative;
	margin-bottom:0.2em;
	padding:0.1em;
	padding-right:2px;
	width:6%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	text-align:left;
	display:inline-block;
	vertical-align:top;
	background-color:#BABABA;
}
.FichaLista6CAB {
	position:relative;
	margin-bottom:0.2em;
	padding:0.1em;
	padding-right:2px;
	width:6%;
	background-color:#00F;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
		font-weight:bold;
	text-align:center;
	display:inline-block;
	vertical-align:center;

}
.FichaLista8TXT {
	position:relative;
	margin-bottom:0.2em;
	padding:0.1em;
	padding-right:2px;
	width:8%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	text-align:left;
	display:inline-block;
	vertical-align:top;
	background-color:#D9D9D9;
	
}
.FichaLista8TTXT {
	position:relative;
	margin-bottom:0.2em;
	padding:0.1em;
	padding-right:2px;
	width:8%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	text-align:left;
	display:inline-block;
	vertical-align:top;
	background-color:#D9D9D9;
	
}
.FichaLista8TXT2 {
	position:relative;
	margin-bottom:0.2em;
	padding:0.1em;
	padding-right:2px;
	width:8%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	text-align:left;
	display:inline-block;
	vertical-align:top;
	background-color:#BABABA;
}
.FichaLista8TTXT2 {
	position:relative;
	margin-bottom:0.2em;
	padding:0.1em;
	padding-right:2px;
	width:8%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	text-align:left;
	display:inline-block;
	vertical-align:top;
	background-color:#BABABA;
}
.FichaLista8CAB {
	position:relative;
	margin-bottom:0.2em;
	padding:0.1em;
	padding-right:2px;
	width:8%;
	background-color:#00F;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
		font-weight:bold;
	text-align:center;
	display:inline-block;
	vertical-align:center;

}
.FichaLista8TCAB {
	position:relative;
	margin-bottom:0.2em;
	padding:0.1em;
	padding-right:2px;
	width:8%;
	background-color:#00F;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
		font-weight:bold;
	text-align:center;
	display:inline-block;
	vertical-align:center;

}
.FichaLista10TXT {
	position:relative;
	margin-bottom:0.2em;
	padding:0.1em;
	padding-right:2px;
	width:10%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	text-align:left;
	display:inline-block;
	vertical-align:top;
	background-color:#D9D9D9;
}
.FichaLista10TXT2 {
	position:relative;
	margin-bottom:0.2em;
	padding:0.1em;
	padding-right:2px;
	width:10%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	text-align:left;
	display:inline-block;
	vertical-align:top;
	background-color:#BABABA;
}
.FichaLista10CAB {
	position:relative;
	margin-bottom:0.2em;
	padding:0.1em;
	padding-right:2px;
	width:10%;
	background-color:#00F;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	font-weight:bold;
	text-align:center;
	display:inline-block;
	vertical-align:center;

}
.FichaLista20TXT {
	position:relative;
	margin-bottom:0.2em;
	padding:0.1em;
	padding-right:2px;
	width:37%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	text-align:left;
	display:inline-block;
	vertical-align:top;
	background-color:#D9D9D9;
}
.FichaLista20TXT2 {
	position:relative;
	margin-bottom:0.2em;
	padding:0.1em;
	padding-right:2px;
	width:37%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	text-align:left;
	display:inline-block;
	vertical-align:top;
	background-color:#BABABA;
}
.FichaLista20CAB {
	position:relative;
	margin-bottom:0.2em;
	padding:0.1em;
	padding-right:2px;
	width:37%;
	background-color:#00F;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
		font-weight:bold;
	text-align:center;
	display:inline-block;
	vertical-align:center;

}
    
#AsesoriasCalendario{
    width: 95%;
    margin-left: 3%;
    font-family: 'Montserrat', sans-serif;
    font-weight:300;

} 
    #CalendarioLeft {
        width: 53%;
        display: block;
        float:left;
        /*cursor: pointer;*/
        padding: 1%;
        /*border-style:outset;*/
    }
    #CalendarioRight {
        width: 43%;
        display: block;
        float:left;
        cursor: pointer;
        padding: 1%;
        /*border-style:outset;*/
    }
    #AsesoriaCartel {
       display: block;
       float:left;
       width: 100%;
       /*min-height: 400px;*/
        padding: 0px;
        margin: 0px;
    }
    #AsesoriaCartel img{
       width: 100%;
    } 
    #AsesoriaForm {
       display: none;
       float:left;
       width: 100%; 
       margin: 0px;
       padding: 1%;
      /* margin-left: 1%;*/
       font-family:Arial, Helvetica, sans-serif;
	   text-align:left;
	   animation-name: Sal_de_abajo;
	   animation-fill-mode: forwards;
	   -webkit-animation-name: Sal_de_abajo;	
	  animation-duration:1s;	
	  -webkit-animation-duration:1.2s;
	  animation-timing-function: ease-in-out;	
	  -webkit-animation-timing-function: ease-in-out;		
	  -webkit-animation-fill-mode: forwards;
       
    }
    #AsesoriaForm1 {
       float:left;
       width: 98%; 
        padding: 1%;
     /*  margin-left: 2%;*/
        margin-bottom: 2%;
       font-family:Arial, Helvetica, sans-serif;
	   text-align:left;
	   box-shadow: 1px 2px 0px 0px #899599;
	   background:linear-gradient(to bottom, #ededed 5%, #bab1ba 100%);
	   background-color:#ededed;
	   border-radius:3px;
	   border:1px solid #d6bcd6;   
       
    }
    #AsesoriaForm2 {
       float:left;
       width: 98%; 
       padding: 1%;
       /*margin-left: 2%;*/
       font-family:Arial, Helvetica, sans-serif;
	   text-align:left;
	   box-shadow: 1px 2px 0px 0px #899599;
	   background:linear-gradient(to bottom, #ededed 5%, #bab1ba 100%);
	   background-color:#ededed;
	   border-radius:3px;
	   border:1px solid #d6bcd6; 
    }
    #diaSesion {
        display: inline;
    }
    #AsesoriaForm3 {
       display: none;
       float:right;
       margin-top:1%;
       width: 98%; 
       padding: 1%;
       /*margin-left: 2%;*/
       font-family:Arial, Helvetica, sans-serif;
	   text-align:left;
	   /*box-shadow: 1px 2px 0px 0px #899599;
	   background:linear-gradient(to bottom, #ededed 5%, #bab1ba 100%);
	   background-color:#ededed;
	   border-radius:3px;
	   border:1px solid #d6bcd6;   */
    }
    #AsesoriaForm4 {
       display: none;
       float:left;
       margin-top:1%;
       width: 98%; 
       padding: 1%;
       /*margin-left: 2%;*/
       font-family:Arial, Helvetica, sans-serif;
	   text-align:left;
	   box-shadow: 1px 2px 0px 0px #899599;
	   background:linear-gradient(to bottom, #ededed 5%, #bab1ba 100%);
	   background-color:#ededed;
	   border-radius:3px;
	   border:1px solid #d6bcd6; 
   
    }
    .SesionI {
        float:left;
        position:relative;
        width: 20%;
        display:table-cell;
        text-align: right;
        padding-right: 1%;
        padding-top: 5px;
        padding-bottom: 1%;  
    }
    .SesionD {
        float:left;
        position:relative;
        width: 75%;
        display:inline;
        padding-left: 1%;
        padding-top: 5px;  
    }
    .Sesion100 {
        display: block;
	    width:100%;
	    margin:0px;
	    padding:0px;
        float:left;
        font-size: 0.9em;

    }
.AsesoriaCartelE {
	width: 8%;
    min-width:50px;
	display:inline;
	float:right;
	margin-top: 1em;
	margin-left:0px;
	margin-bottom:0.3em;	
	
}
.AsesoriaCartelE img {
       width: 100%; 
}
.AsesoriaCartelD {
	text-align: left;
    vertical-align: middle;
	display:inline;
	float:right;
	font-family: 'Montserrat', sans-serif;
	color:#8B93F8;
	font-weight:500;
	margin-bottom:0.3em;	
	margin-right: 1%;
    margin-top: 1%;
    font-size: 1.5em;
    /*text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -2px black;*/
	text-shadow: 2px 2px 2px black;
}
.AsesoriaCartelO {
	text-align: right;
	color:#0410A9;
    font-family: 'Montserrat', sans-serif;
    font-weight:300;
	margin-left:1em;
	margin-bottom:0.3em;	
    font-size: 1em;
    padding-top: 1%;
    margin-right: 9%;
    /*text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -2px black;*/
	text-shadow: 0;
}   
    


.aviso_legal p{

color:#c4c2cd;



}


.aviso_legal h1{

	color: #c4c2cd;
	
	
	
	}
	
	


	.aviso_legal h2{

		color: #c4c2cd;
		
		
		
		}

		.aviso_legal ul{

			color: #c4c2cd;
			
			
			
			}
		
		

			.aviso_legal li{

				color: #c4c2cd;
				
				
				
				}


				.Contacto40{

					color: #c4c2cd;
				

				}
			
				.Contacto55{

					color: #c4c2cd;
				

				}
			







    
#content-wrap{



	box-sizing: border-box;
	position:relative;
	margin: 0px;
    padding: 0px;
   
    font-family: 'Montserrat', sans-serif;
    font-weight:300;


	--tw-bg-opacity: 0.9;
    background-color: rgb(10 10 10 / var(--tw-bg-opacity));
    background-image: radial-gradient(ellipse 150% 80% at 50% -20%, #7877c64d, #fff0);




}   
.aviso_legal{
	position:relative;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	box-sizing: border-box;
	padding:3em 2em;
    font-family: 'Montserrat', sans-serif;
    font-weight:300;
	
}
.aviso_legal > h1{
	text-align:center;
	font-size:xx-large;
    font-family: 'Montserrat', sans-serif;
    font-weight:500;
}

.aviso_legal > h2{
	margin-left:2em;
	margin-top:2em;
	margin-bottom:1em;
    font-family: 'Montserrat', sans-serif;
    font-weight:500;
}  
.aviso_legal  ul {
	margin-left:5em;
	margin-bottom:1em;
}      
    
.PALegal {
     margin-left:5em;   
    }  
.lipointer {
	 cursor:pointer;
}
.lipointerArial {
    margin-left: 1em;
	 cursor:pointer;
	 font-family: 'Montserrat', sans-serif;
     font-weight:500;
     font-size:0.9em;
     color: #E59959;
	 border-radius: 20px;

   

}
    
.lipointerArial img {
width: 90%;
border-radius: 20px;
} 
    
.Contacto5 {
    width: 8%;
    display:inline;
    float:left;
    font-family: 'Montserrat', sans-serif;
    font-weight:300;
 }   
.Contacto5 img{
    width: 90%;
 }   
.Contacto55 {
    width: 45%;
    display:inline;
    float:left;
    font-family: 'Montserrat', sans-serif;
    font-weight:300;
 }
.Contacto40 {
    width: 39%;
    display:inline;
    float:left;
    font-family: 'Montserrat', sans-serif;
    font-weight:300;
 } 
.w70 {
        width: 70%;
        margin-left: 15%
    }
/*.................Inicio Slider .......................  */  
.ContenedorSlider {
    position: relative;
    width: 100%;
    margin-top: 1px;
}
.slider {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.slider .sliderUL {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    margin: 0;
    list-style: none;
    width: 300%;
   
    
    -webkit-animation: cambio 24s infinite ;
   
    
            animation: cambio 24s infinite ;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    

}

.sliderUL li {
    padding: 0;
    margin: 0;
    list-style: none;
    width: 100%;
    position:relative;  
}







/*CAMBIANDO ESTILOS  REBRANDING QUITANDO BORDER-RADIUS A IMAGEN*/


.slider img {
    width: 100%;
    max-height: 500px;
    -o-object-fit: cover;
       object-fit: cover;
	  
}






@-webkit-keyframes cambio {
    
    0% { margin-left: 0;}
    28% {margin-left: 0;}
     
    33.33% {margin-left: -100%;}
    61% {margin-left: -100%;}
    
    
    66.66% {margin-left: -200%}
    100% {margin-left: -200%}
      
}

@keyframes cambio {
    
    0% { margin-left: 0;}
    28% {margin-left: 0;}
     
    33.33% {margin-left: -100%;}
    61% {margin-left: -100%;}
    
    
    66.66% {margin-left: -200%}
    100% {margin-left: -200%}
      
}
@-webkit-keyframes sube {
    
    0%   {opacity: 0; -webkit-transform: translateY(50px); transform: translateY(50px);}
    15%  {opacity: 1;}
    20%  {-webkit-transform: translateY(-50px);transform: translateY(-50px);}
    90%  {opacity: 1;}
	100% {-webkit-transform: translateY(-50px);transform: translateY(-50px); opacity:0;}
      
}
@keyframes sube {
    
    0%   {opacity: 0; -webkit-transform: translateY(50px); transform: translateY(50px);}
    15%  {opacity: 1;}
    20%  {-webkit-transform: translateY(-50px);transform: translateY(-50px);}
    90%  {opacity: 1;}
	100% {-webkit-transform: translateY(-50px);transform: translateY(-50px); opacity:0;}
      
}
@-webkit-keyframes subesinopacidad {
    
    0%   {-webkit-transform: scale(0);transform: scale(0);}
	100% {-webkit-transform: scale(1);transform: scale(1);}
      
}
@keyframes subesinopacidad {
    
    0%   {-webkit-transform: scale(0);transform: scale(0);}
	100% {-webkit-transform: scale(1);transform: scale(1);}
      
}



.sliderUL .parrafos {
    font-family: 'Montserrat', sans-serif;
    font-weight: 100;
    position: absolute;
    width: 100%;
    bottom: 30%;
    color:rgb(0, 0, 0);
    text-align: center;
    -webkit-animation: sube 8s infinite ;
            animation: sube 8s infinite ;
}

.sliderUL .parrafos h2 {
    font-size: 35px;
    font-weight: 500;
    
}
.sliderUL .parrafos p {
    font-size: 20px;
   font-weight: 500;
    
}


.pagination{
    position: absolute;
    bottom: 5%;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
}

.pagination-item{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border: 1px solid white;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.5);
    margin: 0 10px;
    text-align: center;
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
}

.pagination-item:hover{
    -webkit-transform: scale(1.5);
        -ms-transform: scale(1.5);
            transform: scale(1.5);
}



input[id="1"]:checked ~ .slider .sliderUL{
    -webkit-animation: none;
            animation: none;
    margin-left: 0px;
}
input[id="1"]:checked ~ .slider .sliderUL .parrafos {
    -webkit-animation: none;
            animation: none;
    -webkit-animation: subesinopacidad 2s;
            animation: subesinopacidad 2s;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
}
input[id="1"]:checked ~ .pagination .pagination-item[for="1"]{
    background: #fff;
}


input[id="2"]:checked ~ .slider .sliderUL{
     -webkit-animation: none;
             animation: none;
     margin-left: -100%;
}
input[id="2"]:checked ~ .slider .sliderUL .parrafos {
    -webkit-animation: none;
            animation: none;
    -webkit-animation: subesinopacidad 2s;
            animation: subesinopacidad 2s;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
}

input[id="2"]:checked ~ .pagination .pagination-item[for="2"] {
    background: #fff;
}


input[id="3"]:checked ~ .slider .sliderUL{
    -webkit-animation: none;
            animation: none;
    margin-left:  -200%;
}
input[id="3"]:checked ~ .slider .sliderUL .parrafos {
    -webkit-animation: none;
            animation: none;
    -webkit-animation: subesinopacidad 2s;
            animation: subesinopacidad 2s;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
}
input[id="3"]:checked ~ .pagination .pagination-item[for="3"]{
    background: #fff;
}  
.botonVisa {
	background-color:transparent;
	border-radius:10px;
	border:0px solid #737874;
	display:inline-block;
	cursor:pointer;
	font-size:17px;
	padding:9px 40px;
	text-decoration:none;
    width: auto; /* ie */
	overflow: visible; /* ie */
	padding: 3px 8px 2px 6px; /* ie */
}
.botonVisa:hover {   
    background-color: #EBE5E5;
}
  
/*.................Final Slider .......................  */  
#ReferenciaOK, ReferenciaNOOK {
     display:none;     
} 
.NewCelda_40_Cobro {  
  font-family: 'Montserrat', sans-serif;
	float: left;
	display: flex;
	font-size:1em;
    font-weight: 500;
	text-align: left;
	width: 18%;
	margin-left:1%;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}

.NewCelda_60_Cobro {  
	float: left;
	display: flex;
	text-align: left;
	font-family: 'Montserrat', sans-serif;
	font-size:1em;
    font-weight: 300;
	width: 75%;
	margin-left:1%;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
} 
.CAmarcoMensaje {
    font-family: 'Montserrat', sans-serif;
	font-size:1em;
    font-weight: 300;  
 }
    
}