/**WEB 2.0*********************************************************/
/*--- Elementos HTML ---*/
body
{   background-color:   			#fff;
	font-size:						11px;
	font-weight:					normal;
	font-family:					Arial, Helvetica, sans-serif;;
}
caption
{	height:							auto;
	margin:							0px auto;
	padding-top:					10px;
}
div
{   background-color:  				#fff;
	height: 						auto;
}
img
{	border:							0px;
	margin:							0px 0px;
	padding:						0px 0px 0px 0px
}
input
{   border:                         1px solid #cccccc;
}
p
{	border-top:               		0px;
	min-height:						14px;
	height:                         auto;
	margin: 						0px 0px;
	padding:						0px 20px 0px 10px;
}
p#sel
{   height:                     	20px;
}
p, span
{	background-color: 				transparent;
}
table
{ 	border:							0px 0px 0px 0px;
	height:                         100%;
	margin:							auto auto;
	width:							100%;
}
table td
{	background-color: 				none;
	height:                         auto;
	margin: 						0px 0px;
	padding: 						0px 0px 0px 0px;
	vertical-align:                 top;
}
table th
{   height:                         auto;
	padding:                        2px 2px;
	text-align:                     center;
}
textarea
{   max-width:						100%;
}
/*---- CLASES DE FORMATEO---*/
/*--- Alineacion de Imagenes ---*/
img.Middle , td.Middle
{   vertical-align:                 middle;
}
img.Top , td.Top
{	vertical-align:                 top;
}
img.Right
{   float:                          right
}
img.Left
{  	float:                          left;
}
/*---Alineacion de Texto---*/
.center
{	text-align:						center;
}
.justify
{	text-align:						justify;
}
.left
{	text-align:						left;
}
.right
{	text-align:						right;
}
/*---Tamaños de Inputs---*/

/*--- MArgenes Existentes---*/
.mar_n , .mar_0, .mar_1, .mar_2 /*--- Margenes ---*/
{	margin-bottom: 					5px;
}
.mar_n
{	text-align:						left;
	margin-top: 					0px;
}
.mar_0
{	text-align:						left;
	margin-top: 					10px;
}
.mar_1
{	text-align:						left;
	margin-top: 					20px;
}
.mar_2
{	text-align:						left;
	margin-top: 					30px;
}
/****************************************
 CLASES ESPECIALES PARA ESTA WEB
*****************************************/
/*--- Divs ---*/
/*--- Div del Logo ---*/



div.DIV_mas
{	margin-top:						20px;
	background-color:			#ffffcc;
}
div.DIV_mas div
{	background-color:			#ffffcc;
}
div.DIV_mas div#mas
{   padding:    					0px 0px;
}


/*--- Rsultado de la PAginacion ---*/
div.DIV_res
{	margin-top: 20px;
}
div.DIV_new
{	background-color:				#f0f0f0;
}
/*--- Div que globaliza la Edicion o el nuevo elemento---*/
div.DIV_tex
{	background-color:				transparent;
}
div.DIV_sec
{   background-color:				#eeeeee;
	display:                        none;
	float: 							left;
	height:							auto;
	margin: 						20px 0px;
	width: 							100%;
}
div.DIV_sec div
{	background-color:				transparent;
}


div.DIV_men
{
	border:                         1px solid #757575;
	border-left: 0px;
	height:							30px;
	margin-top: 					10px;
}


table.TAB_men td.menu_der
{	width:							250px;
}
table.TAB_fic
{	height:							auto;
}
table.TAB_fic td
{	border:							1px solid #fff;
}


table#mas td.error
{	height:							300px;
	vertical-align:					middle;
}


p#for
{	background-color:	#cccccc;
	height:				auto;
}
/*--- CLASES ESPECIALES ---*/
/*--- ELEMENTO ESPECIAL INPUT FILE ---*/

.acciones td , .acciones th /*---Tabla Acciones---*/
{	padding:						0px 15px;
}
.buscador   /*---Buscador---*/
{	border:							1px solid #4f4f4f;
	background-color: 				#eeeeee;
	margin-top:						0px;
	padding: 						0px;
	width:							400px;
}
.buscador td , .buscador th /*---Buscador---*/
{	background-color:				#eeeeee;
}

