@charset "utf-8";
/* CSS Document */
html{
	background-color: #6AC334;
}

body {
	background-color: #6AC334;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:11px;
	color:#FFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}

a img{
	border:0px;
}

h1{
	position:absolute;
	top:0px;
	left:0px;
	margin:0px;
	padding:0px;
}


#container {
	width: 890px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	position:relative;
	min-height:750px;
}

#mainContent{
	position:absolute;
	top: 0;
}

/**
 *  Carousel
 */

#mycarousel{
    position: absolute;
	top:0px;
	left:0px;	
	background-color:#6AC334;
    width: 890px;
	height:131px;
	padding:0px;
	border: 0;
}
#content li{
	margin-top:0px;
    margin-right:0px;
	position:relative;
	padding:0px 10px 0px 0px;
}

#content a{
	text-decoration:none;
}

#content a:hover img{
	border-bottom:0px solid #42AA3C;
	-moz-opacity:0.7;    /* filtro alpha para Mozilla - valores de 0 (transparente) at� 1.0 (opaco) */ 
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}

#content a h3{
	position:absolute;
	margin:0px;
	font-size:10px;
	right:0px;
	bottom:6px;
	right:13px;
	color:#FFF;
	padding:2px 3px;
	background-color:#42AA3C;
	display:none;
}

#content a:hover h3{
	display:block;
}

.next {
    z-index: 30;
}

.prev {
    z-index: 30;
}

/**
 *  Horizontal Buttons
 */
.next {
    position: absolute;
    top: 45px;
    right: -20px;
    width: 32px;
    height: 46px;
    cursor: pointer;
    background: transparent url(img/next-horizontal.png) no-repeat 0 0;
}

.next:hover {
    background-position: -32px 0;
}

.next:active {
    background-position: -64px 0;
}

.prev {
    position: absolute;
    top: 45px;
    left: -40px;
    width: 32px;
    height: 46px;
    cursor: pointer;
    background: transparent url(img/prev-horizontal.png) no-repeat 0 0;
}

.prev:hover {
    background-position: -32px 0;
}

.prev:active {
    background-position: -64px 0;
}

/* MODAL */
.load { position: absolute; top: 50%; left: 50%; width: 88px; height: 78px; margin: -39px 0 0 -44px; z-index: 99999;}
.bg_modal { position: absolute; top: 0; left: 0; z-index: 99998; }
.view_modal { position: absolute; left: 50%; top: 50%; text-align: left; z-index: 99998; }
.modal { visibility: visible; cursor:pointer; }