/* MAIN HTML ELEMENTS
===================================================================== */
* { margin:0; padding:0; border:0; outline:none; }
html, body { width:100%; height:100%; }
body { text-align:left; font-family:Helvetica, Arial, sans-serif; font-size:12px; color:#8C8C8C; }
h1 { color:#660000; font-size:110%; margin:5px 0 15px; }
h2 { font-size:105%; margin:5px 0 15px; }
p { margin:0 0 15px; }
a {  }
a:hover {  }

/* ESPECIAL HTML ELEMENTS
===================================================================== */

/* STRUCTURE
===================================================================== */
#container { margin:20px 0 0 140px; height:auto; position: relative; }
#leftcol { display:block; float:left; width:170px; }
#content { display:block; float:left; width:530px; margin:0 0 100px 30px; border-bottom:2px solid #656565; position: relative; }

/* SHARED COMPONENTS
===================================================================== */
.msg { display:block; margin:0 0 20px; text-align:center; }

/* COMPONENTS _ Menu
===================================================================== */
#menu ul li { list-style:none; margin:5px 0 10px; }
#menu ul li a { color:#8C8C8C; font-family:Verdana, Geneva, sans-serif; font-size:11px; text-decoration:none; }
#menu ul li a:hover { color:#656565; }
#menu ul li.current a { color:#660000; font-style:italic; font-stretch:expanded; font-weight:bold; }

/* COMPONENTS _ Info
===================================================================== */
#info { margin:30px 0 0; border-top:2px solid #656565; padding:10px 0 0; color:#8C8C8C; font-size:10px; }

/* COMPONENTS _ Links
===================================================================== */
ul#links li { list-style:none; margin:5px 0 25px; } 
ul#links li a { text-decoration:none; }
ul#links li a span { display:block; }
ul#links li a .titulo { color:#660000; }
ul#links li a:hover .titulo {color:#660000; }
ul#links li a .descricao { color:#8C8C8C; }
ul#links li a:hover .descricao { color:#656565; }

/* COMPONENTS _ Contato
===================================================================== */
#contato div.text label, #contato div.textarea label, #contato div.button label { display:block; color:#660000; font-weight:bold; margin:0 0 3px; }
#contato div.text input, #contato div.textarea textarea { background:#DBDBDB; color:#333; margin:0 0 10px; width:98%; padding:3px 4px; font-family:Helvetica, Arial, sans-serif; }
#contato div.text.invalid input, #contato div.textarea.invalid textarea { background:#CF9C9C; }
#contato div.textarea textarea { height:150px; }
#contato div.button { display:block; text-align:right; margin:0 0 20px; }
#contato div.button input { background:#FFFFFF; color:#660000; font-weight:bold; cursor:pointer; }

/* COMPONENTS _ Projetos
===================================================================== */
#projetos { margin:0 0 30px; }
#projetos dt { border-top:1px solid #8C8C8C; }
#projetos dt a { text-decoration:none; font-weight:bold; display:block; padding:4px; }
#projetos dt a:hover { background:#FAFAFA; }
#projetos dt a span { display:inline-block; overflow:hidden; }
#projetos dt a .titulo { color:#660000; width:225px; }
#projetos dt a:hover .titulo {color:#660000; }
#projetos dt a .subtitulo { color:#8C8C8C; }
#projetos dt a:hover .subtitulo { color:#656565; }

#projetos dd div.galerias { height:410px; width:500px; margin:5px auto; }
#projetos dd div.navbar { clear:both; display:block; text-align:center; padding:0 0 15px; }
#projetos dd div.navbar div { display:inline; }
#projetos dd div.navbar a { color:#8C8C8C; padding:5px 3px; font-weight:bolder; text-decoration:none; }
#projetos dd div.navbar a.activeSlide { color:#660000; }
#projetos dd div.navbar a:hover { color:#FFFFFF; background:#DBDBDB; }

/* COMPONENTS _ Destaques
===================================================================== */
#destaques { width:auto; }
#destaques li { display:block; float:left; border-top:2px solid #656565; margin:0 25px 20px 0; }
#destaques li.last { margin:0 0 20px 0; }
#destaques li span { display:block; margin-top:5px; font-weight:bold; }

/* COMPONENTS _ Downloads
===================================================================== */
#downloads { width:auto; }
#downloads li { display:block; float:left; border-top:2px solid #656565; margin:0 25px 20px 0; }
#downloads li.last { margin:0 0 20px 0; }
#downloads li span { display:block; margin-top:5px; font-weight:bold; }
#downloads .downloadFlip { display:block; margin-top:5px; font-weight:bold; cursor:pointer; }
#downloads .downloadFlip img { display:block; margin:0; padding:0; cursor:pointer; }
#downloads .downloadData { display:none; background:#CCC; cursor:pointer; }
#downloads .downloadDescription { width:160px; height:140px; padding:20px 0 0 0; overflow:hidden; cursor:pointer; background:url(../images/voltar.gif) right bottom no-repeat; }
#downloads .downloadDescription span { display:block; text-align:center; }
#downloads .downloadDescription span a { color:#5C5C5C; text-decoration:none; }
#downloads .downloadDescription span a:visited { color:#8C8C8C; }
#downloads .downloadDescription span a:hover { color:#5C5C5C; text-decoration:underline; }
.clear { clear:both; }

/* PLUGIN _ Shadowbox
===================================================================== */
#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(../images/shadowbox/loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(../images/shadowbox/close.png);}
#sb-nav-next{background-image:url(../images/shadowbox/next.png);}
#sb-nav-previous{background-image:url(../images/shadowbox/previous.png);}
#sb-nav-play{background-image:url(../images/shadowbox/play.png);}
#sb-nav-pause{background-image:url(../images/shadowbox/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}