@charset "utf-8";
/*
Autor : Luan Muniz Teixeira
Contato : falecom@luanmuniz.com.br
MSN : msn@luanmuniz.com.br
Site : http://www.luanmuniz.com.br/
*/

@font-face {
	font-family: 'Proxima';
	src: url('type/proximanova-light-webfont.eot');
	src: local('☺'), url('type/proximanova-light-webfont.woff') format('woff'), url('type/proximanova-light-webfont.ttf') format('truetype'), url('type/proximanova-light-webfont.svg#webfontMUyK4W12') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*******************************************
				   Globais
*******************************************/

* {margin:0; padding:0;outline:none;border:0 none;}
html, body {background:#e2e1da url(../img/bg.jpg) no-repeat top left;font: bold 13px/15px Arial, sans-serif;color:#a9a292;}
outline {border:none}
a {outline:none;text-decoration:none;}
ul {list-style:none;}

#tudo {float:left;width:960px;}
#mask {float:left; display:none;position:absolute; top:0;left:0; width:100%; background:#f3f3f0;}
.light {float:left; display:none; position: absolute; top:50%; left:50%;}

/*******************************************
				   Header
*******************************************/

#header {float:left; width:100%;}
#header h1 {float:left; width:142px; margin:61px 0 0 42px;}
#header h1 a {float:left; width:100%; height:44px; background: url(../img/logotopo.png) no-repeat top left;}
#header h1 a span {display:none;}

#header ul {float:right;width: auto;margin:77px 10px 0 0;}
#header ul li {float:left; width:86px;}
#header ul li a {float:left; width:100%; height:13px; background: url(../img/contato.png) no-repeat top left;}
#header ul li a span {display:none;}

/*******************************************
				  Conteudo
*******************************************/

#content {float:left; width:100%;margin-top:79px;}

#job {float:left; width:835px; height: 200px;margin: 0 0 0 25px;}
#job li {float:left; width:150px; margin: 0 7px;}
#job li a {float:left; width: 100%; height:200px; position:relative;}
#job li a img {float:left; width:100%; height: 200px;}
#job li a span {float:left; height: 194px; width:144px;position: absolute; left:0; top:0;border: 3px solid #bba329;}

#load {float:left;margin:80px 0 0 -420px;display:none;}

#setas {float:left; width: 72px; margin: 80px 0 0 0;}
#setas li {float:left; width:36px;}
#setas li a {float:left; width:100%; height:34px; background: url(../img/setas.png) no-repeat top left;}
#setas li a span {display:none;}
#setas li a#next {background-position: bottom left;}

#menu {float:left; width:100%;margin: 25px 0 0 20px;}
#menu li {float:left; width:auto; margin: 0 12px;}
#menu li a {float:left;height:24px; background: url(../img/menu.png) no-repeat top left;}
#menu li a span {display:none;}

#menu li a#web {width:134px; background-position: 0 0;}
#menu li a#logo {width:133px; background-position: 0 -24px;}
#menu li a#digital {width:103px; background-position: 0 -48px;}
#menu li a#outher {width:72px; height:19px; background-position: 0 -72px;}

#menu li a#web:hover, #menu li.active a#web {background-position: right 0;}
#menu li a#logo:hover, #menu li.active a#logo {background-position: right -24px;}
#menu li a#digital:hover, #menu li.active a#digital {background-position: right -48px;}
#menu li a#outher:hover, #menu li.active a#outher {height:19px; background-position: right -72px;}

/**************
 	BIG
**************/
	
#big {float:left; width:650px; height: 400px; margin: -200px 0 0 -325px; background: #f3f3f0 url(../img/ajax.gif) no-repeat center center;}
#big .top {float:left; width:100%; height:50px; background: #fff; font: bold 13px/12px Proxima, Arial, sans-serif; color:#beb173;}
#big .top p {float:left; width:auto; margin: 20px 0 0 20px;}
#big .top p a {color:#beb173; margin-left: 3px; border-bottom: 1px dashed #beb173;}
#big .top span {float:right; width:auto;margin:20px 20px 0 0;}

/*******************************************
				  Contato
*******************************************/

#contact {width: 400px; height: 450px; padding: 20px 50px 80px 20px; margin: -255px 0 0 -235px; background:#fcfbf7;}

#title {float:left; width:100%; background: url(../img/bgcontato.png) repeat-x center left;margin-top: 10px}
#title h3 {float:left; width:127px; height: 20px; background: #fcfbf7 url(../img/contact.png) no-repeat top left; padding: 0 5px;}
#title h3 span {display:none;}

#contact form {float:left; width:100%;margin-top: 20px;}
#contact form input.text, #contact form textarea {float:left; width: 382px; padding: 7px; margin: 5px 0; border: 2px solid #e3d9a8; font: normal 20px/20px Proxima, Arial, sans-serif; color: #979385;}
#contact form textarea {height: 170px;padding: 7px;}

#contact form input.submit {float:right; font: normal 20px/20px Proxima, Arial, sans-serif; color: #979385; padding: 10px; background:#fff;border: 2px solid #e3d9a8; }

.erro {float:left; width:auto; font: normal 20px/20px Proxima, Arial, sans-serif; color: #979385; display:none; margin-top: 15px }

/*************
	CSS3
*************/

#jobs li, #contact, #big {
	-moz-box-shadow: 0px 0px 25px #fff;
	-webkit-box-shadow: 0px 0px 25px #fff;
	box-shadow: 0px 0px 25px #fff;
	filter:	progid:DXImageTransform.Microsoft.Shadow(Color=#666666, Direction=-135,Strength=4);}

#contact form input, #contact form textarea {
	-moz-border-radius: 2px;
	-webkit-border: 2px;
	border-radius: 2px;}

#big {
	-moz-border-radius: 5px;
	-webkit-border: 5px;
	border-radius: 5px;}

#mask {opacity:0.5;filter: progid:DXImageTransform.Microsoft.alpha(opacity=50);}