:root {
	--main-color: #009ba4;
	--main-color2: #009999;
}

.grid-sizer,
.grid-item {
	float: left;
	width: 100%; }
@media screen and (min-width: 700px) {
	.grid-sizer,
	.grid-item {
		width: 50%; } }
@media screen and (min-width: 1000px) {
	.grid-sizer,
	.grid-item {
		width: 33.33%; } }
.grid-sizer img,
.grid-item img {
	width: 100%;
	height: auto;
}
.grid{
	z-index: 0;
}
@font-face {
	font-family: titulo;
	src: url('DIN Condensed Bold.ttf') format('truetype') ;
}
@font-face {
	font-family: titulo2;
	src: url('DIN Alternate Bold.ttf') format('truetype') ;
}
@font-face {
	font-family: letra;
	src: url('Roboto-Regular.ttf') format('truetype') ;
}
@font-face {
	font-family: letra2;
	src: url('HelveticaNeueLTStd-Cn.otf') format("opentype") ;

}
@font-face {
	font-family: letra3;
	src: url('MyriadPro-Regular.otf') format("opentype") ;

}
@font-face {
	font-family: letra4;
	src: url('HelveticaNeueLTStd-Roman.otf') format("opentype") ;

}
@font-face {
	font-family: negrita;
	src: url('Roboto-Black.ttf') format('truetype') ;
}
*::-moz-selection{
	background: #616d76;
	color: white;
}
*{
	outline: none;
}
*::selection {
	background: #616d76;
	color: white;
}
a:hover,a:focus{
	text-decoration: none;
	#color: #8B507A;
}
a{
	#color: #5EA4AF;
}
b{
}
body{
	#font-family: 'Open Sans', 'Roboto', letra, sans-serif;
	font-family:'Inter', sans-serif;
	position: relative;
	color: black;
	padding-top: 97px;
	background-color:#333;
}
body,#menu{
	min-width:500px;
}
/* ------------------------ MEnu ----*/
#menu{
	top: 0px;
	width: 100%;
	margin-bottom: 20px;
	z-index: 10;
	position: fixed;
	#max-width: 100%;
	margin:auto;
	background-color: #009ba4;
	height: 97px;box-shadow: 0px 0px 7px #111;
}
#menu:after{
	content:"";
	clear:both;
	display:block;
}
#menu .cont{
	max-width:950px;
	display: block;
	margin: auto;
	position: relative;
}
#logo{
	display: inline-block;
	font-size: 28px;
	position: relative;
	#width:224px;
	height: 70px;
	padding: 0px 5px;
}
#logo img{
	height: 100%;
}
nav .cerrar{
	display:none;
}
nav a{
	color:white;
	text-decoration: none;
}
nav{
	display: block;
	float: right;
	margin-top: 17px;
}
nav div{
	display: block;
	float: left;
	text-align: right;
	font-size: 15px;
	position: relative;
	border-right: 1px solid white;
}
nav div:last-child{
	border-right: none;
}
nav div a{
	padding: 7px 9px;
	display: block;
	color: white !important;
}
nav div a:hover{
	text-decoration: none;
	color: var(--main-color) !important;

}
nav div:hover{
	#border-bottom: 2px solid var(--main-color);
	background-color:white;
}
nav div:hover .submenu{
	display: block !important;
}
.navsesion{
	display: block;
	float: right;
	width: 230px;
	overflow: hidden;
	font-size: 12px;
	margin-top: 20px;
}
.navsesion a{
	display: inline-block;
	float: right;
	background-color: white;
	color:black;
	padding: 6px 6px;
	border: 1px solid #009999;
}
.navsesion a:hover{
	background-color: #009999;
	color:white;
	border: 1px solid white;
}
.navsesion a:nth-child(2n){
	margin-right: 10px;
}
.cuenta{
	height: 40px;
	background-color: #444;
	float: right;
	width: 230px;
	color:#fff;
	position: relative;

}
.cuenta .datos>div{
	float: left;
	width: 157px;
	overflow: hidden;
	height: 20px;
	word-break: keep-all;
	margin-right: 5px;
}
.cuenta .datos>span{
	background-color: #e63c3c;
	border-radius: 50%;
	padding: 3px 0px;
	height: 25px;
	width: 25px;
	margin-bottom: -8px;
	text-align: center;
	display: inline-block;
	position: relative;
	margin-top:-3px;
}
.cuenta .datos{
	padding: 10px;
	cursor: pointer;
	overflow: hidden;
}
.cuenta .datos i{
	float: right;
	font-size: 20px;
}
.cuenta .ventanas{
	width: 100%;
	display: none;
	position: absolute;
	top: 41px;
	z-index: 2;
	background-color: #444;
}
.cuenta .ventanas a{
	width: 100%;
	display: block;
	padding: 7px 10px;
	color: #fff !important;
}
.cuenta .ventanas i{
	display: inline-block;
	margin-right: 10px;
	width: 20px;
	text-align: center;
}
#inicio_sesion{
	position: fixed;
	height: 100%;
	width: 100%;;
	background-color: rgba(0, 0, 0, 0.3);
	top:0px;
	display: none;
	min-width: 400px;
}
#contenedor_sesion{
	max-width: 550px;
	min-height: 200px;
	margin: auto;
	margin-top:10%;
	background-color: var(--main-color);
	text-align: center;
	padding-bottom: 20px;
	box-shadow: 0px 0px 7px #111;
	color: white;
}
#contenedor_sesion input{
	width: 70%;
	margin: auto;
	display: block;
	padding: 5px 10px;
	margin-bottom: 15px;
	border: none;
	color: #000000;
}
#contenedor_sesion input[name="recordar"]{
	width: auto;
	display: inline-block;
	top:2px;
	position: relative;
	margin-top: 5px;
}
#contenedor_sesion h2{
	margin-bottom: 20px;
	text-align: center;
	padding: 20px 0px 8px 0px;
	display: block;
	margin: auto;
	width: 85%;
	margin-bottom: 25px;
	color: #ffffff;
}
#contenedor_sesion button.acceso{
	border: none;
	padding: 4px 40px;
	background-color: #ff8800;
	color:white;
	font-size: 18px;
	display: inline-block;
	margin-bottom: 12px;
}
#contenedor_sesion a{
	color: #ff8800;
}
.sesion-redes{
    padding: 5px 40px 5px 40px;
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 20px;
}
.sesion-redes a{
    float: left;
    width: 45%;
    margin-right: 10%;
    display: block;
    padding: 7px;
    text-align: center;
    color: white;
}
.sesion-redes a:last-child{
    margin-right: 0px;
}
.btnGoogle{
    background-color: #DB4437;
    color: white !important;
}
.btnFacebook{
    background-color: #3b5998;
    color: white !important;
}
.modal-cerrar{
	float: right;
	position: relative;
	color: #ffffff;
	border: none;
	font-size: 40px;
	background: none;
	font-weight: 100;
	top:-8px;
	right: 4px;
}
#menubar{
	display:none;
	margin-right: 10px;
}

.bar{
	display: none; 
	float: right;
}
.bar span{
	background-color: white;
}
.submenu{
	width: auto;
	position: absolute;
	padding-left: 0px;
	left: 0px;
	top: 52px;
	display: none !important;
	width:210px;
}
.submenu li{
	list-style: none;
	text-align: left;
	border-bottom: 1px solid white;
	background-color: var(--main-color);
	#margin-bottom: 1px;

}
#submenu2{
	max-width: 1200px;
	margin: auto;
	position: relative;
	top:-23px;
}
.submenu a{
	display: block;
	padding: 8px 0px 8px 17px !important;
	text-transform: capitalize !important;
	font-size: 14px;
	color:white;
}
.submenu li>a:hover{
	padding-left: 10px;
	-webkit-transition:  padding 0.3s ease-in-out;
	-moz-transition:  padding 0.3s ease-in-out;
	-ms-transition:  padding 0.3s ease-in-out;
	-o-transition:  padding 0.3s ease-in-out;
	transition:  padding 0.3s ease-in-out;
	color: white;
	background:none;
	padding: 8px 28px 8px 24px !important;
	background-color: var(--main-color2);
}
.megamenu{
	display: none;
	position: absolute;
	background-color: var(--main-color2);
	width: 200px;
	top:0px;
	right: -200px;
	text-align: left;
	color: white;
	padding: 10px;
	font-size: 12px;
	z-index: 3;
}
.megamenu a{
	display: block;
	width: 100%;
	padding: 3px !important;
	font-size: 12px;
}
.submenu li:hover>.megamenu{
	display: block;
}
#amenu{
	overflow: hidden;
}
#amenu a{
	display: block;
	float: left;
	margin-right: 10px;
	padding: 4px 7px 2px 7px;
	border-bottom: 1px solid var(--main-color2);
	color:black;
}
#amenu a:last-child{
	margin-right:0px;
	float: right;
}
#amenu a:hover{
	background-color:#eee;
}
.activar{
	border-bottom: 2px solid var(--main-color);
	background-color:#eee;
}
#fijado{
	display: none;
}
#top-nav{
	width: 100%;
	font-size: 18px;
	overflow: hidden;
	margin-bottom: 65px;
}
.cont-nav{
	width: 550px;
	float: right;
	padding-right: 50px;
	z-index: 2;
}
.cont-nav:before{
	content: "";
	clear: both;
}
#top-nav a{
	display: block;
	float: right;
	width: 40%;
	text-align: center;
	padding: 10px 0px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	color:white;
}
#top-nav .compromiso{
	background-color: #8B507A;
}
#top-nav .proyecto{
	background-color: #5EA4AF;
	margin-left: 25px;
}
.mostrar{
	display: none;
}
/*-------Cuerpo */

