body { 	
background-image: url(../img/fondo13.jpg);
background-repeat: repeat; 	
background-position: center top; 	
font-size: 12px; }


#contenedor {
	position: absolute; /*Posicionamiento absoluto*/
	top:0%; /*Desde arriba, colocar al 50% de la pantalla*/
	left: 50%; /*Desde la izquierda, colocar al 50% de la pantalla*/
	height: 1450px; /*Le ponemos el valor del alto*/
	width: 960px; /*Le ponemos el valor del ancho*/
	margin-left: -480px; /*Restamos la mitad de ancho para centrarlo horizontalmente*/
	text-align: left;
	background-color: #FFFFFF;
}

@font-face {
  font-family:"Bree Rg";
  src: url(../font/BreeRegular.otf);
  src: url(../font/BreeRegular.otf) format('embedded-opentype'),
       url(../font/BreeRegular.otf)  format('woff'),
       url(../font/BreeRegular.otf)  format('truetype'),
       url(../font/BreeRegular.otf)  format('svg');
  font-weight: normal;
  font-style: normal;
}







#cabecera {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 708px;
	height: 248px;
	z-index: 1;
}
#logo {
	position: absolute;
	left: 347px;
	top: 42px;
	width: 260px;
	height: 223px;
	z-index: 1;
}
#botonera1 {
	position: absolute;
	left: -1px;
	top: 212px;
	width: 320px;
	height: 36px;
	z-index: 3;
}
#botonera2 {
	position: absolute;
	left: 642px;
	top: 212px;
	width: 320px;
	height: 36px;
	z-index: 3;
}

#pie {
	position: absolute;
	left: 0px;
	top: 1311px;
	width: 960px;
	height: 139px;
	z-index: 4;
}
#banner {
	position: relative;
	left: 0px;
	top: 244px;
	width: 947px;
	height: 567px;
	z-index: 0;
}
.texto-bannerboton {
	font-family: "Bree Lt";
	font-size: 12px;
}

  #consultas{
	position: absolute;
	left: 654px;
	top: 586px;
	width: 307px;
	height: 195px;
	z-index: 6;
}
 #boletin {
	position: absolute;
	left: 654px;
	top: 793px;
	width: 307px;
	height: 148px;
	z-index: 7;
}
    #titulo1 {
	position: absolute;
	left: 29px;
	top: 673px;
	width: 582px;
	height: 38px;
	z-index: 8;
}
    .textorojogrande {
	font-family: "Bree Rg", "Futura Std Book", Verdana, Tahoma;
	font-size: 16px;
	color: #F00;
	font-weight: bold;
	letter-spacing: normal;
	word-spacing: normal;
	vertical-align: 3%;
	white-space: normal;
}
.textoinformacionmediano {
	font-size: 13px;
	color: #333;
	font-weight: bold;
	font-family: "Verdana",  Tahoma, Arial;
	letter-spacing: normal;
	word-spacing: 2px;
}
.textocontenido {
	font-family: "Verdana", Tahoma, Arial;
	font-size: 13px;
	color: #333;
	text-align: justify;
	letter-spacing: 1px;
	word-spacing: normal;
}
.textoamarillomediano {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 20px;
	color: #FFBF00;
	font-weight: bold;
}
.textoblancopie {
	font-family: Verdana, Tahoma, arial;
	font-size: 13px;
	color: #FFF;
}

 #textocontenido1 {
	position: absolute;
	left: 29px;
	top: 767px;
	width: 557px;
	height: 174px;
	z-index: 9;
}
    #titulo2 {
	position: absolute;
	left: 29px;
	top: 741px;
	width: 266px;
	height: 29px;
	z-index: 10;
}
    #textoconsultas1 {
	position: absolute;
	left: 70px;
	top: 49px;
	width: 235px;
	height: 40px;
	z-index: 1;
	font-family: Verdana, Tahoma, Arial;
}
    #textoconsultas2 {
	position: absolute;
	left: 70px;
	top: 133px;
	width: 220px;
	height: 29px;
	z-index: 2;
	font-family: Verdana, tahoma, arial;
}
    #textoboletin {
	position: absolute;
	left: 11px;
	top: 48px;
	width: 285px;
	height: 33px;
	z-index: 1;
}
.textoproductos {
	font-family: "Futura Std Book", Verdana, Tahoma, Arial;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
}


    #musica {
	position: absolute;
	left: 845px;
	top: 105px;
	width: 100px;
	height: 20px;
	z-index: 4;
}
    #textopie {
	position: absolute;
	left: 17px;
	top: 14px;
	width: 497px;
	height: 84px;
	z-index: 5;
	}
	
  h1 {

    font-family: "Bree Rg", verdana;
	font-size: 20px;
	color: #F00;
	vertical-align: 0%;
	letter-spacing: 2px;
	word-spacing: 1px;
	
	
	}
