
/* MAIN TAGS ################################### */	

#full-screen-background-image {
	z-index: -999;
	min-height: 100%;
	min-width: 300px;
	width: 100%;
	height: auto;
}	
#main {
	width:100%;
	height:auto;
	overflow:hidden;
	border:0px solid red;
}	
#main .inner {	
	margin:0px auto;
	border:0px solid red;
}
#bottom {
	width: 100%;
	height: 40px;
	background:#333;
	position: absolute;
	bottom: 0px;
	left: 0px;
}

/* horizontal ##############################*/

.horizontal {
	float:left;
	width:auto;
	margin-left:35px;
	border:0px solid blue;
}
.horizontal .carousel {
	width:auto;
	border:0px solid #000;
}
.horizontal .carousel_container {
	width:625px; /* 3x220 + 3x1px margin */
	height:190px;
	border:0px solid #00f;
}
.horizontal ul  { 
	width: 700px;
	height: 150px;
}	
.horizontal ul li {
	width: 140px;
	height: 156px;
	display: block;
	float: left;
	margin-right:85px;
	background:none;
	border:0px solid blue;
}
.horizontal ul li .text_content {
	color: #fff;
}
.horizontal ul li a {
	width: 140px;
	background: #CCC;
	display: block;
	color: #fff;
}
.horizontal ul li a.normal {
	width: auto;
	height: auto;
	color: #fff;
	background: none;
}
.horizontal ul li .caption {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}

/* controle ##############################*/
.carousel_right, .carousel_left {
	position: absolute;
	bottom: 80px; 
	z-index:100;
	width: 36px;
	height: 44px;
	display: block;
	text-indent: -9999px;
	border:0px solid red;
}
.carousel_left { 
	left:-24px;
	background: url(imagens/back.png) no-repeat center;
}
.carousel_right { 
	right:-24px;
	background: url(imagens/next.png) no-repeat center;
}
.carousel_left:hover {
	background: url(imagens/back_over.png) no-repeat center;
}
.carousel_right:hover{
	background: url(imagens/next_over.png) no-repeat center;
}
.disable { 
	display: none
}