.EST_submenus   /*--- Clase que vincular al pasar el Raton por Opcion del menu ---*/
{	background-color:				#fff;
}
input.radio /*---Elemento Radio de Formulario ---*/
{	background-color:				#f0f0f0;
	border:							0px;
	height:							auto;
}
textarea
{   padding: 2px 10px;
}
.nad    /*-- Elemento para listado Vacío ---*/
{	height:							70px;
	text-align:						center;
}
table.listado   /*--- Listados ---*/
{	margin:							0px auto;
	margin-top:						10px;
}
table.listado td, table.listado th  /*--- Celdas Listados ---*/
{	background-color: 				#fff;
	border-bottom:					1px solid #b0b0b0;
	border-left:					1px solid #E4E4E4;
	padding:						0px 5px;
	vertical-align: 				middle;
}
table.cabecera th, table.cabecera td    /*--- Celdas de la cabecera ---*/
{	padding:						0px 15px;
}
td.logo     /*--- Logotipo inicial ---*/
{
	height:							75px;
	text-align:						right;
	vertical-align:					absBottom;
}
td.menu     /*--- Formato del menu ---*/
{
}



.ventana td /*--- Fondo de la ventana de Ediciono nuevo elemento ---*/
{	background-color:				#eeeeee;
}



/*---DEFINITIVO---*/

/*---TAGS---*/
div
{	height:                             auto;
	width:                              100%;
}
form
{   margin:                             0px;
	padding:                            0px 0px;
}
iframe.ifram
{	display:							none;
}
iframe
{	background-color: 					tansparent;
}
img
{   border:                             0px;
}
input
{   background-color:           		rgb(238,238,238);
	border:                     		1px rgb(204,204,204) solid;
	color:                      		rgb(0,0,0);
	font-size:                  		15px;
	height:                     		17px;
	padding:    						0px 10px;
}
p
{   padding:                            0px 10px;
}
table
{   width:                              100%;
}
td
{   padding:                            0px 10px;
}

/*---ELEMENTOS.FIJOS---*/
.eleLeft
{   float:                              left;
}
.eleMiddle
{   vertical-align:                     middle;
}
.eleCenter
{   margin:                             0px auto;
}
.eleRight
{   float:                              right
}
.center
{   text-align:                         center;
}
.justify
{   text-align:                         justify;
}
.left
{   text-align:                         left;
}
.right
{   text-align:                         right;
}
.error
{   
	height:                             220px;
	padding-top:                        150px;
	text-align:							center;
}
#TAB_lis input , .DIV_global input
{   font-size:                          11px;
	height:                             13px;
}

/************************TAMAÑOS**************************/
.tamano0
{   width:                              95%;
}
.tamanoA
{   width:                              50%;
}
.tamanoB
{   width:                              45%;
}
.tamanoC
{   width:                              160px;
}
.tamanoD
{   width:                              140px;
}
.tamanoE
{   text-align:                         center;
	width:                              60px;
}
.tamanoF
{   width:                              15px;
	text-align: center;
}
/*---ELEMENTOS.PERSONALIZADOS---*/
/*--- Elemento flotante de Fondo al editar o crear un nuevo Elemento. Desactivación Pantalla Principal ---*/
.sombra
{	background-color:				#4f4f4f;
	display:						none;
	filter:							alpha(opacity=40);
	height: 						700px;
	left:							0;
	max-height: 					100%;
	opacity:						0.4;
	position:						absolute;
	top:							0;
	width:							100%;
	z-index:						2000;
}
/*---Tabla.de.menus---*/
table.TAB_men
{	border: 						1px solid rgb(0,0,0);
	clear:							both;
	height:							auto;
	text-align:						center;
}
table.TAB_men td.menu , table.TAB_men td.menu_der
{   background-color:				#000;
	border: 						1px solid #fff;
	vertical-align:					top;
	width:							*;
}
/*---propiedades.del.menu.de.primer.nivel---*/
td.menu div, td.menu div.submenu    
{	float:							left;
	margin-right:					4px;
	position: 						relative;
	text-align:						center;
	width:							120px;
}
/*---submenu---*/
td.menu div.submenu     
{ 	float:							left;
	height:							auto;
	left: 							0px;
	position:						absolute;
 	text-align:						left;
 	top:							15px;
 	width:							120px;
	z-index:						2000;
}
/*---parrafo.de.los.submenus---*/
td.menu p.submenu   /*--- Largura del Submenu ---*/
{   margin:                         0px 0px;
	width:                      	120px;
}
/*---formateo.de.los.parrafos.de.los.submenus---*/
td.menu p.submenu, .EST_submenus    
{	background-color:				#eeeeee;
	border: 						1px solid #000;
	border-top: 					0px;
	height:							auto;
	padding:						1px 3px;
}
.EST_submenus   /*--- Largura del Submenu ---*/
{   margin: 						0px 0px;
	width:                      	120px;
}
/*---tabla.de.resultados---*/
#TAB_lis
{	border:							1px solid #000;
	border-bottom: 					0px;
	height:							auto;
	width:                          98%;
}
#TAB_lis td
{   background-color:				rgb(255,255,255);
	border-bottom: 					1px solid #000;
	border-right:                   1px solid #ccc;
	text-align:						center;
	padding: 						2px 4px;
	vertical-align:					top;
}
td#lis
{   text-align:                     left;
}

