/* CSS Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align: baseline;}
:focus{outline: 0;}
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: "" "";}

html{overflow:-moz-scrollbars-vertical;width:100%;height:100%;background: #000 url(../imagens/fundo_rodape.jpg) bottom left repeat-x;}
body{width:100%; height:100%;font-size:11px;font-family:Arial;background:#000 url(../imagens/fundo_nuvens.jpg) top center repeat-x;line-height:1;color:#999;}

a:link{text-decoration:none;}
a:hover{text-decoration:none;}
a:visited{text-decoration:none;}

.limpa{clear:both;}

#menu {float:right; width:180px; height:10px; margin:25px 0;}
#menu li a {display: block;overflow: hidden;	text-indent: -5000px;position: absolute; top: 30px; height:14px;}
#menutrabalhos { background:url(../imagens/menu_trabalhos.gif) no-repeat; width: 59px; left:805px; }
#menuperfil { background:url(../imagens/menu_perfil.gif) no-repeat; width: 37px; left:870px; }
#menuservicos { background: url(../imagens/menu_servicos.gif) no-repeat; width: 50px; left:913px;}
#menucontato { background: url(../imagens/menu_contato.gif) no-repeat; width: 48px; left:968px;}
#menublog { background: url(../imagens/menu_blog.gif) no-repeat; width: 23px; left:1020px;}
#menu li a:hover, #menu li a.selected { background-position: 0 -14px; }

/*#menu li a:hover{ background-position: 0 -14px; }*/
/*#menu ul a.selected { background-position: 0 -14px; }*/
/*#menu, LI.navigation A.selected{ background-position: 0 -14px; }*/

#quadro{width:890px; min-height:100%; margin:0 auto;}
#topo{width:839px; height:153px; margin:0 auto;background:#000 url(../imagens/topo_cores.jpg) top center no-repeat;}
#telefone{width:135px; height:18px; float:right; position:absolute; top:60px; left:858px; background:#000 url(../imagens/email_telefone_topo.gif) center no-repeat;}
#logotipo{width:192px; height:102px; margin:25px 10px;  float:left; background:url(../imagens/logotipo_siller_topo.png) no-repeat;}

#titulo_videos{width:141px; height:25px; display:block; text-indent:-5000px; overflow:hidden; background:url(../imagens/titulo_videos.png) no-repeat;}
#titulo_web{width:141px; height:25px; display:block; text-indent:-5000px; overflow:hidden; background:url(../imagens/titulo_web.png) no-repeat;}
#titulo_graficos{width:141px; height:25px; display:block; text-indent:-5000px; overflow:hidden; background:url(../imagens/titulo_graficos.png) no-repeat;}

#conteudo{width:890px; min-height:540px; margin:0 auto;}
#trabalhos ul li{float:left; padding:0 0 0 10px;}
#trabalhos .mini{width:189px; height:142px;}
.carrega_trabalhos{ position:absolute; right:230px; top:18px;}

