@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,300,300i,400,400i,500,500i,700,700i,800,800i,900,900i&display=swap');

*{
	border:0;
	margin:0;
	padding:0;
	box-sizing: border-box;
	font-family: "Montserrat";
	text-decoration: none;
	
}
a{text-decoration:none;}

/*table.datos td{
	display: block;
	width: 100%;
}*/

/*Ocultar*/

/*.boton-modal label{
	padding: 10px 15px;
	background: #2B577F;
	color: white;
	border-radius: 4px;
	cursor: pointer;
	transition: all 300ms ease;
}*/


#btn-modal{
	display: none;
}

#btn-modal:checked ~ .container-Clientes{
	display: flex;
}
/*Ocultar*/
.container-Clientes{
	width: 100%;
	/*height: 100vh;*/
	position: fixed;
	top: 50px;
	left: 0;
	background-color: rgba(192,192,192,0.8);
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 5800;
}

.content-modal{
	margin: 0 auto;
	align-items: center;
	justify-content: center;
	background-color: white;
	width: 95%;
	
	padding: 20px;
	border-radius: 4px;
	/*height: auto;*/
	height: 100vh;

}

div.TitNombre {
	padding-left: 15px;
	color: #2D384B;
	display: inline-block;
	width: 70%;
	margin-bottom: 15px;
	font-size: 25px;
	height: 18px;
	font-weight: 550;
}

.content-modal p{
	padding: 0px 0px;
	/*border-top: 1px solid #D7D7D7;*/
	border-bottom: 1px solid #D7D7D7;
	font-size: 19px;
}
.content-modal .imagen{
	width: 100%;
	margin-top: 15px;
	display: flex;
	justify-content: flex-end;
}
div.TitBtn{
	width: 100%;
	
}
div.TitBtn div{
	display: inline-block;
}
.content-modal .btn-cerrar{
	margin-top: 5px;
	display: inline-block;
	float: right;
	margin-right: 20px;
	
	
}
.content-modal .btn-cerrar label{
	
	padding: 7px 10px;
	background: #2D384B;
	color: white;
	border-radius: 4px;
	cursor: pointer;
	transition: all 300ms ease;
	
}

.btn-cerrar label:hover{
	background: #124677;
}
div.clientes-logos{
	width: 100%;
		text-align: center;
	 

}
div.clientes-logos div{
    padding: 15px;
	display: inline-block;

	
}
div.logoC{
	padding: 10px;
	width: 18%;
}
.logoC img{
	width: 100%;
}
/*TERMINA VENTANA MODAL CLIENTES */
/* ventana Modal ACERCA */
#btn-acerca{
	display: none;
}

#btn-acerca:checked ~ .container-acerca{
	display: flex;
}
.container-acerca{
	width: 100%;
	/*height: 100vh;*/
	position: fixed;
	top: 50px;
	left: 0;
	background-color: rgba(192,192,192,0.8);
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 5800;
}
.content-acerca{
	margin: 0 auto;
	align-items: center;
	justify-content: center;
	background-color: #2D2D2D;
	width: 95%;
	
	padding: 20px;
	border-radius: 4px;
	/*height: auto;*/
	height: 100vh;

}
div.TitAcerca {
	padding-left: 15px;
	color: darkgray;
	display: inline-block;
	width: 70%;
	margin-bottom: 15px;
	font-size: 25px;
	height: 18px;
	font-weight: 550;
}
.content-acerca .btn-cerrar-Acerca{
	margin-top: 5px;
	display: inline-block;
	float: right;
	margin-right: 20px;
	
	
}
.content-acerca .btn-cerrar-Acerca label{
	
	padding: 7px 10px;
	background: white;
	color: dimgray;
	border-radius: 4px;
	cursor: pointer;
	transition: all 300ms ease;
	
}
.content-ac div{
	margin: 0 auto;
}
div.conten-img{
	width: 100%;
	text-align: center;
}
.conten-img img{
	width: 20%;
}
div.txt-acerca{
	font-size: 14px;
	width: 95%;
	color: white;
	text-align: justify;
}
div.txt-acerca p.vinetas{

text-align: center;
	margin: 0 auto;
}
 .txt-acerca ul{
	padding: 0px 25px; 
	width: 100%;
}
div.acerca label.menu-btnVerMas {
	
	margin-top: 50px;
	padding: 10px;
	width: 20%;
	background: #86BC45;
	font-size: 14px;
	color: white;
	cursor: pointer;
	transition: all 300ms ease;
	
}

