/*
Rti Web - Data de publica��o 15/10/2008
*/

body {
	margin: 0;
	padding: 0;
	text-align: left;
	background:url(../images/cont.jpg) #333027 top center no-repeat fixed;
	font:0.75em Arial, Helvetica, sans-serif;
	color: #111111;
	line-height:15px;
	font-size: 12px;
	
}


#topo {
	margin:0 auto;
	width:1017px;
	padding:5px 30px 0 0;
	height: 40px;
}

#TopoCont {
	margin:0 auto;
	width:1017px;
	height: 135px;
}

#conteudo {
	margin:0 auto;
	width:1016px;
}
#conteudoTopo {
	background:url(../images/top.jpg) top left no-repeat;
	height:21px;
}


#rodapeFF {
	background:url(../images/rodape.jpg) top left no-repeat;
	height:21px;
}


#rodapeT
{ text-align:center;
	width:953px;
	padding:10px;
}



#conteudoCont {	
	background:url(../images/repete.jpg) top left repeat-y;
	min-height:600px;
	padding:0 30px 0 21px;
}
.fundoCont {
	background:url(../images/fundoo.jpg) top left no-repeat;
	width:953px;
	padding:10px;
	min-height:600px;
}

#ultimosProjetos { width:600px; height:223px;}

#solucoes { background:url(../images/solucoes-box.jpg) top left no-repeat; height:225px; width:310px;}

#solucoesT { margin:8px; }

#pai {
	width:450px;
	height:257px;
	background-color:#999999;
	margin:15px 0 0 10px;
}
#paiDep {
	float:left;
	width:250px;
	height:139px;
}


.imgIndex {
	background: #FFF;
	float: left;
	padding: 2px;
	margin: 14px;
	border: 3px solid #CCCCCC;
}


.imgIndexNot {
	background: #FFF;
	float: left;
	padding: 2px;
	margin: 14px;
	border: 3px solid #CCCCCC;
	max-width:215px;
}

.espacCont{ padding-right: 10px;}
.Box {
	width:301px;
	height:252px;
	background: url(../images/box.jpg) no-repeat;
	cursor: pointer;
}

.BoxTxt {
	width:250px;
	padding: 9px 3px 3px 8px;
	*padding: 23px 0px 26px 12px;
}

.depoimento {
	width:250px;
	height:119px;
	background: url(../images/depoimento.jpg) no-repeat;
	padding: 10px 10px 3px 10px;
}
.depoimentoTxt {
	width:250px;
	height:95px;
}

.spppa {
	width:295px;
	
padding-left:5px;}




.depoimento {
	width:250px;
	height:119px;
	background: url(../images/depoimento.jpg) no-repeat;
	padding: 10px 10px 3px 10px;
}
.depoimentoTxt {
	width:250px;
	height:95px;
}

.depoimento {
	width:250px;
	height:119px;
	background: url(../images/depoimento.jpg) no-repeat;
	padding: 10px 10px 3px 10px;
}
.depoimentoTxt {
	width:250px;
	height:95px;
}
.news {
	width:301px;
	height:135px;
	background: url(../images/news.jpg) no-repeat;
	cursor: pointer;
}
.newsTxt {
	width:160px;
	height:79px;
	padding: 15px 140px 26px 12px;
	*padding: 15px 0px 26px 12px;
}
.login {
	width:301px;
	height:109px;
	background: url(../images/login.jpg) no-repeat;
	cursor: pointer;
}
.loginTxt {
	width:160px;
	height:79px;
	padding: 23px 140px 26px 12px;
	*padding: 23px 0px 26px 12px;
}
.msn {
	width:301px;
	height:104px;
	background: url(../images/msn.jpg) no-repeat;
	cursor: pointer;
}
.msnTxt {
	width:160px;
	height:79px;
	padding: 23px 140px 26px 12px;
	*padding: 23px 0px 26px 12px;
}



.img {
	background: #FFF;
	float: left;
	padding: 1px;
	border: 2px solid #FFF;
}
p {
	margin: 0 0 3px 0;
	padding: 0;
	background: inherit;
	/*	text-align: justify;*/
}
.just {
	text-align: justify;
}
hr {
	border: 0;
	height: 1px;
	color: #111111;
	background-color: #B2B2B2;
}
a {
	color: #111111;
	text-decoration:none;
}
a:hover {
	font-weight:bold;
}

h2, h1 {
	padding:0;
	margin: 2px 3px 5px 3px;
	*margin: 2px 3px 5px 3px;
	color: #111111;
	background: inherit;
	font-weight: bold;
	font-size:19px;
	line-height:20px;
}

h3 {
	padding:0;
	margin: 2px 3px 5px 3px;
	*margin: 2px 3px 5px 3px;
	color: #111111;
	background: inherit;
	font-weight: bold;
	font-size:16px;
	line-height:18px;
}

h2 a, h1 a, h3 a {
	color: #111111;
	background: inherit;
}




/************************************
# setas ul li
************************************/

