body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background: #00478F url(../imgUser/fondo.jpg) repeat-x center top;
}

td {
	font-family: Arial, Helvetica, sans-serif;
}

th {
	font-family: Arial, Helvetica, sans-serif;
}
	a,
	a:link, 
	a:active,
	a:visited{
		color: navy;
		text-decoration:none;
		color:#333333;
}

/****************-usuario*************************************/
#main_content{
	width:1000px;
	margin:auto;
}

#wrapper { width: 1000px; margin: 0 auto; text-align: center; }
.uTablaTop{ width:1000px; height:116px;
color:#FFF;
}

.uTablaTop a:link, .uTablaTop a:active, .uTablaTop a:visited{
color:#FFF !important;
font-weight:bold;
}

.UtopLogo{ height:82px; width:12px; margin-left:10px; }
.uFecha{color:#FFFFFF; font:Verdana, Arial, Helvetica, sans-serif; font-size:12px; height:17px; text-align:right;}

#uTablaTop_date{
	text-align:right;
	height:19px;
	width:300px;
	padding-right:15px;
	float:right;
	color:#808080;
}

.iniCol{
	background:url(../imgUser/col1.jpg) center top no-repeat; 
	height:5px;
	margin-left:10px;
}
.finCol{
	background:url(../imgUser/col1.jpg) bottom center no-repeat; 
	height:10px;
}

.iniCurva{
	font-weight:bold;
}


#UserComponent li a:hover, #UserComponent a:hover{	
	color:#003399;
	background:#FFFFFF;
	border: thin solid #333333;
	
}

#UserComponent li, #UserComponent li a:link, #UserComponent li  a:visited, #UserComponent a{ 
	cursor:pointer;
	white-space: nowrap;   
	color:#333333; 
	clear:both;	
	margin: 0;
	white-space: nowrap;
	text-decoration:underline;
}



/***************Menu usuario********************/

.uMenu{ color:#003300; font:Verdana, Arial, Helvetica, sans-serif; font-size:12px; height:29px; text-align:center;}

.uMenu ul{
	height:29px; 
	display:none;
 	position:absolute;
}


.uMenu li, uMenu{
	float:left; 
	display:inline;  
	font: bold 10px/22px Verdana, Arial, Tahoma, Sans-serif;
	position:relative;
	height:29px;
	margin:5px;
	width:100px;
}

.uMenu li a, .MenuUser li a:active, .uMenu a, .MenuUser a:active {
	background: url(../imgUser/cuadroslg.gif) left no-repeat; 
	text-decoration:none;
	color:#003366; font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;
  	display:block; 
  	width:95%;
  	clear:both;	
	height:29px;
	vertical-align:top;
	margin-right:2px;
	margin-left:2px;
	padding-left:10px;

	/*background:url(../imgUser/pestana.jpg) center bottom no-repeat;*/

	}

.uMenu li a:hover{  
	  text-decoration:none;
	color:#FFFFFF; font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;
  	display:block; 
  	width:95%;
  	clear:both;	
	height:29px;
	vertical-align:top;
	margin-right:2px;
	margin-left:2px;
	/*background:url(../imgUser/pestana2.jpg) center bottom no-repeat;*/
 }
 


.Table_content{ 
	 vertical-align:top; text-align:left; margin-right:4px; border-top:none;
}

.Table_categorias{ 
	width:250px;
	height:520px;
	background:#C0DA2E url(../imgUser/arbolF.jpg) top left repeat-x;
}



.Table_item{ 

	width:650px;

	border: solid 1px #999999; border-spacing:2px;

	background:#FFFFFF;

}

 

#element_Us{ 

	

	text-align:left;

	width:95%;

	font: 12px/15px Verdana, Arial, Helvetica, sans-serif;

	color:#666666;

	padding-left:10px;

	

}

#element_Us ul{ 

	list-style-type: none;

	margin: 0;

	padding: 0;

}

#element_Us li,#element_Us li a,#element_Us li a:active{ 

	margin-left: 2px;

	margin-top:5px;

	color:#666666;

	text-decoration:none;

	border-bottom:#999999 1px dashed;

}

#element_Us li a:hover{ 

	margin-left: 8px;

	color:#006699;

	text-decoration:underline;

}







/*******************FOOTER********************/



#footer{ background: #00478F url(../imgUser/footer.jpg) scroll 0 0 repeat-x;
height:80px;
color:#333;

}

.subfooter{
	text-align:center;
	width:400px;
	margin:auto;
	float:left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#808080;
	width:550px;
	padding:30px 0px;
}

/*******************NUBE TAGS*********************/

#tagCloud,#tagCloud a,#tagCloud a:active{

Color:#006699;