#cuerpo{
	max-width: 950px;
	padding: 0px 10px;
	margin: auto;
	#margin-top: 15px;
	min-height: calc(100vh - 268px);
	#text-align: justify;
}
#cuerpo2{
	max-width:1100px;
	padding: 0px 10px;
	margin: auto;
	#margin-top: 15px;
	min-height: 400px;
	#text-align: justify;
}
/*---*/
.social{
	position: relative;
	background-color: #222;
	height: 27px;
	padding:2px 0px;
}
.social div{
	max-width: 950px;
	margin: auto;
	padding: 0px 10px;
}
.social img{
	height: 18px;
	background-color: white;
	margin-right:2px;
}
.social a{
	color:black;
	display: inline-block;
	margin: auto;
	text-align: center;
}
#buscador{
	float: right;
	margin-bottom: 10px;
	position: relative;
}
#intro{
	overflow: hidden;
	display: flex;
	box-shadow: 0px 0px 7px #111;
}
#intro .izq{
	width: calc(50% + 127px);
	background-color: var(--main-color2);
	overflow: hidden;
	padding: 10px;
	position: relative;
}
#intro .izq h1{
	color: white;
	max-width: 582px;
	float: right;
	font-size: 25px;
	position: relative;
	padding-right: 39px;
}
#intro .izq .imagen{
	color: white;
	max-width: 200px;
	margin-right: 220px;
	display: block;
	float: right;
	margin-bottom: 20px;
}
#intro .der{
	width: calc(50% - 127px);
	background-color: white;
	overflow: hidden;
	padding: 100px 10px 10px 10px;
	position: relative;
}
/*#intro .izq:before{
content: url('../img/forma.svg');
position: absolute;
right: 72px;
top:0px;
width: 50px;
height: 100%;
display: block;
}*/
.forma{
	position: absolute;
	right: 0px;
	top:-30px;
	width: 108px;
	height: 110%;
	display: block;
}
#intro .der h2{
	color: #ff8800;
	max-width: 350px;
	font-size: 25px;

}
#intro .der img{
	color: white;
	max-width: 150px;
	margin-left: 50px;
}
#servicios{
	border:1px solid var(--main-color2);
	margin-top: 30px;
	background-color: white;
	position: relative;
	box-shadow: 0px 0px 7px #111;
}
#servicios h3{
	color: var(--main-color);
	padding: 7px 12px;
	border-top:2px solid var(--main-color);
	border-left:2px solid var(--main-color);
	border-right:2px solid var(--main-color);
	margin: 0px 20px;
	margin-bottom: 15px;
	padding: 7px 12px;
}
#servicios p{
	padding: 0px 20px;
}
.estilo1>div{
	overflow: hidden;
	margin-bottom: 40px;
	text-align: justify;
}
.estilo1>div>div:first-child{
	float:right; 
	max-width:200px;
	background-color:var(--main-color);
	margin:0px 20px;
}
.estilo1>div>div:first-child img{
	float:right; 
	background-color:var(--main-color);
	padding:10px;
	width: 200px;
}
.estilo1>div:nth-child(2n)>div:first-child{
	float:left;
}
.estilo1>div:nth-child(2n) h3{
	text-align: right;
}
#funcionamiento{
	margin-top: 30px;
	box-shadow: 0px 0px 7px #111;
	position: relative;
	background-color: #010101;
	border:1px solid var(--main-color2);
}
#funcionamiento iframe{
	width: 100%;
	height: 523px;
	display: block;
}
#funcionamiento a{
	display: block;
	border-top:1px solid var(--main-color2);
	padding: 11px;
	font-size: 20px;
	text-align: center;
	background-color: var(--main-color2);
	color: white;
	text-decoration: none;
}
#funcionamiento a:hover{
	background-color: white;
	color: var(--main-color2);
}
#contacto{
	margin-top: 30px;
	background-color: var(--main-color2);
	color:white;
	box-shadow: 0px 0px 7px #111;
}
#contacto h2{
	font-size: 25px;
	margin-top: 15px;
	margin-bottom: 20px;
}
#contacto>div{
	max-width: 910px;
	margin: auto;
	padding: 15px 5px;
}
#contacto input{
	max-width: 300px;
	width: 100%;
	padding: 5px 10px;
	margin-bottom: 10px;
	background-color: var(--main-color2);
	border:none;
	border-bottom: 2px solid white;
	color: white;
	display: block;
}
#contacto textarea{
	width: 100%;
	padding: 5px 10px;
	margin-bottom: 10px;
	background-color: var(--main-color2);
	min-height: 130px;
	border:none;
	border-bottom: 2px solid white;
	color: white;
	display: block;
	margin-top: 20px;
}
#contacto input::placeholder,#contacto textarea::placeholder{
	color:#dddddd;
	display: block;
}
#contacto input::-ms-input-placeholder, #contacto textarea::-ms-input-placeholder{
	color:white;
}
#contacto input:-ms-input-placeholder, #contacto textarea:-ms-input-placeholder{
	color:white;
}
#contacto input[type=checkbox]{
	width: auto;
	display: inline-block;
}
#contacto a{
	color:#a21d25;
}
#contacto button{
	display: block;
	margin-top: 20px;
	padding: 6px 12px;
	border:none;
	background-color:#ff8800;
}
.seccion{
	border: 1px solid var(--main-color2);
	margin-top: 30px;
	background-color: white;
	box-shadow: 0px 0px 7px #111;
}
.btnStyle{
	border: 1px solid var(--main-color);
	padding: 5px 12px;
	background-color: var(--main-color);
	color: white;
}
.btnStyle:hover{
	background-color: white;
	color: var(--main-color);
}
#preguntas{
	padding: 0px 15px 20px 15px;
	margin-bottom: 30px;
}
#preguntas>div{
	border:1px solid var(--main-color);
	margin-bottom: 10px;
}
#preguntas h2{
	background-color: var(--main-color);
	color: white;
	font-size: 16px;
	padding: 5px 10px;
	margin: 0px;
	cursor: pointer;
}
#preguntas>div>div{
	padding: 10px;
	display: none;
}
#registro{
	padding: 0px 20px 20px 20px;
}
#registro .form-control{
	margin-bottom: 5px;
	border: none;
	border-radius: 0px;
	border-bottom:2px solid var(--main-color);
	color:black;
	box-shadow: none;
	max-width: 350px;
}
#registro .error, #registro .er{
	margin-bottom: 20px;
	color: red;
}
@media (min-width:900px){
	#buscador{
		right:0px !important;
	}
	.lista{
		display:block !important
	}
	.listado{
		display: block !important
	}
}
#buscador input {
	border:1px solid var(--main-color2);
	border-radius: 15px;
	width:130px;
	padding: 3px 40px 3px 10px;
}
#buscador img{
	position: absolute;
	height: 16px;
	display: block;
	right: 12px;
	top:7px;
}
.rotar{
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.cinicio{
	height: 450px;
	-webkit-transition:  height 0.5s ease-in-out;
	-moz-transition:  height 0.5s ease-in-out;
	-ms-transition:  height 0.5s ease-in-out;
	-o-transition:  height 0.5s ease-in-out;
	transition:  height 0.5s ease-in-out;
}

#pregistro{
	position: relative;
	margin: auto;
	text-align: center;
	margin-top: -145px;
}
#pregistro h1{
}
#pregistro .sli{
	display: none;
	position: absolute;
	height: 450px;
	width: 100%;
	background-size: cover;
	background-position: center;

	-webkit-transition:  height 0.5s ease-in-out;
	-moz-transition:  height 0.5s ease-in-out;
	-ms-transition:  height 0.5s ease-in-out;
	-o-transition:  height 0.5s ease-in-out;
	transition:  height 0.5s ease-in-out;
}
#pregistro .sli a{
	position: absolute;
	height: 100%;
	width: 100%;
	top:0px;
	left:0px;
}
#pregistro .sli:first-child{
	display: block;
}
#pregistro .iz{
	padding: 10px;
	font-size: 100px;
	text-shadow: 1px 1px 3px black;
	display: block;
	position: relative;
	color: white;
	width: 60px;
	top:calc(40% - 30px);
	cursor:pointer;
	float: left;

}
#pregistro .dere{
	padding: 10px;
	font-size: 100px;
	text-shadow: 1px 1px 3px black;
	display: block;
	position: relative;
	color: white;
	width: 60px;
	top:calc(38% - 30px);
	float: right;
	cursor:pointer;

}
.contacto{
	padding-top: 30px !important;
	overflow: hidden;
}
.contacto>div{
	width: calc(50% - 15px);
	margin-right: 30px;
	float: left;
}
.contacto>div:nth-child(2n){
	margin-right: 0px;
}
.contacto a{
	color: var(--main-color2);
}
.contacto input.def{
	display: block;
	width: 100%;
	border:none;
	border-bottom: 1px solid var(--main-color2);
	background-color: #fffcd9;
	padding: 4px 10px;
	margin-bottom: 10px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.contacto textarea{
	display: block;
	width: 100%;
	border:none;
	border-bottom: 1px solid var(--main-color2);
	background-color: #fffcd9;
	padding: 4px 10px;
	margin-bottom: 10px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	min-height: 175px;
}
.contacto iframe{
	display: block;
	width: 100%;
	margin-bottom: 20px;
	height: 200px;
}
.contacto button{
	border:none;
	padding: 5px 15px;
	color: white;
	background-color: var(--main-color2);
	border-radius: 3px;

}
.datosCuenta{
	padding: 0px 15px 15px 15px;
}
.datosCuenta div{
	overflow: hidden;
	margin-bottom: 15px;
}
.datosCuenta div div{
	float: left;
	width: 150px;
	color: #777;
}
.datosCuenta div div:nth-child(2n){
	float: left;
	width: calc(100% - 150px);
	padding-left: 10px;
	color:#000;
}
.datosCuenta input{
	width: 100%;
	padding: 3px 10px;
}
.datosCuenta textarea{
	width: 100%;
	padding: 3px 10px;
}
#alertas{
	overflow: hidden;
	max-width:1200px;
	margin: auto;
	max-height: 100vh;
	height: 100%;
	margin-top: 30px;
	box-shadow: 0px 0px 7px #111;
	background-color: white;
	padding: 5px;
	border:1px solid var(--main-color);
	margin-bottom: 30px;
}
#alertas .alertaNovista{
	background-color: #e63c3c !important;
}
#alertas .list{
	width: 230px;
	float: left;
	padding: 5px 5px 5px 0px;
	height: 77vh;
	overflow-y: scroll;
}
#alertas .list::-webkit-scrollbar {
	width: 6px;
	height: 6px;
	background-color: #F5F5F5;
	touch-action: auto;
}
#alertas .list::-webkit-scrollbar-thumb {
	background-color: var(--main-color);
}
#alertas .list::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #fff;
}
#alertas .maps{
	width: calc(100% - 230px);
	float: left;
	padding: 5px 5px 5px 7px;
	height: 78vh;
	position: relative;
}
#alertas .maps iframe{
	width: 100%;
	height: calc(100% - 30px);
}
#alertas .maps .datos{
	display: block;
	background-color: #ffffffee;
	padding: 5px 4px 5px 6px;
	max-width: 160px;
	position: absolute;
	top:40px;
	right: 5px;
	font-size: 12px;
	border: 1px solid #009ba4;
}
#alertas .maps .datos .personales{
	margin-bottom: 7px;
}
#alertas .list div{
	background-color: white;
	padding: 6px 8px;
	margin-bottom: 7px;
	overflow: hidden;
	box-shadow: 1px 1px 2px 1px #ccc;
	cursor: pointer;
	border:2px solid #fff;
}
#alertas .list p{
	display: block;
	float: left;
	width: calc(100% - 32px);
	margin-right: 5px;
	margin-bottom: 0px;
	position: relative;
	overflow: hidden;
}
/*#alertas .list p::after{
	content:"";
	display: block;
	position: absolute;
	width: 20px;
	right: 0px;
	top:0px;
	height: 100%;
	z-index: 2;
	background: rgba(255,255,255,0);
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 80%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(80%, rgba(255,255,255,0)), color-stop(100%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 80%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 80%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 80%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 80%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
}*/
#alertas .list p::after{
	content:"";
	display: block;
	position: absolute;
	width: 1px;
	right: 0px;
	top:15%;
	height: 70%;
	z-index: 2;
	background-color: #ddd;
}
#alertas .list span{
	display: block;
	float: left;
	width: 25px;
	padding-top: 10px;
	text-align: center;
	color: #777;
}
#alertas .list .alertaNovista span{
	color:white;
}
#alertas .list div.activo{
	border:2px solid #dc2c2c;
}
.range {
	-webkit-appearance: none;
	width: 100%;
	height: 25px;
	background: #d3d3d3;
	outline: none;
	opacity: 0.7;
	-webkit-transition: .2s;
	transition: opacity .2s;
	margin-bottom: 10px;
}

