/* CSS Document */
/*Contenedores Formulario*/
/*Contenedor General*/
.clr {
	clear: both;
}
.app_container{
	width: 			680px;
	background: 	#FDFDFD;
	display: 		block;
	height:			auto;
}
.app_content, .app_header, .app_columns{
	width:			98%;	
	margin-left: 	auto;
	margin-right: 	auto;
	margin-bottom:	10px;
	margin-top:		10px;
}
.app_columns{
	padding-left:	0px;
}
.app_left_column{
	float:			left;
	width:			31%;
	padding:		5px 5px 5px 5px;
}

.app_right_column{
	float:			right;
	width:			64%;
	padding:		5px 5px 5px 5px;
}
.app_container, .app_header, .app_left_column, .app_right_column{
	border:			#e0e0e0 solid 1px;
}


.app_actions{
	float:			right;
	background:		#FEFEFE none repeat scroll 0 0;
	padding:		5px 5px 5px 0;
}

.app_container h1{
	font-family:	Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:		14px;
	color:			#265C81;
	padding-left:	10px;
}

.app_left_column h2, .app_right_column h2{
	font-size:		12px;
	color:			#265C81;
}
.accordion-toggle h3{
	font-size:		12px;
	color:			#265C81;
}
.app_left_column p, .accordion-toggle p{
	border:			#e0e0e0 solid 1px;
}

.app_dataGrid table {
	width:			98%;
	margin-right: 	auto;
	margin-left: 	auto;
	border: 		1px solid #E7EFB8;
}
.app_dataGrid table th {
	font-weight: 	bold;
	background: 	#275E81 none repeat scroll 0 0;
	padding-top: 	2px;
	padding-right: 	2px;
	padding-bottom: 2px;
	padding-left: 	2px;
	color: 			#FFFFFF;
	text-align:		center !important;
}
.app_header table th a, .app_header table td a{
	text-decoration: underline;
}
.app_dataGrid table th a{
	color: #FFFFFF;
}
.app_dataGrid table td {
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	text-align:center !important;
}
dl {
	width: 100%;
}
dl dt{
	width: 			140px;
	float:			left;
	text-align:		left;
	font-weight:	bold;
	margin-right:	0.5em;
	display: 		block;
	vertical-align:	top;
}
dl dd{
	width:			60%;
}

.img_izq {
	float:			left;
	padding:		5px 10px 10px 5px;
}

/* FIN Columnas */
/*FIN contenedores*/

label {
	display:block;
	font-weight:bold;
	margin:5px 0;	
}

label span {
	font-weight: normal;
	color: #265C81;
}

label span a {
	font-weight: normal;
	color: #0066CC;
	text-decoration: none;
}

label span a:hover {
	font-weight: normal;
	color: #265C81;
	text-decoration: underline;
}

input {
	padding: 2.2px 2.2px 2.2px 0;
	border-color:0.1px solid #e0e0e0;
	font: normal 1em Verdana, sans-serif;
	color:#777;
	width: 150px;
}

textarea {
	width:285px;
	padding:2px;
	font: normal 1em Verdana, sans-serif;
	border-color:0.1px solid #006699;
	height:100px;
	display:block;
	color:#777;
}

input.button { 
	margin: 0; 
	font: bold 10px Verdana; 
	border-color: 0.1px solid #006699;
	background: #FFF; 
	padding: 2px 3px; 
	color: #4284B0;
	float: right;	
}

/*Notas de texto*/
.texto{
	color: #265C81;
	font-family: Tahoma; 
	font-weight: bold;
	font-size: 14px;
	margin-left: 5px;
}

.texto span {
	color: #265C81;
	font-weight: normal;
	font-family: Arial; 
	font-size: 11px;
	margin-left: 5px;
}

.texto_grande{
	padding-top: 10px;
	color: #265C81;
	font-family: Arial; 
	font-weight: bold;
	font-size: 16px;
	line-height: 25px;
	margin-left: 5px;
}

.texto_pequeno{
	padding-top: 7px;
	color: #555555;
	font-family: Tahoma; 
	font-weight: normal;
	font-size: 12px;
	line-height: 25px;
	margin-left: 5px;
}

.nota_critica{
	color: #CC0000;
	font-family: Tahoma; 
	font-weight: bold;
	font-size: 12px;
	margin-left: 5px;
}

.contenedor_nota_critica {
	margin-bottom: 20px;
	margin-top: 10px;
	width: 90%px;
	background: #FDFDFD;
	border: none;
	padding:10px 20px 0 5px;
}
/*FIN Notas de texto*/