h2{
	font-family: "Futura Std Medium", Verdana, Tahoma;
	font-size: 13px;
	color: #333;
	font-weight: normal;
}
	
.textopiegrande {
	font-family: "Bree Rg", Verdana, Tahoma, Arial;
	font-size: 24px;
	color: #F00;
}

  #bnaturales {
	position: absolute;
	left: 40px;
	top: 682px;
	width: 429px;
	height: 153px;
	z-index: 9;
}
    #bcongelados {
	position: absolute;
	left: 473px;
	top: 682px;
	width: 429px;
	height: 156px;
	z-index: 10;
}
   
    #bconservas {
	position: absolute;
	left: 40px;
	top: 831px;
	width: 429px;
	height: 153px;
	z-index: 1;
}
    #bbebidas {
	position: absolute;
	left: 474px;
	top: 831px;
	width: 429px;
	height: 153px;
	z-index: 1;
}
    #bpastas {
	position: absolute;
	left: 40px;
	top: 980px;
	width: 432px;
	height: 147px;
	z-index: 11;
}
    #tituloproductos1 {
	position: absolute;
	left: 39px;
	top: 11px;
	width: 362px;
	height: 36px;
	z-index: 1;
}
   

 #tituloproductos3 {
	position: absolute;
	left: 36px;
	top: 11px;
	width: 398px;
	height: 16px;
	z-index: 1;
}
 #tituloproductos4 {
	position: absolute;
	left: 38px;
	top: 11px;
	width: 398px;
	height: 16px;
	z-index: 1;
}


 #tituloproductos5 {
	position: absolute;
	left: 36px;
	top: 11px;
	width: 398px;
	height: 16px;
	z-index: 1;
}

    #bmininaturales {
	position: absolute;
	left: 305px;
	top: 115px;
	width: 110px;
	height: 23px;
	z-index: 2;
}

    #bminicongelados {
	position: absolute;
	left: 305px;
	top: 117px;
	width: 110px;
	height: 23px;
	z-index: 2;
}
    #bminiconservas {
	position: absolute;
	left: 305px;
	top: 116px;
	width: 110px;
	height: 23px;
	z-index: 2;
}

    #bminibebidas {
	position: absolute;
	left: 305px;
	top: 116px;
	width: 110px;
	height: 23px;
	z-index: 2;
}

    #bminipastas {
	position: absolute;
	left: 305px;
	top: 116px;
	width: 110px;
	height: 23px;
	z-index: 2;
}

    #textobnaturales {
	position: absolute;
	left: 163px;
	top: 54px;
	width: 248px;
	height: 51px;
	z-index: 3;
}
    #textobcongelados {
	position: absolute;
	left: 171px;
	top: 49px;
	width: 243px;
	height: 54px;
	z-index: 3;
}
    #textobconservas {
	position: absolute;
	left: 161px;
	top: 54px;
	width: 250px;
	height: 48px;
	z-index: 3;
}
    #textobbebidas {
	position: absolute;
	left: 173px;
	top: 55px;
	width: 244px;
	height: 41px;
	z-index: 3;
}
    #textobpastas {
	position: absolute;
	left: 202px;
	top: 56px;
	width: 210px;
	height: 45px;
	z-index: 3;
}
    #tituloproductos {
	position: absolute;
	left: 45px;
	top: 632px;
	width: 565px;
	height: 30px;
	z-index: 12;
}
 #botoneraproductos {
	position: absolute;
	left: 28px;
	top: -5px;
	width: 902px;
	height: 36px;
	z-index: 16;
}

    #sombra {
	position: absolute;
	left: 0px;
	top: 291px;
	width: 960px;
	height: 1025px;
	z-index: 14;
}

  #fondocampo {
	position: absolute;
	left: 22px;
	top: 143px;
	width: 998px;
	height: 586px;
	z-index: 13;
}

.galery{
	float: left;
	height:210px;
	width:170px;
	margin-top:20px;
	margin-right:20px;
	
	
}


