/* Reset CSS o css*/

* { margin: 0; padding: 0; text-decoration: none; font-size: 1em; outline: none; }
code, kbd, samp, pre, tt, var, textarea, input, select, isindex, listing, xmp, plaintext { font: inherit; font-size: 1em; white-space: normal; }
dfn, i, cite, var, address, em { font-style: normal; }
th, h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet, table { border: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td{ text-align: left; vertical-align: top; }
body { line-height: 1; background: white; color: black; }
q { quotes: "" ""; }
ul, ol, dir, menu { list-style: none; }
sub, sup { vertical-align: baseline; }
a { color: inherit; }
hr { display: none; } 
font { color: inherit !important; font: inherit !important; color: inherit !important; } 
marquee { overflow: inherit !important; -moz-binding: none; }
blink { text-decoration: none; }
nobr { white-space: normal; }
/*////////////////////////////////////////////////////////*/

a{color:#000;}
a:hover{color:#F00;}
body{background:url(../image/fundoedaz.png) repeat-x; font-family:Arial, Verdana, Geneva, sans-serif; font-size:12px;}
#fundosombra{background:url(../image/fundosombra.png) no-repeat; width:970px; margin:0px auto; padding-top:20px; }
#divgeral{width:920px; margin:0px auto; height: 530px; }
#sombrabase{clear:both;}
#bannerdir{float:right; height:520px; width:265px; background:url(../image/fundobanner.png) repeat-x;}
.topologo{width:650px; float:left; height:98px;}
.logo{width:118px; height:97px; float:left;}
h2{font-size:14px; font-weight:bold;}
.message{height:85px; float:right; clear:right; width:400px; line-height:15px; text-align:right; border-right:#da251d 5px solid; padding-right:10px; color: #666666;}
.menu{background:url(../image/barrameio01.jpg) no-repeat center; width:655px; height:114px; text-align:right; font-size:14px !important; line-height:18px; float:left;}
.menu a{color:#FFF; display: block; padding: 10px;}
.menu ul{margin-top: 65px;}

.menu ul li{float:left; font-style: 13px;}
.menu a:hover{font-size: 22px;}
.selecionado{font-size: 22px;}
#conteudo{float: left; width: 650px;}
#conteudo p{line-height: 16px; padding-bottom: 10px;}
#destaque{width:310px; height:143px; background:url(../image/boxdestaque.png) no-repeat; float:left; margin-bottom:5px; margin-top: 10px; margin-left: 5px;}
#blog{width:310px; height:143px; background:url(../image/boxblog.png) no-repeat; float:left; margin-left:20px; margin-top:10px; line-height: 15px; }
#blog ul{width: 280px; margin-left: 25px; margin-top: 10px;}
#blog li{padding-bottom: 10px;}
#blog strong{color: #F00; display: block; height: 20px; float: left; padding-right: 5px;}
#listaclientes{width:640px; background:url(../image/boxclientes.png) no-repeat; clear: both; margin-top: 5px; height: 187px; float: left;  margin-left: 5px; padding-top: 5px;}
a.anteriorseta1{display: block; width: 15px; padding-top: 137px; float: left; background: url(../image/setas.png) no-repeat 0 0; overflow: hidden; height: 0; margin-left: 25px;}
a.anteriorseta1:hover{background-position: 0 -137px;}

a.proximoseta1{display: block; width: 15px; padding-top: 137px; float: left; background: url(../image/setas.png) no-repeat -15px 0; overflow: hidden; height: 0;}
a.proximoseta1:hover{background-position: -15px -137px;}

.coluna{float: left; width: 302px; height: 100%;}

.coluna span{color:red;}
.coluna h2{padding-left: 20px;}
.coluna ul{width: 90%; margin-top: 10px;}
.coluna ul li{padding-bottom: 5px; font-size: 11px !important; padding-left: 20px; background: url(../image/red.png) no-repeat;}

.rolagemcliente{float: left; padding-right: 10px;}
.rolagemcliente ul li{background: #000; margin-left: 10px; height: 135px;}

#divagencia{background: url(../image/boxagencia.png) no-repeat; width: 605px; height: 279px; margin-top: 10px; padding: 8px 10px 10px 25px;}
#divportfolio{background: url(../image/boxportfolio.png) no-repeat;width: 605px; height: 279px; margin-top: 10px; padding: 8px 10px 10px 25px;}
#divservicos{background: url(../image/boxservicos.png) no-repeat;width: 605px; height: 279px; margin-top: 10px; padding: 8px 10px 10px 25px;}
#divclientes{background: url(../image/boxclientespg.png) no-repeat;width: 605px; height: 279px; margin-top: 10px; padding: 8px 10px 10px 25px;}
#divblog{background: url(../image/boxblogpg.png) no-repeat; width: 605px; height: 279px; margin-top: 10px; padding: 8px 10px 10px 25px;}
#divcontato{background: url(../image/boxcontato.png) no-repeat;width: 605px; height: 279px; margin-top: 10px; padding: 8px 10px 10px 25px;}

.img-empresa{float: left; padding-right:10px;}
.sessao{width: 600px; height: 20px;}
.sessao ul li{float: left; padding-left: 5px; padding-right: 5px; border-left: 1px solid black;}
a.anteriorseta2{ margin-top: 100px; margin-left: 5px; margin-right: 25px; display: block; width: 35px; padding-top: 58px; overflow: hidden; height: 0; background: url(../image/setas2.png) no-repeat 0 0; float: left;}
a.anteriorseta2:hover{background-position: 0 -58px;}
a.proximoseta2{margin-top: 100px; display: block; width: 35px; padding-top: 58px; overflow: hidden; height: 0; background: url(../image/setas2.png) no-repeat -35px 0; float: left;}
a.proximoseta2:hover{background-position: -35px -58px;}
.listatrabalhos{width: 500px; height: 260px; float: left; }
.listatrabalhos ul li{float: left; margin: 0px 10px 5px 0px; background: #000; border: 1px solid #666666; height: 83px;}

.numeros-trabalhos{width: 20px; float: left; height: 215px;}
.img-trabalho{height: 215px; width: 350px;}

.numeros-trabalhos span{display: none;}
.numeros-trabalhos a{display: block; text-align: center; background: silver; width: 15px; height: 15px; margin-bottom: 3px; vertical-align: middle; line-height: 15px;}
.img-ativa{background: #F00 !important; font-weight: bold; color: #FFF !important;}
.box-imagem{height: 215px; width: 350px; padding: 5px; border: 1px solid gray; float: left;}
.info-portfolio{width: 210px; float: left;margin-left: 10px; line-height: 16px;}
.voltar{float: left; margin-left: 21px;}
.voltarclientes{float: left; margin-left: 1px;}
.legenda{width: 600px; clear: both; padding: 10px 20px;}
.legendacli{width: 600px; clear: both; padding: 10px 20px;}
#scrollable{width: 610px; height: 280px; margin-left: 3px; line-height: 16px;}





/*///////////////////////////////////////////////////////*/

.formulario{line-height:30px;}
.formulario br{clear:both;} 
.formulario label{float:left; width:140px; text-align:right; padding:2px; }
.formulario select{border:#333 1px solid; padding:2px; width: 200px; background:#999 url(../image/fundoinput.png); color:#000;}
.formulario input{border:#333 1px solid; padding:2px; background:#FFF url(../image/fundoinput.png); color:#000; position: relative;}
.formulario textarea{border:#333 1px solid; padding:2px; background:#FFF url(../image/fundoinput.png); color:#000; font-family:Verdana, Geneva, sans-serif; font-size:12px; position: relative;}


/*//////////////////////////////////////////////////////////*/

.required {border: solid 1px #f00 !important;}


#paginacao{width:300px; margin:0 auto; text-align:center; margin-bottom:20px;}
#paginacao a{color:#FFFFFF; text-decoration:none;}