/* CSS SMART SOLUTIONS */

* {
padding:0;
margin:0;
}
 

img {
border:none;
}

h1 span {
display:none;
}


h2 {
margin:0 0 0 10px;
margin:0 3% 15px 2%;
font-size:22px;
font-weight:bold;
color:#033D86;
}

body {
background:url(http://www.smartsolutionsit.com.br/novo/imagens/fundo2.jpg) repeat-x #289EBC;
font:12px "trebuchet MS", verdana, arial;
}

table {
margin-left: 20px;
}

#principal {
margin:5px;
width:99%;
}

#topo {
float:left;
width:100%;
height:150px;
background:#fff;
}


	#topo1 {
	float:left;
	height:150px;
	width:500px; 
	}

		h1 {
		float:left;
		margin:8px 20px 0 10px;
		}


	ul#apoio {
	float:left;
	margin-top:120px;
	width:310px;
	list-style-type:none;
	display:inline;
	}
	
		ul#apoio li {
		float:left;
		}
		
		ul#apoio span {
		display:none;
		}

		ul#apoio li.idioma {
		margin-right:10px;
		}

	
	ul#usuarios {
	float:right;
	margin-top:70px;
	width:285px;
	list-style-type:none; 
	}


/* CONFIGURAÕES DO CORPO */

#corpomain {
float:left;
background:url(http://www.smartsolutionsit.com.br/novo/imagens/fundo_faux.jpg) right repeat-y #f1f6f8;
border-bottom:1px solid #000;
width:100%;
}

#corpo {
float:left;
background:url(http://www.smartsolutionsit.com.br/novo/imagens/fundo_faux.jpg) right repeat-y #f1f6f8;
width:100%;
min-height:400px; 
}

 	#corpo:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
 
/*  CONFIGURAÇÕES DO CONTEÚDO */

	#conteudo { 
	margin-right:285px; 
	background-color: #f1f6f8;
	/*	border-right:1px solid #033D86;*/
	}
 
	#texto2 {
	float:left;
	width:100%;
	margin:0 0 15px 0; 
	}
	
		#texto2 img {
	float:left;
	margin-left:2%;
	margin-right:15px;
	margin-bottom:15px;
	/*	border:1px solid #033D86;*/
		}
	
	#texto2 p {
		margin:10px 0 5px 0;
		padding:0 2% 0 2%;
		text-align:justify; 
		}
		
		#texto2 a{
		text-decoration:none;
		color:#033d87
		}
			
			#texto2 a:hover {
			text-decoration:underline;
			}
		
		
		#texto2 h2 {
		margin:0 3% 15px 2%;
		font-size:20px;
		font-weight:bold;
		color:#033D86;
		}
		
		#texto h3{
		margin:20px 3% 15px 2%;
		}
		
		#texto h4{
		font-size:28px;
		font-weight:bold;
		}
		
	#texto {
	float:left;
	width:100%;
	margin:0 0 15px 0; 
	}
	
		#texto img {
	float:left;
	margin-left:2%;
	margin-right:15px;
	margin-bottom:15px;
	border:1px solid #033D86;
	/*	width: 143px;*/
		}
		
		#texto p {
		margin:10px 0 5px 0;
		padding:0 2% 0 2%;
		text-align:justify; 
		}
		
		#texto a{
		text-decoration:none;
		color:#033d87
		}
			
			#texto a:hover {
			text-decoration:underline;
			}
		
		
		#texto h2 {
		margin:0 3% 15px 2%;
		font-size:20px;
		font-weight:bold;
		color:#033D86;
		}
		
		#texto h3{
		margin:20px 3% 15px 2%;
		}


		.escondido {
		float:left;
		width:100%;
		color:#f1f6f8; /* ESSA COR TEM QUE SER A MESMA COR DE FUNDO DA DIV CONTEÚDO!!!!!!! */
		/*border:1px solid red */
		}

	#clipping {
	position: absolute; 
	margin-top:	-53px;
	margin-left: 114px;
	_margin-left: 10px;
	width: 580px;
	_padding-top:37px;
	}
	
	#clipping a{
	text-decoration:none;
	font-weight:normal;
	color: #666666;
	}
	
	#clipping a:hover {
	font-weight:normal;
	text-decoration:underline;
	color: #666666;
	}
	
	#clipping a:selected {
	font-weight:bold;
	text-decoration:underline;
	color:#033D86;
	}


