/*
font-family: 'Gochi Hand', cursive;
font-family: 'Lato', sans-serif;
*/

h1,h2,h3,h4,h5,h6,body,li,a,p{
font-family: 'Lato', sans-serif;
}

::selection {
background: #43c2e3;
color: #23728b;
}

a,i{
webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}

a,a:hover,a :focus{
text-decoration: none !important;	
color: #23728b;	
}

.centrar_al_medio {
display: flex;
-webkit-justify-content: center;
-webkit-flex-flow: column nowrap;	
}

#wrapper {
background-image: url(../img/pattern.jpg);
background-repeat: repeat;
/* background-size: 73px; */
}


@media (max-width: 991px){
	body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li:hover a, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li.current a, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li:hover a, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li.current a {
	color: #5dc9e7 !important;
	}
}

/* =============================================================
MENÚ
============================================================= */

#header.full-header #primary-menu > ul {
border-right: 1px solid #eee0;
}

body:not(.top-search-open) #header-wrap #logo{
border-right: none;	
}

#header, #header-wrap, #logo img {
	height: 76px;
}


#primary-menu ul li > a{
font-size: 15px;
text-transform: none;	
}

#primary-menu ul li > a{
font-size: 14px;
text-transform: none;
font-weight: 600;
padding: 25px 15px;
font-family: 'Lato', sans-serif;
color: #4d5675;	
letter-spacing: 0.5px;
webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;	
}

#primary-menu ul li:hover > a, #primary-menu ul li.current > a,#primary-menu ul li > a:hover{
text-decoration: underline !important;
color: #4d5675;		
}

body.stretched #header.full-header .container {
padding: 0 160px;
}


@media (max-width: 1550px){
	
	body.stretched #header.full-header .container {
	padding: 0 30px;
	}
	
}

/* =============================================================
HOME
============================================================= */

.titulo_pagina_principal{
background-image: url(../../recurso/pagina/imagen/titulo_slide.jpg);
text-align: center;
color: white;
padding-top: 33px;
padding-bottom: 33px;
background-position: center;
background-size: cover;
}

.titulo_pagina_principal h1{
color: white;
font-weight: 300 !important;
font-size: 55px;
font-family: 'Gochi Hand', cursive;
margin-bottom: -14px;
text-shadow: 2px 3px 6px #0000006e;
}

.titulo_pagina_principal p{
margin-bottom: 0px;	
font-size: 17px;
margin-top: 12px;	
letter-spacing: 1px;	
}

.titulo_pagina_tienda{
font-size: 39px;
}

.titulo_pagina_tienda{
padding-top: 13px;
padding-bottom: 18px;
}

.titulo_pagina_tienda h1{
font-size: 39px;
}

.boton_home{
text-align: center;
margin-top: 48px;
}

.boton_home a{
background-color: white;
margin-top: 11px;
padding: 15px;
border-radius: 48px;
font-family: 'Gochi Hand', cursive;
color: black;
font-size: 20px;
box-shadow: 2px 6px 8px #00000042;
max-width: 414px;
display: block;
margin: 0 auto;	
}

.boton_home a:hover{
background-color: #62cbe8;
color: white;
box-shadow: 0px 0px 0px #00000042;
}

.titulo_flecha{
    margin-bottom: 16px;
}

.titulo_flecha h2{
color: #4d5673;
font-family: 'Gochi Hand', cursive;
font-size: 37px;
margin-bottom: 0px;
display: inline-block;
}

.titulo_flecha img{
padding-left: 13px;
}

.titulo_flecha.titulo_grupo{
/*margin-top:42px;*/
}

.titulo_flecha.titulo_grupo h2{
color: #ff8775;
}

.fotos_individuales .col-lg-3{
padding: 25px;
padding-top: 0px;	
}
	
.fotos_individuales .contenedor a:hover img{
opacity: 0.5;	
}

.fotos_individuales .contenedor .foto{
background-color: white;
}

.fotos_individuales .contenedor{
background-color: white;
text-align: center;
padding: 16px;
margin-bottom: 23px;	
box-shadow: 2px 2px 3px #00000029;	
}


.fotos_individuales .contenedor img{
width: 100%;
webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;	
}

.fotos_individuales .contenedor p{
margin-bottom: -7px;
padding-top: 13px;
color: #4d5673;
font-family: 'Gochi Hand', cursive;
font-size: 18px;
}

.fotos_individuales .enlace{
font-size: 15px;
letter-spacing: 1px;
color: white;
padding: 5px 28px;
border-radius: 30px;
background: rgba(2,167,220,1);
background: -moz-linear-gradient(left, rgba(2,167,220,1) 0%, rgba(119,210,239,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(2,167,220,1)), color-stop(100%, rgba(119,210,239,1)));
background: -webkit-linear-gradient(left, rgba(2,167,220,1) 0%, rgba(119,210,239,1) 100%);
background: -o-linear-gradient(left, rgba(2,167,220,1) 0%, rgba(119,210,239,1) 100%);
background: -ms-linear-gradient(left, rgba(2,167,220,1) 0%, rgba(119,210,239,1) 100%);
background: linear-gradient(to right, rgba(2,167,220,1) 0%, rgba(119,210,239,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#02a7dc', endColorstr='#77d2ef', GradientType=1 );
margin: 0 auto;
display: block;
text-align: center;
max-width: 138px;
margin-bottom: 35px;	
}

.fotos_individuales .enlace i{
font-size: 12px;
}

.fotos_individuales .enlace:hover{
opacity: 0.5;
}

.fotos_individuales .contenedor:hover .capa_negra{
opacity: 1;	
}

.fotos_individuales .contenedor.seleccionado{
border: solid #5bc5e9 5px;
box-shadow: none;	
}

.fotos_individuales{
margin-bottom: 40px;	
} 

.fotos_grupo .contenedor.seleccionado{
border: solid #ff8777 5px;
box-shadow: none;	
}

.fotos_grupo .contenedor p{
color: #ff8775;
}	

.fotos_grupo .foto img{
width: 87%;
}

.fotos_grupo .enlace{
background: rgba(255,135,117,1);
background: -moz-linear-gradient(left, rgba(255,135,117,1) 0%, rgba(255,155,115,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,135,117,1)), color-stop(100%, rgba(255,155,115,1)));
background: -webkit-linear-gradient(left, rgba(255,135,117,1) 0%, rgba(255,155,115,1) 100%);
background: -o-linear-gradient(left, rgba(255,135,117,1) 0%, rgba(255,155,115,1) 100%);
background: -ms-linear-gradient(left, rgba(255,135,117,1) 0%, rgba(255,155,115,1) 100%);
background: linear-gradient(to right, rgba(255,135,117,1) 0%, rgba(255,155,115,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8775', endColorstr='#ff9b73', GradientType=1 );
}


.titulo_flecha.titulo_hermanos h2{
color: #33bb94;	
}

.fotos_hermanos .contenedor p{
color: #33bb94;
}	

.fotos_hermanos .contenedor.seleccionado{
border: solid #33bb94 5px;
box-shadow: none;	
}

.fotos_hermanos .enlace{
background: rgba(51,187,148,1);
background: -moz-linear-gradient(left, rgba(51,187,148,1) 0%, rgba(68,196,126,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(51,187,148,1)), color-stop(100%, rgba(68,196,126,1)));
background: -webkit-linear-gradient(left, rgba(51,187,148,1) 0%, rgba(68,196,126,1) 100%);
background: -o-linear-gradient(left, rgba(51,187,148,1) 0%, rgba(68,196,126,1) 100%);
background: -ms-linear-gradient(left, rgba(51,187,148,1) 0%, rgba(68,196,126,1) 100%);
background: linear-gradient(to right, rgba(51,187,148,1) 0%, rgba(68,196,126,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33bb94', endColorstr='#44c47e', GradientType=1 );
}


.instrucciones_home{
z-index: 9;
position: sticky;
}

.instrucciones_home>.container{
margin-top: 22px;
/* background-color: white; */
margin-bottom: -47px;
/* padding: 28px; */
text-align: center;
}

.instrucciones_home p{
margin-bottom: 0px;
font-size: 29px;
text-decoration: underline;
}

.instrucciones_home p a{
color: #53c6e5 !important;
font-family: 'Gochi Hand', cursive;
padding: 15px 15px;
}

.instrucciones_home p a:hover{
color: #b3b3b3 !important;	
}
	

@media (max-width: 1200px){
	.titulo_pagina_principal h1 {
	font-size: 38px;
	}
	
	.fotos_individuales .enlace{
    font-size: 13px;
	}
	
	.fotos_individuales .enlace i {
    font-size: 11px;
	}
	
	.fotos_individuales .enlace {
    max-width: 123px;
	}
	
	.fotos_individuales .contenedor p {
    font-size: 15px;
	}
	
	.fotos_individuales .col-lg-3 {
    padding: 15px;
	}
	
}

@media (max-width: 991px){

	.fotos_individuales .col-lg-3 {
    padding: 15px;
	}
	
	.fotos_individuales .contenedor ul li a {
    font-size: 17px;
    padding: 3px;
	}	
	
	.fotos_individuales .col-lg-3 {
	margin-bottom: 20px;
	}
	
	.fotos_individuales .contenedor ul li a {
    font-size: 27px;
	padding: 7px;	
	}

	
}

@media (max-width: 767px){
	
	.titulo_flecha.titulo_grupo{
	margin-top: 10px;
	margin-bottom: 13px;
	}
	
	.titulo_pagina_principal h1 {
	font-size: 30px;
	}
	
	.titulo_pagina_principal p {
    margin-bottom: 0px;
    font-size: 14px;
    padding: 10px;
    padding-bottom: 0px;
	}
	
	.fotos_individuales .col-md-3{
	padding: 0px;
	}
	
	.fotos_individuales .contenedor ul li a {
    font-size: 22px;
    padding: 5px;
	}
	
	.titulo_pagina_principal {
    padding-top: 17px;
    padding-bottom: 17px;
	}

	.fotos_grupo .foto img {
	width: 100%;
	}
	
}

	
@media (max-width: 574px){
	
	.boton_home a{
    display: initial;
    padding: 9px 27px;
    font-size: 16px;
	}
	
	.titulo_flecha {
    margin-bottom: 16px;
	}
}

@media (max-width: 480px){

	.boton_home {
    margin-top: 27px;
	}
	
	.content-wrap {
    padding: 35px 0;
	}	
	
	.titulo_flecha h2 {
    font-size: 21px;
	}
	
	.titulo_flecha img{
    width: 19px;
    padding-left: 3px;
	}
	
	.fotos_individuales .contenedor {
    background-color: white;
    text-align: center;
    padding: 9px;
    margin-bottom: 17px;
	}
	
	.fotos_individuales .contenedor p{
    display: none;
	}
	
	.fotos_individuales .enlace {
    font-size: 11px;
    font-weight: bold;
	}
	
	.fotos_individuales .enlace i {
    font-size: 9px;
	}
		
	.titulo_pagina_principal h1 {
    font-size: 25px;
	}
	
	.titulo_pagina_principal p{
	margin-top: 0px;	
	}
	
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 991.98px), not all, not all, not all, only screen and (max-width: 991.98px) and (min-resolution: 192dpi), only screen and (max-width: 991.98px) and (min-resolution: 2dppx){
	#logo a.retina-logo {
	margin-top: 12px;
	}
}

/* =============================================================
FOOTER
============================================================= */

#footer{
border-top: none;
background-color: #474747;
    padding: 16px 5px;	
}

#footer ul{
margin-bottom: 0px;
text-align: center;
}

#footer ul li{
display: inline-block;
padding-left: 10px;
padding-right: 10px;	
}

#footer ul li a{
color: white;
padding: 5px;
font-size: 15px;
letter-spacing: 0.4px;	
}