width:250px;

}

#tagCloud a:hover{

Color:#FFFFFF;

width:250px;

background:#6699CC;	

padding:1px;

}

/**Titulos*/



.BarTitulos{
 font: bolder 14px Verdana, Arial, Helvetica, sans-serif;
 text-transform:capitalize;
 font-variant:small-caps;
 font-stretch:extra-condensed;
 color:#f8f8f8;
 text-align:left;
 padding-bottom:5px;
 padding-left:5px;
}



.TitleSmall{

 font: bolder 12px Verdana, Arial, Helvetica, sans-serif;

 text-transform:capitalize;

 font-variant:small-caps;

 font-stretch:extra-condensed;

 color:#333333;

 text-align:center;

 padding-bottom:3px;

 padding-left:3px;

}



/****************ARBOL*************************************/

#arbol1{
	width:250px;
	overflow:auto;
}

#arbol1 ul, #arbol1 ul ul{
	list-style-type: none;
	margin-left: 25px;
	padding: 0;
}

#arbol1 ul ul{
	margin-left: 15px;	
}

#arbol1 li{
	margin: 0;
	line-height: 25px;
	white-space: nowrap;
	text-decoration: none;
	/*background items*/
}

#arbol1 li img

{

	cursor:pointer; 

	   

}



#arbol1 li a:link, #arbol1 li  a:visited{

	cursor:pointer;

	font:12px/25px Verdana, Arial, Helvetica, sans-serif;

	color:#000000;

	white-space: nowrap;   

	

	         

}

 #arbol1 li a:active{

	color:#666666;  

	



	

 }

 #arbol1 li a:hover{

	background:#FFFFFF;

	border:#333333 1px solid;

	padding:1px;

	text-decoration:none;

	color:#000000;

}







#pathNodoSelect{

 font-family:Arial, Helvetica, sans-serif;

 font-size:12px;

 color:#999999;

 padding:10px;

}





/**************** ENTIDADES *************************************/



/* TEMPLATES DE ENTIDAD */

.tpl_image{

	margin:12px;

	font-size:10px;

	width:95%;

	height:auto;
	
	background:#FFF;
}

.tpl_image .botonera{

	list-style:none;margin:0; padding:0;

}

.tpl_image .botonera li{

	padding-bottom:8px;

}

.tpl_image .botonera li img{

	padding-right:5px;

}

.tpl_image .col1{

	width:80%;

}

.tpl_image .tpl_title{

	font-size:12px;

	font-weight:bold;

}

.tpl_image .ruta a{

	font-size:10px;

	font-style:italic;

	color:#888888;

}

.tpl_image .view_more{

	font-size:14px;

}

.smenu{
	background:url('../imgUser/down.png') no-repeat right top;
	padding-right:20px;
	padding-left:10px;
	height:24px;
	border:1px solid #cccccc;
	border-right:1px solid #cccccc;
	color: #000;
	text-decoration:none;
	line-height:20px;
	vertical-align:middle;	
}

.ruta_details_main{

	margin-top:10px;

	margin-bottom:10px;

}

/********* CONTENIDO ****************/



#arbol_entidad_description{

	margin:10px;

	font-size:11px;

	text-align:justify

}

.buscador{
	height:97px;
	overflow:auto;
	margin-top:5px;
	margin-left:9px;
	padding:5px;
	color:#FFF;
}

.cuadroTXT{

border:#333333 1px -moz-bg-inset;
width:120px;
color:#000000;
font: 12px Verdana, Arial, Helvetica, sans-serif;

}

.btnTXT{

color:#333;

font: 12px Verdana, Arial, Helvetica, sans-serif;

margin:5px 0px;

}

.buscador.txt{

	border:1px solid #666666;

	font-size:12px;

	margin-right:5px;

}

/************ PAGINACION ENTIDADES ************/

.pagenavi {text-align:center; color:#fff; padding:12px 0;}

.pagenavi a,

.pagenavi a:link, 

.pagenavi a:active {

 

	margin: 2px;
	color:#f8f8f8;

}



.pagenavi a:hover {

border:#D9FFFF 1px solid;

}



.pagenavi span.pages {

	padding: 2px 2px; 

	margin: 2px 2px 2px 2px;

}



.pagenavi span.current {

	padding: 2px 2px;

	margin: 2px;

	font-weight: bold;

	color: #FFF;



}

.pagenavi span.normal {

	padding: 2px 2px;

	margin: 2px;

	border:#CCCCCC 1px solid;

}

.pagenavi span.extend {

	padding: 2px 2px 2px 2px; 

	margin: 2px;	

}

/**************** DESCRIPCION DE CATEGORIA ******************************/

#div_category_details{

	border-bottom:#999999 1px solid;

	margin: 3px;

	height:auto;

}



