/* INI popup */
div.popup{
	position:absolute;
	text-align:left;
	width:400px;
	background:url('../images/fondo_popup.gif') bottom left repeat-x #f0f0f0;
	z-index:999;
	padding:0;
	overflow:visible;
}
div.popup_content{padding:0 10px 4px 10px;overflow:auto;height:280px}
#popup_overlay{
  background-color:whitesmoke;
  /* The following properties should not be changed */
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:500px;
}
span.popup_link,a.popup_link{
  cursor:pointer;
  border-bottom:1px dotted;
}
span.popup_closebox{cursor:pointer}
.popup_draghandle{cursor:move}
.popup_titlebar{background:#336699;color:#ffffff;text-align:right}
/* END popup */

h1,h2,h3{font-weight:bold}
h1{font-size:140%;color:#909090}
h2{font-size:120%;color:#787878}
h3{font-size:108%;color:#666666}
table.form h3{margin:0;color:#509d01;font-weight:normal}
table.form td{padding:4px 10px}
p,td,th{
	font-family:Verdana, Arial, Tahoma;
	font-size:12px;
}
th,td{vertical-align:top}
th{border-bottom:1px solid #c0c0c0}
th,.destacado{color:#ffffff}
tr.special td.special{background:#7fc439;color:#ffffff}

.resaltado1{font-weight:bold}
.resaltado2{font-weight:bold; color:#666666}

a:link,a:visited{text-decoration:none;color:#0000ff}
a:hover,a:active{text-decoration:underline;color:#0000ff}

a.boton:link,a.boton:visited,a.boton:hover,a.boton:active{color:#555566; border:.1em solid #003c74; padding:2px 8px; text-decoration:none; background:#f8f8f8}
a.boton_next:link,a.boton_next:visited,a.boton_next:hover,a.boton_next:active,a.boton_prev:link,a.boton_prev:visited,a.boton_prev:hover,a.boton_prev:active,input.boton_next,input.boton_save{color:#555566; border:1px solid #003c74; text-decoration:none}
a.boton_next:link,a.boton_next:visited,a.boton_next:hover,a.boton_next:active{padding:3px 10px 3px 24px; background:url('../images/flechita_open.gif') top left no-repeat #f8f8f8}
a.boton_prev:link,a.boton_prev:visited,a.boton_prev:hover,a.boton_prev:active{padding:3px 10px 3px 24px; background:url('../images/flechita_back.gif') top left no-repeat #f8f8f8}
a.boton img{vertical-align:middle}

.box{margin-top:.2em; background:#f8f8f8}
.boxtitle{margin:0; padding:2px; border:none; text-align:left; font-size:90%; font-weight:bold; color:#ffffff}
.boxcontent{margin:0; padding:2px; border:none; text-align:left; background:#f8f8f8}

td.lista{
	background:url('../img/interface/li.gif') top left no-repeat;
	padding-left:20px
}

.listadoclaro{background:#f8f8f8}
.listadonormal{background:#f0f0f0}
.listadoresaltado{background:#f8ffc0}

.border{border:1px solid #aaaaaa}
.underline{border-bottom:1px solid #aaaaaa}
.overline{border-top:1px solid #aaaaaa}
.coloreado{background-color:#f8f8f8}

.deslizador_open{height:9px;background:url('../img/interface/down.gif') center center no-repeat #f0f0f0}
.deslizador_close{height:9px;background:url('../img/interface/up.gif') center center no-repeat #f0f0f0}

hr{color:#f0f0f0}

textarea,input,select{font-family:Verdana; font-size:12px; color:#444444}

.inverted{color:#FFFFFF}

input.boton{width:10em; cursor:pointer}
input.botonbig{width:14em; cursor:pointer; margin:10px}
input.open,input.view,input.back{padding:2px 8px 2px 24px; cursor:pointer; font-weight:normal; background-color:#f8f8f8}

.message{background-color:#ffffe1; color:#333333; border:2px solid #ff9999; padding:4px; margin:0 0 1em 0}
/*.message.mini{background-color:#ffffe1; color:#333333; border:1px solid #ff9999; padding:2px; margin:0 0 1em 0}*/

div.date{float:left; padding:2px 4px 2px 4px; background:#fff9dd; color:#663333; text-align:center; font-size:12px; border:1px solid #333366}
div.date span{display:block; font-size:16px; font-weight:bold}

form{margin:0}

.imagebox{margin:0; padding:4px; border:0}
.textbox{margin:2px; text-align:justify}

.mini{font-size:90%}
.maxi{font-size:110%}

.menu div{padding:4px 0}

.separado1{padding-top:1em}
.separado2{padding-top:2em}
.separado3{padding-top:3em}
.separado1both{padding-top:1em;padding-bottom:1em}
.separado2both{padding-top:2em;padding-bottom:2em}
.separado3both{padding-top:3em;padding-bottom:3em}

.subtexto1{font-size:90%}
.subtexto2{font-size:80%}
.subtexto3{font-size:75%}

.external{}

.color_ok{color:#00cc00}
.color_ns{color:#ff9900}
.color_er{color:#ff0000}

.blockcell{width:60px}
.blocktitle{font-weight:bold;color:#808080}
.block{
	text-align:center;
	background:url('../images/fondo_menu.gif') bottom left repeat-x #f8f8f8;
	margin-bottom:10px;
}