@charset "utf-8";

/* CSS Document */



*{ margin: 0px; padding: 0px;}

img{ border: none;}



/* Fixar rodapé */

html, body { height: 100%;}

* html #site{ height: 100%;}

#site{ min-height: 100%; position: relative;}

#footer{ position: absolute; bottom: 0;}

/* Fim Fixar Rodapé */



a, p{ color: #FFF;}

p{ font: normal 12px/160% Verdana, Arial; margin-bottom: 7px;}

a:hover{ color: #FA0;}

a:focus{ outline: none;}

strong{ color: #FA0;}



.clear{ clear: both;}

.floatLeft{ float: left;}

.floatRight{ float: right;}

.external{ background: url(../images/external.gif) no-repeat right center; padding-right: 15px;}





body{ background: #000 url(../images/bg.png) repeat-y center; color: #FFF;}



#site{ background: #000; border: 1px solid #333; border-top: none; border-bottom: none; margin: 0 auto; width: 900px;}



#top{ width: 100%; height: 150px; }

#top #logo{ background: url(../images/logo-LuizFranca.png) no-repeat; display: inline; float: left; margin: 20px 0 0 60px; width: 400px; height: 130px;}

#top #logo img{ width: 100%; height: 100%;}

#top #tel{ background: url(../images/topTel.png) no-repeat; float: right; margin: 20px 60px 0 0; width: 200px; height: 130px; text-indent: -9999px;}



#menu{ background: #222 url(../images/menuBg.png) repeat-x; border-top: 1px solid #333; border-bottom: 1px solid #333; width: 100%; height: 39px;}

#menu li{ color: #FFF; display: inline; float: left; font: italic 21px/39px Georgia, "Times New Roman", Times, serif; list-style: none; margin: 0 51px; padding: 0 7px;}

#menu li.selected{ background: #333;}

#menu li.last{ margin-right: 0px;}

#menu li a{ color:#FFF; text-decoration: none;}

#menu li a:hover{ color:#FA0;}

#menu li.selected a:hover{ color: #FFF; cursor: default;}



#cont{ margin: 30px auto; padding-bottom: 40px; width: 92%;}

#cont h1{ color: #FFF; font: italic normal 26px/150% Georgia, "Times New Roman", Times, serif;}

#cont h2{ color: #FA0; font: italic normal 24px/150% Georgia, "Times New Roman", Times, serif; margin: 5px 0 10px;}

#cont h3{ color: #FFF; font: italic normal 20px/100% Georgia, "Times New Roman", Times, serif; margin: 0px 0 15px;}

#cont h4{ color: #FA0; cursor: pointer; font: italic 26px/150% Georgia, "Times New Roman", Times, serif; margin: 0 0 10px; padding: 0px 20px 5px;}

#cont ul{ font: normal 11px/180% Verdana; list-style-image: url(../images/icoList.png); margin: 0 20px 8px 20px;}



.home{ margin: 20px 0;}

.home #boxDesktop{ float: left;}

.home #boxNotebook{ float: right;}

.home .servicos{ float: left; width: 300px;}

.home .computadores{ background: url(../images/boxBottom.png) bottom no-repeat; float: right; padding: 0 1px; width: 518px; height: 480px;}

.home .box{ border: 1px solid #666; background: #222 url(../images/boxBg.png) no-repeat top; width: 251px; height: 395px; margin: 0 1px;}

.home .box h2{ text-align: center;}

.home .box ul{ line-height: 170%;}

.home .box p{ font: normal 10px/120% Verdana; margin: 3px 0;}

.home .box img{ margin: 0;}

.home .box .preco{ font: bold 12px/120% Verdana; clear: both; float: right; margin-top: 5px; }

.home .box .preco ul{ margin-bottom: 0;}

.home .box .preco ul li{ color: #FA0; font: bold 12px/150% Verdana; margin-bottom: 0;}

.home .box small{ clear: both; color: #666; font: normal 10px/120% Verdana; text-align: right; margin: 0; float: right;}





.planos .box{ background: #030303 url(../images/rodapeBg.png) repeat-x; border: 1px solid #666; margin: 20px auto; padding: 20px; width: 90%;}

.planos .accoTittle{ cursor: pointer; color: #444; font: normal 22px/120% "Georgia", Arial, sans-serif; text-align: right;}

.planos .box img{ margin: 0 10px 2px;}

.planos .box h4,

.planos .box p{ text-align: left;}

.planos .descPlano{ float: right; font: normal 17px/120% Georgia, "Times New Roman", Times, serif; width: 82%;}

.planos .contBox{ border-top: 2px solid #666; border-bottom: 1px dotted #666; color: #CCC; font: normal 12px/150% Verdana; margin: 5px 10px 5px 20px; padding: 10px 5px 0 15px; text-align: left;}

.planos .contBox ol{ list-style: decimal; margin: 0 0 15px;}

.planos .contBox ol li{ margin-bottom: 3px;} 

.planos .contBox .box{ float: right; margin: 10px 0 20px 20px; padding: 10px; width: 180px;}

.planos .contBox .box ul li{ line-height: 130%; margin-bottom: 6px;}

.planos .aderir{ color: #FA0; font: italic 18px Georgia, "Times New Roman", Times, serif; margin: 0 50px;}

.planos ul.servAdcionais li{ border-bottom: 1px solid #666;}

.planos ul.servAdcionais li .preco{ float: right; width: 100px; margin-left: 45px;}



.servicos .box{ background: #030303 url(../images/rodapeBg.png) repeat-x; border: 1px solid #666; margin: 20px auto; padding: 20px; width: 90%;}

.servicos h2{ margin-top: 0px; line-height: 100%;}

.servicos .box img{ margin: 0 0 5px 10px;}





.links .box{ background: #030303 url(../images/rodapeBg.png) repeat-x; border: 1px solid #666; color: #AAA; margin: 20px auto; padding: 20px; width: 90%;}

.links .box a{ color: #FFF;}



.links h2{ text-align: center;}



/* ACCORDION */



.accoTittleOpen{ }

.accoTittleClosed{ }





/*  CONTATO */

.form{ margin:0 auto; width: 80%; padding: 5px 14px 14px;}

#form label{ border-right: 2px solid #DDD; padding-right: 10px; display:block;  color: #FFF; font: 17px/135% Georgia, "Times New Roman", Times, serif; text-align:right; width:300px; float:left;	}

#form .small{ color:#999; display:block; font: normal 11px/11px Verdana, Arial; text-align:right; width:300px;}



#form{ font: normal 12px/150% Verdana, Arial; color: #FFF;}

#form input,

#form select,

#form textarea{ background: #FFF; float:left; font: normal 12px/150% Verdana, Arial; padding:4px 2px; border:solid 1px #666; margin:0px 0 20px 10px;}

#form input:focus,

#form select:focus,

#form textarea:focus{ background: #CCC; border:solid 1px #FA0}

#form select{ width:61%;}

#form button{ clear:both; font: italic 17px/31px Georgia, "Times New Roman", Times, serif; margin-left:320px; width:125px; height:31px; text-align:center; }



/* FOOTER */

#footer{ background: url(../images/rodapeBg.png) repeat-x; margin: 20px auto 0; width: 100%; height: 30px;}

#footer a{ }

#footer a:hover{}

#footer a,

#footer p{ font: 12px/30px "Trebuchet MS", Verdana, Arial;}

#footer #visual7{ float: right; margin-right: 10px;}

#footer #footerCopy{ float: left; margin-left: 10px;}

#footer #menuFooter{ clear: both; margin: 0 auto;}

#footer #menuFooter li{ border-right: 1px dotted #666; float: left; list-style: none; padding: 0 5px;}