/* 	CONFIGURAÇÕES DO MENU  */

		ul#menu {
		float:left;
		width: 100%;
		background:url(http://www.smartsolutionsit.com.br/novo/imagens/fundo_menu.jpg) repeat-x #033d87;
		height:29px;
		padding:8px 0 0 0;
		list-style-type:none;
		display:inline;
		color:#FFFFFF
		}
		
			ul#menu li {
			float:left;
			}

				ul#submenu_empresa {
				position:absolute;
				left:5px;
				top:192px;
				list-style-type:none;
				width:160px;
				background-color:#044BA3;	
				z-index:1000;
				visibility:hidden;
								}
								
								
				ul#submenu_oportunidades {
				position:absolute;
				left:183px;
				top:192px;
				list-style-type:none;
				width:160px;
				background-color:#044BA3;	
				z-index:1000;
				visibility:hidden;
								}
								
								
				ul#submenu_imprensa {
				position:absolute;
				left:415px;
				top:192px;
				list-style-type:none;
				width:160px;
				background-color:#044BA3;	
				z-index:1000;
				visibility:hidden;
								}
								
								
				ul#submenu_solucoes {
				position:absolute;
				left:100px;
				top:192px;
				list-style-type:none;
				width:160px;
				background-color:#044BA3;	
				z-index:1000;
				visibility:hidden;
				
				}
				
					ul#submenu_solucoes li, ul#submenu_empresa li, ul#submenu_oportunidades li, ul#submenu_imprensa li {
					width:160px; 
					display:block;
					}
					
						ul#submenu_solucoes li a, ul#submenu_empresa li a, ul#submenu_oportunidades li a, ul#submenu_imprensa li a{
						color:#FFFFFF;
						padding:2px 3px 2px 8px;
						font-weight:bold;
						text-decoration:none;
						list-style-type:none;
						}
						
							ul#submenu_solucoes li a:hover, ul#submenu_empresa li a:hover, ul#submenu_oportunidades li a:hover, ul#submenu_imprensa li a:hover{
							color:#FFEB94;
							}
						
							ul#submenu_solucoes .li, ul#submenu_empresa .li, ul#submenu_oportunidades .li, ul#submenu_imprensa .li {
							background-color:#033E80;
							display:block;
							}

 /* CONFIGURAÇÕES DO RASTRO */

		#rastro {
		float:left;
		width:100%;
		padding:8px 0 8px 0px;
		margin-bottom:20PX;
		font-size:11px;
		color:#666666;
		background-color:#fff
		}
		
			#rastro a {
			text-decoration:none;
			color:#666666;
			}
			
			#rastro a:hover {
			text-decoration:underline;
			}

/* CONFIGURAÇÕES DA ÁREA DE BANNER DA HOME  */

		#banners {
		float:left;
		width:100%;
		height:200px;
		background:#fff;
		text-align:center;
		}

			#flash {
			float:left;
			width:500px;
			height:156px;
			margin:18px 0 15px 15px!important;
			margin:18px 0 15px 5px;
			/* border:1px solid #000; */
			}
			
			#logos {
			margin:20px auto;
			}

				#logos img {
				margin:0 auto;
				display:block;
				}
		


