@charset "utf-8"; /* xxxxxxxxxxxxxxxx css para resetar xxxxxxxxxxxxxxxxx */
* { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #666666;}
html, body { border:0; margin:0; padding:0; }
body { font:100%/1.25 Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-weight:normal; }
h1 { padding:30px 0 25px 0; letter-spacing:-1px; font-size:2em; }
h2 {
	letter-spacing:-1px;
	font-size:1.5em;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
h3 { font-size:1em; font-weight:bold; }
p, ul, ol { margin:0; padding:0 0 1.25em 0; }
ul, ol { padding:0 0 1.25em 2.5em; }
blockquote { margin:1.25em; padding:1.25em 1.25em 0 1.25em; }
small { font-size:0.85em; }
img { border:0; }
sup { position:relative; bottom:0.3em; vertical-align:baseline; }
sub { position:relative; bottom:-0.2em; vertical-align:baseline; }
acronym, abbr { cursor:help; letter-spacing:1px; border-bottom:1px dashed; }
form { margin:0; padding:0; display:inline; }
input, select, textarea { font:1em Arial, Helvetica, sans-serif; }
textarea { width:100%; line-height:1.25; }
label { cursor:pointer; }
 
table { border:0; margin:0 0 1.25em 0; padding:0; }
table tr td { padding:2px; }
 
#wrap { width:960px; margin:0 auto; }
.clear         { clear:both; }
.espaco         { height:10px; }
.float-left    { float:left; }
.float-right   { float:right; }
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
.wrap          { width:960px;margin:0 auto; }
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }
.linkSite { color:#066; font-size:14px;}
/* Fontes do site */
@font-face {
	font-family: 'HoboMedium';
	src: url('../_fontes/ho______-webfont.eot');
	src: local('☺'), url('../_fontes/ho______-webfont.woff') format('woff'), url('../_fontes/ho______-webfont.ttf') format('truetype'), url('../_fontes/ho______-webfont.svg#webfontWl9Tp0To') format('svg');
	font-weight: normal;
	font-style: normal;
}

h1 { font-family: Hobomedium, Arial; font-size: 14px; color: #333333; font-weight: normal; text-decoration: none; margin-top: 0px; }
h2 { font-family: Hobomedium, Arial; font-size: 28px; color: #333333; font-weight: normal; margin-top: 0px; text-shadow: 0 1px 3px rgba(0,0,0,0.5) }
h3 { font-family: Hobomedium, Arial; font-size: 20px; color: #666; font-weight: normal; margin-top: 4px; line-height:0.9em; padding:10px 0 15px; text-shadow: 0 1px 3px rgba(0,0,0,0.5) }
h4, h4 a{ font-family: Hobomedium, Arial; font-size: 16px; color: #999; font-weight: normal; }
h4 a { color:#00F;}
h5 { font-family: Tahoma, Arial; font-size: 9px; color: #ccc; font-weight: normal; line-height: 10px; }
h6 { font-family: Tahoma; font-size: 10px; color: #666666; font-weight: normal; }
/* fontes site */
html { background-image: url(../_imagens/background.jpg); background-repeat: repeat; background-position: center top; background-color: #FFF; }
small { font-size:10px;}
blockquote { width:50%; color:#999; font-style:italic; float:right; padding:0 10px; text-align:right; font-size:18px; margin:0; }
#container { width:955px; margin:0 auto; position:relative; }
/* topo */
#topo { height: 125px; width: 955px; }
#topo #logo { float: left; width: 520px; }
#topo #logo a { background-repeat: no-repeat; background-position: 0px 0px; text-indent: -999px; display: block; overflow:hidden; height: 125px; width: 228px; float: left; background-image: url(../_imagens/logo-mazaya.png); }
#topo #logo p { padding-top: 50px; font-size: 13px; font-style: italic; }
#topo #area-restrita a { height: 32px; width: 38px; background-image: url(../_imagens/login.jpg); float: right; text-indent: -999px; display: block; overflow:hidden; margin-left: 300px; }
#topo #telefone a { height: 37px; width: 193px; background-image: url(../_imagens/telefones.png); float: right; text-indent: -999px; display: block; overflow:hidden; margin-top: 30px; }

#menu { height: 47px; width: 955px;  border-top-width: 4px; border-top-style: solid; border-top-color: #999; }
#menu ul { list-style-type: none; height: 40px; float: left; margin:0; padding:10px 0 0 0; }
#menu ul .sub { background-image: url(../_imagens/sub-menu.png); background-repeat: no-repeat; background-position: 85px 8px; }
#menu ul li { padding-right: 30px; padding-left: 0px; float: left; }
#menu ul li a { font-size: 18px; color: #8d8d8d; text-decoration: none; font-family: HoboMedium, Helvetica, sans-serif; text-shadow: 1px 1px 0px rgba(255, 255, 255, 1.0); padding-top: 10px; padding-bottom: 5px; }
#menu ul li a:hover { color: #000; }


#social { position:absolute; right:0; z-index:101; width: 120px; }
#social ul li { padding-right: 2px; padding-left: 2px; }


#branco { height: auto; width: 190px; background-image: url(../_imagens/fundo-login.png); padding: 15px; position:absolute; right:90px; top:137px; z-index:100;}
#branco h3 { padding:0 0 10px; margin:0; color:#CCC;}
#branco p { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #fff; margin-top: 2px; margin-bottom: 2px; line-height: 11px; width: 160px }
#branco p a { color:#999; font-weight:bold;}
#branco .enviar { background-color: transparent; background-image: url(../_imagens/enviar.png); background-repeat: no-repeat; height: 29px; width: 66px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; margin-top: 5px;}
#banner-central { height: 215px; width: 955px;} 
 
#slider  { position:relative;}
.nivoSlider img { position:absolute; top:0px; left:0px;}
.nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:60; display:none; }

.nivo-slice { display:block; position:absolute; z-index:50; height:100%; }

.nivo-caption { position:absolute; left:0px; bottom:0px; background:#000; color:#fff; opacity:0.8; width:100%; z-index:89;}
.nivo-caption p { padding:5px; margin:0;}

.nivo-directionNav a { position:absolute; top:40%; z-index:99; cursor:pointer; background-color: #262626; height: 48px; width: 39px; text-indent: -999px; display: block; overflow:hidden;}
.nivo-prevNav { left:0px; background-image: url(../_imagens/seta-previous.png); background-repeat: no-repeat; background-position: center center;}
.nivo-nextNav { right:0px; background-image: url(../_imagens/seta-next.png); background-repeat: no-repeat; background-position: center center;}

.nivo-controlNav { padding-top: 225px; padding-left: 450px;}
.nivo-controlNav a { position:relative; height: 15px; width: 15px; text-indent: -999px; display: block; overflow:hidden; z-index:99; cursor:pointer; background-image: url(../_imagens/control-nav.png); background-repeat: no-repeat; float: left; margin-right: 2px;}
.nivo-controlNav a.active { font-weight:bold; background-image: url(../_imagens/control-nav-current.png);}

/* portfolio */
#portfolio { height: 215px; width: 952px; margin-top: 30px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
#portfolio-interno { height: 180px; width: 952px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
#portfolio #topo-srcool { background-color: #FFF; height: 33px; width: 105px; float: left; background-image: url(../_imagens/icone-portfolio.png); background-position: 10px 10px; background-repeat: no-repeat; }
#portfolio #topo-srcool p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #999; padding-left: 40px; padding-top: 8px; }
#portfolio .portfolio-completo { background-image: url(../_imagens/portfolio-completo.png); background-repeat: no-repeat; background-position: 0px 0px; text-indent: -999px; display: block; overflow:hidden; height: 29px; width: 145px; float: right; margin-bottom: 3px; }
#portfolio .portfolio-completo:hover { background-position: 0px -29px; }
#fundo-scrool {background-color: #FFF; float: left; width: 928px; padding:12px;}
#fundo-scrool #seta-esquerda a {  background-repeat: no-repeat; background-position: 0px 0px; text-indent: -999px; display: block; overflow:hidden; height: 39px; width: 39px; float: left; margin-right: 10px; margin-top: 40px; }
#fundo-scrool #seta-direita a { background-repeat: no-repeat; background-position: 0px 0px; text-indent: -999px; display: block; overflow:hidden; height: 39px; width: 39px; float: left; margin-top: 40px; margin-left: 10px; }
#main { width: 510px; margin: 0 auto; }

#content-slider-falso { width: 920px; height: 17px; position: relative; background-image: url(../_imagens/fundo-scrool.png); background-repeat: repeat-x; background-position: 0px 0px; margin-top: 5px; margin-right: 5px; margin-bottom: 5px; margin-left: 0px; float: left; }

#content-slider { width: 840px; height: 17px; position: relative; }

.ui-slider-handle { width: 76px; height: 17px; position: absolute; background-image: url(../_imagens/scrool.png); margin-right: 50px; }

#content-scroll { width: 920px; height: 110px; overflow: hidden; float: left; }

#content-holder { height: auto; }

.content-item { width: 129px; height: 107px; float: left; margin-right: 5px; }
/* --- zoom imagem scrool ---------------------------------------------------------- */
 
a { border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; font-style: normal; text-decoration: none; }
.viewport { border: 2px solid #eee; float: left; height: 100px; overflow: hidden; position: relative; width: 130px; margin-top: 0; margin-right: 9px; margin-bottom: 9px; margin-left: 0; }
.no-margin { margin-right: 0; }
.viewport a { display: block; position: relative; }
.viewport a img { height: 100px; position: relative; width: 130px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
/* --- Label configuration -------------------------------------------------------------- */
.viewport a span { display: none; font-weight: bold; height: 100%; padding-top: 0px; position: absolute; text-align: center; text-decoration: none; width: 100%; z-index: 100; }
.viewport a span img { height: 33px; width: 34px; margin-top: 55px; text-decoration: none; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; margin-left: 40px; }
/* --- Dark hover background ------------------------------------------------------------ */
.dark-background { background-color: rgba(15, 15, 15, 0.6); color: #fff; text-shadow: #000 0px 0px 20px; background-image: url(imagens/fundo-preto.png); background-repeat: repeat; }
/* serviços */
#servicos { background-image: url(../_imagens/background-servicos.jpg); background-repeat: repeat-x; height: 191px; width: auto; margin-top: 30px; padding:20px 0; }
#servicos ul { width: 982px; list-style-type: none; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
#servicos ul li { width: 198px; float: left; height: 141px; padding:10px 20px 40px; }
#servicos ul .branco { background-color: #FFF; }
#servicos ul li p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666; text-align: justify; letter-spacing:-0,04em; }
#servicos ul li h3 { color: #666; }
#servicos ul li h3 img{ margin-right:5px; }

#servicos .veja-mais { background-image: url(../_imagens/veja-mais.jpg); background-position: 0px 0px; text-indent: -999px; display: block; overflow:hidden; height: 191px; width: 33px; }

#rodape { clear: both; width: 955px; margin-top: 20px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
#rodape p { padding: 0px;}
#rodape #newslleter {background-image: url(../_imagens/branco-50.png); background-repeat: repeat; height: 143px; width: 215px; float: left; margin-bottom: 20px; padding-top: 10px; padding-right: 15px;padding-bottom: 15px; padding-left: 15px;}
#rodape #newslleter .formulario { background-image: url(../_imagens/fundo-form.jpg); background-repeat: repeat-x; background-color: #ffffff; height: 30px; border: 1px solid #c0c0c0; margin-top: 5px; padding-left: 5px; }
#rodape #newslleter .formulario:focus { border-top-color: #333; border-right-color: #333; border-bottom-color: #333; border-left-color: #333; }
#rodape #newslleter .botao { background-image: url(../_imagens/botao-enviar.png); background-repeat: no-repeat; background-position: 0px 0px; height: 29px; width: 95px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; margin-top: 4px; cursor: pointer; background-color: transparent; }
#rodape #newslleter .botao:hover { background-position: 0px -29px; }
#rodape ul { float: left; list-style-type: none; }
#rodape ul li.menu { float: left; background-image: url(../_imagens/divisoria-menu-rodape.jpg); background-repeat: no-repeat; background-position: right 20px; width: 80px; height: 150px; }
#rodape ul li.contato {
	float: left;
	width: 115px;
	padding-left: 10px;
}
#rodape ul li ul { padding: 0px; }
#rodape ul li ul li { height: 13px; }
#rodape ul li ul li.menu h1 { }
#rodape ul li ul li a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666; text-decoration: none; line-height: 13px; }
#rodape ul li ul li p { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666; text-decoration: none; line-height: 13px; }
#rodape ul li ul li p.telefone { background-image: url(../_imagens/telefone-rodape.png); background-repeat: no-repeat; background-position: 0px 2px; padding-left: 7px; }
#rodape ul li ul li p.celular { background-image: url(../_imagens/celular-rodape.png); background-repeat: no-repeat; background-position: 0px 2px; padding-left: 7px; }
#rodape ul li ul li p.e-mail { background-image: url(../_imagens/envelope-rodape.png); background-repeat: no-repeat; background-position: 0px 4px; padding-left: 11px; }
/* internas */

#conteudo-interno { min-height: 400px; _height:400px; width: 912px; margin-top: 40px; margin-right: auto; margin-bottom: 0px; margin-left: auto; background-color: #FFF; padding: 20px; }
#conteudo-interno .clientes { list-style-type: none; margin-left: 5px; margin-top: 10px; float: left; height: 175px; width: 175px; margin-top: 5px; margin-right: 5px; background-image: url(../_imagens/fundo-cliente.jpg); background-repeat: no-repeat; background-position: 0px 0px; }
#conteudo-interno .clientes a:hover { background-image: url(../_imagens/fundo-cliente-hover.jpg); }
#conteudo-interno .clientes a { height: 175px; width: 175px; background-repeat: no-repeat; background-position: 0px 0px; text-indent: -999px; display: block; overflow:hidden; }
#conteudo-interno .clientes a:hover { background-position: 0px -175px; }
/* serviços interni */
#conteudo-interno #menu-interno { width: 886px; border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #bec7cf; border-left-color: #bec7cf; list-style-type: none; height: 35px; background-image: url(../_imagens/fundo-menu-interno.jpg); background-repeat: repeat-x; -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4); -moz-box-shadow: 0 1px 3px rgba(0,0,0, .4); }
#conteudo-interno #menu-interno li { float: left; text-align: center; width: 20%; padding-top: 8px; height: 34px; }
#conteudo-interno #menu-interno li.current { background-image: url(../_imagens/menu-interno-current.png); background-position: 0px 0px; }
#conteudo-interno #menu-interno li a { font-family: Hobomedium, Helvetica, sans-serif; font-size: 13px; color: #7c7979; text-decoration: none; text-shadow: 1px 1px 0px rgba(255, 255, 255, 1.0); margin: 0px; background-repeat: no-repeat; background-position: 0px 0px; padding-right: 25px; padding-left: 25px; }
#conteudo-interno #menu-interno li a:hover { color: #000; }
#conteudo-interno #menu-interno li a.loja-virtual { background-image: url(../_imagens/interno-loja.png); }
#conteudo-interno #menu-interno li a.sistemas { background-image: url(../_imagens/interno-sistemas.png); }
#conteudo-interno #menu-interno li a.identidade-visual { background-image: url(../_imagens/interno-identidade.png); }
#conteudo-interno #menu-interno li a.web { background-image: url(../_imagens/interno-web.png); }
#conteudo-interno #menu-interno li a.mailing { background-image: url(../_imagens/interno-mailing.png); }
/* portfolio */
#case { min-height: 360px; _height: 360px; padding-top: 10px; width: 100%; }
#case #texto-case { height: auto; width: 350px; float: left; padding-top: 0px; }
#case #texto-case a.anterior { background-image: url(../_imagens/anterior-cases.png); background-repeat: no-repeat; background-position: 0px 0px; text-indent: -999px; display: block; overflow:hidden; height: 27px; width: 85px; float: left; margin-bottom: 3px; }
#case #texto-case a.proximo { background-image: url(../_imagens/proximo-cases.png); background-repeat: no-repeat; background-position: 0px 0px; text-indent: -999px; display: block; overflow:hidden; height: 27px; width: 85px; float: left; margin-bottom: 3px; }
#case #texto-case a.veja-online { background-image: url(../_imagens/ver-online.png); background-repeat: no-repeat; background-position: 0px 0px; text-indent: -999px; display: block; overflow:hidden; height: 26px; width: 87px; margin-bottom: 8px; margin-top: 8px; }
#case #texto-case h3 { font-family: HoboMedium, Helvetica, sans-serif; font-size: 20px; color: #000; clear: both; }
#case #texto-case h5 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #333; font-style: italic; margin-bottom: 10px; }
#case #texto-case h6 { font-family: HoboMedium, Helvetica, sans-serif; font-size: 14px; color: #666; margin-bottom: 10px; font-weight: bold; background-image: url(../_imagens/servicos-prestados.png); background-repeat: no-repeat; background-position: 0px 2px; padding-left: 20px; margin-top: 10px; }
#case #texto-case ul { margin-top: 10px; list-style-type: none; }
#case #texto-case ul li { background-image: url(../_imagens/lista-cases.jpg); background-repeat: no-repeat; background-position: 0px 2px; padding-left: 15px; font-family: "Times New Roman", Times, serif; font-size: 12px; color: #999; margin-top: 3px; font-style: italic; }

/* TipTip CSS - Version 1.2 */

#tiptip_holder {display: none; position: absolute; top: 0; left: 0; z-index: 99999; width: 120px;}
#tiptip_holder.tip_top {padding-bottom: 5px;}
#tiptip_content {font-size: 11px; color: #CCC; text-shadow: 0 0 2px #000; padding: 4px 8px; border: 1px solid rgba(255,255,255,0.25); background-color: rgb(25,25,25); background-color: rgba(25,25,25,0.92); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000)); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; box-shadow: 0 0 3px #555; -webkit-box-shadow: 0 0 3px #555; -moz-box-shadow: 0 0 3px #555; font-family: Arial, Helvetica, sans-serif; text-align: center;}
#tiptip_arrow, #tiptip_arrow_inner { position: absolute; border-color: transparent; border-style: solid; border-width: 6px; height: 0; width: 0; }
#tiptip_holder.tip_top #tiptip_arrow { border-top-color: #fff; border-top-color: rgba(255,255,255,0.35); }
#tiptip_holder.tip_top #tiptip_arrow_inner { margin-top: -7px; margin-left: -6px; border-top-color: rgb(25,25,25); border-top-color: rgba(25,25,25,0.92);}
/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
#tiptip_content { padding: 4px 8px 5px 8px; background-color: rgba(45,45,45,0.88); }
#tiptip_holder.tip_top #tiptip_arrow_inner { border-top-color: rgba(20,20,20,0.92);}
}

/* tabs */
@media projection, screen {
	.tabs-hide { display: none; }
}
#container-4 { min-height: 100px; _height: 100px; margin-top: 20px; }
.tabs-nav { list-style: none; margin: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0px; position: absolute; }
.tabs-nav:after {  display: block; clear: both; content: " "; }
.tabs-nav li { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0px; height: 46px; width: 314px; }
.tabs-nav a, .tabs-nav a span { display: block; padding: 0 10px; background-color: transparent; background-repeat: no-repeat; }
.tabs-nav a { position: relative; top: 1px; z-index: 2; padding-left: 0; color: #666; font-size: 14px; line-height: 1.2; text-align: left; text-decoration: none; white-space: nowrap; /* required in IE 6 */ font-family: Arial, Helvetica, sans-serif; height: 18px; }
.tabs-nav .tabs-selected a { color: #333333; border-right-style: solid; border-bottom-style: none; border-left-style: solid; background-color: transparent; background-image: url(../_imagens/tab-contato.jpg); background-repeat: no-repeat; }
.tabs-nav a { min-height: 18px; padding-top: 15px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.8); padding: 15px; }
*>.tabs-nav a span { width: auto; height: auto; }
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { cursor: text; }
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { cursor: pointer; }
.tabs-nav .tabs-disabled { opacity: .4; }
.tabs-container { background: #fff; width: 570px; margin-left: 304px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: solid; border-top-color: #cdcdcd; border-right-color: #cdcdcd; border-bottom-color: #cdcdcd; border-left-color: #cdcdcd; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 20px; }

.tabs-container form .direita { float: left; width: 260px; }
.tabs-container .esquerda { float: left; width: 200px; }
.tabs-container .direita .formulario, .esquerda .formulario {background-image: url(../_imagens/fundo-form.jpg); background-repeat: repeat-x; height: 30px; border: 1px solid #c0c0c0; margin-top: 5px; padding-left: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #999; width:238px; background-color: #ffffff;}
.tabs-container .direita .cidade { background-image: url(../_imagens/fundo-form.jpg); background-repeat: repeat-x; background-color: #ffffff; height: 30px; border: 1px solid #c0c0c0; margin-top: 5px; padding-left: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #999; width:124px; }
.tabs-container .direita .estado { background-image: url(../_imagens/fundo-form.jpg); background-repeat: repeat-x; height: 34px; border: 1px solid #c0c0c0; padding: 8px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #999; width:108px; vertical-align:bottom; }
.tabs-container .direita .estado option { padding:5px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #999; }
.tabs-container .esquerda .mensagem { background-image: url(../_imagens/fundo-form.jpg); background-repeat: repeat-x; background-color: #ffffff;  height: 153px; border: 1px solid #c0c0c0; margin-top: 5px; padding: 5px 0 5px 5px; background-position: 0px 0px; width:260px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #999; }
.tabs-container .esquerda .botao { background-image: url(../_imagens/botao-enviar.png); background-repeat: no-repeat; background-position: 0px 0px; height: 29px; width: 95px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; margin-top: 4px; cursor: pointer; background-color: transparent; }
.tabs-container .esquerda .botao:hover { background-position: 0px -29px; }


			.formulario { width:200px; float:left;}
			.formularioGrd {  width:320px; float:left;}
			.formularioLrg {  width:570px;}
				.formulario small, .formularioGrd small, .formularioLrg small { display:block; }
				.campo { padding:0 2px 0 0; margin: 0; float:left; }
				
				label { font-family: Hobomedium, Arial; font-size:12px; color:#666;  display:block; float:left; text-align:left; padding:3px; width:79px;}
				input, textarea, select { color:#000000; padding:2px; margin:2px; font-size:11px; border:1px #cccccc solid; background-color:#f4f4f4; height:18px; vertical-align:middle;}
				textarea {  height:80px; width:290px; overflow:auto; }
				select {  height:24px; width:130px;  }
				
				.inputMini { width:50px;}
				.inputPequeno { width:82px;}
				.inputMedio { width:153px; }
				.inputSelect { width:210px; }
				.inputSelectSidebar { width:184px; }
				.inputGrande { width:223px;}
				.inputLrg { width:473px;}
				
				.submitButton { background-color: #210B31; color:#ffffff;  height:25px;  padding:3px 30px;}
				.submitButtonHome { background-color:#174C23; color:#ffffff;  height:22px;  padding:3px; border:none; position:relative; top:3px;}
				
				#formulario input.inputFocus, #formulario textarea.inputFocus { color:#000000; }
				#formulario button.inputFocus { font-weight:bold; }


				.awesome {
					background:#ddd url(../_imagens/overlay-button.png) repeat-x;
					_background-image: none;
					display: block;
					padding: 2px 8px 2px 8px;
					text-decoration: none;
					line-height: 22px;
					-moz-border-radius: 5px;
					-webkit-border-radius: 5px;
					-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
					-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
					text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
					border-bottom: 1px solid rgba(0,0,0,0.25);
					cursor: pointer;
					color:#FFF;
					margin:0 2px 2px 0;
					font-size:12px;
					text-align:left;
					font-family: 'HoboMedium';
				}
				button.awesome { border:0; padding:5px;}
				.blue { background-color: #00539F; }
				.red { background-color: #e33100; }
				.magenta { background-color: #a9014b; }
				.orange { background-color: #00539F; }
				.orange2 { background-color: #ff5c00; }
				.orange3 { background-color: #CC1F49; }
				.yellow { background-color: #ffb515; }
				.grey { background-color: #333; }
				
				ul#listaChamados { list-style: none; padding:0;}
				ul#listaChamados li { background-color:#ddd; margin-bottom:5px; padding:10px;}

#conteudo-interno #telefones { position: absolute; margin-top: 120px; }
#conteudo-interno #telefones ul {list-style-type: none; margin: 0px; padding: 0px;}
#conteudo-interno #telefones ul li { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666; padding-left: 15px; }
#conteudo-interno #telefones ul li.mail { background-image: url(../_imagens/e-mail-contato.jpg); background-position: 0px 4px; background-repeat: no-repeat; }
#conteudo-interno #telefones ul li.telefone { background-image: url(../_imagens/telefone-contato.jpg); background-position: 5px 1px; background-repeat: no-repeat; font-size: 12px; font-weight: bold; }
/* fim tabs */
.emailResponse{background-color:#FFF;font-weight:700;clear:both; }
.emailResponseEnviando{color:#C60;background:#dedede url(http://www.mazaya.com.br/_shared/images/loading.gif) no-repeat 10px center;border-color:#C60;padding:10px 10px 10px 40px; }
.emailResponseEnviada{color:#060;background:#dedede url(http://shared.mazaya.com.br/imagens/accept.png) no-repeat 10px center;border:1px #060 solid;padding:10px 10px 10px 40px; }
.emailResponseErro{color:#900;background:#CCC url(http://shared.mazaya.com.br/imagens/warning.png) no-repeat 10px center;border-color:#900;padding:10px 10px 10px 40px; }

#fileInputCurriculo { width:135px; height:29px; }
.uploadifyQueueItem { font: 11px Verdana, Geneva, sans-serif; border: 2px solid #E5E5E5; background-color: #F5F5F5; margin-top: 5px; padding: 10px; width: 272px; }
.uploadifyError { border: 2px solid #FBCBBC !important; background-color: #FDE5DD !important; }
.uploadifyQueueItem .cancel { float: right; }
.uploadifyProgress { background-color: #FFFFFF; border-top: 1px solid #808080; border-left: 1px solid #808080; border-right: 1px solid #C5C5C5; border-bottom: 1px solid #C5C5C5; margin-top: 10px; width: 100%; }
.uploadifyProgressBar { background-color: #0099FF; width: 1px; height: 3px; }