@charset "utf-8";
/* CSS Document */
@font-face {
	font-family:"BebasNeue";
	src:url("../fuentes/BebasNeue/BebasNeue.eot?") format("eot"),
	url("../fuentes/BebasNeue/BebasNeue.woff") format("woff"),
	url("../fuentes/BebasNeue/BebasNeue.ttf") format("truetype"),
	url("../fuentes/BebasNeue/BebasNeue.svg#BebasNeue") format("svg");
	font-weight:normal;
	font-style:normal;
	}

@font-face {
	font-family:"Lobster1.4";
	src:url("../fuentes/Lobster1_4/Lobster_1_4.eot?") format("eot"),
	url("../fuentes/Lobster1_4/Lobster_1_4.woff") format("woff"),
	url("../fuentes/Lobster1_4/Lobster_1_4.ttf") format("truetype"),
	url("../fuentes/Lobster1_4/Lobster_1_4.svg#Lobster1.4") format("svg");
	font-weight:normal;
	font-style:normal;
	}

@font-face {
	font-family:"Decker";
	src:url("../fuentes/Decker.eot?") format("eot"),
	url("../fuentes/Decker.woff") format("woff"),
	url("../fuentes/Decker.ttf") format("truetype"),
	url("../fuentes/Decker.svg#Decker") format("svg");
	font-weight:bold;
	font-style:normal;
	}	

body{
	background-color: #FAF3D7;
	background-attachment:fixed;
	}

#contenido{
	width:100%;
	min-width:960px;
	float:left;
	position:relative;
	background-image:url(../img/head.png);
	background-repeat:no-repeat;
	background-position:center top;
	height: 1039px;
	}

#contenido-960{
	width:982px;
	margin:auto;
	position:relative;
	}

#head{
	width:100%;
	min-width:960px;
	float:left;
	position:relative;
	}

#barra{
	background-color: RGBA(213, 8, 33, 0.84);
	height: 55px;
	width: 100%;
	position: absolute;
	margin-top: 320px;
	z-index: 11;
	border-top: 3px solid #fff;
	border-bottom: 3px solid #fff;
}	

#logo{
	background-image:url(../img/logo2.png);
	background-repeat: no-repeat;
	background-position: center;
	width: 741px;
	height: 475px;
	margin:auto;
	margin-top: -124px;
	}

#cinta{
	background-image:url(../img/cinta.png);
	background-repeat:no-repeat;
	width:982px;
	float:left;
	position:relative;
	height:74px;
	z-index:7;
	}
	
#cinta h1{
	color:#FFF;
	font-family:"BebasNeue";
	font-size:25px;
	font-weight:normal;
	text-decoration:underline;
	text-align:center;
	margin-top:30px;
	}
#menu{
	background-repeat:no-repeat;
	width:982px;
	float:left;
	position:relative;
	height:74px;
	z-index:11;
	}
#menu ul{
	margin-top: -28px;
	margin-left: 48px;
	}
#menu ul li{
	display:inline;
	font-family:"BebasNeue";
	font-size:39px;
	}
#menu ul li a{
	text-decoration: none;
	color: #FFF;
	float: left;
	position: relative;
	margin-left: 65px;
	text-shadow: 1px 1px 9px #000;
	padding-top: 9px;
	padding-bottom: 9px;
	padding-left: 5px;
	padding-right: 5px;
	}
#menu ul li a:hover{
	text-decoration: none;
	background-color: #fff;
	color: #000;
	text-shadow: 1px 1px 2px #000;
	}
#menu .selec{
	text-decoration: none;
	background-color: #fff;
	color: #000;
	text-shadow: 1px 1px 2px #000;
	}
#pregunta{
	width:965px;
	background-image:url(../img/bg.jpg);
	float:left;
	position:relative;
	margin-top:-40px;
	margin-left:8px;
	}
#pregunta h2{
	font-family:"BebasNeue";
	font-size:47px;	
	text-transform:uppercase;
	font-weight:normal;
	text-align:center;
	margin-top:30px;
	margin-bottom:40px;
	}
#pregunta h3{
	font-family:"BebasNeue";
	font-size:47px;	
	text-transform:uppercase;
	font-weight:normal;
	text-align:center;
	margin-top:30px;
	color:#fff;
	width:560px;
	margin-left:200px;
	}
