@import url("http://fonts.googleapis.com/css?family=Oleo+Script")

* {
 margin: 0;
 padding: 0;
}

html,body {
 height: 100%;
}

body  {
	background-image: url("../images/login/bg_top.png");
	background-position: center top;
	background-repeat: repeat-x;
	margin-top: 10px !important;
	margin: 0;
	color: #393939;
	font-family: Arial;
}

#page-top-top{
	background: url(../images/shared/nav/repeat2.jpg) repeat-x;
 	height: 35px;
}

#page-top-top a, #page-top-top a:hover{
	text-decoration: none;
	text-transform: uppercase;
	color:#DDD;
}
#page-top-top-title{
	font-size: 14px;
    font-weight: bold;
    padding: 9px;
	color: #DDD;`
}

#page-top-outer {
 background: url("../images/shared/header-bg.jpg") repeat scroll 0 0 transparent;
/*  background: url(../images/shared/top_bg.jpg) top center repeat-x; */
 border-bottom: 1px solid #7e7e7e;
 height: 31px;
}

#page-top {
 margin: 0 auto;
 max-width: 1260px;
 min-width: 850px;
 position: relative;
}

#logo {
 float: left;
/*  margin: 45px 0 0 15px; */
}

#logo a {
 display: block;
}

#top-search {
 display: inline;
 float: right;
 position: relative;
/*  margin: 46px 20px 0 0; */
 z-index: 20;
}

.top-search-inp {
 background: url(../images/shared/top_search_inp.gif) no-repeat;
 border: none;
 color: #fff;
 font-size: 12px;
 height: 23px;
 padding: 6px 6px 0 10px;
 width: 164px;
}

#content-outer {
 background: url(../images/shared/content_repeat.jpg) repeat-x;
}

#content {
 color: #333;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 line-height: 18px;
 margin: 0 auto 0 auto;
 max-width: 1260px;
 min-width: 780px;
 padding: 35px 0px 30px 0px;
}

#content-inner {
 color: #333;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 line-height: 18px;
 margin: 0 auto 0px auto;
 padding: 25px 0 30px 0;
}


#content-table th.sized {
 height: 15px;
 width: 15px;
 padding: 0;
 margin: 0;
 font-size: 0px;
 line-height: 0px;
}

#content-table-inner {
 font-size: 12px;
 line-height: 12px;
 padding: 10px 0 20px 0;
}

#tbl-border-top {
 background: url(../images/shared/border_bit.jpg) top repeat-x;
 line-height: 0;
 font-size: 0px;
 height: 15px;
}

#tbl-border-bottom {
 background: url(../images/shared/border_bit.jpg) bottom repeat-x;
 line-height: 0;
 font-size: 0px;
 height: 15px;
}

#tbl-border-left {
 background: url(../images/shared/border_bit.jpg) left repeat-y;
}

#tbl-border-right {
 background: url(../images/shared/border_bit.jpg) right repeat-y;
}

#table-content {
 line-height: 16px;
 margin: 0 10px 10px 10px;
 min-height: 300px;
}

.topleft {
 background: url(../images/shared/corner_top_left.jpg) no-repeat;
 width: 15px;
 height: 15px;
}

.topright {
 background: url(../images/shared/corner_top_right.jpg) no-repeat;
 width: 15px;
 height: 15px;
}

.bottomleft {
 background: url(../images/shared/corner_bottom_left.jpg) no-repeat;
 width: 15px;
 height: 15px;
}

.bottomright {
 background: url(../images/shared/corner_bottom_right.jpg) no-repeat;
 width: 15px;
 height: 15px;
}

#page-heading {
 margin: 0 0 15px 20px;
}

h1 {
 color: #4b4b4b;
 font-family: Tahoma;
 font-size: 22px;
 line-height: 24px;
 font-weight: normal;
}

h2 {
 color: #393939;
 font-size: 16px;
 font-weight: bold;
 line-height: 20px;
 margin-bottom: 10px;
}

h3 {
 color: #92b22c;
 font-size: 14px;
 font-weight: bold;
 line-height: 18px;
 margin-bottom: 10px;
}

/* MESSAGES --------------------------------------------------------------- */
#message-yellow {
 margin-bottom: 5px;
}

.yellow-left {
 background: url(../images/table/message_yellow.gif) top left no-repeat;
 color: #e79300;
 font-family: Tahoma;
 font-weight: bold;
 padding: 0 0 0 20px;
}

.yellow-left a {
 color: #e79300;
 font-family: Tahoma;
 font-weight: normal;
 text-decoration: underline;
}

.yellow-right a {
 cursor: pointer;
}

.yellow-right {
 width: 55px;
}

#message-blue {
 margin-bottom: 5px;
}

.blue-left {
 background: url(../images/table/message_blue.gif) top left no-repeat;
 color: #2e74b2;
 font-family: Tahoma;
 font-weight: bold;
 padding: 0 0 0 20px;
}

.blue-left a {
 color: #2e74b2;
 font-family: Tahoma;
 font-weight: normal;
 text-decoration: underline;
}

.blue-right a {
 cursor: pointer;
}

.blue-right {
 width: 55px;
}

#message-red {
 margin-bottom: 5px;
}

.red-left {
 background: url(../images/table/message_red.gif) top left no-repeat;
 color: #ce2700;
 font-family: Tahoma;
 font-weight: bold;
 padding: 0 0 0 20px;
}

.red-left a {
 color: #ce2700;
 font-family: Tahoma;
 font-weight: normal;
 text-decoration: underline;
}

.red-right a {
 cursor: pointer;
}

.red-right {
 width: 55px;
}

#message-green {
 margin-bottom: 5px;
}

.green-left {
 background: url(../images/table/message_green.gif) top left no-repeat;
 color: #6da827;
 font-family: Tahoma;
 font-weight: bold;
 line-height: 12px;
 padding: 0 0 0 20px;
}

.green-left a {
 color: #6da827;
 font-family: Tahoma;
 font-weight: normal;
 text-decoration: underline;
}

.green-right a {
 cursor: pointer;
}

.green-right {
 width: 55px;
}

a.icon-1 {
 background: url(../images/table/table_icon_1.gif) no-repeat;
 display: block;
 float: left;
 height: 24px;
 margin: 0 8px 0 0;
 width: 24px;
}

a:hover.icon-1 {
 background: url(../images/table/table_icon_1.gif) 0 -24px;
}

a.icon-2 {
 background: url(../images/table/table_icon_2.gif) no-repeat;
 display: block;
 float: left;
 height: 24px;
 margin: 0 8px 0 0;
 width: 24px;
}

a:hover.icon-2 {
 background: url(../images/table/table_icon_2.gif) 0 -24px;
}

a.icon-3 {
 background: url(../images/table/table_icon_3.gif) no-repeat;
 display: block;
 float: left;
 height: 24px;
 margin: 0 8px 0 0;
 width: 24px;
}

a:hover.icon-3 {
 background: url(../images/table/table_icon_3.gif) 0 -24px;
}

a.icon-4 {
 background: url(../images/table/table_icon_4.gif) no-repeat;
 display: block;
 float: left;
 height: 24px;
 margin: 0 8px 0 0;
 width: 24px;
}

a:hover.icon-4 {
 background: url(../images/table/table_icon_4.gif) 0 -24px;
}

a.icon-5 {
 background: url(../images/table/table_icon_5.gif) no-repeat;
 display: block;
 float: left;
 height: 24px;
 width: 24px;
}

a:hover.icon-5 {
 background: url(../images/table/table_icon_5.gif) 0 -24px;
}

#tooltip {
 background-color: #8c8c8c;
 border: 1px solid #767676;
 color: #fff;
 font-family: Arial;
 font-size: 10px;
 font-weight: normal;
 opacity: 0.85;
 padding: 0 5px;
 position: absolute;
 text-align: left;
 z-index: 3000;
}

#tooltip h6,#tooltip div {
 font-family: Arial;
 font-size: 11px;
 line-height: 20px;
 margin: 0;
}

.records_list {
 margin-bottom: 20px;
}

.records_list td a {
 color: #393939;
}

.records_list td a:hover {
 text-decoration: underline;
}

.records_list th {
 height: 50px;
 text-align: left;
}

.records_list .minwidth-1 {
 min-width: 110px;
}

.records_list td {
 border: 1px solid #d2d2d2;
 padding: 3px;
}

.records_list tr.ui-selected {
	background: #F5F67E ;
}

.records_list tr:nth-child(even) {
	background: #ececec;
}
.records_list tr:hover {
	background: #F5F6CE ;
}
.records_list + ul {

}
.records_list + ul > li, .records_list li {
 	list-style: none;
  	margin: 0px 4px;
}

/* Actions dentro de la tabla */
.records_list li > a,.actions a{
	background: url("../images/table/table_header_repeat.jpg") repeat-x scroll 0 0 transparent;
    color: white;
    padding: 3px 5px;
    font-weight: bold;
}
.records_list li > a:hover{
	text-decoration: none;
	color:white;
}

.resaltado { background: #339900 !important; border : 1px solid #99FF66; }
 a.actions.resaltado {
	padding: 5px 10px;
}
button.resaltado {
	padding: 10px 30px;
	height: 45px;
	radius: 5px;
	font-size:12pt;
}

/* Actions debajo de la tabla */
.records_list + ul > li > a{
	 background: url("../images/table/table_header_repeat.jpg") repeat-x scroll 0 0 transparent;
    color: white;
    font-size: 14px;
    font-weight: bold;
    padding: 9px;
}

.records_properties th,.records_properties td {
	padding: 0px 5px 0px 5px;
}

td.options-width {
 padding: 0 0 0 10px;
 width: 210px;
}

td.checkbox-width {

}

/* .table-header-check { */
/*  background: url(../images/table/table_header_checkbox.jpg) no-repeat; */
/*  border: none; */
/*  min-width: 29px; */
/*  padding: 0px 0 0 10px; */
/*  width: 29px; */
/* } */

/* .table-header-options { */
/*  background: url(../images/table/table_header_options.jpg) no-repeat; */
/*  border: none; */
/*  min-width: 221px; */
/*  padding: 0px 0 0 0; */
/*  width: 221px; */
/* } */

.records_list th  {
 background: url(../images/table/table_header_repeat.jpg) repeat-x;
 border: none;
 color: #fff;
 font-family: Tahoma;
 font-size: 13px;
 font-weight: bold;
 line-height: 14px;
 margin: 0 0 0 10px;
 padding: 0 10px 0 10px;
 border-left: 1px solid #373737;

}
.records_list th:first-child  {

/* 	border-left: 0px; */
/* 	background: url("../images/table/table_header_checkbox.jpg") no-repeat scroll 0 0 transparent; */
}
.records_list th:last-child  {
/* 	background: url("../images/table/table_header_options.jpg") no-repeat scroll 0 0 transparent; */
}

.records_list th a {
 background: url(../images/table/table_sort_arrow.gif) right no-repeat;

}

.records_list th a:hover {
 color: #94b52c
}

th.line-left {
 border-left: 1px solid #373737;
}

.records_list tr.activity-blue {
 background: #e3eceb;
}

#toggle-all {
 display: block;
 width: 17px;
 height: 17px;
 cursor: pointer;
 background: url(../images/shared/checkbox.gif) 0 -17px;
}