.range:hover {
	opacity: 1;
}

.range::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 35px;
	height: 35px;
	background: var(--main-color);
	cursor: pointer;
	border-radius: 50%;
}

.range::-moz-range-thumb {
	width: 25px;
	height: 25px;
	background: #4CAF50;
	cursor: pointer;
}








@media (max-width:850px){
	#pregistro h2{
		font-size: 22px;
	}
}
#posicion{
	padding: 10px;
	display: block;
	position:absolute;
	color: red;
	width: 140px;
	cursor:pointer;
	top:350px;
	overflow: hidden;
	float: left;
	z-index: 2;  
	right: 150px;
	#left: 1100px;
	margin: auto;
}
#posicion li{
	list-style: none;
	float: left;
	width: 15px;
	height: 15px;
	background-color: #fff;
	margin-right: 8px;
	border-radius: 50%;

}
#posicion .viendo{
	background-color: #ffffff99 !important;
}
.imge{
	#background-image: url("../img/banner/slides_principio-1.png");
	background-image: url("../img/banner/1.jpg");
}
.imge2{
	#background-image: url("../img/banner/slides_principio-2.png");
	background-image: url("../img/banner/2.jpg");
}
.imge3{
	#background-image: url("../img/banner/slides_principio-3.png");
	background-image: url("../img/banner/3.jpg");
}
.imge4{
	#background-image: url("../img/banner/slides_principio-3.png");
	background-image: url("../img/banner/4.jpg");
}
.imge5{
	#background-image: url("../img/banner/slides_principio-3.png");
	background-image: url("../img/banner/5.jpg");
}
#pregistro h1{
	padding: 5px 25px;
	color: white;
	text-align: center;
	margin: auto;
	display: block;
	width: auto;
	font-size: 40px;
	top:calc(50% - 35px);
	position: relative;   
	text-shadow: 0px 0px 5px #222;
}
#pregistro h2{
	padding: 5px 25px;
	color: white !important;
	text-align: center;
	margin: auto;
	display: block;
	width: auto;
	font-size: 40px;
	top:calc(50% - 30px);
	position: relative;
	text-shadow: 0px 0px 5px #222;
}
#pregistro h3{
	padding: 5px 25px;
	color: white !important;
	text-align: center;
	margin: auto;
	display: block;
	width: auto;
	font-size: 30px;
	top:calc(50% - 30px);
	position: relative;
	text-shadow: 0px 0px 5px #222;
}
#pregistro h2.especial{
	#color: black !important;
	#text-shadow: none;
	font-family: letra, sans-serif;
	font-size: 30px;
}
.negro{
	display: none;
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 2;
	background-color: #00000088;
	top:0px;
	left: 0px;
}
.titulo{
	width: 270px;
	color: white;
	background-color: var(--main-color2);
	margin-top: 0px;
	margin-bottom: 25px;
	padding: 7px 10px;
	font-size: 25px;
	height: 41px;
	position: relative;
}
.titulo:after{
	content:"";
	display: block;
	width: 0; 
	height: 0; 
	border-left: 41px solid var(--main-color2);
	border-bottom: 41px solid transparent; 
	position: absolute;
	right: -41px;
	top: 0px;
}
.titulo:before{
	content:"";
	display: block;
	width: 98.5%; 
	height: 2px; 
	background-color: var(--main-color2);
	position: absolute;
	left: 0px;
	bottom: -5px;
}
.titulobg{
	color:var(--main-color);
	font-size: 22px;
	text-align: center;
	margin-bottom: 30px;
}
.noticiario{
	overflow: hidden;

}
.noticiario>a{
	display: block;
	float: left;
	width: calc(25% - 15px);
	margin-right: 20px;
	margin-bottom: 20px;
}
.noticiario>a:nth-child(4n){
	margin-right: 0px;
}
.noticiario .nimagen{
	overflow: hidden;
}
.noticiario .nimagen>div{
	height: 160px;
	background-size: cover;
	background-position: center;
	overflow: hidden;
	transition: transform .2s ease-in-out;
}
.noticiario>a:hover .nimagen div{
	transform: scale(1.1);
}
.noticiario>a:hover .ntexto{
}
.noticiario .ntexto{
	height: 135px;
	background-color: white;
	padding: 10px;
	position: relative;
	overflow: hidden
}
.noticiario .ntexto:before{
	content:"";
	height: 18px;
	width: 100%;
	position: absolute;
	bottom: 0px;
	left: 0px;
	background: rgba(255,255,255,0);
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );

}
.noticiario h3{
	color:black;
	text-align: center;
	font-size: 15px;
	margin-top: 0px;
}
.noticiario p{
	color:#777;
	font-size: 12px;
	text-align: justify;
}
.titulo2{
	background-color:#C5D451;
	color:#000;
	font-size: 35px;
	padding: 7px 10px;
	max-width: 450px;
	margin: auto;
	text-align: center;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	font-family: titulo;
}
.titulo2 span{
	color: var(--main-color);
}
.titulo3{
	font-size: 17px;
	color: var(--main-color);
	font-weight: 600;
}
.titulo4{
	max-width: 450px;
	font-size: 30px;
	color:black;
	padding: 10px;
	text-align: center;
	margin: auto;
	background-color:#C09FCA;
	border-bottom-left-radius: 5px; 
	border-bottom-right-radius: 5px; 
	font-family: titulo;
}
.oc-listado{
	color:white;
	background-color:  var(--main-color);
	display: block;
	width: 160px;
	text-align: center;
	padding: 2px 5px;
	margin-bottom: 10px;
	border-radius: 3px;
	cursor: pointer;
	display: none;
}
.oc-listado i{
	margin-left: 10px;
	position: relative;
	display: inline-block;
}
.listado{
	overflow: hidden;
	margin-bottom: 20px;
}
.listado>div{
	width:calc(100% / 4 - 90px / 4);
	margin-right: 30px;
	float: left;
	text-align: left;
}
.listado>div:last-child{
	margin-right: 0px;
}
.listado ul{
	padding-left: 15px;
}
.listado .titulo3{
	margin-bottom: 4px;
}
.listado img{
	width:100%;
	max-width:110px;
	display: block;
	margin: auto;
}
.tit-programas{
	overflow: hidden;
	border-top: 1px solid #C5D451;
	margin-bottom: 30px;
}
.tit-programas h2{
	display: block;
	background-color: #C5D451;
	padding: 5px;
	width: 160px;
	margin: 0px;
	margin-right: 30px;
	color: black;
	font-family: titulo;
	text-align: center;
	float: left;
	font-size: 33px;
}
.tit-programas ul{
	display: block;
	padding-left: 18px;
	color:  var(--main-color);
	font-weight: 600;
	width: calc(100% - 190px);
	float: left;
	overflow: hidden;
	padding-top: 6px;
}
.tit-programas li{
	#display: block;
	padding-left: 0px;
	width: 40%;
	float: left;
	height: 17px;
	cursor: pointer;
}
.tit-programas a{
	color:  var(--main-color);
}
.programas{
	overflow: hidden;
	margin-bottom: 40px;
}
.programas div{
	overflow: hidden;
}
.programas .text-cont{
	width:52.5%;
	float: left;
	padding-bottom: 20px;
}
.programas>div:nth-child(2n) .text-cont{
	float: right;
}
.programas>div:nth-child(2n) .text-cont p{
	padding-left: 20px;
}
.programas .text-cont p{
	padding-right: 50px;
}
.programas .text-cont h2{
	background-color: #C5D45199;
	color:black;
	padding: 5px 30px;
	font-family: titulo;
	margin-top:0px;
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px;
}
.programas>div:nth-child(2n) .text-cont h2{
	border-radius: 0px;
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px;
	padding-left: 45px;
}
.programas .img-cont{
	width:47.5%;
	float: left;
}
.programas .img-cont p{
	color:  var(--main-color);
	font-weight: 600;
	font-family: titulo;
	font-size: 18px;
}
.programas img{
	width:100%;
	display: block;
	margin-bottom: 20px;
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-left-radius: 3px;
}
.programas>div:nth-child(2n) .img-cont img{
	border-radius: 0px;
	border-bottom-right-radius: 3px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
.intro-formacion{
	margin-top: 30px;
}
.intro-formacion:after{
	content:"";
	clear: both;
	display: block;
}
.intro-formacion img{
	display: block;
	float: left;
	width:120px;
	margin-right: 35px;
	position: relative;
	top:-40px;
	padding-left: 20px;
}
.intro-formacion>div{
	display: block;
	float: right;
	width:calc(100% - 155px);

}
.listado-f{
	border-top:1px solid  var(--main-color);
}
.listado-f a{
	color:  var(--main-color);
	border-bottom:1px solid  var(--main-color);
	display: block;
	font-weight: 600;
	padding: 3px 20px 3px 2px;
}
#formacion{
	overflow: hidden;
	margin-bottom: 40px;
}
#formacion h1{
	font-size: 25px;
	color:black;
	background-color: #C09FCA99;
	padding: 4px;
	text-align: center;
	font-family:titulo;
}
#formacion>img{
	display: block;
	float: right;
	margin-left: 50px;
	margin-bottom: 20px;
	max-width:450px;
	border-radius:5px;
}
#formacion p{
	margin-bottom: 5px;
}
#formacion b{
	margin-bottom: 5px;
	#font-family:titulo2;
	color: black;
}
.buscador{
	overflow: hidden;

}
.buscador a{
	color:black;
	text-decoration: none;
	width: calc(50% - 30px);
	margin-right: 30px;
	float: left;
	overflow: hidden;
	height: 125px;
	border-top: 1px solid var(--main-color2);
	margin-bottom: 20px;
	position: relative;
}
.buscador a:after{
	content:"";
	display: block;
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 15px;
	background: rgba(240,47,23,0);
	background: -moz-linear-gradient(top, rgba(240,47,23,0) 0%, rgba(234,223,237,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(240,47,23,0)), color-stop(100%, rgba(234,223,237,1)));
	background: -webkit-linear-gradient(top, rgba(240,47,23,0) 0%, rgba(234,223,237,1) 100%);
	background: -o-linear-gradient(top, rgba(240,47,23,0) 0%, rgba(234,223,237,1) 100%);
	background: -ms-linear-gradient(top, rgba(240,47,23,0) 0%, rgba(234,223,237,1) 100%);
	background: linear-gradient(to bottom, rgba(240,47,23,0) 0%, rgba(234,223,237,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f02f17', endColorstr='#eadfed', GradientType=0 );
}
.buscador a:hover{
	color: #C09FCA;
}
.buscador a:nth-child(2n){
	margin-right: 0px;
}
.buscador img{
	margin-right: 15px;
	display: block;
	float: left;
	width: 150px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}
.buscador h2{
	display: block;
	float: left;
	width: calc(100% - 165px);
	margin-top: 5px;
	font-size: 20px;
	color: var(--main-color2);
}
.buscador p{
	display: block;
	float: left;
	width: calc(100% - 165px);
	text-align: justify;
	font-size: 12px;
	position: relative;
}
.form-formacion{
	display: block;
	max-width: 600px;
	margin: auto;

}
.form-formacion h2{
	margin-top: 0px;
	margin-bottom: 15px;
	font-size: 20px;
	font-family: titulo;

}
.form-formacion input.def{
	display: block;
	width: 100%;
	border: none;
	border-bottom: 1px solid var(--main-color2);
	background-color: #ffffffbb;
	padding: 4px 10px;
	margin-bottom: 10px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.form-formacion textarea{
	display: block;
	width: 100%;
	border: none;
	border-bottom: 1px solid var(--main-color2);
	background-color: #ffffffee;
	padding: 4px 10px;
	margin-bottom: 10px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	min-height: 100px;
}
.form-formacion button {
	border: none;
	padding: 5px 15px;
	color: white;
	background-color: var(--main-color2);
	border-radius: 3px;
}
.form-sensory{
	max-width: 700px;
	margin: auto;
}
.form-sensory h2{
	font-family:titulo;
	font-size: 23px;
	color:black;
}
.form-sensory input{
	background-color: #ddd;
	padding: 8px 15px;
	width: 100%;
	display: block;
	margin-bottom: 10px;
	border:none;
	border-radius: 5px;
}
.form-sensory select{
	padding: 8px 15px;
	width: 100%;
	display: block;
	margin-bottom: 10px;
	border-color:#bad55f;
}
.form-sensory textarea{
	background-color: #ddd;
	padding: 8px 15px;
	width: 100%;
	display: block;
	margin-bottom: 10px;
	border:none;
	min-height: 150px;
}
.form-sensory .textoslegalessensorysdfdsfsfasgv{
	background-color: #ddd;
	padding: 8px 15px;
	width: 100%;
	display: block;
	margin-bottom: 10px;
	border:none;
	max-height: 100px;
	overflow: hidden;
}
.form-sensory .textoslegalessensorysdfdsfsfasgv div{
	height: 80px;
	overflow-y: scroll;
}
.form-sensory button{
	color:white;
	background-color:#7053a0;
	padding: 8px 15px;
	border:none;
	padding: 7px 20px;
}
.form-sensory input[type=checkbox]{
	display: inline;
	width: auto;
}
.introSensory{
	font-family: titulo;
	background-image: url(../img/sensory/sensoryMoment.jpg);
	background-size: cover;
	height: 250px;
	max-width: 900px;
	margin: auto;
	background-position: center;
}
.introSensory h1{
	font-family: titulo;
	position: relative;
	top: 55px;
	color:black;
	max-width: 750px;
	display: block;
	margin: auto;
	font-size: 50px;
}
.sensory{
	position: relative;
	top:-75px;
	overflow: hidden;
	max-width: 925px;
	margin: auto;
	color:black;
	margin-bottom: -60px;
}
.sensory>div{
	width: calc(33% - 20px);
	float: left;
	margin-right: 10px;
	border-radius: 10px;
	text-align: center;
	background-color: #f9f8d2;
	overflow: hidden;
}
.sensory p{
	padding: 10px 20px;
}
.sensory .stit{
	padding: 3px;
	font-family: titulo;
	font-size: 35px;
	background-color: #eeec6b;
}
.sensory .sins{
	position: relative;
	top:-25px;
	overflow: hidden;
	max-width: 200px;
	margin: auto;
	font-size: 20px;
	margin-bottom: -25px;
}
.sensory img{
	width:100%;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	height: 156px;
}
.sensory .sins a{
	display: block;
	color: white;
	font-family:titulo;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	background-color: #7053a0;
	padding: 3px 27px 3px 10px;
	float: left;
}
.sensory .sins a:nth-child(2){
	color: black;
	border-radius: 0px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	background-color: #b696c6;
	padding: 3px;
	float: right;
}
.sensory h2{
	margin-top: 15px;
	margin-bottom: 0px;
	font-family: negrita;
	font-size: 14px;
}

footer{
	display: block;
	width: 100%;
	text-align: center;
	margin: auto;
	font-size: 12px;
	padding-top: 50px;
	padding-bottom: 70px;
	color: white;
	background-color: var(--main-color2);
}

footer a{
	display: inline-block;
	padding: 2px 6px;
	color: white;
}
footer a:hover{
	display: inline-block;
	padding: 2px 6px;
	color: white;
}



.introForm{
	border: 1px solid var(--main-color2);
	border-radius: 5px;
	display: block;
	margin: auto;
	max-width: 400px;
	padding: 30px;
	margin-top: 70px;
	margin-bottom: 50px;	
}
.introForm input{
	display: block;
	border:none;
	border-bottom: 1px solid var(--main-color2);
	padding: 3px 10px;
	margin-bottom: 20px;
	width: 100%;
}
.introForm input[type=checkbox]{
	display: inline-block;
	width:20px;
	border:none;
	margin-bottom: auto;
}
.introForm button{
	border:none;
	background-color:var(--main-color2);
	color:white;
	padding: 7px 13px;
}
.buttonbig{
	display: block;
	width: 100%;
	padding: 5px;
	background-color:  var(--main-color);
	color:white;
	text-align: center;
	margin-top: 10px;
	border:2px solid  var(--main-color);
}
.buttonbig:hover{
	background-color: white;
	color: var(--main-color);
}

#cform{

}
#cform h2{
	font-size: 16px;

}
#cform input[type=text]{
	display: block;
	width: 100%;
	padding: 3px 5px;
	border:1px solid var(--main-color2);
	max-width: 400px;
}
#cform input[type=email]{
	display: block;
	width: 100%;
	padding: 3px 5px;
	border:1px solid var(--main-color2);
	max-width: 400px;
}
#cform input[type=password]{
	display: block;
	max-width: 250px;
	width: 100%;
	padding: 3px 5px;
	border:1px solid var(--main-color2);
	margin-bottom: 5px;
}
#cform button{
	display: block;
	padding: 7px 20px;
	border:1px solid var(--main-color2);
	background-color:var(--main-color2);
	color: white;
	font-size: 18px;
}
#cform select{
	display: block;
	padding: 3px 5px;
	border:1px solid var(--main-color2);
	margin-bottom: 20px;
}
.noticias{
	overflow: hidden;
}
.noticias>div{
	display: block;
	float: left;
	width: calc(50% - 10px);
	margin-right: 10px;
	background-color: #eee;
	margin-bottom: 10px;
}
.noticias>div:nth-chld(2n){
	margin-right: 0px;
}