#footer ul li a:hover{
text-decoration: underline !important;
}

@media (max-width: 574px){
	
	#footer ul li {
	display: block;
	}
	
	#footer ul li a{
    font-size: 10px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-weight: bold;	
	}
	
}

/* =============================================================
Páina login
============================================================= */

.cabecera_login #logo{
display: none !important;
}

.cabecera_login  #primary-menu {
float: right;
width: 100%;
}

.cabecera_login  ul.sf-js-enabled{
width: 100%;
float: none !important;
display: block;
text-align: center;
}

.cabecera_login  ul.sf-js-enabled li{
float: none !important;
display: inline-block;
}

.cabecera_login  ul.sf-js-enabled li a{
color: white !important;
}

#content {
background-color: #fff0;
}

#wrapper.pagina_login{
background-image: url(/recurso/pagina/imagen/imagen_login_bue.jpg);
display: flex;
-webkit-justify-content: center;
-webkit-flex-flow: column nowrap;	
	
background-repeat: no-repeat;
background-size: cover;
}

.caja_login{
background-color: white;
max-width: 395px;
margin: 0 auto;
border-radius: 9px;
padding: 30px 38px;	
}

.caja_login .logo{
text-align: center;
margin-top: 34px;
}

.caja_login h1{
font-family: 'Gochi Hand', cursive;
margin-bottom: 35px;
margin-top: 24px;
text-align: center;
color: #4f667c;
line-height: 37px;
}

.caja_login .info{
position: relative;
}
	
.caja_login .info a{
color: #ebecee;
border: solid #ebecee 3px;
border-radius: 27px;
padding: 0px 11.5px;
padding-top: 1px;
font-size: 19px;
position: absolute;
right: -21px;
top: -18px;	
}

.caja_login .info a i{
webkit-transition: all .0s ease-in-out;
-o-transition: all .0s ease-in-out;
transition: all .0s ease-in-out;
}
	
.caja_login .info a:hover{
border-color: #33c1e8;
color: #33c1e8;	
}

.caja_login form{
margin-bottom: 0px;
}

.caja_login form input{
margin-bottom: 8px;
border: #f1f1f3 solid 1.5px;
border-radius: 28px;
padding: 9px 24px;
height: auto;
font-weight: bold;
color: #cccdd1;
}

.icono_form{
float: right;
margin-top: -45px;
margin-right: 22px;
pointer-events: none;	
}

.icono_form i{
font-size: 20px;
color: #ececec;	
pointer-events: none;	
}

.caja_login form input::placeholder{
color: #ebebeb;	
}

.caja_login .boton_acceso{
display: block;
font-size: 17px;
color: white;
font-weight: bold; 
border-radius: 81px;
margin-top: 19px;
padding: 8px 5px;
width: 100%;
border: none;
background: rgba(0,166,219,1);
background: -moz-linear-gradient(left, rgba(0,166,219,1) 0%, rgba(59,199,235,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,166,219,1)), color-stop(100%, rgba(59,199,235,1)));
background: -webkit-linear-gradient(left, rgba(0,166,219,1) 0%, rgba(59,199,235,1) 100%);
background: -o-linear-gradient(left, rgba(0,166,219,1) 0%, rgba(59,199,235,1) 100%);
background: -ms-linear-gradient(left, rgba(0,166,219,1) 0%, rgba(59,199,235,1) 100%);
background: linear-gradient(to right, rgba(0,166,219,1) 0%, rgba(59,199,235,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a6db', endColorstr='#3bc7eb', GradientType=1 );
webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}

.caja_login .boton_acceso:hover{
opacity: 0.4;
}

.alert-danger{
position: fixed;
width: 100%;
top: 0;
right: 0;
z-index: 999;
text-align: center;
padding: 19px 15px;
}

#myModal1 .button,
#instruccionesHome .button{
display: block;
font-size: 16px;
text-transform: none;
color: white;
border-radius: 81px;
width: auto;
text-shadow: none;
max-width: 150px;
margin: 0 auto;
background: rgba(0,166,219,1);
background: -moz-linear-gradient(left, rgba(0,166,219,1) 0%, rgba(59,199,235,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,166,219,1)), color-stop(100%, rgba(59,199,235,1)));
background: -webkit-linear-gradient(left, rgba(0,166,219,1) 0%, rgba(59,199,235,1) 100%);
background: -o-linear-gradient(left, rgba(0,166,219,1) 0%, rgba(59,199,235,1) 100%);
background: -ms-linear-gradient(left, rgba(0,166,219,1) 0%, rgba(59,199,235,1) 100%);
background: linear-gradient(to right, rgba(0,166,219,1) 0%, rgba(59,199,235,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a6db', endColorstr='#3bc7eb', GradientType=1 );
webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}

#myModal1 .button:hover,
#instruccionesHome .button:hover{
opacity: 0.4;
}

