body {font-family: Arial, Helvetica, sans-serif;
font-size:12px;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background: url(../imgUser/bk3.jpg) repeat 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:underline;
}

/****************-usuario*************************************/
#wrapper { width: 1000px; margin: 0 auto; text-align: center; }
.uTablaTop{ background:url(../imgUser/top2.jpg) no-repeat center top; width:1000px; height:232px; }
.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; }
.wrap { background: url(../imgUser/wrap.jpg) repeat-y center top; width:100%; }


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

.uMenu{ color:#FFFFFF;
 font:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 height:38px;
 text-align:center;
 border-top: #FFC319 3px solid;
}

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

.uMenu li{float:left;
	display:inline;
  	width:110px;
	font: bold 10px/22px Verdana, Arial, Tahoma, Sans-serif;
	position:relative;
	height:38px;
	text-transform:uppercase;
}

.uMenu li a, .MenuUser li a:active{text-decoration:none;
	color:#FFFFFF;
	font: bold 10px/38px Verdana, Arial, Helvetica, sans-serif;
	display:block;
	width:95%;
	clear:both;
	height:38px;
	vertical-align:top;
	margin-right:1px;
	margin-left:1px;
}

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

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

.Table_categorias{ width:250px;
height:520px;
padding-left:10px;
}

.Table_separa{ width:10px;
}

.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********************/

.subfooter{ 
height:20px;
padding:3px;
text-align:left;
}

.subfooter ul{ list-style-type: none;
margin: 0;
padding: 0;
text-align:left;
}

.subfooter li,.subfooter li a,.subfooter li a:active{ margin-left: 5px;
margin-top:5px;
color:#003366;
text-decoration:none;
text-align:left;
font: 10px Verdana, Arial, Helvetica, sans-serif;
}

.subfooter li a:hover{ color:#999999;
}

.terminos,.terminos a,.terminos a:active{margin-left: 5px;
margin-top:5px;
color:#003366;
text-decoration:none;
text-align:left;
font: 9px Verdana, Arial, Helvetica, sans-serif;
}

.terminos a:hover{font: 10px Verdana, Arial, Helvetica, sans-serif;
color:#000033;
}

/*******************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:#990000;
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:230px;
height:400px;
overflow:auto;
background:#FFFFFF;
/*border:#CCCCCC 2px solid;
*/}

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

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

#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;
border: #CCCCCC 1px solid;
}

.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:#999999;
}

.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{padding:5px;
}

.cuadroTXT{background:#FFF;
border:#FFF 1px solid;
width:120px;
color:#000000;
font: 12px Verdana, Arial, Helvetica, sans-serif;
}

.btnTXT{color:#333333;
font: 12px Verdana, Arial, Helvetica, sans-serif;
border:#666666 1px solid;
}

.buscador.txt{border:1px solid #666666;
font-size:12px;
margin-right:5px;
}

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

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

.pagenavi a,.pagenavi a:link, .pagenavi a:active {margin: 2px;
}

.pagenavi a:hover {background:#CCCCCC;
border:#990000 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;
background-color: #990000;
}

.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;
}

#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:1px solid #cccccc;
border-right:1px solid #cccccc;
background:#eaeaea;
padding:10px;
font-weight:bold;
font-size:12px;
}

.tabla_cats_mosaico{width:100%;
}

.tabla_cats_mosaico td{width:33%;
padding:10px;
 }

.tabla_cats_mosaico td img{ border: 1px solid #CCE1E6;
 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;
border:#333333 1px solid;
padding:1px;
text-decoration:none;
color:#000000;
}

.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{ background:url(../imgUser/secc2.jpg) left bottom no-repeat;
 padding: 15px;
padding-top:none;
list-style-type: none;
}

#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;
}

.iniCurva{background:url(../imgUser/secc2.jpg) left top no-repeat;
 height:5px;
width:245px;
}

/***********Menu administrador******/
.menuAdmon{ 
	list-style-type: none;
    margin: 0;
    padding: 0;
	color:#FFFFFF;
	height:10px;
	
}
.menuAdmon li{
	float:left;
 	display:inline;
	font: bold 8px  Verdana, Arial, Tahoma, Sans-serif;
	position:relative;
}
.menuAdmon li a, .menuAdmon li a:active{
	text-decoration:none;
	color:#CCCCCC;
	display:block;
	width:95%;
	clear:both;
	vertical-align:top;
	border-left: 1px #666666 solid;
}
.menuAdmon li a:hover{  text-decoration:none;
	color:#000000;
	display:block;
	 width:95%;
	clear:both;
	height:38px;
	vertical-align:top;
}

/***************menu BuonGiorno******************/


#menuBuon{
	list-style-type: none;
    margin: 0;
    padding: 0;
	color:#FFFFFF;
}


#menuBuon li{margin: 0;
	line-height: 30px;
	white-space: nowrap;
	text-decoration: none;
	text-transform:uppercase;	
	font-weight:bolder;

}

#menuBuon li img{cursor:pointer; }

#menuBuon li span{cursor:pointer; }

#menuBuon li span {cursor:pointer;
	font:18px/25px Verdana, Arial, Helvetica, sans-serif;
	white-space: nowrap;
	text-decoration:none;
	padding-left:40px;
	margin-left:5px;
	text-transform:uppercase;	
}


.tabActiva span{
	background: url(/userfiles/image/bmenu/bmenu_r2_c2.jpg) left no-repeat;
	color:#603813;
	padding-left: 35px;
	text-transform:uppercase;
}
/******************************* loading msg ****************/
#trace_div_id{
	width:200px;
	height:20px;
	position:absolute;
	background:#FFFFC0;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	font-family:Helvetica,Arial,Verdana;
	/*filter:progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}