div.acerca  label.menu-btnVerMas:hover{
		width: 20%;
	background: white;
	font-size: 14px;
	color: #86BC45;
	cursor: pointer;
	
}
/*TERMINA VENTANA MODAL ACERCA */

/*--- Ventana Modal Cerftificaciones */
#btn-cer{
	display: none;
}

#btn-cer:checked ~ .container-certif{
	display: flex;
}
.container-certif{
	width: 100%;
	/*height: 100vh;*/
	position: fixed;
	top: 50px;
	left: 0;
	background-color: rgba(192,192,192,0.8);
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 5800;
}
.content-certificaciones{
	margin: 0 auto;
	align-items: center;
	justify-content: center;
	background-color: white;
	width: 95%;
	
	padding: 20px;
	border-radius: 4px;
	/*height: auto;*/
	height: 100vh;

}
.content-certf{

	overflow: auto;
	position: relative;
	padding: 20px;
	margin: 10px;
	width: 100%px;
	max-width: 97%;
	height: 650px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
div.TitCertif {
	padding-left: 15px;
	color: #121f31;
	display: inline-block;
	width: 70%;
	margin-bottom: 15px;
	font-size: 25px;
	height: 18px;
	font-weight: 550;
}
.content-certificaciones .btn-cerrar-certif{
	margin-top: 5px;
	display: inline-block;
	float: right;
	margin-right: 20px;
	
	
}
.content-certificaciones .btn-cerrar-certif label{
	
	padding: 7px 10px;
	background: white;
	color: dimgray;
	border-radius: 4px;
	cursor: pointer;
	transition: all 300ms ease;
	
}
.content-certificaciones .btn-cerrar-certif label:hover{	
	background: #121f31;
	color: white;
	
}
.content-certf div{
	margin: 0 auto;
}
div.txt-certif{
	font-size: 14px;
	width: 95%;
	color: #121f31;
	text-align: justify;
}
div.txt-certif p.vinetas{

text-align: center;
	margin: 0 auto;
}
 .txt-certif ul{
	padding: 0px 25px; 
	width: 100%;
}
.conten-img-cert img{
	width: 40%;
}
/*TERMINA VENTANA MODAL CERTIFICACIONES*/
/*++++++++++++++++++++++++++++++++++++*/
/*VENTANA MODAL AVISOS DE PRIVACIDAD*/
#btn-avisos{
	display: none;
}

#btn-avisos:checked ~ .container-avisos-privacidad{
	display: flex;
}
.container-avisos-privacidad{
	width: 100%;
	/*height: 100vh;*/
	position: fixed;
	top: 50px;
	left: 0;
	background-color: rgba(192,192,192,0.8);
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 5800;
}
.content-avisosP{
	margin: 0 auto;
	align-items: center;
	justify-content: center;
	background-color: white;
	width: 60%;
	
	padding: 20px;
	border-radius: 4px;
	/*height: auto;*/
	height: 400px;

}
.content-avisosP .btn-cerrar-avisos{
	margin-top: 5px;
	display: inline-block;
	float: right;
	margin-right: 10px;
	
	
}
.content-avisosP .btn-cerrar-avisos label{
	
	padding: 7px 10px;
	background: white;
	color: dimgray;
	border-radius: 4px;
	cursor: pointer;
	transition: all 300ms ease;
	
}
.content-avisosP .btn-cerrar-avisos label:hover{	
	background: #121f31;
	color: white;
	
}

p.link-avisos a{
	text-decoration: none;
	color: #121f31;
}
.link-avisos a span{
	color: #86bc45;
}
p.link-avisos a:hover{
	text-decoration: none;
	color: lightslategray;
}
/*TERMINA VM AVISOS DE PRIVACIDAD*/


