/*----------------------------------------------------------------
    Reglas generales
----------------------------------------------------------------*/
.aviso-actualizacion{
    background-color: #411312;
    text-align: center;
    color: #FFF;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 50px 0;
    z-index: 9999999;
}
.aviso-actualizacion a{
    color: #FFF;
}
/*.menu-item{
    text-align: center;
}*/

a.facebook-btn i{
    background-color: rgba(255,255,255,1);
    border-radius: 50%;
    color: #411312 !important;
    line-height: 1.9em !important;
    padding:3px 0.8em 0;
    font-size: 1em;
    vertical-align: baseline;
    -webkit-transition:background-color 0.1s linear, color 0.1s linear;
       -moz-transition:background-color 0.1s linear, color 0.1s linear;
            transition:background-color 0.1s linear, color 0.1s linear;
}
li:hover a.facebook-btn{
    border: none !important;
}
a.facebook-btn:hover i{
    background-color: rgba(255,255,255,0.9);
}

#contacto a.facebook-btn{
	text-decoration: none;
	color: #6f6d6d;
}
#contacto a.facebook-btn i{
    background-color: #3b5998;
    border-radius: 50%;
    color: #fff !important;
    line-height: 1.9em !important;
    padding:3px 0.8em 0;
    font-size: 1em;
    vertical-align: baseline;
    -webkit-transition:background-color 0.1s linear, color 0.1s linear;
       -moz-transition:background-color 0.1s linear, color 0.1s linear;
            transition:background-color 0.1s linear, color 0.1s linear;
}



#logos{
    position: absolute;
    bottom: 5%;
    right: 8%;
    display: flex;
}

.mt{
    margin-top: 140px;
}

.box-producto img{
    margin: 0 auto;
    z-index: 10;
    position: relative;
}

.box-producto .bloque-w{
    margin-top: -190px;
    padding: 150px 20px 15px;
    width: 100%;
}

.bloque-w{
    position: relative;
    background: linear-gradient(225deg, transparent 40px, #fff 10px);
    box-shadow: -5px 5px 0 #411312;
    padding: 20px;
    margin-bottom: 70px;
    z-index: 1;
    display: inline-block;
}

.encabezado{
    /*margin-top: 1em;*/
  margin-top: 6em;
}

.encabezado p{
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 2em;
    font-style: italic;
    font-size: 1.313em;
}

.encabezado h1{
    margin: 0 1.5em 0.222em 0;
}

.bloque-w .button{
    position: absolute;
    left: 50%;
    margin-left: -1rem;
}

.quizas{
  background-image: url(../img/back-vinia.jpg);
  background-position: center bottom;
  background-color: #faf7f2;
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen and (max-width: 767px) {
  .quizas {
    background-image: url(../img/back-vinia-movil.jpg);
    background-size: 100%;
  }
}


.parallax-window{
    height: 200px;
    min-height: 200px;
    background: transparent;
}

#backGual{
    background: url(../img/back-gual.jpg) no-repeat center top;
}
#backDonAntolin{
    background: url(../img/back-don-antolin.jpg) no-repeat center top;
}
#backTerrenal{
    background: url(../img/back-terrenal.jpg) no-repeat center top;
}
#backAceite{
    background: url(../img/back-aceite.jpg) no-repeat center top;
}

ul.bxslider{
	margin:0;
	padding:0;
}
#backDonAntolin .bx-wrapper{
	margin-top: 250px;
}

@media handheld,only screen and (max-width:48em) {
	#backDonAntolin .bx-wrapper{
		margin-top: 0;
	}
}

#bx-pager{
    text-align: center;
}
#bx-pager img {
    display: inline-block;
}

p.textInicio{
    margin-top: 2.5em;
}

#contacto h1, #contacto h2{
margin-top: 0;
}

#explicacion{
    display:none;
    float:left;
}

/* Botones */

.boton,
input.boton {
    position: relative;
    display: inline-block;
    margin-right: 1em;
    margin-bottom: 1.34em;
    padding: 0.667em 2em;
    -webkit-border-radius: 0.333em;
    -moz-border-radius: 0.333em;
    border-radius: 0.333em;
    background-color: rgba(84,87,102,1);
    color: #FFFFFF !important;
    text-decoration: none !important;
    text-transform: uppercase;
    font-size: 0.778em !important;
    line-height: 1.714em !important;
    cursor: pointer;
    border: none;
}    

.boton:hover,
input.boton:hover {
    border-bottom: none;
    background-color: rgba(84,87,102,0.9);
}

.boton:active,
input.boton:active {
    box-shadow: inset 0 3px 1px rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 0 3px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0 3px 1px rgba(0,0,0,0.1);
}

.boton i {
    margin-right: 0.667em;
    vertical-align: middle;
    line-height: 1em !important;
}

.boton.red,
input.boton.red {
    background-color: rgba(196,80,65,1);/*-- #c45041 --*/
}

.boton.red:hover,
input.boton.red:hover {
    background-color: rgba(196,80,65,0.9);
}

.boton.facebook,
input.boton.facebook {
    background-color: rgba(59,89,152,1);
}

.boton.facebook:hover,
input.boton.facebook:hover {
    background-color: rgba(59,89,152,0.9);
}

video{
    width: 100%;
    margin-top: 2em;
}

.fluidvids {
  margin-top: 2em;
  margin-bottom: 1em;
}