#instruccionesHome .divcenter p a{
color: #35c2e9;
text-decoration: underline !important;
}

#instruccionesHome .divcenter p a:hover{
color: #bfbfbf;
}

#instruccionesHome .divcenter p span{
color: #c3c3c3;
font-size: 13px;
line-height: 18px;
display: block;
margin-top: 5px;
}

/*
.cabecera_login .icon-reorder{
font-size: 29px;
color: white;
text-shadow: 2px 2px 2px #00000026;
}*/

@media (max-width: 991px){
	.cabecera_login{
	display: none;
	}
}


@media (max-width: 540px){
	.caja_login .logo img{
	width: 52%;	
	}
	
	.caja_login h1 {
    margin-bottom: 21px;
	}
	
	.caja_login form input {
    margin-bottom: 15px;
	padding: 7px 24px;	
	font-size: 14px;	
	}

	.icono_form {
    margin-top: -48px;
    margin-right: 16px;
	}
	
	.instrucciones_home>.container{
	margin-top: 6px;
    margin-bottom: -8px;	
	}
	
	.instrucciones_home p{
	font-size: 22px;	
	}
	
}


/* =============================================================
Página Standard
============================================================= */

.pagina_standard p{
font-size: 16px;	
}

/* =============================================================
TIENDA
============================================================= */

.volver_tienda{
background-color: #17415a;
padding-top: 6px;
padding-bottom: 6px;
text-align: center;
}

.volver_tienda a{
color: #05fcff;
font-family: 'Gochi Hand', cursive;
font-size: 24px;
}

.volver_tienda a img{
webkit-transform: scaleX(-1);
-moz-transform: scaleX(-1);
transform: scaleX(-1)
}

.volver_tienda a:hover{
opacity: 0.5;	
}

.pagina_tienda .content-wrap {
padding: 45px 45px;	
}

.pagina_tienda .pagina_standard > .container-fluid,
.pagina_tienda .pagina_standard > .container-fluid>.row{
height: 100%;	
}

.pagina_tienda .lista_y_cesta,.lista_y_cesta > .row{
height: 100%;	
} 

/* Imagen Artículo */

.elegir_otra_foto{
display: block;
margin-bottom: 13px;
}

.elegir_otra_foto>a{	
display: inline-block;
padding: 5px 29px;
border: solid 2px #ff8777;
font-weight: bold;
color: #17415a;
border-radius: 65px;
background-color: #ff8777;
}

.elegir_otra_foto>a:hover{	
background-color: #53c0e7;
border-color: #53c0e7;	
}

.elegir_otra_foto img{
box-shadow: none !important;
max-width: 35px;
margin-right: 11px;;
}

.pagina_tienda .contenido_dinamico{
height: inherit;
}
	
.pagina_tienda .contenido_dinamico .contenedor{
padding: 10px 49px;
height: 100%;	
padding-top: 0px;	
}

.pagina_tienda .contenido_dinamico .contenedor .foto_articulo_y_seleccionada img{
/*max-height: 87%;*/
width: auto;
box-shadow: 4px 4px 2px #00000012;	
    max-height: 100%;	
}

.pagina_tienda .contenido_dinamico  .foto_articulo_y_seleccionada{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
height: 100%;	
padding-bottom: 30px;
}

.pagina_tienda .contenido_dinamico  .foto_seleccionada{
/*flex: 0 0 25%;
max-width: 25%;
padding-right: 2%;*/
position: absolute;
max-width: 116px;
top: 4px;
left: 35px;
background-color: white;
transform: rotate(-3deg);
display: none;
}


.pagina_tienda .contenido_dinamico .foto_seleccionada .foto{
border: solid white 4px;
webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
opacity: 1;	

}

.pagina_tienda .contenido_dinamico .foto_seleccionada a:hover .foto{
    opacity: 0.3;
}

.pagina_tienda .contenido_dinamico .foto_seleccionada .clip{
    position: absolute;
    box-shadow: none;
    max-height: 66px;
    right: 8px;
    top: -7px;
    transform: rotate(-7deg);
    z-index: 9;
}

.pagina_tienda .contenido_dinamico  .foto_articulo{
/*-ms-flex: 0 0 70%;
flex: 0 0 70%;
max-width: 70%;*/
height: 100%;
padding-bottom: 30px;	
}


/* Listado de Artículos */

.pagina_tienda  .listado_articulos{
background-color: white;	
height: 90%;
padding: 35px 47px;	
letter-spacing: 1px;	
}

.pagina_tienda  .listado_articulos > div{
overflow-y: scroll;
height: 100%;	
}

.pagina_tienda  .listado_articulos h2{
/*color: #4d5673;*/
color:	#02b8e2;
font-family: 'Gochi Hand', cursive;
font-size: 25px;
margin-bottom: 7px;
display: inline-block;
padding-right: 5px;	
}

.pagina_tienda  .listado_articulos .titulo_con_flecha {
 margin-bottom: 10px;
}

.pagina_tienda  .listado_articulos .titulo_con_flecha img{
width: 20px;
}

.pagina_tienda  .listado_articulos h2.coral{
color: #ff8777;
}

.pagina_tienda  .listado_articulos .articulos-contenedor{
margin-bottom: 31px;
}

.pagina_tienda  .listado_articulos .articulo{
display: flex;
border: solid 2px #f6f6f6;
padding: 13px 30px;
margin-bottom: -2px;	
webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}

.pagina_tienda  .listado_articulos .articulo:hover{
/*cursor: pointer;
background-color: #f6f6f6;
border-color: #f6f6f6;*/
}

.pagina_tienda  .listado_articulos .articulo > div{ 
display: flex;
-webkit-justify-content: center;
-webkit-flex-flow: column nowrap;
}

.pagina_tienda  .listado_articulos .articulo p{
margin-bottom: 0px;	
}


.pagina_tienda  .listado_articulos .articulo .ojo{ 
/* width: 160px; */
text-align: center;
/* display: none;*/
}

.pagina_tienda  .listado_articulos .articulo .ojo i{ 
color: #03b8e2;
font-size: 17px;
}

.pagina_tienda .listado_articulos .articulos_coral .articulo .ojo i{
color: #ff8876;
}

.pagina_tienda  .listado_articulos .articulo .descripcion p{
margin-bottom: 0px;
margin-top: 3px;	
color: #0000006b;
font-size: 12.5px;
line-height: 16px!important;
padding-bottom: 2px;
letter-spacing: 0.5px;
text-align: left;
display: none;	
}

.pagina_tienda  .listado_articulos .articulo .descripcion{
width: 100%;
padding-left: 25px;
}

.pagina_tienda  .listado_articulos .articulo .descripcion h5{
margin-bottom: 0px;	
} 

.pagina_tienda  .listado_articulos .articulo .descripcion h5 a{
color: #9c9c9b;
font-size: 15px;
padding-bottom: 2px;
display: block;
letter-spacing: 0.5px;	
text-align: left;	
line-height: 21px !important;
margin-bottom: 0px;
}


.pagina_tienda  .listado_articulos .articulo .descripcion h5 a:hover{
color: #03b8e2;
text-decoration: underline !important;
}

.pagina_tienda  .listado_articulos .articulos_coral .articulo .descripcion h5 a:hover{
color: #ff8876;
}

.pagina_tienda  .listado_articulos .articulos_coral .articulo_seleccionado .descripcion h5 a:hover{
color: white;
}

.pagina_tienda .listado_articulos .articulo .descripcion h5.color_encesta a,
.pagina_tienda .listado_articulos .articulo .precio.color_encesta p,
.pagina_tienda .listado_articulos .articulo .cantidad_actual.color_encesta p{
color: #03b8e2;	
}

.pagina_tienda .listado_articulos .articulos_coral .articulo .descripcion h5.color_encesta a,
.pagina_tienda .listado_articulos .articulos_coral .articulo .precio.color_encesta p,
.pagina_tienda .listado_articulos .articulos_coral .articulo .cantidad_actual.color_encesta p{
color: #ff8876;	
}

