/* SECTION BANNER*/


.formacion .banner-formacion{
	height: 300px;
	overflow: hidden;
	box-sizing: border-box;
}
.formacion .banner-formacion img{
	top:0;
	left:0;
	/*width: 100%;
	max-width: 1920px;*/
}

.formacion .banner-formacion .banner-img img.vector {
	width: 1000px;
	top: -75px;
	left: 25%;
	opacity: 0.5;
	transform-origin: 50% 50%;
}
.formacion .banner-formacion .text{
	position: absolute;
	top:12em;
	width: 100%;
}
.formacion .banner-formacion.text{
	position: relative;	
	/*top:19em;*/
}
.formacion .banner-formacion .text h2 {
	color:#fff;
	text-align: center;
	font-size: 40px;
	margin-top: 0;
	text-shadow: 1px 2px 3px #666;		
}
.formacion .banner-formacion .text h2 b{
	display: block;
	margin-top: 1em;
}

.formacion footer.footer{
	position:fixed;
	width:100%;
	bottom:0;
}

/* SECTION CURSOS*/

.formacion .formacion-section{
	/*min-height:500px;*/
	text-align:center;
	height:auto;
	display:block;
	padding-bottom:20em;
}
.formacion .formacion-section .container{
	padding:3em;
	padding-top:5em;
	margin:0 auto;
	font-size:20px;
}
.formacion .formacion-section .container .curso{
	text-align:left;
	font-size:16px;
	margin-bottom:2em;
}
.formacion .formacion-section .container .curso p{
	text-align:left;
	font-size:16px;
}
.formacion .formacion-section .container .curso p.titulo-curso{
	text-align:left;
	margin-bottom:0;
}
.formacion .formacion-section .container .curso p.entradilla-curso{
	margin-bottom:0;
	margin-top:1em;
	
}
.formacion .formacion-section .container .curso p.entradilla-curso p{
	font-size:14px;
}
.formacion .formacion-section .container .curso p.img{
	text-align:left;
}
.formacion .formacion-section .container .curso p.img img{
	width:100% !important;
}
.formacion .formacion-section .container .curso p.details{
	margin-top:1em;
	bottom:0;
}

.formacion .formacion-section .container p.titulo-curso a{
	text-decoration:none;
	color: #ff7f06;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration:underline; 
}
.formacion .formacion-section .container p.titulo-curso a:hover{
	text-decoration:none;
}
.formacion .formacion-section .container p a.details{
	text-decoration:none;
	color: #ff7f06;
    font-weight: 500;
	font-size:14px;
    text-decoration:underline; 
}
.formacion .formacion-section .container p a.details:hover{
	text-decoration:none;
}
.formacion .curso-section{
	display:none;
	height:auto;
	padding-bottom:20em;
}
.formacion .curso-section .text-curso .details{
	    padding-top: 3em;
}

.formacion .text-curso .contenido_texto img{
	margin-bottom: 2em;
}
.formacion .curso-section .title-curso {
    color: #ff7f06;
    font-weight: 400;
    font-size: 22px;
    padding-top: 1em;
    text-transform: uppercase;
}
/*.formacion .curso-section .text-curso .subtitle{
	font-weight:600;
	font-size:20px;
	padding-top:1em;
	padding-bottom:1em;
}*/
.formacion .curso-section .text-curso .details a.volver{
	color: #ff7f06;

	text-decoration: underline;
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;

}
.formacion .curso-section .text-curso .details a.volver:hover{
	text-decoration:none;
}
.formacion .curso-section .fechas-curso a{
	color: #ff7f06;
	text-decoration:none;
	text-decoration: underline;
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;

}
.formacion .curso-section a:hover{
	text-decoration: none;
}
.formacion .fechas-curso h1{
	font-weight:700;
	color: #ff7f06;
	font-size:24px;
	padding-bottom:1em;
	padding-top:2em;
	
}
.formacion .fechas-curso .calendario .calendar{
	font-weight:400;
	display:block;
	border-bottom: 2px solid #82726e;
	margin-bottom:1.5em;
}
.formacion .fechas-curso .calendario .calendar .recuperatitulo{
	text-transform:uppercase;
}
.formacion .fechas-curso .calendario .calendar.calendar-onclick{
	border-bottom: 2px solid #ff7f06;
	color:#ff7f06;
}
.formacion .fechas-curso .calendario .calendar a{
	padding-left:2em;
	float:right;
}
.formacion .fechas-curso .calendario .contenido{
	padding-left:1em;
	text-transform:uppercase;
	margin-left:1em;
	margin-bottom:1.5em;
}
.formacion .fechas-curso .calendario .contenido .ciudad{
	font-weight:700;
	display:block;
	border-bottom: 2px solid #82726e;
	display:none;
}