.noticias .nimagen{
	width: 23%;
	float: left;
	background-size: cover;
	background-position: center;
	height: 100px;
	display: block;
}
.noticias .ntexto{
	float: left;
	width: 77%;
	padding: 10px 20px;
	position: relative;
	height: 100px;
}
.noticias .ntexto h3{
	font-size: 18px;
	color: var(--main-color);
	margin-top: 0px;
}
.noticias .modificar{
	position: absolute;
	color: var(--main-color);
	margin-top: 0px;
	display: block;
	padding: 5px 8px;
	background-color:  var(--main-color);
	color:white;
	bottom: 10px;
	left: 20px;
}
.noticias .eliminar{
	position: absolute;
	color: var(--main-color);
	margin-top: 0px;
	display: block;
	padding: 5px 8px;
	background-color:  var(--main-color);
	border:none;
	color:white;
	bottom: 10px;
	right: 10px;
}
.noticias i{
	margin-left: 10px;
}
.usuarios .n{
	background-color:#eee;
	padding: 10px;
	margin-bottom:10px;
	position: relative;
}
.usuarios h3{
	font-size: 18px;
	margin-top: 0px;
}
.usuarios .der{
	float: right;
	font-size: 12px;
}
.usuarios .eliminar{
	position: absolute;
	color: var(--main-color);
	margin-top: 0px;
	display: block;
	padding: 5px 8px;
	background-color:  var(--main-color);
	border:none;
	color:white;
	bottom: 10px;
	right: 10px;
}
.usuarios .modificar{
	position: absolute;
	color: var(--main-color);
	margin-top: 0px;
	display: block;
	padding: 5px 8px;
	padding-right: 6px;
	background-color:  var(--main-color);
	border:none;
	color:white;
	bottom: 10px;
	right: 50px;
}
#cookie{
	overflow: hidden;
	width: 100%;
	text-align: center;
	display: block;
	bottom: 0px;
	font-size:10px;
	position:fixed;
	background-color: rgba(0,0,0,0.7);
	color:white;
	padding: 11px;
	z-index: 2000;
}
#cookie-cerrar{
	font-size: 12px;
	border: 1px solid var(--main-color2); 
	background-color:var(--main-color2); 
	color:white;
	font-size: 13px;
	margin-left: 10px;
	float: right;
	margin-top: -6px;
	margin-bottom: -6px;

	height: 30px;
}
@media (max-width:1000px){
	.noticias{
		padding: 5px;
		overflow: visible;
	}
	.noticias>div{
		display: block;
		float: none;
		width: calc(100%);
		margin-right: 0px;
		height: 100px;
	}
	.noticias .nimagen{

	}
}
@media (max-width:900px){
	body{
		padding-top: 65px;
	}
	#menu .cont{
		height: 65px;
	}
	#menu{
		position: fixed;
		height: 65px;
		margin-bottom: 0px;
		padding:0px 5px;
		border-radius: 0px;
	}
	.submenu{
		display: block !important;
		position: relative;
		top: 0px;
		background-color: transparent;
		margin-left: 20px;
		top:-5px;
	}
	.submenu li{
		background-color: transparent;
	}
	.submenu li:last-child{
		border:none;
	}
	.megamenu{
		display: none !important;
	}
	#logo{
		top:4px;
		height: 60px;
		left:0px;
		width:auto;
	}
	#logo img{
		height: 100%;
		width: auto;
	}
	nav{
		#display: none;
		background-color:#009999;
		width: 300px;
		left:-310px;
		top:0px;
		height: 100%;
		margin-left: 0px;
		position: fixed;
		padding: 20px 20px 10px 30px;
		overflow-y: auto;
		z-index: 10;
		border-right:2px solid white;box-shadow: 0px 0px 7px #111;
		margin-top: 0px;
	}
	nav div{
		border-right: none;
	}
	.social{
	}
	.social img{
	}
	.social a{
	}
	#top-nav{
		height: auto;
		display: none;
	}
	#cont-nav{
		height: auto;
	}
	nav .cerrar{
		display: block;
		color: white;
		border: none;
		background-color: transparent;
		font-size: 35px;
	}
	nav div{
		width: 100%;
		float: none;
		border-bottom: 1px solid white;
	}
	nav div a{
		width: 100%;
		float: none;
		text-align: left;
		padding: 10px 10pxpx;
		color:white ;
		position: relative;
	}
	nav div:hover {
		border-bottom: 1px solid white;
	}
	nav div a:hover{
		color:white;
		text-decoration: none;
		border-bottom: none;
	}
	nav div a:active, nav div a:focus{
		color:white;
		text-decoration: none;
	}
	.bar{
		display: block;
		padding-top:16px;
	}
	.bar span{
		height: 4px !important;
		width: 35px !important;
	}
	.bar .icon-bar+.icon-bar {
		margin-top:6px !important;	
	}
	.activar{
		border-bottom: 1px solid white !important;
	}
	.activar a{
		color:#1C7396 !important;
	}
	#pregistro{
		height: 380px;
	}
	#pregistro .sli{
		height: 380px;
	}
	#pregistro h3{
		font-size: 25px;
	}
	#posicion{
		top:302px;
	}
	#cuerpo{
		padding-left:10px; 
		padding-right:10px; 
	}

	#intro .izq{
		width: 60%;
	}
	#intro .der{
		width: 40%;
	}
	#fijado{
		position: fixed;
		width: 48px;
		right: 10px;
		bottom: 10px;
		display: block;
		z-index: 100;
	}
	#fijado a{
		background-color: var(--main-color2);
		padding: 9px;
		display: block;
		margin-bottom: 9px;
		text-align: center;
	}
	#fijado i{
		font-size: 30px;
		color:white;
	}
	#menubar{
		display: block; 
		float: left;
		position: relative;
		top:5px;
	}
	#menubar span{
		background-color: white;
		width: 25px;
		height: 3px;
	}
	#menu .cont {
		padding: 0px;	
	}
	#buscador{
		position: absolute;
		top:17px;
		right: -132px;
		border: 3px solid #754b97;
		padding: 3px;
		border-radius: 5px;
	}
	#buscador input{
		border: none;
		margin-left: 20px;
		border-radius: 0px;
		padding-right: 0px;
	}
	#buscador img{
		content:url("../img/icon/buscador_tel.svg");
		left: 5px;
		top:3px;
		height: 27px;
	}
	.noticiario>a{
		width: calc(100% / 3 - 40px / 3);
	}
	.noticiario>a:nth-child(4n){
		margin-right: 20px;
	}
	.noticiario>a:nth-child(3n){
		margin-right: 0px;
	}
	#intro h1{
		margin-top: 30px;
	}
	#intro .izq .imagen{
		margin-right: 45%;
		max-width: 150px;
	}
	#intro .der img{
		margin-left: 20px;
	}


	.oc-listado{
		display: block;
	}
	.listado{
		display: none;
	}
	.listado>div{
		float: none;
		width: 100%;
		margin: 0px 0px 20px 0px;
	}
	.listado br{
		display: none;
	}
	.tit-programas h2{
		float: none;
	}
	.tit-programas li{
		float: none;
		width: 100%;
		height: auto;
	}
	.programas .text-cont{
		float: none;
		width: 100%;
	}
	.programas .img-cont{
		float: none;
		width: 100%;
	}
	.programas .text-cont h2 {
		padding-left: 15px !important;
	}
	.programas .text-cont p {
		padding-left: 0px !important;
	}
	.programas .img-cont img {
		border-radius: 5px;
	}
	.buscador a{
		float: none;
		width: 100%;
		margin: auto;
		margin-bottom: 20px;
		min-height: 125px;
		display: block;
	}
	.tit-programas ul{
		width:100%;
	}
	.introSensory h1{
		font-size: 37px;
	}
	.sensory{
		padding: 0px 5px;
	}
	.sensory>div{
		width: 100%;
		float: none;
		margin-bottom: 15px;
	}
	.sensory img{
		height: auto;
	}
}