#toggle-all.toggle-checked {
 display: block;
 width: 17px;
 height: 17px;
 background: url(../images/shared/checkbox.gif) 0 0;
}

/*  RELATED ACTIVIES BOX */
#related-activities {
 float: right;
 font-size: 0px;
 line-height: 0;
 width: 271px;
}

#related-act-top {
 font-size: 0px;
 line-height: 0;
}

#related-act-bottom {
 background: url(../images/forms/bg_related_act.gif) no-repeat bottom;
 font-size: 0px;
 line-height: 0;
}

#related-act-inner {
 font-size: 11px;
 line-height: 16px;
 margin: 0 auto 0px auto;
 padding: 10px 0 20px 0;
 width: 225px;
}

#related-act-inner .left {
 float: left;
 width: 30px;
}

#related-act-inner .right {
 float: left;
 width: 195px;
 padding: 2px 0 0 0;
}

#related-act-inner .right h5 {
 color: #393939;
 font-size: 12px;
}

ul.greyarrow {
 list-style-type: none;
}

ul.greyarrow li {
 background: url(../images/forms/icon_list_arrow.gif) no-repeat 0 5px;
 line-height: 18px;
 padding: 0 0 0 12px;
}

ul.greyarrow li a {
 color: #92b22c;
 font-weight: bold;
}

ul.greyarrow li a:hover {
 text-decoration: underline;
}

.lines-dotted-short {
 background: url(../images/forms/lines_dotted_short.gif) no-repeat 0px
  14px;
 font-size: 0px;
 height: 28px;
 line-height: 0;
}

/* PAGING --------------------------------------------------------- */
#paging-table {
 float: right;
 margin: 0 4px 0 0;
}

.page-far-left {
 background: url(../images/table/paging_far_left.gif) no-repeat;
 display: block;
 float: left;
 height: 24px;
 margin: 0 4px 0 0;
 width: 24px;
}

.page-left {
 background: url(../images/table/paging_far_left.gif) no-repeat;
 display: block;
 float: left;
 height: 24px;
 width: 24px;
}

.page-far-right {
 background: url(../images/table/paging_far_right.gif) no-repeat;
 display: block;
 float: left;
 height: 24px;
 margin: 0 4px 0 4px;
 width: 24px;
}

.page-right {
 background: url(../images/table/paging_far_right.gif) no-repeat;
 display: block;
 float: left;
 height: 24px;
 width: 24px;
}

#page-info {
 float: left;
 line-height: 16px;
 padding: 3px 12px 0 12px;
}

/*  ACTIONS BOX ----------------------------------------------- */
#actions-box {
 float: left;
 margin: 0 0 0 10px;
 position: relative;
}

a.action-slider {
 background: url(../images/table/dropdown_actions.gif) no-repeat;
 display: block;
 height: 30px;
 width: 110px;
}

a.action-slider.activated {
 background: url(../images/table/dropdown_actions.gif) no-repeat 0 -30px;
 display: block;
 height: 30px;
 width: 110px;
}

#actions-box-slider {
 background: url(../images/table/actions_slider_bg.gif) bottom no-repeat;
 display: none;
 left: 0;
 padding-bottom: 1px;
 padding-top: 10px;
 position: absolute;
 top: 24px;
 width: 110px;
}

#actions-box-slider-inner {
 font-size: 0px;
 line-height: 0;
 margin: 0 auto;
 width: 108px;
}

a.action-edit,a.action-delete {
 color: #272727;
 display: block;
 font-weight: bold;
 height: 20px;
 margin: 0 auto;
 padding: 10px 0 5px 45px;
 width: 63px;
}

a:hover.action-edit {
 background: #949494 url(../images/table/action_edit.gif) no-repeat 14px
  5px;
 color: #fff;
}

a.action-edit {
 background: #c7c7c7 url(../images/table/action_edit.gif) no-repeat 14px
  5px;
}

a.action-delete {
 background: #c7c7c7 url(../images/table/action_delete.gif) no-repeat
  14px 5px;
}

a:hover.action-delete {
 background: #949494 url(../images/table/action_delete.gif) no-repeat
  14px 5px;
 color: #fff;
}

/* FORM ------------------------------------------------------- */


input,select {
 color: #393939;
 min-height: 25px;
 margin-top:4px;
 margin-bottom:4px;
}

select {
 width: auto;
 max-width: 400px;
 padding: 2px 5px 2px 5px;
 line-height: 2;
 font-size: 14px;
 border: 1px solid #ACACAC;
}
#cpm_jovenesbundle_filter_modelFilter  input{
	min-width: 200px;
}	
input {
	
min-width: 378px;
 padding: 6px 6px 0 6px;
 border: 1px solid #ACACAC;
/*  background: url(../images/forms/form_inp.gif) no-repeat; */
}

input[type="radio"] + label, input[type="checkbox"] + label {
	width:auto !important;
	min-width: 40px;
	text-transform: capitalize;
}

label.error, .error {
	width: auto;
	padding-left: 10px;
	color : #A00000;
}

 div.radios-en-linea{
	display:inline;
	padding:10px;
}
 div.radios-en-linea input[type=radio],  div.radios-en-linea input[type=checkbox] {
 	display: inline;
 	width: auto;
 	min-width: auto;
 	padding: 0px;
	 margin: 0px 2px 0px 8px;
	 vertical-align: text-top;
 }

 .filters div.radios-en-linea label {
 	width: auto;
 }

input[type=radio],input[type=checkbox]{
	min-width: 10px;
	margin: 3px;
	padding: 0px;
	min-height:10px;

}


.inp-form-error {
 background: url(../images/forms/form_inp_error.gif) no-repeat;
 border: none;
 color: #393939;
 height: 25px;
 padding: 6px 6px 0 6px;
 width: 187px;
}

textarea {
border: 1px solid #ACACAC;
/*background: url(../images/forms/form_textarea.gif) no-repeat;
 border: none;*/
 color: #393939;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 height: 97px;
 overflow: auto;
 padding: 6px 6px 0 6px;
 width: 378px;
 vertical-align: middle;
 
 margin-top: 4px;
 margin-bottom: 4px;
}


#id-form td {
 padding: 0 0 10px 0;
}

#id-form td.noheight {
 padding: 0 0 0px 0;
}

#id-form th {
 line-height: 28px;
 min-width: 130px;
 padding: 0 0 10px 0;
 text-align: left;
 width: 130px;
}

.styledselect-day,.styledselect-month,.styledselect-year {
 border: 1px solid #acacac;
 margin-right: 3px;
 padding: 3px;
 width: 64px;
}

#step-holder {
 font-family: Tahoma;
 height: 39px;
 margin-bottom: 20px;
}

.step-no {
 float: left;
 height: 29px;
 width: 18px;
 font-size: 18px;
 line-height: 18px;
 padding: 10px 0 0 0;
 text-align: center;
}

.step-no-off {
 float: left;
 height: 29px;
 width: 18px;
 font-size: 18px;
 line-height: 18px;
 padding: 10px 0 0 0;
 text-align: center;
 color: #cbcbcb;
}

.step-dark-left {
 float: left;
 background: url(../images/forms/step_dark_left.gif) no-repeat;
 height: 27px;
 padding: 13px 15px 0 25px;
 font-size: 13px;
 color: #fff;
 font-weight: bold;
}

.step-dark-left a {
 font-size: 13px;
 color: #fff;
 font-weight: bold;
}

.step-dark-right {
 float: left;
 width: 12px;
 background: url(../images/forms/step_dark_right.gif) no-repeat;
 height: 39px;
}

.step-dark-round {
 float: left;
 width: 8px;
 height: 39px;
 background: url(../images/forms/step_dark_round.gif) no-repeat;
}

.step-light-left {
 float: left;
 height: 27px;
 padding: 13px 15px 0 25px;
 font-size: 13px;
 background: url(../images/forms/step_light_left.gif) no-repeat;
 height: 39px;
 color: #cbcbcb;
 font-weight: bold;
}

.step-light-left a {
 font-size: 13px;
 color: #cbcbcb;
 font-weight: bold;
}

.step-light-right {
 float: left;
 width: 12px;
 background: url(../images/forms/step_light_right.gif) no-repeat;
 height: 39px;
}

.step-light-round {
 float: left;
 width: 8px;
 height: 39px;
 background: url(../images/forms/step_light_round.gif) no-repeat;
}

.bubble-left {
 float: left;
 width: 10px;
 height: 29px;
 margin-left: 5px;
 background: url(../images/forms/bubble_left.gif) no-repeat;
}

.bubble-inner {
 float: left;
 padding: 7px 0px 0 2px;
 color: #2e74b2;
 line-height: 14px;
 font-size: 11px;
 height: 22px;
 background: url(../images/forms/bubble_inner.gif) repeat-x;
}

.bubble-right {
 float: left;
 width: 8px;
 height: 29px;
 background: url(../images/forms/bubble_right.gif) right no-repeat;
}

.error-left {
 float: left;
 width: 13px;
 height: 32px;
 margin-left: 5px;
 background: url(../images/forms/error_left.gif) no-repeat;
}

.error-inner {
 float: left;
 padding: 7px 10px 0 4px;
 color: #fff;
 line-height: 14px;
 height: 25px;
 background: url(../images/forms/error_right.gif) right no-repeat;
}

.file_1 {
 border: 1px solid #acacac;
 padding: 5px;
}

/*  NAVIGATION ----------------------------------------------- */
#nav-holder {
 margin: 0 auto;
 max-width: 1260px;
 min-width: 780px;
 text-align: left;
}

.nav-outer-repeat {
 background: url(../images/shared/nav/repeat.jpg) repeat-x;
 height: 77px;
}

.nav-outer {
 margin: 0 auto;
 max-width: 1260px;
 min-width: 850px;
}

#nav-right {
 float: right;
 position: relative;
