@charset "utf-8";
/* CSS Document */

html, body  {
   padding: 0px;
   margin: 0px;
   background-color: #FFFFFF;
   font-family: Calibri, Arial;
   font-size:12px;
   height:100%;
   background:url(images/background_img.png) repeat fixed;
}

#wrapper {
   width: 100%;
   text-align:center;
   z-index:1;
}

#bacground{
	position:relative;
	width:100%;
	z-index:1;
}

#container{
   position: relative;
   margin: 0px auto 0px auto;
   width: 980px;
   height:780px;
   /*background:#FFFFFF;*/
   z-index:1;
}


/* IMG DE INDEX */
#main_img{
	  position:absolute; 
	  bottom:0px; 
	  z-index:0;
	  width:100%;
	  height:507px;
	  background:url(images/main_img.png) no-repeat center center;
	  }

/* HEADER */
.header_part{
	position:absolute;
	top:155px;
	left:0px;
	width:567px;
	height:48px;
	z-index:2;
	background:url(images/header_part_img.png) no-repeat;
	}
	
/* PARA TITULOS DEL HEADER */
.name_seccion{
	position:absolute;
	left:45px;
	top:160px;
	font-size:30px;
	font-style:italic;
	font-weight:bold;
	color:#000000;
	z-index:5;
}
.desc_seccion{
	position:absolute;
	left:280px;
	top:164px;
	font-size:26px;
	font-style:italic;
	font-weight:bold;
	color:#FFFFFF;
	z-index:5;
}



/* LOGIN FORM */
#form_login{
	position:absolute;
	top:35%;
	right:5%;
	padding:0px 10px 0px 10px;
	text-align:justify;
	-moz-border-radius: 10px;
	width:388px;
	height:171px;
	background:url(images/back_block_login.png);
}
.back_form_login{
	position:absolute;
	left:0px;
	top:26%;
	width:100%;
	height:299px;
	background:url(images/main_img_login.png) no-repeat #FFFFFF;
	border-bottom:10px solid #000a3e;
	border-top:10px solid #000a3e;
	z-index:0;
	}



/* LOGO */
.logo{
	position:absolute;
	top:80px;
	right:100px;
	width:250px;
	height:112px;
	background:url(images/logo_img.png) no-repeat;
	z-index:4;
}
	
/* LOGOUT MENU */
#logout_menu{
	position:absolute;
	top:210px;
	right:5px;
	z-index:2;
}

/* MENU DE SECCION */
#menu_seccion{
	position:absolute;
	top:0px;
	right:118px;
	z-index:2;
}

/* MENUS */
#menu{
	position:absolute;
	top:0px;
	right:231px;
	z-index:2;
}




/* MENU MAIN CONTENT */
#afiliacion{
	position:absolute;
	/*top:60px;
	left:0px;*/
	top:40%;
	right:30%;
	padding-left:240px;
	/*padding-top:25%;*/
	}
#organizacion{
	position:absolute;
	/*top:60px;
	left:490px;*/
	top:40%;
	right:13%;
	/*padding-top:25%;*/
	}
	
	

/* CAPA DE CONTENT FORMS */
#content_forms{
	position:absolute; 
	left:0px;
	top:130px;
	width:980px;
	background:#FFFFFF;
}
	
	
	
/* AFILIACION AND ORGANIZATION PART */
/* GUARDA */
#ao_form{ 
	margin:10px;
	margin-top:30px;
	margin-bottom:73px;
	margin-left:250px;
	text-align:left;
	/*border:1px dotted #CCCCCC;*/
	border-left:1px dotted #F8F8F8;
	border-right:1px dotted #F8F8F8;
	padding:10px;
	width:500px;
}
#ao_form td{
	padding:5px 5px 0px 5px;
	}
	
/* BUSCAR */
#afiliacion_search{ 
	position:absolute; 
	left:0px;
	top:15px; 
	margin:10px; 
	padding-left:15px; 
	padding-top:10px; 
	text-align:left;
	width:960px;
}
#searc_result{
	position:absolute;
	top:95px;
	width:980px;
	background:#FFFFFF;
	border-top:1px solid #333333;
	padding-top:15px;
}
.colorRow_1{
	background:#eeeeee;
	}
.colorRow_2{
	background:#F8F8F8;
	}
#resultados table{
	margin:10px;
	}
