/*
 * Used in Principal/security.tpl
 *
 */

html {
    background: #FFF url(../img/images/prelogin/bg2.png) repeat-x bottom center;
}

#container {
    background: transparent url(../img/images/prelogin/box_topo.png) no-repeat top center;
    margin: 70px auto 0;
    width: 786px;
}

ul#topIcons {
    float: right;
    font-size: 0.7em;
    font-weight: bold;
    margin-right: 10px;
	position: relative;
	z-index: 10;
}

ul#topIcons li {
    background: transparent no-repeat center left;
    border-right: 2px solid #003264;
    color: #999;
    float: left;
    margin-right: 10px;
    padding: 0 10px 0 20px;
}

ul#topIcons li a {
    color: #003264;
    text-decoration: none;
}

ul#topIcons li.home {
    background-image: url(../img/images/prelogin/icone_home.png);
}

ul#topIcons li.homeOff {
    background-image: url(../img/images/prelogin/icone_home_off.png);
}

ul#topIcons li.aymara {
    background-image: url(../img/images/prelogin/icone_aymara.png);
}

ul#topIcons li.contato {
    background-image: url(../img/images/prelogin/icone_contato.png);
    border-right: 0;
}

ul#topIcons li.contatoOff {
    background-image: url(../img/images/prelogin/icone_contato_off.png);
    border-right: 0;
}

ul#topIcons li.homeOff, ul#topIcons li.contatoOff  {
	cursor: pointer;
}

#box {
    position: relative;
    width: 700px;
}

div.logo {
	float: left;
}

div.logo img {
	margin: 45px 0 0 60px;
}

div.message div {
    clear: both;
    color: #999;
    font-size: 1em;
    line-height: 1.3em;
    margin: 50px 60px 0;
    width: 250px;
}


form label {
    color: #666;
    display: block;
    float: left;
    font-size: 0.8em;
    line-height: 20px;
    margin-left: 10px;
    width: 60px;
}

form input, textarea {
    border: 1px solid #CDCDCD;
    font-size: 0.9em;
    margin-bottom: 10px;
    width: 220px;
}

form input[type="submit"] {
    background: transparent url(../img/images/prelogin/bt_ok.png) no-repeat center center;
    border: 0;
	color: #FFF;
    float: right;
	font-weight: bold;
    height: 34px;
    margin: -10px 10px 0 0;
	padding-bottom: 3px;
    width: 50px;
}

#topLoginForm {
	clear: both;
	float: right;
	*float: none;
	margin: 15px 12px 0 0;
	*margin: 15px 12px 0 250px;
    width: 470px;
}
#topLoginForm form[name="login"] {
    background: transparent url(../img/images/prelogin/bg_top_login.png) repeat-x center center;
	height: 20px;
	margin-left: 90px;
	padding: 10px 0;
}
#topLoginForm form[name="login"] label {
	color: #063467;
	font-weight: bold;
    width: 48px;
}
#topLoginForm form[name="login"] input {
	float: left;
    width: 100px;
}
#topLoginForm form[name="login"] input[type="text"] {
	*margin-left: -38px;
}
#topLoginForm form[name="login"] input[type="submit"] {
	margin: -7px 0 0;
    width: 55px;
}
#topLoginForm a {
	color: #333;
	font-size: 0.7em;
	font-weight: bold;
	margin-left: 320px;
}

#topLoginForm #noFlash {
	background-color: #003264;
	height: 34px;
	margin-left: 90px;
	*margin-left: 0;
	padding: 3px 20px;
	position: absolute;
	width: 340px;
}
object#noFlash {
    visibility: hidden !important;
}
#topLoginForm #noFlash a {
	color: #FFF;
	margin: 0;
}
#topLoginForm #noScript span {
	background-color: #003264;
	color: #FFF;
    display: block;
	font-size: 0.8em;
	height: 34px;
	margin-left: 90px;
	*margin-left: 0;
	padding: 3px 30px;
	position: absolute;
	width: 320px;
}



