/* CSS Document */

/*----------------------RESET--------------------*/

body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,
li, dl, dt, dd, form, a, fieldset, input, th, td
{margin: 0; padding: 0; outline: none;}

body{line-height:1; font-size:62.5%; background:#010103 url(img/bg1.jpg) no-repeat top;} /*---- 1.0 em = 10px---*/

h1, h2, h3, h4, h5, h6{font-size:100%;}

ul, ol{list-style:none;}

a{color:#fff; text-decoration: none;}

a img{border:0;}

p, .lista-contato li, .lista-contato li a, #twitter li, #demotip, #blog p span, #blog p span a, .textos li a{color:#fff; font:1.2em Arial, Helvetica, sans-serif; line-height:1.6em; margin-bottom:20px; text-shadow:1px 1px 2px #333;}
/*----------------------RESET--------------------*/

*{behavior:url(iepngfix.htc);} body { behavior:url(csshover.htc); }

/*----------------------DIVS--------------------*/

.blog-div, .coluna-div, .portfolio-div, .rodape, .quote, .quote-close, #screenshots img, .trabalhos, .tuts, #screenshots{position:relative; float:left;}

.blog-div{width:300px; height:auto; margin-right:40px; }

#blog{font-size:12px; line-height:2em;}

.categorias-portfolio{position:absolute; right:20px; top:40px; width:500px; height:auto;}

.coluna-div{width:275px; height:auto; margin:10px 30px 0 0 ;}

.comentou{background:#eaeaea; padding:10px; background:#04080b; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-bottom:10px;}

#demotip{display:none; background:url(img/black_arrow.png) bottom center no-repeat; height:70px; width:160px; padding:10px 10px 35px 10px; z-index:9990; left:-100px; height:auto; width:auto; border-bottom:0; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

.global-div{position:absolute; display:block; width:940px; height:auto; margin:auto; left:50%; margin-left:-480px; margin-bottom:10px; padding:35px 10px 10px 10px;}

.header-div{width:900px; height:75px; background: url(img/header-bg.png) left repeat-y; padding:15px; -moz-box-shadow:2px 2px 3px #000; -webkit-box-shadow:2px 2px 3px #000; box-shadow:2px 2px 3px #000;}

#web, #tuts, #graf{padding-left:20px; display:none;}

.info-div{position:absolute; top:135px; right:0; width:560px; height:auto; background:url(img/portfolio-bg.jpg) repeat-x top; display:none; padding:20px; z-index:200; overflow:auto; -moz-box-shadow:0 0 10px 1px #666; -webkit-box-shadow:0 0 10px 1px #666; box-shadow:0 0 10px 1px #666; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

.linguagens{position:relative; float:right; width:180px; height:auto;}

.portfolio-div{width:600px; height:auto; }

.trabalhos{width:100%; height:auto; margin-top:-20px;}

.rodape{height:16px; width:100%; padding:7px 0; color:#c8edef; background:url(img/header-bg.png) left repeat-y; margin-top:20px; text-align:center; clear:both;}

#twitter{background:url(img/aspas_close.png) no-repeat bottom right;}

#screenshots{height:190px; width:555px;}

/*----------------------DIVS--------------------*/

/*----------------------DIVERSOS--------------------*/

.bottom10{margin-bottom:10px;}

.bottom20{margin-bottom:20px;}

#screenshots, .centralizado{position:relative; float:none; display:block; clear:both; margin:0 auto;}

.clear{clear:both;}

.displaynone{display:none;}

.fechar{position:absolute; top:125px; right:-5px; z-index:9999; display:none; cursor:pointer;}

hr{border:1px dashed #333; margin-bottom:20px;}

.left{float:left;}

.left10{margin-left:10px;}

.left30{margin-left:30px;}

.left-5{margin-left:-5px;}

.left10{margin-left:10px;}

.loading{display:none;}

#portfolio img{border:1px solid #333; }

#portfolio img:hover{border:1px solid #c8edef;}

.right{float:right;}

.right0{margin-right:0;}

.right20{margin-right:20px;}

.right40{margin-right:40px;}

.right165{right:165px;}

.top-15{margin-top:-15px;}

.top-20{margin-top:-20px;}

.top20{margin-top:20px;}

.vmiddle{vertical-align:middle;}

.width230{width:230px;}

.width400{width:400px;}

/*----------------------DIVERSOS--------------------*/

/*----------------------FORM------------------------*/
fieldset{border:0;}

input, textarea{padding:3px; background:#fff url(img/inputs-bg.gif) repeat-x bottom left; margin-bottom:5px; border:1px solid #fff;  -moz-border-radius:3px; -webkit-border-radius:3px;}

input:focus, textarea:focus{border-color:#c8edef;}

form p{margin:5px 0 0 0;}

label{font-size:1em;}

textarea{overflow:auto; font:1.2em Arial, Helvetica, sans-serif; color:#333; line-height:1.6em;}

/*----------------------FORM------------------------*/


/*----------------------LINKS--------------------*/

.lista-contato li a{font-size:1em;}

.menu{position:relative; float:none; clear:both; margin:30px auto 35px 23px; padding-bottom:15px; background:url(img/header-bg.png); border-bottom:1px solid #152b3b; height:20px; margin-top:0px; padding-top:25px;}

.menu li{display:inline; font-size:2em;}

.menu li a{position:relative; color:#c8edef; padding:35px 30px 0 30px; }

.menu li a div{position:absolute; min-width:115px; width:100%; height:115px; top:-40px; left:0; background:url(img/light.png) no-repeat top; display:none;}

.rodape a{color:#fff;}

.rodape a:hover, #twitter li a, #blog p a{color:#c8edef;}

/*----------------------LINKS--------------------*/


/*----------------------LISTAS--------------------*/

.aplicados{list-style:url(img/accept.png) inside; margin:20px;}

.aplicados li{padding-bottom:5px; font:bold 1.2em Arial, Helvetica, sans-serif; color:#666; line-height:2.2em;}

#blog ul{margin-bottom:10px;}

#blog ul li{color:#fff; font:1em Arial, Helvetica, sans-serif; line-height:1.8em; background:url(img/seta.png) no-repeat left center; padding-left:20px;}

.lista-contato{margin-top:50px;}

.lista-contato li{height:28px; padding-left:50px;}

.lista-contato li.fone{background:url(img/contatos.png) no-repeat top right; background-position:0px -105px;}

.lista-contato li.fone:hover{background:url(img/contatos-hover.png) no-repeat top right; background-position:0px 0px;}

.lista-contato li.email{background:url(img/contatos.png) no-repeat top ; background-position:10px -40px;}

.lista-contato li.email:hover{background:url(img/contatos-hover.png) no-repeat top ; background-position:10px -38px;}

.lista-contato li.twitter{background:url(img/contatos.png) no-repeat top; background-position:10px -69px;}

.lista-contato li.twitter:hover{background:url(img/contatos-hover.png) no-repeat top; background-position:10px -67px;}

.lista-contato li.msn{background:url(img/contatos.png) no-repeat top; background-position:10px 0px;}

.lista-contato li.msn:hover{background:url(img/contatos-hover.png) no-repeat top; background-position:10px -103px;}

.textos li{padding-left:10px; background:url(img/seta.gif) no-repeat left center; line-height:2em;margin-left:5px;}

.textos li a{color:#999;}

.textos li a:hover{margin-left:2px; color:#c8edef;}

.tuts{width:30%; margin-right:10px; padding-left:20px;}

.tuts li{background:url(img/point.png) no-repeat left center; padding-left:20px;}

.tuts li a{color:#fff; font-size:1.4em; line-height:1.8em;}

.tuts li a:hover{color:#c8edef; padding-left:5px;}

#twitter li{background:url(img/aspas_open.png) no-repeat left top; padding-left:28px; margin-top:10px;}

/*----------------------LISTAS--------------------*/


/*----------------------TEXTOS--------------------*/

.alignright{text-align:right;}

#blog p span, #blog p span a{color:#eaeaea; font-size:0.9em;}

#blog p{color:#b4b3b3;}

.categorias-portfolio h2{float:left; margin-right:50px;}

.frase{color:#c8edef; font-size:2.5em; font-family:Georgia, 'Times New Roman', Times, serif; text-align:center;}

.info-div p{color:#010101; text-shadow:none;}

h1{font:2.6em Arial, Helvetica, sans-serif; color:#c8edef; margin:5px 0 20px 0; text-shadow:2px 2px 2px #040b15;}

h2{font:2em Arial, Helvetica, sans-serif; color:#d01010; margin-bottom:5px; text-shadow:1px 1px 3px #fff;}

h3{width:100%; height:90px; display:block; text-indent:-9999px; margin:0 0 30px -5px;}

h3.blog{background:url(img/blog.png) no-repeat left top; }

h3.clientes{background:url(img/clientes.png) no-repeat left top;}

h3.contato{background:url(img/contato.png) no-repeat left top;}

h3.portfolio{background:url(img/portfolio.png) no-repeat left top; height:117px;}

h3.sobre{background:url(img/sobre.png) no-repeat left top;}

h3.servicos{background:url(img/servicos.png) no-repeat left top;}

h4{color:#333; font-size:2em; text-align:center; margin-bottom:20px; font-family:Arial, Helvetica, sans-serif;}

h5{color:#fff; font-size:1.6em;}

h6{font:3.5em Arial, Helvetica, sans-serif; color:#999; margin-top:100px;}
/*----------------------TEXTOS--------------------*/
#portfolio img.border0{border:0;}


#imgPreviewWithStyles {
    background:#333;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 15px;
    z-index: 999;
    border: none;}