/***
 * master.css - Este arquivo é responsável pelos
 * estilos gerais do site Caixa Editais.
 *
 * @date: 07/04/2011
 */
 

/* General
____________*/

* {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
}
html, body, #general {
	min-height:100%;
}
/*#content{
	overflow:hidden;
	border:1px solid blue;
}
#content *{
	border:1px solid red;
}*/
#general {
	background:url("../img/bg/bg_header.jpg") top center no-repeat;
	font:normal 12px/130% Arial, Helvetica, Sans-serif;
	margin:0 auto;
	max-width:1280px;
	position:relative;
}
html body.w1024 #general {
	width: 995px;
}
html body.w1280 #general {
	width: 1250px;
}
html body.wFull #general {
	width: 1280px;
}
html body.artesanato .artesanato {
	background:url("../img/bg/bg_header_artesanato.jpg") top center no-repeat !important;
}
html body.ocupacao .ocupacao {
	background:url("../img/bg/bg_header_ocupacao.jpg") top center no-repeat !important;
}
html body.festival .festival {
	background:url("../img/bg/bg_header_teatro.jpg") top center no-repeat !important;
}
#header, #content, div.center, fieldset.center {
	margin:0 auto;
	width:950px;
}
/* Header
____________*/

#header {
	height:410px;
	margin-bottom:20px;
}
#header div.hgroup {
	float: left;
	height: 120px;
	margin: 182px 0 36px;
	position: relative;
	width: 420px;
}
#header div.hgroup h1, #header div.hgroup h1 a, #header div.hgroup h2, #header div.hgroup h2 a {
	display:block;
	left:0;
	overflow:hidden;
	position:absolute;
	text-indent:-999em;
}
#header div.hgroup h1 {
	background:url("../img/tx/tx_logo.png") no-repeat 0 0;
	bottom:0;
	height:63px;
	width:328px;
}
#general #header div.hgroup h1 a {
	height:63px;
	position:relative;
	width:328px;
}
#header div.hgroup h2 {
	background:url("../img/tx/tx_logo_caixa.png") no-repeat 0 0;
	height:38px;
	top:0;
	width:164px;
}
#general #header div.hgroup h2 a {
	height:38px;
	position:relative;
	width:164px;
}
/*#header div.hgroup h1
, #header div.hgroup h2{
  float:left;
}

#header div.hgroup h1 a{
  background:url("../img/tx/tx_logo.png") no-repeat;
  display:block;
  height:114px;
  overflow:hidden;
  outline:none;
  text-indent:-999em;
  width:209px;
}

#header div.hgroup h2{
  border-left:2px solid #e6e6e6;
  height:67px;
  margin:6px 0 0 29px;
  padding:39px 0 0 22px;
}

#header div.hgroup h2 a{
  background:url("../img/tx/tx_logo_caixa.png") no-repeat;
  display:block;
  height:35px;
  overflow:hidden;
  outline:none;
  text-indent:-999em;
  width:158px;
}

#header div.hgroup h1 a:hover
, #header div.hgroup h1 a:active
, #header div.hgroup h1 a:focus
, #header div.hgroup h2 a:hover
, #header div.hgroup h2 a:active
, #header div.hgroup h2 a:focus{
  outline:none;
}*/

