body {

margin:0 auto;

padding:0;

font:76% Verdana,Tahoma,Arial,sans-serif;

background:#eaeaea url(img/bg.gif) top center repeat-y;

color:#3a3a3a;

}



#wrap {

background-color:#ffffff;

color:#303030;

margin:0 auto;

padding:1px 5px;

width:760px;

}



/***** Header *****/



#header {

color:#505050;

background:#ffffff url(img/front.jpg) bottom left no-repeat;

height:200px;

margin:0 0 10px 0;

padding:0;

}



#header h1 {

font-size:2.5em;

font-weight:normal;

letter-spacing:-2px;

margin:0 0 4px 15px;

padding:15px 0 0 0;

}



#header h1 a,#header h1 a:hover {

padding:0;

}



#header p {

font-size:1.1em;

letter-spacing:-1px;

margin:0 0 20px 15px;

padding:0 0 0 3px;

}



/***** Left sidebar *****/



#avmenu {

clear:left;

float:left;

width:150px;

margin:0 0 10px 0;

padding:0;

}



#avmenu ul {

list-style:none;

width:150px;

margin:0 0 20px 0;

padding:0;

}



#avmenu li {

margin-bottom:5px;

}



#avmenu li a {

font-weight:bold;

height:20px;

text-decoration:none;

color:#505050;

display:block;

padding:6px 0 0 10px;

background:#f4f4f4 url(img/menubg.gif) bottom left repeat-x;

border-top:1px solid #d8d8d8;

border-right:1px solid #d8d8d8;

border-bottom:1px solid #d8d8d8;

border-left:4px solid #cccccc;

}



#avmenu li a:hover, #avmenu li a.current {

background:#eaeaea url(img/menubg2.gif) bottom left repeat-x;

color:#505050;

border-top:1px solid #b0b0b0;

border-right:1px solid #b0b0b0;

border-bottom:1px solid #b0b0b0;

border-left:4px solid #505050;

}



#avmenu ul ul {

margin:5px 0 5px 15px;

font-size:0.9em;

width:135px;

}



#avmenu ul ul a {

height:16px;

margin:0;

padding:4px 0 0 8px;

}



#avmenu h2 {

font-size:1.5em;

font-weight:normal;

}



/***** Right sidebar *****/



#extras {

float:right;

width:130px;

margin:0 0 10px 0;

padding:0;

font-size:0.9em;

}



#extras p, #extras ul {

margin:0 0 1.5em 0;

line-height:1.3em;

padding:0;

}



#extras a {

font-weight:bold;

}



#extras li {

list-style:none;

margin:0 0 6px 0;

padding:0;

}



#extras h2 {

font-size:1.6em;

font-weight:normal;

margin:0 0 6px 0;

;

letter-spacing:-1px;

}



/***** Main content *****/



#content {

margin:10px 140px 10px 160px;

padding:0;

line-height:1.5em;

text-align:left;

}



#contentwide {

margin:10px 0 10px 160px;

padding:0;

line-height:1.5em;

text-align:left;

}



#contentfull {

margin:10px 10px 10px 10px;

padding:2px 0 0 0;

line-height:1.5em;

text-align:left;

}



#content h2, #contentwide h2, #contentfull h2 {

font-size:1.8em;

letter-spacing:-1px;

font-weight:normal;

margin:8px 0 10px 0;

padding:0;

}



#content h3, #contentwide h3, #contentfull h3 {

font-size:1.5em;

font-weight:normal;

margin:6px 0 6px 0;

padding:0;

}



#content img, #contentwide img, #contentfull img {

padding:1px;

display:inline;

background:#cccccc;

color:#303030;

border:4px solid #f0f0f0;

}



#content a, #contentwide a, #contentfull a {

font-weight:bold;

}



#content ul, #content ol,

#contentwide ul, #contentwide ol,

#contentfull ul, #contentfull ol {

margin:0 0 16px 20px;

padding:0;

}



#content ul ul, #content ol ol,

#contentwide ul ul, #contentwide ol ol,

#contentfull ul ul, #contentfull ol ol {

margin:2px 0 2px 20px;

}