#telefonos p {
	font-family: "decker";
	font-size: 36px;
	font-weight: bold;
	color: #fff;
	position: relative;
	text-align: center;
   	margin-top: 64px;
	text-shadow: 3px 3px 1px #000;
	}	
.naranja{
	color:#BD761D;
	}
.rojo{
	color:#9C3C10;
	}
.cafe{
	color:#B9A78A;
	}
#si{
	width:82px;
	float:left;
	position:relative;
	background-image:url(../img/rojo.jpg);
	background-repeat:no-repeat;
	font-size:36px;
	font-family:"Lobster1.4";
	color:#daceb9;
	text-align:center;
	padding-top:15px;
	height:49px;
	text-decoration:none;
	margin-left:385px;
	}
#si:hover{
	color:#9d3d10;
	background-color:#b19477;
	background-image:none;
	}
#no{
	width:82px;
	float:left;
	position:relative;
	background-image:url(../img/rojo.jpg);
	background-repeat:no-repeat;
	font-size:36px;
	font-family:"Lobster1.4";
	color:#daceb9;
	text-align:center;
	padding-top:15px;
	margin-left:30px;
	height:49px;
	text-decoration:none;
	}
#no:hover{
	color:#9d3d10;
	background-color:#b19477;
	background-image:none;
	}
#aviso{
	width:100%;
	float:left;
	position:relative;
	background-image:url(../img/lineas.png);
	background-position:center top;
	background-repeat:no-repeat;
	margin-top:35px;
	padding-top:5px;
	}
#aviso h3{
	font-family:"BebasNeue";
	font-size:24px;
	color:#FFF;
	text-align:center;
	text-transform:uppercase;
	font-weight:normal;
	}
#telefonos{
	float:left;
	position:relative;
	width:960px;
	margin-top: -163px;
	}
#redes{
	float:right;
	position:relative;
	margin-top: -148px;
	}
#tw{
	float:right;
	position:relative;
	background-image:url(../img/tw.png);
	width:32px;
	height:32px;
	background-repeat:no-repeat;
	margin-right:15px;
	}
#fb{
	float:right;
	position:relative;
	background-image:url(../img/fb.png);
	width:34px;
	height:32px;
	background-repeat:no-repeat;
	}
#promociones{
	width:965px;
	background-image:url(../img/bg.jpg);
	float:left;
	position:relative;
	margin-top:-40px;
	margin-left:8px;
	height:424px;
	}
#promociones{
    width: 952px;
    background-image: url(../img/bg.jpg);
    float: left;
    position: relative;
    margin-top: 40px;
    margin-left: 0px;
    height: 423px;
    margin-bottom: 60px;
    border: 4px solid #b70a0a;
	border-radius: 25px;
	border: 4px solid #fff;
}
	
#seguridad{
	width:965px;
	background-image:url(../img/lineas2.png);
	background-repeat:no-repeat;
	background-position:center top;
	float:left;
	position:relative;
	margin-left:-4px;
	margin-bottom:30px;
	}
#seguridad h1{
	font-size: 35px;
	font-family: "BebasNeue";
	color: #000;
	font-weight: normal;
	text-transform: uppercase;
	text-align: center;
	text-shadow: 1px 1px 4px #fff;
	}
#seguridad p{
	font-family: "decker";
	font-size: 24px;
	color: #000;
	text-align: center;
	width: 891px;
	margin: auto;
	padding-top: 5px;
	font-weight: bold;
	text-shadow: 1px 1px 1px #fff;
	}
#anuncio{
	float:left;
	position:relative;
	width:965px;
	background-repeat:no-repeat;
	margin-left:8px;
	height:283px;
	}
#llevamos{
	float:left;
	width:460px;
	position:relative;
	}
#llevamos img{
	float: left;
	margin-left: -18px;
	margin-top: 5px;
	}
#llevamos h1{
	font-family:"BebasNeue";
	font-size:24px;
	margin-left:15px;
	color:#494236;
	font-weight:normal;
	float:left;
	position:relative;
	margin-top:55px;
	}
.sub{
	font-family:"Lobster1.4";
	font-size:36px;
	color:#9C0F0F;
	}
#llevamos p{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	color:#000;
	margin-left:14px;
	width:249px;
	position:relative;
	margin-top:15px;
	line-height:18px;
	float:left;
	}