/*  width: 400px; */
 min-width:300px;
color: white;
 z-index: 0;
}

#nav-right li {
 display: block;
 float: left;
 margin: 0px 0 0 0;
 background-position: left center;
 background-repeat: no-repeat;
}
#nav-right li a { color: #FFFFFF; }

#acc-settings {
	background-image: url("../images/shared/nav/icon_acc_settings.gif");
}

.account-content {
 background: #454545 url(../images/shared/nav/account_drop_bg.gif)
  no-repeat bottom;
 display: none;
 left: 5px;
 padding-bottom: 20px;
 position: absolute;
 top: 30px;
 width: 170px;
}

.account-drop-inner {
 font-size: 0px;
 line-height: 0px;
 margin: 20px auto 0 auto;
 width: 140px;
}
.showhide-account img{
	vertical-align: middle;
}

.showhide-account {
 cursor: pointer;
 display: block;
 float: left;
 margin: 10px 5px 0 5px;
}

.account-drop-inner a {
 color: #fff;
 font-size: 12px;
 font-weight: bold;
 line-height: 16px;
 margin: 0 0 0 0;
 padding: 0 0 0 0;
}

.account-drop-inner a:hover {
 color: #94b52c;
}

.acc-line {
 background: url(../images/shared/nav/account_line.gif) no-repeat 0 7px;
 font-size: 0px;
 height: 14px;
 line-height: 0px;
 margin-top: 0px;
 padding: 0;
}


/* ================================================================
This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/pro_dropline.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements.
=================================================================== */
.navi {
 float: left;
 font-family: Tahoma;
 font-size: 13px;
 height: 38px;
 position: relative;
 min-width: 600px;
 z-index: 500;
}

.nav-divider {
 background: url(../images/shared/nav/divider.jpg) top no-repeat;
 float: left;
 height: 40px;
 width: 15px;
}

.navi .table {
 display: table;
}

.navi .select,.navi .current {
 display: table-cell;
 float: left;
 list-style: none;
 margin: 0 0px 0 0;
 padding: 0;
 white-space: nowrap;
}

.navi li {
 float: left;
 height: auto;
 margin: 0;
 padding: 0;
}

.navi .select a {
 color: #fff;
 display: block;
 float: left;
 height: 37px;
 line-height: 35px;
 padding: 0 20px 0 20px;
 text-decoration: none;
 white-space: nowrap;
}

.navi .current a {
 background: url(../images/shared/nav/pro_line_1.gif);
 color: #fff;
 display: block;
 float: left;
 height: 37px;
 line-height: 35px;
 padding: 0 0 0 10px;
 text-decoration: none;
 white-space: nowrap;
}

.navi .current a b {
 background: url(../images/shared/nav/pro_line_1.gif) right top;
 display: block;
 padding: 0 20px 0 10px;
}

.navi .select a:hover,.navi .select li:hover a {
 background: url(../images/shared/nav/pro_line_1.gif);
 color: #fff;
 cursor: pointer;
 padding: 0 0 0 10px;
}

.navi .select a:hover b,.navi .select li:hover a b {
 background: url(../images/shared/nav/pro_line_1.gif) right top;
 cursor: pointer;
/*  display: block; */
 float: left;
 padding: 0 20px 0 10px;
}

.navi .select_sub {
 display: none;
 margin: 0 0 0 10px;
}

/* IE6 only */
.navi table {
 border-collapse: collapse;
 font-size: 1em;
 height: 0;
 margin: -1px;
 width: 0;
}

.navi .sub {
/*  display: table; */
 list-style: none;
 /* margin: 0 auto; */
 padding: 0;
}

.navi .sub_active .current_sub a,.navi .sub_active a:hover {
 background: transparent;
 color: #fff;
}
.navi .select .select_sub { display:none;}
.navi .select :hover .select_sub,.navi .current .show {
 background: url(../images/shared/nav/back_0.gif);
 display: block;
 left: 0;
 padding: 0;
 position: absolute;
 text-align: left;
 top: 37px;
 width: 1100px;
 z-index: 100;
}

.navi .current .show {
 z-index: 10;
}

.navi .select :hover .sub li a,.navi .current .show .sub li a {
 background: transparent;
 border: 0;
 color: #fff;
 font-weight: bold;
 font-size: 13px;
 display: block;
 float: left;
 margin: 0;
 padding: 0 10px 0 10px;
 white-space: nowrap;
}

.navi .current .sub li.sub_show a {
 color: #94b52c;
 cursor: default;
}

.navi .select :hover .sub li a:hover,.navi .current .sub li a:hover {
 color: #94b52c;
 visibility: visible;
}

/* FOOTER -------------------------------------------------------------- */
#footer {
 height: 70px;
 margin: 80px auto 0px auto;
 padding: 0px 0 0 0;
 text-align: left;
 min-width: 780px;
 max-width: 1260px;
}

#footer-left {
 color: #818181;
 font-size: 11px;
 line-height: 11px;
 padding: 15px 0 15px 25px;
 margin: 0 20px;
 border-top: 1px solid #dbdbdb;
 border-bottom: 1px solid #dbdbdb;
}

#footer-left a {
 color: #818181;
 text-decoration: none;
}

#footer-left   a.selected,#footer-left   a:hover {
 color: #000;
 text-decoration: none;
}

/* GENERAL --------------------------------------------------------*/
table {
 border-collapse: collapse;
}

.fr {
 float: right;
}

a {
 outline: none;
 text-decoration: none;
}

a:hover {

}

.clear {
 clear: both;
 font-size: 0px;
 height: 0;
 line-height: 0px;
 margin: 0px;
 padding: 0px;
}

img {
 border: 0;
}

p {
 margin: 0px;
 padding: 0px;
}

form {
 margin: 0;
 padding: 0;
}

.line {
 border-top: 1px solid #dcdada;
 font-size: 0px;
 height: 1px;
 line-height: 0px;
 margin: 20px 0;
 padding: 0;
}

.font11 {
 font-size: 11px;
}

/*  STYLED SELECTBOXES style 1 --------------------------------- */
.styledselect {
 background: #2a2a2a;
 border: 1px solid #424242;
 color: #fff;
 width: 120px;
 padding: 5px;
 line-height: 14px;
 margin-right: 6px;
 font-size: 12px;
}

div.selectbox-wrapper {
 background-color: #2a2a2a;
 border: none;
 border-bottom: none;
 margin: 0px;
 margin-top: 0px;
 max-height: 200px;
 overflow: auto;
 padding: 0px;
 position: absolute;
 text-align: left;
 width: 400px;
 z-index: 10;
}

div.selectbox-wrapper ul {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
 z-index: 10;
}

div.selectbox-wrapper ul li.selected {
 background-color: 575757;
 color: #fff;
}

div.selectbox-wrapper ul li.current {
 background-color: #575757;
}

div.selectbox-wrapper ul li {
 border-bottom: none;
 color: #fff;
 cursor: pointer;
 display: block;
 font-size: 12px;
 line-height: 12px;
 list-style-type: none;
 margin: 0;
 padding: 6px 2px 6px 10px;
}

.selectbox_styled {
 background: url(../images/shared/top_search_select.gif) left no-repeat;
 border: none;
 border-left: none;
 color: #fff;
 cursor: pointer;
 display: block;
 font-family: Arial;
 font-size: 12px;
 height: 20px;
 margin: 0px 0px 0px 0px;
 padding: 6px 0 0 6px;
 text-align: left;
 width: 105px;
 z-index: 10;
}

/*  STYLED SELECTBOXES style 2 --------------------------------- */
div.selectbox-wrapper2 {
 background-color: #e3e3e3;
 border: none;
 border-bottom: none;
 margin: 0px;
 margin-top: 0px;
 max-height: 200px;
 overflow: auto;
 padding: 0px;
 position: absolute;
 text-align: left;
 width: 400px;
}

div.selectbox-wrapper2 ul {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
}

div.selectbox-wrapper2 ul li.selected2 {
 background-color: #94b52c;
 color: #fff;
}

div.selectbox-wrapper2 ul li.current2 {
 background-color: #94b52c;
 color: #fff;
}

div.selectbox-wrapper2 ul li {
 border-bottom: none;
 color: #393939;
 cursor: pointer;
 display: block;
 font-size: 12px;
 line-height: 12px;
 list-style-type: none;
 margin: 0;
 padding: 6px 2px 6px 10px;
}

.styledselect_form_1 {
 background: url(../images/forms/form_select.gif) left no-repeat;
 border: none;
 border-left: none;
 color: #393939;
 cursor: pointer;
 display: block;
 font-family: Arial;
 font-size: 12px;
 height: 24px;
 margin: 0px 0px 0px 0px;
 padding: 7px 0 0 6px;
 text-align: left;
 width: 192px;
}

.styledselect_form_2 {
 background: url(../images/forms/form_select_small.gif) left no-repeat;
 border: none;
 border-left: none;
 color: #393939;
 cursor: pointer;
 display: block;
 font-family: Arial;
 font-size: 12px;
 height: 24px;
 margin: 0px 0px 0px 0px;
 padding: 7px 0 0 10px;
 text-align: left;
 width: 60px;
}

/*  STYLED SELECTBOXES style 3 --------------------------------- */
div.selectbox-wrapper3 {
 background-color: #e3e3e3;
 border: none;
 border-bottom: none;
 margin: 0px;
 margin-top: 0px;
 max-height: 200px;
 overflow: auto;
 padding: 0px;
 position: absolute;
 text-align: left;
 width: 400px;
}

div.selectbox-wrapper3 ul {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
}

div.selectbox-wrapper2 ul li.selected3 {
 background-color: #94b52c;
 color: #fff;
}

div.selectbox-wrapper2 ul li.current3 {
 background-color: #94b52c;
 color: #fff;
}

div.selectbox-wrapper3 ul li {
 border-bottom: none;
 color: #393939;
 cursor: pointer;
 display: block;
 font-size: 12px;
 line-height: 12px;
 list-style-type: none;
 margin: 0;
 padding: 6px 2px 6px 10px;
}

.styledselect_pages {
 background: url(../images/table/select_number_rows.gif) left no-repeat;
 border: none;
 border-left: none;
 color: #393939;
 cursor: pointer;
 display: block;
 font-family: Arial;
 font-size: 12px;
 height: 20px;
 line-height: 16px;
 margin: 0px 0px 0px 0px;
 padding: 4px 0 0 6px;
 text-align: left;
 width: 130px;
}