.pagina_tienda .listado_articulos .articulo_seleccionado .descripcion h5.color_encesta a,
.pagina_tienda .listado_articulos .articulos_coral .articulo_seleccionado .descripcion h5.color_encesta a,
.pagina_tienda .listado_articulos .articulos_coral .articulo_seleccionado .precio.color_encesta p{
color: white;	
}


.pagina_tienda .listado_articulos .articulo_seleccionado .cantidad_actual.color_encesta p,
.pagina_tienda .listado_articulos .articulos_coral .articulo_seleccionado .cantidad_actual.color_encesta p,
.pagina_tienda .listado_articulos .articulo_seleccionado .precio.color_encesta p{
color: #0000006b;
}

.pagina_tienda  .listado_articulos .articulo .precio{
width: 200px;
text-align: center;	
}

.pagina_tienda .listado_articulos .articulo_seleccionado .precio{
    margin-right: -6px;	
}

.pagina_tienda  .listado_articulos .articulo .precio p{
color: #cdcdcd;
font-weight: bold;
font-size: 15px;
}

.pagina_tienda  .listado_articulos .articulo .enlace{
width: 175px;
text-align: center;
/*padding: 0px 19px;*/
}

.pagina_tienda  .listado_articulos .articulo .enlace a{
display: block;
color: white;
font-size: 13px;
font-weight: bold;
padding: 5px 4px;
letter-spacing: 0.5px;
background-color: #ecedef;
pointer-events: none;	
}

.pagina_tienda  .listado_articulos .articulo .enlace a:hover{
opacity: 0.5;	
}

.pagina_tienda  .listado_articulos .articulo .contador{
display: none;	
}

.pagina_tienda  .listado_articulos .articulo .contador a{
padding: 4px 9px;
margin: 0px 0px;
color: white;
font-weight: bold;
font-size: 19px;
pointer-events: none;
/* border: solid #ffffff 1px; */
height: 100%;
}

.pagina_tienda  .listado_articulos .articulo .contador a:hover{
/*background-color: #f5f5f51a;*/
color: #00000054;
background-color: white;	
}

.pagina_tienda  .listado_articulos .articulo .contador p{
width: 100%;
height: 100%;
display: flex;
display: flex;
-webkit-justify-content: center;
-webkit-flex-flow: column nowrap;
}

.pagina_tienda  .listado_articulos .articulo .cantidad_actual p{
color: #cdcdcd;
/* font-weight: bold; */
font-size: 15px;
pointer-events: none;	
}

.pagina_tienda  .listado_articulos .articulo_seleccionado .cantidad_actual p{
/*border: solid 1px white; */
padding: 1px 1px;
color: #0000006b;
/* background-color: white; */
text-align: center;
}

.pagina_tienda  .listado_articulos .articulo .cantidad_actual p strong{
font-weight: bold;
color: #cdcdcd;
font-size: 16px;
padding-left: 1px;
}

.pagina_tienda  .listado_articulos .articulo_seleccionado .contador a{
pointer-events: inherit;
display: block;
text-align: center;
display: flex;
-webkit-justify-content: center;
-webkit-flex-flow: column nowrap;
border: solid 1.5px #ffffff;
border-radius: 100%;
height: 28px;
width: 28px;
font-size: 19px;
padding: 0px;
color: #ffffff;
}

.pagina_tienda  .listado_articulos .articulo_seleccionado .contador{
display: inline-block;
width: 100%;
}

.pagina_tienda  .listado_articulos .articulo_seleccionado .cantidad_actual{
display: inline-block;
width: 100%;
/* padding-top: 7px; */
display: flex;
-webkit-justify-content: center;
-webkit-flex-flow: column nowrap;
margin-left: 8px;
margin-right: 8px;
}

.pagina_tienda  .listado_articulos .articulo .contador_y_cantidad{
width: 70px;
text-align: center;
}

.pagina_tienda  .listado_articulos .articulo_seleccionado .contador_y_cantidad{
margin-right: 5px;
-webkit-flex-flow: inherit;	
}

.pagina_tienda  .listado_articulos .articulo_seleccionado,.pagina_tienda  .listado_articulos .articulo_seleccionado:hover{
border-color: #02b8e2;
background-color: #02b8e2;
}

.pagina_tienda  .listado_articulos .articulo_seleccionado .descripcion p{
display: block;	
}

.pagina_tienda .listado_articulos .articulo_seleccionado .ojo i,
.pagina_tienda .listado_articulos .articulo_seleccionado .precio p{
    color: #ffffff;
}

.pagina_tienda .listado_articulos .articulo_seleccionado .descripcion h5 a{
color: white;	
}

.pagina_tienda .listado_articulos .articulo_seleccionado .descripcion h5 a:hover{
color: white;	
}

.pagina_tienda .listado_articulos .articulo_seleccionado .cantidad_actual strong{
color:white !important;	
}

.pagina_tienda .listado_articulos .articulo_seleccionado .contador_y_cantidad .por{
display: none;	
}

.pagina_tienda .listado_articulos .articulo .contador_y_cantidad .por{
font-weight: 500;
}

.pagina_tienda .listado_articulos .articulo .contador_y_cantidad span{
color: #cdcdcd;	
}

.pagina_tienda .listado_articulos .articulo.articulo_seleccionado .contador_y_cantidad  span{
color: white !important;	
}

.pagina_tienda .listado_articulos .articulo .contador_y_cantidad .color_encesta span{
color: #03b8e2 ;	
}

.pagina_tienda .listado_articulos .articulos_coral .articulo .contador_y_cantidad .color_encesta span{
color: #ff8876 ;	
}

.pagina_tienda .listado_articulos .articulo_seleccionado .enlace a.anadir{
background: rgba(2,167,220,1);
background: -moz-linear-gradient(left, rgba(2,167,220,1) 0%, rgba(119,210,239,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(2,167,220,1)), color-stop(100%, rgba(119,210,239,1)));
background: -webkit-linear-gradient(left, rgba(2,167,220,1) 0%, rgba(119,210,239,1) 100%);
background: -o-linear-gradient(left, rgba(2,167,220,1) 0%, rgba(119,210,239,1) 100%);
background: -ms-linear-gradient(left, rgba(2,167,220,1) 0%, rgba(119,210,239,1) 100%);
background: linear-gradient(to right, rgba(2,167,220,1) 0%, rgba(119,210,239,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#02a7dc', endColorstr='#77d2ef', GradientType=1 );	
pointer-events: inherit;
}

.pagina_tienda .listado_articulos .articulos_coral .articulo{
/*padding: 19px 0px;*/
}

.pagina_tienda .listado_articulos .articulos_coral .articulo:hover{
/*border-color: #ff8777;*/
}

.pagina_tienda  .listado_articulos .articulos_coral .articulo_seleccionado{
border-color: #ff8777;
background-color: #ff8876;
}

.pagina_tienda .listado_articulos .articulos_coral  .articulo_seleccionado .ojo i,
.pagina_tienda .listado_articulos .articulos_coral .articulo_seleccionado .descripcion h5 a,
.pagina_tienda .listado_articulos .articulos_coral .articulo_seleccionado .precio p{
color: white;	
}

.pagina_tienda .listado_articulos .articulos_coral  .articulo_seleccionado .enlace a{
background: white;
color: #ff8876;
}

/* Cesta */
.remove{
color: #ff8777;
padding-top: 2px;	
}

.remove:hover{
opacity: 0.5;
color: #ff8777;
}

.pagina_tienda  .cesta{
background-color: #18415a;	
padding: 0px 30px;	
height: 69px;	
}

.pagina_tienda  .cesta h2{
color: #04fcff;
font-family: 'Gochi Hand', cursive;
font-size: 25px;
margin-bottom: 7px;
display: inline-block;
padding-right: 5px;
}

.pagina_tienda  .cesta .celda,
#_top-cart .celda{
display: flex;
border-bottom: solid 1px #ffffff14;
padding-top: 12px;
padding-bottom: 4px;	
}

.pagina_tienda .cesta .celda >div,
#_top-cart .celda >div{
padding: 5px 10px;
}

