@charset "utf-8";

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

.content h1 { margin: 30px 0px 10px 0px; padding: 0px 0px 8px 0px; background: url(../images/content-h1-bg.png) bottom repeat-x; color: #666666; font-size: 20px; line-height: 20px; font-weight: bold; font-family: 'Trebuchet MS'; }
.content h2 { margin: 20px 0px 10px 0px; color: #8DD729; font-size: 18px; font-weight: bold; font-family: 'Trebuchet MS'; }
	.content h2 em { display: block; color: #616163; font-size: 12px; }
.content h3 { margin: 20px 0px 10px 0px; border-top: 1px #D0D7D9 solid; padding: 5px 6px 6px 6px; background: #F4F4F4; color: #666666; font-size: 16px; font-family: 'Trebuchet MS'; }
.content h4 { margin: 10px 0px 10px 0px; padding: 4px 4px 4px 4px; background: #0074AE; color: #FFFFFF; font-size: 16px; font-weight: bold; }


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

.content p { margin: 10px 0px 10px 0px; font-size: 14px; color: #7C7C7E; line-height: 1.3; }
	.content p em { font-style: italic; }

.content ul, .content ol { margin: 0px 0px 20px 30px; }
	.content ul li, .content ol li { margin: 10px 0px 10px 0px; color: #7C7C7E; line-height: 1.3; font-size: 14px; }
	.content ol li { list-style: decimal; }
	.content ul li { list-style: square; }
	.content ul.nested li { list-style-image: url(../images/content-li-mark.gif); }

.content .first { margin-top: 0px; }
.content strong { font-weight: bold; }


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

.content a { color: #0066CC; }
.content a:hover { text-decoration: underline; }


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

.content .image-right, .content .image-left, .content .image { display: block; float: right; display: inline; margin: 2px 14px 6px 14px; border: 2px solid #949FAB; padding: 3px; background: #FFFFFF; }

.content .image-right { margin-right: 0px; }
.content .image-left { float: left; margin-left: 0px; }
.content .image { float: none; margin-right: 0px; margin-left: 0px; }

.content .center { text-align: center; }


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

.content .table { width: 100%; margin: 10px 0px 10px 0px; }
	.content .table td, .content .table th { border: 1px solid #CCCCCC; padding: 3px 8px 3px 8px; font-size: 12px; line-height: 1.5; background: #4C4C4C; color: #FFFFFF; }
		.content .table td li, .content .table th li { margin-left: 15px; }

	.content .table th, .content .table thead td { text-align: center; font-size: 14px; }

	.content .table thead th, .content .table thead td { background: #949FAB; color: #FFFFFF; font-weight: bold; }
	.content .table thead th { background-image: url(../layout/table-bg.png); }

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

	.content .table tfoot td, .content .table tfoot th { background-color: #3C3C3C; font-size: 12px; font-weight: bold; }
	.content .table tfoot th { text-align: right; }

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

	.content .table td { text-align: center; }
	.content .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: #666666; font-size: 11px; }
.content select { width: 196px; }
.content textarea { width: 508px; height: 128px; }

.content button { float: right; margin: 25px 0px 10px 10px; border: 1px #666666 solid; padding: 4px 20px 4px 20px; background: #7C7C7E; color: #FFFFFF; font-size: 12px; font-family: Arial; cursor: pointer; }
.content button:hover { border: 1px #2C2C2C solid; background-color: #5C5C5C; color: #FFFFFF; }


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

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


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

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

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


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

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


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

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

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


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

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

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

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


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

#ajax-loader { width: 240px; height: 60px; 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; }


/*------------- [ 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 { margin: 0px 0px 20px 0px; 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 { float: left; }
	.content .search span, .content .search input, .content .search button { float: left; }
	.content .search span { margin: 2px 6px 0px 0px; color: #7C7C7E; font-size: 12px; }
	.content .search input { width: 150px; }
	.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 ] -------------*/

.content .order { float: right; }
	.content .order span, .content .order select, .content .order button { float: left; }
	.content .order span { margin: 2px 6px 0px 0px; color: #7C7C7E; font-size: 12px; }
	.content .order select { width: 150px; }
	.content .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; }
		.content .order button:hover { border: none; background-color: transparent; }


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

.content .paging { margin: 20px 0px 10px 0px; padding: 6px 6px 6px 6px; background: #8DD729; font-size: 14px; text-align: right; }
	.content .paging span { padding: 0px 2px 2px 2px; }
		.content .paging span a { color: #FFFFFF; }

	.content .paging span.active { color: #FFFFFF; font-weight: bold; }


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

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


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

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

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


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

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

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

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


/*------------- [ GENERAL LISTING ] -------------*/

.content .listing { padding: 10px 0px 10px 0px; }
.content .listing.selected { background: #E9EBFC url(../images/icons/tick.png) bottom right no-repeat; }
.content .listing.hover { background-color: #EFF0FC; cursor: pointer; }
	.content .listing h4 { margin: 0px 0px 0px 0px; padding: 4px 4px 4px 4px; background: #0074AE; color: #FFFFFF; font-size: 16px; font-weight: bold; }

	.content .listing .thumbnail { float: left; margin: 10px 5px 0px 4px; border: 2px solid #949FAB; }
	.content .listing .description { float: left; padding: 0px 4px 0px 4px; color: #FFFFFF; }
		.content .listing .description .hr { width: 100%; height: 5px; margin: 0px 0px 10px 0px; background: #FFFFFF; font-size: 0px; line-height: 0px; }

		.content .listing .description div { margin: 10px 0px 0px 0px; float: right; }
			.content .listing .description div a { float: left; margin: 0px 0px 0px 2px; }			

		.content .listing .description span { color: #666666; font-size: 12px; }
			.content .listing .description span em { color: #999999; font-size: 11px; }

		.content .listing .description strong { font-weight: bold; }

		.content .listing .description p, .content .listing .description li, .content .listing .description ol, .content .listing .description ul { margin-bottom: 0px; font-size: 12px; }

		.content .listing .description a { font-weight: bold; }

.content .hr { height: 1px; clear: both; background: url(../images/content-h1-bg.png) repeat-x; font-size: 0px; line-height: 0px; }


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

.content .gallery { float: left; display: inline; margin: 0px 3px 4px 3px; background: #4C4C4C; }
	.content .gallery img { border: 1px solid #999999; padding: 4px 4px 4px 4px; background: #999999; }

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


/*------------- [ 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; }
	.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-white.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: #6B8087; color: #FFFFFF; text-align: right; }
			.content .calendar .hoy { background: #FF7D7D; color: #FFFFFF; text-align: right; }
			.content .calendar .domingo { background: #A9C5EB; 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-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; padding: 5px 0px 4px 3px; background: #F1F2F3; }
	.content .calendar-container .calendar { margin: 0px 2px 0px 2px; }
		.content .calendar-container .calendar table { width: 168px; }

.content .calendar-browser { margin: 0px 0px 10px 0px; padding: 8px 0px 0px 0px; font-size: 13px; }
	.content .calendar-browser .previous-year { float: left; margin: 0px 8px 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 8px 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 8px; 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 8px; 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 8px; padding: 0px 20px 0px 0px; background: url(../images/icons/control-next-fast.png) no-repeat right center; }