header.mobile{
	display: none;
}
div.logosM{
	width: 100%;		
	background-color: #2D384B;
	display: block;
	
}
div.logosM div{
	height: 88px;
	display: inline-block;
	vertical-align: middle;
}
div.logoASACiiasa{
	background-color: #2D384B;
	padding: 10px 45px;	
	width: 25%;
	
}
div.menuBTNciiasa{	
		
	width: 70%;

}
.botones{
	padding: 20px;
	background: #86BC45;
	text-align: center;
	
}
	.botones li a{
		text-decoration: none;
		font-size: 15px;
	    color: white;
	}
.botones li a:hover{
	color: #2D384B;
	text-decoration: none;
}

 .botones li{	 
	display: inline-block;
	padding: 10px; 
}

 .botones li a label{
	font-weight: 300; 
	color: white;
}
li.active a{ color:#2D384B;}


.botones a label:hover{
	cursor: pointer;
	color: #2D384B;
}



div.menu-bars i{
	display: none;
}
div.menu-bars {
	display: none;
}
.pagina{
	margin-top: 75px;
}
/*Boton de Accecibilidad */
.menu-btn .icon {
  color: white!important;
  font-family: "Font Awesome 5 Pro" !important;
}
/*Accecibilidad cod fin*/
div.borde{
	background-color: red;
border-radius: 15px;
}

div.contacto{
	font-size: 14px;
	padding: 10px;
}
div.contacto span{
	padding: 10px;	
}
span.correo a{
color: #32AF37;
font-weight: 600;
text-decoration: none;	
}
span.correo a:hover{
opacity: .6;
}
span.telefono a {
color: #2D384B;
font-weight: 600;
text-decoration: none;	
}
span.extenciones{
 color: #2D384B;
font-weight: 600;	
}
td.logos{
padding: 10px;	
background-color: #2D384B;
}

/*td.logos div{
padding: 10px;	
display: inline;	

	
}
div.logo img{
	width: 14%;
}*/
td.logos div{
	width: 100%;
}

td.menu-btn{
	padding-right: 30px;
}
 
div.ciiasa-titulo{
	width: 100%;
	height: 85px;
	text-align: center;
}
div.tituloTXT{
	width: auto;
	padding: 10px 0px;
	font-size: 22px;
	font-weight: 500;
	color: #2D384B;
}
div.FS{
	display: block;
}
div.flexslider{
	width: 99%;
}
div.FSM{
	display: none;
}
div.cursos-contenedor{
	margin: 0 auto;
	width: 100%;
	margin-bottom: 10px;
	
}

article.CC {
	display: inline-block;	
	width: 23%;
	margin: 5px;
} 
div.Cursos{
	background-color: white;
	padding:7px;
	border-radius: 8px;
	border: thin solid;
	border-color: #BCBCBC;
	
}
div.Titulos{
	width: 100%;
	padding: 15px;
}
div.CursoTit{
	padding: 10px;
	background-color: #2D384B;
	color: white;
	font-size: 14px;
}
div.CursoTitA{
	padding: 10px;
	background-color: #86BC45; 
	color: white;
	font-size: 15px;
}
div.fondo{
		background-image: url("../img/f_gris1.png");
	background-size: cover;
	background-repeat: no-repeat;
	height: 150px;
}
div.nomCurso{
    display: inline-table;
	height: 165px;
	width: 100%;
}
    .nomCurso{
		
	padding: 15px;	
	color: #3A3A3A;	
		
	
}
div.nomCurso p{
	color: #2D384B;
	font-weight: 700;
	display: block; 
   vertical-align: middle;
}
div p.Tcursos{
	color: #86BC45; ;
}

   span.cursos{
    font-weight: 800;
	padding: 5px;
	display: block;
    color: #2D384B;;
	/*font-size: 25px;*/
	font-size:22px;
}
div.nomLic{	
	color: #3A3A3A;
	padding: 10px;
	height: 150px;
	font-size:2vmin;
}
span#FDH{
    font-weight: 800;	
    color: #2D384B;
	font-size: 25px;

}
div.CursoImg{
	padding: 0px;
	
}
.CursoImg img{
	width: 100%;
	
}
div.BtnC{
	font-size:1.5vmin;
	color: white;
	padding: 10px;
	text-align: center;
	width: 100%;
	height: 40px;
	background-color: #86BC45; 
}
td.btDetalles a{
	text-decoration: none;
}
.btCalendario a{
text-decoration: none;	
}

