@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;
	margin-top:8px;
} 
.MenuSuperior .editableMenuHanler {
	margin-top:-9px;
	height:10px;
}
.MenuIzda .editableMenuHanler {
	margin-top:-10px;
} 
.MenuIzda .editableMenuHanler.level-0 {
	margin-top:-4px;
} 




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

/* MENU SUPERIOR */
.MenuSuperior .menuItemToolbox a
{
	float: left;
	padding:0 5px !important;
	background-color:#3f92ca !important;
	border-right: #FFFFFF 1px solid;
	color: #FFFFFF;
	text-transform: uppercase;
	font-weight: normal;
	margin-top: 0px;
    text-shadow:0 0 rgba(0, 0, 0, 0.6);
	font-size:12px !important;
	background-image:none;
	padding:5px;
	font-size:0.5em;
	display: inline-block;
}
.MenuSuperior .menuItemToolbox.level-1 a {
	margin-top:0px;
}
.MenuSuperior > ul > li:first-child .menuItemToolbox.editableMenuHanler {
	display:none !important;
}
.MenuSuperior .menuItemToolbox a:hover
{
	background-color: #999999 !important;
	background-image:none;
}
.MenuSuperior ul li.Nuevo {
	margin-top:0px;
}
.MenuSuperior ul li.Nuevo .editMenuItemForm {
	top:0px;
}


/* MENU IZQUIERDA */

.MenuIzda div.menuItemToolbox a, .MenuIzda li.Nuevo.menuItemToolbox a
{
	padding: 0px 10px;
	background-color: #3f92ca;
	border-right: 1px solid #FFFFFF;
	color: #FFFFFF;
	text-transform: uppercase;
	font-weight: bold;
	border-left:0;
	display:inline-block;
	line-height:1.6em;
	font-size:0.8em;
}
.enEdicion .MenuIzda > ul > li {
	/*background-image:none;
	text-align:left;*/
}
.enEdicion .MenuIzda > ul > li > a {
	/*text-align:left;*/
}

.MenuIzda div.menuItemToolbox a:hover, .MenuIzda li.Nuevo.menuItemToolbox a:hover
{
	background-color: #80bee7;
	color:#FFFFFF;
}
.MenuIzda div.menuItemToolbox.level-1 a, .MenuIzda li.Nuevo.menuItemToolbox.level-1 a {
	padding: 0px 10px;
	background-image:none;
	border:0px;
}
.MenuIzda div.menuItemToolbox.level-1 a:hover, .MenuIzda li.Nuevo.menuItemToolbox.level-1 a:hover {
	background-image:none;
	color:#FFFFFF;
	border:0px;
}

.MenuIzda > li.Nuevo {
	margin-top:5px;
}

.MenuIzda > li.Nuevo a.Boton {
	padding:2px 6px;
}


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

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

/* Boton añadir opcion en el menu superior */
.MenuSuperior ul li.Nuevo.menuItemToolbox a.Boton
{
	color: #FFFFFF;
	font-weight: bold;
	display: block;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 40px;
	border-right: none;
	margin-top: 0px;
}
.MenuSuperior > ul > li.Nuevo.menuItemToolbox {
	position:absolute;
	top:0px;
	right:0px;
	width:auto;
}
/* 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
{
	font-size: 0.8em;
    line-height: 20px;
    margin-bottom: 3px;
    margin-top: 3px;
    text-align: right;
}
.editMenuItemForm input.Campo
{
	width: 75%;
	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;
}



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

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

.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;
	margin-bottom: 15px;
}


/* HTML EDITOR */

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

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



/* NUEVA PAGINA */

.EditorClearness p.Etiqueta
{
	margin: 0px;
	margin-bottom:5px;
}
.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;
}

input#propertiesPreURL
{
    float:left;
    width: 35%;
}
input#propertiesURL
{
    width:63%;
}

/***************************************/





/**************************************** EDICION ***********************************************/
.ListaControles {
	margin-top:20px;
}
.ListaControles li {
	margin-bottom:20px;
	list-style-type:none;
	position:relative;
}
.ListaControles li img {
	margin:0px !important;
	margin-left:15px !important;
	position:absolute;
	right:-60px;
	top:0px;
}