/* Generic CSS */

body, td, input, textarea, select 
{
font-family: Arial, Helvetica, sans-serif; 
font-size: 10pt;
margin: 2pt;
background-color: #FFFFFF;
text-decoration: none; 
}


html>body,
html>body input,
html>body select,
html>body textarea
{
font-size: 10pt; 
}

body
{
margin:0 0 2em 0;
padding: 1em; 
text-align: center;
}


h1 {
  font-size: 1.4em;
  font-weight: bold;
  margin-top: 0em;
  margin-bottom: 0em;
}

h2 {
  font-size: 1.2em;
  margin: 1.2em 0em 1.2em 0em;
  font-weight: bold;
}

h3 {
  font-size: 1.0em;
  margin: 1.2em 0em 1.2em 0em;
  font-weight: bold;
  padding-left: 3px;
}

h4 {
  font-size: 0.95em;
  margin: 1.2em 0em 1.2em 0em;
  font-weight: normal;
}

h5 {
  font-size: 0.9em;
  margin: 1.2em 0em 1.2em 0em;
  font-weight: normal;
}

h6 {
  font-size: 0.85em;
  margin: 1.2em 0em 1.2em 0em;
  font-weight: normal;
}

img {
  border: 0;
}

ol, ul, li {/*
  list-style: none;*/
  font-size: 1.0em;
  line-height: 1.2em;
  margin-top: 0.2em;
  margin-bottom: 0.1em; 
}

p {
  font-size: 1.0em;
  line-height: 1.2em;
  margin: 1.2em 0em 1.2em 0em;
}

li > p {
  margin-top: 0.2em;
}

pre {
  font-family: monospace;
  font-size: 1.0em;
}

strong, b {
  font-weight: bold;
}
/***************************************************/
#feature
{

  text-align: left; 
}

h3.feature
{
  font-size: 1.1em;
  margin: 0em 0em 0em 0em;
  font-weight: bold;
  padding-left: 7px;
  background-color:#EAEAEA;
}

/***************************************************/
a
{
text-decoration: underline;
color: #000000;
}

a:hover
{
text-decoration: underline;
color: #cc0000;
}



h3, h1
{
margin:0;
}

h1
{
font-size:1.6em;
}

h2
{
font-size:1.4em;
}

/*h3
{
font-size:1.2em;
}*/

ul
{
list-style-type: none;
}

code
{
background-color: #ffc;
padding: 0.2em;
border: inset 1px #ee9;
display:block;
font-family:courier;
}


/**** STRUCTURE ****/

#main-wrap
{
  margin: 0em auto;
  width: 765px;
  padding: 0;
  padding-top: 0px;
  padding-bottom: 10px;
  text-align: left; /* Win IE5 */
}

/****** width: 80%; *******/

#main
{
width:100%;
margin:1em 0;
clear:both;
}

#main #left-bar
{
width:20%;
float:left;
}

#left-bar 
{ 
  background-color: #EAEAEA;
  border: inset 1px #555;
}

#left-bar-pck
{ 
  width:74%;
  float:left;
  background-color:  #f5f5f5;
  border: inset 1px #555;
}


#main #center
{
margin-left: 21%;
border-left: 1px solid #333333;
padding-left: 3px;
}

#center-left-pck
{
  float:left;
  width: 34%;
  margin-right: 2px;
  border-left: 1px solid #333333;
  padding-left: 2px;
}

#center-right-pck
{
  margin-left: 36%;
  width: 36.0%;
  padding: 0.8em;
  border-left: 1px solid #333333;
  padding-left: 4px;
}

#bottom-bar
{
margin:1em;
clear:both;
text-align:center;
}

#right-bar
{
width: 34%;
padding: 0em;
border-left: 1px solid #333333;
}

#right-bar-pck
{
  float: right;
  width: 23%;
  padding-left: 1px;
  padding: 0em;
  border-left: 1px solid #333333;
}


/**** TOP BAR ****/

#top-bar
{
padding:0;
}

#top-bar #logo
{
float: left;
}

#top-bar .banner
{
float: right;
}