.formacion .fechas-curso .calendario .contenido .ciudad{
	border-bottom: 2px solid #fff;
	
}
.formacion .fechas-curso .calendario .contenido .ciudad.ciudad-onclick{
	color:#ff7f06;
	    min-height: 30px;
}
.formacion .fechas-curso .calendario .contenido .ciudad a{
	padding-left:2em;
	float:right;
	    background: white;
    position: relative;
    width: 100%;
    border-bottom: 2px solid #82726e;
}
.formacion .fechas-curso .calendario .contenido .ciudad a:hover{
	color: #333;
}
.formacion .fechas-curso .calendario .contenido .ciudad .fecha{
	padding-left:2em;
	text-transform:uppercase;

	display:none;
	text-decoration:none;
	color:#82726e;
	list-style: none;
	cursor:pointer;
}
.formacion .fechas-curso .calendario .contenido .ciudad .fecha ul{
	list-style: none;
}
.formacion .fechas-curso img{
	float: right;
}
.formacion .fechas-curso .calendario a{
	text-decoration:none;
}

.formacion .flecha img{
	transition:all 0.3s ease-in;
}

.formacion .flecha.open img{
	/*background: url('../../img/formacion/up.svg') no-repeat center center;*/
	transform:rotate(180deg);
}
.formacion .flecha2 img{
	transition:all 0.3s ease-in;
	/*margin-top: -1em;*/
}
.formacion .flecha2.open img{
	/*background: url('../../img/formacion/up.svg') no-repeat center center;*/
	transform:rotate(180deg);
}
.formacion .contacto-curso{
	display:none;
	position:absolute;
}

.formacion .contacto-curso .form-curso{
	position:fixed;
	background: #fff;
	z-index:999999;
	width:80%;
	height:auto;
	left: 50%;
    top: 50%;
/*    margin-top:-1000px;*/
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.formacion .contacto-curso .form-curso .cross{
	float:right;


}
.formacion .contacto-curso .form-curso .cross i{
		color:#ff7f06;
		cursor:pointer;
		padding-right: 0.2em;
   		padding-top: 0.2em;
}
.formacion .contacto-curso .form-curso p{
	padding:2em 0.5em 1em 1em;

}

.formacion .contacto-curso span.curso-detail{
	color:#ff7f06;
}
.formacion .contacto-curso .form-curso input{
	border:1px solid #82726e;
	padding:15px;
	width:100%;
	margin-bottom:2em;
}
.formacion .contacto-curso .submit input{
	border:2px solid #82726e;
	padding:0.5em;
	font-weight:600;
	color:#82726e;
	background:#fff;
	width:20%;
	float:right;
	margin-top:1em;
}
.formacion .contacto-curso .submit input:hover{
	border:2px solid #ff7f06;
	color:#fff;
	background:#ff7f06;

}
.formacion .contacto-curso .checkbox{
	display:inline-block;
	width:100%;
}
.formacion .contacto-curso .checkbox span{
	margin-left:2.5em;
}
.formacion .contacto-curso .checkbox span.campo{
	float:right;
}
.formacion .contacto-curso input[type=checkbox]{
	margin-bottom:0;
	margin-left:0em;
}
.formacion .body-contact{
	height:100vh;
	width:100%;
	position:fixed;
	background-color:rgba(0,0,0,0.7);
	top:0;
	left:0;
}
@media screen and (max-width: 768px){

.areaclientes .text-solera .container p {
    text-align: center !important;
    /* padding-left: 0; */
}
.areaclientes .icons .title-area{
    text-align: center !important;
    /* padding-left: 0; */
}
.areaclientes .details span.linea-clientes{
	margin-top:1.5em;
}
.formacion .banner-formacion .text h2{
	font-size:25px;
}
.formacion p, li {
    font-size: 14px;
}
.descargas .text-solera .container p{
	text-align:center !important;
}
.descargas .services-container p.subtitle{
	text-align:left !important;
	padding-left:1em;
}
.descargas .services-container .volver {
	font-size:16px;
	padding-top:1em;

}
.descargas .services-container .volver a{
	padding-right:1em;
}
.formacion .contacto-curso .submit input {

     margin-top: 0em; 
}
.formacion .contacto-curso .form-curso{
	position:absolute;
	top:0%;
	left:50%;
	width:90%;
	transform: translate(-50%, -75%);
    -webkit-transform: translate(-50%, -75%);
    margin-bottom: 3em; 

/*	margin-top:-500px;*/
	}
	.formacion .contacto-curso .checkbox{
		margin-bottom:2em;
	}
	.formacion .contacto-curso input[type=checkbox] {
    margin-left: 8em;
}
	.formacion .contacto-curso .checkbox span {
     margin-left: 0; 
}
.formacion .contacto-curso{
	position:relative;

}
.formacion .contacto-curso .checkbox span.campo {
    float: none;
    padding-top:0;
}
@media screen and (max-width: 480px){
	.areaclientes .details{
		height:200px;
		margin-bottom:2em;
	}
	.areaclientes .img-cont{
			height:100px;
			padding-top:0;
	}
	.areaclientes .img-cont img.factura{

			padding-top:1em;
	}
	.areaclientes .title-area{

	font-size:14px;
}
}