@charset "utf-8";
/* CSS Document */
@import url(reset.css);
@import url(text.css);

body {
	width: 100%;
	background-color: #E3E8FF;
}

acronym {
	cursor: help !important;
}

/* LOGGIN 
------------------------------------------------------------------------------------- */

#envoltorio-form {
	width: 540px;
	margin: 200px auto;
	background: #FFF url('../img/logo-msc.png') no-repeat top left;
	border: #666 1px solid;
}

	#envoltorio-form form fieldset {
		padding: 30px 20px;
	}
	
		.titulo-loggin {
			font-size: 1.4em;
			font-weight: normal;
			margin: 15px 0 10px 140px;
			border-bottom: #333 1px solid;
		}
		
		
		.info, .notice_message, .warning_message {
			height: 36px;
			line-height: 36px;
			background: #FFF url('../img/iconos/info.png') no-repeat bottom left;
			border: #FFAA00 1px dotted;
			padding-left: 40px;
			margin-bottom: 10px;
			font-weight: bold;
		}
		
		.success_message {
			height: 36px;
			line-height: 36px;
			background: #FFF url('../img/iconos/success.png') no-repeat bottom left;
			border: #55FF7F 1px dotted;
			padding-left: 40px;
			margin-bottom: 10px;
			font-weight: bold;			
		}
		
		.error, .error_message {
			height: 36px;
			line-height: 36px;
			background: #FFF url('../img/iconos/error.png') no-repeat bottom left;
			border: #FF0000 1px dotted;
			padding-left: 40px;
			margin-bottom: 10px;
			font-weight: bold;			
		}
	
	div.input {
		width: 50%;
		float: left;
	}
	
		.input-email, .input-password {
			width: 160px;
			margin-left: 5px;
		}
	
	div.boton {
		clear: both;
		padding-top: 5px;
		text-align: right;
	}
	
		.boton-loggin {
			background: #FF7F2A url('../img/boton-submit.png') repeat-x bottom left;
			color: #FFF;
			font-weight: bold;
			border: none;
		}
		
/* PANEL
------------------------------------------------------------------------------------- */

/* CABECERA */

#envoltorio {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
	background: #E3E8FF url('../img/bg.png') repeat-y top left;
}

#cabecera {
	padding: 10px 20px 0 10px;
	height: 100px;
}

	#logo-cabecera {
		display: inline-block;
		float: left;
		width: 200px;
	}
	
	#logo-cabecera a {
		background-color: transparent;
	}	
	
	#perfil {
		display: inline-block;
		float: right;
		background: #FFF url('../img/iconos/profile.png') no-repeat top left;
		list-style-type: none;
		font-size: 0.9em;
		line-height: 1.1;
	}		
	
		#perfil li {
			margin-left: 55px;
		}
		
		#nombre-usuario {
			font-weight: bold;
		}
		
		#cerrar-sesion {
			font-size: 0.9em;
			margin-top: 2px;
		}
	
	#cabecera h1 {
		clear: right;
		float:  right;
		margin-bottom: 0;
	}	
	
/* CONTENIDO */

#contenido {
	margin-top: 50px;
	padding: 0 20px;
	overflow: hidden;
}

/* MENU */

	#menu {
		display: inline;
		float: left;
		width: 190px;
	}
	
		.titulo-menu {
			font-size: 1.2em;
			margin-bottom: 10px;
			border-bottom: #333 1px dotted;
		}
	
		#menu ul {
			list-style-type: none;
		}
		
		#menu ul li {
			margin: 4px 0;
			text-align: right;
			border-bottom: #333 1px solid;
		}
		
		#menu ul li a {
			display: block;
			width: 97%;
			padding-right: 7px;
		}
	
/* PRINCIPAL */	

	#principal {
		display: inline;
		float: left;
		margin: 0 0 50px 50px;
		width: 650px;
	}
	
	#principal div form h1, #principal h2 {
		font-size: 1.5em;
		color: #557FFF;
		border-bottom: #557FFF 1px dotted;
	}	
	
	.controlButton {
		background: #FF7F2A url('../img/boton-submit.png') repeat-x bottom left;
		color: #FFF;
		font-weight: bold;
		border: none;		
	}
	
	form.chpass div label {
		display: inline-block;
		width: 130px;
	}
	
/* CREA CARPETA */

.carpeta div { /* Formulario de creaDo.phtml */ 
	margin-bottom: 5px;
}
.carpeta div label {
	display: inline-block;
	width: 140px;
}

.tabla-carpeta {
	font-size: 0.8em;
	text-align: center;	
}

.tabla-carpeta td {
	border-right: #FFF 1px solid;
}

.tabla-carpeta tr {
	border-bottom: #FFF 1px solid;
}

.tabla-carpeta th {
	background-color: #878787;
	color: #FFF;
	border-right: #FFF 1px solid;	
}

.tabla-carpeta .impar {
	background-color: #B7DBF9;
}

.tabla-carpeta .par {
	background-color: #D6D8DA;
}		
	
/* PIE */

#pie {
	clear: both;
	height: 30px;
	background: #E3E8FF url('../img/bg-pie.png') no-repeat bottom left;
}

	#pie p {
		font-size: 0.8em;
		text-align: center;
		margin-bottom: 10px;
	}
	

/* Cambia los colores del Browse en StandardForm */
.browse_primary {
	background: #AEB9FF;
}

.browse_primary_active {
	background: #AEB9FF;
}

.browse_secondary {
	background: #FFF;
}

.browse_secondary_active {
	background: #F2F2F2;
}

div.autocomplete {
	position: relative;
	background-color: white;
	border: 1px solid #888;
	margin: 0;
	padding: 0;
}
div.autocomplete ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
div.autocomplete ul li.selected {
	background-color: #ffb;
}
div.autocomplete ul li {
      list-style-type: none;
      display: block;
	  margin: 1px 0;
      padding: 1px;
      cursor: pointer;
      font-size: 10px;
}

td, div {
	font-family: "Verdana";
}

body.template {
	background-color: #676767;
}