@charset "UTF-8";
@-ms-viewport{width: extend-to-zoom; zoom: 1.0; }
@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Roboto+Mono:300,300i,400,400i,700,700i|Russo+One|Roboto:300,300i,400,400i,700,700i,900,900i');

/* ----------- Todo ----------- */
*{	margin:0;    
	padding:0; 
	box-sizing:border-box; 
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
    border: 0; 
    outline: 0;}
body {
    background-color: #EFBE35; 
    font-family: 'Roboto', sans-serif; 
	color: #243546;}
a:link {text-decoration:none;}
ul,ol{list-style: none;}


/* -------------------- ENCABEZADO -------------------- */

.banner {
   	background-color: #00ACB5;
	display: flex;
	justify-content: space-between;
	width: 100%;
	padding: 5px 20px 0px 20px;
    box-sizing: border-box;
	flex-direction: row;
    align-items: center;
    position: fixed;
    top:0;
    margin: 0;
	z-index: 9998;}
#botones_derecha {
    margin-top: 1.2%; }
#menu {	margin-left: 2%;
    margin-top: 1%; }
#logo{padding-left: -3em;}


/*-----------MENÚ DESPLEGABLE----------*/

#escondido{
	display: flex;
	flex-direction: column; 
	justify-content: flex-start;}
#avna{display: flex; padding-bottom: .3em;}
.datomenu{
	background: linear-gradient(-9deg,rgba(231,210,161,1.00),#00ACB5 250%);
    border-radius: 0 0 1.2em 1.2em;
    color: #201f44;
    display: flex;
    padding: 1.2em 0 .8em 1.2em;
    margin: 0 .7em 1em .5em;
    flex-direction: column;  
    font-style: italic;  }
#foto{display: block;}
.datousuario{padding-left: .1em; display: block;}
.datousuario .registro{padding-top: .1em;}
.datousuario .light{padding: .3em 0 0 0; margin: 0;}
#dni{padding: .5em 0 0 0; font-size: italic;color: #201f44;}
.datousuario h6 {margin-top:.8em; color:#E84041;}
#nomap{
	font-size: 1em; 
	color:#E84041;
	padding: .1em 0 .5em 1em;}


/* ----------- ******* ---------- */

body nav {
	display: flex;
	justify-content:space-between; 
	width: 100%; 
	margin: 0px; 
	padding: 0em; 
	flex-direction: row; }
header{
    margin: 0;
    padding: 0;}
header nav{   
	background-image: linear-gradient(-9deg,#EFBE35,#00ACB5 100%);
    z-index: 9999;
    max-width: 1000px;   
    margin: 30px auto;
    width: 60%;
    height: calc(100% - 60px); 
    position: fixed;
    top:4.3em;
    right: 100%;
    margin: 00;
    overflow: hidden;}

/*-------- Hamburguesa --------*/
.menu_bar img{
    display: block;   
    color: bisque;
    overflow: hidden;
    font-size: 25px;
    text-decoration: none;
    float: left;}

/* ------- ******* ------- */

#menu-cuenta{display: block;}
#menu-cuenta li {padding: 1em;}
#menu-cuenta li a img{width:1.5em; margin-right: .8em;}
#menu-cuenta li:hover {width:500px;}
#menu-cuenta li a {
		height:10px;
		line-height:5px;
		display:block;
		color: white;
		text-decoration:none;
		font-size: .9em;
		padding:0px; }
#menu-cuenta li:hover a {		
		color: #E84041;
		-webkit-transition: all 200ms linear;
		-ms-transition: all 200ms linear;
		transition: all 200ms linear;font-size: bold; }


/* ---------- PESTAÑAS ---------- */
    