/* STYLED CHECKBOXES AND RADIOS -------------------------------------------- */
.ui-radio-state-disabled,.ui-radio-state-checked-disabled,.ui-radio-state-disabled-hover,.ui-radio-state-checked-disabled-hover
 {
 color: #999;
}

span.ui-checkbox,span.ui-radio {
 background: url(../images/shared/checkbox.gif) 0 -17px no-repeat;
 display: block;
 float: left;
 height: 17px;
 width: 17px;
}

span.ui-helper-hidden {
 display: none;
}

label {
	display: inline-block;
	text-align: right;
	min-width: 150px;
	line-height: 20px;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
	margin-right: 10px;
}

.error_list, label+ul{
	font-weight:bold;
    color: red;
    display: inline-block;
    list-style: none outside none;
}

label + ul + input {
    display: block;
    margin-left: 310px;
}
#fos_user_registration_form label + ul + input {
    margin-left: 130px;
}


input+label{
text-align: left;
}
span.ui-radio-state-hover,span.ui-checkbox-state-hover {
 background-position: 0 0px;
}

span.ui-checkbox-state-checked {
 background-position: 0 0px;
}

span.ui-checkbox-state-checked-hover {
 background-position: 0 0px;
}

span.ui-radio-state-checked-disabled-hover,span.ui-radio-state-checked-disabled,span.ui-radio-state-checked
 {
 background-position: 0 -161px;
}

span.ui-radio-state-checked-hover {
 background-position: 0 -17px;
}

.ui-helper-hidden-accessible {
 left: -999em;
 position: absolute;
}

/*  LOGIN -------------------------------------------------------------------------------- */
#login-bg {
 background: url(../images/login/login_bg.jpg) no-repeat top center;
}

#login-holder {
 margin: 0px auto 0 auto;
 width: 508px;
}

#loginbox {
 background: url(../images/login/loginbox_bg.png) no-repeat;
 font-size: 12px;
 height: 212px;
 line-height: 12px;
 padding-top: 60px;
 position: relative;
 width: 508px;
}

#forgotbox {
 background: url(../images/login/loginbox_bg.png) no-repeat;
 display: none;
 font-size: 12px;
 height: 212px;
 line-height: 12px;
 padding-top: 60px;
 position: relative;
 width: 508px;
}

#login-inner {
 color: #161616;
 font-family: Tahoma;
 font-size: 13px;
 line-height: 12px;
 margin: 0 auto;
 width: 310px;
}

#login-inner label {
 color: #161616;
 cursor: pointer;
 font-family: Tahoma;
 font-weight: bold;
 line-height: 12px;
 padding-left: 10px;
}

.checkbox-size {
 width: 13px;
 height: 13px;
 margin: 5px 0;
}

#login-inner th {
 padding: 0 0 6px 0;
 text-align: left;
 width: 95px;
}

#login-inner td {
 padding: 0 0 6px 0;
}

.login-inp {
 background: url(../images/login/inp_login.gif) no-repeat;
 border: none;
 color: #fff;
 font-size: 16px;
 height: 28px;
 padding: 6px 6px 0 10px;
 width: 204px;
}

#logo-login {
 float: left;
 height: 35px;
 margin: 145px 0 0 15px;
}

a.forgot-pwd {
 bottom: 30px;
 color: #161616;
 font-family: Tahoma;
 font-size: 11px;
 font-weight: bold;
 line-height: 12px;
 position: absolute;
 right: 40px;
}

a:hover.forgot-pwd {
 color: #fff;
}

#forgotbox-text {
 color: #161616;
 font-family: Tahoma;
 font-size: 13px;
 font-weight: bold;
 line-height: 12px;
 margin: 0 auto 40px auto;
 width: 380px;
}

#forgot-inner {
 color: #161616;
 font-family: Tahoma;
 font-size: 13px;
 line-height: 12px;
 margin: 0 auto;
 width: 330px;
}

#forgot-inner label {
 color: #161616;
 cursor: pointer;
 font-family: Tahoma;
 font-weight: bold;
 line-height: 12px;
 padding-left: 10px;
}

#forgot-inner th {
 padding: 0 0 6px 0;
 text-align: left;
 width: 110px;
}

#forgot-inner td {
 padding: 0 0 6px 0;
}

a.back-login {
 background: url(../images/login/icon_back_login.gif) no-repeat 0 4px;
 bottom: 30px;
 color: #161616;
 font-family: Tahoma;
 font-size: 11px;
 font-weight: bold;
 line-height: 12px;
 padding: 0 0 0 10px;
 position: absolute;
 right: 40px;
}

a:hover.back-login {
 color: #fff;
}

.submit-login {
 background: url(../images/login/submit_login.gif) no-repeat;
 border: none;
 cursor: pointer;
 display: block;
 height: 29px;
 text-indent: -3000px;
 width: 73px;
}

.submit-login:hover {
 background: url(../images/login/submit_login.gif) no-repeat 0 -29px;
}


.records_list ul {
	padding: 0px;
	display: flex;
}

.records_list li > button{
	font-size: 12px;
    height: 20px;
    margin: 1px;
    min-width: 10px;
}

.record_actions > li, .records_list li, button {
	list-style:none;
	display: inline-block;
	cursor: pointer;
    background-color: gray;
    text-align: center;
	margin-top:2px;
}

button{
    padding: 0px;
     border: 0 none;
     /* float:left; */
    height: 24px;
    margin:0px 4px;
}
/*
.record_actions > li {
	padding: 4px 5px;
    height: 25px;
}*/

ul.record_actions  {
	padding-top:20px;
	display: inline-block;
    float: left;
	clear: both;
}
#project-actions.record_actions { float:none; }

button,.record_actions li a {
    color: #FFFFFF !important;
    background-color: gray;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 2;
    height:30px;
	padding-left: 5px;
	padding-right: 5px;
	display: block;
}


/** INICIO formulario de carga de proyectos en etapas **/

.wizzard_stage label{
  max-width:300px;
	min-width:300px;
  padding: 10px 0px;
}
.wizzard_stage .innerForm label, .dynamic_form label {
	min-width:200px; /* este es el caso especial de los "mini-forms" de los colaboradores*/
}

form[name="wizzard_form"] .record_actions { float: right; }
.wizzard_stage { display : none;}
.wizzard_stage .form_fields {  min-height: 300px; }

.wizzard_stage #cpm_jovenesbundle_proyectotype_titulo { width: 378px; } /* mismo width que los textareas */
.wizzard_stage #cpm_jovenesbundle_proyectotype_nroAlumnos { min-width: 183px; width: 183px; }
.input_hint::before {
	content: '-> ';
}
.input_hint {
	max-width: 400px;
	clear: right;
	display: inline-block;
	vertical-align: top;
	min-height: 25px;
	border: 1px solid #DEDEDE;
	background-color: #EEFFFF;
	padding:3px 5px 4px 5px;
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: 20px;
}
.wizzard_stage #eje_row .inline-loading {; }

.innerForm, .dynamic_form { border : 1px solid #DEDEDE; border-radius:5px; width: 500px; padding:5px; margin:10px 0px 10px 0px;}
.innerForm a { float:right; }

/** FIN formulario de carga de proyectos en etapas **/

#loading-indicator-mini, .loading {
    background-image: url("../images/shared/loading-mini.gif");
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 20px;
}

.inline-loading {
	margin-left:40px;
	padding:7px 10px 7px 10px;
	display:none;
	position:absolute;
}

ul.mis_proyectos { float: left; }
ul.mis_proyectos li {
	list-style: none;
	padding: 5px;
}

ul.mis_proyectos .proyecto_box {
	border: 1px solid #DDD;
	padding: 10px;
	width: 400px;
	border-radius: 4px;
	display:inline-block;
}


ul.mis_proyectos .proyecto_box .operaciones { float: right; display: none; }
ul.mis_proyectos .proyecto_box:hover { background-color:#EFEFFF; cursor:pointer; }
ul.mis_proyectos .proyecto_box:hover .operaciones { display : block; }

ul.mis_proyectos .proyecto_box a { color : #000;  }

.cargando_detalle_proyecto {  float: right; width:450px; margin-left:20px; padding: 5px 40px 0px 10px;  }
.right-panel { float: right; width:450px; border: 1px solid #EFEFEF; margin-left:40px; padding: 5px 40px 0px 10px; display:none;}
.left-panel { float: left; }
#proyecto_fullbox .operaciones { float : right; }
#proyecto_fullbox ul.colaboradores { list-style-type: circle; margin-left: 5px;padding-left: 20px; }
#proyecto_fullbox h3 { font-size: 11pt; padding:10px 0px 5px 0px; }
#proyecto_fullbox h4 { font-size: 10pt; padding:10px 0px 5px 0px; text-align: left; }
#proyecto_fullbox p { font-size: 9pt; padding: 5px 12px; max-width: 500px; }
#proyecto_fullbox .small_text { font-size:7pt; }

.primera_vez { background-image: url("../images/icons/asterisk.png");  background-position: 95% 10%; background-repeat: no-repeat; }
.llamada { padding-right:-30px; width: 150px; float:none; clear:both; }

#login-extra-options{
	list-style: none;
}
#login-extra-options > li {
	display:inline;
}
#login-extra-options > li > a {
	color:#333333;
}




