/********************************************************************
CSS < srv_pubcatalogo >

IMPLEMENTACIÓN:
	El html del cada acción está dentro de:	
	<div id="{ code_action }" >		
	APOYAMOS CSS EN ESOS ID 
   
	(c) NetCentros WebSystems SL     www.netcentroseduca.net
*********************************************************************/


/*#######################################################################################
COMÚN SERVICIO 
	PARA TODAS ACCIONES
########################################################################################*/


/*
Bloques Layout, Solapas comunes, etc
-------------------------------------------------------
*/
#ColIzquierda,
#ColIzquierdaConv{
	float:left;
	width:230px;
	margin-top:20px;
}

#ColDerecha{
	float:left;
	/*width:740px;*/
	width:717px;  /*740-15-8=717*/
	padding-left:15px;
	padding-right:8px;
}
/*···························*/
.FontColorPar{
	color:#968C72;
}
.FontColorParV{
	color:#929E69;
}
.FontColor1{
	color:#536596;
}
.FontColor2{
	color:#5D9AB2;
}
.FontColor3{
	color:#C4774D;
}
.FontColor4{
	color:#C16F94;
}
.FontColor5{
	color:#CC9E5A;
}
.FontColor6{
	color:#99AA52;
}
.FontColor7{
	color:#A5856F;
}
.FontColor8{
	color:#75719E;
}
.FontColor9{
	color:#688C88;
}
.FontColor10{
	color:#7E9365;
}
.FontColor11{
	color:#AA6859;
}
.FontFontColor12{
	color:#7C4356;
}
/*···························*/
.BackColorPar{
	background-color:#F5F3EC;
}
.BackColorParV{
	background-color:#EAEFD8;
}
.BackColor1{
	background-color:#bbc4df;
}
.BackColor2{
	background-color:#8CC6E3;
}
.BackColor3{
	background-color:#EFA473;
}
.BackColor4{
	background-color:#F3ADCA;
}
.BackColor5{
	background-color:#FCD088;
}
.BackColor6{
	background-color:#C2D77C;
}
.BackColor7{
	background-color:#D0B4A1;
}
.BackColor8{
	background-color:#B9B4D5;
}
.BackColor9{
	background-color:#A1C1BE;
}
.BackColor10{
	background-color:#C6D4B8;
}
.BackColor11{
	background-color:#E19F8C;
}
.BackColor12{
	background-color:#BD7E90;
}
/*································*/
.BackColorPar_claro{
	background-color:#FCFBF9;
}
.BackColorParV_claro{
	background-color:#F9FBF3;
}
.BackColor1_claro{
	background-color:#F0F0F7;
}
.BackColor2_claro{
	background-color:#F2F8FB;
}
.BackColor3_claro{
	background-color:#FEF4ED;
}
.BackColor4_claro{
	background-color:#FEF6F9;
}
.BackColor5_claro{
	background-color:#FFF9F1;
}
.BackColor6_claro{
	background-color:#F8FAF0;
}
.BackColor7_claro{
	background-color:#F3EBE6;
}
.BackColor8_claro{
	background-color:#F6F6FA;
}
.BackColor9_claro{
	background-color:#F4F7F7;
}
.BackColor10_claro{
	background-color:#F8F9F6;
}
.BackColor11_claro{
	background-color:#FCF4F0;
}
.BackColor12_claro{
	background-color:#F7EFF0;
}
/*································*/

