@charset "utf-8";

/* RESET Copyright (c) 2008, Yahoo! Inc. All rights reserved.
version: 2.5.2 */
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}

/* RESET HTML 5 */
article, aside, dialog, figure, footer, header, hgroup, nav, section { display:block; }

/* FORMAT */

* { font-family: "Lucida Sans", Verdana, Arial, Helvetica, sans-serif; }
strong { font-weight: bold; } 

html { background: #214266 url(http://images.luiztiago.com/bg.jpg) repeat-x center top; }
em { font-style: italic; }

header { z-index: 3; }
.header, header { height: 290px; width: 100%; background-repeat: repeat-x; background-position: center top; position: absolute; }
.day { background-image: url(http://images.luiztiago.com/bg-header_day.png); z-index: 2; }
.night { background-image: url(http://images.luiztiago.com/bg-header_night.png); z-index: 2; }
#marca { position: absolute; left: 50%; margin-left: -375px; top: 150px; }
#marca a { display: block; width: 300px; height: 120px; background: url(http://images.luiztiago.com/marca-luiztiago.gif) no-repeat center 35px; text-indent: -4000px; overflow: hidden; }
#birds { position: absolute; left: 50%; margin-left: -67px; top: 45px; z-index: 4; }

#avisoIe6 { display: none; position: absolute; top: 0; width: 100%; left: 0; background: #FFFCDF; border-bottom: 1px solid #DFDDCB; padding: 18px 0; }
#avisoIe6 p { font-size: 0.59em; text-align: center; }
#avisoIe6 .fechaIe6 { display: block; background: url(http://images.luiztiago.com/bt-closeIe6.gif) no-repeat 0 2px; text-indent: -4000px; overflow: hidden; right: 10px; position: absolute; width: 8px; height: 10px; } 

/*#a11y { display: none; }*/
#a11y { width: 768px; margin: 0 auto; padding-top: 0px; }
#a11y li { display: inline; }
#a11y li a, #a11y li ul { height: 24px; display: block; background-repeat: no-repeat; float: left; text-indent: -4000px; overflow: hidden; padding: 12px 10px; background-position: center center; }
#a11y li a:hover { /*border-top: 3px solid #ddd;*/ background-color: #f6f6f6; }
#a11y .ico-goToContent a { background-image: url(http://images.luiztiago.com/ico-goToContent.gif); width: 130px; }
#a11y .ico-xhtml a { background-image: url(http://images.luiztiago.com/ico-xhtml.gif); width: 53px; }
#a11y .ico-css a { background-image: url(http://images.luiztiago.com/ico-css.gif); width: 58px; }
/*#a11y .ico-print a { background-image: url(http://images.luiztiago.com/ico-print.gif); width: 72px; }
#a11y .ico-delicious a { background-image: url(http://images.luiztiago.com/ico-delicious.gif); width: 100px; }
#a11y .ico-amais a { background-image: url(http://images.luiztiago.com/ico-amais.gif); width: 30px; }
#a11y .ico-amenos a { background-image: url(http://images.luiztiago.com/ico-amenos.gif); width: 25px; }*/

#a11y .links a { background-image: url(http://images.luiztiago.com/links.gif); width: 23px; padding: 12px 7px; }
#a11y .ico-twitter a { background-position: 7px 12px; }
#a11y .ico-twitter a:hover { background-position: 7px -38px; }
#a11y .ico-facebook a { background-position: -28px 12px; }
#a11y .ico-facebook a:hover { background-position: -28px -38px; }
#a11y .ico-delicious a { background-position: -63px 12px; }
#a11y .ico-delicious a:hover { background-position: -63px -38px; }
#a11y .ico-linkedin a { background-position: -102px 12px; }
#a11y .ico-linkedin a:hover { background-position: -102px -38px; }

#a11y .ico-escolhaSeuEstilo a { background-image: url(http://images.luiztiago.com/ico-escolhaSeuEstilo.gif); width: 125px; }
#a11y .ico-idiomas ul { background-image: url(http://images.luiztiago.com/tx-idiomas.gif); background-position: 10px center; width: 90px; padding: 0 10px 0 60px; height: 45px; }
#a11y .ico-idiomas ul li a { width: 10px; background-image: url(http://images.luiztiago.com/bandeiras.gif); }
#a11y .ico-idiomas ul .idiomaPt a { background-position: 0 13px; }
.pt #a11y .ico-idiomas ul .idiomaPt a, .pt-BR #a11y .ico-idiomas ul .idiomaPt a, #a11y .ico-idiomas ul .idiomaPt a:hover { background-position: 0 -37px; }
#a11y .ico-idiomas ul .idiomaEn a { background-position: -30px 13px; }
.en #a11y .ico-idiomas ul .idiomaEn a, #a11y .ico-idiomas ul .idiomaEn a:hover { background-position: -30px -37px; }
#a11y .ico-idiomas ul .idiomaEs a { background-position: -60px 13px; } 
.es #a11y .ico-idiomas ul .idiomaEs a, #a11y .ico-idiomas ul .idiomaEs a:hover { background-position: -60px -37px; }

#nav { position: absolute; left: 50%; margin-left: 11px; top: 229px; }
#nav li { display: inline; }
#nav li a { display: block; float: left; padding: 23px 19px; text-indent: -4000px; background-repeat: no-repeat; background-position: center 18px; margin-right: 0px; }
#nav li a:hover { background-color: #214266; background-position: center -104px; padding-top: 19px; }
#nav li.ativo a { background-position: center -165px; }
#nav li.ativo a:hover { background-position: center -104px; }
#nav .mn-perfil a { width: 39px;  background-image: url(http://images.luiztiago.com/mn-perfil.gif); }
#nav .mn-portfolio a { width: 81px;  background-image: url(http://images.luiztiago.com/mn-portfolio.gif); }
#nav .mn-blog a { width: 45px; background-image: url(http://images.luiztiago.com/mn-blog.gif); }
#nav .mn-contato a { width: 57px; background-image: url(http://images.luiztiago.com/mn-contato.gif); }

#middle { padding: 315px 0 40px 0; background: url(http://images.luiztiago.com/bg-middle.png) repeat-x left bottom; position: relative; }
#content { width: 768px; margin: 0 auto; position: relative; }
#content p, #content li, #content time, footer li { font-size: 0.7em; line-height: 1.5em; color: #7D7D7D; padding: 0.65em 0; }
#content strong { color: #555; }
.blog dt, .blog dd { font-size: 0.7em; line-height: 1.5em; color: #7D7D7D; }
.blog dt { font-weight: bold; }
#content dd { font-size: 0.7em; line-height: 1.5em; color: #7D7D7D; padding: 10px 0 15px 0; }
#content .blog dt { padding: 7px 0 0 0; }
#content .blog dd { padding: 0 0 7px 0; }
#content h3 { font-family: Arial, Helvetica, sans-serif; font-size: 1.20em; color: #214266; font-weight: bold; text-transform: uppercase; padding-bottom: 5px; line-height: 1.35em; }
#content h4 { font-size: 0.8em; color: #214266; font-weight: bold; text-transform: uppercase; }
.blog h4 { padding: 10px 0; }
#content .data { color: #666; font-weight: bold; padding: 5px 0 10px 0; }
#content p a, .blog li a, #content dt a, #content dd a { color: #FF9900; }
.blog li a:hover, .blog p a:hover, .blog dd a:hover { background: #FF9900; color: #fff !important; }
/*#content p a:hover { color: #fff; background: #FF9900; }*/
#context { width: 468px; float: left; }
#colLat { width: 300px; float: left; padding-top: 0px; }
#colLat a, footer a { color: white; }
#categorias { background: #1D3A5A; padding: 30px 25px; margin-top: 15px; margin-bottom: 15px; }
#categorias h2 { color: white; }
#categorias #tagCloud li { display: inline; line-height: 2em; }
#categorias #tagCloud li a { text-decoration: none; line-height: 24px; }
#categorias #tagCloud .tag01 a { font-size: 1.2em; color: #fff; }
#categorias #tagCloud .tag02 a { font-size: 1.4em; color: #B4D2DE; }
#categorias #tagCloud .tag03 a { font-size: 1.6em; color: #B4D2DE; }
#categorias #tagCloud .tag04 a { font-size: 1.8em; color: #58A8C9; }
#categorias #tagCloud .tag05 a { font-size: 2.2em; color: #58A8C9; }
#categorias #tagCloud li a:hover { color: #fff; text-decoration: underline;  }
#cases { padding: 15px 0 0 25px; }
#cases #listaCases a { border: 5px solid #446282; display: block; width: 265px; height: 100px; overflow: hidden; }
#cases #listaCases dd { color: #8FCDE6; line-height: 1.6em; }
#cases #listaCases dd strong { color: #CADDE5; font-size: 1.3em; }
#arquivo { padding: 10px 25px 30px 25px; }
#arquivo h4 { padding: 5px 0; }

#twitter { padding: 20px 0 0 25px; }
#twitter .listaSeta li a { text-decoration: none; }
#twitter a:hover, #parceiros a:hover, footer a:hover { text-decoration: none; color: #8FCDE6; }

#content .caseDesc { background: #1A2F4D; padding: 20px; margin-top: 20px; width: 330px; float: left; }
#content .cases h3 { color: #C0D5DE; text-transform: none; font-size: 1.4em; }
#content .cases p,#content .caseDesc li { font-size: 1em; }
#content .cases .desc, #content .cases .url, #content .cases .url a { color: #82C2DF; }
#content .cases .detalhes { color: white; }
#content .caseThumb { float: right; }
#content .caseThumb img { width: 407px; border: 5px solid #374F6E; }
#content .casetn { border: 5px solid #374F6E; float: left; margin-right: 15px; }
#content .casesLista li { clear: both; height: 140px; overflow: hidden; }
#content .casesLista p { padding: 4px 0; }
#content #casesCategorias { position: absolute; right: 0; width: 203px; padding-top: 25px }
#content #casesCategorias h3 { margin-left: 20px; }
#content #casesCategorias a { color: white; }
#content #casesCategorias .listaSeta li { background-position: 20px 12px; padding-left: 35px; }
#content #casesCategorias .ativo { background-color: #162740; }
#casesMais { width: 515px; padding: 25px; float: left; background: #162740; }
.jcarousel-skin-tango { height: 300px; }

#colLat .listaSeta li,
footer .listaSeta li,
#content .listaSeta li,
#content .listaSeta dt { background: url(http://images.luiztiago.com/ico-lista.gif) no-repeat 0 12px; padding: 6px 0 6px 15px; }
#content .listaSeta dd { padding-left: 15px; }

.border {  border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; }
.box { position: relative; width: 418px; padding: 30px 25px; }
.boxTop { position: absolute; display: none; width: 468px; height: 6px; top: -5px; left: 0; }
.boxBot { position: absolute; width: 468px; display: none; height: 6px; bottom: -5px; left: 0; }
.box1 { background: #fff /*url(http://images.luiztiago.com/bg-boxWhiteBot.gif) no-repeat left bottom;*/  }
.box1Top { background: url(http://images.luiztiago.com/bg-boxWhiteTop.gif) no-repeat;display: none;   }
.box2 { position: relative; width: 418px; padding: 35px 25px; background: #1A3451; }
.box2Top { background: url(http://images.luiztiago.com/bg-boxBlueTop.gif) no-repeat; display: none; }
.box2Bot { background: url(http://images.luiztiago.com/bg-boxBlueBot.gif) no-repeat; }
.blog { margin-bottom: 20px; min-height: 300px; }
#desenvolvendoComEstilo p { color: #8FCDE6; }
#desenvolvendoComEstilo p strong { color: #AFEDF6; }
#desenvolvendoComEstilo { margin-top: 20px; }

footer { background: #000 url(http://images.luiztiago.com/bg-footer.jpg) repeat-x center top; }
#footerContent { width: 768px; margin: 0 auto; padding: 60px 0; }
footer .tit { height: 45px; }
footer #ultimas { width: 450px; float: left; }
footer #parceiros { width: 275px; float: right; }

.ico-feed { right: 22px; top: 22px; position: absolute; width: 34px; height: 33px; background: url(http://images.luiztiago.com/ico-feed.jpg) no-repeat; text-indent: -4000px; overflow: hidden; }

.tit { text-indent: -4000px; overflow: hidden; height: 35px; background-repeat: no-repeat; background-image: url(http://images.luiztiago.com/tits.gif); }
.tit-perfil { background-position: 0 0; }
.tit-portfolio { background-position: 0 -50px; }
.tit-blog { background-position: 0 -100px; }
.tit-contato { background-position: 0 -150px; }

.tt { text-indent: -4000px; overflow: hidden; height: 35px; background-repeat: no-repeat; background-image: url(http://images.luiztiago.com/tts.gif) }
.tt a { display: block; height: 35px; }
.tt-cases { background-position: 0 0; }
.tt-desenvolvendo { background-position: 0 -50px; }
.tt-ultimas_do_blog { background-position: 0 -100px; }
.tt-parceiros { background-position: 0 -150px; }
.tt-categorias { background-position: 0 -200px; }
.tt-twitter { background-position: 0 -250px; }
.tt-outroscases { background-position: 0 -300px; }
.tt-blog { background-position: 0 -350px; height: 45px; }
.tt-arquivo { background-position: 0 -400px; }

.tt-int { background-image: url(http://images.luiztiago.com/tts-interna.gif); }
.tt-comentarios { background-position: 0 0; }
.tt-comente { background-position: 0 -50px; }

.bt a { display: block; height: 35px; background-repeat: no-repeat; text-indent: -4000px;	}
#content .bt { padding: 10px 0 0 0; }
#content .bt a:hover { background-position: 0 -34px; }
#content .bt-leia_completo a { width: 211px; background-image: url(http://images.luiztiago.com/bt-leia_completo.gif); }
#content .bt-leia_mais a { width: 115px; background-image: url(http://images.luiztiago.com/bt-leia_mais.gif); }

#comentarios {  }
#comentarios dt { padding-top: 15px; font-size: 0.8em; font-weight: bold; }
#comentarios dd { padding: 10px 0 20px 0; border-bottom: 1px solid #FF9900; }
#comentarios dt, #comentarios dt a { color: #214266; }
#comentarios .luiztiago { font-weight: bold; }
#comentarios dd.luiztiago { color: black; }
#comenteja { padding-top: 15px; }

.dnone { display: none; }
.cboth { clear: both; } 
.nice label { color: #214266; display: block; font-weight: bold; font-size: 0.7em; padding: 5px 0 3px 0; }
.nice .campo { background: #f7f7f7; border: 1px solid #dcdcdc; padding: 3px; height: 15px; font-size: 0.7em; color: #666; width: 300px; }
.nice .campo:focus { border: 1px solid #FF9900; }
.nice .textarea { width: 400px; height: 100px; }

#content .bt-enviar { padding: 15px 0 0 0; }
#content .bt-enviar input { width: 91px; height: 34px; border: none; text-indent: -4000px; overflow: hidden; text-align: left; background: url(http://images.luiztiago.com/bt-enviar.gif) no-repeat; }

#paginacao { height: 20px; overflow: hidden; }
#paginacao p { width: 200px; padding: 0; }
#paginacao .prev { float: left; }
#paginacao .next { float: right; text-align: right; }

#container #content .msg { font-weight: bold; padding: 10px; text-align: center; }
#container #content .erro { background: #FFB3B5; border: 1px solid #AE0014; color: #BC0010; }
#container #content .ok { background: #C8FFAB; border: 1px solid #66B443; color: #00811F; }
.nice .error { color: red; }
.blog .listaSeta { padding-bottom: 10px; }

/* carousel */

.jcarousel-container { position: relative; }
.jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; }
.jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; }
.jcarousel-list li,.jcarousel-item { float: left; list-style: none; width: 787px; height: 270px; }
.jcarousel-next { z-index: 3; display: none; }
.jcarousel-prev { z-index: 3; display: none; }

.right { text-align: right; }