/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

/* CSS Document */

html,
body { background-color:#eeecea; }

a { color:#231F20; text-decoration:none; }
a:hover {  text-decoration:underline; }
em, i { font-style:italic; }
strong, b { font-weight:bold; }

#menu { left:50%; margin:0; margin-left:-450px; padding-top:56px; position:fixed; top:0; width:900px; }
#menu a { color:#808184; }
#menu a:hover { color:#231F20; text-decoration:none; }
.left,
.center,
.right { color:#808184; float:left; font-family:"Courier New", monospace; font-size:14px; width:33.33333333333333%; }
.center { text-align:center; }
.center a { color:#231F20 !important; font-weight:bold; }
.center a:hover { color:#808184 !important; }
.right { text-align:right; }

#home,
#vinos,
#entorno,
#bodega,
#contacto { margin:0 auto; padding-bottom:40px; width:732px; }

 .full { float:left; margin:0 8px; width:716px; }
 .half { float:left; margin:0 8px; width:350px; }
.third { float:left; margin:0 8px; width:228px; }
.clear { clear:left; }

#home .full { /*padding-top:185px; padding-bottom:20px;*/ }
#vinos .full,
#entorno .full,
#bodega .full,
#contacto .full { padding-top:165px; }

.full img,
.half img,
.third img { display:block; margin:80px auto 0 auto; }
#home .full img { margin-top:0; }

.full h1 { color:#231F20; font-family:'Oswald', sans-serif; font-size:120px; font-weight:700; letter-spacing:0.005em; margin-bottom:47px; text-align:center; }
.full h2 { color:#989898; font-family:'Playfair Display', serif; font-size:22px; font-weight:400; letter-spacing:0.005em; line-height:29px; margin:0 auto; text-align:center; width:532px; }
.full h3 { text-align:center; }
.full h3,
.half h1,
.third h1 { color:#231F20; font-family:'Oswald', sans-serif; font-size:24px; font-weight:400; letter-spacing:0.04em; line-height:37px; margin:12px 0 8px 0; }
.full p { text-align:center; }

hr { background-color:#231F20; border:0 none; height:1px; margin:24px auto 20px auto; width:52px; }
p { color:#989898; font-family:'Playfair Display', serif; font-size:16px; line-height:20px; margin:0 0 13px 0; }
ul p { margin-bottom:0; }
ul li { margin:0 0 13px 0; }
.half li,
.third li { border-bottom:1px dotted #231F20; padding-bottom:10px; }
.half li:last-child,
.third li:last-child { border-bottom:0 none; padding-bottom:0; }

ul li p:first-child { color:#231F20; }
#bodega ul li:first-child p:first-child,
#contacto a { color:#989898; }
#contacto a:hover { color:#231F20; text-decoration:none; }