.pestas {
	display: flex;
	justify-content: flex-start;
	flex-direction: row; 
	text-transform: uppercase; 
	font-style: oblique;     
    font-size: .8em;
    margin: -.9em 0 2em 0;
    letter-spacing: -.05em;
	padding-top:80px;
    background-image: linear-gradient(-9deg,#EFBE35,#00ACB5 80%);}
.activac,.activac1,.activac0,.activab {
        background-color: #EFBE35;
		color: #E84041;
	   	width: 25%;
        border-radius: .5em .5em 0 0;
        padding: .5em 0 .3em 1em;
        margin: 0 -1em 0 1em;}
.activab{background-color:#6CC4C7;}
.activac1{width: 34%;}
.activac0{
	width: 0%;
	background: rgba(235,224,193,0%);
	color: rgba(235,224,193,0%)}
.noactiva1c {
        background-color: #dcb03b;
		color: bisque;
	   	width: 20%;
        border-radius: .5em .5em 0 0;
        padding: .5em .5em 0 1em;
        margin: 0 0 0 1em;		}
.noactiva2c {
        background-color: #c7a136;
		color: bisque;
	   	width: 32%;
        border-radius: .5em .5em 0 0;
        padding: .5em 0 0 1em;
        margin: 0;		}
 .activav{
        background-color: #EFBE35;
		color: #E84041;
	   	width: 20%;
        border-radius: .5em .5em 0 0;
        padding: .5em 0 .3em 1em;
        margin: 0 0 0 1em;			}
.noactiva1v {
        background-color: #dcb03b;
		color: bisque;
	   	width: 25%;
        border-radius: .5em .5em 0 0;
        padding: .5em 0 .3em 1em;
        margin: 0 -1em 0 1em;		}
.noactiva2v {
        background-color: #c7a136;
		color: bisque;
	   	width: 32%;
        border-radius: .5em .5em 0 0;
        padding: .5em 0 0 1em;
        margin: 0;		}
.activap{
        background-color: #EFBE35;
		color: #E84041;
	   	width: 32%;
        border-radius: .5em .5em 0 0;
        padding: .5em 0 0 1em;
        margin: 0;			}
.noactiva1p {
        background-color: #dcb03b;
		color: bisque;
	   	width: 20%;
        border-radius: .5em .5em 0 0;
        padding: .5em 0 .3em 1em;
        margin: 0 0 0 1em;		}
.noactiva2p {
        background-color: #c7a136;
		color: bisque;
	   	width: 25%;
        border-radius: .5em .5em 0 0;
        padding: .5em 0 .3em 1em;
        margin: 0 -1em 0 1em;
		}

/*-------------------- BUSCADOR-------------------*/

section .contbuscadortabla{
	width: 100%;
    z-index: 900;}
.contenedorbusqueda{
    margin-top: -25px;
	width: 100%;
	background: #6CC4C7;
    height: 70px;
    display: flex;
    align-items: center;}
.navegacion{
	width: 90%;
	margin: 0 auto;
    display: flex;}
#inputBusqueda{
    height: 40px;
    width: 90%;
    margin: 30px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
	font-size: 20px;
    align-content: center;
    outline: 0;}
input[type="search"]{
	padding: 10px;
	padding-right: 35px;
	border: none;}
.search{
	width: 90%;
    height: 300px;
	max-width: 100%;
	margin: auto;
	background: #fff;
	padding:0 10px;
	padding-bottom: 5px;
	max-height: 85%;
	overflow-x: hidden;
	display: none;}


/* -------------------- TABLA -------------------- */
.search-table{
	width: 80%;}
tbody tr td{
	width: 100%;}
tbody tr td a{
	text-decoration: none;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
	font-size: 25px;
	color: #737373;
	display: flex;
	width: 100%;
	height: 100%;
	padding: 20px ;
	padding-left: 20px;}
tbody tr td a img{
    width: 70px;
    height: 70px;
    margin-right: 15px;}
tbody tr td a p{
    display: block;
    height: 30px;}
tbody tr td a:hover{
    background: #EFBE35;}
tbody tr td:hover{
    background: #EFBE35;}
.search::-webkit-scrollbar{ 
	background:rgba(0,0,0,0);}
.search::-webkit-scrollbar-button{
 	background:#C1C1C1; }
.search::-webkit-scrollbar-thumb{ 
	background:#C1C1C1;}
.dataTables_length,.dataTables_filter,
.dataTables_info,.dataTables_paginate {
	display: none;}


/*----------------------------CONTENIDO----------------------------*/

main{
    font-family: "Roboto", sans-serif;
    background: #EFBE35;
    margin: 0 0 0 0;
    padding: 40px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;}

/*----------------BOTON CATALOGO----------------*/
.boton {
    margin: 20px;
    padding: 15px;
    display: flex;
    flex-direction: column;
    background: #E84041;
    text-align: center;
    border-radius: 10px;
	width: 85%;
	font-size: 15px;}
.boton:active {
    transform: scale(0.95);
    color: rgba (235,224,193,50%);
    border: 1px solid rgba (235,224,193,70%);}
.contenedor {margin: 50px 20px;}


/*----------------FOTOS PRODUCTOS----------------*/

.figure {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 30px 20px;}
.figure .grupo {
    display: flex;
    flex-direction: row;
    justify-content: center;
    max-width: 100%;
    margin: 5px 2px 0 2px;}
.grupo img {
    max-width: 94px;
    height: 94px;
    padding: 5px;}

/*----------------PROMOCIÓN----------------*/

.cuotas {
    display: flex;
    justify-content:center;
    padding: 0 20px;
    margin-top: 0;}


/*------------------ FORMULARIO -------------------*/

.form-register {
    width: 100%;
    max-width: 500px;
    margin: auto;
    border-radius: 7px;}
.form-titulo{
    color: #243546;
    padding: 20px;
    text-align: left;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 15px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;}
.contenedor-inputs{
    padding: 0px 30px 20px 30px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-content: center;
    align-items: center;}
input{
    margin-bottom: 15px;
    padding: 15px;
    font-size: 16px;
    border: 1px solid darkgray;}
.input-100{
    width: 100%;
    border-radius: 30px;
    outline: 0;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 13px;}

/* switch OFF-ON */

 input.switch {
    width: 20px; height: 20px; 
     margin: 0;
     margin-left: 15px;}
.contenedor-inputs article {
   display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0px;
    width: 280px;}
.contenedor-inputs p {
    color: #000;
    margin: 0;
    margin-right: 15px;
    font-family: 'Roboto', sans-serif;
    font-weight:400;
    font-size: 15px;
    font-style: italic;}