/***************
UTIL UTIL
UTIL UTIL
UTIL UTIL
****************/
.left
{
	float:left;
}

.right
{
	float:right;
}

.marginRight
{
	margin-right:1em;
}

.marginLeft
{
	margin-left:1em;
}

.alignRight
{
	text-align:right;
	padding-right:0.4em;
}

.alignCenter
{
	text-align: center !important;
}

.block
{
/*	display:block;*/
}

.white
{
	color:#FFF;
}

.black
{
	color:#000;
}

.light
{
	color:#EFECF9;
}

.reset{
	padding:0!important;
	margin:0!important;
}

.polaroid
{
	border-style: solid;
	border-color: #FFF;
	border-width:3px;
	border-bottom-width:8px;
	float:left;
	margin-right:1em;
}

/* dosColumnas */
/* uselo asi:
		<div class="dosColumnas">
			<div class="colIz">
				<label for="buBuscarDocumento">Buscar por documento:</label><br />
				<input id="buBuscarDocumento" type="text" class="textoGrande"/> <img src="/img/ojo.gif" class="inlineImg"/>
				<div id="buBuscarDocumentoCont"></div>	
			</div>
			
			<div class="colDer">
				<label for="buBuscarNombres">Buscar por nombres:</label><br />
				<input id="buBuscarNombres" type="text" class="textoGrande"/> <img src="/img/ojo.gif" class="inlineImg"/>
				<div id="buBuscarNombresCont"></div>
			</div>			
			<div class="clear">&nbsp;</div>
		</div>
*/
.dosColumnas .colIz
{
	float:left;
	width: 49%;
	/*border-right: 1px dashed #0043A3;*/
}
.dosColumnas .colDer
{
	padding-left: 1%;
	float:left;
	width: 49%;
}


/***************
FORMS FORMS
FORMS FORMS
FORMS FORMS
***************/
fieldset
{
	border: 1px solid #706096;
	padding:0px 10px;
}

legend
{
	font-weight:normal;
	font-size:1.2em;
	color:#706096;
}

textarea
{
	border:1px solid #706096;
	width:250px;
	height:40px;
	font-size:0.9em;
	color:#333;
}

input.text
{
	border:1px solid #706096;
	font-size:0.9em;
	width:120px;
	color:#333;
}

input.submit, button
{
	background: url('/img/button.gif') repeat-x top left ;
	border: 1px solid #786A9D !important;
	font-size:0.9em;
	color:#FFF;
	padding:0px 0.25em;
}

input.submit *
{
	
}

input.radio
{
	vertical-align:bottom;
	width:1em;
	height:1em;
}

input.checkbox
{
	vertical-align:bottom;
	width:1em;
	height:1em;
}

select
{
	width:120px;
	border:1px solid #706096;
	font-size:0.9em;
	color:#333;
}

option
{
 	color:#333;
}

.validError
{
	color:#FF0000;
	display:none;
}

.success
{
	color:#00AA00;
	display:none;
}

#sending
{
	display:none;
}

/***************
TEXT TEXT TEXT
TEXT TEXT TEXT
TEXT TEXT TEXT

look at sifr.js replaceElement statements for flash font replacement
****************/
#ft
{
	color:#999;
	font-size:0.8em;
}

#ft a
{
	color:#999;
	text-decoration:underline;
}

a
{
	color:#706096;
	text-decoration:none;
	font-size:0.9em;
}

p a
{
	font-size:1em;
}

a.selected, a:hover
{
	text-decoration:underline;
}

#leftNav div.nav, #leftNav div.navSelected
{
	text-align:right;
}

#leftNav a
{
	font-weight:normal;
	text-transform:lowercase;
	font-size:1.2em;
	text-decoration:none;
}

#leftNav div.nav a
{
	color:#FFF;
}

#leftNav div.nav a:hover, #leftNav div.navSelected a
{
	color:#706096;	
}

#leftNav div.navDark a
{
	color:#C5BDD5;
}

