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

body {
	background:url(../images/backSplash.jpg) no-repeat center top #031E33;
	}
div#headContent {
    height:90px;
    margin:10px auto 0;
    top:0;
    width:670px;
}
    div#headContent .logo {
        background:transparent url(../images/logo-pontosms.png) no-repeat 0 0;
        _background:transparent url(../images/logo-pontosms.gif) no-repeat 0 0;
        height:70px;
        left:10px;
        position:absolute;
        top:5px;
        width:208px;
    }
    div#headContent h1 {
        color:#fefefe;
        font-size:24px;
        font-weight:normal;
        padding-top:53px;
        text-align:right;
        text-transform:none;
    }
    div#headContent h2 {
        color:#fefefe;
        font-size:14px;
        font-weight:bold;
        padding-top:15px;
        text-align:right;
        text-transform:none;
    }
.membroLink {
    height:25px;
    margin-top:40px;
    _margin-top:35px;
    position:relative;
    width:150px;
}
.membroLinkLogin {
    height:25px;
    margin-top:80px;
    _margin-top:60px;
    position:relative;
    width:150px;
}
.membroLink a, .membroLinkLogin a {
    color:#64b8ff !important;
    font-size:14px;
    text-decoration:none;
}
.main {
	height:330px;
	margin:85px auto 0 auto;
	width:780px;
	}
.caixaL {
    float:left;
    height:315px;
    margin-left:90px;
    _margin-left:45px;
    overflow:hidden;
    position:relative;
    width:430px;
}
.caixaR {
	float:right;
    margin-right:35px;
    _margin-right:17px;
    margin-top:40px;
    _margin-top:30px;
    width:170px;
    }

.textoSplash {
	color:#666;
	list-style-image:url(../images/bullet.gif);
	list-style-position:outside;
	padding:0 0 5px 20px;
	/*padding:0;*/
	/*margin-left:15px;*/
	text-align:justify;
	font-size:11px;
	line-height:16px;
}
.passos
{
    background-image:url(../images/sprite-passos.gif);
    background-repeat:no-repeat;
    border-bottom:2px solid #3c3c3c;
    height:57px;
    width:385px;
}
    .passo1
    {
        background-position:0 0;
        margin-top:15px;
        _margin-top:10px;
    }
    .passo2
    {
        background-position:0 -57px;
        margin:30px 0 0 20px;
    }
    .passo3
    {
        background-position:0 -114px;
        margin:30px 0 0 40px;
    }

        .passos h2 
        {
            color:#64b8ff;
            font-size:18px;
            padding:15px 0 0 60px;
            text-transform:uppercase;
        }
        .passos p 
        {
            color:#ccc;
            font-size:11px;
            padding:3px 0 0 60px;
        }

.textoSplash li {
	padding-bottom:4px;
	/*padding-bottom:10px;*/
}
.marginTopBottom {
	margin:10px 0;
	text-align: center;
}
.paddingLeft25 {
	padding-left:25px
	}


.caixaLogin {
    height:170px;
	margin:40px 0 0 30px;
	_margin:25px 0 0 30px;
	width:360px;
}
    .caixaLogin h3{
        color:#64b8ff;
        font-size:18px;
        text-transform:uppercase;
    }
	.caixaLogin label {
		color:#fff;
		float:left;
		font-size:13px;
		font-weight:bold;
		margin:22px 15px 0 0;
		text-align:left;
		text-transform:uppercase;
	}
	.loginDDD, .loginCelular, .loginSenha, .loginOperadora
	{
		background-color:#EEE;
		border:0 none;
		color:#666;
		float:left;
		font-size:19px;
		height:23px;
		margin:15px 0 0;
		padding:2px 0 2px 4px;
		text-align:left;
	}
	.loginDDD {
		width:30px;
	}
	.loginCelular {
		margin-left:7px;
		width:93px;
	}
	.loginSenha {
		margin-left:15px;
		width: 134px;
	}
	.loginOperadora {
		font-size:12px;
		margin-left:8px;
		padding-right:4px;
		width: 138px;
	}
	.erroCampo {
	    background-color:#b93f3f !important;
        color:#FFF !important;
	}
	.loginErro {
	    color: #e23333 !important;
	    font-size: 14px;
	    padding-top: 13px;
	}
	.loginLoading {
        background: url(../images/loader3.gif) no-repeat top left;
	    color:#64B8FF;
        font-size:14px;
        margin:5px 0 0;
        padding:5px 0 5px 30px;
        text-align:left;
    }
    .cadastroLoading {
        background: url(../images/loader4.gif) no-repeat top left;
	    color:#fff;
        font-size:14px;
        margin:12px auto 0;
        padding:1px 0 1px 20px;
        text-align:left;
        width:100px;
    }
	#FailureTextSignature 
	{
	    background-color:#FF7B7B;
        border-bottom:1px solid #CD1213;
        border-top:1px solid #CD1213;
        color:#FFFFFF;
        font-size:11px;
        font-weight:bold;
        line-height:120%;
        margin:3px 0;
        padding:1px 0;
	}
	.loginPasso {
		color:#CCCCCC;
		float:left;
		font-size:10px;
		line-height:12px;
		margin:15px 0 0 8px;
	}
	.loginPasso a{
		color:#64b8ff !important;
		text-decoration:underline;
	}