#resultados table td{
	border-bottom:1px solid #666666;
	border-right:1px solid #666666;
	padding:10px 0px 10px 0px;
	}
#resultados .titles{
	font-weight:bold;
	text-transform:uppercase;
	}
#resultados img{
	cursor:pointer;
	}
#encabezado{
	background:#004186;
	color:#FFFFFF;
	font-size:14px;
	text-align:left;
	padding:10px;
	margin:0px 10px 15px 10px;
	}
/* PARA PODER CAMBIAR LA CANTIDAD DE PAGINAS */
#register{
	text-align:right;
	padding:10px;
	margin-bottom:15px;
	}
#register a{
	text-decoration:none;
	color:#990000;
	}
#register a:hover{
	text-decoration:underline;
	color:#993300;
	}
#total_register{
	text-align:right;
	padding:10px 10px 0px 10px;
	}
/* PARA CAMBIAR DE PAGINA */
#numberpage{
	margin-bottom:15px;
	/*border-bottom:1px solid #999999;
	border-top:1px solid #999999;*/
	background:#F8F8F8;
	width:980px;
	}
.normal_page{
	text-align:center;
	margin-left:5px;
	color:#006600;
	display:inline-block;
	width:15px;
	height:15px;
	text-decoration:none;
}
.normal_page:hover{
	text-decoration:underline;
}
.active_page{
	text-align:center;
	margin-left:5px;
	border:1px solid #006600;
	background:#006600;
	color:#FFFFFF;
	display:inline-block;
	width:15px;
	height:15px;
	text-decoration:none;
}
#prev{
	display:inline-block;
	width:16px;
	height:10px;
	background:url(images/prev_single.png) no-repeat;
	border:none;
	}
#next{
	display:inline-block;
	width:16px;
	height:10px;
	background:url(images/next_single.png) no-repeat;	
	border:none;
	}
#prev_multi{
	display:inline-block;
	width:16px;
	height:10px;
	background:url(images/prev.png) no-repeat;
	border:none;
	}
#next_multi{
	display:inline-block;
	width:16px;
	height:10px;
	background:url(images/next.png) no-repeat;	
	border:none;
	}
	
#no_search{
	width:550px;
	padding:10px;
	margin-top:30px;
	background:url(images/error_back.png);
	border:2px solid #990000;
	color:#FFFFFF;
	font-weight:bold;
	font-size:13px;
	position:absolute;
	left:215px;
	-moz-border-radius: 15px;
	}
	
#senderform{
	border:1px solid #CCCCCC;
	background:#F8F8F8;
	text-align:justify;
	display:none;
	margin-bottom:20px;
	}
#senderform td{
	border:none;
	}
	
#senderspecial{
	border:1px solid #CCCCCC;
	background:#F8F8F8;
	text-align:justify;
	display:none;
	margin-bottom:20px;
	}
#senderspecial td{
	border:none;
	}
	


/* BOTONES */
.btn{
	border:1px solid #CCCCCC;
	background:#F8F8F8;
	color:#333333;
	padding:5px 5px 5px 5px;
	cursor:pointer;
	font-size:12px;
	font-weight:bold;
	font-family:Calibri, Arial;
	-moz-border-radius: 10px;
}	
.btn:hover{
	border:#999999 1px solid;
	background:#CCCCCC;
	color:#333333;
}

#loginBTN{
	border:1px solid #CCCCCC;
	background:#FFFFFF;
	color:#333333;
	padding:5px 5px 5px 5px;
	cursor:pointer;
	font-size:14px;
	font-weight:bold;
	font-family:Calibri;
	-moz-border-radius: 15px;
	}
#loginBTN:hover{
	border:#999999 1px solid;
	background:#F8F8F8;
	color:#333333;
}


/* INPUT */
.inputText_Style{
	border:1px solid #CCCCCC;
	background:#FFFFFF;
	color:#333333;
	padding:5px 5px 5px 5px;
	font-size:14px;
	font-weight:bold;
	font-family:Calibri;
	-moz-border-radius: 10px;
	margin-bottom:5px;
	}



/* LABEL ERROR DE VALIDACIONES */
/*#orgform label.error,
#afiform label.error {
	margin-top:5px;
	display:block;
	color:#990000;
	font-size:12px;
	background:url(images/svn_conflicted.png) 10px no-repeat #FFFFCC;
	padding:5px 0px 5px 35px;
	-moz-border-radius: 10px;
}*/