#top-nav
{
  clear:both;
  text-align: left;
  padding: 0.2em 0em;
  border: outset 1px #666;
  color: #666;
  font-size: 0.8em;
  margin: 0;
  padding: 0;
  height: 22px;
  background:#FFE5C0;
  overflow: visible;
  margin-top: 0px;
}


#TopNavList {
  list-style: none;
  margin: 0;
  padding: 5;
  height: 23px;
  padding-top: 5px;
}


#TopNavList li {
  padding: 0 1em 0 1.2em;
  display: inline;
  border-left: 1px solid #e8e8e8;
}

#TopNavList li a {
  color: #555;
  font-weight: bold; 
  text-decoration: none;
}

#TopNavList li:first-child {
  border-left: 0;
  padding-left: 0;
}


#top-nav h3
{
margin:0 1em 0 0;
float:left;
}

#top-nav ul.groups a
{
text-decoration: none;
}

#top-nav ul.groups a:hover
{
text-decoration: underline;
}

#top-nav ul.groups li
{
padding: 0.2em 0;
text-align: center;
display:inline;
}

#top-nav ul.groups li.selected
{
font-weight: bold;
}


#search-bar
{
clear: both;
background-color: #f5f5f5;
color: #dc2828;
text-align: right;
padding: 0.1em;
}

#search-form
{
margin: 0;
}

#search-form fieldset
{
padding:0;
margin:0;
border-width:0;
}

#search-form .search-input
{
width: 100px;
font-size: 0.9em; 
}

#search-form .search-submit
{
font-weight: bold;
font-size: 0.9em; 
color: #4C599C;
border-color: #EAEAD5; 
}

#search-form legend
{
display:none;
}


/**** BREADCRUMB ****/

.breadcrumb
{
margin: 0 0 1em 0;
padding: 0.2em 0.5em;
background-color: #ddd;
}

.breadcrumb a
{
text-decoration: none;
}


/**** NAV BAR ****/

ul.menu
{
margin: 0 0 1em 0;
padding: 0;
}

ul.menu li a
{
text-decoration: none;
color:#4d4d4d;
}

ul.menu li a:hover
{
text-decoration: underline;
color: #ff0000;
}

ul.menu li.selected a,
ul.menu li.selected a:hover
{
font-weight: bold;
}

#left-bar .banner
{
margin: 1em 0;
}


#left-bar .menu-footer
{
font-size:0.8em;
}

#center
{
margin: 0;
padding: 0;
text-align: left;
}

ul.menu li.selected
{
font-weight:bold;
}

ul.menu li
{
font-weight:normal;
}


/* IMAGES */

img
{
border-width:0;
}

img.right
{
float:right;
margin: 1em 0em 1em 1em;
}

img.left
{
float:left;
margin: 1em 1em 1em 0em;
}

img.standalone
{
display:block;
margin:0.5em 0;
}


/*** EVENTS LIST ***/

ul.events
{
margin: 0 0 0 0;
padding: 0;
}

ul.events li
{
margin-bottom:0.8em;
font-size:0.9em;
}

.event-type
{
text-transform: uppercase;
}

.event-item
{
 background-color: #FFFFFF;
}




/*** ITEMS LIST ***/

ul.items
{
margin: 1em 0;
padding: 0 1em;
float:left;
width:92%;

padding-left: 3px;
}
/* border-left: 1px solid #333333; */



ul.items li
{
margin: 0 0 0.8em 0;
clear:both;
}


/* ARTICLE */

.headings
{
font-size: 11pt;
margin: 1em 0;
}

.headings .notes,
.headings .source
{
font-size: 11pt;
margin-top:0.5em;
font-size:0.8em;
margin-bottom: 8px;
}

.subhead
{
font-style:normal;
}


/* PAGING */

.paging-bar
{
float:left;
width:100%;
font-size: 0.8em;
text-align: right;
padding: 2px 0;
border-bottom: 1px solid #4d4d4d;
color: #4d4d4d;
}


/* FORMS */

fieldset {
margin-bottom:0.7em;
}

ul.form-inputs
{
float:left;
width:90%;
padding:0;
margin:0;
}