.pagina_tienda .cesta .celda >div:first-child,
#_top-cart .celda >div:first-child{
padding-left: 0px;
}

.pagina_tienda .cesta .celda >div:last-child,
#_top-cart .celda >div:last-child{
padding-right: 0px;
}

.pagina_tienda .cesta .celda p,
#_top-cart .celda p{
margin-bottom: 0px;
color: white;
font-size: 12.5px;
line-height: 16px !important;
letter-spacing: 0.5px;
}

.pagina_tienda .cesta .celda .cantidad,
#_top-cart .celda .cantidad{
padding-right: 1px;	
}

.pagina_tienda .cesta .celda .cantidad p,
#_top-cart .celda .cantidad p{
color: #a2abb2;
}

.pagina_tienda .cesta .celda .descripcion,
#_top-cart  .celda .descripcion{
width: 100%	
}

.pagina_tienda .cesta .total,
#_top-cart .total{
display: flex;
padding-top: 20px;	
padding-left: 21px;	
}

.pagina_tienda .cesta .total h6,
#_top-cart .total h6{
color: white;
margin-bottom: 0px;
    font-size: 24px;
font-family: 'Gochi Hand', cursive;
}

.pagina_tienda .cesta .total .descripcion h6{
color:#05fcff;
}

.pagina_tienda .cesta .total .descripcion,
#_top-cart .total .descripcion{
/*width: 100%;	*/
}

.pagina_tienda .cesta .total .precio{
padding-left: 5px;	
}

.pagina_tienda .cesta .comprar,
#_top-cart  .comprar{
width: 100%;
margin-top: 16px;	
}

.pagina_tienda .cesta .comprar a,.ovalado_blue{
background-color: #05fcff;
padding: 2px 8px;
font-family: 'Gochi Hand', cursive;
width: 100%;
display: block;
border-radius: 56px;
text-align: center;
font-size: 23px;
color: #17415a;
border: solid 2px #05fcff;
}

.pagina_tienda  .cesta .comprar a:hover,.ovalado_blue:hover,.ovalado_blue:focus,.ovalado_blue:active{
background-color: #17415a;
color: #05fcff;
box-shadow: none !important;
border-color: #05fcff;
}

.pagina_tienda .cesta .comprar{
padding-right: 19px;
text-align: right;
}

.pagina_tienda .cesta .comprar a{
    width: auto;
    display: inline-block;
    padding: 3px 31px;
    font-size: 19px;	
}

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



.cesta_vacia p{
color: #4d5673;
font-family: 'Gochi Hand', cursive;
font-size: 43px;
margin-bottom: 0px;	
}

.cesta_vacia a{
color: #ff8775;
font-family: 'Gochi Hand', cursive;
font-size: 37px;
margin-bottom: 0px;
padding-left: 8px;
}

.cesta_vacia a:hover{
color: grey;	
}

.cesta_vacia img{
-webkit-transform: scaleX(-1);
-moz-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
-ms-filter: "FlipH";
}

.pagina_tienda .cesta .total h6  span{
color:white;
}

@media (max-width: 1600px){
	
	.pagina_tienda .cesta .total h6 {
    font-size: 23px;
	}
	
	.pagina_tienda .cesta .comprar{
	margin-top: 18px;	
	}
	
	.pagina_tienda .cesta .comprar a{
    /*padding: 4px 8px;*/
    font-size: 19px;	
	}
	
	.pagina_tienda .listado_articulos .articulo {
    padding: 13px 20px;
	}
	
}

@media (max-width: 1500px){
	
	/*.pagina_tienda .content-wrap{
	padding: 14px;	
	}*/
	
	.pagina_tienda .contenido_dinamico .contenedor {
    padding: 10px 30px;
	}
	
	.pagina_tienda .listado_articulos .articulo .descripcion h5 a{
    font-size: 14px;
    line-height: 19px !important;
	}
		
}

@media (max-width: 1200px){

	.pagina_tienda .contenido_dinamico{
	padding: 0px;
	}
	
	.pagina_tienda .listado_articulos {
    padding: 18px 30px;
	}
	
	.pagina_tienda .listado_articulos .articulo .descripcion h5 a{
    font-size: 13px;
	}
	
	.pagina_tienda .listado_articulos .titulo_con_flecha {
    margin-bottom: 0px;
	}
	
	.pagina_tienda .listado_articulos .articulo {
    padding: 9px 15px;	
	}	
	
	.pagina_tienda .listado_articulos .articulo .ojo i {
    font-size: 13px;
	}
	
	.pagina_tienda .listado_articulos .articulo .precio p{
    font-size: 13px;
	}
	
	.pagina_tienda .listado_articulos .articulo_seleccionado .cantidad_actual p strong{
    font-size: 15px;
	}
	
	.pagina_tienda .listado_articulos .articulo_seleccionado .cantidad_actual {
    margin-left: 6px;
    margin-right: 6px;
	}
	
	.pagina_tienda .listado_articulos .articulo_seleccionado .contador a {
    height: 26px;
    width: 26px;
    font-size: 16px;
	}
	
	.pagina_tienda .listado_articulos .articulo .enlace a {
    font-size: 12px;
	}
	
	.pagina_tienda .cesta .celda{
	display: block;	
	}
	
	.pagina_tienda .cesta .celda >div{
	padding: 0px;
	margin-bottom: 2px;	
	}
	
	.pagina_tienda .cesta .tablas{
	margin-top: -14px;
	}
	
	.pagina_tienda .cesta .celda .precio p{
    font-size: 14px;
	}
	
	.pagina_tienda .cesta .celda .descripcion p{
    color:#a2abb2;
	}
	
	.listado_articulos .articulo .enlace {
    width: 147px;
	}
	
	.pagina_tienda .cesta h2 {
    font-size: 26px;
	}
	
	.pagina_tienda .cesta .total{
	/*display: block;	*/
	}
	
	.pagina_tienda .cesta .total .descripcion{
	margin-bottom: -8px;	
	}
	
	.pagina_tienda .cesta .total .precio h6{
	/*font-size: 20px;*/
	}	
	
	.pagina_tienda .cesta .total .descripcion h6{
	color: #05fcff;
    /*font-size: 18px;*/
	}
	
	.pagina_tienda .contenido_dinamico .contenedor {
    padding-top:5px;
	}
		
}

@media (max-width: 1100px){
	
	.pagina_tienda .cesta {
    padding: 19px 15px;
	}
	
	.pagina_tienda .cesta .celda >div, #_top-cart .celda >div {
    padding: 5px 7px;
	}
	
	.pagina_tienda .cesta .total, #_top-cart .total {
    padding-top: 0px;
	}
	
	.pagina_tienda .cesta .comprar {
	margin-top: 0px;
	}
	
}

@media (max-width: 991px){
	
	
	.pagina_tienda .pagina_standard > .container-fluid, .pagina_tienda .pagina_standard > .container-fluid>.row{
	height: auto;	
	}
	
	.pagina_tienda .contenido_dinamico .contenedor{
	max-height: auto;
    text-align: center;
    padding: 20px;
	}
	
	.pagina_tienda .contenido_dinamico .contenedor img{
	/*max-height: -webkit-fill-available;*/	
	}
	
	.lista_y_cesta > .row{
	text-align: center;
    padding: 20px;
	}
	
	.pagina_tienda .listado_articulos .titulo_con_flecha{
	text-align: left;	
	margin-bottom: 6px;	
	}
	
	.pagina_tienda .listado_articulos > div {
    overflow-y: initial;
	}
	
	.pagina_tienda .cesta{
	text-align: left;	
	    position: fixed;
    bottom: 0px;
    z-index: 9;
    width: 100%;
    margin-left: -35px;
	}	
	
	
	.pagina_tienda .content-wrap {
    padding: 7px 15px;
	}
	
	.elegir_otra_foto {
    margin-bottom: 24px;
	}
	
	.contenedor_final.final{
	padding: 0px;	
	}
	
	.pagina_tienda .contenido_dinamico .foto_articulo_y_seleccionada,
	.pagina_tienda .contenido_dinamico .foto_articulo{
    padding-bottom: 0px;
	margin: 0 auto;	
	}
	
	.pagina_tienda{
	margin-bottom: 69px;
	}	
	
	.pagina_tienda .listado_articulos .articulo {
    padding: 9px 15px;
	}
		
}


