@charset "utf-8";
/* CSS Document */

/* reset */
* {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline; zoom:1}

:focus {outline: 0;}
body {line-height: 18px; color: black;  background: url(../img/bg.gif) repeat-y #303030}
ol, ul {list-style: none;}


table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q {quotes: "" "";}
a:link, a:visited {text-decoration:underline; color: #F15A29;}
a:hover {text-decoration: none; color: #8d8d8d;}
.center {text-align:center; margin-left: 50px}

/* pagina */
#tudo {width: 100%;}
#header {width:100%; height:30px; background-color:#F15A29; padding-top:8px}
#header h1 {background: url(../img/h1.png) no-repeat; margin-left:200px; height:30px;}
#header img{margin-right:10%}
#header span {display:none}
#header a#abre-login {width: 90px; display:inline;font-size:11px; position:absolute; top:7px; left:730px; padding:3px 5px; color:#fff; z-index:3000; cursor: pointer; background:url(../img/abre-link.gif) no-repeat; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif}
#header a#abre-login:hover {text-decoration: underline; cursor: pointer}
#header a.em_obras:link, #header a.em_obras:visited, #header a.em_obras:hover {width: 90px; display:inline;font-size:11px; position:absolute; top:7px; left:825px; padding:3px 5px; color:#fff; z-index:3000; cursor: pointer; background:url(../img/abre-link.gif) no-repeat; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif}
#header a#abre-login:hover {text-decoration: underline; cursor: pointer}
.capitalize {text-transform:capitalize}
span.socio {font-family: "Trebuchet MS", Lucida, Arial, sans-serif;font-size:12px; color:#fff; line-height:1.8em; background:url(../img/h2.gif) no-repeat; margin-left:30px; padding-left: 20px; cursor:pointer; display:block}

/* menu */
div#menu_esq{ width:200px; float:left; margin-top:70px}
div#menu_esq dl {width:140px; padding:8px 22px;}
div#menu_esq dt a:link, div#menu_esq dt a:visited {display: block;font-family: Arial, Helvetica, sans-serif; font-size: 18px; color:#fff; font-weight: normal; text-decoration: none; padding-left: 20px; text-transform:lowercase;text-align:left}
div#menu_esq dt#empresa a:link, div#menu_esq dt#empresa a:visited, div#menu_esq dt#projetos a:link, div#menu_esq dt#projetos a:visited {display: block;font-family: Arial, Helvetica, sans-serif; font-size: 18px; color:#fff; font-weight: normal; text-decoration: none; padding-left: 20px; text-transform:lowercase;text-align:left}
div#menu_esq dt#empresa a:hover, div#menu_esq dt#projetos a:hover{display: block;font-family: Arial, Helvetica, sans-serif; font-size: 18px; color:#fff; font-weight: normal; background: url(../img/dt.gif) no-repeat; text-decoration: none; padding-left: 20px; text-transform:lowercase; text-align:left}
div#menu_esq li {text-align: left; margin-left: 20px; font-family: "Trebuchet MS", Lucida, Arial, sans-serif; font-size: 12px; color:#fff;}
div#menu_esq li a:link, div#menu_esq li a:visited {border-bottom: 1px solid #8d8d8d; text-decoration:none; color:#8d8d8d; display:block; width:90%}
div#menu_esq li a:hover {border-bottom: 1px solid #F15A29; display:block; width:90%; color:#fff}
div#menu_esq li a.liativo:link, div#menu_esq li a.liativo:visited  {border-bottom: 1px solid #F15A29; display:block; width:90%; color:#fff}
dl { width: 100%; }
dl,dd { margin: 0; }
dt {padding: 5px; margin: 2px; }
dd {padding-left: 2px}
ul { list-style: none; padding: 5px; }

/* conteudo */
div#conteudo {width: 320px; font-family: "Trebuchet MS", Lucida, Arial, sans-serif; float:left; margin-top:70px}
div#conteudo ul {font-family: "Trebuchet MS", Lucida, Arial, sans-serif;font-size:12px; color:#fff; line-height:1.8em; list-style-image:url(../img/h2.gif); margin-left:30px}
div#conteudo ul li a.socio:link, div#conteudo ul li a.socio:visited, div#conteudo ul li a.socio:hover {text-decoration:none; color:#FFF}
div#conteudo p {font-size: 12px; color:#fff; line-height: 18px; width:90%; padding: 8px 18px}
div#conteudo img {margin: 3px}
div#conteudo img.res  {border: 3px solid #F15A29}
div#conteudo h2.hide {display:none}
div#conteudo h2 {display: block; font-size: 12px; color:#F15A29; text-decoration: none; text-transform:uppercase; margin:18px 0 2px 20px; letter-spacing:5px}
div#conteudo .subtitulo, div#conteudo .subtitulo1 {display: block; padding: 0 20px; color:#F15A29; font-style:italic;font-size:13px}
div#conteudo .subtitulo1 {color:#8d8d8d; font-style:normal;  font-size:12px}
div#output h2 {text-align:right; margin-top:-8px; padding-right:8px}
div#conteudo h3 {display: block; font-size: 14px; color:#fff; font-weight: bold; background: url(../img/h2.gif) no-repeat; text-decoration: none; padding-left: 20px; margin-top:18px;}
div#conteudo h3.topico {cursor:pointer}
div#conteudo h3.projetos {width:35%; float:left}
div#conteudo p.bodyt {padding-left:20px}
.clear {clear:both}
div#conteudo #nav-projetos {width:60%; float:right; margin-top:18px}
div#conteudo p.ficha {padding-left: 36px; width:70%; text-align:left; margin: 8px; font-style: italic}

div#projeto {
	width: 255px;
	height:47px;
	margin-top:10px;
	position:absolute;
	left:222px;
	top:440px;
	border-top: 1px #303030 solid;
}
div#projeto span, div#projeto a:link, div#projeto a:visited, div#projeto a:hover {display: block; float:left; width:32.9%; height:25px; padding-top:11px; text-align:center; color:#8d8d8d; text-decoration:none; font-style:italic; font-size:10px; border-left:1px solid #1d1d1d}
div#projeto a:hover {color:#fff}
div#projeto span {color:#303030}


p.citacao {font-style:italic; background: url(../img/p.citacao.png) no-repeat; background-position: 15px 15px}
p.fonte {text-transform:uppercase; color:#8d8d8d; font-style:normal; background:none}

#nav {position:absolute; left:245px; top:400px; width:300px; height:auto; font-size:9px}
#nav a {border: 1px solid #303030; background: #303030; text-decoration: none; margin: 2px 2px; padding: 0 4px; color:#fff}
#nav a.activeSlide {border-color: #F15A29; background: #F15A29; color:#FFF}
#nav a:focus { outline: none; }
#nav a:hover {color:#fff;  border-color: #F15A29;}

/* extra */
div.direita {margin: 10px 36px 0 16px; width:280px; margin-right:0; text-align: left;font-family: "Trebuchet MS", Lucida, Arial, sans-serif; font-size:11px}
div.direita h4 {text-transform:uppercase;  font-weight:bold; font-size: 18px; color:#F15A29; margin-top:16px}
div.direita ul li {text-align: left; margin:0; font-size: 13px;list-style: none;width:100%; padding-left:8px; color:fff;}
div.direita ul li a:link, div.direita ul li a:visited { text-decoration:none; color:#fff; display:block; width:90%; text-decoration:underline}
div.direita ul li a:hover {display:block; width:90%; color:#fff; text-decoration:none}
div.direita ul li a.liativ {display:block; width:90%; color:#8d8d8d; }
div.direita em {color:#8d8d8d; padding: 0 0 8px 8px; font-style:italic;  font-size: 12px;}
div.direita ul li span {display:block; color: #fff;}

div#clientes {font-family: "Trebuchet MS", Lucida, Arial, sans-serif;color:#fff; padding-top:46px; padding-left:20px; font-size:12px}
div#clientes h5 {display: block; font-size: 12px; color:#fff; font-weight: bold; letter-spacing:5px; margin-bottom:12px} 
div#clientes ul li a img {border:0;}

div#extra, div#rota {width:480px; float:left; background-color:#303030; height:auto; margin-top:80px;}
div#rota img, div#extra img {border-top: 3px solid #F15A29;}
div#rota {margin-top:0}


/* form */
form {font-family:"Trebuchet MS", Lucida, Arial, sans-serif; font-size:12px; color:#fff; padding-left:10px}
textarea { width: 90%; color:#fff}
fieldset { border: 0; padding: 1em; margin: 0; color:#fff}
legend { color: #ccc; color:#fff}
input, textarea {
	border: 1px solid #8d8d8d;
	width: 90%;
	padding:4px;
	background-color: #1d1d1d;
	color:#fff
}
input:focus, textarea:focus{border: 1px solid #F15A29; color:#fff}
label { display: block; margin-top: 10px; color: #fff}
input#submit {width:60%; margin-left:30%; margin-top:5px; color:#fff }
input#submit:hover {border: 1px solid #F15A29; color:#F15A29;}

/* Clientes */
div#conteudo .cts_pasta {font-size: 12px; color:#fff; background: url(../img/pasta.gif) no-repeat; text-decoration: none; padding-left: 20px; margin-top:8px;}
div#conteudo .cts_pasta a:link, div#conteudo .cts_pasta a:visited {color:fff; text-decoration:none; padding-bottom:10px; margin-top:8px}
div#conteudo .cts_pasta a:hover {color:fff; text-decoration:underline; padding-bottom:10px; margin-top:8px}
div#conteudo .cts_arq {font-size: 12px; color:#fff; background: url(../img/baixar.gif) no-repeat; text-decoration: none; padding-left: 16px; margin-top:8px;}
div#conteudo .cts_arq a:link, div#conteudo .cts_arq a:visited, div#conteudo .cts_arq a:hover  {color:fff; padding-bottom:10px; margin-top:8px}
div#conteudo span.cinza {padding-left:16px; color:#666}
div#conteudo .volta {font-size: 12px; color:#fff; background: url(../img/volta.gif) no-repeat; text-decoration: none; padding-left: 16px; margin-top:8px;}
div#conteudo .volta a:link, div#conteudo .volta a:visited, div#conteudo .volta a:hover {text-decoration:none}
address {padding:8px 18px; color:#fff; font-family: "Trebuchet MS", Lucida, Arial, sans-serif; font-style:italic; font-size:11px}

div#conteudo span.curriculo p {padding-left:30px}
div#login-index {
	position:absolute;
	width: 294px;
	height: 250px;
	top:39px;
	left: 200px;
	z-index:5000;
	background-color:#F15A29;
	padding:12px;
	display:none;
	border: thin solid #8d8d8d;
}
div#login-index fieldset { border: 0; padding: 1em; margin: 0; color:#fff;}
div#login-index legend {color:#000; font-size:16px; letter-spacing:5px; text-transform:uppercase}
div#login-index input, div#login-index textarea {
	border: 1px solid #8d8d8d;
	width: 100%;
	height: 80%;
	padding:4px;
	background-color: #1d1d1d;
	color:#fff;
	text-align: center;
}
div#login-index input#submit {margin:20px auto; width:93.5%}
div#login-index a#close-login {color:#fff; text-align:right; font-size:12px;font-family: "Trebuchet MS", Lucida, Arial, sans-serif; font-style:italic; text-decoration:none; background:url(../img/recolhe.gif) no-repeat; padding-left:10px; float:right}

div#menu_esq img {margin:10px 50px; display:block;}