/* CONFIGURAÇÕES DAS CHAMADAS DOS EVENTOS  */

		.chamada_vagas {
		margin-bottom: 10px;
		width:100%;
}
		
			.chamada_vagas a{
			color:#2F3C4E;
			text-decoration:none;
			}
			
				.chamada_vagas a:hover {
				text-decoration:underline;
				}
		
		
		.chamada_vagas_dest {
		float:left;
		width:42%; 
		margin-left:18px;
		margin-right:8px;
		margin-bottom: 10px;
		padding: 5px;
		border: 1px solid #CCCCCC;
		}
		
		.chamada_clipping_dest {
		float:left;
		width:90%; 
		margin-left:15px;
		margin-right:8px;
		margin-bottom: 10px;
		border-bottom: 1px solid #CCCCCC;
		}
		
		.chamada_clipping_data{
	float:left;
	width:90%;
	margin-left:15px;
	margin-right:8px;
	margin-bottom: 0px;
	border-bottom:;
	background-color: #EEEEEE;
	border: 1px solid #CCCCCC;
	padding: 3px;
	height: 45px;
		}
		
		.chamada_eventos {
		float:left;
		_margin:150px;
		margin:5px 0 0px 0;
		width:100%;
		_height: 153px;
		}

		
			.chamada_eventos a{
			color:#2F3C4E;
			text-decoration:none;
			}
			
				.chamada_eventos a:hover {
				text-decoration:underline;
				}
		
		.chamada_clientes {
		float:left;
		margin:18px 0 12px 0;
		width:100%;
		}
		
		.chamada_clientes_dest {
		float:left;
		width:27%; 
		margin-left:25px;
		margin-right:0px;
		margin-bottom:15px;
		}

			.chamada_clientes_dest img {
			float:left;
			border:1px solid #0099CC;
			}
	
			.chamada_clientes_dest  p {
			float:left;	 
			width:180px;
			text-align:center;
			vertical-align:middle;
			line-height:96px; 
			}


		.chamada_eventos_dest {
		float:left;
		width:42%; 
		margin-left:28px;
		margin-right:8px;
		_margin-bottom:40px;
		margin-bottom:20px;
		}


			.chamada_eventos_dest img {
			float:left;
			margin-bottom:3%;
			margin-right:3%;
			border:1px solid #0099CC;
			}
	
			.chamada_eventos_dest  p {
			float:left;	 
			width:56%;
			text-align:justify;
			line-height:16px; 
			}


		p#paginacao {
			float:left;
			width:80%;
			margin:10px 0 10px 20px;
			padding-bottom:10px;
			color:#043067;
		}
		
			p#paginacao a{
				text-decoration:none;
				color:#043067;
			}
			
			p#paginacao a:hover { 
				text-decoration:underline;
			}

/*  CONFIGURAÇÕES DAS CHAMADAS DA HOME  */


		.chamada {
		float:left;
		margin:18px 0 3% 3%!important;
		margin:18px 0 2% 2%;
		width:29%;
		}
		
			.chamada a{
			color:#2F3C4E;
			text-decoration:none;
			}
			
				.chamada a:hover {
				text-decoration:underline;
				}

		.chamada_dest {
		float:left;
		width:100%;
		height:180px;
		background:url(http://www.smartsolutionsit.com.br/novo/imagens/fundo_chamada.jpg) #FFFFFF repeat-x;
		min-height:100px;
		margin-bottom:20px;
		border-top:1px solid #033D87
		}

			h2.chamada_tit {
			font:bold 15px "trebuchet MS", arial, sans-serif;
			color:#033D86;
			height:20px;
			margin:7px;
			}
			
			p.chamda_p {
			margin:10px 5px 5px 5px;
			padding-top:8px;
			border-top:2px dotted #033D86;
			font-size:12px;
			color:#000000;
			margin:7px;
			text-align:left;
			line-height:15px;
			}


/*  CONFIGURAÇÕES DOS FORMULÁRIOS */

			form {
			margin: 15px 15px 50px 20px;

			}
			
			#formulario {
			float:left;
			width:460px; 
			}

				fieldset {
				margin:8px 8px 8px 0;
				border:none;
				}
				
					label {
					float:left;
					width:130px;
					margin-right:5px;
					text-align:right;

					}
					
					.espec {
					color:#666666;
					font-size:11px;
					}
					
					input {
					float:left;
					border:1px solid #033D86;
					height:20px;
					width:300px;
					padding:2px;
					color:#033D86;
					font:11px Verdana, Arial, Helvetica, sans-serif;
					}
					
						input.input2 {
						width:120px;
						}
					
					input.bt {
					float:left;
					width:80px;
					height:30px;
					margin-left:355px;
					font-weight:bold;
					}
					
					
					select{
					float:left;
					border:1px solid #033D86;
					/* height:20px;
					width:120px; */
					color:#033D86;
					font:11px Verdana, Arial, Helvetica, sans-serif;
					}
					
					textarea{
					float:left;
					border:1px solid #033D86;
					height:100px;
					width:300px;
					color:#033D86;
					font:11px Verdana, Arial, Helvetica, sans-serif;
					}


		#contato {
		float:right;
		width:210px;
		margin-right:30px;
		border:1px solid #C7C7C7;
		background-color:#fff;
		font-size:9px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		 
		}

