@charset "UTF-8";
/* CSS Document */

*{ outline:0; outline:none;}

body {
	margin:0;
	padding:0;
	text-align:center;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#F4F4F4;
	background:url(imagens/bg_erp.jpg) repeat-x;	
	}

h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px; 
}
a img { 
	border: none;
	border-style:none;
	outline:0;
}

a:focus {
  outline: none;
  }


a { outline:0; }

a:link {
	color:white;
	font-size:12px;
	text-decoration: none;
	font-weight:bold;
}
a:visited {
	color:white;
	text-decoration:none;
	font-weight:bold;
}
a:hover, a:active, a:focus {
	color:#036;
	text-decoration:none;
	font-weight:bold;
}


a.linkdois {
	color:#333;
	text-decoration:underline;
	}
a.linkdois:visited {
	color:#333;
	}
a.linkdois:hover {
	color:#333;
	text-decoration:underline;
	}
a.linkdois:active {
	color:#333;
	text-decoration:none;
	}
	
	
a.linktres {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#036;
	text-decoration:none;
	}
a.linktres:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#036;
	}
a.linktres:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#036;
	text-decoration: underline;
	}
a.linktres:active {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#036;
	text-decoration:none;
	}

.container {
	width: 992px;
	margin: 0 auto; 
}

#container {
	width: 992px;
	margin: 0 auto; 
}

#topo {
	width:992px;
	height:157px;
	background:url(imagens/bg_topo_erp.jpg);
}

.topo_int {
	width:992px;
	height:156px;
	background:url(imagens/bg_topo_int.jpg);
}

#menu {
	float:right;
	width:480px;
	height:45px;
	padding-right:40px;
}


#banner {
	width:992px;
	height:238px;
	position:relative;
}

#conteudo {
	width:992px;
	height:360px;
}

#conteudo_int {
	width:992px;
	height:600px;
	display:table;
	background:url(imagens/bg_cont_internas.jpg) repeat-x;
	text-align:left;
}

#bemvindo {
	width:340px;
	height:310px;
	color:#036;
	position:relative;
	margin:20px 0 0 0;
	float:left;
	font-style:italic;
	text-align:justify;
	text-shadow:white 0px 1px 0;
	text-decoration:none;
	
}

#bemvindo h1 {
	font-style:normal;
}

.quemsomos {
	font-family:Arial, Helvetica, sans-serif;	
	color: #036;
	font-style:italic;
	text-align:justify;
	text-decoration:none;
}

	
#cadastre {
	width:300px;
	height:123px;
	margin:15px 10px 10px 45px;
	border:none;

}

#fomr {
	color:#333;
	position:relative;
	margin:20px 5px 0 0;
	float:left;
	text-align:left;
	font-style:normal;
	text-shadow:white 0px 1px 0;
	background:url(imagens/bg_cadastre.jpg) no-repeat;
	border:none;
}

#metodologia {
	width:350px;
	height:310px;
	color:#333;
	position:relative;
	margin:20px 0 0 12px;
	float:left;
	text-align:left;
	text-shadow:white 0px 1px 0;
	
	background:url(imagens/bg_depoimentos2.gif);
}

#metodologia h2 {
	margin:10px 0 6px 0;
	font-size:18px;
}

#metodologia p {
	margin:10px 0 6px 0;
}

#erpnews {
	width:260px;
	height:310px;
	color:#333;
	position:relative;
	margin:20px 0 0 0;
	font-size:11px;
	float:right;
	text-align:left;
	text-shadow:white 0px 1px 0;
	background:url(imagens/bg_news.jpg)
}

#social {
	width:200px;
	height:40px;
	margin: 5px 0 0 28px;
}

#social img {
	margin:0 0 0 20px;
	
     
}

.Title {
	font-family:Arial, Helvetica, sans-serif;
	color:#124A83;
	font-size:30px;
	font-weight:bold;
	text-shadow:white 0px 1px 0;
	letter-spacing:-1px;
	text-transform:uppercase;
	text-align: left;
}