@media (max-width:800px){
	#alertas .list{
		/*width:100%;
		float: none;
		margin-bottom: 20px;
		height: auto;
		max-height: auto;
		overflow-y: hidden;
		overflow-x: scroll;*/
		-ms-touch-action: pan-y;
		touch-action: pan-y;
		width: 120px;

	}
	#alertas .list div{
		white-space: nowrap;
		/*width:230px;
		float: left;
		margin-right: 10px;
		cursor: pointer;*/
	}
	#alertas .maps{
		width: calc(100% - 120px);
		/*width:100%;
		float: none;
		height: auto;
		max-height: auto;*/
	}
}
@media (max-width:650px){
	.contacto>div{
		width: auto;
		margin-right: 0px;
		margin-bottom: 20px;
		float: none;
	}

	.noticiario>a{
		width: calc(50% - 10px);
	}
	.noticiario>a:nth-child(2n){
		margin-right: 0px !important;
	}
	.noticiario>a:nth-child(3n){
		margin-right: 20px;
	}
}
@media (max-width:900px){
	#formacion img{
		width:100%;
		float: none;
		margin: auto;
		margin-bottom: 20px;
	}
}
.slick-slide{
	position: relative;
	margin-right: 10px;
	margin-left: 10px;
}
.slick-next{
	#background-color: red !important;
	right: -18px !important;
}
.slick-next{
	background-image: url(../img/arrows.png) !important;    
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	position: absolute;
	background-color: transparent;
	height: 30px !important;
	width: 24px !important;
	background-position: 105% 0;
}
.slick-prev {
	left: -18px !important;  
	background-image: url(../img/arrows.png);
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	text-align: center;
	text-indent: 0;
	position: absolute;
	background-color: transparent;
	height: 30px !important;
	width: 24px !important;
	background-position: -5% 0;
	z-index: 2;
}
.slippry_box{
	min-height: 300px;
}