.info-message, .success-message, .warning-message, .error-message, .validation-message {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.info-message {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('../images/icons/info.png');
}
.success-message {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('../images/icons/success.png');
}
.warning-message {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('../images/icons/warning.png');
}
.error-message {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../images/icons/error.png');
}

.ui-button{
	margin:10px;
	height: auto;
}



#before_list { width : 100%; display:block; clear : both; padding-bottom: 10px;}
.filters {
	float : left;
	/* width: 800px; */
	padding-bottom:20px;
	margin-right:10px;
	border-right: 1px solid #EFEFEF;
}
.filters button { height: 33px; padding: 3px 10px;}
.filters select { height: 25px; min-height: 25px;  }
.filters select[multiple] { height: 70px; }
.filters input { height:16px; min-height: 16px; width:120px; min-width:120px}
.filters input[type='checkbox'] { 
	min-width: 10px;
	width: auto;
	vertical-align: middle;
}

.filters .double input { min-height: 30px; }
.filters .double input[type='radio'], .filters .double input[type='checkbox'] {
		min-height: auto;
		width: auto;
		min-width: auto;
		padding: 10px;
	 }
.label-width-auto label {
	width: auto !important;
	min-width: auto !important;
}
.filters select.input-narrow, .filters input.input-narrow  { min-width: 33px; width: 33px }
.primera_vez_checkboxes select.input-narrow { min-width: 60px; width: 60px }


.filters .left { width:450px; float : left; ;}
.filters .left label { text-align:left; width:180px;}
.filters .left select { width: 150px;}

.filters .right { width:450px; float : left; }

.filters .double { clear : both; width:800px; text-align: center; padding-top:15px; }

.filters .left-float { float:left; }

.filters .range input + label { text-align:right;}
.filters .range { padding-left: 50px; }
.filters .range label.input-narrow.left-float { min-width: 100px;}
.filter_order {
	width: 400px;
	display:block;
	margin: 0px;
	padding:0px;
}
.filters .filter_order > div {

	width: 100%;

}

.filter_order #cpm_jovenesbundle_filter_sortOrder {  padding-left:30px;  width: 300px; text-align: right; }

.filter_order #cpm_jovenesbundle_filter_sortOrder  label, .filter_order > label, .filter_order label {   }
.filter_order select {min-width: 200px;  width: 200px !important;  }
.filter_order > input, .filter_order input { width: 30px !important; min-width: 30px !important;  }




.filters.proyecto_filters {
    position: absolute;
    left: 1px;
    top: 122px;
    width:auto;
    z-index: 999;
    padding-bottom:0px;
    margin-right:10px;
    border:none;
}

.filters.proyecto_filters > form {
    display: none;
}

.filters.proyecto_filters > form label {
    display: block;
    text-align: left;
}

.filters.proyecto_filters.expanded > form {
    background-color: rgba(255,255,255,0.92);
}
.filters.proyecto_filters .filter_button {
    color: #FFF;
    background-color: #2F2F2F;
    padding: 10px;
    width: 40px;
    font-weight: bolder;
    font-size: 10pt;
    border-radius: 0 0 4px 4px;
    border: 0px solid #181717;
    cursor: pointer;
}

.filters.proyecto_filters .filter_button:hover { background-color: #585757;}

.filters.proyecto_filters select { width: 270px; font-size:90%; }
.proyecto_filters .filter_group {
    border: 1px solid #cecece;
    border-radius: 10px 10px 0px 0px;
    min-width: 250px;
    margin:3px 0px 3px 2px;
    background-color: #FEFEFE;
}
.proyecto_filters .filter_group > div {padding: 4px 6px; opacity: 1;}
.proyecto_filters > form > p {
    padding: 10px 0px;
    text-align: center;
    clear: both;
    border-color: #ECECEC;
    border-width: 0 1px 1px 0;
    border-style: solid;
}

.proyecto_filters .filter_group > .title {
    background: #CEE2FF;
    color:#333333;
    font-weight: bold;
    text-align: left;
    padding-left: 20px ;
    cursor: pointer;
    border: 1px solid #EEEEEE;
    border-radius: 10px 10px 0px 0px;
}
.proyecto_filters .filter_group > .title:hover { background-color: #FFF5FF;  }

.proyecto_filters .filter_order  {
    width: 300px;
    border-color: #ECECEC;
    border-width: 0 1px 0 0;
    border-style: solid;
}

.proyecto_filters #cpm_jovenesbundle_filter_sortOrder label { width: 100px; float: left; }
.proyecto_filters #cpm_jovenesbundle_filter_sortOrder input { width: 20px; float: left;  }

.proyecto_filters .filter_group.collapsed > .filters_in_group { display:none;}
.proyecto_filters .filter_group.uncollapsed > .filters_in_group { display:block;}
.proyecto_filters .filter_group.uncollapsed { border-radius: 10px;}

.proyecto_filters .filter_group .title.group_with_data
{
    background-image: url('../images/shared/yes.gif');
    background-repeat: no-repeat;
    background-position: left center;
    background-color: #EFF5FF;
}

.systats {
    position: absolute;
    top: 122px;
    left: 62px;
	padding: 0px;
    width: auto;
    z-index: 999;
}
.systats .stats_title {
    color: #FFF;
    background-color: #2F2F2F;
    padding: 10px;
    font-weight: bolder;
    font-size: 10pt;
    border: 0px solid #181717;
    cursor: pointer;
    border-radius: 0 0 4px 4px;
    width: 150px;
}
.systats .stats_title:hover {
    background-color: #585757;
}
.systats ul {
	padding:10px 6px;
	list-style:none;
    display: none;
    border-radius:4px;
    border: 1px solid #CECECE;
    background-color: rgba(255,255,255,0.95);
    margin-top: 0px;
}
.systats ul li { padding-top: 3px; }
.systats ul li:hover { background-color: #FEFEFE;}

.record_properties{
	float:left;
	max-width:700px;
}


.record_properties td, .record_properties th{
	padding:4px;
}

.record_properties th{
	text-align: right;
	font-weight: bold;
	vertical-align: top;

    white-space: pre;
}

.template_tip { font-size:10pt; clear: both; border: 1px solid #CCC; border-radius: 5px; padding:20px;}
.template_tip h4 { font-size:11pt; padding-bottom:5px;  }
.template_tip ul { padding-left : 30px;}
.template_tip ul li .example { margin-left : 30px; font-weight: bold; }


.total_count { float : left; font-weight: bold;}
#paginate_elements { text-align:center;}
#paginate_elements li { display: inline; padding: 5px; background: #F8F8F8; border: 1px solid #E0E0E0; }
#paginate_elements li a { color: #585858; font-size: 12px; background: none; font-weight: normal;}
.left , .right , .current { border-color:#909090; }
#paginate_elements li .current { font-weight: bold; font-size:14px; }
#paginate_elements .left_disabled , #paginate_elements .right_disabled { background-color: #FFFFFF; cursor: default; }


li.next-label, #listado_etapas li {
	background-image: url("../images/shared/next.gif");
    background-position: left center;
}

li.prev-label{
	background-image: url("../images/shared/prev.gif");
    background-position: right center;
}

#acciones-sobre-etapas li a,#acciones-sobre-etapas li a:hover{
	color:white;
	text-decoration: none;
}
#acciones-sobre-etapas li:hover{
	background-color:#222;
}

#listado_etapas li ,#acciones-sobre-etapas li{
    background-color: #333333;
    background-repeat: no-repeat;
    color: white;
    display: inline;
    font-weight: bold;
    padding: 7px 9px 4px 12px;
    line-height: 30px;
    margin-right: 5px;
}
#listado_etapas li:hover { cursor: pointer;}

li.white-label{
	color:black !important;
	background-color:white !important;
}

#listado_etapas li:first-child{
    background-image: none;
}
#listado_etapas, #acciones-sobre-etapas{
	height: 60px;
}
#div-etapas{
	width:95%;
}
.descripcion-etapa {
	background-color: #FFF;
	color: #020202;
	font-size: 10.5pt;
	font-style: italic;
	width: 650px;
	padding: 0px 0px 20px 0px;
}

.quitar_colaborador  {
	background-image: url("../images/icons/remove.png");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 16px auto;
    color: black;
    height: 15px;
    padding-left: 17px;
}


/**/
img#logo {
    float: left;
    margin: 0 15px 0 25px;
    padding-top: 20px;
}

#header-top {
    background-color: #039BAD;
    background-image: url("../images/login/header-top-bg.png");
    background-position: left bottom;
    background-repeat: repeat-x;
    height: 194px;
    margin-top: 8px;
}

#cat-nav {
    bottom: -14px;
    left: 0;
    position: absolute;
    width: 980px;
    z-index: 100;
}
#cat-nav-left {
    background: url("../images/login/cat-nav-left.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 64px;
    width: 10px;
}
#cat-nav-content {
    background: url("../images/login/cat-nav-content.png") repeat-x scroll 0 0 transparent;
    float: left;
    height: 64px;
    width: 941px;
}
#cat-nav-right {
    background: url("../images/login/cat-nav-right.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 64px;
    width: 19px;
}
#cat-nav-content ul.navi {
    float: left;
    margin-left: 18px;
    margin-top: 10px;
}
#cat-nav-content ul.navi li {
    padding: 0 17px 0 0;
}
.navi li {
    float: left;
    position: relative;
}

ol, ul {
    list-style: none outside none;
}

#cat-nav-content ul.navi li a {
    color: #FEFEFE;
    font-weight: bold;
    text-decoration: none;
    text-shadow: -1px -1px 1px #0A0A0A;
}
#cat-nav-content ul.navi li a:hover {
    color: #A8D728;
}

#cat-nav-content ul.navi li a {
    padding: 8px 4px 21px;
}

ul.navi li a {
    color: #E3E3E3;
    font-weight: bold;
    padding-left: 17px;
    text-decoration: none;
}
.navi a {
    display: block;
    float: left;
}

#footer-bottom {
    background: url("../images/login/footer-bottom_bg.png") repeat-x scroll 0 0 #232323;
    height: 100px;
}

#login-content{
	min-height: 62%;
	height: auto !important;
	height: 100%;

    margin: 0 auto -100px;
	background: url("../images/login/content_bg.png") repeat scroll 0 0 #FFFFFF;
}

.push-footer{
	height: 100px;
}

#header-container {
    height: 100%;
    margin: 0 auto;
    position: relative;
    text-align: left;
    width: 960px;
}
#body-container {
	padding: 16px;
	height: 100%;
    margin: 0 auto;
    text-align: left;
    width: 550px;
    background-color: white;

}

body.login-layout {
    color: #757474;
    font-family: Arial,Verdana,sans-serif;
    font-size: 12px;
    line-height: 21px;
    min-height: 25px;
    text-align: center;
    height: 100%;
}

.login-form-title{
	 background: url("../images/login/title_light-blue.png") no-repeat scroll left bottom transparent;
    left: -10px;
    margin: 0 auto;
    padding-bottom: 10px;
    width: 80%;
}
.login-form-title h1{
	font-family: Arial,sans-serif;
    font-size: 18px;
    font-weight: bold;
    background: none repeat scroll 0 0 #28C5D7;
    text-shadow: 1px 1px 1px #1F97A5;
     padding: 8px;
     color: white;
	margin-bottom: 0px;
}


#welcome-message hr { color:#454545;}
#welcome-message h2 {
	color : #383737;
	font-weight: bold;
	text-shadow: 2px 2px 2px #C4C4C4;
}

#welcome-message h3 {
	color: #383737;
}

.correoDetalle tr { 	}
td.labelColumn { width : 60px; padding: 5px 5px 10px 5px; vertical-align: text-top}
td.infoColumn { width : 400px; }


