@charset "utf-8";

/*------------- [ TITLES ] -------------*/

.content h1 { margin: 40px 0px 10px 0px; padding: 5px 20px 5px 20px; background: url(../images/content-h1-bg.png) no-repeat; color: #FFFFFF; font-size: 24px; font-weight: bold; }
.content h2 { margin: 30px 0px 10px 0px; padding: 0px 0px 0px 24px; color: #FF0000; font-size: 22px; line-height: 1.0; background: url(../images/content-h2-mark.png) left 3px no-repeat; }
.content h3 { margin: 20px 0px 10px 0px; border-top: 1px #CCCCCC solid; padding: 5px 6px 6px 6px; background: #F1F2F3; color: #666666; font-size: 16px; }
.content h4 { margin: 20px 0px 10px 0px; color: #666666; font-size: 16px; font-weight: bold; }


/*------------- [ PARAGRAPHS & LISTS ] -------------*/

.content p { margin: 15px 0px 10px 0px; font-size: 14px; color: #666666; line-height: 1.3; }
	.content p em { border-bottom: 1px dashed #999; background: #efefef;  }

.content ul { margin: 15px 0px 10px 30px; }
	.content ul li { list-style: square; }
		.content .nested li { list-style-image: url(../images/content-li-mark.png); }

	.content li { margin: 10px 0px 10px 0px; color: #666666; font-size: 14px; line-height: 1.3; }

.content .first { margin-top: 0px; }


/*------------- [ LINKS ] -------------*/

.content a { color: #4B5F7E; font-size: 14px; }
.content a:hover { text-decoration: underline; }


/*------------- [ IMAGES ] -------------*/

.img, .img_left, .img_center, .img_compressed { display: block; float: right; display: inline; margin: 4px 14px 10px 14px; border: 2px solid #999999; padding: 3px; background: #FFFFFF; }

.img { margin-right: 0px; }
.img_left { float: left; margin-left: 0px; }
.img_center { float: none; }
.img_compressed { float: none; margin: 0px 0px 0px 0px; }
.img_block { margin: 0 !important; }

.noborder { border: none !important; }

.center { text-align: center; }


/*------------- [ TABLES ] -------------*/

.table { width: 100%; margin: 4px 0px 12px 0px; }
	.table td, .table th { border: 1px solid #DDDDDD; padding: 3px 8px 3px 8px; font-size: 12px; line-height: 1.5; background-color: #EFEEDB; color: #333333; }
		.table td li, .table th li { margin-left: 15px; }
	
	.table th, .table thead td { text-align: center; font-size: 14px; }

	.table thead th, .table thead td { color: #4B5F7E; }
	.table thead th { background-image: url(../images/table_bg.png); }

	.table tbody th { font-weight: bold; }

	.table tfoot td, .table tfoot th { font-size: 13px; background-color: transparent; border: 0px; text-align: right; font-style: italic; }
	.table tfoot th { color: #006699; background: none; }

	.table p { margin: 0px; padding: 0px; }
	.table img { border: 1px solid #BBBBBB; background-color: #F2F2F2; padding: 4px; }
		.table a img { border: 0px; padding: 0px; margin: 0px 1px 0px 1px; vertical-align: text-bottom; }

	.centertd td { text-align: center; }


/*------------- [ FORMS: ELEMENTS ] -------------*/

.content input, .content select, .content textarea { width: 190px; border: 1px solid #CCCCCC; padding: 1px 1px 1px 1px; color: #999999; font-size: 11px; }
.content select { width: 196px; }
.content textarea { width: 240px; height: 128px; }

.content button { float: right; margin: 25px 0px 0px 0px; border: 1px #CCCCCC solid; padding: 4px 10px 4px 10px; background: #F5F5E9; cursor: pointer; color: #4B5F7E; font-size: 10px; }
.content button:hover { border: 1px #CCCCCC solid; background-color: #F5F5E9; color: #666666; }


/*------------- [ FORMS: GROUPING TABLES ] -------------*/

.form { margin: 10px 0px 0px 0px; }
	.form td, .form th { border: 2px solid #FFFFFF; padding: 4px 4px 4px 4px; background: #F5F5E9; font-size: 12px; }
	.form th { border-left: none; padding: 4px 40px 4px 4px; color: #333333; line-height: 1.2; }
		.form td span { display: block; margin: 6px 0px 0px 0px; color: #999999; font-style: italic; }
		.form td img { vertical-align: middle; }		
		.form .img, .form .img_left, .form .img_center { margin: 0px 0px 0px 0px; padding: 1px 1px 1px 1px; border-width: 1px; }


/*------------- [ FORMS: GROUPING DIVS ] -------------*/

.tinymce-textarea, .big-textarea { width: 652px; margin: 10px 0px 0px 0px; background: #F5F5E9; padding: 4px 4px 4px 4px; }
	.big-textarea textarea { width: 648px; height: 180px; }

.checkbox { width: 128px; float: left; margin: 6px 6px 6px 6px; }
.checkbox.block { width: auto; float: none; }
	.checkbox input { width: auto; border: none; margin: 0px 4px 0px 0px; vertical-align: middle; }
	.checkbox span { color: #333333; font-size: 12px; vertical-align: middle; }


/*------------- [ FORMS: FOCUS ] -------------*/

input.focused, textarea.focused, select.focused { border-color: #999999; color: #777777; }


/*------------- [ FORMS: VALIDATION FIELDS ] -------------*/

input.validation-failed, textarea.validation-failed, select.validation-failed { border-color: #FF3300; color: #FF3300; }
div.validation-failed { border: 1px #FF3300 solid; }
span.validation-failed { display: block; border: 1px #FF3300 dashed; }

input.validation-passed, textarea.validation-passed, select.validation-passed { border-color: #2FB900; color: #2FB900; }
div.validation-passed { border: 1px #2FB900 solid; }
span.validation-passed { display: block; border: 1px #2FB900 dashed; }


/*------------- [ FORMS: VALIDATION MESSAGES ] -------------*/

.validation-warning, .validation-success { margin: 20px 0px 10px 0px; padding: 5px 6px 6px 6px; background: #F5F5E9; font-size: 14px; }
	.validation-warning span, .validation-success span { display: block; padding: 0px 0px 0px 20px; background: no-repeat left top; line-height: 1.2; }

.validation-warning { border-top: 1px #FF3300 solid; color: #FF3300; }
	.validation-warning span { background-image: url(../images/icons/warning.png); }

.validation-success { border-top: 1px #2FB900 solid; color: #2FB900; }
	.validation-success span { background-image: url(../images/icons/success.png); }


/*------------- [ AJAX LOADER ] -------------*/

#ajax-loader { width: 240px; border: 1px solid #999999; background: #FFFFFF; }
	#ajax-loader span { display: block; margin: 10px 0px 0px 0px; color: #999999; text-align: center; }
	#ajax-loader img { margin: 0px 10px 10px 10px; }


/*------------- [ AJAX POPUP ] -------------*/

#popup { width: 300px; position: absolute; border: 1px solid #999999; background: #FFFFFF; }
	#popup h1 { margin: 0px 0px 10px 0px; border-bottom: 1px #CCCCCC solid; padding: 5px 6px 6px 6px; background: #F1F2F3; color: #666666; font-size: 16px; }
	#popup form { padding: 0px 20px 20px 20px; }
		#popup form .big-textarea { width: 252px; }
			#popup form textarea { width: 248px; }


/*------------- [ CAPTCHA ] -------------*/

#captcha #recaptcha_image { width: 316px; float: left; border: 1px solid #777777; }
#captcha .recaptcha_actions { float: left; margin: 4px 0px 0px 4px; }
	#captcha .recaptcha_actions img { display: block; margin: 0px 0px 2px 0px; }


/*------------- [ TAB ] -------------*/

.content .tab { border-bottom: 1px solid #CCCCCC; }
	.content .tab a { float: left; margin: 10px 2px 0px 0px; border-top: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; padding: 4px 8px 4px 8px; background: #F5F5E9; }
	.content .tab a.hover { background: #F0F0F0; }


/*------------- [ SEARCH ] -------------*/

.content .search { width: 302px; float: left; }
	.content .search span, .search input, .search button { float: left; }
	.content .search span { margin: 2px 2px 0px 0px; color: #777777; font-size: 12px; }
	.content .search button { width: 16px; height: 16px; margin: 2px 0px 0px 5px; border: none; padding: 0px 0px 0px 0px; background: url(../images/icons/search.png) no-repeat; }
		.content .search button:hover { border: none; background-color: transparent; }


/*------------- [ ORDERING ] -------------*/

.order { width: 302px; float: right; }
	.order span, .order select, .order button { float: left; }
	.order span { margin: 2px 2px 0px 0px; color: #777777; font-size: 12px; }
	.order button { width: 16px; height: 16px; margin: 2px 0px 0px 5px; border: none; padding: 0px 0px 0px 0px; background: url(../images/icons/order.png) no-repeat; }
		.order button:hover { border: none; background-color: transparent; }


/*------------- [ PAGING ] -------------*/

.paging { margin: 10px 0px 0px 0px; text-align: right; font-size: 14px; }
	.paging .active { border-top: 2px solid #4B5F7E; color: #4B5F7E; font-weight: bold; }


/*------------- [ ACTION PANEL ] -------------*/

.action-panel { margin: 20px 0px 20px 0px; border: 1px #CCCCCC solid; padding: 8px 8px 8px 8px; background: #F5F5E9; }


/*------------- [ ACTIONS ] -------------*/

.action { float: right; margin: 20px 0px 0px 0px; font-size: 14px; }
	.action img, .action span { float: left; }
	.action img { margin: 0px 4px 0px 0px; }

	.action a:hover span { cursor: pointer; text-decoration: underline; }


/*------------- [ CUSTOMIZED SELECTION LIST OPTIONS ] -------------*/

.options { float: right; margin: 20px 0px 0px 0px; color: #333333; font-size: 12px; }
	.options a { color: #4B5F7E; }
	.options a:hover { text-decoration: none; }	
		.options a:hover span { text-decoration: underline; }

	.options img { vertical-align: text-bottom; }

	.options .input { width: 120px; }
	.options .span { margin: 0px 0px 0px 8px; border-left: 1px solid #666666; padding: 0px 0px 0px 8px }


/*------------- [ LISTINGS ] -------------*/

.content .listing { padding: 15px 10px 15px 10px; }
	.content .listing.hover { background: #F5F5F5; cursor: pointer; }
	.content .listing .thumbnail { float: left; margin: 0px 14px 0px 0px; border: 2px solid #4B5F7E; }
	.content .listing .description { float: left; }
		.content .listing h4 { width: 100%; margin: 0px 0px 0px 0px; border-bottom: 2px solid #4B5F7E; color: #4B5F7E; font-size: 14px; font-weight: normal; }
		
		.content .listing .description div { float: right; margin: 5px 0px 0px 0px; }
			.content .listing div a { float: left; margin: 0px 0px 0px 2px; }

		.content .listing ul { margin: 5px 0px 0px 0px; padding: 0px; }
		.content .listing li { margin: 0px 0px 0px 0px; list-style: none; font-size: 12px; font-family: Arial; }
		.content .listing p { margin-bottom: 0px; font-size: 12px; }

.content .hr { height: 3px; clear: both; background: #C5D2D9; font-size: 0px; line-height: 0px; }


/*------------- [ CALENDAR ] -------------*/

#ajaxcalendar { position: absolute; z-index: 20000; margin: 0px 0px 0px 0px; }
	#ajaxcalendar span { display: inline; }
	#ajaxcalendar .blanco, #ajaxcalendar .dia, #ajaxcalendar .mes { cursor: move; }

.content .calendar { float: left; display: inline; margin: 10px 10px 10px 9px; }
	.content .calendar table { width: 200px; border-top: 1px solid #00679A; border-left: 1px solid #00679A; }
		.content .calendar table td { width: 14.28%; border: none; border-bottom: 1px solid #00679A; border-right: 1px solid #00679A; padding: 2px 2px 2px 2px; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 11px; cursor: default; }
			.content .calendar .input { width: 75px; color: #333333; font-size: 10px; }

			.content .calendar .mes { background: #FFFFFF url(../images/content-table-bg.png); text-align: center; color: #005B88; font-weight: bold; }
			.content .calendar .dia { background: #FFFFFF; text-align: center; color: #005B88; }
			.content .calendar .cerrar { background: #FFFFFF; text-align: center; color: #005B88; }
			.content .calendar .selectedcerrar { background: #DD1B1B; color: #FFFFFF; text-align: center; cursor: pointer; }

			.content .calendar .evento { background: #85979E; color: #FFFFFF; text-align: right; }
			.content .calendar .hoy { background: #FF7D7D; color: #FFFFFF; text-align: right; }
			.content .calendar .domingo { background: #FFEF82; text-align: right; }
			.content .calendar .normal { background: #FFFFFF; text-align: right; }
			.content .calendar .blanco { background: #E9E9E9; text-align: right; }
			.content .calendar .selected { background: #CCCCCC; color: #000000; text-align: right; cursor: pointer; }


/*------------- [ CALENDAR BROWSER ] -------------*/

.content .calendar-container { border: 1px solid #CCCCCC; padding: 0px 0px 0px 1px; background: #F1F2F3; }

.content .calendar-browser { margin: 0px 0px 10px 0px; padding: 6px 0px 0px 0px; }
	.content .calendar-browser .previous-year { float: left; margin: 0px 20px 0px 0px; padding: 0px 0px 0px 20px; background: url(../images/icons/control-previous-fast.png) no-repeat left center; }
	.content .calendar-browser .previous-month { float: left; margin: 0px 20px 0px 0px; padding: 0px 0px 0px 20px; background: url(../images/icons/control-previous-slow.png) no-repeat left center; }
	.content .calendar-browser .current { float: left; margin: 0px 0px 0px 38px; padding: 0px 0px 0px 20px; background: url(../images/icons/control-stop.png) no-repeat left center; }
	.content .calendar-browser .next-month { float: right; margin: 0px 0px 0px 20px; padding: 0px 20px 0px 0px; background: url(../images/icons/control-next-slow.png) no-repeat right center; }
	.content .calendar-browser .next-year { float: right; margin: 0px 0px 0px 20px; padding: 0px 20px 0px 0px; background: url(../images/icons/control-next-fast.png) no-repeat right center; }