@charset "utf-8";


#form { position: relative; padding: 0; background: #fff; width: 630px; margin:0px auto;  }
	#form h2 { font-size: 14px; color: #6577A6; font-weight: bold; background: #F5F5E9; padding: 6px 5px 6px 10px; margin: 20px 0; border: 1px solid #F2F2E3; }
	#form a { font-size: 14px; color: #779CEA; }
	#form a:hover { text-decoration: underline; }
	#form .cal { padding: 3px 20px 5px 0px; }
	#form .add { padding: 3px 20px 5px 20px; }
	#form .fecha { font-size: 10px; color: #999; margin-left: 10px; }
	#form p.comentario { margin: 10px 30px 40px 0; padding-left: 10px; border-left: 3px #ccc solid;  }


/*------------- [ TABS ] -------------*/

#tabs { font-family: 'Trebuchet MS'; position: absolute; float: left; top: 156px; width: 600px; line-height: normal; font-size: 14px; }
#tabs ul { margin: 0; padding: 10px 10px 0 20px; list-style: none; }
#tabs li { display: inline; margin: 0; padding: 0; }
#tabs a { float: left; background: url(../images/tableft.gif) no-repeat left top; margin: 0; padding: 0 2px 0 4px; text-decoration: none; }
	#tabs a span { float: left; display: block; background: url(../images/tabright.gif) no-repeat right top; padding: 10px 20px 10px 14px; color: #000; }

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span { float: none; }
/* End IE5-Mac hack */

#tabs a:hover { background-position: 0% -42px; }
	#tabs a:hover span { color: #FFF; }
	#tabs a:hover span { background-position: 100% -42px; }
#tabs #current a { background-position: 0% -42px; }
	#tabs #current a span { background-position: 100% -42px; color: #fff; }



/*------------- [ LOGIN ] -------------*/

.login .entrada { float: left; width: 90px; font-size: 14px; }
.login .form { float: left; }
	.login form { display: inline; }
	.login input { width: 130px; margin: 0; padding: 1px 4px; background: #fff; border: 1px solid #ccc; font-size: 12px; color: #1E5076; }
	.login button { font-size: 11px; margin: 0 0 0 5px; padding: 4px 4px 0 4px; font-family: 'Trebuchet MS', Arial, Helvetica; background: #6577A6; border: 2px solid #48577D; color: #fff; }
.login #errores { position: relative; width: 97%; margin: 50px 0 0 0; }


/*------------- [ FOOTER ] -------------*/

#content-left-footer { position: relative; font-family: 'Trebuchet MS', Arial, Helvetica; color: #fff; }
	#content-left-footer-content-content-joy-joy { position: absolute; width: 350px; top: 6px; }
	#content-left-footer ul { margin: 0 0 0 15px; padding: 0; }
	#content-left-footer li { display: inline; color: #fff; margin: 0; padding: 0; }
	#content-left-footer span { font-size: 10px; margin: 0 2px; padding: 0; }
	#content-left-footer p { color: #fff; font-size: 10px; margin: 0; padding: 0; }
	#content-left-footer a, #content-left-footer a:link { font-size: 10px; color: #fff; }
	#content-left-footer a:hover { text-decoration: underline; }
	#content-left-footer-copy-copy-joy-joy { position: absolute; top: 11px; left: 400px; }


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

.content h1 { margin: 10px 0 0 60px; color: #006633; font-size: 32px; }
.content h2 { margin: 25px 0px 10px 20px; padding-left: 24px; background: transparent url(../images/content-h2-bullet.jpg) no-repeat scroll left 7px; color: #006633; font-size: 23px; }
.content h3 { margin: 0px 0px 10px 20px; padding-left: 24px; color: #6778A7; background: transparent url(../images/content-h3-bullet.jpg) no-repeat scroll left 5px; font-size: 18px; }


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

.content p { margin: 15px 20px; font-size: 14px; color: #666; line-height: 1.3; }

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

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


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

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

.content a:link.back, #content a.back, #content a:visited.back { font-size: 11px; color: #6577A6; }
.content a:hover.back { text-decoration: underline; }


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

.content .image-right, .content .image-left, .content .image-center { display: block; float: right; display: inline; margin: 5px 5px 15px 5px; border: 2px solid #000; padding: 3px; background: #FFFFFF; }

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

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


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

#form .items { width: 100%; margin: 20px 0px 0px 0px; }
	#form .items tbody td { text-align: center; }
	#form .items tfoot td { text-align: center; }

#form .right { float: right; margin: 0px 46px 0px 0px; }

form { margin: 0px; }
	form td, form th { padding: 4px 4px 4px 4px; font-size: 12px; }
	form th { border-left: none; color: #333333; line-height: 1.2; text-align: right; font-size: 14px; }
		form td span { display: block; margin: 6px 0px 0px 0px; font-style: italic; }
		form td img { vertical-align: text-top; }
		form .img, .form .img_left, .form .img_center { margin: 0px; padding: 1px 1px 1px 1px; border-width: 1px; }


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

.form { margin:10px 0px 10px 0px; }
.form td, .form th { padding: 3px 8px 3px 8px; font-size: 12px; line-height: 1.5; color: #333333; }

.form th, .form thead td { width:100px; font-size: 12px; font-weight:bold; }


.table { width: 100%; margin: 4px 0px 12px 0px; }
	.table td, .table th { border: 1px solid #EFEFDC; padding: 3px 8px 3px 8px; font-size: 12px; line-height: 1.5; background-color: #F5F5E9; 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: #124567; }
	.table thead th { background-image: url(../layout/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; }

	.tdwhite { background-color:#FFFFFF; }


/*------------- [ 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; 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 DIVS ] -------------*/

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

.content .checkbox { width: 128px; float: left; margin: 6px 6px 6px 6px; }
	.content .checkbox input { width: auto; border: none; margin: 0px 4px 0px 0px; vertical-align: middle; }
	.content .checkbox span { color: #333333; 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 ] -------------*/

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

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


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

.validation-warning, .validation-success { margin: 5px auto 0px; padding: 5px 6px 6px 6px; background: #F5F5E9; font-size: 14px; width: 92%; }
	.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; }


/*------------- [ 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, .content .search input, .content .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 ] -------------*/

.content .order { width: 302px; float: right; }
	.content .order span, .content .order select, .content .order button { float: left; }
	.content .order span { margin: 2px 2px 0px 0px; color: #777777; font-size: 12px; }
	.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: 10px 0px 0px 0px; text-align: right; font-size: 14px; }
	.content .paging .active { border-top: 2px solid #4B5F7E; color: #4B5F7E; 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 }


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

.content .listing { padding: 0; margin: 0 0 10px 0; }
	.content .listing.hover { background: #F2F2E3; cursor: pointer; }
	.content .listing .thumbnail { float: left; margin: 0px 14px 0px 0px; xborder: 2px solid #4B5F7E; }
	.content .listing .description { float: left; }
		.content .listing h4 { padding: 5px 0 5px 10px; border-bottom: 2px solid #4B5F7E; color: #fff; font-size: 14px; background-color: #6577A6; }
		.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: 10px 0px 0px 20px; padding: 0px; }
		.content .listing li { margin: 5px 0; list-style: none; font-size: 12px; font-family: Arial; color: #666; }
		.content .listing p { margin-bottom: 0px; font-size: 12px; }

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


/*------------- [ 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; }