* {
    margin:0; 
    padding:0;
    box-sizing:border-box;
}

p {margin-bottom:15px;}
input[type=text],input[type=password],input[type=email]{
    display:inline-block;
    margin:10px;
    padding:7px 5px;
    border:1px solid #ccc; 
    background:#fff;
    color:#333;
} 
input[type=submit]{
    display:block;
    margin:10px;
    padding:8px 80px;
    border:2px solid #eee; 
    background:#888;
    color:#fff;
    cursor:pointer;
    font-size: 16px;
    border-radius: 9px;
    
    -webkit-transition : border 500ms ease-out;
    -moz-transition : border 500ms ease-out;
    -o-transition : border 500ms ease-out;
    transition : border 500ms ease-out;
}      
input[type=submit]:hover{
    border:2px solid #333; 
}
input[type=submit].resaltar{
    border:2px solid #000;
}

textarea{
    margin:10px;
    padding:10px;
    border:1px solid #ccc; 
    background:#fff;
    color:#333;
}

input:disabled, select:disabled, textarea:disabled{
    background:#ccc !important;
    color:#666 !important;
    cursor:not-allowed !important;
}

html, body{
	overflow-x:hidden;
	
}

body {
    font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",sans-serif;
    font-size:16px;
    color:#333;
    /* width:100%;
    min-height:100%;
    position:relative;
    overflow-y:hidden; */
}
#menuMovil, .movil{
    display:none;
}
.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;  
    -khtml-user-select: none;   
    -moz-user-select: none;    
    -ms-user-select: none;     
    user-select: none;           
}

.boton{  
    display:inline-block;
    margin:10px;
    padding:7px 5px;
    border:1px solid #eee; 
    background:#fff;
    color:#333;
    letter-spacing:1px;
    font-weight:bold;
    cursor:pointer;
    
    -webkit-transition : border 500ms ease-out;
    -moz-transition : border 500ms ease-out;
    -o-transition : border 500ms ease-out;
    transition : border 500ms ease-out;
}
.boton:hover{
    border:1px solid #333; 
}
.boton.resaltar{
    border:1px solid #000;
}
.center{
    text-align:center;
}

.clear{
    clear:both;
}

h1 {
    color:#888;
    margin:5px; 
    font-size:32px; 
    font-weight:bold;
	    
}

h2 {
    color:#222;
    margin:5px; 
    font-size:24px; 
    font-weight:normal;
    margin-top: 10px;
}

a{
    text-decoration:none;
    color:#666;
}

a:hover{
    color:#777;
}

.ajuste{ 
    margin:0 auto; 
    overflow:hidden;
}
h2#tituloSubfamilia{
    padding-left:20px !important;
    padding-top:20px;
}
/* HEADER */
    header{
        width:100%;
    }

    #flexHeader{
        display: flex;
        justify-content: center;
        align-items: center
    }
    
    #holderHeader{
         position:relative;
    }
    #logo {
        margin:5px 20px;
        display:block;
        float:left;
    }
    /*Buscador*/

    .flexsearch{
        width: 70%;
    }

    .flexsearch--wrapper {
        height: auto;
        width: auto;
        max-width: 100%;
        background: transparent;
        margin: 0;
    }

    #keyword{
        margin: 0;
    }


    .flexsearch--form {
        position: relative;
        /* margin-left: 18px; */
        margin-right: 18px;
    }

    .flexsearch--input {
        width: 100%;
    }

    /***********************
    * Configurable Styles *
    ***********************/


    .flexsearch--input {
        height: 40px!important;
        padding: 0 46px 0 10px!important;
        border-style: solid!important;
        border-width: 1px!important;
        color: #333!important;
        font-size: 16px!important;
        -webkit-appearance: none!important;
        -moz-appearance: none!important;
        width: 100%;
    }
        
    .search {
        background: url(./img/search.png) no-repeat 0px 4px !important;
        position: absolute;
        width: 40px;
        height: 35px;
        top: 5px;
        right: 0%;
        margin: 8px 0px;
        margin-right: -13px;
        border: none !important;
    }
    /*Fin Buscador*/
   /* menu superior */
        #menuPrincipal{
            width: 25%;
            text-align: center;
            margin-left: 20px;
        }

        #menuPrincipal.logueado{
            min-width: 530px;
        }

        #menuPrincipal a:first-child{
            margin-right: 20px;
        }

        #menuPrincipal.nologueado{
            min-width: 330px;
        }

        #menuPrincipal.nologueado a:first-of-type, #menuPrincipal.logueado a:nth-child(2){
            position: relative;
        }

        #menuPrincipal .imgUser{
            position: absolute;
            top: -9px;
            height: 200%;
            left: -20px;
        }

        #menuPrincipal a{
            padding: 0px 16px;
            color: #B7B7B7;
            font-weight: 500;
            text-decoration: none;
            text-transform: uppercase;
            transition: color .4s ease-in-out;
            -moz-transition: color .4s ease-in-out;
            -webkit-transition: color .4s ease-in-out;
            -o-transition: color .4s ease-in-out;
        }
        #menuPrincipal select{
                        
            color: #B7B7B7;
            font-weight: 500;
            text-decoration: none;
            text-transform: uppercase;
            transition: color .4s ease-in-out;
            -moz-transition: color .4s ease-in-out;
            -webkit-transition: color .4s ease-in-out;
            -o-transition: color .4s ease-in-out;
            width: 45px;
            height: 25px;
            background: white;
            border: none;
            
                
        }
        #menuPrincipal option{
                    
            float: left;
            padding: 38px 30px;
            color: #B7B7B7;
            font-weight: 500;
            text-decoration: none;
            text-transform: uppercase;
            border-right: 1px solid #eee;
            transition: color .4s ease-in-out;
            -moz-transition: color .4s ease-in-out;
            -webkit-transition: color .4s ease-in-out;
            -o-transition: color .4s ease-in-out;
                
        }
        #menuPrincipal select:checked,
        #menuPrincipal select:hover {

            color: #000;
                
        }
        #menuPrincipal a span{
          
            text-transform: uppercase;
            
        }
        #menuPrincipal a:hover{
            
            color:#000;
            -webkit-transition:  .2s;
            transition:  .2s;

        }
        #menuPrincipal a span:hover {
            color: #000;
            -webkit-transition: .2s;
            transition: .2s;
        }
        #numarticulos {
            color: #d00;
            text-align: center;
            font-size: 12px;
            padding: 10px;
            position: absolute;
            top: -11px;
            left: -19px;
            width: 50px;
        }

        .cartImg{
            position: absolute;
            top: -28px;
            right: -3px;
        }

        #botoncarro{
            display:none;
        }
            
        #numarticulos_movil{
            display:none;
        }