/** VARIABLES
===================================*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
	position: relative;
	margin-bottom: 60px;
	padding: 0;
	*zoom: 1;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
}
.bx-wrapper img {
	max-width: 100%;
	display: block;
}
.bxslider {
	margin: 0;
	padding: 0;
}
ul.bxslider {
	list-style: none;
}
.bx-viewport {
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	margin-left:  27px;
	padding-right: 27px;
}
/** THEME
===================================*/

/* LOADER */
.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url('../img/bx_loader.gif') center center no-repeat #ffffff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
	background: #000;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	vertical-align: bottom;
	*zoom: 1;
	*display: inline;
}
.bx-wrapper .bx-pager-item {
	font-size: 0;
	line-height: 0;
}
/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
	text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url('../img/controls.png') -86px -11px no-repeat;
	margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
	background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url('../img/controls.png') -86px -44px no-repeat;
	margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
	background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}
.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}
body:after {
	content: url(../img/close.png) url(../img/loading.gif) url(../img/prev.png) url(../img/next.png);
	display: none;
}

body.lb-disable-scrolling {
	overflow: hidden;
}

.lightboxOverlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	background-color: black;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	opacity: 0.8;
	display: none;
}

.lightbox {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 10000;
	text-align: center;
	line-height: 0;
	font-weight: normal;
}