/*	BARRA DE NAVEGACI�N	*/
.barra_nav {
	white-space:nowrap /*IE hack*/;
	border-bottom: #e0e0e0 solid 1.6px;
	min-width: 40%;
	height: 35px;
	margin: 0	0 15px 0; 
	padding: 15px 10px 5px 10px;
	font-family:tahoma,arial,sans-serif;
	font-size: 12px;
} 
/*	BARRA DE NAVEGACI�N */


/*Barra de prueba*/
.preload2 {
	background: url(../img/button4a.gif);
}

.menu2 {
	padding:0; 
	margin:0; 
	margin-bottom:0; 
	list-style:none; 
	height:25px; 
	background:#fff url(../img/fd_menu.gif) repeat-x; 
	position:relative; 
	font-family: arial, verdana, sans-serif; 
}

.menu2 li.top {
	display:block; 
	float:left; 
	position:relative;
}

.menu2 li a.top_link {
	display:block; 
	float:left; 
	height:25px; 
	margin-left:6px; 
	line-height:25px; 
	color:#333; 
	text-decoration:none; 
	font-size:11px; 
	font-weight:bold; 
	padding:0 0 0 0; 
	cursor:pointer;
}

.menu2 li a.top_link span {
	float:left; 
	display:block; 
	padding:0 10px 0 6px; 
	height:40px;
}

.menu2 li a.top_link span.down {
	float:left; 
	display:block; 
	padding:0 10px 0 6px; 
	height:25px;/*background:url(prodrop2/down.gif) no-repeat right top;*/
}

.menu2 li a.top_link:hover {
	color:#fff; 
	background:url(../img/button4a.gif);
}

.menu2 li a.top_link:hover span { 
	background:url(../img/button4a.gif)
}

.menu2 li a.top_link:hover span.down { background:url(../img/button4a.gif)}

.menu2 li:hover > a.top_link {color:#fff; background:url(../img/button4a.gif);}

.menu2 li:hover > a.top_link span {background:url(../img/button4a.gif);}

.menu2 li:hover > a.top_link span.down {background:url(../img/button4a.gif);}

.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu2 a:hover {
	visibility:visible;
}
.menu2 li:hover {
	position:relative; z-index:200;
}

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {
	position:absolute; 
	left:-9999px; 
	top:-9999px; 
	width:0; 
	height:0; 
	margin:0; 
	padding:0; 
	list-style:none;
}

.menu2 :hover ul.sub {
	left:6px; 
	top:25px; 
	background: #fff; 
	padding:0; /*border:1px solid #1E8BB5; white-space:nowrap;*/ 
	width:auto; 
	height:auto; 
	font-weight:normal;
}

.menu2 :hover ul.sub li {
	display:block; /*height:20px; */
	position:relative; 
	float:left; 
	width:160px; 
	border-bottom:1px solid #D1D1D1; 
	border-left:1px solid #D1D1D1; 
	border-right:1px solid #D1D1D1; 
	margin-bottom:0;
}

.menu2 :hover ul.sub li a {
	display:block; 
	height:auto; 
	font-size:11px; 
	padding:4px 3px;
	line-height:1; 
	color:#005FB9; 
	text-decoration:none;
	padding-left: 10px; 
}

.menu2 :hover ul.sub li a.fly {
	background:#fff	url(../img/vineta_menu.gif) no-repeat 150px 6px;
}

.menu2 :hover ul.sub li a:hover {
	background:#F8F8F8;
	padding-left: 10px; 
	color:#005FB9;
}

.menu2 :hover ul.sub li a.fly:hover {
	background:#F8F8F8 url(../img/vineta_menu.gif) no-repeat 150px 6px;
}

.menu2 :hover ul li:hover > a.fly {
	background:#E5FAFC
} 

.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul {
	left:160px; 
	top:-1px; 
	background: #fff; 
	padding:0; /* white-space:nowrap; */
	width:auto; 
	z-index:300; 
	height:auto;
}

.menu2 :hover ul.sub li ul {
	border-top:1px solid #005FB9; 
	background: #fff; 
	z-index:300;
}

.menu2 :hover ul.sub li ul.sub {
	left:6px; 
	top:25px; 
	background: #fff; 
	padding:0; /*border:1px solid #1E8BB5; white-space:nowrap;*/ 
	width:auto; 
	height:auto; 
	font-weight:normal;
}

.menu2 :hover ul.sub li ul.sub li {
	display:block; /*height:20px; */
	position:relative; 
	float:left; 
	width:160px; 
	border-bottom:1px solid #D1D1D1; 
	border-left:1px solid #D1D1D1; 
	border-right:1px solid #D1D1D1; 
	margin-bottom:0;
}


/* Barra de Navegaci�n*/

/* Iconos de la barra de menu*/
.inicio {
	float: right;
	padding-top: 4px;
	padding-right: 10px; 
}
/* FIN Iconos de la barra de menu*/

/* Iconos para interfaz inicial de donantes y administradores*/
#menu_panel {
	padding: 4px 0 0 30px;
}