div#extra {
float:left; 
clear:left;
width:100%}

/* CONFIGURAÇÕES DA COLUNA DE DESTAQUES E TREINAMENTOS  */


#destaques {
float:right;
clear:right;
margin-left:-285px;
width:285px; 
} 


	#destaques a {
	color:#333333;
	text-decoration:none;
	}
		
		#destaques a:hover {
		text-decoration:underline;
		}
	
		#destaques .h2 span {
		display:none;
		}

	#destaques .h3 {
	margin:12px 0 5px 0;
	line-height:14px;
	font-size:14px;
	}
	
	#destaques .h3_b{
	margin:12px 0 5px 0;
	line-height:14px;
	font-size:15px;
	}

	#plan_orc {
	float:left;
	width:284px;
	background:url(http://www.smartsolutionsit.com.br/novo/imagens/fundo_plan_orc.jpg) #FFE15B no-repeat;
	}
	
		#plan_orc img {
		float:left;
		margin-right:8px;
		width:98px;
		}
		
		#plan_orc p {
		float:left; 
		clear:right;
		width:150px;
		margin-top:10px;
		margin-right:13px;
		font-size:11px;
		}
	
	#cons_fin {
	float:left;
	width:284px;
	background:#FFEB93;
	}
	
		#cons_fin img {
		float:left;
		margin-right:8px;
		width:98px;
		}
		
		#cons_fin p {
		float:left;  
		width:150px;
		margin-top:10px;
		margin-right:13px;
		font-size:11px;
		}
	
		h3  span {
		display:none;
		}
	
		h3  img {		
		border: none;
		}

	#lista {
	float:left;
	margin:0!important;
	width:284px;
	height:270px;
	background:url(http://www.smartsolutionsit.com.br/novo/imagens/fundo_lista_trein.jpg) no-repeat #D1D1D1;
	color:#074150;
	}

		#lista ul { 
		width:255px;
		margin:20px 0 20px 10px;
		list-style-type:none; 
		}
		
		#lista ul li{
			height:30px;
		}
	
			#lista ul li.li_arquivo{
			height:30px;
			background:url(http://www.smartsolutionsit.com.br/novo/imagens/fundo_li_lista.gif);
			padding-left:30px!important;
		}
					#lista ul li.li_arquivo a:hover{ 
						padding:5px 0 5px 5px!important;
					}
		
		
			#lista ul li a{
			float:left;
			width:233px;
			border-bottom:1px dotted #063C86 ;
			font-size:13px;
			padding:5px 0 5px 0;
			color:#063C86;
			text-decoration:none!important;
			}
	

			#lista ul li a:hover {
			color:#289ebc;
			width:229px;
			padding:5px 0 5px 5px!important
			}


		#lista p a{
		float:right;
		margin:20px 10px 0 0;
		text-decoration:none;
		color:#063C86;
		}
		
			#lista p a:hover {
			text-decoration:underline;
			}


/* GALERIA DE FOTOS DA COLUNA DA DIREITA  */


#galeria_fotos{
float:left; 
padding:10px 0 10px 20px;
width:260px; 
}

	#galeria_fotos img{
	margin:5px;
	border:1px solid #fff;
	width:100px;
	height:75px;
	}


/********************* CONFIGURAÇÕES DO RODAPÉ ************************/



#rodape {
float:left;
clear:both;
margin-top:3px;
background-color:#FFF;
border-bottom:1px solid #000;
width:100%;
height:52px;
}

	#rj {
	float:left;
	width:49%;
	}
	
		#rj img {
		float:left;
		}
	
		#rj p {
		float:left;
		margin:8px 0 0 10px;
		font-size:11px;
		}
	
	#sp {
	float:right;
	width:49%;
	}
	
		#sp img {
		float:right;
		}
		
		#sp p {
		float:right;
		margin:8px 10px 0 0 ;
		font-size:11px;
		text-align:right;
		}

p.copyright {
float:left;
margin:15px 0 15px 0;
font:10px Verdana, Arial, Helvetica, sans-serif;
color:#000066;
text-align:center;
width:100%
}