/* Alô Mundo CSS Document */

/* tags */
html {height: 100%;}
body {min-height: 100%;}
* html body {height: 100%;}

body {
	font-family: "Trebuchet MS", Tahoma, Verdana;
	font-size: 12px;
	color:#666;
	margin: 5px 0 0 0;
	background-color:#e6e6e6;
	background-image:url(../img/intro-bg.gif);
	background-repeat:repeat-x;
}
a {
	color:#00AEED;
}
/*geral*/
#container {	
	margin:0 auto;	
	width: 700px;
	position: relative;
	border:2px solid #ccc;
	padding:0 0 9px 0;
	background-color:#fff;	
}
#intro {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0; 
	background-color:#e6e6e6;
	background-image:url(../img/intro-bg.gif);
	background-repeat:repeat-x;	
	z-index:100;	
}
.introtela {
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-345px;
	margin-top:-200px;
	display:inline-block;
}
/*header*/
#header {
	position:relative;
	height: 115px;
	z-index:2;		
}
/*Footer*/
#footer {
	width:700px;	
	height: 24px;	
	position:absolute;
	left:0;
	bottom:-15px;
	clear:both;	
}
/*Language*/
#language {
	position:absolute;
	top:30px;
	left:702px;
	width:30px; 
	height:80px;
}
/* HOME - Main */
#tela00 {
	position:absolute;
	left:4px;
	z-index:0;
}
#news {
	position:relative;
	top:0px;
	left:482px;
	width:210px;
	height:320px;
}
.where {
	font-size: 10px;
	padding-left:10px;
}
/* PicGallery */
#homepicgallery {
	position:relative;
	top:0;
	left:7px;
	width:411px;
	_width:405px;
	height:115px;					
}
#homepicgallery .leftarrow {
	position:absolute;
	top:0px;
	left:0;	
}
#homepicgallery .rightarrow {
	position:absolute;
	top:0px;
	left:439px;	
}
#picgallery {
	float:left;
	width:115px;	 
	text-align:center;
	margin:0 10px 0 10px;					
}
#picgallery .uparrow {
	position:relative;
	left:0;
	top:0;
}
#picgallery .bottomarrow {
	position:relative;
	left:0;
	bottom:0;
	_bottom:5px;
}
#motioncontainer {
	/*width: 115px;
	height: 415px;*/	
	position:relative;
	border: 2px solid #cdcdcd;
	background-color:#fff;	
	_top:-5px;	
	overflow:hidden;
}
#motioncontainer #motiongallery a img {
	border: 3px solid #fff;
	margin: 3px;
	vertical-align: middle;
}
#motioncontainer #motiongallery a:hover img {
	border: 3px solid #00aeed;
}
#statusdiv {
	background-color: lightyellow;
	border: 1px solid gray;
	padding: 2px;
	position: absolute;
	left: -300px;
	visibility: hidden;
}
#motioncontainer a:hover {
	color: red; /* Dummy definition to overcome IE bug */
}

/* Thumbnail pictures */
#thumbBox{ /*Outermost DIV for thumbnail viewer*/
	position: absolute;
	left: 0;
	top: 0;
	width: auto;
	padding: 10px;
	padding-bottom: 0;
	background: #00AEED;
	visibility: hidden;
	z-index: 10;
	cursor: hand;
	cursor: pointer;
}
#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
	font: bold 11px "Trebuchet MS";
	line-height: 1.1em;
	color: white;
	padding: 5px 0;
	text-align: right;
}
#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
	background-color: #00AEED;
	color: white;
}
#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
	position: absolute;
	visibility: hidden;
	border: 1px solid #00AEED;
	background-color: #FFF;
	padding: 5px;
	z-index: 5;
}

/* Image Fade */
#highlights {
	position:absolute;
	top:457px;
	left:481px;
	width:210px; 
	height:115px;
}

/* Galeria */
#rightarea {
	float:left;
	width:450px;
}
#loadarea {
	float:left;
	width:450px;
	/*height:460px;*/	
	padding:10px;
	border:1px solid;
	text-align:center;	
}
#links {
	float:right;
	display:table-cell;
	vertical-align:middle;
	text-align:right;
	margin:15px;			
}

/*Text Area*/
#textarea {
	width:auto;
	padding:10px;
}
/*Mensagem de alertas*/
.msg_ok, .msg_error{
	display:block;
	background-color:#00AEED;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	text-decoration:blink;
	padding-left:3px;
	text-align:center;	
}
.msg_error{
	background-color:#CC0000;
}
.img_float{
	margin-right:5px;
	float:left;
}
#produtos {
	/*background-image:url(../img/produtos_bg.gif);
	background-repeat:repeat-x;*/
	border: 2px #c7c7c7 solid;	
	height: 200px;	
	width: 134px;	
	padding:4px;
	margin:4px;
	float:left;
}
h3 {
	font-size:14px;		
	margin:2px 0 2px 0;
	_margin:0;
}