.lightbox .lb-image {
	display: block;
	height: auto;
	max-width: inherit;
	border-radius: 3px;
}

.lightbox a img {
	border: none;
}

.lb-outerContainer {
	position: relative;
	background-color: white;
	*zoom: 1;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	border-radius: 4px;
}

.lb-outerContainer:after {
	content: "";
	display: table;
	clear: both;
}

.lb-container {
	padding: 4px;
}

.lb-loader {
	position: absolute;
	top: 43%;
	left: 0;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}

.lb-cancel {
	display: block;
	width: 32px;
	height: 32px;
	margin: 0 auto;
	background: url(../img/loading.gif) no-repeat;
}

.lb-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}

.lb-container > .nav {
	left: 0;
}

.lb-nav a {
	outline: none;
	background-image: url('data:img/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
	height: 100%;
	cursor: pointer;
	display: block;
}

.lb-nav a.lb-prev {
	width: 34%;
	left: 0;
	float: left;
	background: url(../img/prev.png) left 48% no-repeat;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	-webkit-transition: opacity 0.6s;
	-moz-transition: opacity 0.6s;
	-o-transition: opacity 0.6s;
	transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}

.lb-nav a.lb-next {
	width: 64%;
	right: 0;
	float: right;
	background: url(../img/next.png) right 48% no-repeat;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	-webkit-transition: opacity 0.6s;
	-moz-transition: opacity 0.6s;
	-o-transition: opacity 0.6s;
	transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}

.lb-dataContainer {
	margin: 0 auto;
	padding-top: 5px;
	*zoom: 1;
	width: 100%;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
	content: "";
	display: table;
	clear: both;
}

.lb-data {
	padding: 0 4px;
	color: #ccc;
}

.lb-data .lb-details {
	width: 85%;
	float: left;
	text-align: left;
	line-height: 1.1em;
}

.lb-data .lb-caption {
	font-size: 13px;
	font-weight: bold;
	line-height: 1em;
}

.lb-data .lb-number {
	display: block;
	clear: left;
	padding-bottom: 1em;
	font-size: 12px;
	color: #999999;
}

.lb-data .lb-close {
	display: block;
	float: right;
	width: 30px;
	height: 30px;
	background: url(../img/close.png) top right no-repeat;
	text-align: right;
	outline: none;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7;
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
	cursor: pointer;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}
@media (max-width:650px){
	#clorofila img{
		width:100% !important;
		float: none;
	}

}
/**
*
* slippry v1.4.0 - Responsive content slider for jQuery
* http://slippry.com
*
* Authors: Lukas Jakob Hafner - @saftsaak
*          Thomas Hurd - @SeenNotHurd
*
* Copyright 2016, booncon oy - http://booncon.com
*
*
* Released under the MIT license - http://opensource.org/licenses/MIT
*/
/* kenBurns animations, very basic */
@-webkit-keyframes left-right {
	0% {
		-webkit-transform: translateY(-20%) translateX(-10%);
		transform: translateY(-20%) translateX(-10%); }
	100% {
		-webkit-transform: translateY(0%) translateX(10%);
		transform: translateY(0%) translateX(10%); } }
@-o-keyframes left-right {
	0% {
		-o-transform: translateY(-20%) translateX(-10%);
		transform: translateY(-20%) translateX(-10%); }
	100% {
		-o-transform: translateY(0%) translateX(10%);
		transform: translateY(0%) translateX(10%); } }
@keyframes left-right {
	0% {
		-webkit-transform: translateY(-20%) translateX(-10%);
		-o-transform: translateY(-20%) translateX(-10%);
		transform: translateY(-20%) translateX(-10%); }
	100% {
		-webkit-transform: translateY(0%) translateX(10%);
		-o-transform: translateY(0%) translateX(10%);
		transform: translateY(0%) translateX(10%); } }
@-webkit-keyframes right-left {
	0% {
		-webkit-transform: translateY(0%) translateX(10%);
		transform: translateY(0%) translateX(10%); }
	100% {
		-webkit-transform: translateY(-20%) translateX(-10%);
		transform: translateY(-20%) translateX(-10%); } }
@-o-keyframes right-left {
	0% {
		-o-transform: translateY(0%) translateX(10%);
		transform: translateY(0%) translateX(10%); }
	100% {
		-o-transform: translateY(-20%) translateX(-10%);
		transform: translateY(-20%) translateX(-10%); } }
@keyframes right-left {
	0% {
		-webkit-transform: translateY(0%) translateX(10%);
		-o-transform: translateY(0%) translateX(10%);
		transform: translateY(0%) translateX(10%); }
	100% {
		-webkit-transform: translateY(-20%) translateX(-10%);
		-o-transform: translateY(-20%) translateX(-10%);
		transform: translateY(-20%) translateX(-10%); } }
/* added to the original element calling slippry */
.sy-box.sy-loading {
	background: url("/images/sy-loader.gif") 50% 50% no-repeat;
	-webkit-background-size: 32px 32px;
	background-size: 32px;
	min-height: 40px; }
.sy-box.sy-loading .sy-slides-wrap, .sy-box.sy-loading .sy-pager {
	visibility: hidden; }

/* element that wraps the slides */
.sy-slides-wrap {
	position: relative;
	height: 100%;
	width: 100%; }
.sy-slides-wrap:hover .sy-controls {
	display: block; }

/* element that crops the visible area to the slides */
.sy-slides-crop {
	height: 100%;
	width: 100%;
	position: absolute;
	overflow: hidden; }

/* list containing the slides */
.sy-list {
	width: 100%;
	height: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute; }
.sy-list.horizontal {
	-webkit-transition: left ease;
	-o-transition: left ease;
	transition: left ease; }
.sy-list.vertical {
	-webkit-transition: top ease;
	-o-transition: top ease;
	transition: top ease; }

/* single slide */
.sy-slide {
	position: absolute;
	width: 100%;
	z-index: 2; }
.sy-slide.kenburns {
	width: 140%;
	left: -20%; }
.sy-slide.kenburns.useCSS {
	-webkit-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity; }
.sy-slide.kenburns.useCSS.sy-ken:nth-child(1n) {
	-webkit-animation-name: left-right;
	-o-animation-name: left-right;
	animation-name: left-right;
	-webkit-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	animation-fill-mode: forwards; }
.sy-slide.kenburns.useCSS.sy-ken:nth-child(2n) {
	-webkit-animation-name: right-left;
	-o-animation-name: right-left;
	animation-name: right-left;
	-webkit-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	animation-fill-mode: forwards; }
.sy-slide.sy-active {
	z-index: 3; }
.sy-slide > img {
	margin: 0;
	padding: 0;
	display: block;
	width: 100%;
	border: 0; }
.sy-slide > a {
	margin: 0;
	padding: 0;
	display: block;
	width: 100%; }
.sy-slide > a > img {
	margin: 0;
	padding: 0;
	display: block;
	max-width: 100%;
	max-height: 600px;
	margin: auto;
	border: 0; }

/* next/ prev buttons, with arrows and clickable area a lot larger than the visible buttons */
.sy-controls {
	display: none;
	list-style: none;
	height: 100%;
	width: 100%;
	position: absolute;
	padding: 0;
	margin: 0; }
.sy-controls li {
	position: absolute;
	width: 10%;
	min-width: 4.2em;
	height: 100%;
	z-index: 33; }
.sy-controls li.sy-prev {
	left: 0;
	top: 0; }
.sy-controls li.sy-prev a:after {
	background-position: -5% 0; }
.sy-controls li.sy-next {
	right: 0;
	top: 0; }
.sy-controls li.sy-next a:after {
	background-position: 105% 0; }
.sy-controls li a {
	position: relative;
	width: 100%;
	height: 100%;
	display: block;
	text-indent: -9999px; }
.sy-controls li a:link, .sy-controls li a:visited {
}
.sy-controls li a:hover, .sy-controls li a:focus {
	outline: none; }
.sy-controls li a:after {
	content: "";
	background-image: url("../img/arrows.png");
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	text-align: center;
	text-indent: 0;
	position: absolute;
	width: 3.5em;
	height: 3.5em;
	left: 50%;
	top: 50%;
	margin-top: -1.4em;
	margin-left: -1.4em;
}
@media only screen and (max-device-width: 600px) {
	.sy-controls {
		display: block; }
	.sy-controls li {
		min-width: 2.1em; }
	.sy-controls li a:after {
		width: 1.4em;
		height: 1.4em;
		margin-top: -0.7em;
		margin-left: -0.7em; } }

/* captions, styled fo the overlay variant */
.sy-caption-wrap {
	position: absolute;
	bottom: 2em;
	z-index: 12;
	left: 50%; }
