/* CSS Document */

* { margin:0; padding:0; }
body { background:#EEE url(images/back.jpg) repeat-x; color:#888; font:12px Trebuchet MS; }
h2 { font:20px "Arial Narrow" bold;  } 
h5 { font-size:10px; text-transform:uppercase; color:#DDD }
h3 { font: bold 13px "Century Gothic"; text-transform:uppercase; }
.clear {margin:0; clear:both}

/* Header */
#header { width:780px; height: 180px; margin:0 auto;padding:10px 5px 5px 5px; }

/* navigation */
ul.topnav   { list-style:none;text-align:left; float: left; margin:0 10px 0 0}
.topnav li   { font:12px arial; float:left; margin: 0; padding:8px 10px;text-transform:uppercase; line-height:12px; border-left:1px solid #FFF }
.topnav li a  { outline:none;color:#333;text-decoration:none;display:block; font-weight:bold; }	
.topnav li a:hover   { color: #990000 !important; }
.topnav p { font-size:10px; color:#FFF; text-align:left; }
#head { margin:0; padding-top: 7px; width:780px; height:143px; clear:left}

#main-wrapper { display:block; margin:10px auto 5px auto; width:780px; padding:5px 0 ; text-align:left; background:#FFF;  }
#left_wrapper { margin:0; width:520px; float:left; padding: 0 10px; }
#left_wrapper h2 { color:#990000; border-bottom:1px dashed #CCC }
#left_wrapper h3 {color:#333; margin:5px 0 10px 0}
#left_wrapper p { margin: 1em 0; text-align:justify }
#left_wrapper ul, #left_wrapper ol { margin: 1em; }
#left_wrapper ul li { margin: 2px 0px 2px 30px;  line-height: 1.3em; list-style:square }
#left_wrapper ol li { margin: 2px 0px 2px 30px; line-height: 1.3em; }
#left_wrapper blockquote { margin: 5px 20px; padding: 0 5px; border: 1px solid #CCC; color:#999; background:#EEE }
#left_wrapper .images { padding:5px 0 0 7px; float:right; border:none}
#left_wrapper span {color:#666; text-transform:uppercase; font-weight:bold; font-size:11px }
#left_wrapper a { color:#333; text-decoration: none; font-weight:bold }
#left_wrapper a:hover { color:#990000 }

.event { float:left; margin:5px 0 10px 15px; width: 240px; }
.event .calendar { margin: 0 0 -5px 0; border-bottom:1px solid #CCC; }

.gal { float:left; margin: 5px 5px 3px 3px; width: 160px; text-align:center; }
.gal img {padding: 5px; border:none; border: 1px #CCC solid; }

.links { float:left; width: 230px; margin:5px 10px 5px 5px; background:#EEE; border:1px solid #CCC; padding:5px; line-height:14px; }
.links img { float:left; border:#DDD 1px solid; margin:0 5px 0 0}

.art { float:left; margin:5px 7px; width: 110px; text-align:center; }
.art img {padding: 5px; border:none; border: 1px #CCC solid; }
.art p { margin:0; text-align:center}
.art a { color: #999; text-decoration:none;}
.art a:hover { color: #910000;}

.catalogo { float:left; margin:0 0 10px 9px; width: 160px;  }
.catalogo p {text-align:left}

input { color:#333; font:12px "Arial Narrow"; border: 1px #CCCCCC solid;}
.barra {background-color:#EEE; height:15px; width: 180px}
textarea { width:500px; height: 130px; color:#333; font:12px "Arial Narrow"; border: 1px #CCCCCC dotted; background-color:#EEE;}

/* SIDEBAR */
#sidebar_wrapper { margin:-5px 0 0 0; width:230px; float:right; background: url(images/sidebarback.jpg) repeat-y; color:#666}
#sidebar_wrapper h3 { color:#333; padding: 3px 7px 3px 0px; background:url(images/vin.png) no-repeat center left; margin: 5px 7px 2px 10px; border-bottom:1px solid #CCC}
#sidebar_wrapper p { line-height: 1.25em; padding-left:10px; }
#sidebar_wrapper .image { margin:5px 0 0 10px; border:none }

.side { margin: 0 5px 0 0; }
.side li { font-size: 11px;padding:2px 0 0 8px; list-style:none; }
.side li a { color: #888; text-decoration:none;  }
.side li a:hover { color: #990000;text-decoration: none; }

.calendar { height: 14px; margin: 10px 0 3px 10px; background: url(images/calendar.jpg) no-repeat; padding-left: 20px; text-transform:uppercase;color: #910000;}

#footer { width:780px; margin: 5px auto; height: 50px; background:#FFF url(images/mx.jpg) no-repeat right; }
#footer p { padding: 8px 0 0 10px; font:10px Tahoma; text-transform:uppercase;   }
#footer a { text-decoration:none; color:#990000; }
#footer a:hover { color:#333 }