div.cursos a{
	text-decoration: none;
	color: white;
}


  div.BtnCA{
	margin-top:5px;
	font-size:15px;  
	color: white;
	padding: 10px;
	text-align: center;
	width: 100%;
	height: 40px;
	background-color: #2D384B; 
	
}
div.BtnC:hover{

	background-color:  #2D384B; 
}
div.BtnCA:hover{

	background-color:  #86BC45; 
}
/*++++++++++Cusos-fichas Técnicas++++++++++++*/
div.fondo-lista{
		background-image: url("../img/f_gris1.png");
	background-size: cover;
	background-repeat: no-repeat;
	
}
div.CF-Titulos-logo{
	width: 100%;
	padding: 0px 50px 0px;
	color: #2D384B; 
	font-size: 22px;
}
div.CF-Titulos-logo div{
text-align: center;	
display: inline-block;	
width: 40%;
}
div.CF-Titulo{
	text-align: right;
}
div.CF-Logo img{
	text-align: left;
	width: 60%;
}
div.CF-Logo-avsec img{
	text-align: left;
	width: 20%;
}
div.Container-cursos-fichas{
	margin: 0 auto;
	width: 100%;
	margin-bottom: 10px;	
}
article.CFichas-Safety {
	display: inline-block;	
	width: 90%;
	margin: 5px;
} 
article.CFichas-SO {
	display: inline-block;	
	width: 45%;
	margin: 5px;
} 
article.Prerequisitos {
	display: inline-block;	
	width: 90%;
	margin: 5px;
}
article.CFichas {
	display: inline-block;	
	width: 30%;
	margin: 5px;
} 
div.Lista-cursos{
	background-color: white;
	padding:7px;
	border-radius: 8px;
	border: thin solid;
	border-color: #BCBCBC;
	
}
div.Lista{
    display: inline-table;
	text-align: left;
	
	width: 100%;
}
    .Lista{
		
	padding: 15px;	
	color: #3A3A3A;	
		
	
}
p.lista-titulo {
	color: #2D384B;
	font-weight: 700;
	display: block; 
   vertical-align: middle;
}
p.ficha{
	font-size: 16px;
	padding: 5px;
}
p.ficha a{
	font-weight: 400;
	text-decoration: none;
	color: dimgray;
	color: black;
}
p.ficha a:hover{
	text-decoration: none;
	color: #86BC45;
}
p.ficha span{
	color: #86BC45;
}


/*++++++++++ FIN Cusos-fichas Técnicas++++++++++++*/

table.sombra{
	border-radius: 7px;
			-moz-box-shadow: 0 0 20px rgba(0,0,0,0.4);
	-ms-box-shadow: 0 0 20px rgba(0,0,0,0.4);
	-o-box-shadow: 0 0 20px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.4);
				box-shadow: 0 0 20px rgba(0,0,0,0.4);
}
table.datos{
	
	margin-top: 10px;
}
td div.campus{
	display: inline;
}
div.campus{
	font-size: 16px;
	padding: 30px;
	margin: 30px;
}
div.campus div{
	padding: 8px;
}
div.CampusDir{
	width: 50%;
}
div.CampusDir a{
	color: black;
	text-decoration: none;
}
div.CampusDir a:hover{
	opacity: .6;
}
a.tel{color: black;}
a.tel:hover{
	color:midnightblue;
}
td div.campus1{
	display: inline;
}
div.campus1{
	color:whitesmoke;
	padding: 30px;
	margin: 30px;
}
div.campus1 div{
	padding: 8px;
}
div.CampusDir1{
	text-align: justify;
	
	font-size: 14px;
	width: 80%;
}

div.aviso{
	font-size: 15px;
	color: #2D384B;
	width: 100%;
	padding: 15px;
	font-family: "Montserrat";

}
div.aviso label{
	cursor: pointer;
	font-family: "Montserrat";
	font-weight: 300;
	color: #2D384B;
}
div.aviso label:hover{
	color: #86bc45;
}
a.vermas{
	
	text-decoration: none;
}
a.vermas{
	text-decoration: none;
}
div.menu-btnVerMas{
	margin-top: 50px;
	padding: 10px;
	width: 20%;
	background: #86BC45;
	font-size: 14px;
	color: white;
}
div.menu-btnVerMas:hover{
	width: 20%;
	background: white;
	font-size: 14px;
	color: gray;
	
	
}