#content li, #contentwide li, #contentfull li {

margin:0 0 2px 10px;

padding:0 0 0 4px;

}



/***** Footer *****/



#footer {

clear:both;

margin:0 auto;

padding:8px 0;

border-top:2px solid #dadada;

width:760px;

text-align:center;

color:#808080;

background-color:#ffffff;

font-size:0.9em;

}



#footer p {

padding:0;

margin:0;

}



#footer a {

color:#808080;

background-color:inherit;

text-decoration:none;

}



#footer a:hover {

text-decoration:underline;

}



/***** Various tags *****/



a {

text-decoration:none;

color:#505050;

background-color:inherit;

}



a:hover {

text-decoration:underline;

color:#286ea0;

background-color:inherit;

}



a img {

border:0;

}



p {

margin:0 0 16px 0;

}



blockquote {

border-top:1px solid #d8d8d8;

border-right:1px solid #d8d8d8;

border-bottom:1px solid #d8d8d8;

border-left:4px solid #cccccc;

margin:16px;

padding:7px 7px 7px 11px;

background:#f4f4f4 url(img/menubg.gif) bottom left repeat-x;

color:#505050;

}



blockquote p {

font-size:1.1em;

line-height:1.3em;

margin:0;

}



/***** Table styles *****/



table {

margin:0 0 16px 0;

padding:0;

line-height:1.3em;

border-collapse:collapse;

border:1px solid #d8d8d8;

}



caption {

text-align:left;

font-size:1.5em;

font-weight:normal;

margin:0;

padding:6px 0 8px 0;

}



th {

padding:7px;

text-align:left;

background:#eaeaea url(img/menubg2.gif) bottom left repeat-x;

color:#505050;

}



td {

padding:7px;

font-size:0.9em;

text-align:left;

background:#f4f4f4 url(img/menubg.gif) bottom left repeat-x;

color:#303030;

}



/***** Form styles *****/



.button {

border-top:1px solid #d8d8d8;

border-right:1px solid #d8d8d8;

border-bottom:1px solid #d8d8d8;

border-left:4px solid #cccccc;

margin:0 0 15px 0;

padding:7px 7px 7px 11px;

background:#f4f4f4 url(img/menubg.gif) bottom left repeat-x;

color:#505050;

font-weight:bold;

width:120px;

}



input, textarea {

border:1px solid #cccccc;

font-family:Verdana,Tahoma,Arial,Sans-Serif;

font-size:1em;

margin:0;

padding:4px;

}



label {

margin:2px;

}



/* input {

width:200px;

}
 */


checkbox {

width:10px;
size:1;
}

textarea {

width:400px;

}

/****** text box ********/

.boxtesto{
background-color:#cccccc;
font-size:10px;
size:5;
}


/***** Search box *****/



#searchbox {

padding:0;

margin:6px 0 16px 0;

}



#searchform {

background:#ffffff;

border:1px solid #cccccc;

color:#505050;

font-size:0.9em;

padding:4px;

width:116px;

}



#searchbox label {

display:none;

}



/***** Various classes *****/



.left {

margin:10px 10px 5px 0;

float:left;

}



.right {

margin:10px 0 5px 10px;

float:right;

}



.announce {

margin:10px 0 10px 0;

padding:10px 10px 5px 10px;

width:105px;

color:#505050;

background:#f4f4f4 url(img/menubg.gif) bottom left repeat-x;

border-top:1px solid #d8d8d8;

border-right:1px solid #d8d8d8;

border-bottom:1px solid #d8d8d8;

border-left:4px solid #cccccc;

line-height:1.3em;

}



.announce a {

font-weight:bold;

}



.announce p {

font-size:0.9em;

}



.announce h2 {

margin:0 0 10px 0;

padding:0;

}



#avmenu .announce {

width:125px;

}



.textright {

text-align:right;

margin:-10px 0 4px 0;

}



.center {

text-align:center;

}



.small {

font-size:0.8em;

}



.large {

font-size:1.3em;

}



.bold {

font-weight:bold;

}



.highlighted {

padding:3px;

background-color:#f0f0f0;

color:#303030;

border:1px solid #b0b0b0;

}