#rodape{width:839px; height:100px; margin:0 auto;background:#000 url(../imagens/rodape_sombra.jpg) top center no-repeat;}
#acompanhe{width:200px; height:16px; margin:0 auto; padding-top:40px; text-align:center;}
.ico_youtube a{width:51px; height:16px; margin:10px 30px 15px 15px; background:#000000 url(../imagens/ico_youtube_off.gif) center no-repeat; float:left; display:block; text-indent:-5000px;}
.ico_youtube a:hover{background:#000000 url(../imagens/ico_youtube_on.gif) center no-repeat;}
.ico_orkut a{width:14px; height:16px; margin:10px 25px 15px 0; background:#000000 url(../imagens/ico_orkut_off.gif) center no-repeat; float:left; display:block; text-indent:-5000px;}
.ico_orkut a:hover{background:#000000 url(../imagens/ico_orkut_on.gif) center no-repeat;}
.ico_twitter a{width:21px; height:16px; margin:10px 0 15px 0; background:#000000 url(../imagens/ico_twitter_off.gif) center no-repeat; float:left; display:block; text-indent:-5000px;}
.ico_twitter a:hover{background:#000000 url(../imagens/ico_twitter_on.gif) center no-repeat;}

/* Formulários */
.warning { color: red; }
#fechar { margin: -2px 4px 0 0; width:25px; height: 18px; color:#fff; background:#000; float:right; position:relative; cursor:pointer; text-align:center;}
#resultado {padding:6px 0 0 4px; margin:0 0 8px 0; width:413px; height:20px; background:#006633; border: 1px solid black; color:#fff;}
input{padding:10px; background:#191919; border:0; width:400px; font-size:18px; color:#ccc; margin-bottom:8px;}
textarea{background:#191919; border:0; color:#ccc; margin-bottom:8px;}
.botao{padding:8px; background:#333; border:0; width:80px; font-size:14px; font-weight:bold; color:#ccc;}
form, label{font-size:14px; font-weight:bold; color:#ccc;}

form.cmxform label.error, label.error {color:#990000; font-style: italic; font-size:12px;	padding:0 0 10px; display:block;}
div.error {display: none;}
input:hover { background:#222222; }
input:focus { background:#222222;}
input.error {background:#333; }
textarea.error {background:#333; }
textarea:hover {background:#222222; }
textarea:focus { background:#222222; }
form.cmxform .gray * { color: gray; }

#perfil{}
#perfil h1{width:141px; height:25px; display:block; text-indent:-5000px; overflow:hidden; background:url(../imagens/titulo_perfil.png) no-repeat;}
#perfil_esq{padding:20px 20px 20px 20px; float:left; width:320px; min-height:80px; text-align:justify; line-height:20px; letter-spacing:1px;}
#perfil_dir{padding:5px; min-height:410px; width:490px; float:right; background:url(../imagens/fundo_perfil.png) 0 20px no-repeat;}
#perfil_esq p{ padding:0 0 15px; line-height:15px;}
#perfil_esq a:link{color:#090; text-decoration:underline;}
#perfil_esq a:hover{color:#000; background:#fff; text-decoration:none;}
#perfil_esq a:visited{color:#095; text-decoration:underline;}

#servicos h1{width:141px; height:25px; display:block; text-indent:-5000px; overflow:hidden; background:url(../imagens/titulo_servicos.png) no-repeat;}
#servicos{min-height:440px; background:url(../imagens/fundo_servicos.png) 0 60px no-repeat;}

#contato{}
#contato h1{width:141px; height:25px; display:block; text-indent:-5000px; overflow:hidden; background:url(../imagens/titulo_contato.png) no-repeat;}
#contato_esq{padding:40px 20px 20px 20px; float:left; width:420px;}
#contato_dir{padding:40px 20px 20px 20px; float:right; width:370px; min-height:400px; background:url(../imagens/fundo_contato.png) no-repeat;}


#slider {margin: 0 auto; width: 890px; position:relative;}
.scroll {margin:0 auto; overflow: hidden; width: 880px; position: relative;}
.scrollContainer DIV.panel {padding:2px; width: 880px; padding-top: 5px; margin:0 auto;}
.scrollButtons {cursor: pointer; position: absolute; top: 485px;}
.left.scrollButtons {left: -90px;}
.right.scrollButtons {right: -90px;}
.hide {display: none;}

#text {margin: 50px auto; width: 500px;}
.hotspot {padding-bottom: 1px; cursor: pointer; COLOR: #cccccc;}
#tt {display: block; background: url(../imagens/tt_left.gif) no-repeat left top; position: absolute;}
#tttop {display: block; background: url(../imagens/tt_top.gif) no-repeat right top; margin-left: 5px; overflow: hidden; height: 5px;}
#ttcont {padding-right: 12px; display: block; padding-left: 7px; background: #fff; padding-bottom: 3px; margin-left: 5px; COLOR: #000; padding-top: 2px;}
#ttbot {display: block; background: url(../imagens/tt_bottom.gif) no-repeat right top; margin-left: 5px; overflow: hidden; height: 5px;}

#carrega_img{position:absolute; background-color:black; z-index:5; width:100%; height:100%; text-align:center; display:none;	padding:10px; overflow:hidden;	 
-moz-opacity: 0.90;
opacity:.90;
filter:alpha(opacity=90);
}
#carrega_img_conteudo{ position:absolute; top:40%; left:35%; border: solid 1px #222222; padding:20px; width:250px; height:16px; letter-spacing:1px; color:#999;}