html, body {padding: 0; margin: 0; font-family: arial, verdana; font-size: 12px; line-height: 25px;}
html, body, #container {height: 100%; width: 100%;}

/* STYLE TAGs GERAL */
a {text-decoration: none}
ul, li{ list-style: none;}
h1, h2, h3, h4, h5, p {margin: 0; padding: 0; font-weight: normal;}
:focus{outline: 0;}
.imgShadow {-moz-box-shadow: 0px 2px 5px #d8d8d8; -webkit-box-shadow: 0px 2px 5px #d8d8d8; box-shadow: 0px 2px 5px #d8d8d8; border-radius: 5px;}
.shadow {-moz-box-shadow: 0px 2px 5px #d8d8d8; -webkit-box-shadow: 0px 2px 5px #d8d8d8; box-shadow: 0px 2px 5px #d8d8d8;}
.darkShadow {-moz-box-shadow: 0px 2px 5px #000; -webkit-box-shadow: 0px 2px 5px #000; box-shadow: 0px 2px 5px #000;}

#topo {width: 100%; height: 100px; background: #f3f3f3; border-bottom: 5px solid #ffe2e2;}

body > #container {height: auto; min-height: 76%; width: 100%; margin: 0 auto;}

/* STYLE HEADER */
#header {height: 100px; width: 995px; padding: 0; margin: 0 auto;}
#header #logo{width: 200px; height: 80px; float: left;}
#header h1#LogoONTIME {background: url("../images/logo_promowtime.png") 0 50% no-repeat; width: 200px; height: 80px; float: left; margin-top: 5px}
#header h1#LogoONTIME span {display: none;}

#header #slogan {width: auto; float: left; margin-left: 10px; height: 80px;  line-height: 20px;}
#header #slogan h2#slogan-Ontime{font-size: 13px; font-family: "Trebushed MS", verdana; color: #888; text-transform: uppercase;}

/* STYLE MENU */
#header #menu {width: auto; height: 100%; float: right; margin: 0; padding: 0; }
#header #menu ul#menuPrincipal {width: auto; height: 100%; float: right;margin: 0; padding: 0;}
#header #menu ul#menuPrincipal li{width: auto; height: 100px; margin: 0; float: left; list-style: none; font-size: 13px;}
#header #menu ul#menuPrincipal li:hover a {background: #e3e3e3}
#header #menu ul#menuPrincipal li a{display: block;  height: 100px;width: auto; line-height: 100px; padding: 0 10px; text-transform: uppercase;color: #777}
#header #menu ul#menuPrincipal li a:hover{color: #444}

/* STYLE TITULOS */
.titleDiv {width: 325px; height: auto; padding: 8px 0; margin-bottom: 10px;}
.backgrey {background: #8f8f8f}
.backBlue {background: #0a6eca}
.backGreen {background: #1ab213}
.backOrange {background: #e77709}
h2.h2Title {font-size: 16px; line-height: 25px;  margin: 0 10px; font-family: "Trebushed MS", Verdana; color: #fff;}
/* STYLE CONTEUDO */
#main {overflow:auto; padding-bottom: 70px; width: 100%; padding-top: 5px;  margin: 0; height: auto; display: table;}
#main #banner {width: 100%; height: auto; margin: 0 auto; padding: 0;height: 350px;}
#main #banner img {z-index: 3;}

/* CONTEUDO INTERNAS */
#bannerInterna {width: 995px; height: 100px; margin: 0 auto; margin-bottom: 50px;}
.quemSomos {background: url(../images/internas/quem-somos.jpg) no-repeat; height: 100px; width: 995px;}
.servicos {background: url(../images/internas/servicos.jpg) no-repeat; height: 100px; width: 995px;}
.pdvOnline {background: url(../images/internas/pdv-online.jpg) no-repeat; height: 100px; width: 995px;}
.eventos {background: url(../images/internas/eventos.jpg) no-repeat; height: 100px; width: 995px;}
.clientes {background: url(../images/internas/clientes.jpg) no-repeat; height: 100px; width: 995px;}
.contatos {background: url(../images/internas/contatos.jpg) no-repeat; height: 100px; width: 995px;}
.curriculo {background: url(../images/internas/curriculo.jpg) no-repeat; height: 100px; width: 995px;}
.merchan {background: url(../images/internas/merchan.jpg) no-repeat; height: 100px; width: 995px;}

#conteudo {width: 1020px; margin: 0 auto; display: table; height: auto; font-size: 14px; color: #777; text-align: justify;}

#conteudo h2 {color: #999; margin: 10px 0; font-weight: bold;}

#conteudo ul.lista li {list-style: square; color: #999; line-height: 25px; }
#conteudo ul.lista li .ulTitle {list-style: none;  padding-top: 5px; font-size: 20px;}

#conteudo .formContato {width: 70%; float: left;}
#conteudo .formContato p {padding-left: 15px;}
#conteudo .formContato form {width: 95%; float: left; margin-left: 15px;}
#conteudo .infoContato {width: 30%; float: left;}

#conteudo img {margin: 5px;}

#main #content-main {width: 995px; height: auto; padding: 0; margin: 0 auto;margin-top: 15px;}
#content-main .content-part {width: 325px; float: left; margin-right: 10px;}
#content-main .content-part:last-child {margin-right: 0; float: right;}
#content-main #RolloverImagem {width: 325px; text-align: center; margin-bottom: 10px;}
#content-main .content-text {width: 100%; margin:0; color: #777;text-align: left; margin-bottom: 10px;}
.content-part .listaServicos {width: 90%; float: left; padding: 0; margin: 0; margin-left: 15px;}
/*.content-part .listaServicos:last-child {float: right;}*/
.content-part .listaServicos li {width: 90%; padding-left: 15px; padding-bottom: 5px; margin: 0 auto;background: url(../images/square.png) left no-repeat; color: #555; text-align: left; margin-bottom: 7px; border-bottom: 1px dashed #d8d8d8;} 

.lineForm {width: 100%; height: auto; display: table; margin-bottom: 7px;}

/* PAGINA EVENTOS */
#listaEventos { width: 300px; float: left; }
.albumRollover {width: 100%; background: #d5d5d5; height: 100%; clear: both; display: table; padding-top: 10px; padding-bottom: 10px; margin-top: 20px;}
.albumRollover p {margin-left: 10px;}
.albumRollover p .titleEvent {font-size: 20px; font-weight: bold; font-family: "Trebushed MS", arial;}
.albumRollover ul:first-child  {margin-top: 0}
.albumRollover ul:last-child {padding-bottom: 0; border: 0;}
.albumRollover ul  {margin: 0; padding: 0; padding-left: 10px; padding-bottom: 10px; margin-top: 10px; border: 1px dotted #4c4c4c;}
.albumRollover ul li {list-style: none; float: left; margin-right: 5px; margin-bottom: 5px; margin-left: 0; max-width: 100px; max-height: 75px; padding: 5px 5px 10px 5px; background: #ffffff; display: table;}
.albumRollover ul li img { margin: 0 auto; max-width: 100px; height: 75px;}
.albumRollover ul li:last-child {margin-right: 0;}

/* STYLE BOTOES */
.btContato {display: block;height: 30px; padding: 0 10px; line-height: 30px; margin: 10px 0; width: 200px; text-transform: uppercase; font-size: 14px; text-align: center; background: #e77709; color: #fff;}
.btContato:hover {opacity: 0.8}
/* STYLE RODAPE */
#footer { width: 100%; color: #242424; margin: 0 auto; display:table; padding-top: 20px; position: relative; margin-top: -30px; min-height: 50px; clear:both;}
#footer #topFooter {width: 995px; margin: 0 auto; height: auto; display: table;}
#footer #topFooter #menuFooter {width: 100%; clear: both; margin: 0 auto; height: auto; display: table;}
#footer #topFooter #footerContato {width: auto; clear: both; margin: 0 auto; height: auto; display: table; text-align: right; color: #fff !important; float: right;}
#footer #topFooter h2 {height: 30px; text-transform: uppercase; margin: 0; padding:0; margin-bottom: 20px; color: #777;}
#footer #topFooter #menuFooter #ulMenuFooter {width: auto !important; padding: 0; margin: 0 auto; height: auto; display: table; margin-bottom: 15px;}
#footer #topFooter #menuFooter #ulMenuFooter li {width: auto; height: 30px; padding: 0; margin: 0; padding-left: 20px; padding-right: 20px; float: left; border-right: 1px solid #dfdfdf;}
#footer #topFooter #menuFooter #ulMenuFooter li:first-child {padding-left: 0;}
#footer #topFooter #menuFooter #ulMenuFooter li:last-child {padding-right: 0; border: 0;}
#footer #topFooter #menuFooter #ulMenuFooter li a {font-weight: normal; color: #777; width: 100%; line-height: 30px; display: block;}
#footer #topFooter #menuFooter #ulMenuFooter li a:hover {color: #b33232;}
#footer #topFooter #footerContato p {height: 25px; color: #888;}
#footer #bottomFooter {background: #111111; width: 100%; height: 70px; padding: 10px 0;}
#footer #bottomFooter #infoFooter {width: 995px; margin:0 auto; height: 100%; height: 70px;color: #333333;}
/*Opera Fix*/
body:before {content:"";height:100%;float:left;width:0;margin-top:-32767px;}