.hide {

display:none;

}}




/* Distributed as part of The Coolest DHTML Calendar
   Author: Mihai Bazon, www.bazon.net/mishoo
   Copyright Dynarch.com 2005, www.dynarch.com
*/

/* The main calendar widget.  DIV containing a table. */

div.calendar { position: relative; }

.calendar, .calendar table {
  border: 1px solid #bdb2bf;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: url("skins/aqua/normal-bg.gif");
  font-family: "trebuchet ms",verdana,tahoma,sans-serif;
}

.calendar {
  border-color: #797979;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;    /* They are the navigation buttons */
  padding: 2px;          /* Make the buttons seem like they're pressing */
  background: url("skins/aqua/title-bg.gif") repeat-x 0 100%; color: #000;
  font-weight: bold;
  width:20px;
}

.calendar .nav {
  font-family: verdana,tahoma,sans-serif;
}

.calendar .nav div {
  background: transparent url("skins/aqua/menuarrow.gif") no-repeat 100% 100%;
}

.calendar thead tr { background: url("skins/aqua/title-bg.gif") repeat-x 0 100%; color: #000; }

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;      /* Pressing it will take you to the current date */
  text-align: center;
  padding: 2px;
  background: url("skins/aqua/title-bg.gif") repeat-x 0 100%; color: #000;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #797979;
  padding: 2px;
  text-align: center;
  color: #000;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #c44;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  background: url("skins/aqua/hover-bg.gif");
  border-bottom: 1px solid #797979;
  padding: 2px 2px 1px 2px;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  background: url("skins/aqua/active-bg.gif"); color: #fff;
  padding: 3px 1px 0px 3px;
  border-bottom: 1px solid #797979;
}

.calendar thead .daynames { /* Row <TR> containing the day names */
  background: url("skins/aqua/dark-bg.gif");
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  font-family: verdana,tahoma,sans-serif;
  width: 2em;
  color: #000;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #999;
}
.calendar tbody .day.othermonth.oweekend {
  color: #f99;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #797979;
  background: url("skins/aqua/dark-bg.gif");
}

.calendar tbody .rowhilite td,
.calendar tbody .rowhilite td.wn {
  background: url("skins/aqua/rowhover-bg.gif");
}

.calendar tbody td.today { font-weight: bold; /* background: url("today-bg.gif") no-repeat 70% 50%; */ }

.calendar tbody td.hilite { /* Hovered cells <TD> */
  background: url("skins/aqua/hover-bg.gif");
  padding: 1px 3px 1px 1px;
  border: 1px solid #bbb;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  padding: 2px 2px 0px 2px;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #c44;
}

.calendar tbody td.selected { /* Cell showing selected date */
  font-weight: bold;
  border: 1px solid #797979;
  padding: 1px 3px 1px 1px;
  background: url("skins/aqua/active-bg.gif"); color: #fff;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
  text-align: center;
  background: #565;
  color: #fff;
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  padding: 2px;
  background: url("skins/aqua/status-bg.gif") repeat-x 0 0; color: #000;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  background: #afa;
  border: 1px solid #084;
  color: #000;
  padding: 1px;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  background: #7c7;
  padding: 2px 0px 0px 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #797979;
  background: url("skins/aqua/normal-bg.gif"); color: #000;
  z-index: 100;
  font-size: 90%;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .hilite {
  background: url("skins/aqua/hover-bg.gif"); color: #000;
}

.calendar .combo .active {
  background: url("skins/aqua/active-bg.gif"); color: #fff;
  font-weight: bold;
}

.calendar td.time {
  border-top: 1px solid #797979;
  padding: 1px 0px;
  text-align: center;
  background: url("skins/aqua/dark-bg.gif");
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 5px 0px 6px;
  font-weight: bold;
  background: url("skins/aqua/normal-bg.gif"); color: #000;
}

.calendar td.time .hour,
.calendar td.time .minute {
  font-family: monospace;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  background: url("skins/aqua/hover-bg.gif"); color: #000;
}

.calendar td.time span.active {
  background: url("skins/aqua/active-bg.gif"); color: #fff;
}