@media (max-width: 650px){
	
	.pagina_tienda .listado_articulos .articulo {
    padding: 9px 15px;
	}
	
	.listado_articulos .articulo .descripcion {
    padding-left: 19px;
	}
	
	.listado_articulos .articulo .precio {
    width: 146px;
	}
	
	.pagina_tienda .listado_articulos .articulo .descripcion {
    padding-left: 13px;
	}
	
}

@media (max-width: 540px){
	
	.pagina_tienda .contenido_dinamico .contenedor,
	.lista_y_cesta > .row{
	padding: 5px;	
	}
	
	.pagina_tienda .contenido_dinamico{
	margin-bottom: 12px;
	}
	
	.pagina_tienda .listado_articulos .titulo_con_flecha img {
    width: 14px;
	}
	
	.pagina_tienda .listado_articulos{
	padding: 18px 20px;		
	}
	
	.pagina_tienda .listado_articulos .articulo .descripcion h5 a{
    line-height: 17px !important;
	}
	
	.pagina_tienda .listado_articulos h2.coral {
    line-height: 27px;
    padding-top: 5px;
    padding-bottom: 4px;
	}
	
	.pagina_tienda .listado_articulos .articulo {
    padding: 15px 8px;
	}
	
	.pagina_tienda .listado_articulos .articulo .descripcion {
	padding-left: 8px;
	}
	
	.pagina_tienda .listado_articulos .articulo_seleccionado .precio.color_encesta p{
	margin-left: -11px;	
	}
	
	.pagina_tienda .listado_articulos .articulo_seleccionado .contador a{
    background-color: white;
    border: none;
    color: #03b8e2;
	}
	
	.pagina_tienda .listado_articulos .articulo .contador a:hover{
	opacity: 0.4;	
	}
	
	.pagina_tienda .listado_articulos .articulo .contador a:focus{
	opacity: 1;	
	}
	
	.pagina_tienda .listado_articulos .articulos_coral .articulo_seleccionado .contador a {
    color: #ff8876;
	}
	
}

/* =============================================================
CESTA
============================================================= */

.cesta_cuerpo{
background-color: white;
box-shadow: 2px 2px 3px #d6d6d6;
padding: 18px 35px;
padding-bottom: 0px;
}

.cesta_cuerpo thead{
background-color: #ffffff;
border-color: #ffffff;
}

.cesta_cuerpo thead th{
color: white;	
}

.cesta_cuerpo tr{
padding: 13px 13px;
}

.cesta_cuerpo thead th{
color: #17415a;
font-family: 'Gochi Hand', cursive;
padding: 19px 5px !important;
border-top: none;
padding-bottom: 4px !important;	
border-bottom: none;	
font-size: 24px;	
}

.cesta_cuerpo .cart-product-name p{
margin-bottom: 0px;
margin-top: 3px;
color: #949494;
font-size: 12.5px;
line-height: 16px!important;
padding-bottom: 2px;
letter-spacing: 0.5px;
text-align: left;
}

.cesta_cuerpo td.cart-product-name{
min-width: 77px;
/*text-align: center;*/
}

.cesta_cuerpo .cart-product-thumbnail img{
border:none;	
}

.cesta_cuerpo .cart td {
padding: 25px 15px !important;	
}

.cesta_cuerpo .price{
color: grey;
}

.cesta_cuerpo form{
margin-bottom: 0px;
}

.cesta_cuerpo a:hover{
text-decoration: underline !important;	
}

.cesta_cuerpo .quantity .qty,.quantity .plus, .quantity .minus{
background-color: white;	
font-size: 12px;
border: none;	
width: 25px;
}

.cesta_cuerpo .quantity .plus:hover, .quantity .minus:hover{
background-color: #f5f5f5;	
cursor: pointer;	
}

.cart-product-subtotal{
font-weight: bold;
color: #17415a;	
}

.cesta_total{
background-color: #18415a;
box-shadow: 2px 2px 3px #d6d6d6;
padding: 33px 30px;
}

.cesta_total h4{
color: #04fcff;
font-family: 'Gochi Hand', cursive;
font-size: 25px;
margin-bottom: 7px;
display: inline-block;
padding-left: 3px;
padding-right: 5px;	
}

.cesta_total td{
border-top: none;
border-bottom: #ffffff29 solid 1px !important;
text-align: left;
margin-bottom: 0px;
color: white;
font-size: 12.5px;
line-height: 16px !important;
letter-spacing: 0.5px;
}

.cesta_total  tr td:first-child{
padding-left: 0px !important;	
}

.cesta_total  tr td:last-child{
padding-right: 0px !important;
text-align: right;	
}

.cesta_total .lead{
color: #05fcff !important;
font-size: 23px;
font-family: 'Gochi Hand', cursive;
letter-spacing: 0px;	
}

.cesta_total .boton_standard{
display: block;
text-align: center;
padding: 3px 5px;
border-radius: 30px;
border: solid 2px;
border-color: #05fcff;
font-family: 'Gochi Hand', cursive;
font-size: 19px;
margin-top: 13px;
background-color: #17415a;
color: #17415a;
background-color: #05fcff;
}

.cesta_total .boton_standard:hover{
background-color: white;
color: #17415a;
border-color:white !important;
}

.cesta_total .boton_secundario{
background-color: #17415a;
color: #ffffffb0;
border-color: #ffffff45;
/* max-width: 77%; */
font-size: 16px;
padding: 5px 5px;
}

.cesta_total .boton_secundario:hover{
background-color: white;
color: #17415a;
}

.pagina_standard_cesta{
padding-top: 40px;	
}


@media (max-width: 580px){
	.pagina_cesta{
	padding: 10px !important;
	}
	
	.pagina_standard_cesta{
	padding-top: 20px;	
	padding-bottom: 20px;	
	}

}

/* =============================================================
COMPRA 1 paso
============================================================= */

.contenedor_final>div{
background-color: white;
padding: 20px 26px;
box-shadow: 2px 2px 3px #d6d6d6;	
}

.contenedor_final h4{
color: #17415a;
font-family: 'Gochi Hand', cursive;
font-size: 26px;
margin-bottom: 20px;
line-height: 28px;
padding-top: 11px;
/*border-bottom: solid 1px #18415a;*/
}

.contenedor_final label{
font-family: 'Lato', sans-serif;	
}

.contenedor_final input,.contenedor_final select{
padding: 10px 10px;
border: solid 1px #e6e6e6;
font-size: 14px;
}


/*COLUMNA 1*/
.direccion_final label{
font-weight: 600;
font-size: 13px;
text-transform: none;
letter-spacing: 0.5px;
margin-bottom: 5px;
color: #18415a;
}

@media (max-width: 991px){
	
	.direccion_final .col-md-6{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
	}
	
}

/*COLUMNA 2*/
.contenedor_final.observaciones p{
font-size: 12px;
margin-bottom: 15px;	
}
	

/*COLUMNA 3*/
.contenedor_final.final >div{
background-color: #18415a;
}

.titulo_azul_flecha{
color: #04fcff;
font-family: 'Gochi Hand', cursive;
font-size: 25px;
margin-bottom: 7px;
display: inline-block;
padding-right: 5px;	
}

.continuar_compra{
margin-top:10px;
}

.continuar_compra_boton{
background-color: #05fcff;
padding: 4px 20px !important;
font-family: 'Gochi Hand', cursive;
display: block;
border-radius: 56px;
text-align: center;
font-size: 19px !important;
color: #17415a;
border: solid 2px #05fcff !important;
margin-bottom: 21px;
}

.continuar_compra_boton:hover{
background-color: #17415a00;
color: #05fcff;
}

.continuar_compra p{
margin-bottom: 0px;
color: #ffffffa8;
font-size: 12.5px;
line-height: 20px !important;
letter-spacing: 0.5px;
font-weight: 400;
display: contents;	
}	

.continuar_compra p a{
color: white;
}

.continuar_compra p a:hover{
color:#05fcff;
}