ul.form-inputs li 
{
margin:0.3em 0;
padding:0.2em;
clear:left;
}

ul.form-inputs li.form-notes
{
font-style:italic;
padding:0 1em;
font-size:0.9em;
}

ul.form-inputs li.wrong
{
background-color:#FFD1D4;
border:solid 1px #a00;
border-left:solid 6px #a00;
}

ul.form-inputs li label
{
float:left;
width:20%;
text-align:right;
padding-top: 0.2em;
font-size:0.9em;
}

ul.form-inputs li label.checkbox
{
float:none;
margin-left:0.5em;
display:inline;
text-align:left;
}

label.required
{
font-weight: bold;
}

ul.form-inputs li input,
ul.form-inputs li textarea,
ul.form-inputs li select
{
font-family: sans-serif; 
margin-left:2%;
}

ul.form-inputs li input.checkbox
{
margin-left:20%;
display:inline;
}

ul.form-inputs li input.med,
ul.form-inputs li textarea
{
width:20em;
}

ul.form-inputs li input.small
{
width:6em;
}

ul.form-inputs li textarea.med
{
height:5em;
}

ul.form-inputs li textarea.large
{
height:10em;
}

ul.form-inputs li textarea.extralarge
{
height:20em;
}

ul.form-inputs li #description.med,
ul.form-inputs li #description_long,
ul.form-inputs li #place_details.med {
width:75%;
}

ul.form-inputs li input:focus,
ul.form-inputs li textarea:focus
{
background-color:#FFFBCC;
}

ul.form-inputs li.buttons
{
padding-left:22%;
}

ul.form-inputs li.buttons input
{
margin-left:0;
margin-right:1em;
}

fieldset.mchoice
{
margin-left:20%;
padding:0.5em;
}

fieldset.mchoice ul.form-inputs li
{
padding:0;
}

fieldset.mchoice ul.form-inputs li input.checkbox
{
margin-left:1em;
}

/* VARIA */

#tool-bar
{
float:right;
width:80px;
border: solid 1px #888;
padding: 0.5em;
margin: 1em 0 1em 1em;
font-size:0.8em;
}

.error-msg
{
margin: 1em 0;
background-color: #fda;
padding: 0.5em;
border: solid 1px #da8;
}

.notice-msg
{
margin: 1em 0;
background-color: #dfa;
padding: 0.5em;
border: solid 1px #ad8;
}

#rss
{
text-align:center;
margin: 0.5em 0.2em;
}

#print-summary
{
margin-bottom:1em;
border:solid 1px #ccc;
padding:0.5em;
font-size:0.8em;
}

#phpeace
{
font-size:0.8em;
color:#555;
}

#phpeace a
{
color:#555;
}

#phpeace a:hover
{
color:#c44;
}


#user-info
{
margin:1em 0;
background-color:#ccc;
border:inset 1px #000;
padding:1em;
}

#user-info h2
{
margin:0;
font-size:1em;
}


#user-auth
{
font-size:0.8em;
}

.licence 
{
float:left;
width:95%;
margin:0.3em;
padding:0.3em;
border:solid 1px #a00;
}

.licence-info
{
font-style:italic;
font-size:0.9em;
}

.licence-info h4
{
margin:0;
font-weight:normal;
}

.inline
{
display:inline;
margin-right:1em;
}

.hidden
{
position:absolute;
left:0;
top:-1000em;
height:1px;
width:1px;
margin:-1000em;
}


#feature
{
  text-align: left; 
}

h3.feature
{
  float:left;
  width: 100%;
  font-size: 1.1em;
  margin: 0em 0em 0em 0em;
  font-weight: bold;
  padding-left: 7px;

}


.halftitle
{
  text-align: left; 
  font-size: 0.9em;
  font-style: Italic;
}

.notes
{
  text-align: left; 
  font-size: 0.8em;
  font-style: Italic;
}


ul.article li { 
  list-style: square;
  font-size: 1.0em;
  line-height: 1.2em;
  margin-top: 0.2em;
  margin-bottom: 0.1em; 
}

.alfabeto {list-style-type: lower-alpha;}