.sy-caption-wrap .sy-caption {
	position: relative;
	left: -50%;
	background-color: rgba(0, 0, 0, 0.54);
	color: #fff;
	padding: 0.4em 1em;
	border-radius: 1.2em; }
.sy-caption-wrap .sy-caption a:link, .sy-caption-wrap .sy-caption a:visited {
	color: #e24b70;
	font-weight: 600;
	text-decoration: none; }
.sy-caption-wrap .sy-caption a:hover, .sy-caption-wrap .sy-caption a:focus {
	text-decoration: underline; }
@media only screen and (max-device-width: 600px), screen and (max-width: 600px) {
	.sy-caption-wrap {
		left: 0;
		bottom: 0.4em; }
	.sy-caption-wrap .sy-caption {
		left: 0;
		padding: 0.2em 0.4em;
		font-size: 0.92em;
		border-radius: 0; } }

/* pager bubbles */
.sy-pager {
	clear: both;
	display: block;
	width: 100%;
	margin: 1em 0 0;
	padding: 0;
	list-style: none;
	text-align: center; }
.sy-pager li {
	display: inline-block;
	width: 1.2em;
	height: 1.2em;
	margin: 0 1em 0 0;
	border-radius: 50%; }
.sy-pager li.sy-active a {
	background-color: #e24b70; }
.sy-pager li a {
	width: 100%;
	height: 100%;
	display: block;
	background-color: #ccc;
	text-indent: -9999px;
	-webkit-background-size: 2em 2em;
	background-size: 2em;
	border-radius: 50%; }
.sy-pager li a:link, .sy-pager li a:visited {
	opacity: 1.0; }
.sy-pager li a:hover, .sy-pager li a:focus {
	opacity: 0.6; }

/* element to "keep/ fill" the space of the content, gets intrinsic height via js */
.sy-filler {
	width: 100%; }
.sy-filler.ready {
	-webkit-transition: padding 600ms ease;
	-o-transition: padding 600ms ease;
	transition: padding 600ms ease; }
.thumbs{
	ç*zoom:1;list-style: none;
	height: 80px;
	padding-right: 30px;
	width:100%;
	float: right;
	overflow-y: visible;
	overflow-x: scroll;
	white-space: nowrap;
}
.thumbs::-webkit-scrollbar {
	width: 7px;
	height: 7px;
	background-color: #ddd;
	touch-action: auto;
}
.thumbs::-webkit-scrollbar-thumb {
	background-color: #8B507A;
}
.thumb-box .thumbs li{
	display:inline-block;
	#float:left;
	max-width:150px;
	text-align:center;margin-left:10px;border:4px solid white;border-radius:5px;}
.thumb-box .thumbs li img{max-width:100%;opacity:1;-moz-transition:opacity 0.32s;-o-transition:opacity 0.32s;-webkit-transition:opacity 0.32s;transition:opacity 0.32s;height:55px;}
.thumb-box .thumbs li img.active{opacity:1}.thumb-box .thumbs li:hover img{opacity:1;-moz-transition:opacity 0.2s;-o-transition:opacity 0.2s;-webkit-transition:opacity 0.2s;transition:opacity 0.2s}.newsletter{border:2px solid #e24b70;padding:10px 15px}.newsletter h3{margin:0}#mc-embedded-subscribe{float:right}#mc_embed_signup form{padding:8px 0 0 !important}#mc_embed_signup input.email,#mc_embed_signup #mc-embedded-subscribe{margin-bottom:0 !important;height:48px;font-size:18px;min-width:auto}.clear{overflow:hidden;*zoom:1}.carbonwrap{border:2px solid #ccc;padding-bottom:18px}@media only screen and (max-width: 768px){.carbonwrap{display:none}}#carbonads{margin:18px 10px}.carbon-poweredby{margin-top:5px !important;font-size:12px;text-decoration:none}@media only screen and (min-width: 840px){.carbon-poweredby{margin-left:15px !important}}.carbon-poweredby:before{content:' ';overflow:hidden;*zoom:1}.carbon-img{float:left}.carbon-text{font-size:13px;display:block !important;margin-bottom:2px !important;text-decoration:none;text-transform:none}@media only screen and (min-width: 840px){.carbon-text{padding-top:0 !important;float:none !important;width:auto !important;height:auto !important;margin-left:145px !important}}
.thumb-box{
	margin-top: -59px;
	position: relative;
	z-index: 10;
	overflow: hidden;
}
.sy-controls{
	display: block;
}
.slippry_box{
	position: relative;
	z-index: 5;
}
$slick-font-path: "./fonts/" !default;
$slick-font-family: "slick" !default;
$slick-loader-path: "./" !default;
$slick-arrow-color: white !default;
$slick-dot-color: black !default;
$slick-dot-color-active: $slick-dot-color !default;
$slick-prev-character: "\2190" !default;
$slick-next-character: "\2192" !default;
$slick-dot-character: "\2022" !default;
$slick-dot-size: 6px !default;
$slick-opacity-default: 0.75 !default;
$slick-opacity-on-hover: 1 !default;
$slick-opacity-not-active: 0.25 !default;

@function slick-image-url($url) {
	@if function-exists(image-url) {
		@return image-url($url);
	}
	@else {
		@return url($slick-loader-path + $url);
	}
}

@function slick-font-url($url) {
	@if function-exists(font-url) {
		@return font-url($url);
	}
	@else {
		@return url($slick-font-path + $url);
	}
}

/* Slider */

.slick-list {
	.slick-loading & {
		background: #fff slick-image-url("ajax-loader.gif") center center no-repeat;
	}
}

/* Icons */
@if $slick-font-family == "slick" {
	@font-face {
		font-family: "slick";
		src: slick-font-url("slick.eot");
		src: slick-font-url("slick.eot?#iefix") format("embedded-opentype"), slick-font-url("slick.woff") format("woff"), slick-font-url("slick.ttf") format("truetype"), slick-font-url("slick.svg#slick") format("svg");
		font-weight: normal;
		font-style: normal;
	}
}

/* Arrows */

.slick-prev,
.slick-next {
	position: absolute;
	display: block;
	height: 20px;
	width: 20px;
	line-height: 0px;
	font-size: 0px;
	cursor: pointer;
	#background: transparent;
	#color: transparent;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	padding: 0;
	border: none;
	outline: none;
	&:hover, &:focus {
		outline: none;
		background: transparent;
		color: transparent;
		&:before {
			opacity: $slick-opacity-on-hover;
		}
	}
	&.slick-disabled:before {
		opacity: $slick-opacity-not-active;
	}
	&:before {
		font-family: $slick-font-family;
		font-size: 20px;
		line-height: 1;
		color: $slick-arrow-color;
		opacity: $slick-opacity-default;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
}

.slick-prev {
	left: -25px;
	[dir="rtl"] & {
		left: auto;
		right: -25px;
	}
	&:before {
		content: $slick-prev-character;
		[dir="rtl"] & {
			content: $slick-next-character;
		}
	}
}

.slick-next {
	right: -25px;
	[dir="rtl"] & {
		left: -25px;
		right: auto;
	}
	&:before {
		content: $slick-next-character;
		[dir="rtl"] & {
			content: $slick-prev-character;
		}
	}
}

/* Dots */

.slick-dotted.slick-slider {
	margin-bottom: 30px;
}

.slick-dots {
	position: absolute;
	bottom: -25px;
	list-style: none;
	display: block;
	text-align: center;
	padding: 0;
	margin: 0;
	width: 100%;
	li {
		position: relative;
		display: inline-block;
		height: 20px;
		width: 20px;
		margin: 0 5px;
		padding: 0;
		cursor: pointer;
		button {
			border: 0;
			background: transparent;
			display: block;
			height: 20px;
			width: 20px;
			outline: none;
			line-height: 0px;
			font-size: 0px;
			color: transparent;
			padding: 5px;
			cursor: pointer;
			&:hover, &:focus {
				outline: none;
				&:before {
					opacity: $slick-opacity-on-hover;
				}
			}
			&:before {
				position: absolute;
				top: 0;
				left: 0;
				content: $slick-dot-character;
				width: 20px;
				height: 20px;
				font-family: $slick-font-family;
				font-size: $slick-dot-size;
				line-height: 20px;
				text-align: center;
				color: $slick-dot-color;
				opacity: $slick-opacity-not-active;
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale;
			}
		}
		&.slick-active button:before {
			color: $slick-dot-color-active;
			opacity: $slick-opacity-default;
		}
	}
}