/* CSS */
@font-face {
    font-family: 'Humanst521BTRoman';
    src: url('font/humanst521_bt_roman-webfont.eot');
    src: url('font/humanst521_bt_roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/humanst521_bt_roman-webfont.woff') format('woff'),
         url('font/humanst521_bt_roman-webfont.ttf') format('truetype'),
         url('font/humanst521_bt_roman-webfont.svg#Humanst521BTRoman') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Humanst521BTBold';
    src: url('font/humanst521_bt_bold-webfont.eot');
    src: url('font/humanst521_bt_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/humanst521_bt_bold-webfont.woff') format('woff'),
         url('font/humanst521_bt_bold-webfont.ttf') format('truetype'),
         url('font/humanst521_bt_bold-webfont.svg#Humanst521BTBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

html { height:100%; width:100%; }
* { font-family:'Humanst521BTRoman', Arial, Helvetica, sans-serif; margin:0px; padding:0px; }
body { background:#FFF; color:#000; font-family:'Humanst521BTRoman', Arial, Helvetica, sans-serif; font-size:14px; }
a { color:#000; text-decoration:none; }
a:hover { text-decoration:underline; }

h2 { background:url(images/bg_h2_1.png) 0px 0px no-repeat; color:#000; font-size:30px; font-weight:normal; height:50px; padding:20px 0px 0px 123px; text-align:left; }
h3 { color:#000; font-size:16px; font-weight:normal; padding:2px 5px; }
p { color:#000; font-size:14px; text-align:justify; padding:2px 5px; }

form { padding:0px; }
form label { display:block; float:left; font-size:14px; margin:0px; padding:1px 5px; }
form label span { color:#3FADE4; display:block; font-size:16px; font-style:italic; padding:11px; position:absolute; text-align:left; }
form .inp1 { background:url(images/bg_form_inp1.png) 0px bottom no-repeat; }
form .tex1 { background:url(images/bg_form_tex1.png) 0px bottom no-repeat; }
form .sel,
form input,
form textarea,
form select { background:none; border:none; color:#333; font-size:16px; font-style:italic; height:26px; outline:none; padding:6px 10px 8px 10px; }
form textarea { height:65px; padding:11px; }
form .erro_msg { color:#4798B9; font-size:16px; padding:5px; text-align:right; }
form .erro_msg em { color:#4798B9; font-size:18px; }
form .inp1.erro { background-position:-940px 100%; }
form .inp1.hover { background-position:-470px 100%; }
form .inp1.focus { background-position:-940px 100%; }
form .tex1.erro { background-position:-940px 100%; }
form .tex1.hover { background-position:-470px 100%; }
form .tex1.focus { background-position:-940px 100%; }

noscript * { color:#C00; font-size:14px; font-weight:bold; }
noscript p { background:#FCC; display:block; padding:10px; text-align:center; }

.clear { clear:both !important; display:block !important; font-size:0px; text-indent:-15000px; }
.space,
.space_h { display:block; font-size:0px; padding:10px 5px; text-indent:-15000px; }
.space_h { padding:5px; }

.aligncenter { text-align:center; }
.alignleft { text-align:left; }
.alignright { text-align:right; }

.floatleft { float:left; }
.floatright { float:right; }

.msg { padding:0px 0px 10px 0px; text-align:left; }
.msg .information,
.msg .alert,
.msg .success,
.msg .error { font-size:16px; font-weight:bold; padding:11px 0px 11px 42px; }
.msg .information { background:url(images/bg_ico_information.png) 5px 50% no-repeat #DADADA; color:#496B94; }
.msg .alert { background:url(images/bg_ico_alert.png) 5px 50% no-repeat #DADADA; color:#C9A80E; }
.msg .success { background:url(images/bg_ico_success.png) 5px 50% no-repeat #DADADA; color:#578F3F; }
.msg .error { background:url(images/bg_ico_error.png) 5px 50% no-repeat #DADADA; color:#CA241C; }
.msg .information a,
.msg .alert a,
.msg .success a,
.msg .error a { font-size:12px; color:#666; }

.button { background:url(images/bg_button.png) 0px 0px no-repeat; display:block; float:left; height:50px; padding:0px 1px; position:relative; width:200px; z-index:50; }
.button .out,
.button .over { background:url(images/bg_button.png) 0px 0px no-repeat; border:none; color:#FFF; display:block; font-size:16px; font-style:italic; font-weight:bold; height:20px; padding:15px 5px; text-align:center; width:190px; position:absolute; z-index:51; left:0px; top:0px; }
.button .out:hover { text-decoration:none; }
.button .over { background-position:0px -50px; }
.button .out { z-index:52; }
.button button.out { height:50px; padding:5px; width:200px; }

#main { min-width:990px; position:relative; text-align:center; z-index:300; }

#main #bar { background:#00A4DF; border-top:2px solid #000; display:none; min-height:50px; min-width:1000px; position:fixed; top:0px; z-index:501; text-align:center; width:100%; }

#main #bar #icone { background:url(images/bg_icone.png) center no-repeat; display:block; font-size:0px; float:left; height:50px; text-indent:-15000px; width:35px; }
#main #bar #slogan { color:#000; float:left; font-size:14px; height:18px; padding:16px 10px; }
#main #bar #menu-h { float:right; }
#main #bar #menu-h ul { background:url(images/bg_menu-h_ul.png) -21px 100% no-repeat; display:block; margin:0px; padding:0px 0px 0px 0px; }
#main #bar #menu-h ul li { background:none; color:#000; float:left; margin:0px; padding:0px; }
#main #bar #menu-h ul li a { color:#000; display:block; font-size:14px; height:18px; padding:16px 10px; }
#main #bar #menu-h ul li a:hover { text-decoration:none; }
#main #bar #menu-h ul li.clear { background:none; color:#000; clear:both; float:none; margin:0px; padding:0px; }

#main #mod_home,
#main #mod_sobre,
#main #mod_contato { background:url(images/bg_main1.png) center top repeat; min-height:519px; text-align:center; }

#main #mod_home .center { margin:0px auto; padding:130px 0px 0px 0px; text-align:left; width:617px; }

#main #bar .center,
#main #mod_trabalhos .center,
#main #mod_sobre .center,
#main #mod_solucoes .center,
#main #mod_contato .center { margin:0px auto; padding:0px 0px 30px 0px; text-align:left; width:990px; }

#main #mod_home h2,
#main #mod_sobre h2,
#main #mod_contato h2 { background:url(images/bg_h2_2.png) no-repeat; color:#FFF; }

#main #mod_home p,
#main #mod_sobre p,
#main #mod_contato p { color:#FFF; }

#main #mod_home #logo { background:url(images/bg_logo.png) center no-repeat; display:block; float:left; height:143px; text-indent:-15000px; padding:10px; width:426px; }

#main #mod_home #menu-v { float:left; padding:15px 0px 0px 30px; }
#main #mod_home #menu-v ul { background:url(images/bg_menu-v_ul.png) 0% 3px no-repeat; border-left:1px solid #999; display:block; margin:0px; padding:0px; }
#main #mod_home #menu-v ul li { background:none; color:#FFF; margin:0px; padding:0px; }
#main #mod_home #menu-v ul li a { color:#FFF; display:block; font-size:14px; padding:5px 15px 5px 25px; width:100px; }
#main #mod_home #menu-v ul li a:hover { text-decoration:none; }

#main #mod_trabalhos,
#main #mod_solucoes { background:url(images/bg_main2.png) center top repeat-x #FFF; min-height:550px; text-align:center; }

#main #mod_contato { background-repeat:repeat-x; min-height:911px; text-align:center; }

#trabalhos { padding:0px; }
#trabalhos .trabalho1,
#trabalhos .trabalho2 { background:url(images/bg_trabalho_1.png) 50% 100% no-repeat; float:left; height:341px; padding:0px 5px 21px 5px; position:relative; width:650px; z-index:200; }
#trabalhos .trabalho1 .foto,
#trabalhos .trabalho2 .foto,
#trabalhos .trabalho1 .info,
#trabalhos .trabalho2 .info { background:#FFF; height:341px; position:absolute; width:650px; }
#trabalhos .trabalho1 .foto,
#trabalhos .trabalho2 .foto { z-index:210; }
#trabalhos .trabalho1 .info,
#trabalhos .trabalho2 .info { background:url(images/bg_trabalhos_info.png) repeat; display:none; z-index:211; }
#trabalhos .trabalho1 .info h3,
#trabalhos .trabalho2 .info h3 { color:#FFF; font-size:16px; padding:5px 5px 2px 5px; }
#trabalhos .trabalho1 .info p,
#trabalhos .trabalho2 .info p { color:#FFF; font-size:14px; padding:2px 5px; }
#trabalhos .trabalho1 .info .link,
#trabalhos .trabalho2 .info .link { bottom:5px; left:5px; position:absolute; z-index:212; }
#trabalhos .trabalho1 .info .link a,
#trabalhos .trabalho2 .info .link a { color:#FFF; font-size:13px; font-style:italic; }

#trabalhos .trabalho2 { background:url(images/bg_trabalho_2.png) 50% 100% no-repeat; height:160px; width:320px; }
#trabalhos .trabalho2 .foto,
#trabalhos .trabalho2 .info { height:160px; position:absolute; width:320px; }

nav { padding:30px 0px 0px 0px; }

.mais { background:url(images/bg_mais.png) 50% 0px no-repeat; border-top:1px solid #999; color:#999999; display:block; font-weight:bold; height:28px; padding:20px 0px 0px 0px; text-align:center; }
.mais:hover { color:#3FAFE4; text-decoration:none; }

#sobre,
#fotos { float:left; }

#sobre { padding:0px 30px 0px 0px; width:440px; }

#fotos { background:url(images/bg_fotos.png) 10px 0px no-repeat; height:430px; padding:11px 11px 11px 21px; position:relative; width:450px; z-index:200; }
#fotos .pin { background:url(images/bg_fotos_pin.png) 0px 0px no-repeat; height:55px; left:50%; margin:0px 0px 0px -45px; position:absolute; top:0px; width:89px; z-index:260; }

#fotos #galeria { height:430px; overflow:hidden; width:450px; }
#fotos #galeria .hide { display:none; }

#fotos nav { position:absolute; bottom:14px; left:23px; width:25px; z-index:270; }
#fotos nav a { background:url(images/bg_nav_a.png) 0px 0px no-repeat; display:block; float:left; font-size:0px; height:25px; width:25px; }
#fotos nav a:hover,
#fotos nav a.select { background-position:0px -25px; }

#equipe { padding:30px 0px 0px 0px; }
#equipe .pessoa { float:left; height:207px; padding:5px; position:relative; width:123px; z-index:200; }
#equipe .pessoa .foto,
#equipe .pessoa .info { background:#FFF; border-top:5px solid #3FAFE4; height:207px; position:absolute; width:123px; }
#equipe .pessoa .foto { z-index:210; }
#equipe .pessoa .info { background:#3FAFE4; display:none; z-index:211; }
#equipe .pessoa .info h3 { font-size:16px; padding:5px; }
#equipe .pessoa .info p { color:#000 !important; padding:5px; text-align:left; }
#equipe .pessoa .info .social { bottom:5px; font-size:16px; left:5px; position:absolute; z-index:212; }
#equipe .pessoa .info .social .email,
#equipe .pessoa .info .social .twitter,
#equipe .pessoa .info .social .facebook { display:block; float:left; font-size:0px; height:30px; text-indent:-15000px; width:30px; }
#equipe .pessoa .info .social .email { background:url(images/bg_equipe_email.png) 50% no-repeat; }
#equipe .pessoa .info .social .twitter { background:url(images/bg_equipe_twitter.png) 50% no-repeat; }
#equipe .pessoa .info .social .facebook { background:url(images/bg_equipe_facebook.png) 50% no-repeat; }

#solucoes { padding:0px; }
#solucoes .servico { background:url(images/bg_servico.png) 50% 100% no-repeat; float:left; height:165px; padding:5px 5px 21px 5px; position:relative; width:320px; z-index:200; }
#solucoes .servico .nome,
#solucoes .servico .texto { background:#000; border-top:5px solid #3FAFE4; height:165px; position:absolute; width:320px; }
#solucoes .servico .nome { z-index:210; }
#solucoes .servico .nome h3 { color:#FFF; font-size:20px; padding:5px; }
#solucoes .servico .texto { background:#3FAFE4; border-top:5px solid #000; display:none; z-index:211; }
#solucoes .servico .texto p { color:#FFF; text-align:left; }
#solucoes .servico .nome .foto,
#solucoes .servico .nome .all,
#solucoes .servico .texto .foto,
#solucoes .servico .texto .all { float:left; }
#solucoes .servico .nome .foto,
#solucoes .servico .texto .foto { height:100px; padding:32px 10px 33px 10px; width:100px; }
#solucoes .servico .nome .all,
#solucoes .servico .texto .all { padding:30px 0px 10px 0px; width:190px; }

#info,
#redes,
#contato { float:left; }
#info { width:340px; }
#info h3,
#redes h3,
#contato h3,
#info p,
#redes p,
#contato p { color:#FFF; }
#info .email { padding:0px; }
#info .fone,
#info .email a,
#info .endereco { display:block; }
#info .fone { background:url(images/bg_info_fone.png) 5px 50% no-repeat; display:block; font-size:20px; height:26px; padding:3px 0px 3px 40px; }
#info .email a { background:url(images/bg_info_email.png) 5px 50% no-repeat; color:#FFF; display:block; font-size:20px; height:26px; padding:3px 0px 3px 40px; }
#info .email a:hover { text-decoration:none; }
#info .endereco { background:url(images/bg_info_endereco.png) 5px 50% no-repeat; display:block; font-size:13px; height:32px; padding:0px 0px 0px 40px; }

#redes { padding:0px 20px; width:140px; }

#redes h3 { text-align:center; }

#redes .twitter,
#redes .facebook,
#redes .youtube { display:block; font-size:0px; height:56px; margin:0px auto; text-indent:-15000px; width:46px; }
#redes .twitter { background:url(images/bg_redes_twitter.png) 50% no-repeat; }
#redes .facebook { background:url(images/bg_redes_facebook.png) 50% no-repeat; }
#redes .youtube { background:url(images/bg_redes_youtube.png) 50% no-repeat; }

#contato { width:470px; }