div.contenedorForm{
	height: auto;
	padding-top: 25px;
	margin: auto;
	width: 100%;
}
.contenedorForm{
	
	margin: auto;
	display: inline-flex;
}
div.divConte{
	width: 50%;
	height: 535px;
	
}
.divConte iframe{
	width: 99%;
	height: 850px;
}
div.acerca{
	min-height: 535px;
	width: 100%;	
	background: #2D2D2D;
	color:whitesmoke;
	 padding: 30px;
	
	
}
div.acercaTit{
	padding: 20px;
}
section.form-register{
	width: 100%;
	background: #EAEAEA;
	padding: 10px;
	height: 535px;
	color: black;
	
}
span.Titulo_form h5{
font-size: 18px;	
padding: 20px;
}
::placeholder{
	color: black;
}
.form-register input{
	display:inline-block;
	
}
input.controls{
	background: #EAEAEA;
	font-size: 15px;
	padding: 10px;
	border-radius: 4px;
	margin-bottom: 16px;
	border: 1px solid #3E3E3E;
	color:midnightblue;	
}

.controls{
	background: #EAEAEA;
	font-size: 15px;
	width: 45%;	
	padding: 10px;
	border-radius: 4px;
	margin-bottom: 16px;
	border: 1px solid #3E3E3E;
	color:midnightblue;
}
.area{
	
	width: 90%;
}
.especifique{
	background: #EAEAEA;
	font-size: 15px;
	width: 90%;	
	padding: 10px;
	border-radius: 4px;
	margin-bottom: 16px;
	border: 1px solid;
}
input.botons{
	
	font-size: 18px;
	align-content: center;
	margin: 0 auto;
	align-items: center;
	text-align: center;
	color: white;
}
 .botons{
    align-content: center;
	margin: 0 auto;
	align-items: center;
	text-align: center;
	width: 30%;
	color: white;
	background-color: #2D384B; 
	padding: 15px; 
}
@media (min-width: 1722px){
    div.nomCurso{	
	font-size:2vmin;    	
}	
	span.cursos{
		font-size:2.6vmin;   
	}
	    div.nomLic{	
	font-size:2vmin;    	
}	
div.BtnC {
	font-size:1.5vmin;
	}
div.BtnCA {
	font-size:1.5vmin;
	}	
	
}

@media (max-width: 1375px) { 
	div.contenedor{	
width: 100%;		
}
	td.vacio{
		display: none;
	}


}
@media (max-width:1366px){
	td.Credes{
		width: 20%;
	}
	.logoASA img{
		width: 50%;
	}
		div.BtnC {
	height: 30px;
	}
div.BtnCA {
	height: 40px;
	}


#style-A::-webkit-scrollbar
{
	width: 8px;
	background-color: gray;
}

#style-A::-webkit-scrollbar-thumb
{
	background-color:green;
	
	background-image: -webkit-gradient(linear, 0 0, 0 100%,
	                   color-stop(.5, rgba(255, 255, 255, .2)),
					   color-stop(.5, transparent), to(transparent));
}
	.conten-img-cert img{
	width: 50%;
}	
}

@media (max-width:1259px){
	td.menu-btn{
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}


	.logoASACiiasa img{
		width: 95%;
	}
	div.CF-Logo img{
	
	width: 100%;
}
}
@media (max-width:1146px){
	div.logosM{
	}
	div.logoASACiiasa{
		padding-top: 20px;
		width: 20%;
	}
	.logoASACiiasa img{
		width: 130%;
	}
	div.menuBTNciiasa{
		width: 79%;
		padding: 0;
	}
	.content-avisosP{

	width: 80%;


}
	div.CF-Logo-avsec img{
		width: 25%;
	}	
}

