﻿/*
'*********************************************************************************************************
'Data de Criação: ??
'Autor: ??
'Finalidade: ??
'---------------------------------------------------------------------------------------------------------
'ID	    Nº QFE/Task     Data Alteração	    Autor		    Descrição
'---------------------------------------------------------------------------------------------------------
'002    35102           28/03/2011          Clóves          Acertar formatação dos botões
'*********************************************************************************************************
*/
.meuWrpr{width:765px;margin:0 0 10px 10px;font-family:Tahoma;text-align:left;}
		.meuWrpr *{margin:0;padding:0}
		.meuWrpr .logo{margin-bottom:1em}
		
		.meuWrpr H1{
			color:#4279BA;font-size:16px;margin-bottom:1em
		}
		.userApelidoArea{
			color:#fff;font-size:14px;text-align:center;height:89px;padding-top:12px;
			font-weight:normal
		}
		.userApelidoArea A, .userApelidoArea A span,
			.meuWrpr .shorterApelidoArea A, .meuWrpr .shorterApelidoArea A span{
			line-height:48px;color:#fff;height:50px;padding-right:15px;margin-top:7px;
			font-size:26px;text-decoration:none;
			text-shadow: #2D628E 0.1em 0.1em 0.2em; /* nice shadows for FF, chrome and safari */
			filter: Shadow(Color=#2D628E, Direction=135, Strength=2.5); /* nice shadows for IE Family */
		}
			.userApelidoArea A span, .meuWrpr .shorterApelidoArea A span{
				background-position:0 0;padding:0 0 0 15px;margin-top:0;
			}
			.meuWrpr .shorterApelidoArea {height:54px;padding-top:0}
			.meuWrpr .shorterApelidoArea A{margin-top:2px}
			.meuWrpr .shorterApelidoArea A, .meuWrpr .shorterApelidoArea A span{height:29px;line-height:27px;font-size:21px}
			.apelidoAreaTitle{display:block}
		
		.aSDBtn{display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline}
		
		.grayArea{padding:18px 0 0 361px;position:relative;font-size:14px;zoom:1}
		.grayArea img{position:absolute;left:20px;top:20px}
		.likeAUrl{display:block;text-align:center;padding:16px 0;font-weight:bold}
		
		.configurationParagraph{font-size:13px}
		.configurationParagraph span{text-decoration:underline}
		
		.vantagens{margin-top:1em;margin-bottom:31px} 
		.vantagens ul{margin-top:1em;list-style:none}
		.vantagens .blueBtn{margin:14px 0 0 54px}
		.vantagens .blueBtn span{text-align:center;width:240px;}
		
		.blueBtn, .blueBtn span, .blueBtnLower, .blueBtnLower span{
			height:48px;line-height:46px;padding-right:21px;cursor:pointer;
			font-weight:bold;color:#fff;
			text-shadow: #03658A 0.1em 0.1em 0.2em;
			filter: Shadow(Color=#03658A, Direction=135, Strength=2.5); 
		}
			.blueBtn span, .blueBtnLower span{
				background-position:0 0;padding:0 0 0 21px
			}
				.blueBtnLower, .blueBtnLower span{background-position:100% 100%; height:40px; line-height:38px}
				.blueBtnLower span{background-position:0 100%}
		
		.greenBtn, .greenBtn span, .greenTallBtn, .greenTallBtn span, .greenBtnPinkShadows, .greenBtnPinkShadows span{
			height:79px;line-height:77px;padding-right:17px;cursor:pointer;
			font-weight:bold;color:#fff;font-size:12px;
			text-shadow: #2C811A 0.1em 0.1em 0.2em;
			/*ID 002*/
			/*filter: Shadow(Color=#2C811A, Direction=135, Strength=2.5) cloves*/
		}
			.greenTallBtn, .greenTallBtn span{padding-right:50px;font-size:16px}
			.greenTallBtn span{background-position:0 0;padding:0 0 0 17px}
			.greenBtn, .greenBtn span{background-position:right -78px;height:49px;line-height:47px}
			/*ID 002
            --------------------------------------------------------------------------------------------------------*/
			.greenBtn span{background-position:left -78px;padding:0 0 0 17px;height:49px;line-height:47px} /*cloves*/
			/*.greenBtn span{background-position:left -78px;padding:0 0 0 17px}*/
			.greenBtn{background-position:100% -177px;padding:0 17px 0 0}/*cloves*/
			.greenBtnPinkShadows, .greenBtnPinkShadows span{background-position:100% -179px;height:49px;line-height:47px}/*cloves*/
			/*.greenBtnPinkShadows, .greenBtnPinkShadows span{background-position:right bottom;height:49px;line-height:47px}*/
			/*------------------------------------------------------------------------------------------------------*/
			.greenBtnPinkShadows span{background-position:left bottom;padding:0 0 0 17px}
			
		.greenBtnTwoLines, .greenBtnTwoLines span, .greenTallBtnTwoLines, .greenTallBtnTwoLines span, .greenBtnPinkShadowsTwoLines, .greenBtnPinkShadowsTwoLines span{
			height:79px;line-height:30px;padding-right:17px;
			font-weight:bold;color:#fff;font-size:12px;
			text-shadow: #2C811A 0.1em 0.1em 0.2em;
			/*ID 002*/
			/*filter: Shadow(Color=#2C811A, Direction=135, Strength=2.5); cloves*/
		}
			.greenTallBtnTwoLines, .greenTallBtnTwoLines span{padding-right:50px;font-size:14px}
			.greenTallBtnTwoLines span{background-position:0 0;padding:12px 0 0 40px;height:68px;_height:78px;line-height:25px}
			/*Ronnie Quintino QFE 35454 .greenTallBtnTwoLines span{background-position:0 0;padding:10px 0 0 17px;height:68px;_height:78px;line-height:25px}*/
			.greenBtnTwoLines, .greenBtnTwoLines span{background-position:right -78px;height:49px;line-height:47px}
			.greenBtnTwoLines span{background-position:left -78px;padding:0 0 0 17px}
			.greenTallBtnTwoLines span b{font-size:18px}
			.greenBtnPinkShadowsTwoLines, .greenBtnPinkShadowsTwoLines span{background-position:right bottom;height:49px;line-height:47px}
			.greenBtnPinkShadowsTwoLines span{background-position:left bottom;padding:0 0 0 17px}
		
		.aindaNaoTemMeu a{margin:0 0 20px 54px}
		.aindaNaoTemMeu span{text-align:center;width:640px;}	
		.aindaNaoTemMeu em{color:yellow;font-style:normal}
		
		.conhecaMeu a{margin:18px 0 20px 114px}
		/*Ronnie Quintino QFE 35454.conhecaMeu a{margin:18px 0 20px 134px}*/
		
		.conhecaMeu span{text-align:center;width:450px;}	
		.conhecaMeu em{color:yellow;font-style:normal}
		
/* EscolhaOModelo */

	.EscolhaOModelo H1{
		color:#989898;
		font-size:26px;text-align:center;margin:30px 0 15px
	}
	.withAGrayBG{position:relative;margin-bottom:5px;padding:20px 230px 20px 10px;height:284px;_height:324px;font-size:12px}
	.withAGrayBG H2{margin-bottom:1em;font-size:16px;margin-left:60px}
	.withAGrayBG P{margin-bottom:1em}
	.ModeloPreview{position:absolute;right:20px;top:20px;text-align:center}
	.ModeloPreview IMG{display:block;margin-bottom:1em}
	.ModeloEscolido{height:63px;width:288px;overflow:hidden;text-indent:-100%;margin:4em auto 0}
	
	
	
/* Painel Controle Element */
.userPanel{position:relative;zoom:1}
.userPanelButtons{position:absolute;bottom:10px;right:11px}
.userPanelButtons A{float:left;text-align:center;font-size:10px;padding-top:24px;margin-left:25px}
.userPanelButtons A span{background:#fff;display:block}
	.painel{width:42px}
	.meuCurric{width:76px}
	
/* PainelControle Page */
.PainelControle .siteWraper{padding:0;margin:0 10px;}
	.PainelControle .siteWraper a{float: right}	        
	.PainelControle .siteWraper h1
		{ text-align: center;
		  font-size: 26px;
		  padding: 20px 0 0;
		  color: gray;
		  font-weight:normal;
		  text-shadow: #fff 0.1em 0.1em 0.2em;
		  filter: Shadow(Color=#fff)
		}	
		        
	.aControlItem {padding: 10px; margin: 5px; height:105px}
	    .aControlSlidingdoorItem{padding:10PX 0 0;height:auto}
	    .aControlItemPadder{padding:10px;overflow:auto;}
		.aControlItem H2{color:#4279BA;font-size:16px;}	
		.aControlItem p{font-size:13px;margin-bottom:1em; width:460px; float:left; margin: 0; text-align:justify}
		.aControlItem span {color: #fff; text-align: center; font-size:12px; font-weight: bold; cursor:pointer}
		.aControlItem ul { font-size:13px; width:460px; float:left; margin: 0; margin-left: 14px; text-align: justify; list-style-type: disc}
	
	.stDicas a {width: 237px; line-height:37px; color: #fff; font-size:13px; font-weight:bold} 	
	
/* Preview Module */
.anEditModeloMessage{
	padding:1em;
	text-align:center;font-size:12px;
}
	.anEditModeloMessage H2{
		text-align:center;font-size:14px;/*margin-bottom:1em*/
	}
	.anEditModeloMessage H4{
		text-align:center;font-size:12px;/*margin-bottom:1em*/
	}
	/*.anEditModeloMessage UL{
		margin-left:1em
	}
	.anEditModeloMessage UL LI{ font-size: 12px; }*/

.aBigMessage{
	text-align:center;
	font-size:16px;padding:1em 0
}

.siteWraper.meuWrpr span.onCallbackMsg{left:274px; left:315px\9}
.onCallbackMsg{
    z-index:1000;opacity: 0;filter: alpha(opacity = 0); position: absolute;top:380px;
    padding:0 50px;font-size:2em;line-height:2em;margin-left:-150px;
}
    * html .onCallbackMsg{
        position: absolute;
        top:expression(eval(document.compatMode &&
        document.compatMode=='CSS1Compat') ?
        documentElement.scrollTop
        +((documentElement.clientHeight-this.clientHeight)/2 )
        : document.body.scrollTop
        +((document.body.clientHeight-this.clientHeight)/2));}
 
 
#clickOK, #clickOK2{text-decoration:underline;color:#0000FF;}
/*CartaDeApresentacaoMenu*/
.CartaDeApresentacao{width:535px;margin:0 0 10px 10px;font-family:Tahoma}
.CartaDeApresentacao H1{color:#989898;font-size:26px;text-align:center;margin:30px 0 15px}
.CartaDeApresentacaoMenu{font-size:12px;width:204px;margin:-4px 0 0 11px;padding-bottom:14px}
.CartaDeApresentacaoMenu H2{color:#FFFFFF;font-size:14px;height:33px;_height:43px;margin:0;padding:10px 0 0 14px}
.CartaDeApresentacaoMenu ul{width:199px;background:#DEDEDE;margin:0;list-style:none;padding:0;font-size:10px}
	.CartaDeApresentacaoMenu ul li{line-height:27px;border-bottom:1px dotted;padding:0;margin:0 7px;zoom:1}
	.CartaDeApresentacaoMenu ul ul{width:auto;display:none;background-color:#D0D0D0}
		.CartaDeApresentacaoMenu li.SelectedCategory{ background-color:#BBB }
		.CartaDeApresentacaoMenu li.SelectedCategory ul{display:block;}
			.CartaDeApresentacaoMenu li.SelectedCategory A{border-bottom:1px dotted;}
				.CartaDeApresentacaoMenu li.SelectedCategory ul A{border-bottom:none}
		.CartaDeApresentacaoMenu ul li A{display:block;padding:0 0 0 15px}
		.CartaDeApresentacaoMenu ul li A:Hover{background-color:#C9C9C9}
		    .CartaDeApresentacaoMenu ul li A span{display: inline-block; cursor: pointer;}
		    .CartaDeApresentacaoMenu ul li A img{vertical-align: text-bottom}
		.CartaDeApresentacaoMenu ul ul li{border:none;margin:0;line-height:20px;padding:0 0 0 20px}
			.CartaDeApresentacaoMenu ul ul li A{display:block;padding:0 0 0 15px;background-position:166px 0 !important}
			.CartaDeApresentacaoMenu ul ul li A:Hover{background-color:#E0E0E0}
.CartaDeApresentacaoMenu .SelectedItem{width: 24px; height: 24px}


.ativarCartaPainel{
    z-index:1002; opacity: 100;filter: alpha(opacity = 0); position:absolute;top:490px !important;margin-left: -100px;
    font-size:12px;line-height:2em;width:610px;background-color:#eee;text-align:center; border:solid 1px #CCC;
}
    * html .ativarCartaPainel{
        position: absolute;
        top:expression(eval(document.compatMode &&
        document.compatMode=='CSS1Compat') ?
        documentElement.scrollTop
        +((documentElement.clientHeight-this.clientHeight)/2 )
        : document.body.scrollTop
        +((document.body.clientHeight-this.clientHeight)/2));}
        
.ativarCartaPainel strong{font-weight:bold; color:Red;}
.ativarCartaPainel a:visited, .ativarCartaPainel a:hover{background-color:#eee;}