#menu_panel a {
	background-color: #fff;
}


#menu_panel a:hover {
	background-color: #E3E3E3;
}

#menu_panel a .imgMenu {
	border: 1px solid #CCCCCC;
	background-color: #fff;
	padding: 1px 30px 1px 30px;
}


#menu_panel a:hover .imgMenu {
	background-color: #E3E3E3;
	border: 1px solid #D1DFF3;
}
/* Fin Iconos para interfaz inicial de donantes y administradores*/

/*Icono contextual*/
.icono_contextual {
	padding: 0 5px 0 0;
}
/*Fin icono contextual*/

/* Botones */
/* Bot�n continuar*/
a.boton_continuar {
	background: transparent url(../img/bg_button_a.gif) no-repeat scroll top right;
	color: #265C81;
	display: block;
	float: right;
	font: 12px arial, sans-serif;
	font-weight: bold;
 	height: 24px;
	margin-right: 6px;
	padding-right: 18px; /* sliding doors padding */
	text-decoration: none;
}

a.boton_continuar span {
	background: transparent url(../img/bg_button_span.gif) no-repeat;
	display: block;
	line-height: 14px;
	padding: 5px 0 5px 18px;
}

a.boton_continuar:active {
	background-position: bottom right;
	color: #000;
	outline: none; /* hide dotted outline in Firefox */
}

a.boton_continuar:active span {
	background-position: bottom left;
	padding: 6px 0 4px 18px; /* push text down 1px */
}
/* FIN Bot�n continuar*/

/* Bot�n subir*/
a.boton_subir {
	background: transparent url(../img/boton_subir.gif) no-repeat scroll top right;
	color: #265C81;
	display: block;
	float: left;
	font: 12px arial, sans-serif;
	font-weight: bold;
 	height: 24px;
	margin-right: 6px;
	padding-right: 21px; /* sliding doors padding */
	text-decoration: none;
}

a.boton_subir span {
	background: transparent url(../img/bg_button_span.gif) no-repeat;
	display: block;
	line-height: 14px;
	padding: 5px 0 5px 21px;
}

a.boton_subir:active {
	background-position: bottom right;
	color: #000;
	outline: none; /* hide dotted outline in Firefox */
}

a.boton_subir:active span {
	background-position: bottom left;
	padding: 6px 0 4px 21px; /* push text down 1px */
}
/* FIN Boton subir */

/* Bot�n buscar */
a.boton_buscar {
	background: transparent url(../img/boton_buscar.gif) no-repeat scroll top right;
	color: #265C81;
	display: block;
	float: left;
	font: 12px arial, sans-serif;
	font-weight: bold;
 	height: 24px;
	margin-right: 6px;
	padding-right: 21px; /* sliding doors padding */
	text-decoration: none;
}

a.boton_buscar span {
	background: transparent url(../img/bg_button_span.gif) no-repeat;
	display: block;
	line-height: 14px;
	padding: 5px 0 5px 21px;
}

a.boton_buscar:active {
	background-position: bottom right;
	color: #000;
	outline: none; /* hide dotted outline in Firefox */
}

a.boton_buscar:active span {
	background-position: bottom left;
	padding: 6px 0 4px 21px; /* push text down 1px */
}
/* FIN Boton subir */
/* Fin Botones*/

/* Manejo de imagenes y texto al lado*/
.img_izq {
	padding: 5px 10px 10px 5px;
	float: left;
}

.texto_der {
	padding-left: 20px;
}
/* FIN Manejo de imagenes y texto al lado*/

/* Estilos para t�rminos y condiiocnes de la afiliaci�n */
.terminos {
	position: relative;
}

.terminos form {
		font: 1em/1.75em	Verdana, ;
}

.terminos form .texto_pequeno {
	padding-top: 7px;
	color: #333333;
	font-family: Tahoma; 
	font-weight: normal;
	font-size: 12px;
	line-height: 25px;
	margin-left: 5px;
}

.terminos input {
	 width: 10px;
}
/* FIN Estilos para t�rminos y condiciones de la afiliaci�n */

/* Operaciones administrativas */
.menu_operaciones {
	float: right; 
}
/* FIN Operaciones administrativas */

