/* 
CSS Document
@project: ConsigSimples;
@autor: João.Paulo.Fechine;
@email: joao.paulo@simplestec.com;
*/
	/* Colunas Direita e Esquerda */
	div.col-left{ width: 48%; float:left; margin-top: 40px}
	div.col-right{ width: 48%; float:right;	margin-left: 2%;  margin-top: 40px}

	/* Integração */
	
	/* alerta */
	p.alert {width:100%; position:fixed; top:0; left:0; border:1px solid #cde9c6; font-size:12px; color:#308623; background-color:#eeffea; padding:10px}
		a.close-alert {display:block; float:right; margin:-10px -10px 0 0; width:12px; height:12px; background: url(../../images/internal/close-alert2.gif) no-repeat top left}
	
	p.alert2 {width:100%; position:fixed; top:0; left:0; border:1px solid #F9D507; font-size:12px; color:#D1A81A; background-color:#FFFCAB; padding:10px}
	
	/* mensagens */
	div.mensage {width:365px; float:left; margin:10px 10px 0 0; padding:5px; border:1px solid #dedede; background: #f2fcff url(../../images/internal/bg-mensage.jpg) no-repeat bottom left}
		div.mensage ul.head {background-color:#f8f8f8; border-bottom:1px solid #dedede; margin:-5px -5px 5px -5px; padding:5px}
			div.mensage ul.head li {color:#00577d; margin-bottom:auto}
				div.mensage ul.head li img {margin:0 5px 0 0}
			select.fill-mensage {float:right; margin-top:-40px}
		
		div.mensage ul li.t1 {}
		div.mensage ul li.t2 {color:#000}
		div.mensage ul li.t3 {color:#ff0000}
		
		div.mensage ul li {color:#00577d; margin-bottom:10px}
			div.mensage ul li img {margin:3px 5px -3px 0}
			div.mensage ul li.new {font-weight:bold}
		
		/* Paginação */
		div.paging {margin:5px 0 -2px 0; font-size:11px; color:#00577d;}
			div.paging ul {float:right; margin:-16px 0 -16px 0}
				div.paging ul li {display:block; float:left; font-size:11px}
					div.paging ul li a {color:#00577d; font-size:11px; margin:0 3px}
					div.paging ul li strong a {color:#ff8537}
					
					div.paging ul li a.pa,div.paging ul li a.pp,div.paging ul li a.px,div.paging ul li a.pf {text-indent:-9000px; margin-top:4px; display:block; width:8px; height:8px; overflow:hidden; background: url(../../images/icons/paging.gif) no-repeat top left}
					
						div.paging ul li a.pp:hover {background-position:0 -8px}
					
					div.paging ul li a.pa {background-position:-8px 0}
						div.paging ul li a.pa:hover {background-position:-8px -8px}
					
					div.paging ul li a.px {background-position:-16px 0}
						div.paging ul li a.px:hover {background-position:-16px -8px}
						
					div.paging ul li a.pf {background-position:-24px 0}
						div.paging ul li a.pf:hover {background-position:-24px -8px}
			
		/* Informação sobre consignações */
		div.info-consig {border:1px solid red; float:left; margin:10px 10px 0 0; padding:5px; border:1px solid #dedede; background-color: #f0f0f0; width:365px}
			div.info-consig h2 {background-color:#f8f8f8; color:#00577d; clear:both; border-bottom:1px solid #dedede; border-top:1px solid #dedede; padding:2px; margin:3px -5px 5px -5px }
				div.info-consig h2.acesso-rapido {margin:-6px -5px 5px -5px}
			ul.consig {list-style-type:square !important; margin-left:25px}
				ul.consig li {list-style-type:square;}
				
				/* Lista de Avisos */
				div.info-avisos {border:1px solid red; float:left; margin:10px 10px 0 0; padding:5px; border:1px solid #dedede; background-color: #f0f0f0;width:365px;}
			        div.info-avisos h2 {background-color:#f8f8f8; color:#00577d; clear:both; border-bottom:1px solid #dedede; border-top:1px solid #dedede; padding:2px; margin:3px -5px 5px -5px }
				        div.info-avisos h2.acesso-rapido {margin:-6px -5px 5px -5px}
		
		/* Informações sobre o sistema */
		 div.info-sistem {border:1px solid red; color:#00577d; float:left; background-color:#f0f0f0; border:1px solid #dedede; padding:5px; width:365px; margin:10px 10px 10px 0;}
		/*div.info-sistem {border:1px solid red; color:#00577d; float:left; background-color:#f0f0f0; border:1px solid #dedede; padding:5px; width:365px; margin:-343px 10px 0 370px;} */
			div.info-sistem h2 {background-color:#f8f8f8; color:#00577d; clear:both; border-bottom:1px solid #dedede; border-top:1px solid #dedede; padding:2px; margin:3px -5px 5px -5px }
				div.info-sistem h2.acesso-rapido {margin:-6px -5px 5px -5px}
			div.info-sistem ul.paginas li{display:block; width:100px; float:left}
				div.info-sistem ul li a {color:#00577d;}
				div.info-sistem ul li a:hover {color:#000;}
				
		/* Informações sobre Simular Empréstimos */
		div.fav-simule {width:350px; height:130px; margin-top:15px; float:left}
		
		.deletar {color:Red; border:1px solid #ff8d8d; padding:6px; display:block; background-color:#ffe6e6}
		
		/* Registrar Contrato Lancar */
		fieldset.aprovaFunc {width:240px; margin:0 0 10px 175px}
		
		/* DEFAULT dos menus (descrição dos menus) */
		.descricao-menu {}
			.descricao-menu ul li {list-style-type:circle; margin-left:20px}		
		
		/* geral para botões do topo */
		.buttons {text-align:left; margin-top:10px; padding:10px 0 0 5px; border-top:1px solid #ccc; clear:left;}
		.buttons2 {text-align:left; margin-bottom:7px; clear:left;}
		
		/* .fieldset */
			.fieldset {width:500px;}
					.fieldset table.table1 {float:left;}
					.fieldset table.table2 {float:right; margin-right:0px;}
					.fieldset table.table2 tr td input.button {margin:10px 0 0 0;}
				
			/* Fieldset1 */
			.fieldset1 {width:408px !important; height:300px; float:left; margin:0 5px 10px 0; background:none!important;}
				.fieldset1 table.table {margin-left:-14px; width:100%;}
				.fieldset1 table.table tr td span.left10 {width:20px; text-align:center; float:left;}
				/*.fieldset1 input {width:100% !important;}*/
				 
			/* Fieldset2 */
			.fieldset2 {width:408px; height:110px; float:left; margin:0 5px 10px 0;}
		
		    /* Fieldset3 */
			.fieldset3 {width:408px !important; float:left; margin:0 5px 10px 0;}
			    
		     /* Fieldset4 */
			.fieldset4 {width:340px !important; height:50px; float:left; margin:0 5px 10px 0;}
			
			/* Fieldset5 */
			.fieldset5 {width:340px !important; height:60px; float:left; margin:0 5px 10px 0;}
			
			/* Fieldset6 */
			.fieldset6 {width:408px; height:160px; float:left; margin:0 5px 10px 0;}
			
			/* Fieldset7 */
			.fieldset7 {width:408px !important; height:70px; float:left; margin:0 5px 10px 0;}
			
			/* Fieldset8 */
			.fieldset8 {width:408px !important; height:205px; float:left; margin:0 5px 10px 0; background:none!important;}
			
			/* Componentes Radio */
			span.radio input {float:left;}
			span.radio label {margin:0 0 0 5px; padding:0 0 0 10px; background: url(../../images/forms/bg_label_left.gif) no-repeat center left;}
			
			span.radio-tit input {float:left;}
			span.radio-tit label {font-size:22px; margin:-5px 0 0 5px; padding:0 0 0 10px; background: url(../../images/forms/bg_label_left.gif) no-repeat center left; font-weight:bold}
			
			.clearradio input {clear:left}
			
			/* Componentes checkbox */
			.checkbox input {float:left;}
			.checkbox label {margin:0 0 0 5px; padding:0 0 0 10px; background: url(../../images/forms/bg_label_left.gif) no-repeat center left;}
			
			.tabelalateral table th, .tabelalateral table td {text-align:center!important;}
			.tabelalateral table tr td label {background:none!important;}
			.tabelalateral table tr td span.checkbox input {margin-left:15px!important;}
			
		/* Consultar Contrato */
		.fieldset3 {width:405px; margin-right:15px; float:left}
		.fieldset4 {width:405px; float:left}
		
		/* Ver Minhas Informações */
		img.foto3x4 {float:left; margin:10px 5px 5px 0;}
		ul.links {margin:10px 0 0 0}
			ul.links, ul.links li {list-style-type:circle}
				 ul.links li {margin-left:30px; margin-bottom:10px;}
					ul.links li a {padding:5px}
					ul.links li a:hover {font-weight:bold}
        
        /* Página Registrar novo Contato */
        div.tabelalateral {border:1px solid #e8e8e8; width:380px; height:400px; overflow:hidden; float:right}
        div.tabelalateralesq {border:1px solid #e8e8e8; width:380px; height:400px; overflow:hidden; float:left}
        
        /* Pagina Cadastro Empresa */
        table.cadastro-empresa tr td input {width:210px;}
        table.cadastro-empresa tr td input.button {width:auto;}
        
        /* Página Gerenciar Usuários */
        table tr td.textarea {width:350px;}
        
        /* Página de Selecionar Theme */
        
        p.info-temas {margin:15px 15px 25px 15px}
        
        ul.select-themes li {float:left}
        
        ul.select-themes li a {display:block; width:100px; margin:0 10px; height:60px; padding-top:40px; float:left; color:#000!important; text-align:center}
			ul.select-themes li a:hover {font-weight:bold}
		
        .themeblue {background: url(../../Images/internal/theme-blue.jpg) no-repeat top left}
        .themeblue:hover, .themeblueselected {background: url(../../Images/internal/theme-blue.jpg) no-repeat bottom left}
        .themegray {background: url(../../Images/internal/theme-gray.jpg) no-repeat top left}
        .themegray:hover {background: url(../../Images/internal/theme-gray.jpg) no-repeat bottom left}
        .themegrayselected {background: url(../../Images/internal/theme-gray.jpg) no-repeat bottom left}
        .themegreen {background: url(../../Images/internal/theme-green.jpg) no-repeat top left}
        .themegreen:hover {background: url(../../Images/internal/theme-green.jpg) no-repeat bottom left}
        .themegreenselected {background: url(../../Images/internal/theme-green.jpg) no-repeat bottom left}
        .themeorange {background: url(../../Images/internal/theme-orange.jpg) no-repeat top left}
        .themeorange:hover {background: url(../../Images/internal/theme-orange.jpg) no-repeat bottom left}
        .themeorangeselected {background: url(../../Images/internal/theme-orange.jpg) no-repeat bottom left}
        .themered {background: url(../../Images/internal/theme-red.jpg) no-repeat top left}
        .themered:hover {background: url(../../Images/internal/theme-red.jpg) no-repeat bottom left}
        .themeredselected {background: url(../../Images/internal/theme-red.jpg) no-repeat bottom left}     
        
        /* .literal */
        .literal {font-weight:bold;}
        
        /* input.readonly2 */
        input.readonly2 {color:#555;}
        
        /* .clear-left */
        .clear-left {clear:left;}
        
        /* .select  */
        .select {width:100% !important;}
        
        /* Página RegistrarContratos */
        .tabelalateral {border:0!important;}