/*********** MODAL GENERICO ********************/
#modal {
	height: 400px;
	left: 50%;
	margin: -250px 0 0 -199px;
	position: absolute;
	top: 50%;
	width: 378px;
	z-index: 1000;
}

/*
Cabecalho
-------------------*/
.modal-cabecalho {
	background: url(../../images/modal-cria-alerta/modal-cabecalho.png)
		no-repeat;
	height: 20px;
	padding: 34px 48px 0;
	position: relative;
	font: 1em/ 1em "Trebuchet MS", Tahoma, Arial, sans-serif;
}

.modal-cabecalho h3 {
	font-weight: normal;
	color: #FFF;
	font-weight: 800;
	font-size: 14px;
}

.modal-cabecalho span {
	background: url(../../images/modal/fechar.gif) no-repeat center right;
	color: #BBE49B;
	font-size: 0.7em;
	padding: 7px 0 7px;
	position: absolute;
	right: 43px;
	top: 30px;
	width: 55px;
	font-size: 10px;
}

.modal-cabecalho span a {
	color: #BBE49B;
	display: block;
	text-decoration: none;
}

/*
Meio
-------------------*/
.modal-meio {
	background: url(../../images/modal-cria-alerta/modal-meio.png) repeat-y;
	padding: 0 40px;
	width: 300px;
}

.modal-conteudo {
	background: #fff;
	padding: 10px;
	position: relative;
	width: 280px;
}

/*
Conteudo especifico
-------------------*/
.modal-conteudo h4 {
	color: #998675;
	font-size: 0.9em;
	font-weight: 800;
}

.modal-conteudo h4 em {
	color: #736357;
	font-size: 1.2em;
	font-weight: normal;
}

.modal-conteudo ul {
	margin: 15px auto;
	width: 300px;
}

.modal-conteudo ul:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
}

.modal-conteudo li {
	font-size: 0.8em;
	float: left;
	margin: 0 10px;
	width: 60%;
}

.modal-conteudo li.first {
	text-align: right;
	width: 25%;
}

.modal-conteudo li em {
	color: #78B023;
	display: block;
	font-size: 1.2em;
	font-weight: 800;
	margin: 5px 0;
}

/* FORM */
.modal-conteudo form {
	margin: 0;
	padding: 0;
	position: relative;
}

.modal-conteudo fieldset {
	border: 0;
	margin: 0 0 10px 0;
	position: inherit;
	width: 250px;
}

.modal-conteudo label {
	width: 80px;
}

.modal-conteudo span.radio {
	display: inline-block;
	margin: -5px 0 0;
}

.modal-conteudo select {
	margin: 0 0 15px;
	width: 80px;
}

.modal-conteudo select.tempo {
	width: 40px;
}

.modal-conteudo button.bipme_novo {
	background: url(../../images/modal-cria-alerta/botao-bipme.gif)
		no-repeat;
	bottom: 0;
	height: 38px;
	position: absolute;
	right: 0;
	width: 34px;
}

.modal-conteudo button.bipme {
	background: url(../../img/botao/bipme.png) no-repeat;
	width: 37px;
	height: 37px;
	bottom: 0;
	right: 0;
	position: absolute;
}

/*
Rodape
-------------------*/
.modal-rodape {
	background: url(../../images/modal-cria-alerta/modal-rodape.png)
		no-repeat;
	height: 105px;
}

/*********** MODAL ALERTA ********************/
#lightbox-alerta {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 9999;
	width: 500px;
	height: 400px;
	margin: -220px 0 0 -250px;
	text-align: left;
}

#lightbox-alerta[id] {
	position: fixed;
}

#overlay-alerta {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5000;
	background-color: #FFF;
	-moz-opacity: 0.3;
	opacity: .30;
	filter: alpha(opacity = 30);
}

#modal-alerta {
	height: 342px;
	left: 50%;
	margin: -171px 0 0 -278px;
	position: absolute;
	top: 50%;
	width: 556px;
}

/*
Cabecalho
-------------------*/
.modal-alerta-cabecalho {
	background: url(../../images/modal/modal-cabecalho2.png) no-repeat;
	height: 27px;
	padding: 27px 68px 0;
	position: relative;
}

.modal-alerta-cabecalho h3 {
	color: #FFF;
	font-size: 15px;
	font-weight: 800;
	text-transform: uppercase;
}

.modal-alerta-cabecalho span {
	background: url(../../images/modal/fechar.gif) no-repeat center right;
	color: #BBE49B;
	font-size: 0.8em;
	padding: 7px 0 7px;
	position: absolute;
	right: 38px;
	top: 25px;
	width: 55px;
}

.modal-alerta-cabecalho span a {
	color: #BBE49B;
	display: block;
	text-decoration: none;
}

/*
Meio
-------------------*/
.modal-alerta-meio {
	background: url(../../images/modal/modal-meio.png) repeat-y;
}

