@charset "iso-8859-1";
/* CSS Document */
/* Mauricio Borba Miranda - Portfolio */
* {
	margin:0; padding:0;
	border:none; outline:none;
	list-style:none;
}

body {
	background:#ffd324;
	text-align:center;
}

div#wrap {
	width:100%;
	background:url(../imagens/layout/grafismos.gif) repeat-x 0 169px;
}

	div#wrap div#container {
		width:836px; margin:0 auto;
		text-align:left;
	}
	
	div#container div#header {
		width:800px; height:130px; padding-top:38px; margin:0 auto;
		background:url(../imagens/layout/bg_nuvens.jpg) no-repeat center top;
	}
		div#container div#header h1 {
			width:310px; height:51px; margin:0 auto 30px;
		}
			div#container div#header h1 a {
				width:310px; height:51px;
				display:block;
				text-indent:-5000em;
				background:url(../imagens/layout/title_mauricio_2.gif) no-repeat 0 0;
			}
		div#container div#header ul {
			clear:both;
			width:785px; height:39px; padding:11px 0 0 15px;
			background:url(../imagens/layout/bg_navtop.jpg) no-repeat 0 0;
		}
			div#container div#header ul li {
				float:left; display:inline;
				width:29px; height:29px; margin-right:9px;
			}
				div#container div#header ul li a {
					display:block;
					width:29px; height:29px;
					text-indent:-5000em;
				}
				div#container div#header ul li a.linkHome {
					background:url(../imagens/botao/bt_home.jpg) no-repeat left top;
				}
				div#container div#header ul li a.linkHome:hover,
				div#container div#header ul li a.linkHome_act{
					background:url(../imagens/botao/bt_home.jpg) no-repeat left bottom;
				}
				div#container div#header ul li a.linkQuemSou {
					background:url(../imagens/botao/bt_curriculo.jpg) no-repeat left top;
				}
				div#container div#header ul li a.linkQuemSou:hover,
				div#container div#header ul li a.linkQuemSou_act{
					background:url(../imagens/botao/bt_curriculo.jpg) no-repeat left bottom;
				}
				div#container div#header ul li a.linkContato {
					background:url(../imagens/botao/bt_contato.jpg) no-repeat left top;
				}
				div#container div#header ul li a.linkContato:hover,
				div#container div#header ul li a.linkContato_act {
					background:url(../imagens/botao/bt_contato.jpg) no-repeat left bottom;
				}
	
	div#container div#mainContent {
		width:800px; overflow:hidden;
		background:#000; margin:0 auto;
	}
		div#container div#mainContent div.banner {
			width:800px;
		}
		div#container div#mainContent div.breadcrumb {
			width:785px; padding:18px 0 0 15px; margin-bottom:36px;
			font:18px Arial, Helvetica, sans-serif; color:#FFF;
		}
			div#container div#mainContent div.breadcrumb a {
				color:#FFF; text-decoration:none;
			}
			div#container div#mainContent div.breadcrumb a:hover {
				color:#ffd324;
			}
		
		div#container div#mainContent div.colLeft {
			float:left; display:inline;
			width:533px; padding-left:9px; margin-bottom:30px;
		}
			div#container div#mainContent div.colLeft h2 {
				font:16px Arial, Helvetica, sans-serif; color:#FFF;
				margin-bottom:8px; font-weight:bold;
			}
			div#container div#mainContent div.colLeft p {
				font:16px Arial, Helvetica, sans-serif; color:#FFF;
				margin-bottom:8px; width:530px;
			}
				div#container div#mainContent div.colLeft p span {
					font-weight:bold;
				}
				div#container div#mainContent div.colLeft p a {
					color:#FFF; text-decoration:underline;
				}
				div#container div#mainContent div.colLeft a.linkAcessarSite {
					display:block; float:right;
					width:117px; height:20px; padding-top:2px;
					font:13px Arial, Helvetica, sans-serif; color:#FFF; font-weight:bold; text-align:center; text-decoration:none!important;
					background:url(../imagens/botao/bt_acessarsite.jpg) no-repeat left top;
				}
				div#container div#mainContent div.colLeft a.linkAcessarSite:hover {
					background:url(../imagens/botao/bt_acessarsite.jpg) no-repeat left bottom;
				}
			div#container div#mainContent div.colLeft img.imgTela {
				margin-bottom:12px;
			}
			div#container div#mainContent div.colLeft ul.destaques {
				width:533px;
			}
				div#container div#mainContent div.colLeft ul.destaques li {
					font:16px Arial, Helvetica, sans-serif; color:#FFF;
					margin-bottom:40px;
				}
					div#container div#mainContent div.colLeft ul.destaques li span {
						font-weight:bold;
					}
					div#container div#mainContent div.colLeft ul.destaques li img {
						margin-top:8px;
						border:1px solid #969696;
					}
			div#container div#mainContent div.colLeft div.quemSou {
				width:525px; padding-top:24px;
			}
				div#container div#mainContent div.colLeft div.quemSou p,
				div#container div#mainContent div.colLeft div.quemSou h3,
				div#container div#mainContent div.colLeft div.quemSou ul li,
				div#container div#mainContent div.colLeft div.contato p {
					font:13px Arial, Helvetica, sans-serif; color:#FFF;
					margin-bottom:18px; line-height:20px;
				}
					div#container div#mainContent div.colLeft div.quemSou p a,
					div#container div#mainContent div.colLeft div.quemSou ul li a,
					div#container div#mainContent div.colLeft div.contato p a {
						color:#FFF; text-decoration:underline;
					}
				div#container div#mainContent div.colLeft div.quemSou ul {
					margin-bottom:18px;
				}
					div#container div#mainContent div.colLeft div.quemSou ul li {
						background:url(../imagens/layout/bullet_seta.gif) no-repeat 0 5px;
						padding-left:20px; margin-bottom:10px;
					}
				div#container div#mainContent div.colLeft a.linkBaixarCurriculo {
					display:block; float:right;
					width:128px; height:20px; padding-top:2px;
					font:13px Arial, Helvetica, sans-serif; color:#FFF; font-weight:bold; text-align:center; text-decoration:none!important;
					background:url(../imagens/botao/bt_baixarcurriculo.jpg) no-repeat left top;
				}
				div#container div#mainContent div.colLeft a.linkBaixarCurriculo:hover {
					background:url(../imagens/botao/bt_baixarcurriculo.jpg) no-repeat left bottom;
				}
				div#container div#mainContent div.colLeft div.alertas {
					width:458px; height:36px; padding:18px 0 0 75px;
				}
					div#container div#mainContent div.colLeft h3#msgOK {
						width:530px; text-align:center; margin:50px 0; display:none;
						font:16px Arial, Helvetica, sans-serif; color:#FFF; font-weight:bold;
					}
					div#container div#mainContent div.colLeft div.alertas span {
						display:none; font:13px Arial, Helvetica, sans-serif; color:#fe2222;
						background:url(../imagens/layout/ico_alerta.jpg) no-repeat 0 0;
						width:425px; height:18px; padding:3px 0 0 30px;
					}
					div#container div#mainContent div.colLeft div.alertas span.msgOn {
						display:block;
					}
				div#container div#mainContent div.colLeft fieldset {
					border:0 solid transparent;
					width:490px;
				}
					div#container div#mainContent div.colLeft fieldset label {
						display:block; float:left; width:75px; height:23px; margin-bottom:17px;
						font:13px Arial, Helvetica, sans-serif; color:#FFF;
					}
					div#container div#mainContent div.colLeft fieldset input {
						border:2px solid #4892ff; background:#FFF;
						width:400px; height:17px; padding:2px 5px 0; margin-bottom:17px;
						font:12px Arial, Helvetica, sans-serif; color:#003a8d; font-weight:bold;
						float:left; display:inline;
					}
					div#container div#mainContent div.colLeft fieldset textarea {
						border:2px solid #4892ff; background:#FFF;
						width:400px; height:122px; padding:2px 5px; margin-bottom:17px;
						font:12px Arial, Helvetica, sans-serif; color:#003a8d; font-weight:bold;
						float:left; display:inline; clear:right;
					}
					div#container div#mainContent div.colLeft fieldset input.erro,
					div#container div#mainContent div.colLeft fieldset textarea.erro {
						border:2px solid #f00;
					}
					div#container div#mainContent div.colLeft fieldset input.btnForm {
						display:inline; float:right; border:none; outline:none; cursor:pointer;
						width:80px; height:26px; margin:-4px 0 0 17px;
						font:13px Arial, Helvetica, sans-serif; color:#FFF; font-weight:bold; text-align:center; text-decoration:none!important;
						background:url(../imagens/botao/bt_formulario.jpg) no-repeat 0 4px;
					}
					div#container div#mainContent div.colLeft fieldset input.btnForm:hover {
						background:url(../imagens/botao/bt_formulario_on.jpg) no-repeat left bottom;
					}

		
		div#container div#mainContent div.colRight {
			float:right; display:inline;
			width:232px; margin-bottom:50px;
		}
			div#mainContent div.colRight ul.navJobs {
				width:232px; height:395px; margin-top:26px;
			}
				div#mainContent div.colRight ul.navJobs li {
					float:left; display:inline; position:relative;
					width:64px; height:79px; margin-right:12px;
				}
					div#mainContent div.colRight ul.navJobs li a {
						text-decoration:none;
						font:12px Arial, Helvetica, sans-serif; color:#000;
					}
						div#mainContent div.colRight ul.navJobs li a span {
							display:none;
						}
						div#mainContent div.colRight ul.navJobs li a:hover span {
							display:block; width:185px; height:139px; padding:20px 10px 0 15px;
							position:absolute; z-index:2; top:-145px; left:-132px; line-height:21px;
							background:url(../imagens/layout/bg_balao.png) no-repeat 0 0;
							/*filtro para IE6*/
							_background:none;
							_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='imagens/layout/bg_balao.png');
						}
							
			div#container div#mainContent div.colRight hr {
				background:#FFF; color:#FFF;
				height:1px; font-size:1px; clear:both;
				width:216px; margin-top:40px;
			}
			div#container div#mainContent div.colRight ul.navInter {
				padding:24px 0 0 19px;
				width:200px;
			}
				div#container div#mainContent div.colRight ul.navInter li {
					margin-bottom:16px;
					font:15px Arial, Helvetica, sans-serif;
				}
					div#container div#mainContent div.colRight ul.navInter li a {
						color:#FFF; text-decoration:none; font-weight:bold;
					}
					div#container div#mainContent div.colRight ul.navInter li a:hover {
						color:#ffd324;
					}
		
		div#container div#footer {
			clear:both;
			width:836px; height:90px; margin-bottom:20px; padding-top:2px;
			background:url(../imagens/layout/bg_footer.jpg) no-repeat 0 0;
		}
			div#container div#footer h4 {
				background:url(../imagens/layout/title_mauricio_2009.gif) no-repeat 0 0;
				width:158px; height:12px; margin:0 auto;
				text-indent:-5000em;
			}