#btn-productos{
	background-color:#234189;
	background-repeat: no-repeat;
	text-align: center;
	width: 169px;
	font-family: "BebasNeue";
	font-size: 26px;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	float: left;
	position: relative;
	padding-top: 9px;
	padding-bottom: 5px;
	margin-left: 14px;
	margin-top: 20px;
	border-radius: 7px;
	}
#btn-productos:hover{
	background-color: #000;
	color:#FFF;
	}
#domicilio{
	float:left;
	position:relative;
	margin-top:80px;
	margin-left:70px;
	}
#domicilio h1{
	font-family:"BebasNeue";
	font-size:64px;
	color:#494237;
	font-weight:normal;
	}
#domicilio p{
	font-family:"Lobster1.4";
	font-size:31px;
	color:#9C0F0F;
	margin-top:15px;
	}
#quienes{
	width: 965px;
	float: left;
	position: relative;
	margin-top: -8px;
	margin-left: 6px;
	height: 424px;
	margin-bottom: 40px;
	background-color: #000;
	border: 3px solid #fff;
	}
#quienes-foto{
	width:777px;
	float:right;
	position:relative;
	margin-left:-199px;
	margin-top:-1px;
	}
#quienes-texto{
	float:left;
	position:relative;
	width:332px;
	margin-top: 4px;
	margin-left: 26px;;
	}
#quienes-texto h1{
	font-family:"BebasNeue";
	font-size:49px;
	font-weight:normal;
	color:#FFF;
	}
#quienes-texto p{
	font-size: 24px;
	color: #FFF;
	line-height: 22px;
	margin-top: 11px;
	font-family: "BebasNeue";
	text-align: justify;
	width: 398px;
	}
#empresa{
	width: 965px;
	float: left;
	position: relative;
	margin-left: 8px;
	height: 424px;
	margin-bottom: 40px;
	background-color: #000;
	border: 3px solid #fff;
	}
#empresa-foto{
	width:777px;
	float:left;
	position:relative;
	margin-top:-1px;
	}
#empresa-texto{
	float:right;
	position:relative;
	width:332px;
	margin-top:140px;
	margin-left:-199px;
	}
#empresa-texto h1{
	font-family:"BebasNeue";
	font-size:47px;
	font-weight:normal;
	color:#9C3C10;
	text-align:right;
	}
#empresa-texto p{
	font-size: 25px;
	color: #FFF;
	text-align: justify;
	line-height: 27px;
	margin-top: -91px;
	font-family: "BebasNeue";
	width: 400px;
	margin-right: 28px;
	float: right;
		}
#menu-productos{
	width:965px;
	float:left;
	position:relative;
	margin-left:20px;
	margin-top:30px;
	}
#avisos{
	background-image:url(../img/licor.png);
	background-repeat:no-repeat;
	background-position:top;
	float:left;
	position:relative;
	width:451px;
	height: 190px;
	text-decoration:none;
	border: 4px solid #fff;
	}
#avisos:hover{
	background-image:url(../img/licor-h.png);
	}
#avisos span{
	font-family: "decker";
	font-size: 29px;
	color: #000;
	background-color: #fff;
	padding-left: 15px;
	padding-right: 15px;
	float: left;
	position: relative;
	margin-top: 175px;
	margin-left: 165px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 6px;
	}
#avisos:hover span{
	background-image:none;
	color: #fff;
	background-color: #E41F37;
	}
#mas{
	background-image: url(../img/productos.png);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	position: relative;
	width: 451px;
	height: 192px;
	text-decoration: none;
	margin-left: 20px;
	border: 4px solid #fff;
	}
#mas:hover{
	background-image:url(../img/productos-h.png);
	}
#mas span{
	font-family: "decker";
	font-size: 29px;
	color: #000;
	background-color: #fff;
	padding-left: 15px;
	padding-right: 15px;
	float: left;
	position: relative;
	margin-top: 175px;
	margin-left: 165px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 6px;
	}
#mas:hover span{
	background-image:none;
	color: #fff;
	background-color: #E41F37;
	}
#productos{
	width: 965px;
	float: left;
	position: relative;
	margin-left: 20px;
	margin-top: 90px;
	padding-bottom: 60px;
	height: 924px;
	}
#productos h1{
	font-family: "BebasNeue";
	font-size: 69px;
	color: #000;
	font-weight: normal;
	margin-bottom: 20px;
	text-shadow: 1px 2px 4px #fff;
	}
.titulo-pro{
	font-size:43px;
	color:#B9A78A;
	}
