@charset "utf-8";

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

.content h1 { margin: 30px 0px 10px 0px; padding: 0px 0px 10px 0px; background: url(../images/content-line-bg.png) repeat-x bottom; color: #B80935; font-size: 20px; line-height: 1; font-weight: bold; }
.content h2 { margin: 20px 0px 10px 0px; color: #00273E; font-size: 18px; line-height: 1.1; font-family: 'Trebuchet MS'; font-weight: bold; }
	.content h2 em { display: block; color: #947952; font-size: 12px; font-weight: bold; }
.content h3 { margin: 20px 0px 10px 0px; border-top: 1px #464646 solid; padding: 5px 6px 6px 8px; background: #DDDDDD; color: #464646; font-size: 16px; font-family: 'Trebuchet MS'; }
.content h4 { margin: 10px 0px 10px 0px; padding: 5px 6px 6px 8px; background: #00273E; color: #FFFFFF; font-size: 16px; font-weight: bold; }


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

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

.content ul { margin: 10px 0px 10px 20px; }
.content ol { margin: 10px 0px 10px 40px; }
	.content ul > li, .content ol > li { margin: 10px 0px 10px 0px; color: #333333; font-size: 14px; line-height: 1.3; }
	.content ul > li { padding: 0px 0px 0px 20px; background: url(../images/content-li-mark.png) no-repeat left 3px; }
	.content ol > li { list-style: decimal; }

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


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

.content a { color: #405A7B; }
.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: 4px solid #597EAA; padding: 2px 2px 2px 2px; 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: 2px solid #F5F8FA; padding: 3px 8px 3px 8px; font-size: 12px; line-height: 1.5; background: #F0F0F0; text-align: center; }

	.content .table thead td, .content .table thead th { background: url(../images/content-table-bg.png); color: #B80935; font-size: 14px; font-weight: bold; }
	.content .table tbody th { font-weight: bold; }
	.content .table tfoot td, .content .table tfoot th { background-color: #3C3C3C; font-size: 10px; text-align: right; }

	.content .table li { margin-left: 15px; }
	.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; }


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

.content input, .content select, .content textarea { width: 250px; border: 1px solid #CCCCCC; padding: 1px 1px 1px 1px; color: #555555; font-size: 11px; }
.content select { width: 256px; }
.content textarea { width: 508px; height: 128px; }

.content button { float: left; margin: 25px 10px 10px 0px; border: 1px #000000 solid; padding: 4px 20px 4px 20px; background: #FFCC00; color: #000000; font-size: 12px; font-weight: bold; font-family: Arial; cursor: pointer; }
.content button:hover { border: 1px #114F82 solid; background: #5773A3; 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: #F2F2F2; font-size: 12px; }
	.content .form th { border-left: none; padding: 4px 40px 4px 4px; color: #2F2F2F; 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: 688px; margin: 10px 0px 0px 0px; background: #F2F2F2; padding: 4px 4px 4px 4px; }
	.content .big-textarea textarea { width: 684px; height: 180px; }

.content .checkbox { width: 128px; float: left; margin: 6px 6px 6px 6px; }
.content .checkbox.container { width: auto; float: none; }
	.content .checkbox input { width: auto; border: none; margin: 0px 4px 0px 0px; vertical-align: middle; }
	.content .checkbox span { color: #2F2F2F; 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: #F2F2F2; 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: 230px; }
	.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: 230px; }
	.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: #5773A3; 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: #F2F2F2; }


/*------------- [ 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: #F0F0F0; cursor: pointer; }
	.content .listing h4 { margin: 0px 0px 0px 0px; padding: 4px 4px 4px 4px; background: #00273E; color: #FFFFFF; font-size: 16px; font-weight: bold; }

	.content .listing .thumbnail { float: left; margin: 10px 5px 0px 4px; border: 2px solid #597EAA; padding: 1px 1px 1px 1px; background: #FFFFFF; }
	.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 { margin-bottom: 0px; font-size: 12px; }

		.content .listing .description ul { margin: 5px 0px 0px 30px; padding: 0px; }
		.content .listing .description li { margin: 0px 0px 0px 0px; font-size: 12px; }

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

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


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

.content .gallery { float: left; display: inline; margin: 0px 3px 4px 3px; background: #E2E2E2; }
	.content .gallery img { display: block; border: 2px solid #597EAA; padding: 1px 1px 1px 1px; background: #FFFFFF; }
	.content .gallery a:hover img { border-color: #990000; }

	.content .gallery div { margin: 3px 0px 0px 0px; text-align: center; }
		.content .gallery div img { display: inline; margin: 0px 0px 0px 0px; border: none; padding: 0px 0px 0px 0px; background: transparent; }
		.content .gallery div a:hover img { border-color: 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: #FF9966; 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: 169px; }

.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 94px; 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; }