.BackGroundPar{
	background:url(../../shared_rec/img_shared/imgBackColorPar.png) no-repeat top right #FCFBF9;
}
.BackGroundParV{
	background:url(../../shared_rec/img_shared/imgBackColorParV.png) no-repeat top right #F9FBF3;
}
.BackGround1{
	background:url(../../shared_rec/img_shared/imgBackColor1.png) no-repeat top right #F0F0F7;
}
.BackGround2{
	background:url(../../shared_rec/img_shared/imgBackColor2.png) no-repeat top right #F2F8FB;
}
.BackGround3{
	background:url(../../shared_rec/img_shared/imgBackColor3.png) no-repeat top right #FEF4ED;
}
.BackGround4{
	background:url(../../shared_rec/img_shared/imgBackColor4.png) no-repeat top right #FEF6F9;
}
.BackGround5{
	background:url(../../shared_rec/img_shared/imgBackColor5.png) no-repeat top right #FFF9F1;
}
.BackGround6{
	background:url(../../shared_rec/img_shared/imgBackColor6.png) no-repeat top right #F8FAF0;
}
.BackGround7{
	background:url(../../shared_rec/img_shared/imgBackColor7.png) no-repeat top right #F3EBE6;
}
.BackGround8{
	background:url(../../shared_rec/img_shared/imgBackColor8.png) no-repeat top right #F6F6FA;
}
.BackGround9{
	background:url(../../shared_rec/img_shared/imgBackColor9.png) no-repeat top right #F4F7F7;
}
.BackGround10{
	background:url(../../shared_rec/img_shared/imgBackColor10.png) no-repeat top right #F8F9F6;
}
.BackGround11{
	background:url(../../shared_rec/img_shared/imgBackColor11.png) no-repeat top right #FCF4F0;
}
.BackGround12{
	background:url(../../shared_rec/img_shared/imgBackColor12.png) no-repeat top right #F7EFF0;
}
/*································*/
.IconoPresencial{
	display:block;
	background:url(../../shared_rec/img_shared/ImgPresencial.png) no-repeat top left;
	height:29px;
	padding-left:25px;
	line-height:29px;
	font-size:8px;
	text-transform:uppercase;
	float:right;
	width:60px;
}
.IconoDistancia{
	display:block;
	display:block;
	background:url(../../shared_rec/img_shared/ImgDistancia.png) no-repeat top left;
	height:29px;
	padding-left:25px;
	line-height:29px;
	font-size:8px;
	text-transform:uppercase;
	float:right;
	width:60px;
}
/*································*/
.IconoCurso{
	display:block;
	display:block;
	background:url(../../shared_rec/img_shared/ImgCarp1.png) no-repeat top left;
	height:29px;
	padding-left:25px;
	line-height:29px;
	font-size:8px;
	text-transform:uppercase;
	float:right;
	width:60px;
}
.IconoSeminario{
	display:block;
	display:block;
	background:url(../../shared_rec/img_shared/ImgCarp2.png) no-repeat top left;
	height:29px;
	padding-left:25px;
	line-height:29px;
	font-size:8px;
	text-transform:uppercase;
	float:right;
	width:60px;
}
.IconoActividad{
	display:block;
	display:block;
	background:url(../../shared_rec/img_shared/ImgAct.png) no-repeat top left;
	height:29px;
	padding-left:25px;
	line-height:29px;
	font-size:8px;
	text-transform:uppercase;
	float:right;
	width:120px;
}

.PdfAct{
	display:block;
	background:url(../../shared_rec/img_shared/pdf_22x22.png) no-repeat top right;
	height:22px;
	width:22px;
	padding-right:22px;
	float:left;
	margin-right:8px;
	margin-left:8px;
}
a.PdfAct:hover{
	text-decoration:none;
	cursor:pointer;
}
.PdfDes{
	display:block;
	background:url(../../shared_rec/img_shared/pdfGris_22x22.png) no-repeat top right;
	height:22px;
	width:22px;
	padding-right:22px;
	float:left;
	margin-right:8px;
	margin-left:8px;
}
a.PdfDes:hover{
	text-decoration:none;
	color:#333;
	cursor:default;
}



			/* Columna Izquierda  (menu) */
