@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;500&display=swap');

body{background:#fff; margin:0; padding:0;zoom: 1;}

*{color:rgba(0,0,0,0.8);line-height: 1.1em; font-size:16px; letter-spacing:0.05em; font-family: 'Roboto', sans-serif !important; font-weight:300}
a{text-decoration:none}

.noview{display:none !important}
.nofloat{clear:both}
.a5{-webkit-transition: all 5s ease-in-out; transition: all 5s ease-in-out;}
.a2{-webkit-transition: all 2s ease-in-out; transition: all 2s ease-in-out;}
.a1{-webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}


.a05{-webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.a02{-webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.a01{-webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}


section{background:#fafafa; border-bottom:1px solid #e1e1e1;}
section h2{color:#fff; background:#444; margin:0; padding:0.4em 0em 0.3em 2em; text-transform: uppercase; font-weight:500}
section div{padding:1em 2em;}


section h3{color:#D90000; font-weight:500}
section h4{color:#D90000; font-weight:700}

.center{text-align:center}

.fs{width:50%; margin:1em auto;}

#bottle>div>div{ display: inline-block; vertical-align:middle; width:49%; box-sizing:border-box}
#bottle .botella{height:450px; display:block; margin:0 auto}


.icon{height:60px; margin:1em}
img.bodega{height:90px; display:block; margin: 1em auto;}

table{width:100%; max-width:450px; margin:0 auto}

td.ltr{padding-left:0.5em; text-align:left}
td.ltr2{padding-left:1.5em; text-align:left}
td.ltr3{padding-left:2.5em; text-align:left}
td.rtr{text-align:right; font-weight:500; padding-left:0.5em}

table, th, td {
  border: 1px dotted #e1e1e1;
  border-collapse: collapse;
  font-size:0.9em
}


@media (max-width: 800px){
.fs{width:90%; margin:1em auto;}
#bottle>div>div{ display:block; width:100%}
section div{padding:1em 0.5em;}
	}