/*  ---RESET---  */

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, font, 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 {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}

/* remember to define focus styles! */
:focus {
outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}


/* ---------->>> body e html <<<-----------*/

html{
}
body{
	text-align: center;
	font-family:"Courier New", Courier, monospace;
	font-size:12px;
	background-image:url(images/bg-body.jpg);
}

/* ---------->>> TITLE  <<<-----------*/

h1{
	font-size:20px;
	color:#000000;
}
h2{
	font-size:16px;
	color:#000000;
}
h3{
	font-size:14px;
	color:#000000;
}
h4{
	font-size:12px;
	color:#000000;
}
h5{
	font-size:12px;
	color:#000000;
}
h6{
	font-size:12px;
	color:#000000;
}

/* ---------->>> TEXT  <<<-----------*/

p{
	line-height:14px;
	margin:10px 0;
}

a{
	text-decoration:underline;
}

a:hover{
	text-decoration:underline;
}

/* ---------->>> DIV PAGINA  <<<-----------*/

div#cont {
	width:980px;
	margin: 0px auto;
	text-align: left;
	background-image:url(images/bg-center.jpg);
	background-repeat:no-repeat;
	 min-height:785px;
  height:auto !important;
  height:785px;

}


div#center{
	width:980px;
	position:relative;
	padding-top:33px;
}

.Container {
  margin-left: 410px;
  width: 480px;
  height: 592px;
  background-image:url(images/bg-note.png);
  background-repeat:no-repeat;
}
.Container2 {
  position: relative;
}
#Scroller-1 { 
  position: absolute; 
  top:65px;
  left:60px;
  overflow: hidden;
  width: 360px;
  height: 485px;
}
#Scroller-1 p {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
}
.Scroller-Container {
  position: absolute;
  top: 0px; left: 0px;
}
.Scrollbar-Up {
  cursor: pointer;
  position: absolute;
  top: 20px; left: 447px;
}
.Scrollbar-Down {
  cursor: pointer;
  position: absolute;
  top: 130px; left: 447px;
}

div.site{height:125px;}

div.site img{
	border:1px solid #573d1c;
}

div.site-name{width:170px; float:left; margin:5px 0; text-transform:uppercase;}
div.site-url{width:170px; float:right; text-align:right;  margin:5px 0;}

div.site-url a{color:#666;}
div.site-url a:hover{color:#000;}


.Scroller-Container {
  position:absolute;
  right:0;
}
#Scrollbar-Container {
  position:absolute;
  top:53px;
  left:448px;
}
.Scrollbar-Up {
  cursor: pointer;
  position: absolute;
}
.Scrollbar-Track {
  width: 15px; height: 130px;
  margin-right:17px;
  float:right;
  background: transparent url(images/bg-scroller.gif) no-repeat center center;
}
.Scrollbar-Handle {
  position: absolute;
  width: 12px; height: 12px;
  padding-left:2px;
  cursor:pointer;
}
.Scrollbar-Down {
  cursor: pointer;
  position: absolute;
  top: 187px;
}