#ubicacion{
	width:959px;
	float:left;
	position:relative;
	margin-left:8px;
	margin-top:-8px;
	background-image:url(../img/mapa.jpg);
	margin-bottom:40px;
	height:423px;
	}
#llamenos{
	float:left;
	position:relative;
	margin-top:30px;
	margin-left:36px;
	}
#llamenos h1{
	font-family:"BebasNeue";
	color:#fff;
	font-size:28px;
	font-weight:normal;
	}
#llamenos h2{
	font-family:"BebasNeue";
	font-size:50px;
	font-weight:normal;
	color: #AA0909;
	margin-top: 10px;
	text-shadow: 1px 0px 0px #fff;
	}
#llamenos p{
	font-size: 20px;
	margin-top: 14px;
	font-family: "decker";
	color: #FFF;
	width: 344px;
	line-height: 18p;
	text-align: left;
	}
#formulario{
	width: 965px;
	float: left;
	position: relative;
	margin-left: 2px;
	background-image: url(../img/contacto.png);
	height: 439px;
	background-repeat: no-repeat;
	background-position: left;
	margin-top: 40px;
	margin-bottom: 25px;
	background-color: #000;
	padding-right: 15px;
	}
#formulario form{
	width:600px;
	float:right;
	margin-top:25px;
	}
#formulario p{
	float:right;
	position:relative;
	font-family:"BebasNeue";
	font-size:20px;
	color:#FFF;
	margin-right:5px;
	padding-top:10px;
	margin-top:10px;
	}
input{
	font-size: 18px;
	width: 430px;
	float: right;
	background-color: #FFF;
	border: solid 2px #20469D;
	height: 37px;
	padding-left: 5px;
	margin-top: 10px;
	color: #000;
	}
textarea{
	font-size: 18px;
	width: 426px;
	float: right;
	background-color: #FFF;
	border: solid 2px #20469D;
	padding-left: 7px;
	margin-top: 10px;
	height: 150px;
	color: #000;
	}
.botones{
	width:600px;
	float:right;
	height:45px;
	margin-top: -6px;
	}
#enviar{
	cursor:pointer;
	font-family:"BebasNeue";
	color:#B9A78A;
	font-size:42px;
	border:none;
	background:none;
	float:right;
	position:relative;
	width:106px;
	height:45px;
	}
#enviar:hover{
	color:#fff;
	text-decoration:underline;
	}
#borrar{
	cursor:pointer;
	font-family:"BebasNeue";
	color:#AD1200;
	width:108px;
	font-size:43px;
	border:none;
	background:none;
	float:right;
	height:45px;
	position:relative;
	}
#borrar:hover{
	color:#fff;
	text-decoration:underline;
	}
#footer{
	float:left;
	position:relative;
	width:965px;
	margin-left:8px;
	margin-top:40px;
	}
#footer p{
	font-size: 21px;
	font-family: "decker";
	color: #FFF;
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 30px;
	height: 24px;
	margin-top: 2px;
	margin-left: 25px;
	font-weight: bold;
	
	}
.tel{
	background-image:url(../img/phone.png);
	}
.cel{
	background-image:url(../img/cel.png);
	}
.mail{
	background-image:url(../img/mail.png);
	}

#footer a{
	float: right;
	position: relative;
	background-image: url(../img/web.png);
	padding-right: 150px;
	background-position: right 5px top 12px;
	background-repeat: no-repeat;
	font-size: 14px;
	color: #ffffff36;
	text-decoration: none;
	padding-top: 15px;
	margin-top: -30px;
	padding-bottom: 20px;
	padding-left: 15px;
	margin-right: 13px;
	}

#foot{
	background-color: #234189;
	height: 157px;
	width: 100%;
	float: left;
	margin: auto;
	border-bottom: 15px solid #FFF;
	margin-top: -159px;
	}
#foote{
	width: 100%;
	min-width: 960px;
	margin: auto;
	position: relative;
	float: left;
	background-position: center top;
	background-color: #FFF;
	border-top: 4px solid #3254A5;}
#foote-960{
	width: 960px;
	position: relative;
	margin: auto;
	}		

#float_whatsapp {
	background-image: url(../img/whatsapp.svg);
	background-repeat: no-repeat;
	animation: pulse 2s infinite;
	border-radius: 50%;
	width: 65px;
	height: 65px;
	position: fixed;
	right: 15px;
	z-index: 99999;
	bottom: 49%;
}