@charset "UTF-8";
/* CSS Document */

body{
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	margin-top:0;
	background-position:center;
	background-position:top;
	background-repeat:repeat;
	background-image:url(img/fondo.gif);
}


@font-face {
	font-family: 'BernardMT-Condensed';
	src: url('BernardMTCondensed.eot');
}

@font-face {
	font-family: 'BernardMT-Condensed';
	src: url('BernardMTCondensed.woff') format('woff'),
    url('BernardMTCondensed.svg#BernardMT-Condensed') format('svg');
}

.bernard { font-family: "BernardMT-Condensed", serif }



#menu{
	position: absolute;
	width: 900px;
	height: 168px;
	left: 50%;
	margin-left: -450px;
	top: 40px;
}
/* home */
#home{
	width:1254px;
	height:854px;
	position:absolute;
	left:50%;
	margin-left:-627px;
	background-image:url(img/back-home.jpg);
	background-repeat:no-repeat;
}

#conv-home{
	position: absolute;
	width: 100px;
	left: 391px;
	top: 291px;
}

.titulos-rojo{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#9a0101;
	font-weight:bold;
}

.titulos-negro{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000;
	font-weight:bold;
}
.txt-negro{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000;
	font-weight:normal;
}


/* del abuelo */

#delabuelo{
	width:1254px;
	height:854px;
	position:absolute;
	left:50%;
	margin-left:-627px;
	background-image:url(img/back-abuelo.jpg);
	background-repeat:no-repeat;
}

#conv-abuelo{
	position: absolute;
	width: 100px;
	left: 391px;
	top: 290px;
}


/* productos */

#productos-back{
	width:1254px;
	height:854px;
	position:absolute;
	left:50%;
	margin-left:-627px;
	background-image:url(img/back-productos.jpg);
	background-repeat:no-repeat;
}

#conv-abuelo{
	position: absolute;
	width: 100px;
	left: 391px;
	top: 290px;
}


#productos-cont{
	position: absolute;
	width: 427px;
	height: 348px;
	left: 651px;
	top: 238px;
}

.panela1-tit{
	width: 170px; 
	height: 109px; 
	position: absolute; 
	left: 42px; 
	top: 12px;
	cursor:pointer;
}
.panela1-tit:hover{
	background:url(img/productos/panela-tit.png) no-repeat 3px 3px;

}
.oaxaca-tit{
	width: 170px; 
	height: 109px; 
	position: absolute; 
	left: 218px; 
	top: 13px;
	cursor:pointer;
}

.oaxaca-tit:hover{
		background:url(img/productos/oaxaca-tit.png) no-repeat 35px 3px;
}

.panela2-tit{
	width: 256px; 
	height: 109px; 
	position: absolute; 
	left: 76px; 
	top: 117px;
	cursor:pointer;
}
.panela2-tit:hover{
	background:url(img/productos/panela-tit.png) no-repeat 3px 3px;
}

.canasto-tit{
	width: 155px;
	height: 109px;
	position: absolute;
	left: 49px;
	top: 230px;
	cursor: pointer;
}
.canasto-tit:hover{
	background:url(img/productos/canasto-tit.png) no-repeat 40px 3px;
}

.barra-tit{
	width: 170px; 
	height: 109px; 
	position: absolute; 
	left: 209px; 
	top: 232px;
	cursor:pointer;
}
.barra-tit:hover{
	background:url(img/productos/barra-tit.png) no-repeat 10px 3px;
}

/* tradicion */
#back-tradicion{
	width:1254px;
	height:854px;
	position:absolute;
	left:50%;
	margin-left:-627px;
	background-image:url(img/back-tradicion.jpg);
	background-repeat:no-repeat;
}

#conv-tradicion{
	position: absolute;
	width: 100px;
	left: 341px;
	top: 291px;
}


/* innovacion */
#back-innovacion{
	width:1254px;
	height:854px;
	position:absolute;
	left:50%;
	margin-left:-627px;
	background-image:url(img/back-innovacion.jpg);
	background-repeat:no-repeat;
}

#conv-innovacion{
	position: absolute;
	width: 100px;
	left: 441px;
	top: 291px;
}

/* recetas */
#back-recetas{
	width:1254px;
	height:854px;
	position:absolute;
	left:50%;
	margin-left:-627px;
	background-image:url(img/back-recetas.jpg);
	background-repeat:no-repeat;
}
#conv-recetas{
	position: absolute;
	width: 700px;
	left: 441px;
	top: 250px;
}


/* recetas */
#back-noticias{
	width:1254px;
	height:854px;
	position:absolute;
	left:50%;
	margin-left:-627px;
	background-image:url(img/back-noticias.jpg);
	background-repeat:no-repeat;
}
#conv-noticias{
	position: absolute;
	width: 800px;
	left: 220px;
	top: 250px;
}
/* pedidos */
#back-pedidos{
	width:1254px;
	height:854px;
	position:absolute;
	left:50%;
	margin-left:-627px;
	background-image:url(img/back-pedidos.jpg);
	background-repeat:no-repeat;
}

#conv-pedidos{
	position: absolute;
	width: 367px;
	left: 261px;
	top: 251px;
}

/* preguntale */
#back-preguntale{
	width:1254px;
	height:854px;
	position:absolute;
	left:50%;
	margin-left:-627px;
	background-image:url(img/back-preguntale.jpg);
	background-repeat:no-repeat;
}

#conv-preguntale{
	position: absolute;
	width: 682px;
	height:476px;
	left: 280px;
	top: 251px;
	padding:15px;
	padding-top:30px;
	background:url(img/papel_contacto.png) no-repeat;
}