#ColIzquierda p.TitLista{
	font-size:12px;
	font-weight:bolder;
	color:#333;
	text-align:center;
	margin-top:15px;
	margin-bottom:5px;
}
#ColIzquierda ol{
	list-style:none;
	padding:0px;
	margin:0px;
}
#ColIzquierda li{
	position:relative;
	/*padding-left:10px;*/
	height:25px;
	line-height:25px;
	margin-bottom:1px;
}
#ColIzquierda li a,
#ColIzquierda li a{
	color:#535353;
	display:block;
	font-weight:bolder;
	font-size:11px;
	letter-spacing:0px;
	text-decoration:none;
	padding-left:11px;
}
#ColIzquierda li.Selected a{
	color:#9C1D2E;
	background:url(../../shared_rec/img_shared/triangulo.png) no-repeat top left;
	padding-left:11px;
}
#ColIzquierda li a:hover{
	color:#9C1D2E;
	background:url(../../shared_rec/img_shared/triangulo.png) no-repeat top left;
	padding-left:11px;
	text-decoration:underline;
}

/*
Títulos, Cabeceras, Formato
-------------------------------------------------------
*/



/*
Formularios (aquí diseño común, las diferencias abajo)
-------------------------------------------------------
*/


/*######################################################################################
ACTION 
	[ list ]
########################################################################################*/
				
				/*	COLUMNA DERECHA - Formulario de Búsquedas*/
#List #ColDerecha h2{
	text-align:right;
	margin:0px;
}
#List div.ContBuscar{
	width:700px;
	margin-left:auto;
	margin-right:auto;
	background-color:#F5F3EC;
	padding:5px;
}
/*····································*/
#List div.ContBuscar label{
	font-weight:bold;
	color:#730513;
}
#List div.ContBuscar table.TabBusc{
	clear:both;margin-top:-13px;
}
#List div.ContBuscar .TitCampo{
	float:left;width:150px;height:35px;
}
#List div.ContBuscar .TitCpr{
	clear:both;float:left;width:150px;margin-top:10px;
}
#List div.ContBuscar select.Puestos{
	width:520px;
	font-size:13px;
	background-color:#fff;
	color:#666;
	margin-top:5px;
	font-weight:bold;
}
#List div.ContBuscar select.Cpr{
	width:190px;
	font-size:13px;
	font-weight:bold;
	background-color:#fff;
	color:#666;
	margin-top:5px;
}
#List div.ContBuscar input.Cpr{
	width:190px;
	font-size:13px;
	font-weight:bold;
	background-color:#fff;
	color:#666;
}
/*····································*/
#List #ColDerecha a.BtnTrim{
	display:block;
	float:right;
	margin-right:10px;
	background:url(../../shared_rec/img_shared/BtnTrim.png) no-repeat top left;
	height:23px;
	width:42px;
	font-size:10px;
	font-weight:bold;
	padding-top:16px;
	color:#000;
	text-align:center;
}
#List #ColDerecha a.BtnTrim:hover{
	color:#9B1D2D;
	background:url(../../shared_rec/img_shared/BtnTrim.png) no-repeat bottom left;
	text-decoration:none;
	padding-top:26px;
}
#List #ColDerecha a.BtnTrim.Selected{
	background:url(../../shared_rec/img_shared/BtnTrim.png) no-repeat bottom left;
	color:#9B1D2D;
	padding-top:26px;
}
#List #ColDerecha a.BtnTrimSelected:hover{
	text-decoration:none;
}
/*·········································*/
#List #ColDerecha a.TxtBuscAvanzada{
	margin-left:5px;
	font-size:11px;
	font-weight:bold;
	font-style:italic;
	color:#999999;
}
#List #ColDerecha a.TxtBuscAvanzada:hover{
	color:#93182C;
}
/*·········································*/
#List #ColDerecha #ContBuscAvanzada{
	background-color:#FFFFFF;
	padding:5px;
	display:none;
	margin-top:8px;
	border:1px solid #ddd;
}
#List #ColDerecha #ContBuscAvanzada table{
	width:100%;
}
#List #ColDerecha #ContBuscAvanzada table td{
	padding:4px;
}
#List #ColDerecha #ContBuscAvanzada table td label{
	font-weight:bold;
	color:#730513;
	display:block;
	margin-bottom:2px;
}


					/*	COLUMNA DERECHA - Listados Catálogo*/
