@charset "utf-8";
/* CSS Document */

* { margin:0; padding:0; font-family:"Trebuchet MS" }

body { margin:0 auto; text-align:center; }
p, a { font-size:16px; font-family:"Trebuchet MS" }
span { display:none; }
h3 { color:#10223e; padding:10px 0 10px 20px; font:18px Arial; text-align:left;   }
#content iframe { margin-top:50px; background-color:#F00; }

#top { background-color:#10223e ; height:42px; padding-left:620px; }
#top a { color:#fff; line-height:42px; text-decoration:none; text-align:right;  }
#top a:hover, #top a.current { text-decoration:underline; color:#fdcc21; }
#top a.separador { margin:0 10px; text-decoration:none; color:#fff; }

#popup { position:absolute; left:50%; top:50%; margin-left:-179px;  margin-top:-253px; z-index:99999; }

#wrapper { width:841px; margin:0 auto; padding:10px 0; }
#wrapper img.imglogo { padding:0 360px 0 10px; }

#nav { background-color:#10223e; height:116px; }
#nav ul { width:841px; margin:0 auto; }
#nav li { width:118px; height:116px; float:left; background-color:#173056; margin:0 1px; text-align:center; list-style:none; }
#nav li.principal a { color:#FFF; background:url(img/menu/principaloff.png) no-repeat left top; display:block; width:118px; height:116px;  }
#nav li.principal a:hover, #nav li.principal a.current { background-position: left bottom;  }
#nav li.empresa a { color:#FFF; background:url(img/menu/empresaoff.png) no-repeat left top; display:block; width:118px; height:116px;  }
#nav li.empresa a:hover, #nav li.empresa a.current { background-position: left bottom;  }
#nav li.loja a { color:#FFF; background:url(img/menu/lojaoff.png) no-repeat left top; display:block; width:118px; height:116px;  }
#nav li.loja a:hover, #nav li.loja a.current { background-position: left bottom;  }
#nav li.web a { color:#FFF; background:url(img/menu/weboff.png) no-repeat left top; display:block; width:118px; height:116px;  }
#nav li.web a:hover, #nav li.web a.current { background-position: left bottom;  }
#nav li.suporte a { color:#FFF; background:url(img/menu/suporteoff.png) no-repeat left top; display:block; width:118px; height:116px;  }
#nav li.suporte a:hover, #nav li.suporte a.current { background-position: left bottom;  }
#nav li.locacao a { color:#FFF; background:url(img/menu/locacaooff.png) no-repeat left top; display:block; width:118px; height:116px;  }
#nav li.locacao a:hover, #nav li.locacao a.current { background-position: left bottom;  }
#nav li.contato a { color:#FFF; background:url(img/menu/contatooff.png) no-repeat left top; display:block; width:118px; height:116px;  }
#nav li.contato a:hover, #nav li.contato a.current { background-position: left bottom;  }

#nav1 { background-color:#10223e; height:42px; }

#banner { height:293px; }
.bg_slider { background-repeat:repeat-x; background-position:center 100px; height:293px; overflow:hidden; position:absolute; left:0; width:100%; z-index:1; }
#slider { position:relative; width:841px; height:293px; z-index:88; left:0px; top:0; margin:0 auto;  }
.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-controlNav { position:absolute; right:15px; top:265px; z-index:99; }
.nivo-controlNav a { display:block; width:19px; height:19px; background:url(img/pagin.png) 0 0 no-repeat; text-indent:-9999px; border:0; margin-left:15px; float:left; position:relative; z-index:9; cursor:pointer; }
.nivo-controlNav a.active, .nivo-controlNav a:hover { background:url(img/pagin-hover.png) 0 0 no-repeat; }

#sombraleft { float:left; position:absolute; margin-left:-6px }
#sombraright {  float:right; position:absolute; margin-left:840px; }

#content { clear:both; width:841px; margin:0 auto; }
#content p { font:12px Arial; text-align:left; }


#content p.empresa { padding:20px; text-align:justify; }
#content #left { width:252px; float:left;  }
#left p { padding:0 20px; text-align:justify;  }
#content #meio { width:252px; float:left; border-left:1px #10223e solid; border-right:1px #10223e solid; }
#meio p { padding:0 20px 25px 20px; text-align:justify;  }
#content #right { width:315px; float:left;  }
#right li { font:12px Arial; text-align:left; padding-left:20px; list-style:none;  }

#content p.loja { text-align:center; padding:5px 0; font-size:20px; color:#900; }
#content img.ulprod { margin:20px 0; border:1px #74a963 solid; }

#gallery {height:293px; overflow:hidden; position:relative; width:100%;}
#gallery ul {list-style:none; position:absolute; width:9000px; height:280px; overflow:hidden;}
#gallery ul li {float:left; width:341px; position:relative; height:280px;}
#gallery ul li a, #gallery ul li img {display:block; border:none; }
#gallery ul li a {position:relative; display:block; width:100%; height:100%;}
#gallery ul li span {display:block; position:absolute; width:100%; height:100%; background:#000; opacity:0.6; filter:alpha(opacity=60);}
#gallery ul li a:hover span {background:none; opacity:1; filter:alpha(opacity=100);}
.gallery_top {background:url(img/car_top.png) repeat-x top; height:15px; position:absolute; width:100%; top:0px; left:0px; z-index:5;}
.gallery_bot {background:url(img/car_bot.png) repeat-x top; height:15px; position:absolute; width:100%; bottom:0px; left:0px; z-index:5;}

#gallery .jcarousel-prev {width:81px; height:81px; background:url(img/portifolio/slider_carousel_left.png) no-repeat 0px 0px; position:absolute; top:83px; left:50%; margin:0 0 0 -480px; z-index:20; cursor:pointer;}
#gallery .jcarousel-next {width:81px; height:81px; background:url(img/portifolio/slider_carousel_right.png) no-repeat 0px 0px; position:absolute; top:83px; right:50%; margin:0 -460px 0 0; z-index:20; cursor:pointer;}

#pacote_empresa, #pacote_residencia, #pacote_hora { float:left; background:url(img/suporte/bgsuporte.png) no-repeat; width:217px; height:271px; margin:0 29px 5px 29px; text-align:left; padding-left:5px }
#pacote_empresa h3, #pacote_residencia h3, #pacote_hora h3 { font:bold 13px Arial; text-align:center; margin:-130px 0 0 10px; text-align:center; }
#pacote_empresa img, #pacote_residencia img, #pacote_hora img { clear:both; margin-left:50px; }
#pacote_empresa img.pacote, #pacote_residencia img.pacote, #pacote_hora img.pacote { margin-left:-2px; }
#pacote_empresa a, #pacote_residencia a, #pacote_hora a { color:#000; font-size:14px; margin-left:55px; }
#pacote_empresa a:hover, #pacote_residencia a:hover, #pacote_hora a:hover { color:#F00; }
#pacote_empresa img.sombra, #pacote_residencia img.sombra, #pacote_hora img.sombra { margin:0; padding:0; margin:21px 0 0 -5px; } 

#locacao_cpu { margin:0 130px; }
#locacao_cpu, #locacao_periferico { float:left; background:url(img/suporte/bgsuporte.png) no-repeat; width:217px; height:271px; text-align:center; margin-bottom:5px; }
#locacao_cpu h3, #locacao_periferico h3 { font:bold 13px Arial; text-align:center; padding:30px 0 20px 0; margin:0 auto;  }
#locacao_cpu img, #locacao_periferico img { margin:0 auto; padding-bottom:10px;  }
#locacao_cpu a, #locacao_periferico a { color:#000; font-size:14px; margin:0 auto;  }
#locacao_cpu a:hover, #locacao_periferico a:hover { color:#F00; }
#locacao_cpu img.sombra, #locacao_periferico img.sombra { padding:0; margin:24px 0 0 -5px; } 


form { width:300px; margin:40px 0 20px 50px; float:left;  }
label{ float:left; font:bold 12px Arial; width:70px; text-align:right; }
input{ width:300px; float:none; margin:7px 0;  }
select{ width:200px; float:left; padding:2px; margin:3px; }
label{ display:block; width:auto; float:none; text-align:left; }
textarea { width:300px; height:80px; margin:7px 0; }
.botEnviar, .botLimpar { width:80px; height:25px; float:left; margin:5px 15px; }

img.omegadagua { margin:130px 0; }


#footer { clear:both; }
#footer p , #footer a{  font:11px Arial; color:#000; text-decoration:none; padding:13px 0; }