.textos_internas {
	width:650px;
	font: 14px Arial, Helvetica, sans-serif;
	color:#036;
	margin: 30px 25px 15px 30px;
	text-align: justify;
}

.sidebar {
     float:left; 
	 width:315px;
	 height:272px;
	 padding-left:5px; 
	 background:url(imagens/bg_sidebars_erp.jpg) no-repeat; 
	 margin-left:5px; 
	 margin-right:5px;
}

.sidebar_right {
     float:right; 
	 width:300px;
	 height:500px;
	 padding-left:5px; 
}

.sidebar_right a {
text-shadow:white 0px 1px 0; 
}

.bemvindo {
     float:left; 
	 width:393px;
	 height:235px;
	 background:url(imagens/bg_bemvindo_erp.jpg) no-repeat; 
	 margin-left:50px; 
	 margin-right:5px;
}

.text_bv {
	padding: 70px 40px 0px 40px;
	font: bold 12px  Arial, Helvetica, sans-serif;
	text-shadow:#003;
	color:white;
	clear:both; 
	text-align:justify;
	
}

.title_side {
	padding: 20px 0 0 30px;
	font:bold 13px  Arial, Helvetica, sans-serif;
	color:#036;
	clear:both; 
	text-align: left;
	
}

.text_side {
	padding: 15px 70px 0px 45px;
	font: bold 11px  Arial, Helvetica, sans-serif;
	color:white;
	clear:both; 
	text-align: left;
	
}


.title_side_int {
	padding: 35px 0 0 30px;
	font:bold 16px  Arial, Helvetica, sans-serif;
	color:#036;
	clear:both; 
	text-align: left;
	
}

.text_side_int {
	padding: 15px 45px 0px 45px;
	font:11px  Arial, Helvetica, sans-serif;
	color:#333;
	clear:both; 
	text-align: left;
	
}





/* Rodapé */
#footer {
	height:123px;
	background:#222;
	position: relative;/* this gives IE6 hasLayout to properly clear */
	clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
	margin:0;
}

#assinatura {
	width:900px;
	float:right;
	text-align: right;
	padding-right:30px;
	margin-top: 30px;
}

#footer_int {
	width:992px;
	height:123px;
	font-size:11px;
	font:Arial, Helvetica, sans-serif;
	color: #999999;
	background:url(imagens/bg_rodape_erp.jpg);
	margin:0 auto;
}
/* ~~ Miscellaneous float/clear classes ~~ */
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the .container) if the .footer is removed or taken out of the .container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.title_mini {	font-weight: bold;
}


/* Slider */

	#slider ul {
		padding: 0;
		margin:0 auto;
	}
	
		#slider li { 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:992px;
		height:283px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:50px;
		height:50px;
		position:absolute;
		left:860px;
		top:165px;
		z-index:1000;
		outline:0; outline:none;
		}	
	#nextBtn, #slider1next{ 
		left:917px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:65px;
		height:300px;
		outline:0;
		background:url(imagens/btn_prev.jpg) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(imagens/btn_next.jpg) no-repeat 0 0;
		outline:0;	
		}	
		
	
	
/* // 2Slider */

    /* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
			border-style:none;
			outline:0;

            }
    /* // image replacement */
	
	
#twitter_update_list {
 width:215px;

}
#twitter_update_list li {
list-style:none;
margin-bottom: 12px;
text-align:left;
}
#twitter_update_list li a {
color:#0B3E5B;
text-shadow:white 0px 1px 0;
}



.scroll-pane,.scroll-pane-arrows
			{
				width: 235px;
	            height: 190px;
	            overflow: auto;
	            margin:85px 0 0 13px;
			}
			.vertical-only
			{
				height: auto;
				max-height: 190px;
			}

.texto {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:100;
	color: #036;
}

.texto2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bolder;
	color: #036;
}
.texto2:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color: #036;
}