#header div.user-dashboard {
	display:inline;
	float:right;
	margin:77px 37px 0 0;
	padding-top:24px;
	position:relative;
	width:340px;
}
#header div.user-dashboard fieldset {
	border:none transparent;
}
#header div.user-dashboard legend span {
	color:#fff;
	font:bold 16px/100% Arial, Helvetica, Sans-serif;
	left:0;
	position:absolute;
	top:0;
}
#header div.user-dashboard input {
	border:none;
	border-top:3px solid #6e6e6e;
	border-left: 2px solid #6e6e6e;
	color:#b2b2b2;
	float:left;
	font-size:16px;
	height:19px;
	line-height:100%;
	padding:9px 8px;
}
#header div.user-dashboard input.cpf {
	width:135px;
}
#header div.user-dashboard input.password {
	width:104px;
}
#header div.user-dashboard div.validation {
	display:none;
}
#header div.user-dashboard input.input-validation-error {
	border-color:#ab2020;
}
#header div.user-dashboard label {
	display:none;
}
#header div.user-dashboard button {
	background:url("../img/bt/bt_header_login.png") no-repeat;
	border:none;
	cursor:pointer;
	height:40px;
	float:left;
	margin-top:2px;
	overflow:hidden;
	text-indent:-999em;
	width:65px;
}
#header div.user-dashboard button:hover {
	opacity:0.9;
}
#header div.user-dashboard a {
	background:url("../img/bl/bl_white_arrow.png") left center no-repeat;
	color:#fff;
	float:left;
	font:bold 12.63px/100% Arial, Helvetica, Sans-serif;
	margin-top:13px;
	padding-left:7px;
	text-decoration:none;
}
#header div.user-dashboard a:hover {
	text-decoration:underline;
}
#header div.user-dashboard .register {
	background:url("../img/bt/bt_header_register.png") no-repeat;
	height:23px;
	margin:8px 29px 0 0;
	overflow:hidden;
	text-indent:-999em;
	width:134px;
}
#header div.user-dashboard .register:hover {
	opacity:0.8;
	text-decoration:none;
}
#header div.user-dashboard span.loggedin {
	color:#fff;
	display:block;
	font:bold 22.08px/100% Arial, Helvetica, Sans-serif;
	letter-spacing:-1px;
	text-align:right;
}
#header div.user-dashboard .logout {
	background:url("../img/bt/bt_logout.png") no-repeat;
	display:block;
	float:none;
	height:22px;
	margin:0;
	overflow:hidden;
	padding:0;
	position:absolute;
	right:0;
	text-indent:999em;
	top:0;
	width:35px;
}
#header div.user-dashboard .logout:hover {
	opacity:0.8;
}
#header ul.nav {
	background: url("../img/bg/bg_menu.png") no-repeat scroll 0 0 transparent;
    clear: both;
    height: 15px;
    margin-left: -165px;
    overflow: hidden;
    padding: 26px 0 18px 156px;
    width: 980px;
}
#header ul.nav li {
	list-style:none inside;
	float:left;
	margin-right:28px;
}
#header ul.nav li.last {
	margin-right:0;
}
#header ul.nav li a {
	background:url("../img/tx/tx_menu_sprite.png") no-repeat;
	display:block;
	overflow:hidden;
	text-indent:-999em;
}
#header ul.nav li a:hover {
	opacity:0.8;
}
#header ul.nav li .know {
	background-position:0 2px;
	height:15px;
	width:170px;
}
#header ul.nav li .guidelines {
	background-position:-170px 0;
	height:15px;
	width:135px;
}
#header ul.nav li .rules {
	/*background-position:-305px 2px;*/
	background:url("../img/tx/tx_menu_regulament.png") no-repeat scroll 0 2px transparent;
	height:13px;
	width:103px;
}
#header ul.nav li .faq {
	background-position:-401px 0;
	height:15px;
	width:58px;
}
#header ul.nav li .contact {
	background-position:-459px 3px;
	height:15px;
	width:102px;
}
#header ul.nav li .projects {
	background-position:-561px 2px;
	height:15px;
	width:101px;
}
#header ul.nav li .novoEspacoLogado {
	background: url(../img/bt/bt_novosEspacosMenuInterno.png) no-repeat;
	height:27px;
	margin-top: -6px;
	position: relative;
	width:138px;
}
#header ul.nav li .novoEspaco {
	background: url(../img/bt/bt_novosEspacosMenu.png) no-repeat;
	height:40px;
	margin-top: -12px;
	position: relative;
	width:209px;
}
#header ul.nav li .novoEspaco.semFaleConosco {
	margin-left: 92px;
}


/* Content
____________*/

