.xxx {
	font-family: Arial, Helvetica, sans-serif;
}
.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	line-height:1.3;
}
.titulos {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #3A8452;
	text-decoration:none;
}
.titulos2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #404040;
	text-decoration:none;
}
.texto {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	text-decoration:none;
}
.texto:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	text-decoration:underline;
}
.texto2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:1.6;
	color: #404040;
	text-decoration:none;
}

.texto3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #504E4E;
	font-weight: bold;
	line-height: 1.1;
	text-align: justify;
}
.texto4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	font-weight: bold;
	line-height: 1.3;
}
.texto5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0A053A;
	text-decoration:none;
}
.texto6{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #0A053A;
	text-decoration:none;
}
.texto7{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #1F743A;
	text-decoration:none;
}
.texto8 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	line-height: 1.4;
}
.texto9{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #515151;
	text-decoration:none;
}
.texto10{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #5D9900;
	text-decoration:none;
}
.texto11{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #002F18;
	text-decoration:none;
}
.texto12{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00623E;
	line-height: 1.4;
	text-decoration:none;
}
.texto13{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	line-height: 1.4;
	text-decoration:none;
}
.texto14{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	line-height: 1.4;
	text-decoration:none;
}
.texto15{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	text-decoration:none;
}
.texto16{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #003366;
	text-decoration:none;
}
.texto17{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000033;
	line-height: 1.4;
	text-decoration:none;
}
.texto18{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #D9FFD9;
	text-decoration:none;
}
.texto18:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration:none;
}
.texto19 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height:1.9;
	color: #404040;
	text-decoration:none;
}
.texto20 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	text-decoration:none;
}

.texto21{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #ffffff;
	text-decoration:none;
}



/* styling for the image wrapper  */ 
#image_wrap { 
    /* dimensions */ 
    width:410px; 
    margin:15px 10px 10px 55px; 
    padding:0 0; 
 
    /* centered */ 
    text-align:center; 
 
    /* some "skinning" */ 
    background-color:#efefef; 
    border:2px solid #fff; 
    outline:1px solid #ddd; 
    -moz-ouline-radius:4px; 
}

/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 452px; 
    height:95px; 
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { 
    float:left; 
} 
 
/* you may want to setup some decorations to active the item */ 
div.items div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	float:left;
	position:relative;
	overflow:hidden;
	width: 413px;
	height:100px;
	margin-right:1px;
	/* custom decorations */
	border:1px solid #ccc;
	background:url(img/h300.png) repeat-x;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.scrollable img {
	float:left;
	margin:4px 1px 5px 5px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	cursor:pointer;
	width:100px;
	height:80px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	z-index:9999;
	position:relative;
}

a.browse {
	display:block;
	width:20px;
	height:30px;
	float:left;
	margin:30px 10px;
	cursor:pointer;
	font-size:1px;
}


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 

#centrar{
	margin-left:50px;	
}

/*Slide Show*/
.SlideShow{
	position: relative;
	width: 625px;
	height: 300px;
	overflow: hidden;
	margin: 30px 0px;
}
.SlideShow img{
	position: relative;
	display: none;
}

.SlideShow .thumbs{
	position: absolute;
	width: 625px;
	height: 80px;
	top: 220px;
	left: 0px;
	background: #333;
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.SlideShow .thumbs img{
	position: relative;
	display: block;
	float: left;
	opacity: 0.6;
	filter: alpha(opacity=60);
}
.SlideShow .thumbs img:hover{
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.SlideShow .thumbs img.Active{
	opacity: 1;
	filter: alpha(opacity=100);
}