/*---contenedor.acciones---*/

/*---contenedor.estado---*/

/*---contenedor.de.cabecera---*/
.DIV_cab
{   background-color:               rgb(0,0,0);
	height: 						auto;
	text-align:                     left;
}
.DIV_global
{   background-color:               rgb(248,248,248);
	border: 						1px solid rgb(204,204,204);
	margin: 						10px;
	padding:                        10px;
	text-align: 					left;
	width: 							auto;
}
.DIV_global p
{   margin-bottom: 20px;
}
.DIV_global p.v0
{   margin-bottom: 10px;
}
/*---contenedor.de.la.ventana.emergente---*/
.contenedor_accion  
{	border:							1px solid #000;
	background-color: 				#eeeeee;;
	display:						none;
	height:							auto;
	left: 							0;
	margin-left:					50%;
	margin:							1%;
	margin-top:						30px;
	position: 						absolute;
 	width: 							98%;
	z-index:						3000;
}
/*---contenedor.de.pestanyas---*/
#DIV_pes
{   border-bottom:                  1px solid rgb(204,204,204);
}
/*---barra.de.titulaje---*/

/*---input.file---*/
div.fileinputs
{	background-color:				transparent;
	position: 						relative;
	text-align:						left;
	width:							auto;
	
}
div.fakefile
{	background-color:				transparent;
	left: 							0px;
	position: 						absolute;
	top: 							0px;
	width:							auto;
	z-index: 						1;
}
div.fakefile input
{	width:							180px;
}
input.buton /*--- Formato de los inputs Files ---*/
{	border:							0px;
	background-color: 				transparent;
	background-image:  				url(../ima/ima_cal.gif);
	height:							15px;
	width:							50px;
}
input.file
{	-moz-opacity:					0 ;
	filter:							alpha(opacity: 0);
	opacity: 						0;
	position: 						relative;
	text-align: 					left;
	z-index: 						2;
}

#P_err
{   height:                     200px;
	padding-top: 				100px;
	text-align:                 center;
}


/*---menu---*/
div#Menu
{   border:                         3px rgb(16,89,150) double;
	border-left:                    0;
	border-right:                   0;
	width:                          auto;
}
div#Menu #Blo
{	background-color:				rgb(16,89,150);
	margin-right: 					3px;
	width:							140px;
}
div#Menu #Men
{	background-color:				rgb(0,0,0);
    margin-left: 					3px;
	padding:                        0 20px;
	width:							auto;
}
div#Menu #Blo div.Sub
{   background-color: 				rgb(238,238,238);
	border: 						1px  rgb(16,89,150) solid;
	display:						none;
    height: 						auto;
    position: 						absolute;
    width: 							140px;
    z-index:						5;
}
div#Menu #Blo div.Sub p
{   border-bottom: 1px rgb(255,255,255) solid;
	padding: 3px 10px;
}

/*---bloque.acciones---*/
.DIV_acc , .DIV_acc_opi
{   background-color:               rgb(248,248,248);
	border-bottom:                  1px rgb(16,89,150) solid;
	height: 						30px;
	margin:							0px 0;
	margin-bottom:                  10px;
	text-align:                     left;
	width:                          auto;
}
.DIV_acc_opi
{   border-top:                  1px rgb(16,89,150) solid;
	margin-top: 10px;
}
/*---bloque.estado---*/
.DIV_est
{   background-color:           	rgb(16,89,150);
	clear: 							both;
	color:                          rgb(255,255,255);
	height: 						14px;
}
/*---input.del.buscador---*/
#X_bus_ter
{   height:                         14px;
}

#P_barra
{   border-bottom:                  1px solid rgb(204,204,204);
}

#DIV_des
{   font-size:                      12px;
}