.batch_actions { float: right; display: block;  }
.batch_actions > li { list-style:none;  }
.batch_actions > li {
	    display: inline-block;
	    height: 30px;
	    width : 130px;
	    background-color: gray;
	    border: medium none;
	    cursor: pointer;
	    color:#FFF !important;
	    font-family: Arial, Helvetica, sans-serif;
	    font-size: 14px;
	    font-weight: bold;
	    line-height: 2;
	    margin:10px 1px 5px 3px;
}
.batch_actions li:hover {
	height: auto;
}

.batch_actions li span { padding: 0px 2px 0px 10px; }

.batch_actions li .sub_actions {
		display:none;
}

.batch_actions li .sub_actions li {
	    margin:0px;
	    border: 1px solid #636363;
		padding:5px 4px 8px 4px;
		background:#939393;
		font-size : 10px;
		min-width: 200px;
		width: auto;
		height: auto;
}
.batch_actions li .sub_actions li a { color:#FFF; padding:10px; }
.batch_actions li .sub_actions li:hover{
	background:#636363;

}


.aviso_escuela {
	border: 1px solid #DEDEDE;
	background-color: #EEFFFF;
	padding:10px 10px 10px 0px;
}
.aviso_escuela p {
	padding-left: 150px;
	font-weight: bold;
}
border-width: 1px 1px 0px 1px; border-style: solid; border-color: #CCC;

.dynamic_form {
		border: 1px solid #DEDEDE;
		width: 650px;
}


.index_message { width : 100%; background : none repeat scroll 0 0  #039BAD; border-radius:10px;}

.message {
	text-shadow: 1px 1px 1px #C19100;
	font-size: 22px;
	color: #FFF;
}
.message.left { text-align : left;	padding: 20px 15px 40px 15px;}
.message.right  { text-align : right;  padding: 40px 15px 20px 15px; }

.message a { font-weight: bold; color: #EFEFEF; background: #E8AF00; padding: 0px 4px 1px 4px; border-radius:6px;}
.index_message hr { background: #039BAD; width: 70%; margin-left: 80px;}
.dynamic_form a { float:right;}

.no-display{
	display: none;
}

#tabs-proyectos{
		width: 300px;
		float: left;
	}
	#tabs-proyectos > li{
		width: 300px;
		list-style: none;
		cursor: pointer;
/* 		padding: 3px; */
/* 		margin:2px; */
	}

#tabs-proyectos > li, .detalle_proyecto{
	border: 1px solid #FFF;
	padding: 5px;
	margin:10px;
	background-color: white;
}
#tabs-proyectos > li.selected {
	border-right-width:0px;
	padding-right: 15px;
}
.detalle_proyecto{
	display:none;
	margin-left:30px;
	border-left-width:0px;
	float:left;
}
#listado-proyectos{
	float: left;
	background-color: #EFEFEF;
}


.btn_borrar {
	background-image: url("../images/icons/delete.png");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 16px auto;
    height: 15px;
    padding-left: 17px;
}

.checklist {
	/*border:1px solid #CCC;*/
	/*width: 500px;*/
	overflow: auto;
	cursor: default;
}
.checklist select { width: 480px; }
.checklist .list_title {
	height: 20px;
	font-weight: bolder;
	background: #DEDEDE;
	text-align:center;
}

.checklist .list_item {
		padding-left:3px;
}
.checklist .list_item:hover {
	background: #DEDEDE;
}
.checklist .list_item a { float: right;}