@media (max-width:1097px){
	.acerca{
		height: 500px;
	}

}
@media (max-width:1067px){
	div.logoC{
	padding: 10px;
	width: 20%;
}
	div.CampusDir1{
		width: 90%;
	}
	.menu-btnVerMas{
		padding: 0;
	}
article.CC {
	display: inline-block;	
	width: 30%;
	margin: 5px;
}		

}
@media (max-width:1018px){
	div.logosM{
		height: 0%;
		background: white;
		padding: 0px;
	}
	div.logosM div{
		padding: 0px;
		height: auto;
	}
	div.menu-bars{
		height: 0px;
		padding: 0px;
		width: 0%;
		display: none;
	}
		div.menu-bars i{
		height: 0px;
		padding: 0px;
		width: 0%;
		display: none;
	}
		div.logoASACiiasa{
			padding: 10px;
		text-align: center;
		margin: 0 auto;
		width: 100%;		
			
	}
		.logoASACiiasa img{
		width: 25%;
			
	}
	
	div.menuBTNciiasa{
		padding-top: 0px;
		height: auto;
		width: 100%;
	}
	.content-avisosP{

	width: 90%;


}	
}
@media (max-width:999px){
	div.logoC{
	padding: 10px;
	width: 25%;
}
	div.contenedorForm{
		display: block;
	}
	div.contenedorForm div{
		width: 100%;
	}
	div.divacerca{
	height: 400px;
	}
	label.menu-btnVerMas{	
	width: 20%;
}
	.conten-img-cert img{
	width: 70%;
}	


}
@media (max-width:983px){
	table.logo-menu td {
		display: block;
		width: 100%;
	}
   	.logoASA img {
       width: 25%;
	}
   	nav.menu  {
       height: 50px;
		padding-top: 10px;
	}
   	.botones li {
       padding: 0px 10px;
	}
		div.divacerca{
	height: 430px;
	}
		div.CF-Logo-avsec img{
		width: 30%;
	}
	}
@media (max-width:801px){
	   	.botones li {
       padding: 0px 5px;
	}
	table.datos td{
		display: block;
		width: 100%;
	}
	td.ContCampus{
	background: #2D2D2D;
	color:whitesmoke;
	}
 div.CampusDir a {
	 text-decoration: none;
	 color: white;
	}
	a.tel{color:greenyellow;}
a.tel:hover{
	color:darkgray;
}
	
table.datos td.mapa{
	margin: 0 auto;
	width: 98%;
	}
article.CC {
	display: inline-block;	
	width: 45%;
	margin: 5px;
}	
}
@media (max-width:767px){
div.FS{
	display: none;
}
div.FSM{
	width: 99%;
	display: block;
	
}	
	div.clientes-logos{
		height: 500px;	
	}	

div.logoC{
	padding: 10px;
	width: 45%;
}
	.logoC img{
		width: 100%;
	}	
	table.pagina{
		display: none;
	}
	div.ciiasa-titulo{
		margin-top: 150px;
	}
div.logosM{
	
	height: 80px;
	width: 100%;
	position: fixed;
	z-index: 1000;
	padding: 10px;	
	margin-top: 70px;	
	background-color: #2D384B;
	display: block;
}
	div.logosM div{
    display: inline;
	}

	.logoASA img{
		text-align: left;	
		width: 25%;
	}
	div.menu-bars i{
	padding-top: 20px;	
	display: block;
}
	div.menu-bars{
	float: right;	
	right: 0;	
	margin-right: 35px;
	font-size: 22px;
	cursor: pointer;
	color: white;
	display: block
}
	.botones{
		z-index: 1500;
		font-size: 28px;
		position: fixed;
		top: 190px;
		width: 100%;
		left: 0;		
		flex-direction: column;
		align-items: center;
		text-align: center;
		line-height: 45px;
		transition: all 0.5s ease;
		transform: translate(-100%);
	}
	.botones li{
		display: block;
		padding: 8px;
		width: 100%;
		border-bottom: 1px solid #D7D7D7;
	}
	.botones li a{
		width: 100%;
		font-size: 22px;
	}
		.botones.active{
		transform: translate(0);
	}
		.scrollbar{
	/*margin-right: 5px;*/
	float:right;
	height: 370px;
	width: 100%;
	overflow-y: scroll;
	margin-bottom: 25px;
}
#style-5::-webkit-scrollbar
{
	width: 8px;
	background-color: gray;
}

#style-5::-webkit-scrollbar-thumb
{
	background-color:midnightblue;
	
	background-image: -webkit-gradient(linear, 0 0, 0 100%,
	                   color-stop(.5, rgba(255, 255, 255, .2)),
					   color-stop(.5, transparent), to(transparent));
}
	header.mobile{		
		display: block;
        padding: 10px;	
		width: 100%;
	    align-content: center;
		align-items: center;
	}

	div.contacto{
		padding: 0px 0px;
		width:100%;
		text-align:center;
		font-size: 17px;
	}
	div.redes{
		padding-top:15px;
	}
	.redes ul li{
		padding: 0 25px;
	}
	.redes ul li span{
		font-size: 20px;

	}
		div.divacerca{
	height: 580px;
	}
	div.acerca{
	height: 580px;	
	}
	div.CampusDir1{
		font-size: 18px;
	}
	label.menu-btnVerMas{	
	width: 25%;
		font-size: 18px;
}
	label.menu-btnVerMas:hover{	
	width: 25%;
		font-size: 18px;
}
	.campus div{
		font-size: 18px;
	}
	div.campus div.CampusDir  span.icon{
		padding: 0px 10px;
	}
	.conten-img-cert img{
	width: 100%;
}
	.content-avisosP{

	width: 98%;
    height: 100vh;

}	
div.CF-Logo img{
	
	width: 100%;
}	
	div.CF-Logo-avsec img{
		width: 40%;
	}	
}