.modal-alerta-conteudo {
	background: #fff;
	margin: 0 0 0 58px;
	position: relative;
	width: 468px;
}

/*
Conteudo especifico
-------------------*/
.modal-alerta-programa {
	font-size: 0.7em;
	padding: 15px 30px;
	position: relative;
}

.modal-alerta-programa ul,ol {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}

.modal-alerta-programa li {
	line-height: 20px;
	line-height: 1.2em;
	vertical-align: top;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	line-height: 1.1em;
	margin: 5px 15px 5px 0;
	outline-color: -moz-use-text-color;
	outline-style: none;
	outline-width: 0;
	padding: 0;
	font-size: 11px;
}

.modal-alerta-programa img.canal {
	float: left;
	margin: 0 15px 0 0;
}

.modal-alerta-programa img.programa {
	position: absolute;
	right: 30px;
	top: 15px;
}

.modal-alerta-conteudo p {
	font-size: 1.3em;
	margin: 0;
	padding: 10px 10px 3px 30px;
	text-transform: uppercase;
}

.modal-alerta-conteudo span {
	bottom: 5px;
	font-size: 0.6em;
	position: absolute;
	right: 28px;
	text-transform: uppercase;
}

/*
Rodape
-------------------*/
.modal-alerta-rodape {
	background: url(../../images/modal/modal-rodape.png) no-repeat;
	height: 105px;
}

/************************* MODAL LARGO *********************************/
#modal-largo {
	height: 200px;
	left: 50%;
	margin: -250px 0 0 -350px;
	position: absolute;
	top: 50%;
	width: 700px;
}

/*
Cabecalho
-------------------*/
.modal-largo-cabecalho {
	background:
		url(../../images/modal-cria-alerta/modal-cabecalho-largo.png)
		no-repeat;
	height: 20px;
	padding: 34px 48px 0;
	position: relative;
}

.modal-largo-cabecalho h3 {
	font-weight: normal;
	color: #FFF;
	font-weight: 800;
	font-size: 14px;
}

.modal-largo-cabecalho span {
	background: url(../../images/modal/fechar.gif) no-repeat center right;
	color: #BBE49B;
	font-size: 0.7em;
	padding: 7px 0 7px;
	position: absolute;
	right: 43px;
	top: 30px;
	width: 55px;
	font-size: 10px;
}

.modal-largo-cabecalho span a {
	color: #BBE49B;
	display: block;
	text-decoration: none;
}

/*
Meio
-------------------*/
.modal-largo-meio {
	background: url(../../images/modal-cria-alerta/modal-meio-largo.png)
		repeat-y;
	padding: 0 40px;
	width: 622px;
}

.modal-largo-conteudo {
	background: #fff;
	padding: 10px;
	position: relative;
	width: 601 px;
}

/*
Conteudo especifico
-------------------*/
.modal-largo-conteudo h4 {
	color: #998675;
	font-size: 0.9em;
	font-weight: 800;
}

.modal-largo-conteudo h4 em {
	color: #736357;
	font-size: 1.2em;
	font-weight: normal;
}

.modal-largo-conteudo ul {
	margin: 15px auto;
	width: 300px;
}

.modal-largo-conteudo ul:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
}

.modal-largo-conteudo li {
	font-size: 0.8em;
	float: left;
	margin: 0 10px;
	width: 60%;
}

.modal-largo-conteudo li.first {
	text-align: right;
	width: 25%;
}

.modal-largo-conteudo li em {
	color: #78B023;
	display: block;
	font-size: 1.2em;
	font-weight: 800;
	margin: 5px 0;
}

/* FORM */
.modal-largo-conteudo form {
	margin: 0;
	padding: 0;
	position: relative;
}

.modal-largo-conteudo fieldset {
	border: 0;
	margin: 0 0 10px 0;
	position: inherit;
	width: 250px;
}

.modal-largo-conteudo label {
	width: 80px;
}

.modal-largo-conteudo span.radio {
	display: inline-block;
	margin: -5px 0 0;
}

.modal-largo-conteudo select {
	margin: 0 0 15px;
	width: 80px;
}

.modal-largo-conteudo select.tempo {
	width: 40px;
}

.modal-largo-conteudo button.bipme_novo {
	background: url(../../images/modal-cria-alerta/botao-bipme.gif)
		no-repeat;
	bottom: 0;
	height: 38px;
	position: absolute;
	right: 0;
	width: 34px;
}

.modal-largo-conteudo button.bipme {
	background: url(../../img/botao/bipme.png) no-repeat;
	width: 37px;
	height: 37px;
	bottom: 0;
	right: 0;
	position: absolute;
}

/*
Rodape
-------------------*/
.modal-largo-rodape {
	background: url(../../images/modal-cria-alerta/modal-rodape-largo.png)
		no-repeat;
	height: 105px;
}