.preview_email { width:550px; border: 1px solid #EDEDED; background:#EFEFEF; padding: 10px 4px 3px 10px;}


ul.listado-items{
	min-width:350px;
}
ul.listado-items li:hover , ul.listado-items li:nth-child(odd):hover { background-color: #FFFFCC; }

ul.listado-items li:nth-child(odd) {
	/* padding: 3px; */

}
ul.listado-items li:nth-child(odd) {
	background: #ececec;
}

.inline{
	display:inline;
}

.right-box{
	border: 1px dashed #EFEFEF;
	float:right;
}


.invitaciones {
	padding: 10px;
	border-style: solid;
	border-color: #CECECE;
	border-width: 1px 3px 3px 1px;
	min-width: 500px;

}
#invitaciones tbody td { border: 1px solid #EEE; }
.invitaciones .minimizer { float:right; cursor:pointer; font-weight: bold;}
.invitaciones .minimizer:hover { color:#000;}
.invitaciones .invitacion { border: none; }
.invitaciones .listado-items { }

#resumen-box { float: right; display: block;  padding-top:5px; padding-left: 20px;}

.invitaciones h2  { text-align: right; margin-right:200px; padding-top:10px; }
.invitaciones #invitaciones , .invitaciones .listado-items .status { float: none; text-align: right;  }
.invitaciones .listado-items .status .aceptado , .invitaciones .listado-items .status .rechazado {
			font-weight: bold;
			padding: 0px 4px 0px 4px;
		}
.listado-items li {
		padding-top:7px;
		list-style-image: url("../images/table/redBullet.gif");
		margin-left: 10px;
		cursor: default;
		}
.listado-items li a {
	color: #EDEDED;
}

.listado-items .actions a, .listado-items .actions a:VISITED, .listado-items .actions a:HOVER {  text-decoration: none !important; }
.listado-items .actions .ops {
			display: none;
			text-align: left;
			background: #EFEFEF;
			padding: 2px 0px 10px 5px; }
.listado-items .actions .ops > ul > li{ list-style: none; display: inline;  }
.with-operations { cursor:pointer; }


#invitaciones a, #invitaciones a:visited { color: #202020; font-weight: bold; }
.listado-items li:hover a {
	color: #FFF;
}

#invitaciones.records_properties {
	border-width: 1px 2px 2px 1px;
	border-style:  solid;
	border-color: #CECECE #333222 #333222 #CECECE;
	}
#invitaciones.records_properties tr { border-bottom: 1px solid #CCCCCC; height: 32px; }



.invitacion {
	font-weight: bold;
	font-size: 10pt;
	margin: 10px 0px 10px 0px;
	padding: 5px 0px 5px 0px;
	border: 1px dotted #CECECE;
}

.invitacion .one-pending , .invitacion .many-pending {
	width: 24px;
	height: 24px;
    background-position: left center;
    background-repeat: no-repeat;
    float: left;
    text-align:center;
    text-decoration:blink;

}
.invitacion .one-pending {
	background-image: url("../images/shared/one_mail.png");
}
.invitacion .many-pending {
	background-image: url("../images/shared/two_mails.png");
}

.mini-icon {
	min-width: 24px;
	height: 24px;
    background-position: center;
    background-repeat: no-repeat;
    text-align:center;
}
.yes {
	background-image: url("../images/shared/yes.gif");

}
.no {
	background-image: url("../images/shared/no.png");
}

.ns_nc {
	background-image: url("../images/shared/question_mark.gif");
}

.download_mini { background-image: url("../images/icons/attachment-mini.gif"); }
.download_mini a { padding: 12px;}


.col-asistencia input { display:none; } /* float:left; margin-left:15px; */
.col-asistencia:hover { background-image: none; }
.rechazada { backgroud-color: #556655;}
.pendiente { background-color: #FFFFCC;}

.filter-form-box{
	padding:5px;
	float:right;
	border:2px solid #EFEFEF;
}

.table-options { min-width: 50px; height: 30px; padding-top:10px;}
.table-options li { display: inline; list-style: none; height: 24px; width: 24px;}
.table-options .icon , .icon {
	padding:5px 15px 5px 15px;
    background-position: center;
    background-repeat: no-repeat;
    text-align:center;
    border-radius: 3px;
    border-width: 1px 3px 3px 1px;
    border-color: #FFF;
    border-style: solid;
    width: 48px;
    height: 48px;

}

.tiny-icon {
	padding:5px 1px 5px 35px;
    background-position: center;
    background-repeat: no-repeat;
    text-align:center;
    border: none;

}

.table-options .icon:hover , .icon:hover { border-color: #CECECE; border-style: solid; }
.excel-icon { background-image: url("../images/icons/xls.gif"); }
.mini-excel-icon { background-image: url("../images/icons/excel_icon_small.gif"); }
.mini-turismo-icon {
	background-image: url("../images/icons/turismo.ico");
	background-size: contain;
}
.asistencia-icon { background-image: url("../images/icons/checkbox-checked.jpg"); }
.repeat-email { background-image: url("../images/icons/email-repeat.png"); }
.icon-email { background-image: url("../images/icons/gmail.ico");     background-size: contain;}
.links_iconos{background-position: left center;
 background-repeat: no-repeat;
 background-size: 16px auto;
 color: black;
 height: 15px;
 padding-left: 17px;
 cursor: pointer;
 font-weight: bold;
display: inline-block}
.adjuntar_archivo { background-image: url("../images/icons/attachment.gif"); }
.eliminar_archivo{ background-image: url("../images/icons/remove.png");}

#detalle_correo { margin-left: 5px;}

.file_upload { background-color:#ffffcc; width: 700px; padding: 15px 0px; border: 1px solid #ffff77; border-radius: 5px; }
.presentar_proyecto { display: block !important; }
.file_upload p { margin-left: 150px; }

 .presentar_proyecto .submit {  margin: 20px 300px; height: 60px;
 				background-image: url("../images/icons/upload.png");
 				background-position: right;
    				background-repeat: no-repeat;
    				cursor: pointer;
				border-radius: 9px;
				}
.presentar_proyecto .submit:hover { border-color: #333333;}


.download_link { background-image: url("../images/icons/attachment.gif"); float: right; }
.download_link a { padding: 30px; }

.proyectos_usuario { float: right; width: 350px; }
.proyectos_usuario li { margin: 10px; padding: 10px 20px; border: 1px solid #EEE; border-radius: 5px;}
.proyectos_usuario li:hover { background-color: #EFEFEF;}
.proyectos_usuario .invitacion { border: none; }
.proyectos_usuario .mini-icon { float: right;}

.correos_usuario, .correos_lote { clear: left; width: 600px; }
.correos_usuario li, .correos_lote li { padding: 5px 0px 5px 5px; cursor: pointer; border-width: 1px; border-style: solid; color: #555; font-weight: bold;}
.correos_usuario li:nth-child(even), .correos_lote li:nth-child(even) { background-color: #DEDEDE; border-color: #DEDEDE;}
.correos_usuario li:nth-child(odd) , .correos_lote li:nth-child(odd)  { background-color: #EFEFEF; border-color: #EFEFEF; }
.correos_usuario li:HOVER, .correos_lote li:HOVER { border-color: #CCC; background-color: #FEFEEE; }
.correo_usuario .loading,.correo_lote .loading { position:relative; float:right; }
.show_correo_cuerpo, .lote_correo_cuerpo { display: none; margin-left: 10px; padding: 0px 2px 0px 0px; text-decoration: none; font-weight: normal;}
.correo_link { text-align: right; padding-right: 5px;}
.correo_link a { color: #555; font-size: 8pt; font-weight: bold; }
.correo_link a { color: #555; font-size: 8pt; font-weight: bold; }



ul.batch_action_list{
	padding-top: 20px;
}

.batch_actions_list {
	float: left;
	    color:#FFF !important;
	    font-family: Arial, Helvetica, sans-serif;
	    font-size: 14px;
	    font-weight: bold;
	    line-height: 2;
}
.batch_actions_list li { list-style:none;  }
.batch_actions_list > li {
	    display: inline-block;
	    float:left;
	    overflow: hidden;
	    height: 25px;
	    background-color: gray;
	    cursor: pointer;
	    padding: 4px 5px;
    text-align: center;
}
.batch_actions_list > li:hover {
	height: auto;
}

.the_actions li{
	    margin:0px;
	    border: 1px solid #636363;
/* 		padding:5px 4px 8px 4px; */
		background:#939393;
		font-size : 10px;
}
.the_actions li:hover {
	background:#636363;
}
.the_actions li a{
	color:#FFF; padding:10px;
}

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


#reinvitar_form  { display: none; }
#reinvitar_form label { width: 300px; }

.filter-separator {  width:100%; clear: both; }
.filter-separator .filter_order { float: left; }

.filter-separator hr { width: 200px; margin-left: 300px; }
.slidedown {
			background-image: url("../images/icons/slidedown.png");
 			background-position: center;
    		background-repeat: no-repeat;
    		cursor: pointer;
			width: 24px; height: 10px; padding: 0px 5px 10px 5px;
			}

.filter-separator .slidedown {
							   border: 1px;
							   border-top: 0px;
 							   border-style: solid;
							   border-color: #EEEDDD;
							   margin-left: 378px;
							   margin-bottom: 5px;
							  }
.filter-separator .slidedown:HOVER { border-color: #ABABAB; }
.extra-filters { display : none; }

#estado_proyecto_form { display: none; }
#estado_proyecto_form #archivo_presentacion { display: none;}

.hidden { display: none;}

.proyecto_box_admin { width: 600px; border: 1px solid #EFEFFE; float: left;  }
.proyecto_box_admin .proyeto_title { padding: 20px 5px; font-style: italic;}
.proyecto_right_box {  margin-left: 10px; float: right; width: 500px; }
.info_header, .info_header a { color: black; padding:5px 10px;  }
.info_header a:hover { text-decoration: underline; }
.checklist label.required { display: contents; }
.estados_proyecto_box {
	padding: 10px;
	border-style: solid;
	border-color: #CECECE;
	border-width: 1px 3px 0px 1px;
	min-width: 500px;
}
.estado_more_info { padding: 5px 10px;}
.estado_autor { line-height: 125%; font-size: 9pt; font-style: italic; }
div.undo_list {float: right; padding: 0px; font-weight: bolder; }
div.undo_link a {  color: red; }
div.undo_link a:hover { text-decoration: underline; }
.estados_list > li { border-bottom: 1px solid #DDDDDD;}
.estados_list > li:FIRST-CHILD { border-top: 1px solid #DDDDDD; }
.estados_list > li:hover { background-color: #EEEEEE; border-style: solid; border-color: #BBBBBB; border-width: 1px 1px 1px 1px; }
h4.info_header:hover { background-color: #FFF; }

.info_header.extra_info { border: 1px solid #CECECE; border-bottom: none; border-right:none; padding: 10px; margin: 0px;}

.extra_info {
		padding: 3px 5px 10px 25px;
		/* border-left:1px solid #CECECE; */
		}
.extra_info p { line-height: 250%; }

#lista_invitados { font-size: 10pt; font-weight: bold;}
#lista_invitados table td { width: 150px; }

#lista_invitados input[type='text'] { width: 100px;
									   margin: 3px 8px 0px 2px;
									   padding:2px 0px;
									   min-width: 20px;
									 }
#lista_invitados select { width: 80px; min-width: 80px;}
#lista_invitados .add_button {  font-size: 12pt; padding: 5px 25px; text-decoration: none; cursor: pointer; float:left;
								background-image: url("../images/forms/icon_plus.gif");
					 			background-position: right;
					    		background-repeat: no-repeat;
     }

#lista_invitados .add_button:HOVER { text-decoration: underline;}
#lista_invitados .invitados_count { float : right; }
#lista_invitados .invitados_topbar { height: 30px; margin: 25px 0px; background: #FEFEDE;}
#lista_invitados .remove_button {
								background-image: url("../images/forms/icon_minus.gif");
					 			background-position: right;
					    		background-repeat: no-repeat;
					    		padding: 0px 25px 0px 0px;
	}

.invitacion_instancia_switcher { clear: both; padding: 10px;}
.invitacion_instancia_switcher select { font-size: 9pt; width: 150px; }
#invitaciones .invitacion_instancia_switcher { display: none; padding: 0px;}
#invitaciones .invitacion_instancia_switcher select { font-size: 8pt; height: 10px; width: 100px;}


.listado-items li a.show_instancia_link { background: none; border: none; color:#000000;  }
.listado-items li a.show_instancia_link:hover { text-decoration: underline !important; }

.color-rojo { border: 2px solid red !important; }
.color-rojo a{ color: red;  }
.color-naranja { border: 2px solid orange !important;  }
.color-naranja a { color: orange; }
.color-azul { border: 2px solid  blue !important;}
.color-azul a{ color: blue;  }
.color-verde { border: 2px solid green !important;}
.color-verde a{ color: green;  }

.perfil_usuario_link {
	float:right;
	color: #323232;
}
.perfil_usuario_link:HOVER { text-decoration: underline;}
#ciclo_selector { height: 30px;
 display: table;
}
#ciclo_selector li {
			display: inline-table;
			margin: 10px 2px;
			padding: 10px 10px;
			cursor: pointer;
			 }
#ciclo_selector li.selected {
				background-color: blue;
				color: #FFF;
				font-weight: bolder;
			}

#comentario_form {
	display: none;
	height: auto;
	
	width: 400px;padding: 10px;
	text-align: left;
	border-radius: 4px;
}

#comentario_form textarea { width: 380px; clear: both; }
#comentario_form text { display: block; }
#comentario_form label { display: block; width: auto; min-width: auto; text-align: left; }

#comentario_form.postit2 {
	background-color: yellow;
	border: 1px solid #CCC;
}

#comentario_form.comentario {
	border: 1px solid #CCC;
	background-color: #ECECEC;
}
#comentario_form.tarea {
	border: 1px solid green;
	background-color: #FFFFFF;
	}

#postits { 
	position: absolute;
	min-width: 350px;
	max-width: 90%;
	/* min-width: 1200px; */
	right: 0;
	top: 150px;
}

.draggable { cursor: pointer; }

.postit {
position: relative;

  box-shadow: 0 10px 10px 2px rgba(0,0,0,0.3);

	max-width: 280px;
	z-index:1000;
	/* background-image: url("../images/shared/postit250px.png"); */
	background-color: yellow;
	background-position: center;
	background-repeat: no-repeat;
	background-clip: padding-box;
	opacity:0.90;
	filter:alpha(opacity=90); /* For IE8 and earlier */

	overflow:hidden;
	padding:1em;
	bottom:3px;
	margin:1em;
	float: right;;
	-webkit-transform: rotate(-5deg);
	/* Firefox */
	-moz-transform: rotate(-5deg);
	/* IE */
	-ms-transform: rotate(-5deg);
	/* Opera */
	-o-transform: rotate(-5deg);

}
.postit .options_bar {
	border-top: 1px solid #CECECE;
	text-align: right;
	/* margin: 0px 60px; */
}
.postit .options_bar img { border: none; padding-top: 1px; padding-left: 6px; height: 18px; }
.postit_content {
	padding: 10px;
	font: 400 14px 'Oleo Script',Helvetica,sans-serif;



}
.postit.leido { 
	background-color: orange; 
	opacity: 0.8;
}
.postit .asunto {     word-break: break-word;}
.postit .postit_metadata { font-size: 9pt; color: #343434; text-align: right; }
.postit .asunto { font-weight: bold; font-size:10pt;}
.postit .cuerpo { font-style: italic; }

.lista_variable {
	width: 500px;
	font-size: 10pt;
 }
.lista_variable_item {
	padding-top: 2px;
	font-size: 10pt;
}

#widgetAnios input { margin-left: 15px;  }

.proyecto_submenu {
	clear: both;
	width: 100%;
	color: #000;
	font-size: 8pt;
}
.proyecto_submenu a {
		color: #555;
		font-weight: bold;
		padding: 0px 3px;
}
.proyecto_submenu a:hover {
		color: #000;
}

.preview_invitacion {
	width: 80%;
	text-align: justify;
	line-height: 160%;
	border: 1px solid #ECECEC;
	padding: 0px 15px 15px 15px;
	margin: 10px;
	border-radius: 10px;
}

.ui-autocomplete.ui-widget li { font-size: 0.6em; }
.ui-autocomplete.ui-widget li a { line-height: 1.2em; }

.estado_correoEnviado {
	display: none;
	font-size: 10pt;
}
.estado_correoEnviado .cuerpo {

	padding: 10px;
}
.estado_correoEnviado_link {
	float: right;
	padding: 3px;
}
.estado_correoEnviado_link img { width: 18px; }

.aniosGroup {
	background: #EFEFEF;
	margin: 5px;
	padding: 10px;
}
.smaller { border : 1px solid #CECECE;}
.smaller label, .smaller input { width: auto !important; min-width: auto !important; padding: 1px 15px; margin: 2px 0px; font-size: 90%;  }

#cpm_jovenesbundle_instanciaeventotype_voluntarios { min-height: 250px; }





#dashboard {
		width: 100%;
		background-color: #FEFEFE;
		min-height: 600px;
		}
#dashboard .stats-block {
	min-width: 50px;
	width: auto;
	display: block;
	float: left;
	background: #FFF;
	border: 1px solid #DEDEDE;
	border-radius: 5px;
	padding: 10px 20px;
	margin: 10px;

}
#dashboard a { color: inherit;}
#dashboard .stats-block h1 { text-align: center; line-height: 16px; }

#dashboard .stats-block ul { border: 1px solid #efefef; padding: 5px; }
#dashboard .stats-block ul li {
	line-height: 230%;
	padding: 0px 10px;
}

#dashboard .stats-block ul li .num-result {
	float: right;
	font-weight: bold;
	font-size: 120%;
	padding: 0px 0px 0px 25px;
}
#dashboard .stats-block ul li:nth-child(odd) ,
#dashboard .stats-block tr td:nth-child(odd) { background-color: #DEDEDE; }
#dashboard .stats-block tr { border-bottom: 1px solid #898989; text-align:center; }

#dashboard .stats-block ul li:HOVER {
	background-color: #444444;
	color: #FFF;
}

#dashboard .stats-block.etapas {
					clear: both;
					width: 95%;
				}

#dashboard .etapas .etapas-banner {
	margin-left: 150px ;
 	width: 100%;
 }

#dashboard .etapa-sig , #dashboard .etapa-ant, #dashboard .etapa-act {
	border-color: #888888;
	border-style: solid;
	border-width: 1px;
	float: left;
	padding: 20px 5px;
	text-align: center;
}

#dashboard .etapa-sig, #dashboard .etapa-ant {
	height: 20px;
	margin-top: 10px;
	font-size: 11pt;
	background-color: #EDEDED;

}

#dashboard .etapa-sig { border-left: none; border-radius: 0px 5px 5px 0px; }
#dashboard .etapa-ant { border-right: none; border-radius: 5px 0px 0px 5px;  }

#dashboard .etapa-act {
	height: 70px;
	padding: 0px 10px 10px 10px;
	font-size: 14pt;
	border-radius: 5px;


}
#dashboard .right-stats-panel , #dashboard .left-stats-panel {
	width: 580px;
	display: block;
	float: left;
}
#proyectos_chart,#principiantes_chart, #instancias_chart {
	width: 400px;
	height: 200px;
}

.hiddenForms {
	float:right;
	clear:both;
	max-width:470px;
	background:#DEDEDE;
	border: 1px solid #AAAAAA;
	padding: 2px;
}

.hiddenForms .hiddenForm { clear: both; display:none;}

/*******************************************/
/***********ESTILOS DEL CRONOGRAMA**********/
/*******************************************/
.header-caja{
	margin: 0;
	border-bottom: 1px solid #ddd;
	border-radius:4px;
	position: relative;
	min-height:22px;
	text-align: center;

}

.header-caja:hover{
	cursor: pointer;
}

.header-caja > .titulo {
	text-align: center;
	font-weight: bold;

	display: inline-block;
}

.header-caja > .operaciones {
	float:right;
/* 	display:none; */
	text-align: left;
	position:absolute;
	right:0px;
	top:0px;
}

.header-caja > .operaciones > .btn{
	opacity:0.4;
}
.header-caja:hover > .operaciones > .btn{
	opacity:0.8;
}

.header-caja > .operaciones > .dropdown-menu {
/* 	Para que el menu se despliegue hacia la derecha */
/*     left:auto; */
/*     right:0; */
}

.header-caja:hover > div.operaciones {
/* 	display:block; */
}

.caja {
	background-color: #dceaf4;
	border: 1px solid #ddd;
 	margin:0px;
	padding: 0px;
	border-radius: 5px;

}
.caja-cronograma{
	width:100%;
	border-spacing: 5px;
border-collapse: separate;
}

.caja-dia {
	border: 1px solid #ddd;
	margin: 0px 10px;
	padding: 0px;
	border-radius: 10px;
/* 	clear: both; */
	width: 100%;
}
.caja-dia td{
	vertical-align: top;
}
tr:nth-child(odd).caja-dia{
	background-color: #EFEFCD;
}

.caja-dia > .header-caja  {
	padding:5px;
	vertical-align: top;
	width: 100px;
	text-align: left;
}
.caja-dia > .header-caja > .titulo {
	padding:10px;
}


td.caja-auditorio-dia {
	width: 400px;
}

.caja-auditorio-dia > .header-caja{
	padding: 4px 19px;
	background-color: #fff;
}

.caja-auditorio-dia .row-fluid .span6 {
    width: 95%;
}

.caja-auditorio-dia .row-fluid .span6 .badge-presentacion {
	width: 95%;
}
.caja-bloque{
/* 	margin: 0px 0px 0px 5px; */
}

.caja-bloque > .header-caja {
	text-align: left;
	font-weight: bold;
	font-size: 12px;
}

div.caja-bloque-presentaciones {
	background-color: white;
	padding: 2px;
	margin: 0px;
	overflow: hidden;


	border-bottom: 1px solid #ddd;
	border-radius:4px;
}
.caja-bloque-presentaciones > .badge-presentacion {
	width: 100%;
/* 	padding-right: 10px; */
	height:26px;
	overflow: hidden;

}
.caja-bloque-presentaciones > .badge-presentacion:hover{
	overflow: visible;
	z-index:99;
	height:auto;
}

.badge-presentacion {
	background-color: #3a87ad;
	vertical-align: middle !important;
	cursor: move;
	max-width: 332px;
	overflow: hidden;
	width: auto;
	border-radius:4px;
	margin-bottom: 2px;
}
.badge-presentacion.presentacion-muy_buena {
	background-color: #4D90FE !important;
}

.presentacion-extra-info {
	font-size:80%;
}

.badge-presentacion .slug-tipo-presentacion {
	font-weight: lighter;
	font-size: 90%;
}

.badge-presentacion:hover {
/* 	max-width: inherit; */
/* 	overflow: visible; */
/* 	z-index: 1; */

}

.presentaciones_libres{
	/*position:fixed;
	  max-height: 120px;
		*/
	bottom:0px;
	left:0;
	width:98%;
	min-height: 50px;
	background-color:#dceaf4;
	z-index: 100;
	padding: 5px;
	border-top: solid 5px white;
	opacity:0.8;
/* 	overflow: scroll; queda deshabiltado porque sino no se ven los popovers*/
}
.presentaciones_libres:hover{
	opacity:1;
}
.titulo-corner-left {
	position: absolute;
	top: -1px;
	left: -1px;
	padding: 3px 7px;
	font-size: 12px;
	font-weight: bold;
	background-color: #f5f5f5;
	border: 1px solid #ddd;
	color: #9da0a4;
	border-radius: 4px 0 4px 0;
}

.badge-presentacion-hover {
	opacity: 0.5;
}


#cronograma-view {
/* 	position: relative; */
	margin: 15px 0;
	padding: 39px 19px 14px;
	background-color: #F9F9F9;
	border: 1px solid #ccc;
	border-radius: 4px;
}

.records_list .externa td { border: 1px solid yellow; }
#cronograma-view > form {
	background-color: #fff;
	padding: 15px 50px;
	border: 1px solid #ccc;
	border-radius: 4px;
	display: table;
	margin: auto auto;
}
/*******************************************/
/*******FIN ESTILOS DEL CRONOGRAMA**********/
/*******************************************/

