@import url("clearness/common.css"); 
@import url("clearness/gallery.css"); 
@import url("clearness/uploader.css");
@import url("clearness/properties.css");
@import url("clearness/templates.css");
@import url("clearness/pagecreator.css");
@import url("clearness/htmleditor.css");

.editableMenuHanler { display:none; }
.clearnessEditableContentHover { cursor: text; background-color: #eed; }

#menuPrincipal .menuItemToolbox.activo 
{
    background: #ECECEC;
    display: none;
}

.menuItemToolbox *
{
    color: Red !important;
    font-size: 12px !important;
    padding: 0px !important;
    background-image:none !important;
    background-color:#CCCCCC !important;
    line-height:14px !important;
	height:16px !important;
	margin-top:-4px !important;
 	width:27px !important;
}


.menuItemToolbox 
{
    background: white none repeat scroll 0 0;
}


.menuItemToolbox a:hover 
{
    left: auto;
    text-decoration: none;
    background-color:#666666 !important;    
    color:#FFFFFF !important;
}

.editMenuItemForm *
{
    color: #400000 !important;
    font-size:9px !important;
}

.editMenuItemForm 
{
    color: #400000;
    padding: 2px;
    padding-top:0px;
    position: relative;
    z-index: 100;
    top:55px !important;
    //top:0px !important;
    background: transparent none repeat scroll 0 0;
}

.editMenuItemForm table {
	position:absolute;
	left:0px;
	top:0px;
	//position:relative;
    background: #CCCCCC none repeat scroll 0 0;
    width:110px;
	//width:104px !important;
    padding-bottom:3px !important;
}

.updateProgress
{
    position: absolute;
    right: 0px;
    top: 0px;
}

#bloqueIzq .lista .level-0
{
    color:#55647F;
    font-size:1em;
    margin:3px 0px 3px;
}

#bloqueIzq .lista {
	padding-bottom: 8px;
	border-bottom: 1px solid #b8b8b8;
}

/* Levels */
.level-0 
{
    margin-left:0px;

}
.level-1
{
    margin-left:20px;
    font-size:5px;
}
.level-2
{
    margin-left: 20px;
    font-size:0.70em;
    font-weight:normal;
}
.level-3 
{
    margin-left: 30px;
    font-size:0.60em;
    font-weight:normal;    
}

#panelMenuIzquierdoHome .lista {
	top:100px;
}

#menuColIzda .activo {
	font-weight:normal;
	margin-top:0px;
	color:#000000;
	font-weight:bold;
	line-height:12px;
	text-decoration:underline;
	}
	
#menuColIzda .level-0 {
	font-weight:normal;
	margin-top:5px;
	margin-bottom:-5px;	
	color:#000000;
	font-weight:bold;
	line-height:10px;
	font-size:10px !important;

	}
	#menuColIzda .elementoLista.level-0 a {
		font-weight:normal;
		font-weight:bold;		
		color:#003366;
		background-color:#b5d7ea;
		line-height:11px;
		padding:3px 110px 4px 10px !important;		
		border-top: 1px #FFFFFF solid;
		border-left: 1px #FFFFFF solid;
		border-bottom: 1px #000000 solid;
		border-right: 1px #000000 solid;
		text-align:right !important;
		margin-right:-150px;
		display:block;
		text-align:left !important;
		}
		
	#menuColIzda .elementoLista.level-0 a:hover, #menuColIzda .elementoLista.level-0.activo a {
		font-weight:normal;
		text-decoration:none;
		font-weight:bold;		
		color:#003366;
		background-color:#FFFFFF;
		}		

#menuColIzda  .level-1 {
	font-weight:normal;
	margin-top:-2px;
	margin-bottom:5px;
	color:#000000;
	line-height:12px;
	}
	#menuColIzda .level-1 a {
		color:#003366;
		}
	#menuColIzda .level-1 a:hover {
		color:#000000;
		}		
#menuColIzda .level-2 {
	font-weight:normal;
	margin-top:-2px;
	margin-bottom:5px;
	line-height:12px;
	font-size:0.95em;
	color:#003366;
	}
	#menuColIzda .level-2 a {
		color:#003366;
		}
	#menuColIzda .level-2 a:hover {
		color:#000000;
		}		
	
#menuColIzda .level-3 {
	font-weight:normal;
	margin-top:5px;
	font-size:0.95em;
	line-height:10px;	
	color:#000000;	
}
	#menuColIzda .level-3 a {
		color:#000000;
		}
	#menuColIzda .level-3 a:hover {
		color:#003366;

		}
	
#menuColIzda .level-4 {
	font-weight:normal;
	margin-top:10px;
	margin-bottom:5px;	
	color:#336699;
	font-weight:bold;
	line-height:12px;
	margin-left:0px;
	width:160px !important;
	}
	#menuColIzda .level-4 a {
		font-weight:normal;
		margin-top:-5px;
		font-weight:bold;		
		color:#336699;
		
		}
	#menuColIzda .level-4 a:hover {
		font-weight:normal;
		margin-top:-5px;
		font-weight:bold;		
		color:#000000;
		text-decoration:none;
		}
	#menuColIzda .level-4 a img {
/*		width:100% !important;
*/
		border:0px !important;
		padding:3px 5px 4px 0px;
		float:left;
}
	#menuColIzda .level-4 a span {
		position:relative;
		top:6px;
		}