/* ----------------------------------------------------------------------
Catemai

author: Inayaili de Leon
email: hello@yaili.com
website: http://www.yaili.com/
------------------------------------------------------------------------*/

/* =Geral --------------------------------------------------------------
-----------------------------------------------------------------------*/

body { margin:0; padding:0; font:12px Tahoma, Arial, sans-serif; color:#5087B2; background:#dae3e8 url(../img/fundo.jpg) repeat-x top left; }
h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, li { margin:0; padding:0; }

/* =Top Boxes -----------------------------------------------------------
-----------------------------------------------------------------------*/

#main-wrapper { width:760px; position:absolute; left:50%; margin:10px 0 10px -380px; background:#FFF;  }

#content { margin:10px; display:block; }

#top-left-corner { background:#FFF url(../img/content-up-left.jpg) no-repeat top left; width:27px; height:27px; float:left; }
#top-right-corner { background:#FFF url(../img/content-up-right.jpg) no-repeat top right; width:250px; height:27px; float:right; text-align:right; font-size:11px; }
#top-right-corner p { padding:10px 15px 0 0; color:#7eabce; }
#top-right-corner p a { color:#7eabce; text-decoration:none; }
#top-right-corner p a:hover { color:#7eabce; text-decoration:underline; }

/* =Menu -----------------------------------------------------------
-----------------------------------------------------------------------*/

#main-nav { background:#FFF url(../img/bkg-menu.jpg) no-repeat top left; height:33px; }
#main-nav ul { list-style:none; padding:0 0 0 138px; font:15px Arial, Helvetica, sans-serif; text-transform:uppercase; }
#main-nav li { float:left; margin-right:30px; line-height:32px; }
#main-nav li a { color:#FFF; text-decoration:none; }
#main-nav li a:hover { color:#FFF; text-decoration:underline; }

/* =Content --------------------------------------------------------
-----------------------------------------------------------------------*/

#main-col { width:459px; float:left; clear:left; margin-bottom:10px; }
#sec-col { width:265px; float:right; clear:right; }

#main-col a img,
#sec-col a img { border:none; }

.pics { margin-bottom:20px; }
.pics-bottom { margin-top:15px; }

.pics-sec-col { display:block; margin:auto; padding-bottom:10px; }
.descrip-pics { display:block; margin:auto;  }

#content dt { font-size:11px; font-weight:bold; text-transform:uppercase; padding:0 0 3px 30px; }
#content dt a { color:#5087B2; text-decoration:none; }
#content dt a:hover { color:#5087B2; text-decoration:underline; }
#content dt.sobrenos { background:url(../img/icons/conteudos.jpg) no-repeat 0px -1px; }
#content dt.servicos { background:url(../img/icons/conteudos.jpg) no-repeat 0px -40px; }
#content dt.dicas { background:url(../img/icons/conteudos.jpg) no-repeat 0px -80px; }
#content dt.marcas { background:url(../img/icons/conteudos.jpg) no-repeat 0px -119px; }
#content dt.contactos { background:url(../img/icons/conteudos.jpg) no-repeat 0px -159px; }
#content dd { padding-left:30px; margin:-3px 0 12px 0; }

#content ul { list-style:none; padding-left:37px; margin:0 0 20px 20px; }
#content li { background:url(../img/bullets.gif) no-repeat top left; padding-left:12px; margin-bottom:4px;  }
#content ul.dicas li { background: url(../img/bullet-dicas.jpg) no-repeat 0 1px; padding:0 0 5px 21px; margin:-5px 0 10px 0; }
#content li a { color:#5087B2; text-decoration:underline; }
#content li a:hover { color:#5087B2; background:#DAE3E9; text-decoration:none; }

#content #sec-col ul { padding:0; }

#content hr { border:1px solid #5087B2; width:250px; height:1px; margin:auto; margin-bottom:20px; display:block; } 

#content ul#marcas  { list-style:none; padding-left:37px; margin:0 0 10px 10px; }
#content ul#marcas li { float:left; width:150px; height:50px; margin:0 10px 10px 0; background:none no-repeat 50% 50%; text-indent:-10000px; }
#content ul#marcas li.asus { background-image:url(../img/marcas/asus.gif); }
#content ul#marcas li.ati { background-image:url(../img/marcas/ati.gif); }
#content ul#marcas li.canon { background-image:url(../img/marcas/canon.gif); }
#content ul#marcas li.creative { background-image:url(../img/marcas/creative.gif); }
#content ul#marcas li.epson { background-image:url(../img/marcas/epson.gif); }
#content ul#marcas li.genius { background-image:url(../img/marcas/genius.gif); }
#content ul#marcas li.hp { background-image:url(../img/marcas/hp.gif); }
#content ul#marcas li.intel { background-image:url(../img/marcas/intel.gif); }
#content ul#marcas li.kingston { background-image:url(../img/marcas/kingston.gif); }
#content ul#marcas li.lexmark { background-image:url(../img/marcas/lexmark.gif); }
#content ul#marcas li.lg { background-image:url(../img/marcas/lg.gif); }
#content ul#marcas li.logitech { background-image:url(../img/marcas/logitech.gif); }
#content ul#marcas li.microsoft { background-image:url(../img/marcas/microsoft.gif); }
#content ul#marcas li.nvidia { background-image:url(../img/marcas/nvidia.gif); }
#content ul#marcas li.oki { background-image:url(../img/marcas/oki.gif); }
#content ul#marcas li.printronix { background-image:url(../img/marcas/printronix.gif); }
#content ul#marcas li.samsung { background-image:url(../img/marcas/samsung.gif); }
#content ul#marcas li.samtron { background-image:url(../img/marcas/samtron.gif); }
#content ul#marcas li.star { background-image:url(../img/marcas/star.gif); }
#content ul#marcas li.twinmos { background-image:url(../img/marcas/twinmos.gif); }

/* =Type -----------------------------------------------------------
-----------------------------------------------------------------------*/

h1 { background:url(../img/logo.gif) no-repeat top left; text-indent:-10000px; display:block; clear:both; }
h1 a { height:132px; width:230px; display:block; background:url(../img/logo.gif) no-repeat top left; }

h2 { height:21px; background:#FFF no-repeat 0 0; text-indent:-10000px; margin:0 0 15px 12px; }
h2.bemvindo { background-image:url(../img/titulos/bem-vindo.gif); }
h2.case-studies { background-image:url(../img/titulos/case-studies.gif); }
h2.contactos { background-image:url(../img/titulos/contactos.gif); }
h2.conteudos { background-image:url(../img/titulos/conteudos.gif); }
h2.dicas { background-image:url(../img/titulos/dica.gif); }
h2.marcas { background-image:url(../img/titulos/marcas.gif); }
h2.servicos { background-image:url(../img/titulos/servicos.gif); }
h2.sobre-nos { background-image:url(../img/titulos/sobre-nos.gif); }
h2.pedido-assistencia { background-image:url(../img/titulos/pedidoassist.gif); }
h2.mapa-site { background-image:url(../img/titulos/mapa-site.gif); }

h3 { height:19px; background:#FFF no-repeat bottom left; text-indent:-10000px; margin:20px 0 10px 49px; }
h3.areas-intervencao { background-image:url(../img/titulos/sub-areas-de-intervencao.gif); }
h3.assistencia-espec { background-image:url(../img/titulos/sub-assistencia-especializada.gif); }
h3.manutencao-prev { background-image:url(../img/titulos/sub-manutencao-preventiva.gif); }
h3.manutencao { background-image:url(../img/titulos/sub-manutencao.gif); }

#sec-col h3 { margin:10px 0 10px 0; }

#content p { margin:0 12px 10px 12px; padding-left:37px; }
#content p a { color:#5087B2; text-decoration:underline; }
#content p a:hover { color:#5087B2; background:#DAE3E9; text-decoration:none; }
#content p.home { background:url(../img/icons/bemvindo.jpg) no-repeat top left; }
#content p.assistencia { background:url(../img/icons/assistenciarapida.jpg) no-repeat top left; }
#content p.casestudies { background:url(../img/icons/casestudies.jpg) no-repeat top left; }
#content p.contactos { background:url(../img/icons/contactos.jpg) no-repeat top left; }
#content p.dicas { background:url(../img/icons/dicas.jpg) no-repeat top left; }
#content p.mapasite { background:url(../img/icons/mapasite.jpg) no-repeat top left; }
#content p.marcas { background:url(../img/icons/marcas.jpg) no-repeat top left; }
#content p.servicos { background:url(../img/icons/servicos.jpg) no-repeat top left; }
#content p.sobrenos { background:url(../img/icons/sobrenos.jpg) no-repeat top left; }
#content p em { font:italic 12px Georgia, "Times New Roman", Times, serif; margin:0 0 5px 10px; }

#content #sec-col p { padding:0; }

/* =Forms -----------------------------------------------------------
-----------------------------------------------------------------------*/

#content form { margin:0 0 10px 49px; }
#content label { width:95px; float:left; clear:left; }
#content input { width:160px; margin-bottom:5px; border:1px solid #7eabce; background:#edf3f8; font:12px Tahoma, Arial, sans-serif; }
#content textarea { width:160px; margin-bottom:5px; border:1px solid #7eabce; background:#edf3f8; font:12px Tahoma, Arial, sans-serif; }
#content .submit { margin-left:95px; background:#7eabce; color:#FFF; width:auto; display:block; cursor:pointer; }

.campo-obrigatorio { color:#F00; font-weight:bold; }

/* =Bottom Boxes --------------------------------------------------------
-----------------------------------------------------------------------*/

#footer { background:#FFF url(../img/bkg-footer.jpg) no-repeat top left; height:22px; color:#FFF; line-height:21px; font-size:11px; position:relative; display:block; clear:both; }
#footer p { padding:0 0 0 20px; }
#footer p a { color:#FFF; text-decoration:none; }
#footer p a:hover { color:#FFF; text-decoration:underline; }
#footer #credits { position:absolute; right:0; margin-right:20px; top:0; }

#bottom-left-corner { background:#FFF url(../img/content-bot-left.jpg) no-repeat bottom left; width:20px; height:20px; float:left; }
#bottom-right-corner { background:#FFF url(../img/content-bot-right.jpg) no-repeat bottom right; width:20px; height:20px; float:right; text-align:right; font-size:11px; }