@charset "utf-8";

/*------------- [ SIDEBAR ] -------------*/

.content .sidebar.first { margin-top: -60px; }
.content .sidebar-top.first { background: #fff url(../images/sidebar-top-first.jpg) no-repeat top center; }
.content .sidebar-content h1 { display: block; width: 262px; height: 40px; margin: 15px auto 0; padding: 0; color: #fff; font-size: 28px; background-color: #6577A6; border-top: 2px solid #48577D; text-align: center; }
.content .sidebar-content p { margin: 15px 12px; }
.content .sidebar-content div.form { position: relative; width: 200px; margin: 0 auto; }
.content .sidebar-content label, .content .sidebar-content input, .content .sidebar-content textarea { display: block; }
.content .sidebar-content textarea { width: 192px; }
.content .sidebar-content label { margin: 7px 0 2px; color: #333; font-size: 14px; }
.content .sidebar-content input, .content .sidebar-content textarea { border: 2px solid #C7CED1; }
.content .sidebar-content button { float: right; margin: 10px 0; border: 2px #48577D solid; padding: 4px 15px; background: #6577A6; cursor: pointer; color: #fff; font-size: 12px; font-family: 'Trebuchet MS', Arial, sans-serif; }
.content .sidebar-content button:hover { background-color: #8C9ABD; }
.content .sidebar-content .block { margin: 25px 0 0 25px; padding: 0 0 0 25px; background: transparent url(../images/content-h2-bullet.jpg) no-repeat scroll left 2px; }
	.content .sidebar-content .block p { font-family: 'Trebuchet MS', Arial, sans-serif; font-size: 14px; font-weight: bold; line-height: 1.3; padding: 0; margin: 0; }

.content .left { float: left; }


/*------------- [ GALLERY: LISTING ] -------------*/

.gallery { float: left;	display: inline; margin: 0px 3px 4px 3px; background: #E2E2E2; }
	.gallery img { border: 1px solid #BBBBBB; padding: 4px 4px 4px 4px; background: #F2F2F2; }

	.gallery div { text-align: center; }
		.gallery div img { margin: 3px 0px 0px 0px; border: none; padding: 0px 0px 0px 0px; background: transparent; }


/*------------- [ LISTING: USERS ] -------------*/

.content .listing.users .description { width: 100%; }


/*------------- [ LISTING: PROJECTS ] -------------*/

.content .listing.projects .description { width: 630px; }
.phase-control { margin-left: 400px; }
	.phase-control a {  }

/*------------- [ LISTING: DOCUMENTS ] -------------*/

.content .listing.documents .description { width: 550px; }

/*----------------[ENCUESTA]-----------------*/

.percent-bar { width:400px; background-color: #FF3300; margin: 0px 0px 0px 50px; }
.percent-bar div { background-color: #00FF66; font-size: 12px; font-weight: bold; }

/*------------- [ ADMIN: MENU ] -------------*/

#admin-menu {  }
	#admin-menu a, #admin-menu a:visited, #admin-menu a:link { display: block; float: left; margin: 0 8px 0 0; color: #1E5076; padding: 5px 5px 5px 20px; }
	#admin-menu a:hover { background-color: #6577A6; color: #fff; border-bottom: 2px solid #48577D; }
		#admin-menu a span { font-size: 12px; }
		#admin-menu .projects { background: transparent url(../images/buttons/projects.png) no-repeat scroll left 2px; }
		#admin-menu .password { background: transparent url(../images/buttons/password.png) no-repeat scroll left 2px; }
		#admin-menu .user { background: transparent url(../images/buttons/user.png) no-repeat scroll left 2px; }
		#admin-menu .logout { background: transparent url(../images/buttons/logout.png) no-repeat scroll left 2px; }