@media (max-width:690px){
	div.clientes-logos{
		height: 400px;	
	}
	div.logoC{
	padding: 5px;
	width: 100%;
}
	.logoC img{
		width: 90%;
	}
		.logoASACiiasa img{
		width: 35%;
	}
	header.mobile{
		background-color: #F5F5F5;
		padding: 5px;
	}
	.mobile div{
		display: block;
	}
	div.contacto{
		width: 100%;
		font-size: 22px;
	}
		.contacto span{
		padding: 0;
		margin: 0;	
        display: block;
		
	}
		.redes ul li span{
		font-size: 25px;

	}
		div.divacerca{
	height: 630px;
	}
	div.acerca{
	height: 630px;	
	}

.form-register input{
	display:block;
	width: 95%;
	font-size: 22px;
}
	.form-register h5{
		padding: 15px;
	}	
.controls{
	width: 95%;
	font-size: 22px;
	height: 42px;
}
	select.controls .especifique{
		height: 42px;
	}

.especifique{
    font-size: 22px;
	width: 95%;	

}
	section.form-register {
	height: 800px;
	}	
	div.cform{
		height: 800px;
	}
article.CC {
	display: inline-block;	
	width: 90%;
	margin: 5px;
}
	article.CC{
		font-size: 22px;
	}
	div.CursoTitA{
		font-size: 20px;
	}
	 a div.BtnCA{
		font-size: 20px;
	}
	div.CF-Titulos-logo div{
		width: 95%;
	}
	article.CFichas-SO{
		width: 90%;
	}
		div.CF-Logo-avsec img{
		width: 25%;
	}	
}

@media (max-width:603px){
	
	header.mobile{
		margin-top: 30px;
	}
	.campus div{
		width: 100%;
	}
article.CC {
	display: inline-block;	
	width: 99%;
	margin: 5px;
}
	div.Lista p{
		font-size: 22px;
	}	
	
}

	@media (max-width:561px){
			.logoASACiiasa img{
		width: 45%;
	}

		div.divacerca{
	height: 690px;
	}
	div.acerca{
	height: 690px;	
	}		
		
}
	@media (max-width:521px){


		div.divacerca{
	height: 800px;
	}
	div.acerca{
	height: 800px;	
	}		
	label.menu-btnVerMas{	
	width: 55%;
		font-size: 18px;
}
	label.menu-btnVerMas:hover{	
	width: 55%;
		font-size: 18px;
}
	div.CF-Logo-avsec img{
		width: 35%;
	}			
}
	@media (max-width:426px){
			.logoASACiiasa img{
		width: 55%;
	}

		div.divacerca{
	height: 900px;
	}
	div.acerca{
	height: 900px;	
	}		
	label.menu-btnVerMas{	
	width: 55%;
		font-size: 18px;
}
	label.menu-btnVerMas:hover{	
	width: 55%;
		font-size: 18px;
}
	.campus div{
		font-size: 22px;
	}		
	div.campus div.CampusDir  span.icon{
	padding: 0px 30px 0px;
	}			
}
/* ++++++++++++++++++APARTIR DE 999PX DESAPARECER MENU +++++++++++++++++++++++++++ */