@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;}

#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 31px; 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;}