@charset "utf-8";
/* CSS Document */
html{
	background-image:url(images/bg_x.jpg);
	background-repeat:repeat-x;
	background-position:top;
	background-color: #000;
}

body {
	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 */
	background-image:url(images/bg.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}


a img{
	border:0px;
}

h1{
	position:absolute;
	top:0px;
	left:0px;
	margin:0px;
	padding:0px;
}
h1 a{
	height:150px;
	width:1003px;
	display:block;
	line-height:100%;
	text-decoration:none;
	text-indent:-900em;
}

#container {
	width: 1003px;  /* 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;
	background-image:url(images/bg_header.jpg);
	background-repeat:no-repeat;
	background-position:center top;

}

#menu{
	position:absolute;
	left:87px;
	top:210px;
	z-index:30;
	height:43px;
	width: 336px;
	margin:0px;
	padding:0px;
	padding-bottom:15px;
}

	#menu #label{
		position:absolute;
		margin-top:-40px;
	}

	#menu li {
		float: left;
		list-style: none;
	}
		#menu li.back {
			background: url("images/marcador.gif") no-repeat 95% 0px;
			width: 13px;
			height: 13px;
			z-index: 8;
			position: absolute;
			top:44px;
		}
			#menu li.back .left {
				/*background: url("images/marcador.gif") no-repeat top left;*/
				height: 13px;
				margin-right: 9px; /* 7px is the width of the rounded shape */
				top:44px;
			}
		#menu li a {
			font: bold 14px arial;
			text-decoration: none;
			color: #fff;
			outline: none;
			text-align: center;
			text-transform: uppercase;
			letter-spacing: 0;
			z-index: 10;
			display: block;
			float: left;
			height: 43px;
			position: relative;
			overflow: hidden;    
		}
			#menu li a:hover, #menu li a:active, #menu li a:visited, #menu li a img {
				border: none;
			}

#about{
	position:absolute;
	right:5px;
	top:174px;
	z-index:30;
}
#about a{
	color:#FFF;
	text-decoration:none;
	padding:1px 9px;
}
#about a:hover{
	background-color:#01466e;
}
#mainContent{
	position:absolute;
	top:283px;
}
#home{
	position:absolute;
	margin-top:-51px;
	margin-left:-16px;
	background-image:url(images/bg_home.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	width:1038px;
	height:500px;
	z-index:1;
	text-align:center;
}

#home #galeria{
	margin-top:68px;
}

#home a{
	position:relative;
	overflow:hidden;
	display:inline-block;
	padding:0px;
	margin:0px;
	height:378px;
	text-decoration:none;
}
#home a img{
	border-left:1px solid #FFF;
	margin:0px;
	padding:0px;
}
#home a:hover{
	border-bottom:3px solid #b70645;
	-moz-opacity:0.89;    /* filtro alpha para Mozilla - valores de 0 (transparente) até 1.0 (opaco) */ 
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	height:375px;
}


#home a h3{
	position:absolute;
	margin:0px;
	font-size:10px;
	right:0px;
	bottom:0px;
	color:#FFF;
	padding:2px 3px;
	background-color:#b70645;
	display:none;
	text-decoration:none;
}

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

#footer{
	width:310px;
	margin:10px auto;
	border-top:1px solid #FFF;
	text-align:center;
	padding:10px;
	clear:both;
}

/**
 *  Carousel
 */
#mycarousel{
    position: absolute;
	top:0px;
	left:0px;	
	background-image:url("images/bg_thumbs.jpg");
    width: 984px;
	height:161px;
	padding-left:19px;
}
#content li{
	margin-top:18px;
    margin-right:3px;
	position:relative;
}

#content a{
	text-decoration:none;
}

#content a:hover img{
	border-bottom:3px solid #b70645;
	-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:3px;
	color:#FFF;
	padding:2px 3px;
	background-color:#b70645;
	display:none;
}

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


.next {
    z-index: 30;
}

.prev {
    z-index: 30;
}

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

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

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

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

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

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

#borda{
	position:absolute;
	top:-21px;
	right:-22px;
	z-index:10;
}

#work{
	position:absolute;
	top:190px;
	left:0px;
	width:1003px;
	background-image:url(images/bg_titulo.gif);
	background-repeat:no-repeat;
	background-position:top left;
	padding-top:23px;
}

#title{
	position:absolute;
	top:23px;
	left:0px;
	width:100%;
}

#work h2, #work h3{
	margin:0px;
	padding:3px;
	float:left;
	font-size:16px;
	margin-left:6px;
	font-weight:normal;
}
#work h2{
	background-color:#b70645;
	padding-left:5px;
	padding-right:5px;
}

#work #file{
	border:7px solid #FFF;
	margin-left:6px;
	margin-top:85px;
	background-color:#FFF;
	float:left;
}

#work #file2{
	border:7px solid #FFF;
	margin-left:6px;
	background-color:#FFF;
	margin-top:14px;
	float:left;
}


/**Sobre**/
#sobre{
	margin-top:30px;
	margin-left:185px;
}

#author{
	float:left;
	margin-left:34px;
	line-height:24px;
	margin-top:-5px;
}

.office{
	background-color:#2a7f9c;
	padding:1px 2px;
	display:inline;
}

.geo{
	margin-bottom:7px;
}

.experience{
	margin-left:34px;
}