/* ---------------main css */

body{
	background:#F8F5EF url() repeat-x fixed center 2em;
	margin:0.8em 0 0 0;
}

#outer{
	width:1000px;
	margin:0em auto;
}


#top{
	width:999px;
	margin:0em auto;
	background: #CC0033;
}

#logo{
	width:999px;
	margin:1em auto;
}

#content {
	width: 999px;
	margin: 0em auto;
	padding: 0px;
	height: 600px;
}

#leftside  {
	width: 260px;
	float: left;
}

#print,#websites,#contact {
	background: #CC0033;
}

h3 {
	font: lighter normal 15px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding-top: 0.4em;
	margin-left: 0.5em;
	padding-bottom: 0.4em;
}

h4 {
	font: normal 12px/1.4em Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin: 0em 0.5em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

/*-----------hover*/
#print:hover {
	background: #00B400;
}
#websites:hover {
	background: #00B400;
}
#contact:hover {
	background: #00B400;
}
/*-----------hover*/



/*--------------contact*/
#info{
	background-color:#000000;
	margin-top: -0.8em;
}

p{
	margin:0em;
}

#info b {
	font: bolder 13px Arial, Helvetica, sans-serif;
}

#info a{
	font: normal 12px/1.4em Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration:underline;
	}

#info a:hover{
	color:#00B400;
	text-decoration:underline;
	}
	
/*----------------------Tipografia and websites*/
.menufirst {
	background: #000000;
	margin-top: -0.8em;
	display:block;
}

.menufirst:hover {
	background: #CC0033;
	color:#FFFFFF;
}

.menu {
	background: #000000;
	margin-top: 0.2em;
	display:block;
}

.menu:hover {
	background: #CC0033;
	color:#FFFFFF;
}

h5 {
	font: normal 12px/1em Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin: 0em 0.5em;
	padding-bottom: 0.5em;
	padding-top: 0.5em;
}
#rightside {
	float: right;
	width: 680px;
	height: 600px;
	text-align: left;
	/*border-style:solid;
    border-width:1px;*/
	overflow:hidden;
	/*background: #F8F5EF;*/ 
}
#scrollbuttons {
	width: 30px;
	float: left;
	margin-left: 1em;
	margin-right: -1em;
	margin-top: 3.5em;
}

#scrollbuttons .active{
    background: #CC0033;
}

.firstbutton a{
	
	text-align: center;
	color: #FFFFFF;
	display: block;
	text-decoration: none;
	padding-bottom: 0.4em;
	background: #000000;
	font: 12px Georgia, "Times New Roman", Times, serif;
	padding-top: 0.1em;
}

.firstbutton:hover a{
	color: #FFFFFF;
	background: #CC0033;
	display: block;
	text-decoration: none;
}

.buttons a{
	margin-top: 1em;
	text-align: center;
	color: #FFFFFF;
	display: block;
	text-decoration: none;
	padding-bottom: 0.4em;
	background: #000000;
	font: 12px Georgia, "Times New Roman", Times, serif;
	padding-top: 0.1em;
	vertical-align: middle;
}

.buttons a:hover{
	color: #FFFFFF;
	background: #CC0033;
	display: block;
	text-decoration: none;
}
.buttons.active a{
	color: #FFFFFF;
	background: #CC0033;
	display: block;
	text-decoration: none;
}

#scrolling {
    list-style:none;
	margin-top: 1em;
	position: relative;
}

.listitem{
    font: normal 12px/1em Verdana, Geneva, sans-serif;
	height: 1200px;
}
.listitem img{
	display: block;
	margin: auto;
}

.scrolltxt{
font: normal 12px/1.3em Verdana, Geneva, sans-serif;
background-color:#F8F5EF;
margin-left:1em;
margin-right:1em;
padding:1em 1em;
}

.scrolltxt a{
font:Verdana, Arial, Helvetica, sans-serif;
color:#CC0033;
text-decoration:none;
}

.scrolltxt a:hover{
font:Verdana, Arial, Helvetica, sans-serif;
color:#00B400;
text-decoration:none;
}


#gifloader{
    display: none;
    position: absolute;
	text-align: center;
	margin-top: 100px;
	/*margin-right: 60%;*/
	margin-left: 600px;
	z-index:10;
}

.scat_link{
    background:none repeat scroll 0 0 #000000;
	color:#FFFFFF;
	display:block;
	font:12px Georgia,"Times New Roman",Times,serif;
	text-decoration:none;
}

.scat_link:hover{
    background:none repeat scroll 0 0 #CC0033;
	color:#FFFFFF;
	display:block;
	font:12px Georgia,"Times New Roman",Times,serif;
	text-decoration:none;

}

.scat_link.active{
    background:none repeat scroll 0 0 #CC0033;
	color:#FFFFFF;
	display:block;
	font:12px Georgia,"Times New Roman",Times,serif;
	text-decoration:none;

}