#title {
    background: transparent no-repeat left center;
	color: #063467;
	font-weight: bold;
    height: 24px;
    margin: 10px 0 30px 20px;
    padding-left: 35px;
}








a.linkBack {
	background: transparent url(../img/images/prelogin/bt_voltar.png) no-repeat center center;
	clear: both;
	color: #063467;
	float: right;
	font-size: 0.7em;
	font-weight: bold;
	margin: 5px 65px 0 0;
	*margin: 5px 40px -21px 0;
	padding-left: 70px;
	*position: relative;
	text-align: right;
	text-decoration: none;
	*z-index: 20;
}






/*
#bg {
    background: transparent url(../img/images/prelogin/box_topo.png) no-repeat top center;
	height: 451px;
}

#conteudoBox {
	margin-top: -451px;
	float: left;
}
*/
#security {
    color: #666;
    margin: 0 25px 0 20px;
}

#security p {
    clear: right;
    font-size: 0.75em;
    margin-left: 10px;
    margin: 20px 0;
}
#security ul {
    color: #063467;
    font-size: 0.75em;
    font-weight: bold;
    list-style-type: decimal;
    padding: 0 10px 0 35px;
}
#security ul li span {
    color: #666;
    font-weight: normal;
}
#security ul li img, #security p img {
    float: right;
    margin-left: 5px;
}
#security ul li img[alt="img1"] {
    margin-top: -35px;
}
#security ul li img[alt="img5"] {
    margin-top: -25px;
}
#security ul li img[alt="img7"], #security ul li img[alt="img9"] {
    margin-top: -30px;
}
#security #title {
    background-image: url(../img/images/prelogin/seguranca.png);
    float: left;
    line-height: 25px;
    margin: 0;
}
#security .security1 {
    clear: both;
    padding: 30px 10px 0;
}
#security .security1 a.linkBack {
    float: none;
    *float: right;
    margin: 0 0 0 160px;
    *margin-bottom: 5px;
}
#security .security2 {
    background: transparent url(../img/images/prelogin/box_meio.png) repeat-y center center;
    margin-left: -20px;
    margin-top: 45px;
    *margin-top: 41px;
    width: 786px;
}
#security .security2 ul li {
    margin: 20px 0;
}
#security .security2 div {
    margin: 0 25px;
}
#security .security3 ul li, #security .security4 ul li {
    margin: 2px 0;
}
#security .security3 .title, #security .security4 .title {
    border-bottom: 1px solid #063467;
    color: #063467;
    font-size: 0.8em;
    font-weight: bold;
    margin: 10px 15px 5px;
    *margin-top: 0;
    padding-top: 10px;
}
#security .security3 {
    background: transparent url(../img/images/prelogin/box_menino.png) no-repeat top center;
    height: 520px;
    margin: 0 150px !important;
    width: 487px;
}
#security .security4 {
    background: transparent url(../img/images/prelogin/box_menina.png) no-repeat center center;
    height: 329px;
    margin: 0 150px !important;
    width: 487px;
}

#security .glossary {
    background: transparent url(../img/images/prelogin/box_glossario.png) no-repeat center center;
    float: left;
    height: 381px;
    margin: 30px 10px 0 0;
    width: 210px;
}
#security .glossary div {
    padding: 22px 9px 0 13px;
}
#security .glossary h1 {
    color: #FFF;
    font-size: 1em;
    font-weight: bold;
    margin-top: 5px;
    text-align: center;
}
#security .glossary span {
    border-bottom: 1px solid #063467;
    color: #063467;
    display: block;
    font-size: 0.7em;
    font-style: italic;
    font-weight: bold;
    margin: 15px 0 5px;
    padding-left: 5px;
}
#security .glossary p {
    font-size: 0.7em;
    margin: 0;
}



#footer {
    background: transparent url(../img/images/prelogin/box_rodape.png) no-repeat bottom center;
    color: #333;
    font-size: 0.7em;
    height: 45px;
    line-height: 100px;
    margin-bottom: 250px;
    text-align: center;
    width: 786px;
}