#orgform label.error,
#afiform label.error {
	background: url('http://dev.jquery.com/view/trunk/plugins/validate/demo/images/unchecked.gif') no-repeat #FFFFCC;
	margin-left: .3em;
	position:absolute;
	z-index:10;
	color:#990000;
	font-size:12px;
	padding:2px 2px 2px 20px;
}
#orgform label.valid,
#afiform label.valid {
	background: url('http://dev.jquery.com/view/trunk/plugins/validate/demo/images/checked.gif') no-repeat;
	width: 16px;
	height: 16px;
}

#loginform .error{
	top:10px;
	margin-top:5px;
	display:block;
	color:#FFFF99;
	font-size:12px;
}
input.error { border: 1px solid #990000;}




/* ESTILOS DE MENSAJE PROMPT */
#cuerpoRESPALDO,
#cuerpoEXITO{
	position:fixed;  
	_position:absolute; /* hack for internet explorer 6*/
	padding:10px 10px 10px 10px;
	width: 400px;
	border: 4px solid #006600;
	background-color:#FFFFFF;
	-moz-border-radius: 10px;
	z-index:999;
}
#cuerpoRESPALDO p,
#cuerpoEXITO p{
	text-align:justify;
	padding-left: 20px;
}
#cuerpoRESPALDO,
#cuerpoEXITO .promptTitle{
	color:#669900; 
	font-size:18px; 
	border-bottom:#CCCCCC 1px solid;
	text-align:center;
}

#cuerpoEXITO .etiquetas{
	font-weight:bold;
	background:#F8F8F8;
}

#cuerpoEXITO .resaltar{
	font-weight:bold;
	color:#990000;
	font-size:14px;
}

#backMEESSAGE{ 
	position:fixed;  
	display:block;
	/*height:100%;*/  
	width:100%;  
	top:0;  
	left:0;  
	/*background:#000000;*/
	filter: alpha(opacity=50); 
	opacity:.5;
	background:url(images/overlay.png) repeat;
	z-index:998;
}



/* TOOLTIP */
/* override the arrow image of the tooltip */ 
#mini_dynatip{
	display:none;
	border: 2px solid #003366;
	background-color:#FFFFFF;
	z-index: 3000;
	-moz-border-radius: 10px;
    padding:5px;
	text-align:center;
	vertical-align:middle;
	font-size:12px;
}
#mini_dynatip a{
	text-decoration:underline;
	color:#0066CC;
}
#mini_dynatip li{
	color:#990000;
	margin-left:-15px;
}



/* PARA MOSTAR IMAGEN CARGADA */
#photo_firma,
#photo_huella,
#photo_person{
	position:absolute; 
	top:-5px; 
	left:195px;
	padding:5px 10px;
	width:225px;
	background:#FFFFFF;
	-moz-border-radius: 10px;
}



/* CLASES INDEPENDIENTES */
.title_content{
	font-size:16px;
	padding:10px 10px 5px 0px;
	color:#FFFFFF;
	width:100%;
	text-align:center;
	font-style:italic;
	font-weight:bold;
	}

.example{
	color:#669900;
}

.text_mensa{
	width:300px;
	font-family: Calibri, Arial;
	font-size:12px;
}

.enlace_option1{
	display:block;
	width:158px;
	height:111px;
	background:url(images/btn_insertar_afiliado.png) no-repeat;
	}
.enlace_option2{
	display:block;
	width:158px;
	height:111px;
	background:url(images/btn_buscar_afiliado.png) no-repeat;
	}
	
.enlace{
	color:#FFFFFF;
	background:#000a3e;
	border:#FFFFFF 2px solid;
	border-top:none;
	text-decoration:none;
	display:block;
	padding:5px;
	width:100px;
	-moz-border-radius: 10px 10px 15px 15px;
	}
.enlace:hover{
	color:#FFFF00;
	}


/* LOADER */
#loading{
	position:relative;
	z-index: 8;
	margin: 0px auto 0px auto;
	width: 150px;
	text-align:center;
	background:#FFFFFF;
	border: 1px solid #333333;
	padding: 3px 3px 3px 3px;
	font-family: NewsGoth, Arial;
	font-size: 13px;
	font-weight: bold;
	color:#669900;
}