@import url("inc_reset.css");

body,td,th { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000; }
body { background-image: url(../template/images/bg_fullgrad.gif); background-position: top; background-repeat: repeat-x; background-color: #A86A43; margin: 0px; }

h1,h2,h3 { font-weight: 100; color: #6c442a; margin-bottom: 3px; }
h1 { font-size: 22px; }
h2 { font-size: 18px; }
h3 { font-size: 14px; }

p { line-height: 1.3em; }

a:link,a:visited,a:active { color: #A86A43; text-decoration: underline; }
a:hover { text-decoration: none; }

hr { border: none 0; border-top: 1px solid #d0cfb9; width: 100%; height: 1px; margin-bottom: 10px; } 

DIV#container {left: 50%; width: 780px; position: absolute; margin: 0 0 0 -390px; border: 0; padding: 0; }
  DIV#header {width: 780px; height: 230px;}

  DIV#menu {width: 780px; background-color: #A86A43; margin: 0px; border:#000000 0px solid;}
  DIV#menuup {color: #fff; margin: 8px 15px; } 
  DIV#menuup a { font-family: "Lucida Sans", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #fff; text-decoration: none; }
  DIV#menuup a:hover { text-decoration: underline; }

  DIV#content {width: 780px; margin: 10px 0; border: #000000 0px solid; overflow: auto;}
  DIV#content DIV#col1, DIV#col2, DIV#col3 { float: left; width: 250px;}
  DIV#content .sep { float: left; width: 15px;}
  
#titcat { float: right; clear: left; width: 770px; margin-bottom: 10px; }
#titcat h1 { color:  #fff; }
  
#col4 { float: left; width: 515px; border: #000000 0px solid; background-color: #FFFFFF;}

#menuleft { float: left; clear: left; width: 250px; margin-bottom: 10px; display: none }
#menuleft ul { list-style-type: none; }
#menuleft ul li { background-color: #A96B43; padding: 0.3em 0.6em; margin-bottom: 1px; }
#menuleft ul li a { font-size: 11px; color: #fff; text-decoration: none; }

#menucat { float: left; clear: left; width: 250px; margin-bottom: 10px; }
#menucat ul { list-style-type: none; }
#menucat ul li { background-color: #A96B43; padding: 0.3em 0.6em; margin-bottom: 1px; }
#menucat ul li a { font-size: 11px; color: #fff; text-decoration: none; }
#menucat ul li ul { list-style-type: none; margin: 5px 0; text-indent: 5px; }
#menucat ul li ul li { background-color: #C89675; padding: 0.1em 0.6em; margin-bottom: 1px; }
#menucat ul li ul li a { text-decoration: none; }

DIV.white {width: 250px; background-color: #FFFFFF;}
/*.white4 { float: left; clear: left; width: 510px; background-color: #fff; }*/
DIV.pad10 {padding: 10px;}

.imgmese { margin: 10px 0 5px 0; }
#desc { background-color: #f0f0e6; padding: 0.3em; }
#cat { margin: 10px 0 5px 0; }
#cat img { margin: 2px; }

.imgcat { float: right; margin: 0 0 10px 10px; }
.imgfam { float: left; margin: 0 6px 6px 0; }
.dettcat { width: 50%; background-color: f0f0e6; padding: 0.3em; margin: 10px 0; border: 1px dashed #6c442a; }
.dettcat ul li { margin: 3px 0; }

/*---Form---*/
label { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666; padding: 0.3em; }
.text { width:185px; background-color: transparent; color:#000; font-size:11px; margin: 2px 0 8px 0; padding: 0.3em; border:1px solid #666; }	
#posText { width:360px; height:150px; background-color: transparent; font-family: Verdana, Arial, Helvetica, sans-serif; color:#000; font-size:11px; margin: 2px 0 8px 0; padding: 0.3em; border:1px solid #666; }
fieldset { border:none; }

input.txt { width: 228px; border: 1px solid #ccc; margin-bottom: 3px; }
input.btn { clear: left; padding: 0.1em; color: #fff; font-weight: 600; background-color: #6c442a; margin-bottom: 3px; }

DIV#bottom{clear: both; height: 10px;}
#footer { float: left; clear: left; width: 780px; background-color: #C89675 }
#footer a { color: #000; text-decoration: underline }
#footer a:hover { text-decoration: none; }