#content {
	padding-bottom: 30px;
	position: relative;
	z-index: 100;
}
#content div.main-content {
	float:left;
	margin-right:35px;
	width:575px;
}
#content div.sidebar {
	float:left;
	width:340px;
}
#content input, #content textarea, #content dl.dropdown, #content dl.dropdown a {
	border: 2px solid #C4C4C4;
	color: #525252;
	font-size: 12px;
	height: 15px;
	padding: 6px 8px;
	text-decoration:none;
}
#general #content textarea {
	height:auto;
}
#general #content dl.dropdown {
	background-color: #FFFFFF;
	height: 27px;
	padding: 0;
	position: relative;
	z-index:3;
}
#general #content dl.dropdown dt a {
	background: url("../img/bt/bt_content_selectsForms.png") no-repeat scroll right 10px transparent;
	border: medium none;
	display: block;
	padding-right: 26px;
	text-decoration: none;
}
#general #content dl.dropdown dd div.options {
	background-color: #FFFFFF;
	border: 2px solid #C4C4C4;
	left: -2px;
	position: absolute;
	top: 23px;
	width: 100%;
	z-index:3;
}
#general #content dl.dropdown dd div.options ul {
	display:block;
	padding: 4px 8px;
}
#general #content dl.dropdown dd div.options ul li {
	display:block;
	list-style: none;
	margin-bottom:6px;
}
#general #content dl.dropdown dd div.options ul li a {
	border:none;
	height:auto;
	padding:0;
}
#general #content dl.dropdown dd div.options ul li a:hover {
	text-decoration:none;
}
div.customSelect {
	position:relative;
	width:150px;
	z-index:25;
}
#content div.customSelect .dropdown {
	background:#fff url("../img/bt/bt_content_selectsForms.png") right center no-repeat;
	border:2px solid #C4C4C4;
	color:#525252;
	display:block;
	font-size:12px;
	height:15px;
	margin:0;
	padding:6px 26px 6px 8px;
	text-decoration:none;
	z-index:3;
}
#content div.customSelect.loading .dropdown {
  background:#fff url("../img/gr/gr_ajax_loading.gif") 6px center no-repeat;
}
#content div.customSelect .dropdown span {
	display:block;
	overflow:hidden;
	width:100%;
}
#content div.customSelect .dropdown span span {
	width:1000px;
}
#content div.activeDropdown .dropdown {
	border-bottom:2px solid transparent;
}
div.customSelect ul {
	background-color: #fff;
	border: 2px solid #C4C4C4;
	border-top: none;
	left: 0;
	height: 200px;
	overflow: auto;
	overflow-y: auto;
	overflow-x: hidden;
	position: absolute;
	top: 29px;
	width: 146px;
	z-index: 20;
}
div.customSelect[class] ul{
  height:auto;
  max-height:200px;
}
#content div.customSelect li {
	background:#fff;
	clear:both;
	display:block !important;
	float:none !important;
	list-style:none;
	width:auto;
}
#content div.customSelect li a {
	color:#525252;
	display:block;
	font-size:12px;
	min-height:15px;
	padding:6px 8px;
	text-decoration:none;
}
#content div.customSelect li span.index {
	display:none;
}
#content div.customSelect li a:hover {
	background:blue;
	color:white;
}

/* Modal
________ */

#overlay {
	background:url("../img/bg/bg_overlay.png");
	height:100%;
	left:0;
	opacity:0.5;
	position:fixed;
	top:0;
	width:100%;
	z-index:100;
}
.modal {
	overflow:hidden;
}
.modal #overlay {
	position:absolute !important;
	height: 2000px;
}
#modal {
	background:#fff;
	height:470px;
	left:50%;
	margin:0 0 0 -362px;
	position:absolute;
	top: 80px;
	width:724px;
	z-index:999;
}
#modal .loading {
	background:url("../img/gr/gr_loading.gif") top center no-repeat;
	color:#606060;
	font-size:15px;
	height:15px;
	left:50%;
	margin:-37.5px 0 0 -40px;
	padding-top:60px;
	position:absolute;
	top:50%;
	width:80px;
}
#modal div.modal-header {
	background: none repeat scroll 0 0 #41AADE;
	height: 45px;
	overflow: hidden;
	padding: 22px 40px;
}
#modal div.modal-header h1 {
	float:left;
	overflow:hidden;
	text-indent:-999em;
}
#modal div.modal-header .close {
	background:url("../img/bt/bt_modal_close.png") no-repeat;
	float:right;
	height:43px;
	overflow:hidden;
	text-indent:-999em;
	width:45px;
}
#modal div.modal-header .close:hover {
	opacity:0.9;
}