#div_category_desc_icon{

	float:left;

	margin-right:15px;

	border:#E9E9E9 1px solid;

}

#div_category_desc_icon img{

	margin:10px;

}

#feed_icon{
	float:right;
	padding:2px;
}

#div_category_desc_description{

	float:left;

}



/********************* MENU SIMPLE ******************/

	.contextMenu{

		border:1px solid #202867;

		background-color:#FFF;

		margin:0px;

		padding:0px;

		width:200px;

		font-family:arial;

		font-size:12px;

		background-repeat:repeat-y;

		display:none;

		position:absolute;



	}

	.contextMenu a,

	.contextMenu a:link, 

	.contextMenu a:active,

	.contextMenu a:visited,

	.contextMenu a{

		color: #000000;

		text-decoration:none;

		line-height:15px;

		vertical-align:middle;	

		display:block;	

		width:100%;

		clear:both;

		height:15px;

	}

	.contextMenu li{

		list-style-type:none;

		padding:1px;

		margin:1px;

		cursor:pointer;	

		clear:both;

	}

	

	.contextMenu a:hover{

		border:1px solid #000;

		padding:0px;

		background-color:#E2EBED;

	

	}

	.contextMenu img{

		border:0px;

	}

/********************** GALERIA DE IMAGENES ************************************************/

#dhtmlgoodies_slideshow{

		width:640px;	/* Total width of slideshow */

		



	}

	

	#previewPane{

		border:1px solid #000;

		margin-right:10px;	

		text-align:center;

		vertical-align:middle;

		padding-top:30px;

		overflow:auto;

		

		

		/* CSS HACK */

		height: 452px;	/* IE 5.x */

		height/* */:/**/420px;	/* Other browsers */

		height: /**/420px;

		

		width:500px;		

		float:left;

				

	}

	#waitMessage{

		display:none;

		position:absolute;

		left:200px;

		top:300px;

		background-color:#FFF;

		border:3px double #000;

		padding:4px;

		color:#555;

		font-size:0.9em;

		font-family:arial;	

	}	

	#galleryContainer{	/* Big Div surrounding up image, list of images and down image */

		float:left;	/* Floating */

		

		/* CSS HACK */

		height: 463px;	/* IE 5.x - 120 px + 2 px for borders and 2px for padding*/

		height/* */:/**/447px;	/* Other browsers */

		height: /**/447px;

		

		/* CSS HACK */

		width: 124px;	/* IE 5.x - 120 px + 2 px for borders and 2px for padding*/

		width/* */:/**/120px;	/* Other browsers */

		width: /**/120px;

				

		border:1px solid #000;	/* Black border */		

		padding:1px;	/* A little space between the black border and the content inside */

		

		position:relative;

		

	}

	#galleryContainer #arrow_down{	/* Arrow down image */

		height:35px;

		position:absolute;

		bottom:0px;

		z-index:100;

	}

	#galleryContainer #arrow_up{

		height:35px;	/* Arrow up image */

		position:absolute;

		top:0px;

		z-index:100;

	}

	

	#theImages{	/* DIV where the images are located */

		top:35px;

		position:absolute;

		overflow:hidden;

		height:385px;	/* Height of boxes for the images */

	}

	#theImages div{	

		position:relative;	/* Don't change this */

		height:1500px;	/* Higher than total height of thumbnails */

		

	}

	#theImages img{

		border:0px;	/* No border */

		filter:alpha(opacity=50);	/* Transparency - IE */

		opacity:0.5; /* Transparency - Firefox */

		padding-top:1px;	/* Space between images */

	}

	#previewPane #largeImageCaption{	/* CSS styling of image caption below large image */

		font-style:italic;

		text-align:center;

		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Font to use */

		font-size:0.9em;

	}

	#previewPane #largeImageCaption .gallery_title{

		font-size:14px;

		font-weight:bold;

	}

	#theImages .imageCaption{

		display:none;

	}

	/************** SEPARAMOS POR CATEGORIAS ***************/

	.separador{

 border-bottom:thinsolid #3544F7;

 padding:10px;

 font-weight:bold;

 font-size:12px;
 
 color:#BDDEF0;

}

.tabla_cats_mosaico{

 width:100%;
 color:#FFF;

}

.tabla_cats_mosaico td{

 width:33%;

 padding:10px; 

}

.tabla_cats_mosaico td img{ padding:3px;}

/**************** GALERIAS ARCHIVOS ***************************/

#entidad_related_files{

border:#00FF66 solid 2px;

}



#entidad_related_files_sub{

background:#CCCCCC;



}

/**************** RATING ***************************/