#leftNav div.navDark a:hover, #leftNav div.navDarkSelected a
{
	color:#FFF;	
}

h1
{
	font-weight:normal;
	text-transform:lowercase;
	font-size:1.8em;
	color:#706096;
}

h2
{
	font-weight:normal;
	font-size:1.2em;
	color:#706096;
}

h2.black
{
	font-family:helvetica,arial,clean,sans-serif;
	font-weight:bold;
}

h4
{
	font-weight:normal;
	text-transform:uppercase;
	color:#706096;
	text-align:center;
	font-size:0.8em;
}

h5, label
{
	font-weight:normal;
	font-size:0.9em;
	color:#706096;
}

p label
{
	font-size:1em;
}

/*h6
{
	font-weight:bold;
	font-size:0.9em;
}
*/

p
{
	font-size:0.9em;
	margin-bottom:0.5em;
}

strong
{
	font-weight:bold;
	/*font-size:1.1em;*/
}

.question
{
	cursor:pointer;
	text-decoration:underline;
}

/***************
PAGE LAYOUT
PAGE LAYOUT
PAGE LAYOUT
****************/
#doc 
{
	width:760px;
}

/***************
HEADER HEADER
HEADER HEADER
HEADER HEADER
****************/
#hd
{
	border: 1px solid #FFF;
	height:42px;
}

#logo
{
	margin-top:19px;
	float:left;
}

/***************
NAVIGATION BAR
NAVIGATION BAR
NAVIGATION BAR
****************/
/*Top Navigation bar*/
#navigation
{
	margin-top:27px;
	margin-left:auto;
	width:600px;
	color:#999;
	background-color:#FFF;
}

/*Top Navigation bar items*/
div.yuimenubar li.yuimenubaritem
{
	float:right;
	border:none;
	margin:0px;
	padding:0px;
}

/*Top Navigation bar items image*/
div.yuimenubar li.hassubmenu em.submenuindicator
{
	background-image:none;
}

/*Top Navigation bar items text*/
div.yuimenubar li.yuimenubaritem a, div.yuimenubar li.yuimenubaritem span 
{
	font-size:0.9em;
	font-weight:bold;
	text-transform:uppercase;
	color:#999;
}

div.yuimenubar li.yuimenubaritem a.nav_selected, div.yuimenubar li.yuimenubaritem span.nav_selected
{
	color:#222;
}

/*Spacing between Top Nav items*/
div.yuimenubar li.yuimenubaritem
{
	margin-left:20px;
}
.submenuindicator
{
	position:absolute;
	width:0px;
}

/*Top Navigation bar items text when selected*/
div.yuimenubar li.yuimenubaritem, div.yuimenubar li.yuimenubaritem a.selected, div.yuimenubar li.yuimenubaritem span.selected
{
	color:#222;
	background-color:#FFF;
	text-decoration:none;
}

/*Submenus*/
div.yuimenu
{	
	border: 0px none transparent !important;
}

div.yuimenu .bd
{
  	border:none !important;
}

div.yuimenu ul
{
	background-color:#AA9CC3;
	padding:0px;
	border:none !important;
}

/*Submenu items*/
div.yuimenu li.yuimenuitem
{
	min-width:80px;
	padding:2px 10px;
	border-bottom:1px solid #FFF;	
}

div.yuimenu li.yuimenuitem a, div.yuimenu li.yuimenuitem span
{
	color:#FFF;
	font-size:1em;
	font-weight:normal;
	text-transform:none;
}

/*Submenu items when selected*/
div.yuimenu li.yuimenuitem.selected
{
	background-color:#AA9CC3;
}

div.yuimenu li.yuimenuitem a.selected, div.yuimenu li.yuimenuitem span.selected
{
	color:#6B578F;
	background-color:#AA9CC3;
}

/***************
 BODY BODY BODY
 BODY BODY BODY
 BODY BODY BODY
****************/
#bd
{
	position:relative;
	border:1px solid #999;
	height: 297px;
	overflow:hidden;
}