.continuar_compra input{
margin-right: 4px;
}

.contenedor_final .total{
display: block !important;
text-align: right;	
}

.contenedor_final .descripcion h6{
color: #04fcff !important;
}
	
.contenedor_final .total .precio,.contenedor_final .total .descripcion{
display: inline-block;
}

.contenedor_final .continuar_compra_boton{
/*float: right;*/
width: 100%;	
}



@media (max-width: 991px){
	
	.contenedor_final{
	margin-bottom: 25px;	
	}
	
}

@media (max-width: 768px){
	.contenedor_final {
	padding-left: 0px;
	padding-right: 0px;
	}
	
	.contenedor_final>div {
		margin-left: 0px;
		margin-right: 0px;
	}
	
}


/* =============================================================
CONFIRMAR PEDIDO
============================================================= */

 h4.confirmacion_pedido_h4{
margin-bottom:5px !important;	
}

.contenedor_confirmarpedido address{
margin-bottom: 0px;
}

.texto_confirmacion{
padding: 0px;
text-align: center;
margin-bottom: 36px;	
}

.texto_confirmacion > div{
background-color: #ffffff00;
border: #18415a solid 2px;
}

.texto_confirmacion p{
margin-bottom: 0px;
color: #18415a;
font-weight: bold;	
}

.contenedor_confirmarpedido a{
color:#ff8777;		
}

.contenedor_confirmarpedido a:hover{
text-decoration: underline !important;
}


/* =============================================================
PEDIDO CONFIRMADO
============================================================= */

#datpedido p{
margin-bottom: 15px;
font-size: 14px;
color: #8f8f8f;	
}

.forma_depago_due{
margin-top: 30px;	
}

.contenedor_resumenfinal p{
margin-bottom: 10px;	
}

.tabla_fin_pedido{
width: 100%;
border-bottom: solid #e5e5e6 2px;
border-bottom-style: dotted;
margin-bottom: 41px;
}


@media (max-width: 768px){
	.forma_depago_due {
	margin-top: 0px;
	}	
}

/* =============================================================
PANEL CLIENTE
============================================================= */

.sidebar_panelcliente{
background-color: #18415a;
padding: 39px 30px;
box-shadow: 2px 2px 2px #0000001c;
}

.sidebar_panelcliente .nav-user {
display: block;	
}

.sidebar_panelcliente .nav-user> li >a{
color: #ffffffa3;
font-weight: bold;
letter-spacing: 0.5px;
font-family: 'Gochi Hand', cursive;
font-size: 25px;
margin-bottom: 7px;
display: inline-block;
padding-right: 5px;
}

.sidebar_panelcliente .nav-user> li >a:hover{
color: white;
}

.datos_usuario_panel{
background-color: white;
padding: 35px 47px;
box-shadow: 2px 2px 2px #0000001c;	
}

.datos_usuario_panel h3{
color: #18415a;
font-weight: bold;
letter-spacing: 0.5px;
font-family: 'Gochi Hand', cursive;
font-size: 25px;
margin-bottom: 7px;
}

.datos_usuario_panel p,.datos_usuario_panel td,.datos_usuario_panel strong,
.datos_usuario_panel  small{
font-size: 14px;
color: grey;
margin-bottom: 20px;
}

.datos_usuario_panel th{
border-top: none;	
}

.datos_usuario_panel a,.datos_usuario_panel a stong,.datos_usuario_panel td a,.datos_usuario_panel a strong{
text-decoration: underline !important;	
color: #23728b;	
}

.datos_usuario_panel a:hover{
opacity: 0.5;	
}

@media (max-width: 991px){
	
	.sidebar_panelcliente {
	padding: 20px 30px;
	}
	
	.sidebar_panelcliente .nav-user> li{
	display: inline-block;
	padding: 0px;
	}
	
	.sidebar-widgets-wrap{
	margin: 0px;	
	}
	
	.sidebar-widgets-wrap .widget:first-child{
	width: 100%;
    margin-bottom: 0px;
    /*text-align: center;*/
	padding: 0px;	
	}
	
	.sidebar_panelcliente .nav-user> li >a{
	margin-bottom: 0px;	
	}
	
	.sidebar_panelcliente .nav-user> li >a{
	font-size: 20px;	
	}
	
	.sidebar_panelcliente .nav-user{
	text-align: center;	
	}
	
}

/* =============================================================
Página login COLEGIOS
============================================================= */

#wrapper.pagina_login_colegios{
background-image: url("/recurso/pagina/imagen/imagen_login_colegios.jpg");
background-position: right;	
}

.caja_login .pull-right{
color: #c6c7cc;
text-align: center;
display: block;
font-size: 14px;
margin-top: 12px;
margin-bottom: -15px;
text-decoration: underline !important;
}

.caja_login .pull-right:hover{
color: #0fabdd;	
}

/* =============================================================
LAYOUT  COLEGIOS
============================================================= */

#wrapper.layout_colegios{
background-image: url(/recurso/pagina/imagen/imagen_login_colegios.jpg);
background-position: right;
background-repeat: no-repeat;
	background-size: cover;		
}

#footer.pie_colegios{
background-color: #47474700;
}

.layout_colegios .content-wrap{
padding-top: 40px;	
}
	
.layout_colegios .titulo_flecha h2{
font-family: 'Lato', sans-serif;
color: white;
letter-spacing: 1px;
border-bottom: solid #03b8e4 5px;
padding-bottom: 0px;
}

.layout_colegios .contenedor_blanco{
background-color: white;
margin-bottom: 0px;
min-height: 150px;
padding: 40px 65px;
border-radius: 10px;
margin-top: 50px;	
}

/* =============================================================
Cabecera COLEGIOS
============================================================= */

.cabecera_colegios #header{
display: none;	
}

.topbar_colegios{
background-color: #0a0a0a;
border-bottom: #303030 solid 3px;
}

.topbar_colegios ul{
margin-bottom: 0px;
}

.topbar_colegios ul li{
display: inline-block;
padding: 22px 0px;
margin-right: -3px;	
}

.topbar_colegios ul li a{
color: #7d7d7d;
font-size: 15px;
font-weight: bold;
padding: 24px 21px;
letter-spacing: 0.5px;
}

.topbar_colegios ul li.active a,
.topbar_colegios ul li.active a i{
color: white;	
}

.topbar_colegios ul li a:hover,
.topbar_colegios ul li.active a{
background-color: #303030;
color: white;	
}


.topbar_colegios .salir{
text-align: right;
}

.salir_responsive{
display: none !important;	
}


@media (max-width: 991px){

	.cabecera_colegios #header,.salir_responsive{
	display: block !important;	
	}
	
	.topbar_colegios{
	display: none;	
	}
	
}

@media (max-width: 768px){
	
	#wrapper.layout_colegios{
	background-image: url(/recurso/pagina/imagen/imagen_login_colegios.jpg);
    background-position: left;
    background-repeat: no-repeat;

	}
	
	.layout_colegios .contenedor_blanco {
    min-height: inherit;
    padding: 32px 30px;
    margin-top: 42px;
	}
	
}

/* =============================================================
LISTADO ALUMNOS
============================================================= */

.layout_colegios .contenedor_blanco .buscador{
display: flex;
margin-bottom: 35px;
}

.layout_colegios .contenedor_blanco .buscador select,
.layout_colegios .contenedor_blanco .buscador input{
width: 100%;
background-color: #f7f7f7;
border: none;
/*border-radius: 52px;*/
padding: 5px;
box-shadow: 2px 2px 2px #0000001a;
cursor: pointer;
margin-right: 10px;	
}

.layout_colegios .contenedor_blanco .buscador input{
background-color: white;	
}

.layout_colegios .contenedor_blanco .buscador input::placeholder{
color: #e0e0e0;	
}