button.btn{
	height: auto;
}


.hidden-hint{
	visibility: hidden;
}
*:hover > .hidden-hint{
	visibility: visible;
}

#cronograma-view  .popover{
/* 	max-width:500px; */
max-width: 60%;
/* max-height: 100%; */
overflow: overlay;
}
#cronograma-view  label{
	text-align: left;
}

.referencias-box {
	font-size: 9pt;
	border: 1px solid #CCC;
	border-radius: 2px;
	background-color: #fff;
}
.referencias-box > p {
	font-weight: bold;
	padding-left: 5px;
}
.referencias-box i {
	padding-right: 2px;
}

select.large_select {
	width: 500px;
	height: 350px;
}
select.large_select option { padding: 3px;}

.facebook {
	 background: url(../images/icons/facebook.png) no-repeat;
	 padding: 1px 8px;
}

.absolute { position: absolute; }


table tr.even { background-color: #FEFEFE; }
table tr.odd { background-color: #DEDEDE; }


#confirm-email-error-message {
    color: red;
    font-weight: bold;
    text-align: center;
    padding: 0px 0px 15px 0px;
  }
.confirm-email-error { border-color: red; border-width:2px;}
.fos_user_profile_edit { width: 550px; }

/* The switch - the box around the slider */
.switch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 34px;
	min-width: 60px !important;
  }

  /* Hide default HTML checkbox */
  .switch input {display:none;}

  /* The slider */
  .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
  }

  .slider:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
  }

  input:checked + .slider {
	background-color: #2196F3;
  }

  input:focus + .slider {
	box-shadow: 0 0 1px #2196F3;
  }

  input:checked + .slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
  }
  .lista_de_adjuntos{ padding-left: 0px;}


.show_asunto {
 display: flex;
 align-items: center;
}
.show_asunto p {
 flex-grow: 1;
 text-align: right;

}
#cpm_jovenesbundle_correousuariobatchtype_fechaDeEnvio, #cpm_jovenesbundle_correousuariobatchtype_fechaDeEnvio select,
#cpm_jovenesbundle_correousuariobatchtype_fechaDeEnvio_date, #cpm_jovenesbundle_correousuariobatchtype_fechaDeEnvio_time{
 width: auto;
 display: inline;
}

#cpm_jovenesbundle_correobatchtype_fechaDeEnvio, #cpm_jovenesbundle_correobatchtype_fechaDeEnvio select,
#cpm_jovenesbundle_correobatchtype_fechaDeEnvio_date, #cpm_jovenesbundle_correobatchtype_fechaDeEnvio_time{
 width: auto;
 display: inline;
}

div#cpm_jovenesbundle_correousuariobatchtype_agregarALoteExistente,.adjuntar_archivos, #cpm_jovenesbundle_correobatchtype_agregarALoteExistente {
 display: inline-block;
}

#cpm_jovenesbundle_correobatchtype_cuerpo{
 height: 200px;
}
/* Agrea el * a los label requeridos */

label.required::after {
 content: ' *';
 color: red;
 font-weight: bold;
}
form[name="form_proyecto"] label{
 width: 270px;
}

/* Estilos para campos personalziados de proyectos*/

.campo_personalizado {
	
}
.campo_personalizado_label::after {
	content: ':';
}
.campo_personalizado_label {
		font-weight: bold;
}
.campo_personalizado_value {
	
}

.input_campo_personalizado_datetime select{
	width: auto;
}
div.input_campo_personalizado_datetime {
	display: inline;
}
.listado-items a.link_filtro_de_proyecto{
 color: #333 !important;
}

.form_borrar_archivos button{
	background: none !important;
	border: none !important;
	
}
.lista_archivos {
	display: flex;
    align-items: center;
}
.archivos_produccion_proyecto ul li a {
	background-image: none;
}

.favorite { background-image: url("../images/icons/Knob Favorite.png"); background-size: 80%; }