/* FIN HEADER */


/* MAIN */ 
    main{
        clear:both;
    }

    /* Cookies */
        #avisoCookies{
            position:relative;
            padding:20px 10px;
            border-bottom:1px solid #333;
            font-size:14px;
            
            padding-left:68px;
            background:url("img/info.png") no-repeat 10px center;
        }
        #avisoCookies a{
            font-weight:bold;
        }
        #avisoCookies a:hover{
            text-decoration:underline;
        }
        #cerrarCookies{
            display:inline;
            position:absolute;
            top:5px;
            right:5px;
            width:32px;
            height:32px;
            background:url("img/cross2.png") no-repeat center center;
        }
    /* FIN Cookies */
    
/* FIN MAIN */


/*Buscaprod*/
header .buscar{
    float: right;
    height: 35px;
    width: 460px;
    margin: 24px;
    border: 1px solid #f0f0f0;
}

header .buscar .imglupa{
    float: right;
    padding: 8px;
}

header .buscar .inputbuscar{
    width: 88%;
    height: 94%;
    border: none;
    color: #384668;
    font-weight: bold;
    font-size: 13px;
    outline:0px;
    padding-left: 15px;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    letter-spacing: 2px;
    margin-top: 2px;
    background: transparent;
}

/* -------------------------------------  buscaprod ----------------------------------------------*/
#bP_buscaprod{
    top: 83px !important;
}
#bP_buscaprod .marges{
    padding-top: 0px !important;
}
#bP_buscaprod #bP_resultados{
    text-align: center;
    border-top: 1px solid rgb(224, 224, 224) !important;
}
#bP_buscaprod input[type=text]#bp_cerrar {
    background: none !important;
    border: none !important;
    border-bottom: 2px solid #e0e0e0 !important;
    font-weight: bold;
}
#bP_buscaprod input[type=text]#bP_info {
    border-bottom: 2px solid #e0e0e0 !important;
    font-weight: bold !important;
}
#bP_buscaprod .marges {
    /*background: rgba(115, 115, 115, 0.79) !important;*/
    box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.75) !important;
}

#bP_buscaprod  .teaser {
    box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.75);
}
#bP_buscaprod  .teaser:hover {
    transition: none !important;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
}

#bP_buscaprod .articuloteaser {
    display: inline-block;
    max-width: 300px;
    min-height: 540px;
}
/* ------------------------------------- FIN buscaprod ----------------------------------------------*/


/* mensajes de info / error */
    .mensajes{
        position:relative;
        max-width:1200px;
        width:90%;
        margin:30px auto 0px auto;
        border-bottom: 1px solid #555;
        text-align:center;
        vertical-align:middle;
    }
    .msg_ok{
        background:url('/tema/img/check.png') left center no-repeat;
        line-height: 32px;
        padding: 0px 30px;
    }
    .msg_info{
        background:url('/tema/img/alert.png') left center no-repeat;
        line-height: 32px;
        padding: 0px 30px;
    }
    .msg_error{
        background:url('/tema/img/alert.png') left center no-repeat;
        line-height: 32px;
        padding: 0px 30px;
    }
    .cerrar{
        position:absolute;
        top:0;
        right:0;
    }
    @media all and (max-width:480px) {
        .msg_ok{
            padding:0px 36px;
        }
        .msg_info{
            padding:0px 36px;
        }
        .msg_error{
            padding:0px 36px;
        }
    }

