@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");

/******************************/
/* CSS VERSION: 1.0
/******************************/

/************************************************/
/* menus */

.editableMenuHanler
{
	display: none;
}


/*******************************/
/* Botones que abren el editor */

/* MENU SUPERIOR */
.MenuSuperior .menuItemToolbox a
{
	float: left;
	padding-left: 3px;
	padding-right: 3px;
	background-color: #666666;
	border-right: white 1px solid;
	color: White;
	text-transform: uppercase;
	font-weight: bold;
	margin-top: -11px;
}
.MenuSuperior .menuItemToolbox a:hover
{
	background-color: Red;
}

/* MENU IZQUIERDA */

.MenuIzda div.menuItemToolbox a, .MenuIzda li.Nuevo.menuItemToolbox a
{
	padding-left: 3px;
	padding-right: 3px;
	background-color: #666666;
	border-right: white 1px solid;
	color: White;
	text-transform: uppercase;
	font-weight: bold;
}

.MenuIzda div.menuItemToolbox a:hover, .MenuIzda li.Nuevo.menuItemToolbox a:hover
{
	background-color: Red;
}



/* Posicionamiento y forma general del editor*/
.MenuSuperior .editMenuItemForm
{
	width: 250px;
	background-color: White;
	border: #666666 1px solid;
	position: absolute;
	top: 45px;
	left: 0px;
	z-index: 10px;
}

.MenuIzda .editMenuItemForm
{
	width: 250px;
	background-color: White;
	border: #666666 1px solid;
	position: absolute;
	z-index: 10px;
}


/* Boton añadir opcion en el menu superior */
.MenuSuperior ul li.Nuevo.menuItemToolbox a.Boton
{
	color: #FFFFFF;
	font-weight: bold;
	display: block;
	background-image: url('/Info/css/Imagenes/fondos/fondoMenuCabecera.png');
	background-repeat: repeat-x;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 40px;
	border-right: none;
	margin-top: 0px;
}

/* Boton añadir opcion en el menu de la izquierda */
.MenuIzda li.Nuevo.menuItemToolbox.level-1
{
	margin: 5px 0px 5px 10px;
}

/* Aspecto interior del editor del menu */
.editMenuItemForm div.Botonera
{
	text-align: center;
}
.editMenuItemForm .Etiqueta
{
	float: left;
	margin-left: 5px;
}

.editMenuItemForm p
{
	margin-top: 3px;
	margin-bottom: 3px;
	text-align: right;
}
.editMenuItemForm input.Campo
{
	width: 80%;
	margin-right: 5px;
}

.MenuSuperior .Nuevo p.MensajeError
{
	color: Red;
	font-weight: bold;
	text-align: left;
}


/************************************/
/* MENU IZQUIERDA */

#listaItemsMenuIzda li.elementoLista.edicion ul.subLista.edicion
{
	display: block;
	background-color:#C5C6C6;
}
#listaItemsMenuIzda li.elementoLista.edicion ul.subLista.edicion a
{
	color: #000000 !important;
}
#listaItemsMenuIzda li.elementoLista.edicion ul.subLista.edicion a:hover
{
	color: #FF0000 !important;
}


/***************************************/
/* CLEARNESS WIDGETS */

/* BOTONES FLOTANTES */
.clearnessControls
{
	position: fixed;
	top: 0px;
	left: 0px;
	height: 150px;
	width: 140px;
}

.clearnessButton
{
    width: 125px;
    border: 1px solid Black;
    margin: 2px;
}
.clearnessButton:hover
{
	border: 1px solid Blue;
}

/* EDITORES DESPLEGABLES */





.EditorClearness H2.TituloEditor
{
	/*position:absolute;*/
	font-weight: normal;
	font-size: 18px;
	color: Gray;
	margin-top: 0px;
}


/* HTML EDITOR */

div.EditorClearness.HtmlEditor
{
	width: 100%;
}

div.EditorClearness.HtmlEditor div.ControlesEditor
{
	width: 97%;
}



/* NUEVA PAGINA */

.EditorClearness p.Etiqueta
{
	margin: 0px;
}
.EditorClearness p.Campo
{
	margin-top: 0px;
}

.EditorClearness
{
	width: 500px;
	font-size: 12px;
}
.EditorClearness ol.ListaControles ul
{
	margin-top: 15px;
	margin-left: 20px;
}

.EditorClearness ol.ListaControles li.Twitter, .EditorClearness ol.ListaControles li.Sitio
{
	display: none;
}

.EditorClearness ol.ListaControles li p.Campo input, .EditorClearness ol.ListaControles li p.Campo select
{
	width: 100%;
}

.EditorClearness ol.ListaControles li.Twitter p.Campo input, .EditorClearness ol.ListaControles li.Visibilidad p.Campo input
{
	width: auto;
}



/*********************************************/
/* EDITOR HTML */

.EditorClearness.HtmlEditor .clearnessWidgetRightBottons input.clearnessBotonGuardar,
.EditorClearness.EditorPropiedades .clearnessWidgetRightBottons input.clearnessBotonGuardar
{
	position: absolute;
	right: 30px;
}

.EditorClearness.HtmlEditor .clearnessWidgetRightBottons div.clearnessImgHover.clearnessWidgetRightBotton,
.EditorClearness.EditorPropiedades .clearnessWidgetRightBottons div.clearnessImgHover.clearnessWidgetRightBotton
{
	position: absolute;
	right: 0px;
	padding-left: 0px;
}