#nav_inner {
	background-color: transparent;
	padding: 2px 2px 0 10px;
	margin: 0;
}
#nav_inner ul {
	list-style-image: url(../images/arrow.gif);
	padding: 0 0 0 18px;
	margin: 2px 0 12px 0;
}
#nav_inner li {
	padding: 0;
	margin: 0 0 4px 0;
}
#nav_inner li a {
	color:#000000;
}
a img {
	text-decoration:none;
	border:0;
}
.limpa {
	clear:both;
}
td img {
	display: block;
}

.linhaRtiWeb2 {
	background: url(../images/linha.jpg) repeat-x;
	height:1px;
	width:610px;
	margin:5px 0 5px 0;
	padding:0;
}

.linhaRtiWeb3 {
	background: url(../images/linha.jpg) repeat-x;
	height:1px;
	width:950px;
	margin:5px 0 5px 0;
	padding:0;
}

.linhaRtiWeb {
	background: url(../images/linha.jpg) repeat-x;
	width:310px;
	height:1px;
	margin:5px 0 5px 0;
	padding:0;
}


#blogg {
	width:610px;
	height:278px;
	overflow: auto;
}







/***************************************************************
  menu 
 ***************************************************************/

#navigation {
    list-style: none;
    margin: 0 0 0 430px;
    padding: 0;
}
#navigation li {
    float: left;
    margin: 0;
    padding: 0;
}
#navigation a * {
    display: none;
}
#navigation a, #navigation a .hover {
    margin: 0;
    padding: 0;
    height: 40px;
    position: relative;
    display: block;
    background: url(../img/menu-site.png) 0 0 no-repeat;
}

#navigation a.opcao1 {
    background-position: 0 0;
    width: 77px;
}
#navigation .highlight a.opcao1:hover, #navigation a.opcao1 .hover {
    background-position: 0 -40px;
    width: 77px;
}

#navigation a.opcao2 {
    background-position: -77px 0;
    width: 107px;
}
#navigation .highlight a.opcao2:hover, #navigation a.opcao2 .hover {
    background-position: -77px -40px;
    width: 107px;
}
#navigation a.opcao3 {
    background-position: -184px 0;
    width: 112px;
}
#navigation .highlight a.opcao3:hover, #navigation a.opcao3 .hover {
    background-position: -184px -40px;
    width: 112px;
}

#navigation a.opcao4 {
    background-position: -296px 0;
    width: 110px;
}
#navigation .highlight a.opcao4:hover, #navigation a.opcao4 .hover {
    background-position: -296px -40px;
    width: 110px;
}

#navigation a.opcao5 {
    background-position: -406px 0;
    width: 75px;
}
#navigation .highlight a.opcao5:hover, #navigation a.opcao5 .hover {
    background-position: -406px -40px;
    width: 75px;
}

#navigation a.opcao6 {
    background-position: -481px 0;
    width: 99px;
}
#navigation .highlight a.opcao6:hover, #navigation a.opcao6 .hover {
    background-position: -481px -40px;
    width: 99px;
}













/* ---------------------------------- contato    ---------------------------------------  */

#contactform {
	margin:0;
	*margin:0px;
	padding:0;
}
#contactform ul {
	list-style:none;
	*margin:0px;
	width:555px;
	float:left;
	padding:0;
}
#contactform ul li {
	margin-bottom:5px;
	float:left;
	width:100%;
	padding:0;
	list-style:none;
}
#contactform ul li.submit {
	border-top:1px solid #1e1e1e;
	padding-top:10px;
	margin-top:12px;
	text-align:right;
	padding-bottom:0;
	margin-bottom:0;
}
#contactform ul li label {
	width:130px;
	float:left;
}
#contactform ul li p.fields, #contactform ul.checkboxes {
	float:left;
	width:210px;
	margin:0;
	padding-bottom:0;
	margin-bottom:0;
}
#contactform ul.checkboxes li {
	float:none;
}
#contactform ul.checkboxes li label {
	float:none;
}
#contactform ul.checkboxes li input {
	margin-right:5px;
}
label, input.txt-field, textarea.textarea {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
textarea {
	overflow:auto;
}
label {
	color: #333;
	line-height:22px;
	margin-right:4px;
}
input.txt-field {
	border:1px solid #FFF;
	background-color: #333027;
	color:#FFF;
	padding:0 3px;
	width:415px;
	height:22px;
	padding-top:4px;
	height:18px;/*font-weight:bold;*/
}
textarea.textarea {
	border:1px solid #FFF;
	background-color: #333027;
	padding:4px 3px;
	width:415px;
	height:100px;
	color:#FFF;
}
textarea.bigger {
	width:400px;
}
input.txt-field-active, textarea.textarea-active {
	border:1px solid #006;
}
input.txt-field:focus, textarea.textarea:focus {
	border:1px solid #006;
}

.special {
	width:5px;
	height:5px;
	text-indent:-9999px;
	visibility:hidden;
}