@media all and (max-width:825px) {
    #logo {
       /* margin:20px 10px; */
        display:block;
        float:left;
        height:50px; 
    }
    .enlaceMenu{
        font-size:17px;
    }
}
@media all and (max-width:700px) {
    .enlaceMenu{
        font-size:15px;
        margin:0px 5px;
    }
}

@media all and (max-width:1081px) {
    /* HEADER */
        header {
            position: relative;
        }

        h1 {
            font-size: 25px;
        }

        #bP_buscaprod{
            top: 73px !important;
        }

        #holderHeader{
        }
        #logo {
            height:60px;
            margin-top:3px;
            float:none;
        }

        .flexsearch{
            width: 100%;
        }

        .flexsearch--input {
            width: 100%;
        }

		.movil{
            display:inline-block !important;
        }
        /* menu superior */
            #menuPrincipal{
                display:none;
            }
            #botonMenu, #botoncarro{
                position:absolute !important;
            }
            #botonMenu{
                top:18px;
                right:18px;
            }
            #botoncarro{
                top: 0px;
                right: 68px;
                z-index: 120;
                height: 60px;
                width: 60px;
                padding: 0px !important;
            }
            #numarticulos_movil{
				display: inline-block;
                color: #d00;
                text-align: center;
                font-size: 14px;
                border-radius: 5px;
                padding: 4px;
                width: 50px;
                height: 50px;
                position: absolute;
                top: 20px;
                right: 70px;
                z-index: 110;
			}
            #numarticulos {
            display:none;
				/*color: #d00;
				text-align: center;
				font-weight: bold;
				font-size: 14px;
				border-radius: 5px;
				padding: 4px;
				width:50px;
				height:50px;
				
				position: absolute;
				top:27px;
                left:20px;
				z-index:110;*/
				
			}
        /* fin menu superior */
      /*  #menuPrincipal{
            display:block;
            height:auto;
            float:none;
            margin:auto;
            text-align:center;
            line-height:20px;
        }
        .enlaceMenu{
            display:inline-block;
            color:#555;
            font-size:13px;
            margin:0px 3px;
        }
        .enlaceMenu img{
            width:30px;
        }
        .enlaceMenu:hover{
            color:#d2232a;
        }
        
        .av {
            top:5px;
            left:15px;
        }*/
        /* menu desplegable */
            #menuMovil{
                position:absolute;
                width:80%;
                height:80vh;
                right:-100%;
                
                background:#fff;
                border-bottom:1px solid #e3e3e3;
                border-right:1px solid #e3e3e3;
                padding:15px;
                
                transition:.3s;
				z-index:100;

            }
            #menuMovil.visible{
                right: 0px;
                z-index: 100;
                transition: .3s;
                top: 75px;
                height: calc(100vh - 75px);
                max-width: 300px;
            }

            #flexHeader{
                display: inherit;
            }
            
            #familiasMenuMovil{
                border-top:1px solid #666;
            }
            
            #menuMovil a{
                display:block;
                padding:15px;
                color:#666;
            }
            #menuMovil a:hover{
                color:#000;
                background:#F4F4F4
            }
            .enlaceCuentaMovil{
                font-size:22px;
                vertical-align: top;
                line-height: 32px;
            }
            .enlaceCuentaMovil img{
                margin-right:10px;
            }
            .enlaceFamiliaMovil{
                border-bottom:1px solid #eee;
            }
            
            #capa{
             position:absolute;
                width:100%;
                height:100%;
                right:-100%;
                
                background:#fff;
				opacity:0,5;
                border-bottom:1px solid #e3e3e3;
                border-right:1px solid #e3e3e3;
                padding:15px;
                
                transition:.3s;
				 z-index:50;
			}
			 #capa.visible{
                right:0px;
                z-index:50;
                transition:.3s;
                opacity:0.5;
                top: 75px;
            }
        /* fin menu desplegable */
    /* FIN HEADER */
    /* PIE */
        #pie a {
            display:block;
            
        }
        div #seleccionaIdioma{
				display:inline-block;
				position:absolute;
				right:0;
				bottom:0;
				padding:0px 10px;
		}

		div #seleccionaIdioma ul {
			list-style: none;
			margin: 0;
			padding: 0;
			text-align: center;
		}
		div #seleccionaIdioma li {
			display:inline-block;
			transition: all 0.3s;
			margin:0px 1px;
			transform: skewX(-15deg);
		}
		div #seleccionaIdioma a {
			display: block;
			transition: all 0.3s;
			padding: 10px 20px;
			color: #B9B9B9;
		/* background-color: #444444;
			border: 2px solid #989898;*/
		}
		div #seleccionaIdioma a:hover, footer #seleccionaIdioma a.seleccionado {
			color: #000;
			/*background-color: #969696;*/
		}
		div #seleccionaIdioma a:hover{
			text-decoration:underline;
		}
		div #seleccionaIdioma span {
			display: block;
			transform: skewX(15deg);
		}

			/* FIN PIE */
    
}