/* Dialog
_______________________*/

div.dialog div.overlay {
	background:url("../img/bg/bg_overlay.png");
	height:100%;
	left:0;
	opacity:0.5;
	position:fixed;
	top:0;
	width:100%;
	z-index:999;
}
.modal div.dialog div.overlay{
	position:absolute !important;
	height: 2000px;
}
.requirement
, .projects_tips
, .add_project
, .formValidation
, .successValidation{
  overflow:auto;
  overflow-y:auto;
  overflow-x:hidden;
}
.requirement .requirement
, .projects_tips .projects_tips
, .add_project .add_project
, .formValidation .formValidation
, .successValidation .successValidation{
  overflow:hidden;
}
div.dialog div.outer {
	background:transparent;
	height:auto;
	left:50%;
	margin-left:-185px;
	padding-top:20px;
	position:fixed;
	top:50%;
	z-index:1000;
	width:370px;
}
.modal div.dialog div.outer {
	position:absolute !important;
}
div.dialog div.outer .close {
	color:#FFFFFF;
	float:right;
	font:bold 12px/100% Arial, Helvetica, Sans-serif;
	margin-bottom:10px;
	position:absolute;
	right:0;
	text-decoration:none;
	text-transform:uppercase;
	top:0;
}
div.dialog div.outer div.inner {
	background:url("../img/bg/bg_success.png") no-repeat scroll 26px center #FFFFFF;
	color:#3D4C60;
	font-size:16px;
	padding:35px 20px 35px 92px;
	width:258px;
}
div.dialog div.error div.inner {
	background:url("../img/bg/bg_error.png") no-repeat scroll 26px center #FFFFFF;
}
/* Modal
    > .register
___________________*/

div.register {
	background:#f0f0f0;
}
div.register p.vError{
	background:url("../img/gr/gr_error.png") no-repeat left center;
	color:#AB2020;
	display:none;
	font-size:14px;
	padding:5px 0 5px 38px;
	position:absolute;
	top:98px;
}
div.register h1 {
	background:url("../img/tx/tx_modal_register.png") no-repeat;
	height:20px;
	margin-top:12px;
	width:473px;
}
div.register form {
	padding:45px 45px 45px;
}
div.register form label {
	color:#606060;
	cursor:pointer;
	display:block;
	font-size:18px;
	line-height:100%;
	margin-bottom:5px;
}
div.register fieldset {
	border:none transparent;
}
div.register li {
	float:left;
	list-style:none;
}
div.register li.name {
	margin-bottom:37px;
}
div.register li.email {
	margin-right:11px;
}
div.register input {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	background:#fff;
	border:1px solid #c3c3c3;
	border-radius:3px;
	padding:9px 5px;
}
div.register input.input-validation-error {
	border-color:#ab2020;
}
div.register span.field-validation-error {
	display:none;
}
div.register li.name input {
	width:622px;
}
div.register li.email input {
	width:414px;
}
div.register li.cpf input {
	width:185px;
}
div.register fieldset.password {
	display:inline;
	float: left;
	height:110px;
	margin: 35px 0 0 -45px;
}
div.register fieldset.password ul {
	-moz-border-radius:0 12px 12px 0;
	-webkit-border-radius:0 12px 12px 0;
	background:#eaeaea;
	border:1px solid #dcdcdc;
	border-radius:0 12px 12px 0;
	display: inline;
	float:left;
	height: 59px;
	padding: 28px 80px 23px 45px;
}
/*.modal #modal.register fieldset.password{
	margin-top:37px;
}*/

