@font-face {
    font-family: 'UbuntuBold';
    src: url('../fonts/ubuntu-b-webfont.eot');
    src: url('../fonts/ubuntu-b-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/ubuntu-b-webfont.woff') format('woff'), url('../fonts/ubuntu-b-webfont.ttf') format('truetype'), url('../fonts/ubuntu-b-webfont.svg#UbuntuBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'UbuntuLight';
    src: url('../fonts/ubuntu-l-webfont.eot');
    src: url('../fonts/ubuntu-l-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/ubuntu-l-webfont.woff') format('woff'), url('../fonts/ubuntu-l-webfont.ttf') format('truetype'), url('../fonts/ubuntu-l-webfont.svg#UbuntuLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1, h2, h3, h4 { font-family: "UbuntuBold", Arial, Helvetica, sans-serif; text-shadow: 1px 1px 0 #fff; margin: 0; padding: 0; }
p { font-family: "UbuntuLight", Arial, Helvetica, sans-serif; text-shadow: 1px 1px 0 #fff; margin: 0; padding: 0; color: #B00D2A; text-align: justify; font-size: 16px; }
h1 { font-size: 150px; line-height: 100px; }
h2 { font-size: 70px; line-height: 80px; }
h3 { font-size: 40px; line-height: 40px; }
h4 { font-size: 20px; line-height: 20px; }
h3 span { font-size: 80px; }

body { background: #f9f9f9; }
div#container { position: relative; width: 960px; min-height: 600px; margin: 0 auto; }
	div#logo { position: absolute; top: 30px; left: 0; }
	div#info { position: absolute; top: 30px; right: 110px; text-align: right; }
		div#info h1, div#info h2, div#info h3 { color: #B00D2A; }
		div#info h1 { font-size: 80px; line-height: 70px; }
		div#info h3 { font-size: 25px; }
	div#fecha { position: absolute; top: 35px; right: 0; width: 70px; height: 60px; border: 8px solid #B00D2A; background-color: #fff; border-radius: 7px; font-family: "UbuntuBold", Arial, Helvetica, sans-serif; text-shadow: 1px 1px 0 #fff; padding: 15px 0; }
		div#dia { font-size: 50px; width: 100%; text-align: center; padding: 0; margin: 0; line-height: 30px; color: #333; }
		div#mes { position: absolute; top: 55px; background-color: #B00D2A; color: #fff; text-transform: uppercase; font-size: 24px; width: 100%; text-align: center; padding: 5px 0 0 0; }
    div#variedades { position: absolute; top: 150px; left: -80px; width: 600px; height: 600px; }
    div#kg { position: absolute; top: 190px; right: 0; text-align: right; color: #A8AB5E; padding-top: 50px; }
    div#litros { position: absolute; top: 740px; left: 0; text-align: left; color: #682d2d; }
    div#barricas-info { position: absolute; top: 500px; right: 0; color: #682d2d; }
    div#barricas { position: absolute; top: 530px; width: 480px; right: 0; }
    	div#barricas img { float: right; }
   	div#botellas { position: absolute; top: 1030px; width: 100%; left: 0; color: #300C1C; }
   		div#botellas h2 { line-height: 50px; }
   		div#botellas1 { position: absolute; top: 0; width: 100%; left: 0; overflow: hidden; height: 80px; }
   		div#botellas2 { position: absolute; top: 0; left: 520px; background-color: #f9f9f9; padding: 0 8px; color: #300C1C; }
	div#info-produccion { position: absolute; top: 1200px; height: 100px; left: 50px; z-index: 2; }
		div#info-produccion h3:first-child { color: #E1A06A; margin-bottom: 20px; }
		div#info-produccion h3:nth-child(2) { color: #AABBD7; }
		div#info-produccion h3 { font-size: 50px; }
   	div#produccion { position: absolute; top: 1130px; width: 100%; height: 500px; left: 0; z-index: 1; }
   	div#footer { position: absolute; top: 1650px; width: 100%; padding-bottom: 50px; }