/*
font-family: 'Comfortaa', cursive;
font-family: 'Titillium Web', sans-serif;
*/

body{
	color: #414141;
	font-family: 'Titillium Web', sans-serif;	
}

header{
	position: sticky;
	background-color: #ffffff;
	padding-bottom: 15px;
	box-shadow: 0 0 15px 0 rgba(0,0,0,.15);
}

header .top{
	margin-bottom: 15px;
}

header .top, footer{
	background-color: rgba(35,185,236,1.00);
}

header .top a, header .top p{
	color: #ffffff;
}

header .top a:hover{
	color: #315F6E;
}

header .logo{
	width: 120px;
	height: 100px;
	background-image: url("logo.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

header ul.options.active{
	height: auto;
	max-height: calc(100vh - 180px);
	margin-top: 15px;
	border: 1px solid #cccccc;
	border-bottom: 0;
}

header ul.options.active li:nth-child(5n+1){
	background-color: rgba(35,185,236,0.50);
}

header ul.options.active li:nth-child(5n+2){
	background-color: rgba(62,237,36,0.50);
}

header ul.options.active li:nth-child(5n+3){
	background-color: rgba(237,204,36,0.50);
}

header ul.options.active li:nth-child(5n+4){
	background-color: rgba(245,156,33,0.50);
}
header ul.options.active li:nth-child(5n+5){
	background-color: rgba(214,9,104,0.50);
}

header ul.options > li{
	display: block;
	width: 33.33%;
	float: left;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.25);
}

h1, h2{
	font-family: 'Comfortaa', cursive;
}

header .hamburger{
	padding: 38px 0 32px;
}

.hamburger:hover{
	opacity: 1;
}

.hamburger:hover .hamburger-inner, .hamburger:hover .hamburger-inner:after, .hamburger:hover .hamburger-inner:before{
	background-color: #7fabad;	
}

header ul.options{
	width: 100%;
	height: 0;
	overflow: hidden;
	margin-bottom: 0;
}	

header .options{
	line-height: 2rem;
}

header ul.options > li{
	display: block;
	text-align: left;
}

header ul.options > li p{
	margin-left: 0;
	padding-left: 0;
}

header ul.options > li p, header ul.options > li a{
	display: block;
	font-weight: 600;
}

header .options a{
	padding: 30px;	
	color: #FFFFFF;
}

header .options p:hover, header .options p:hover a{
	opacity: 1;
}

header .options a:hover{
	color: #FFFFFF;
}

.carousel .carousel-item{
	background-image: url("../files/fondoSlider.jpg");
}

footer .redes a{
    width: 45px;
    height: 45px;
    border-radius: 100%;
    color: #ffffff;	
}


footer .redes a:before{
	font-size: 1.25rem;
}

footer .redes a:nth-child(4n+1){
    background-color: #3eed24;
}

footer .redes a:nth-child(4n+2){
    background-color: #edcc24;
}
footer .redes a:nth-child(4n+3){
    background-color: #f59c21;
}
footer .redes a:nth-child(4n+4){
    background-color: #d60968;
}


footer .redes a:nth-child(4n+1):hover:before{
color: #3eed24;
}

footer .redes a:nth-child(4n+2):hover:before{
color: #edcc24;
}
footer .redes a:nth-child(4n+3):hover:before{
color: #f59c21;
}
footer .redes a:nth-child(4n+4):hover:before{
color: #d60968;
}

footer .redes a:hover{
    background-color: #10566e;
}

footer .links p, footer .links p:first-child{
	font-size: 1rem;
	color: #ffffff;
	opacity: 1;	
}

footer .footReg{
	color: #ffffff;
}

header + .carousel, .imagenCabecera{
	height: calc(65vh - 160px);
}

.carousel-indicators{
	display: none;
}

.carousel-control-next, .carousel-control-prev{
	height: 80%;
	width: 8.5%;
}

.carousel .carousel-item{
	background-image: url("../files/fondoSlider.jpg");
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: cover;
}

.carousel-item:after{
	display: none;
}

.carousel-caption{
    width: 100%;
    padding: 0;
    height: 100%;
    right: auto;
    bottom: auto;
    left: 0;
    top: 0;
    transform: none;
    text-align: left;
}

.carousel-caption h1{
    position: absolute;
    top: 0;
    left: 0;
    padding: 15px 15px 15px 8.5%;
    background-color: rgba(71,96,97,.95);
    display: inline-block;
    width: auto;
    margin-bottom: 0;
}

.carousel-caption h1:after{
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 130px 50px 0 0;
    border-color: rgba(71,96,97,.95) transparent transparent transparent;
    /* width: 50px; */
    /* height: 100%; */
    /* background: #f00; */
    /* display: block; */
    position: absolute;
    bottom: 0;
    right: -50px;
}

.carousel-caption h1 + p{
	display: none;
}

.carousel-caption a.btn-call, .btn-primary.btn-call, .loginRegistro .btn.btn-success, .post .btn.btn-call{
	color: #ffffff;
	background-color: #4ba8ad;
	text-transform: uppercase;
    font-weight: bold;	
}

.carousel-caption h1 + p, .carousel-caption a.btn-call{
	width: 100%;
}

.carousel-caption a.btn-call{
	background-color: rgba(75,168,173,0);
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
	height: 100%;
	font-size: 0;
}

.carousel-caption a.btn-call:after{
	font-size: 1rem;
	content: "Ver más";
	background-color: rgba(75,168,173,.95);
    position: absolute;
    bottom: -2px;
    right: 0;
    width: 100%;
    text-align: right;
	padding: 15px;
	transition: padding-right .3s;
	border-radius: 0;
}

.carousel-caption a.btn-call:hover, .btn-primary.btn-call:hover, .loginRegistro .btn.btn-success:hover, .post .btn.btn-call:hover{
	color: #ffffff;
}

.post .btn.btn-call{
	margin-bottom: 30px;
}

.articulo .proximaFecha .btn.call{
	padding: 15px 30px;
	border: 2px solid #cccccc;
	background-color: transparent;
	color: #414141;
	font-weight: bold;
	text-transform: uppercase;
}

.articulo .proximaFecha .btn.call:hover{
	border-color: #59d9da;
	color: #5e4dd1;
	background-color: #59d9da;	
}

.carousel-caption p:last-of-type{
	margin-bottom: 0;
}

.carousel .carousel-item:nth-child(5n+1) .carousel-caption h1{
	background-color: rgba(35,185,236,.95);	
}

.carousel .carousel-item:nth-child(5n+1) .carousel-caption h1:after {
    border-color: rgba(35,185,236,.95) transparent transparent transparent;
}

.carousel .carousel-item:nth-child(5n+2) .carousel-caption h1{
	background-color: rgba(62,237,36,.95);	
}

.carousel .carousel-item:nth-child(5n+2) .carousel-caption h1:after {
    border-color: rgba(62,237,36,.95) transparent transparent transparent;
}

.carousel .carousel-item:nth-child(5n+3) .carousel-caption h1{
	background-color: rgba(237,204,36,.95);	
}

.carousel .carousel-item:nth-child(5n+3) .carousel-caption h1:after {
    border-color: rgba(237,204,36,.95) transparent transparent transparent;
}

.carousel .carousel-item:nth-child(5n+4) .carousel-caption h1{
	background-color: rgba(245,156,33,.95);	
}

.carousel .carousel-item:nth-child(5n+4) .carousel-caption h1:after {
    border-color: rgba(245,156,33,.95) transparent transparent transparent;
}

.carousel .carousel-item:nth-child(5n+5) .carousel-caption h1{
	background-color: rgba(214,9,104,.95);	
}

.carousel .carousel-item:nth-child(5n+5) .carousel-caption h1:after {
    border-color: rgba(214,9,104,.95) transparent transparent transparent;
}


.carousel .carousel-item:nth-child(5n+2) .carousel-caption a.btn-call:after{
	background-color: rgba(35,185,236,.95);	
}

.carousel .carousel-item:nth-child(5n+3) .carousel-caption a.btn-call:after{
	background-color: rgba(62,237,36,.95);	
}

.carousel .carousel-item:nth-child(5n+4) .carousel-caption a.btn-call:after{
	background-color: rgba(237,204,36,.95);	
}

.carousel .carousel-item:nth-child(5n+5) .carousel-caption  a.btn-call:after{
	background-color: rgba(245,156,33,.95);	
}
.carousel .carousel-item:nth-child(5n+1) .carousel-caption  a.btn-call:after{
	background-color: rgba(214,9,104,.95);	
}

section{
	overflow: hidden;
	padding: 90px 0;
	background-attachment: fixed;
	background-position: center right;
	background-repeat: no-repeat;
	background-size: auto 100%;
	margin-bottom: 0!important;	
}

section.mb-3{
	margin-bottom: 0!important;	
}

section h1, .articulo .container > h1, section h2, section .container > p:first-child{
	font-family: 'Comfortaa', cursive;
	color: #212121;
}

section .container > h1, .articulo .container > h1, section .container > h2:first-child, section .container > p:first-child{
	display: block;
	width: 100%;
	float: left;
	font-size: 2rem;
	text-align: center;
	font-weight: 700;
}

section .container > h1:after, .articulo .container > h1:after, section .container > h2:first-child:after, section .container > p:first-child:after{
	content: "";
	display: block;
	width: 45%;
	margin: 10px auto 30px;
	height: 10px;
}

.cursos .listado{
	font-size: 0;
}

.cursos .listado a{
	font-size: 1rem;
}

.cursos a.curso p:first-child{
	font-size: 1.5rem;
}

section.cursos a.curso{
	color: #414141;
}

section.cursos a.curso:hover{
	color: #ffffff;
}

section.cursos a.curso img{
	border: 1px solid #ffffff;
}
section.cursos a.curso p:first-child{
	color: #414141;	
}

section.cursos a.curso:hover p:first-child{
	color: #ffffff;
}

.cursos a.curso p, .cursos a.curso .detalle, .cursos a.curso p.detalle, .cursos a.curso .detalle{
	font-size: 1rem;
}

.cursos a.curso:hover p strong{
	color: #ffffff;
}

.articulo h1{
	margin-bottom: 30px;
}

.articulo .texto a{
	color: #5e4dd1;
}

.articulo + .dependientes{
	padding-bottom: 60px;
}

.articulo + .dependientes .listado{
	text-align: center;
	font-size: 0;
}

.articulo + .dependientes .listado a{
	text-align: left;
	width: 30%;
	display: inline-block;
	margin-right: 5%;
	margin-bottom: 5%;
	font-size: 1rem;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	padding: 30px;
	vertical-align: top;
	color: #626262;
}

.articulo + .dependientes .listado a h2{
	font-family: 'Titillium Web', sans-serif;	
	font-size: 1.5rem;
	text-transform: uppercase;
	margin-bottom: 15px;
}

.articulo + .dependientes .listado a .fecha{
	padding: 10px 0;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font-size: .879rem;
}

.articulo + .dependientes .listado a .imagen{
	margin-bottom: 30px;
}

.articulo + .dependientes .listado a .imagen, .articulo + .dependientes .listado a .imagen img{
	width: 100%;	
}

.articulo + .dependientes .listado a .copete{
	margin-bottom: 15px;
}

.articulo + .dependientes .listado a:hover{
	border: 1px solid #5e4dd1;
}

.articulo + .dependientes .listado a:hover h2{
	text-decoration: underline;
}

.articulo + .dependientes .listado a .btn-call, .btn-primary.btn-call{
    padding: 15px 30px;
    border: 2px solid #cccccc;
    background-color: transparent;
    color: #626262;
    font-weight: bold;
    text-transform: uppercase;	
}

.btn-primary.btn-call{
	background-color: #59d9da;
	color: #5e4dd1;
	border-color: #5e4dd1;
}

.articulo + .dependientes .listado a:hover .btn-call, .btn-primary.btn-call:hover{
	border-color: #5e4dd1;
}

.contacto h2, .pricing h2{
	margin-bottom: 60px;
}

.pricing > .container{
	font-size: 0;
}

.pricing .plan{
	font-size: 1rem;
	border-top: 5px solid #5e4dd1;
}


.pricing .plan{
	font-size: 1rem;
	border-top: 5px solid #5e4dd1;
}


.pricing .plan img{
	width: 100%;
	margin-bottom: 15px;	
}

.plan .btn-call{
padding: 15px 30px;
    border: 2px solid #cccccc;
    background-color: transparent;
    color: #414141;
    font-weight: bold;
    text-transform: uppercase;
	border-radius: 0;
}

.plan .btn-call:hover{
	border-color: #5e4dd1;
	color: #5e4dd1;
	background-color: #59d9da;
}

.plan .planPrecio{
	color: #5e4dd1;
}

/**/
.clientes .logos{
	margin-top: 30px;
}

.clientes .logos span {
    height: 60px;
    position: relative;
}

.clientes .logos span{
	background-color: transparent;
}

.clientes .logos img {
	mix-blend-mode: multiply;
    width: auto;
    max-width: 60%;
    max-height: 60px;
    position: absolute;
    top: 50%;
    left: 50%;
	transform: translate(-50%,-50%);}

.clientes button{
	display: none;
}

/*Cursada*/

.articulo.cursada{
	padding-top: 90px;
}

.articulo.cursada .cuerpo a, .articulo.cursada .intro a{
	color: #5e4dd1;
}

.comentarios p{
	padding: 10px 0;
}

.articulo.cursada .comentarios ul{
	padding: 0;
	margin-left: 0;
}

.articulo.cursada .comentarios ul li{
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.comentarios ul li .icono {
	width: 30px;
	padding: 0;
	background-color: transparent;
}

.comentarios ul li .icono:before{
	font-size: 2rem;
	content: "\f02d";
    font-weight: 600;
	font-family: "Font Awesome 6 Free";	
	color: #59d9da;
}

.container > h2 + p {
	text-align: center;
}

.cuerpo blockquote {
	color: #5e4dd1;
    background: #f2f2f2;
    border-left: 15px solid #5e4dd1;
    margin: 0 0 1.5em;
    padding: 30px;
    quotes: "\201C""\201D""\2018""\2019";
}

.cuerpo ul{
	list-style: none;
	padding: 0;
}

.cuerpo ul li:before{
	content: "\f04b";
    font-weight: 600;
	font-family: "Font Awesome 6 Free";	
	color: #59d9da;
	margin-right: 5px;
}

header.inside + .articulo{
	padding-top: 30px;
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before{
	background-color: #828282;
}

.articulo.cursada .intro{
	width: 100%;
	float: left;
}

header.inside{
	border-bottom: 1px solid #f2f2f2;
}

header + .loginRegistro{
	background-color: transparent;
	margin-top: 0;
	margin-bottom: 0;
}

.loginRegistro .login, .loginRegistro .registro, .loginRegistro .recuperar{
	background-color: #ffffff;
}

.loginRegistro .btn.btn-success{
	border: 2px solid #5e4dd1;
	padding: 15px 30px;
}

.recuperarTrigger:hover, .registrarTrigger, .loginRegistro .small a{
	color: #5e4dd1;
}

.cursada ul.listadoClases li{
	width: 31.66666666666667%;
}

.cursada ul.listadoClases li a{
	color: #414141;
}

.cursada ul.listadoClases li .imagen{
	height: auto;
	overflow: auto;
}

.cursada ul.listadoClases li .imagen img{
	position: relative;
	width: 100%;
	height: auto;
	object-fit: contain;
}

.cursada ul.listadoClases li .imagen .faltan{
	z-index: 1;
}

.participantes{
	font-size: 0;
	text-align: center;
}

.participantes > div{
	font-size: 1rem;
	width: 18%;
	display:inline-block;
	margin-right: 2.5%;
	margin-bottom: 2.5%;
	position: relative;
	vertical-align: top;
}

.participantes > div .imagen.cuadrada.circular {
    overflow: hidden;
    position: relative;
    width: 39%;
	float: none;
    margin: 0 auto 15px;	
}

.participantes > div .imagen.cuadrada.circular img {
	object-fit: cover;
	height: 100%;
}

.cursada ul.listadoClases li .imagen + p{
	text-transform: uppercase;
}

.participantes > div .imagen.cuadrada.circular + p {
	text-align: center;
}

.listadoClases + h2{
	text-align: center;
	margin-bottom: 30px;
}

.cursada ul.listadoClases li{
	border-radius: 12px 12px 0 0;
	position: relative;
}

.cursada ul.listadoClases li a {
    color: #414141;
    border-top: 4px solid #f00;
    border-radius: 12px 12px 0 0;
	float: left;
	height: 100%;
}

.cursada ul.listadoClases li a:hover {
    color: #ffffff;
}


header .options .active ul{
	box-shadow: 5px 5px 3px 0px rgba(0,0,0,0.25);
	-webkit-box-shadow: 5px 5px 3px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 5px 5px 3px 0px rgba(0,0,0,0.25);
}

.articulo.cursada .texto{
	width: 100%;
}


section.articulos .listado{
	font-size: 0;
	text-align: center;
	vertical-align: top;
}

section.articulos a.articulo_item, .articulo.enHome.articulos-al-pie .texto .listado a.articulo_item {
	width: 31.66666666666667%;
	display: inline-block;
	font-size: 1rem;
	margin-right: 2.5%;
	margin-bottom: 2.5%;
	text-align: left;
	vertical-align: top;
    background-color: #ffffff;
	border: 1px solid #cccccc;
}

.articulo.enHome.articulos-al-pie .texto .listado a.articulo_item {
display: block;
float: left;}

section.articulos a.articulo_item .imagen, .articulo.enHome.articulos-al-pie .texto .listado a.articulo_item .imagen{
	display: block;
	width: 100%;
	padding: 0;
	margin:0 0 0;
	position: relative;
	overflow: hidden;
}

section.articulos a.articulo_item .imagen:after, .articulo.enHome.articulos-al-pie .texto .listado a.articulo_item .imagen:after{
	content: "";
	display: block;
	padding-bottom: 75%;
}

section.articulos a.articulo_item .imagen img, .articulo.enHome.articulos-al-pie .texto .listado a.articulo_item .imagen img{
	position: absolute;
	object-fit: cover;
	width: 101%;
	height: 101%;
}

section.articulos a.articulo_item .texto, section.articulos a.articulo_item .texto{
	border-top: 5px solid #cccccc;
	padding: 30px;
	color: #414141;
}

section.articulos a.articulo_item .texto .copete, section.articulos a.articulo_item .texto .copete{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
	margin-bottom: 15px;
}

section.articulos a.articulo_item .texto .btn, .articulo.enHome.articulos-al-pie .texto .listado a.articulo_item .texto .btn{
	border-radius: 0;
	padding: 15px 30px;
	color: #414141;
	margin-bottom: 0;
}

section.articulos .listado > a.btn:before, section.articulos .listado > a.btn:after{
	content: " - ";
}

section.articulos-al-pie h1, section.articulos-al-pie .imagenEpigrafe, section.articulos-al-pie .texto, section.articulos-al-pie + .dependientes a.articulo_item .fecha, section.articulos-al-pie  + .dependientes a.articulo_item .copete, section.articulos-al-pie  + .dependientes a.articulo_item .btn, .articulo.enHome.articulos-al-pie .texto .listado a.articulo_item .fecha, .articulo.enHome.articulos-al-pie .texto .listado a.articulo_item .copete, .articulo.enHome.articulos-al-pie .texto .listado a.articulo_item .btn{
	display: none;
}

section.articulos-al-pie  + .dependientes a.articulo_item .texto, section.articulos-al-pie  + .dependientes a.articulo_item .texto, .articulo.enHome.articulos-al-pie .texto .listado a.articulo_item .texto, .articulo.enHome.articulos-al-pie .texto .listado a.articulo_item .texto{
	background-color:#ffffff;
	color: #124471;
}

section.articulos-al-pie  + .dependientes a.articulo_item:hover .texto, .articulo.enHome.articulos-al-pie .texto .listado a.articulo_item:hover .texto{
	background-color:#124471;
	color: #D7B360;
}

.listadoCategorias a p {
	width: 100%;
	bottom: 0;
	margin-bottom: 0;
	background-color: rgba(75,168,173,.9);
	color: #FFFFFF;
	padding: 15px;
	font-weight: bold;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.25);
}


.listadoCategorias a:nth-child(5n+1) p{
	background-color: rgba(35,185,236,.95);
}

.listadoCategorias a:nth-child(5n+2) p{
	background-color: rgba(62,237,36,.95);
}

.listadoCategorias a:nth-child(5n+3) p{
	background-color: rgba(237,204,36,.95);
}

.listadoCategorias a:nth-child(5n+4) p{
	background-color: rgba(245,156,33,.95);
}

.listadoCategorias a:nth-child(5n+5) p{
	background-color: rgba(214,9,104,.95);
}

.listadoCategorias a:hover p{
	background-color: rgba(65,65,65,.95);
}

.listadoCategorias a:nth-child(5n+1):hover p{
	color: rgba(35,185,236,.95);
}

.listadoCategorias a:nth-child(5n+2):hover p{
	color: rgba(62,237,36,.95);
}

.listadoCategorias a:nth-child(5n+3):hover p{
	color: rgba(237,204,36,.95);
}

.listadoCategorias a:nth-child(5n+4):hover p{
	color: rgba(245,156,33,.95);
}

.listadoCategorias a:nth-child(5n+5):hover p{
	color: rgba(214,9,104,.95);
}

.listadoCategorias a img{
	transition: all .3s;
}

.listadoCategorias a:hover img{
	width: 125%;
	height: 125%;
    transform: translate(-50%, -50%) rotate(10deg);
}

/*Productos*/
.listadoProductos{
	float: left;
}

.listadoProductos a {
    border-radius: 12px;
	border: 1px solid #e5e5e5;
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 5px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 0 5px 0 rgb(0 0 0 / 10%);
    transition: all .5s;
    vertical-align: top;
}

.listadoProductos a:hover, .listadoCategorias a:hover, .productos a:hover {
    -webkit-box-shadow: 0 0 20px 0 rgb(0 0 0 / 20%);
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 20%);
}

.listadoProductos a .detalleProducto, .productos a .detalleProducto{
	color: #414141;
}

.listadoProductos a .imagen, .productos a .imagen {
    border-radius: 12px 12px 0 0;
}

.listadoProductos a .imagen:before {
    content: "\f1d8";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 0rem;
    z-index: 0;
    transition: all .3s;
    opacity: 0;
    color: #8dbe6d;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.25);
}

.listadoProductos a:hover .imagen:before {
    opacity: 1;
    font-size: 2.5rem;
    z-index: 1;
}

.listadoProductos a:hover .imagen img, .productos a:hover .imagen img {
    filter: blur(4px);
}

.listadoProductos a .texto, .productos a .texto {
    padding: 30px 15px;
}

.listadoProductos a .nombreProducto, .listadoCategorias a .nombreProducto, .productos a .nombreProducto {
    font-size: 1.25rem;
    font-weight: 700;
    color: #414141;
}

.listadoProductos a .detalleProducto.codigo, .productos a .detalleProducto.codigo{
	font-size: .8rem;
}

.listadoProductos a .detalleProducto.codigo:before, .productos a .detalleProducto.codigo:before{
	content: "COD:"
}

.listadoProductos a .precioProducto, .productos a .precioProducto {
    font-size: 1.5rem;
    font-weight: 700;
}

.listadoProductos a .precioOriginal, .productos a .precioOriginal{
	font-size: 1rem;
	color: #414141;
	text-decoration: none;
}

.listadoProductos a .btn-call{
    color: #ffffff;
    BORDER-RADIUS: 50px;
    padding: 10px 40px;
    border: 4px solid #FFFFFF;
}

.listadoProductos a .btn-call, .productos a .btn-call, .listadoProductos a .btn-call:hover, .productos a .btn-call:hover {
    color: #ffffff;
}

.listadoProductos a .btn-call{
	background-color: #8dbe6d;}

.listadoProductos a .precioProducto, .productos a .precioProducto, .listadoProductos a .imagen:before{
    color: #d60968;	
}	

.listadoProductos a .precioProducto span, .productos a .precioProducto span{
    display: block;
    text-align: center;
    font-size: .7rem;
    text-transform: uppercase;
    color: #414141;
	margin-top: 10px;}

.listadoProductos a:nth-child(5n+1) .btn-call{
	background-color: rgba(35,185,236,1);
}

.listadoProductos a:nth-child(5n+2) .btn-call{
	background-color: rgba(62,237,36,1);
}

.listadoProductos a:nth-child(5n+3) .btn-call{
	background-color: rgba(237,204,36,1);
}

.listadoProductos a:nth-child(5n+4) .btn-call{
	background-color: rgba(245,156,33,1);
}

.listadoProductos a:nth-child(5n+5) .btn-call{
	background-color: rgba(214,9,104,1);
}


.listadoProductos a:nth-child(5n+1) .precioProducto, .listadoProductos a:nth-child(5n+1) .imagen:before{
	color: rgba(35,185,236,1);
}

.listadoProductos a:nth-child(5n+2) .precioProducto, .listadoProductos a:nth-child(5n+2) .imagen:before{
	color: rgba(62,237,36,1);
}

.listadoProductos a:nth-child(5n+3) .precioProducto, .listadoProductos a:nth-child(5n+3) .imagen:before{
	color: rgba(237,204,36,1);
}

.listadoProductos a:nth-child(5n+4) .precioProducto, .listadoProductos a:nth-child(5n+4) .imagen:before{
	color: rgba(245,156,33,1);
}

.listadoProductos a:nth-child(5n+5) .precioProducto, .listadoProductos a:nth-child(5n+5) .imagen:before{
	color: rgba(214,9,104,1);
}

section + section{
	background-color: #efefef;
}

section .container > h2:first-child:after{
	width: 150px;
	height: 21px;
	background-image:url(https://distribuidoracharly.com.ar/custom/separador.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

section:nth-of-type(5n+1) h2:after{
filter: invert(62%) sepia(56%) saturate(2114%) hue-rotate(159deg) brightness(99%) contrast(87%);
}

section:nth-of-type(5n+2) h2:after{
filter: invert(86%) sepia(40%) saturate(4633%) hue-rotate(59deg) brightness(98%) contrast(99%);
}

section:nth-of-type(5n+3) h2:after{
filter: invert(71%) sepia(72%) saturate(474%) hue-rotate(5deg) brightness(99%) contrast(97%);
}

section:nth-of-type(5n+4) h2:after{
filter: invert(79%) sepia(19%) saturate(7147%) hue-rotate(344deg) brightness(99%) contrast(94%);
}

section:nth-of-type(5n+5) h2:after{
filter: invert(14%) sepia(84%) saturate(6630%) hue-rotate(325deg) brightness(85%) contrast(96%);
}



/*Producto*/

header + section.producto{
	padding-top: 60px;
}

section.producto .codigo:before{
	content: "COD:"
}

.producto .precio{
	font-size: 1.5rem;
}

.producto .precioMayorista{
	font-size: 1.75rem;
	font-weight: 700;
	color: #d60968;
	
}

.producto .precio .mini{
	font-size: .879rem;	
}

.producto .btn-call{
	background-color: rgba(35,185,236,1.00 );
	
	color: #ffffff;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.25);
    BORDER-RADIUS: 50px;
    padding: 10px 40px;	
}

.importeFinal input[type="number"]{
	color: #414141!important;
}

/*Productos*/
header + section.destacadosTienda{
	padding-top: 0;
	margin-top: 0;
}

section.producto .datosProducto:only-child{
	float: left;
	width: 60%;

}

/*Carrito*/


.totales{
	margin-bottom: 30px;
}

.totales form p:first-of-type{
	color: #414141;
	font-weight: bold;
	text-transform: uppercase;
	border-left: 5px solid #23b9ec;
	padding-left: 7px;
}

.totales .col-md-6{
	width: 100%;
}

.totales form .btn{
	margin: 15px 0;
	white-space: normal;
	padding: 10px 30px;
	width: 100%;	
	text-transform: uppercase;
    background-color: rgba(35,185,236,1.00 );
    color: #ffffff;
    BORDER-RADIUS: 50px;
	font-size: 1rem;
	font-weight: 700;
}

.totales form .btn.seguirComprando{
	background-color: rgba(0,0,0,0);
	margin: 15px 0;
	white-space: normal;
	padding: 10px 15px;
	width: 100%;
	text-transform: none;
	color: #828282;
	border-color: #828282;
    BORDER-RADIUS: 50px;
	font-size: .9rem;
	font-weight: 400;
}

.carrito .totales select{
	color: #414141;
}

li a.borrarProducto{
	color: #828282;
}

li a.borrarProducto:hover{
	color: rgba(35,185,236,1.00 );
}

footer .links{
	width: 100%;
	text-align: center;
}

footer .links p{
	width: auto;
	display: inline-block;
}

footer .links .pago img, .formasTexto .pago img, .modal-body .pago img{
	max-width: 50px;
	width: auto;
}

/*Buscador*/
.top form input[type="submit"], .buscando form input[type="submit"], .articulo form.buscandoDescarga input[type="submit"]{
	background-color: rgba(35,185,236,1.00 );
}

.newsletter{
	background-image: url("fondoNewsletter.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

.newsletter input{
	border-radius: 12px;
}


.newsletter a{
	color: #414141;
	font-style: italic;
}

/*Buscador en top*/
header.conBuscador .top{
	text-align: right;
}

header.conBuscador .top form input{
	vertical-align: bottom;
}

.top form input[type="text"]{
	width: 33vw;
	border-radius: 100px;
	background-color: rgba(0,0,0,.3);
	font-size: .879rem;
	text-transform: lowercase;
	color: #ffffff;
	border: 0;
}

.top form ::-webkit-input-placeholder { /* Edge */
  color: #ffffff;
}

.top form :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #ffffff;
}

.top form ::placeholder {
  color: #ffffff;
}



@media only screen and (max-width : 479px) {
	
	section{
		padding: 30px 0; 
	}
	
	section.producto .datosProducto:only-child{
	width: 100%;
}
	
	
	header .top{
		margin-bottom: 0;
	}
	
	header .logo{
		width: 101px;
		height: 83px;	
	}
	
	header .hamburger{
		padding: 32px 0 20px;
	}
	
	header ul.options > li{
		width: 100%;
	}
	
	header .options a{
		width: 100%;
		margin-left: 0;
		padding: 15px;
		line-height: normal;
	}
	
	header ul.options > li > a, header ul.options > li > p{
		line-height: 50px;
	}
	
	header .options .active ul{
		width: 100%;
	}
	
	header ul.options li ul a{
		line-height: 50px;
		margin-bottom: 0;
		padding-bottom: 0
	}	


	header + .carousel, .imagenCabecera{
		height: calc(70vh - 250px);
	}	
	
	.carousel-caption h1{
		font-size: 1.5rem;
		padding: 10px;
		padding-left: 4%;
	}
	
	.carousel-caption h1{
		background-color: rgba(71,96,97,1);
	}

	.carousel-caption h1:after{
		border-color: rgba(71,96,97,1) transparent transparent transparent;
		right: -49px;
	}

	.carousel-caption a.btn-call:after{
		font-size: 1rem;
		padding: 7px 15px; 
	}

	
	section .container > h1, .articulo .container > h1, section .container > h2:first-child, section  .container > p:first-child{
		font-size: 2rem;
	}

	.articulo + .dependientes .listado a, section.articulos a.articulo_item{
		width: 100%;
		margin-right: 0;
	}	
	
	.articulo.cursada{
		padding-top: 60px;
	}
	
	.articulo.cursada .proximaFecha, .articulo.cursada .promoVideo, .articulo.cursada .imagen, .cursada ul.listadoClases li{
		width: 100%;
		margin-right: 0;
	}
	
	.participantes > div{
		width: 31.66666666666667%
	}
	
	.participantes > div .imagen.cuadrada.circular{
		width: 75%;
	}
	
	.participantes > div:nth-child(3n), .participantes > div:last-of-type{
		margin-right: 0;
	}	
	.articulo.cursada{
		padding-top: 60px;
	}	
	
.cursada .texto img{
	width: 100%;}
	
	
.cursada .texto p a{
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;	
}
	
.cursada .texto table{
	width: 100%!important;
} 
	
.cursada .texto table td{
	width: 100%!important;
	padding: 15px;
} 
	

/* categorias*/
	
	.listadoCategorias a{
		width: 100%;
	}	
}


/* Extra Small Devices, Phones */ 
@media only screen and (min-width:480px) and (max-width : 767px) {
	

	header ul.options > li > a, header ul.options > li > p{
		line-height: 50px;
	}
	
	header .options .active ul{
		width: 100%;
	}
	
	header ul.options li ul a{
		line-height: 50px;
		margin-bottom: 0;
		padding-bottom: 0
	}
		
	header + .carousel, .imagenCabecera{
		height: calc(60vh - 167px);
	}	
	
	.carousel-caption h1{
		font-size: 2rem;
		padding: 10px;
		padding-left: 2.5%;
	}
	
	.carousel-caption h1{
		background-color: rgba(71,96,97,1);
	}

	.carousel-caption h1:after{
		border-color: rgba(71,96,97,1) transparent transparent transparent;
		right: -49px;
	}

	.articulo + .dependientes .listado a, section.articulos a.articulo_item{
		width: 100%;
		margin-right: 0;
	}
	
	
	.articulo.cursada .proximaFecha, .articulo.cursada .promoVideo, .articulo.cursada .imagen, .cursada ul.listadoClases li{
		width: 100%;
		margin-right: 0;
	}
	
	.participantes > div{
		width: 31.66666666666667%
	}
	
	.participantes > div .imagen.cuadrada.circular{
		width: 75%;
	}
	
	.participantes > div:nth-child(3n), .participantes > div:last-of-type{
		margin-right: 0;
	}
	

/* categorias*/
	
	.listadoCategorias a{
		width: 48.75%;
	}
		
}

/* Small Devices, Tablets */
@media only screen and (min-width:768px) and (max-width : 991px) {
header .hamburger{
	display: block;
}	

header .options ul{
	top: 2.5rem;
	left: auto;
	right: 0;
}

	header ul.options > li > a, header ul.options > li > p{
		line-height: 50px;
	}
	
	header .options .active ul{
		width: 100%;
	}
	
	header ul.options li ul a{
		line-height: 50px;
		margin-bottom: 0;
		padding-bottom: 0
	}
	
	header + .carousel, .imagenCabecera{
    height: calc(45vh - 160px);
}
	
	.carousel-caption h1{
		padding-left: 3%;
	}		
	
	.cuerpo{
		width: 58.75%;
	}	
	
	.articulo + .dependientes .listado a{
		width: 47.5%;
	}
	
	.cursada ul.listadoClases li, section.articulos a.articulo_item{
		width:48.75%;
	}

	.participantes > div{
		width: 23.125%;
	}

	.participantes > div .imagen.cuadrada.circular{
		width: 50%;
	}
	

/* categorias*/
	
	.listadoCategorias a{
		width: 47.5%;
		margin-right: 5%;
		margin-bottom: 5%;
	}
	
	.listadoCategorias a:nth-child(3n){
		margin-right: 5%;
	}		
	.articulo + .dependientes .listado a:nth-child(2n), .articulo + .dependientes .listado a:last-of-type, .pricing .plan:nth-child(2n), .pricing .plan:last-of-type, .cursada ul.listadoClases li:nth-child(2n), .cursada ul.listadoClases li:last-child, .participantes > div:nth-child(4), .participantes > div:last-of-type, section.articulos a.articulo_item:nth-child(2n), section.articulos a.articulo_item:last-of-type, .listadoCategorias a:nth-child(2n), .listadoCategorias a:last-child{
		margin-right: 0;
	}	
}

/* Medium Devices, Desktops */
@media only screen and (min-width:992px) and (max-width : 1199px) {

header .hamburger{
	display: block;
}	
	
	header .options ul{
	top: 2.5rem;
	left: auto;
	right: 0;
}

header + .carousel , .imagenCabecera{
    height: calc(50vh - 160px);
	}	
	
	.carousel-caption h1{
		padding-left: 3%;
	}	
	
	.cuerpo{
		width: 58.75%;
	}	
	
	.participantes > div .imagen.cuadrada.circular{
		width: 50%;
	}

/* categorias*/
	
	.listadoCategorias a{
		width: 31.66666666666667%;
	}
	
	.listadoCategorias a:nth-child(4n){
		margin-right: 2.5%;
	}	
	
	
	
	.articulo + .dependientes .listado a:nth-child(3n), .articulo + .dependientes .listado a:last-of-type, .pricing .plan:nth-child(3n), .pricing .plan:last-of-type, .cursada ul.listadoClases li:nth-child(3n), .cursada ul.listadoClases li:last-child, .participantes > div:nth-child(5), .participantes > div:last-of-type, section.articulos a.articulo_item:nth-child(3n), section.articulos a.articulo_item:last-of-type, .listadoCategorias a:nth-child(3n), .listadoCategorias a:last-child{
		margin-right: 0;
	}	
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
header .hamburger{
	display: block;
}	
	
header .options ul{
	top: 4.5rem;
	left: auto;
	right: 0;
}

	.cuerpo{
		width: 58.75%;
	}
	
/* categorias*/
	
	.listadoCategorias a{
		width: 23.125%;
	}
	
	.listadoCategorias a p{
		font-size: 1.25rem;
	}
		
	.articulo + .dependientes .listado a:nth-child(3n), .articulo + .dependientes .listado a:last-of-type, .pricing .plan:nth-child(3n), .pricing .plan:last-of-type, .cursada ul.listadoClases li:nth-child(3n), .cursada ul.listadoClases li:last-child, .participantes > div:nth-child(5), .participantes > div:last-of-type, section.articulos a.articulo_item:nth-child(3n), section.articulos a.articulo_item:last-of-type, .listadoCategorias a:nth-child(4n), .listadoCategorias a:last-child{
		margin-right: 0;
	}
}