#List #ColDerecha h2#TitActividad{
	padding-top:20px;
}
#List #ColDerecha ul#ListCatalogo{
	list-style:none;
	margin:0px;
	padding:0px;
	width:700px;
	margin-left:auto;
	margin-right:auto;
}
#List #ColDerecha ul#ListCatalogo li{
	padding:6px;
	margin-bottom:40px;
	margin-top:10px;
}

#List #ColDerecha ul#ListCatalogo .IconosLista{
	margin-top:8px;
}
#List #ColDerecha ul#ListCatalogo .TitCodigo{
	font-weight:normal;
	font-size:12px;
	width:350px;
	float:left;
	margin-top:10px;
}
#List #ColDerecha ul#ListCatalogo .TitFicha{
	margin-bottom:10px;
	margin-top:5px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background-color:#FFF;
}
#List #ColDerecha ul#ListCatalogo .TitFicha a{
	font-size:13px;
	font-weight:bold;
	/*text-transform:uppercase;*/
}
#List #ColDerecha ul#ListCatalogo .TitFicha a:hover{
	color:#333;
	text-decoration:none;
}
#List #ColDerecha ul#ListCatalogo div.ContFichaRes{
	width:680px;
	margin-left:auto;
	margin-right:auto;
}
#List #ColDerecha ul#ListCatalogo div.ContFichaRes div{
	font-weight:bold;
	color:#333;
	font-size:12px;
	/*text-transform:uppercase;*/
	padding:4px 0px;
}
#List #ColDerecha ul#ListCatalogo div.ContFichaRes div span{
	color:#333;
	font-weight:normal;
	padding-left:8px;
}
#List #ColDerecha ul#ListCatalogo div.CampoMod{
	width:200px;
	float:left;
}
#List #ColDerecha ul#ListCatalogo div.CampoSubMod{
	width:280px;
	float:left;
}
#List #ColDerecha ul#ListCatalogo div.CampoHoras,
#List #ColDerecha ul#ListCatalogo div.CampoCred{
	width:100px;
	float:left;
}
#List #ColDerecha ul#ListCatalogo div.CampoPuestoCompetencia{
	width:280px;
	float:left;
}
#List #ColDerecha ul#ListCatalogo div.CampoResto{
	width:680px;
	float:left;
}



/*######################################################################################
ACTION 
	[ detailficha ]
########################################################################################*/

#DetailFicha #ColIzquierda{
	float:left;
	width:120px;
	height:700px;
	background:url(../../shared_rec/img_shared/imgIzquierda.png) no-repeat left 80px;
	padding-top:20px;
}


#DetailFicha #ColDerecha{
	float:left;
	/*width:855px; 975-120=855*/
	width:815px;  /*855-15-15=815*/
	padding-left:15px;
	padding-right:25px;
}


				/* COLUMNA DERECHA */

#DetailFicha #ColDerecha #ContVolver{
	margin-top:20px;
}

					/*FICHA DETALLE Títulos*/
#DetailFicha #ColDerecha h2{
	padding:0px;
	margin:0px;
	text-align:right;
	margin-right:8px;
	/*border-right:2px solid;*/
	padding-bottom:5px;
	font-weight:normal;
	font-style:italic;
}
#DetailFicha #ColDerecha h3{
	font-size:18px;
	font-weight:normal;
}
					/*FICHA DETALLE Contenido*/
					