.layout_colegios .contenedor_blanco .buscador .buscar{
min-width: 125px;
display: block;
text-align: center;
padding: 5px 5px;
font-size: 16px;
color: white;
background: rgba(2,167,220,1);
background: -moz-linear-gradient(left, rgba(2,167,220,1) 0%, rgba(119,210,239,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(2,167,220,1)), color-stop(100%, rgba(119,210,239,1)));
background: -webkit-linear-gradient(left, rgba(2,167,220,1) 0%, rgba(119,210,239,1) 100%);
background: -o-linear-gradient(left, rgba(2,167,220,1) 0%, rgba(119,210,239,1) 100%);
background: -ms-linear-gradient(left, rgba(2,167,220,1) 0%, rgba(119,210,239,1) 100%);
background: linear-gradient(to right, rgba(2,167,220,1) 0%, rgba(119,210,239,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#02a7dc', endColorstr='#77d2ef', GradientType=1 );
border-radius: 51px;
margin-left: 15px;
letter-spacing: 0.5px;	
cursor: pointer;	
border-color: #03b8e4;	
}

.layout_colegios .contenedor_blanco .buscador .buscar:hover{
opacity: 0.5	
}

.layout_colegios .contenedor_blanco .tabla_alumnos{
    border: solid #dee2e6 1px;
} 

.layout_colegios .contenedor_blanco .tabla_alumnos thead th{
color: #00a5db;
}

.layout_colegios .contenedor_blanco .tabla_alumnos td,.layout_colegios .contenedor_blanco .tabla_alumnos th{
vertical-align: middle;
border: 1.5px solid #dee2e6;	
}

.layout_colegios .contenedor_blanco .tabla_alumnos td,.layout_colegios .contenedor_blanco .tabla_alumnos tbody th{
padding: 8px 15px;	
font-size: 13px;	
}

.layout_colegios .contenedor_blanco .tabla_alumnos td.imagen{
text-align: center;
min-width: 70px;	
}

.layout_colegios .contenedor_blanco .tabla_alumnos img{
width: auto;
height: 52px;
}

.layout_colegios .contenedor_blanco .resultados_busquedas p{
font-style: italic;
font-weight: bold;
margin-bottom: 15px;
letter-spacing: 0.5px;
}

.layout_colegios .contenedor_blanco .resultados_busquedas span{
color: #00a5db;	
}

.layout_colegios .contenedor_blanco .paginador ul{
margin-bottom: 0px;
text-align: right;
}

.layout_colegios .contenedor_blanco .paginador ul li{
list-style: none;
display: inline-block;
}

.layout_colegios .contenedor_blanco .paginador ul li a{
color: #c4c4c4;
background-color: whitesmoke;
padding: 5px 21px;
border: solid 2px whitesmoke;
border-radius: 52px;
cursor: pointer;	
}

.layout_colegios .contenedor_blanco .paginador ul li a:hover{
	background-color:  #00a5db;
	color: white;
	border-color:  #00a5db;
}

.layout_colegios .contenedor_blanco .paginador ul li p{
color: #c4c4c4;
/* background-color: whitesmoke; */
padding: 1px 21px;
border: solid 2px whitesmoke;
margin: 0px 9px;
/*border-radius: 29px;*/
}

.layout_colegios .contenedor_blanco .paginador ul li p span{
color: #00a5db;
font-weight: bold;	
}


@media (max-width: 768px){
	
	.layout_colegios .contenedor_blanco .buscador {
	display: block;
	}
	
	.layout_colegios .contenedor_blanco .buscador .buscar {
    width: 100%;
	margin-left: 0px;
    margin-top: 13px;
	}
		
	.layout_colegios .contenedor_blanco .buscador select{
	height: 35px;		
	}
	
	.layout_colegios .contenedor_blanco .paginador{
	margin-top: 20px;	
	} 
	
	.layout_colegios .contenedor_blanco .paginador ul{
	text-align: center;	
	}
	
	.layout_colegios .contenedor_blanco .paginador ul li{
	list-style: none;
	}
	
	.layout_colegios .contenedor_blanco .paginador ul li a{
	width: 100%;
    display: block;
    text-align: center;
	background-color:  #00a5db;
	color: white;
	border-color:  #00a5db;	
	border-radius: 0px;	
	}
	
	.layout_colegios .contenedor_blanco .paginador ul li a span{
	display: none;		
	}
	
	.layout_colegios .contenedor_blanco .paginador ul li p{
	text-align: center;
	}
	
}

/* =============================================================
INFORMES ALUMNOS
============================================================= */

.layout_colegios .contenedor_blanco .buscador span{
background-color: #e6e6e6;
color: #878787;
padding-top: 10px;
font-weight: bold;
padding-right: 7px;
font-size: 12px;
padding-left: 7px;
box-shadow: 2px 2px 2px #0000001a;
}

.layout_colegios .contenedor_blanco .tabla_alumnos a{
text-decoration: underline !important;
color: #33b3e1;
display: block;
text-align: center;
}

.layout_colegios .contenedor_blanco .tabla_alumnos a:hover{
color: black;	
}

.layout_colegios .contenedor_blanco .tabla_informes tbody th {
padding: 14px 15px;
}

.layout_colegios .contenedor_blanco .ganancias{
margin-bottom: 7px;
}

.layout_colegios .contenedor_blanco .ganancias > div{
width: 49.8%;
background-color: #03b8e4;
padding: 19px 9px;
text-align: center;
display: inline-block;
}

.layout_colegios .contenedor_blanco .ganancias h5{
margin-bottom: 4px;
display: inline-block;
color: #00000078;
margin-right: 3px;	
}

.layout_colegios .contenedor_blanco .ganancias h4{
display: inline-block;
margin-bottom: 0px;
}

.layout_colegios .contenedor_blanco .ganancias h4 strong{
color: #ffffff;
}

.layout_colegios .contenedor_blanco .ganancias h4 span{
font-size: 15px;
color: #ffffff;
}

@media (max-width: 991px){

	.layout_colegios .contenedor_blanco .buscador_informes{
	display: block;
	}
	
	.layout_colegios .contenedor_blanco .buscador_informes input,
	.layout_colegios .contenedor_blanco .buscador_informes select{
	margin-bottom: 15px
	}
	
	.layout_colegios .contenedor_blanco .buscador span{
	display: block;
    padding: 6px;
	}
	
	.layout_colegios .contenedor_blanco .ganancias > div {
    width: 49.7%;
	}

}

@media (max-width: 768px){

	.layout_colegios .contenedor_blanco .ganancias > div {
    text-align: left;
    padding: 11px 13px;
    border: solid white 1px;
	    width: 48.7%;	
	}
	
	.layout_colegios .contenedor_blanco .ganancias h5,
	.layout_colegios .contenedor_blanco .ganancias h4{
	display: block;
	}
	
	.layout_colegios .contenedor_blanco .ganancias h5{
	margin-bottom: 0px;	
	}

}



/* =============================================================
FAQS
============================================================= */

#faqs{
background-color: white;
box-shadow: 2px 2px 2px #00000017;
padding: 52px 44px;
border-radius: 8px;
}

#faqs .togglet p{
margin-bottom: 0px;	
	
}

#faqs .togglec p{
margin-bottom: 0px;
font-weight: 300;
	/*color: #a0a0a0;*/
}

#faqs  .toggle:last-child{
border-bottom: none;
margin-bottom: 0px;	
}

@media (max-width: 768px){
	#faqs {
	padding: 30px 26px;
	}
}

/* =============================================================
TPV
============================================================= */

.caja_tpv{
background-color: white;
box-shadow: 4px 5px 6px #00000012;
padding: 35px;
}

.caja_tpv p{
margin-bottom: 15px;	
}

.caja_tpv .botones{
display: flex;
margin-top: 32px;
/* border-top: solid whitesmoke 1px; */
/* padding-top: 19px;*/
}

.caja_tpv .botones >div{
justify-content: space-between;
width: 100%;
text-align: center;
}

.caja_tpv .botones a{
border: solid 2px #0293bb;
padding: 7px 23px;
font-size: 17px;
/* border-radius: 44px; */
/* margin: 0 auto; */
margin-right: 13px;
color: #0293bb;
background-color: white;
display: inline-block;
/* margin-bottom: 12px; */
border-radius: 53px;
}

.caja_tpv .botones a:hover{
background-color: #0293bb;
color: white;	
}


@media (max-width: 768px){
	.caja_tpv .botones a{
	margin-bottom: 12px;
    width: 100%;
    margin-right: 0px;
    text-align: center;
	}
}