div.register fieldset.password input {
	width:151px;
}
div.register fieldset.password li.pass {
	margin-right:18px;
}
div.register fieldset.password span.info{
	clear:both;
    color:#AB2020;
    display:block;
    font-size:9px;
}
div.register form button {
	background:url("../img/bt/bt_register_submit.png") no-repeat;
	border:none;
	cursor:pointer;
	display:inline;
	float:left;
	height:40px;
	margin: 85px 0 0 15px;
	overflow:hidden;
	text-indent:-999em;
	width:158px;
}
div.register form button:hover {
	opacity:0.9;
}

/* Modal
    > .forgot
___________________*/

div.forgot {
	background-color:#f0f0f0 !important;
	font-family:Arial, Helvetica, sans-serif;
	height:340px !important;
	margin:0 0 0 -363px;
	width:725px;
}
div.forgot div.modal-header h1 {
	background: url("../img/tx/tx_modal_forgot.png") no-repeat scroll 0 0 transparent;
	height: 17px;
	margin-top: 15px;
	width: 199px;
}
div.forgot div.infos, #modal.forgot div.infos p {
	color:#606060;
	font-size:18px;
	line-height:1.3em;
}
div.forgot div.infos {
	padding:40px 40px 25px;
}
div.forgot div.success p{
	display:block;
	text-align:center;
}
div.forgot div.success p strong{
	text-transform:uppercase;
}
div.forgot fieldset.password {
	background-color:#e4e4e4;
	border:none;
	display:block;
	padding:30px 40px;
}
div.forgot fieldset.password ul, #modal.forgot fieldset.password ul li {
	display:block;
	float:left;
	list-style:none;
}
div.forgot fieldset.password ul li label {
	color:#606060;
	display:block;
	font-size:18px;
	font-weight:bold;
}
html body div.forgot fieldset.password ul li input {
	border:2px solid #bdbdbd;
	font-size:12px;
	padding:4px 10px;
	width:380px;
}
div.forgot fieldset.password ul li input.input-validation-error {
	border-color:#820606;
}
div.forgot fieldset.password ul li span {
	display:none;
}
div.forgot fieldset.password #btnSubmit {
	background: url("../img/bt/bt_modal_forgot_send.png") no-repeat scroll 0 0 transparent;
	border: medium none;
	cursor: pointer;
	display: inline;
	float: left;
	height: 40px;
	margin: 14px 0 0 15px;
	overflow: hidden;
	text-indent: -999em;
	width: 158px;
}
div.forgot div.actions .close{
	background:url("../img/bt/bt_close.png") no-repeat 0 0;
	display:block;
	height:40px;
	margin:40px auto 0;
	overflow:hidden;
	text-indent:-999em;
	width:138px;
}


/* Footer
____________*/

#footer {
	background:#f5f5f5;
	bottom:0;
	color:#717171;
	font-size:14px;
	left:0;
	line-height:100%;
	padding:29px 0 22px;
	position:relative;
	width:100%;
}
#footer p{
	font-size: 14px;
    width: auto;
}
#footer p.left{
	float: left;
}
#footer p.right{
	clear: right;
	float: right;
}

/* POPUP
________ */

#popup{
	left:50%;
	margin-left:-300px;
	position:absolute;
	top:-212px;
	width:600px;
	z-index:99;
}
#popup div.wrap{
	background-color:#f0f0f0;
	padding:9px;
	position:relative;
}
#popup div.wrap .bt_close{
	background:url("../img/bt/bt_modal_close.png") no-repeat;
	display:block;
	height:43px;
	overflow:hidden;
	position:absolute;
	right:-16px;
	text-indent:-999em;
	top:-14px;
	width:45px;
}
#popup div.wrap div.info{
	background-color:#1e7093;
	padding:27px 36px;
}
#popup div.wrap div.info p{
	color:#f0f0f0;
	font-size:19px;
	line-height:1.1em;
	text-transform:uppercase;
}
#popup div.wrap div.info p span{
	color:#fda10e;
}

/* Default classes
___________________*/

.clear {
	clear:both;
}
.hidden {
	display:none;
}