.rating{

	width:80px;

	height:16px;

	margin:0 0 20px 0;

	padding:0;

	list-style:none;

	clear:both;

	position:relative;

	background: url(../img/star-matrix.gif) no-repeat 0 0;

}

/* add these classes to the ul to effect the change to the correct number of stars */

.nostar {background-position:0 0}

.onestar {background-position:0 -16px}

.twostar {background-position:0 -32px}

.threestar {background-position:0 -48px}

.fourstar {background-position:0 -64px}

.fivestar {background-position:0 -80px}

ul.rating li {

	cursor: pointer;

 /*ie5 mac doesn't like it if the list is floated\*/

	float:left;

	/* end hide*/

	text-indent:-999em;

}

ul.rating li a {

	position:absolute;

	left:0;

	top:0;

	width:16px;

	height:16px;

	text-decoration:none;

	z-index: 200;

}

ul.rating li.one a {left:0}

ul.rating li.two a {left:16px;}

ul.rating li.three a {left:32px;}

ul.rating li.four a {left:48px;}

ul.rating li.five a {left:64px;}

ul.rating li a:hover {

	z-index:2;

	width:80px;

	height:16px;

	overflow:hidden;

	left:0;	

	background: url(../img/star-matrix.gif) no-repeat 0 0

}

ul.rating li.one a:hover {background-position:0 -96px;}

ul.rating li.two a:hover {background-position:0 -112px;}

ul.rating li.three a:hover {background-position:0 -128px}

ul.rating li.four a:hover {background-position:0 -144px}

ul.rating li.five a:hover {background-position:0 -160px}

/* end rating code */



/*SELECTED ITEM*/

.selecteditem{

	background:#FFFFFF;

	padding:1px;

	text-decoration:none;

	color:#333;
	
	font-weight:bold;
	

}

.floatL{float:left;}

.floatR{float:right;}

/***************  COMENTARIOS ********************************/

.formLeft{width:280px;}

.formRight{width:380px;}

#commentForm {		

	margin-top:15px;

	padding-top:15px;

}

#commentForm textarea{

	width:365px;

	padding:5px;

	height:170px;

	font:11px Arial, Helvetica, sans-serif;

	}



#commentForm label{

	width:70px;

	float:left;

	text-align:right;

	display:block;

	margin:5px 10px 0 0;

	font-weight:bold;

	}



#commentForm .formLeft p{

	border-bottom:1px solid #e1e1e1;

	padding:10px 0;

	margin:0;

	}

#commentForm .formLeft input#comments_comment,

#commentForm .formLeft input#comments_title	{

	width:160px;

	padding:3px 3px 3px 20px;

	background-position:3px 3px;

	background-repeat:no-repeat;

	border:1px solid #CCC;

	}			

	

#commentForm .formLeft input#comments_title{background-image:url(/img/icon_url.gif);}

input#comments_sendcomment{

	margin:10px 0 0 0;

	width:100%;

	padding:5px 0;

	color:#FFF;

	border:2px solid #000;

	background-color:#555;

	}

/*********************** LISTA DE COMENTARIOS *******************************/

#element_list_comments .pagnav{

 margin-top:10px;

}



#element_list_comments ul{list-style:none;margin:0; padding:0;}

#element_list_comments li{

	border-bottom:1px dashed #CCC;

	padding:2px;

	background:#EAEAEA ;

}



#element_list_comments li h5{

	overflow:auto;

	font-size:12px;

	}

	#element_list_comments li h5 img{

		float:right;

		padding:2px;

		margin:0 10px 0 0;

		}

	#element_list_comments li h5 cite{

		font-size:12px;

		font-weight:bold;

		text-transform:uppercase;

		font-style:normal;

		color:#336699;

		}

		#element_list_comments li h5 small{

			display:block;

			color:#333333;

			text-transform:capitalize;

			font-weight:bold;

		}

		#element_list_comments .theComment{

			padding:4px;

			font-weight:normal;

			}

		#element_list_comments .theComment p{

			font-size:10px;

			}
			
			/**********Estilos para frontend, menu admon *********/
#UserComponent{ 
	color:#FFFFFF;
	margin:5px 10px 20px 10px;
}

#UserComponent hr{ 
	border: thin solid #FFF;
}

#UserComponent li a:hover, #UserComponent a:hover{	
	color:#003399;
	background:#FFFFFF;
	border: 1px solid #333333;
	
}

#UserComponent li, #UserComponent li a:link, #UserComponent li  a:visited, #UserComponent a{ 
	cursor:pointer;
	white-space: nowrap;   
	color:#333333; 
	clear:both;	
	margin: 0;
	white-space: nowrap;
	text-decoration:underline;
}