@import url("/layout/designer.css");
@import url("/layout/typography.css");

@media screen
{
	
	#page {
		
	}
	
	#logo
	{
	width:280px;
	height:80px;
	}
	
	#campo-busca
	{
	width:295px;
	}
	
	#campo-busca input
	{
	width:200px;
	height:20px;
	}
	
	.pr {position:relative}
	
	
	#campo-busca label
	{
	margin-right:5px;
	}
	
	.breadcrumb
	{
	font:13px 'Trebuchet MS';
	}
	
	.breadcrumb p
	{
	color:#999999;
	margin-right:5px;
	margin-bottom:0px;
	}
	
	.breadcrumb span
	{
	color:#FC7F2C;
	text-decoration:none;
	}
	
	.breadcrumb a
	{
	text-decoration:none;
	}
	
	.breadcrumb a span
	{
	color:#999999;
	text-decoration:none;
	}
	
	.breadcrumb a:hover,.breadcrumb a:hover span
	{
	color:#999999;
	text-decoration:underline !important;
	}
	
	/*inserções e modificações de codigos a partir daqui*/
	#rodape p
	{
	font:11px Arial;
	color:#999999;
	}
	
	#rodape span {
		color: #FF0000;
	}
	
	#rodape a{
		text-decoration:none;
		color: #FF0000;
	}
	
	#rodape a:hover{
		text-decoration:underline;
	}
	
	#separator{
		border-bottom: 1px solid #CCC;
		height: 1px;
	}
	
	#col1{
		float: left;
		width: 480px;
		height: 380px;
		border: 1px solid #CCC;
	}
	
	#col2{
		float: left;
		width: 240px;
		height: 380px;
	}
	
	#bloco1-1{
		margin: 30px 35px 30px 35px;
		width: 410px;
		height: 85px;
	}
	
	#bloco1-2{
		margin-left: 40px;
		margin-right: 40px;
		margin-top: 30px;
		width: 400px;
		height: 170px;
	}
	
	#bloco2-1{
		border: 1px solid #CCC;
		width: 260px;
		height: 258px;
	}
	
	#bloco2-2{
		border: 1px solid #CCC;
		margin-top: 20px;
		width: 260px;
		height: 100px;
	}
	
	#instrucao{
		width: 240px;
		height: 55px;
		margin-top: 10px;
		margin-left: 20px;
		font-size: 14px;
		color: #666;
	}
	
	#voltar{
		text-decoration: none;
		font: 14px Arial;
		color: #0000FF;
	}
	
	#voltar:hover{
		text-decoration: underline;
	}
	
	#label-login span{
		font: 18px Arial;
		font-weight: bold;
		color: black;
		padding-left: 5px;
	}
	
	#login_cliente label{
		font: 16px Arial;
		font-weight: bold;
		color: #333;
	}
	
	.oi a span
	{
		margin-bottom:0px;
	}
	
	/*inserções e modificações de codigos acabando daqui*/
	
	.nota
	{
	clear:both;
	float:left;
	padding:10px;
	padding-left:15px;
	background:#FFEED5 url('/layout/imagens/barra-nota.gif') repeat-y 0px 0px;
	margin-bottom:20px;
	}
	
	#menu
	{
	width:240px;
	background:#FFFFFF url('/layout/imagens/topo-menu.gif') no-repeat 0px 0px;
	padding-top:10px;
	}
	
	#fundo-menu
	{
	width:240px;
	height:10px;
	background:url('/layout/imagens/fundo-menu.gif') no-repeat bottom;
	}
	
	#menu ul
	{
	margin-left:10px;
	margin-bottom:0px;
	font-size:11px;
	}
	
	#menu ul ul
	{
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;
	}
	
	#menu ul li a
	{
	color:#333333;
	text-decoration:none;
	}
	
	#menu ul li.active a
	{
	color:#159CFA;
	font-weight:bold;
	}
	
	#menu ul ul li.active a
	{
	color:#159CFA !important;
	}
	
	#menu ul li.active
	{
	background:url('/layout/imagens/icone-azul-ul.gif') no-repeat 0px 2px;
	padding-left:16px;
	display:block;
	}
	
	#menu ul li
	{
		background:url('/layout/imagens/icone-laranja-ul.gif') no-repeat 0px 1px;
	}
	
	#menu ul li a:hover
	{
	color:#159CFA;
	text-decoration:underline;
	}
	
	#menu ul ul li a:hover,#menu ul li.active li a:hover
	{
	color:#159CFA !important;
	text-decoration:underline;
	}
	
	#menu ul ul li a,#menu ul li.active li a
	{
	color:#333333 !important;
	text-decoration:none;
	font-weight:normal;
	}
	
	#caixa
	{
	width:240px;
	background:url('/layout/imagens/topo-menu.gif') no-repeat 0px 0px;
	}
	
	#fundo-caixa
	{
	width:240px;
	background:url('/layout/imagens/fundo-menu.gif') no-repeat bottom;
	padding-bottom:10px;
	}
	
	#caixa h4
	{
	margin:0px !important;
	padding-left:10px;
	padding-top:10px;
	}
	
	#conteudo { min-height:400px }
	* html #conteudo { height:400px }
	
	
	.edit_class
	{
	background:#FFF5D7;
	}
	
	
	.code
	{
		float:left;
		display:block;
		border:1px solid #CCC;
		padding:20px;
		background:#FFEED5;
		white-space: pre !important;
		font: 1em 'andale mono', 'lucida console', monospace;
		line-height: 1.5;
	}
	
	#body_componentes{
		margin-top:20px;
		/*border: 1px solid #CCCCCC;*/
		text-align: justify;
	}
	
	.clear{
		clear:both;
	}
	
	.note{color:red;font-size:10px;}

	.paginate{
		clear:both;
		border-top: 1px solid #E8E8E8;
	}
	
	.paginate a{
		text-decoration:underline;
		color:black;
	}
	
	.pagina_atual{
		color:#FC501B;
		font-weight: bold;
	}
	
	#logado .caixa{
		float:left;
		margin-left:10px;
		padding:2px;
		width:575px;
		height:36px;
		background-color:#EEE;
		color:#1D1D1D;
		font-size:12px;
		line-height:150%;
	}
	#logado .botao a{
		float:left;
		margin-left:10px;
		margin-top:-5px;
		padding-top:12px;
		font: 14px verdana;
		font-weight: bold;
		text-decoration: none;
		text-align:center;
		color:white !important;
		background: white url('imagens/botao_add.png')
		no-repeat center center;
		width:112px;
		height:36px;
		display:block;
	}
	#logado .botao a:hover{
		background: white url('imagens/botao_add_hover.png') no-repeat 
		center center;
		color:black;
	}
	
	.bloco_componente_com_coluna, .bloco_componente{
		clear:both;
		float:left;
		border-style:dotted;
		border-color:gray;
		padding:10px;
		margin-right:10px;
		font-size:11px;
		color:#363636;
	}
	
	.bloco_componente_com_coluna{
		width:700px;
	}
	
	.bloco_componente a:hover{color:#FC501B;}
	.bloco_componente_com_coluna h6, .bloco_componente h6{margin-bottom:0px;}
	
	#col-2{
		float:left;
		width:200px;
		margin-top:10px;
		color: #ABABAB;
		font-size:10px;
		text-align: left;
	}
	
	#col-2 a{
		color: #FC501B;
		font-size:12px;
		text-decoration:none;
	}
	
	#col-2 a:hover{
		color: #0000FF;
	}
	
	#col-2 a.titulo{
		font-size:16px;
		margin-bottom:10px;
		color:black;
	}
	
	#col-2 li{
		margin-left:-20px;
		padding-top:2px;
	}
	
	#col-2 h6{
		border-bottom: 1px solid #CCCCCC;
	}

	#dependencias{}

	#dependencias h6{
		margin-bottom:0px;
		color:#696969;
		font-size:14px;
	}
	
	.botao_download a{
		float:left;
		margin-right:10px;
		font: 9px verdana;
		text-decoration: none;
		text-align:center;
		color:white;
		background: white url('imagens/botao_download.png')
		no-repeat center center;
		width:50px;
		height:50px;
		display:block;
	}
	
	
	.botao_download a:hover{
		background: white url('imagens/botao_download_hover.png') no-repeat 
		center center;
		color:white;
	}
	
	.botao_download_detalhes a{
		margin-top:23px;
		padding-top:20px;
		font: 16px verdana;
		font-weight: bold;
		text-decoration: none;
		text-align:center;
		color:white !important;
		background: white url('imagens/detalhes_download.png')
		no-repeat center center;
		width:196px;
		height:36px;
		display:block;
	}
	
	.botao_download_detalhes a:hover{
		background: white url('imagens/detalhes_download_hover.png') no-repeat 
		center center;
		color:black;
	}
	
	#resumo{
		margin-top:6px;
		background:#EFEFEF;
		width:196px;
		font-size:10px;
		color:black;
	}
	
	#resumo ul{
		margin-bottom:5px;
	}
	
	#resumo li{
		padding-left:20px;
	}
	
	#resumo a{
		font-size:10px;
	}
	
	.inicio{
		padding-left:10px;
		text-decoration:none;
		color:#4F4F4F!important;
	}
	
	#menu_detalhes{
		background-color:#4F4F4F;/*fundo*/
		font-size:14px;
		font-weight: bold;
		border-top: 1px solid #999999;
		padding-top:10px;
		padding-bottom:4px;
	}
	
	.menu_item a{
		text-decoration:none;
		color: white;/*letras*/
	}
	
	.menu_item a:hover{
		text-decoration:underline;
	}
	
	.selected_menu_item{
		padding-top:5px;
		background-color:white;
		border: 1px solid #999999;
		border-bottom: 1px solid white;
		padding:5px;
		margin-left:1px;
	}

}

@media print
{
	
}