.caixaCadastro 
{
    height:230px;
    overflow:visible;
    width:168px;
}
    .caixaCadastro h3{
        color:#ffe21c;
        font-size:15px;
        font-weight:700;
    }
.textoCadastro, .textoSenha {
	color:#fff;
	font-size:13px;
	text-align:left;
	font-weight:bold;
	text-transform:uppercase;
}
.textoCadastro {
	margin:7px 0 0 14px;
}
.textoSenha {
	margin-left:0px;
}
.ddd, .celular, .senha 
{
    background-color:#EEE;
    border:0 none;
    color:#666;
    font-size:19px;
    height:23px;
    margin-bottom:5px;
    padding:2px 0 2px 6px;
    text-align:left;
}

.operadora 
{
	padding:2px 0 0px 0px;
	margin-bottom: 5px;	
	height:21px;
	border:1px solid #afafaf;
	font-size:15px;
	text-align:left;
	letter-spacing:1px;
	color:#666;
	width: 140px;
	height: 26px;
}

.ddd {
	width:28px;
}
.celular {
	margin-left:3px;
    width:92px;
}
.senha {
	width: 134px;
}
.senhaDescricao {
	font-size:10px;
	color:#fefefe;
	padding:0 5px;
	line-height:11px;
}
.contador {
	color:#5BA6E3;
	font-size:23px;
}

.operadoras {
	clear:both;
	margin:25px auto;
	width:800px;
	padding-bottom:20px;
	text-align: center;
	}
    .operadoras img {
	    margin:25px 20px 0;
	    }
#celular 
{
    height:200px;
    overflow:visible;
	padding-bottom:20px;
}

.button {
    border: none;
    background: url('/images/btn_entrar.gif') no-repeat top left;
    padding: 2px 8px;
    width: 129px;
    height: 36px;
}

.btnLaranja 
{
	*width:100px;
	_width:100px;
	background-color:#ff7500;
	border-width:1px;
	border-style:solid;
	border-bottom-color:#b75100;
	border-right-color:#b75100;
	border-top-color:#ff9f54;
	border-left-color:#ff9f54;
	margin:0;
	padding:3px 12px;
	cursor:pointer;
}

.btnLaranja:hover { background-color:#e46600; color:#ff0 !important;}

.btnAzul 
{	
	*width:120px;
	_width:120px;
	background-color:#5ba6e3;
	border-width:1px;
	border-style:solid;
	border-bottom-color:#316fa1;
	border-right-color:#316fa1;
	border-top-color:#8ac9fb;
	border-left-color:#8ac9fb;
	margin:0;
	padding:3px 3px;
	cursor:pointer;
}
.btnAzul:hover { background-color:#3e8ac8; color:#ff0 !important;}
	.btnEntrar {
		margin-top:20px !important;
	}
    .enviarMsg 
	{
	    background-image:url(../images/bg-botao-enviar.gif);
		_background-image:none;
        background-position:12px 8px;
        background-repeat:no-repeat;
        margin-top:10px;
	    padding:3px 12px 3px 30px;
	    _padding:3px 12px 3px 15px;
	}
	.enviarMsg:hover {background-image:url(../images/bg-botao-enviar-hover.gif);}

.colorboxLinks {
	height:20px;
	margin:5px auto;
	width:630px;
}

	.colorboxLinks a{
		color:#64b8ff !important;
		font-size:12px;
		padding:0 15px 0 0;
		text-decoration:underline;
	}
	
#FailureTextSignature {
	background-color:#FF7B7B;
	border:1px solid #CD1213;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	padding:4px 0;
	position:absolute;
	right:-7px;
	text-transform:uppercase;
	top:227px;
	width:180px;
}