#DetailFicha #ColDerecha #FichaDetalle .TitCodigo{
	font-weight:bold;
	font-size:13px;
	width:350px;
	float:left;
	margin-top:20px;
	margin-left:27px;
}
#DetailFicha #ColDerecha #FichaDetalle .IconosLista{
	padding-top:18px;
}					
#DetailFicha #ColDerecha #FichaDetalle div.ContFichaRes{
	width:760px;
	margin-left:auto;
	margin-right:auto;
}
#DetailFicha #ColDerecha #FichaDetalle div.ContFichaRes div{
	font-size:13px;
	padding:4px 0px;
}
#DetailFicha #ColDerecha #FichaDetalle div.ContFichaRes div span{
	color:#333;
}
#DetailFicha #ColDerecha #FichaDetalle div.CampoMod{
	width:250px;
	float:left;
}
#DetailFicha #ColDerecha #FichaDetalle div.CampoSubMod{
	width:260px;
	float:left;
}

#DetailFicha #ColDerecha #FichaDetalle div.CampoHoras,
#DetailFicha #ColDerecha #FichaDetalle div.CampoCred{
	width:125px;
	float:left;
}
#DetailFicha #ColDerecha #FichaDetalle div.CampoResto{
	width:760px;
	float:left;
}
/*····················································*/
#DetailFicha #ColDerecha #FichaDetalle div.CampoNombre{
	width:180px;
	float:left;
	margin-top:10px;
}
#DetailFicha #ColDerecha #FichaDetalle div.CampoContenido{
	width:580px; 
	float:left;
	font-weight:normal !important;
	color:#333;
	border-top:1px solid #333;
	margin-top:10px;
}

#DetailFicha #ColDerecha #FichaDetalle div.CampoContenido a.DocPdf{
	color:#333;
	display:block;
	height:22px;
	line-height:22px;
	background:url(../../../../shared_rec/css_base/img/pdf_22x22.png) no-repeat top right;
	text-align:right;
	padding-right:25px;
	float:left;
	font-weight:bold;
}
#DetailFicha #ColDerecha #FichaDetalle div.CampoContenido a.DocPdf:hover{
	text-decoration:none;
	color:#9B1D2D;
}
#DetailFicha #ColDerecha #FichaDetalle div.CampoContenido table {
	width:100%;
}
#DetailFicha #ColDerecha #FichaDetalle div.CampoContenido table thead td {
	color:#fff;
	border:none;
}
#DetailFicha #ColDerecha #FichaDetalle div.CampoContenido table td{
	font-weight:bold;
	font-size:13px;
	text-align:center;
	border-bottom:1px solid #ccc;
}
/*·································*/
#DetailFicha #ColDerecha #FichaDetalle div.ContEspecial{
	width:748px;
	padding:6px !important;
	margin-top:10px;
}
#DetailFicha #ColDerecha #FichaDetalle div.ContEspecial h4{
	color:#333;
	margin:0px;
	padding:0px;
	font-size:13px;
	/*border-top:1px solid #333;*/
	border-bottom:1px solid #333;
}
#DetailFicha #ColDerecha #FichaDetalle div.CampoGuia{
	width:180px;
	float:left;
	color:#fff;
}
#DetailFicha #ColDerecha #FichaDetalle div.CampoGuiaPar{
	width:180px;
	float:left;
}
#DetailFicha #ColDerecha #FichaDetalle div.CampoContGuia{
	margin:0px;
	padding:0px;
	width:552px; 
	float:left;
	font-weight:normal !important;
	color:#333;
	padding-left:8px !important;
	padding-right:8px !important;
	
}
#DetailFicha #ColDerecha #FichaDetalle div.CampoContGuia p{
	font-size:13px;
	padding:5px;
	line-height:16px;
	margin-bottom:10px;
	text-align:justify;
}
#DetailFicha #ColDerecha #FichaDetalle div.CampoContGuia ul{
	list-style:disc;
	margin-left:20px;
	margin-top:10px;
	font-size:13px;
	text-align:justify;
}
/*·································*/
#DetailFicha #ColDerecha #FichaPie {
 	height:14px;
	margin-bottom:20px;
}