.galery1{
	float: left;
	height:250px;
	width:210px;
	margin-top:20px;
	margin-right:20px;
	
	
}
.textbox{
border: 2px solid #DBE1EB;
font-size: 12px;
font-family: Arial, Verdana;
padding-left: 10px;
padding-right: 50px;
padding-top: 10px;
padding-bottom: 10px;
border-radius: 4px;
moz-border-radius: 4px;
webkit-border-radius: 4px;
border-radius: 4px;
background: #FFFFFF;
background: linear-gradient(left, #FFFFFF, #F7F9FA);
background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA);
background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA);
background: -o-linear-gradient(left, #FFFFFF, #F7F9FA);
color: #2E3133;

}
    #nombreempresa {
	position: absolute;
	left: 28px;
	top: 652px;
	width: 350px;
	height: 23px;
	z-index: 12;
}

    #nombreempresa1 {
	position: absolute;
	left: 102px;
	top: 322px;
	width: 350px;
	height: 60px;
	z-index: 13;
}
    #textosugerencias {
	position: absolute;
	left: 478px;
	top: 338px;
	width: 399px;
	height: 51px;
	z-index: 15;
}
    #tituloregistrate {
	position: absolute;
	left: 386px;
	top: 407px;
	width: 321px;
	height: 36px;
	z-index: 16;
}

    #contenedorcontacto {
	position: absolute;
	left: 43px;
	top: 473px;
	width: 854px;
	height: 499px;
	z-index: 17;
}


    #separador{
	position: absolute;
	left: 459px;
	top: 322px;
	width: 27px;
	height: 58px;
	z-index: 17;
}

    #tituloproductos2 {
	position: absolute;
	left: 38px;
	top: 11px;
	width: 237px;
	height: 18px;
	z-index: 4;
}



    #banderatitular {
	position: absolute;
	left: 278px;
	top: 70px;
	width: 400px;
	height: 44px;
	z-index: 17;
}
    #titularproductos {
	position: absolute;
	left: 1px;
	top: 8px;
	width: 450px;
	height: 19px;
	z-index: 1;
}
    #datosobligatorios {
	position: absolute;
	left: 373px;
	top: 424px;
	width: 325px;
	height: 20px;
	z-index: 18;
}
 
#divyoutube{
	position: absolute;
	left: 28px;
	top: 1008px;
	width: 294px;
	height: 230px;
	background-color: #CCCCCC;
	z-index: 20;
}
	

    #textonosotros {
	position: absolute;
	left: 308px;
	top: 55px;
	width: 250px;
	height: 99px;
	z-index: 18;
}
    #camionetas {
	position: absolute;
	left: 29px;
	top: 981px;
	width: 500px;
	height: 270px;
	z-index: 18;
}
    #fondoprincipal {
	position: absolute;
	left: 0px;
	top: 586px;
	width: 640px;
	height: 725px;
	z-index: 5;
}
   
    #fondoprincipal2 {
	position: absolute;
	left: 0px;
	top: 586px;
	width: 960px;
	height: 725px;
	z-index: 1;
}
    #bminiproductostemporada {
	position: absolute;
	left: 475px;
	top: 980px;
	width: 432px;
	height: 147px;
	z-index: 1;
}
    #tituloproductostemporada {
	position: absolute;
	left: 37px;
	top: 9px;
	width: 371px;
	height: 17px;
	z-index: 1;
}
    #bminitemporada {
	position: absolute;
	left: 305px;
	top: 116px;
	width: 110px;
	height: 23px;
	z-index: 2;
}
    #textotemporada {
	position: absolute;
	left: 171px;
	top: 53px;
	width: 246px;
	height: 41px;
	z-index: 3;
}
    #bpostres {
	position: absolute;
	left: 40px;
	top: 1130px;
	width: 432px;
	height: 147px;
	z-index: 1;
}
    #titulopostres {
	position: absolute;
	left: 32px;
	top: 10px;
	width: 284px;
	height: 15px;
	z-index: 1;
}
    #bminipostres {
	position: absolute;
	left: 305px;
	top: 116px;
	width: 110px;
	height: 23px;
	z-index: 2;
}
    #textospostres {
	position: absolute;
	left: 201px;
	top: 50px;
	width: 210px;
	height: 45px;
	z-index: 3;
}

    #fondoprincipal3 {
	position: absolute;
	left: 0px;
	top: 248px;
	width: 960px;
	height: 1063px;
	z-index: 0;
}