@charset "utf-8";



/*------------- [ TOOLTIPS ] -------------*/

.narrow { width: 100px; }
.tooltip { float: left;	width: 525px; margin: 2px 0px 10px 0px; }
	.tooltip td, .tooltip th { background-color: #F2F2F2; border: 1px solid #DDDDDD; padding: 4px; font-size: 13px;	text-align: left; }
	.tooltip thead td {	background-image: url(../img/table_bg.png); }
		.tooltip thead td a { font-size: 13px; color: #006699; font-weight: bold; text-decoration: none; }
		.tooltip thead td a:hover {	text-decoration: underline; }
	.tooltip th { width: 96px; background-image: none; line-height: 1; }
		.tooltip th img { border: 1px solid #BBBBBB; }
		.tooltip td img { border: 0px; vertical-align: -7px; }
	.tooltip p { padding: 0px; margin: 0px;	line-height: 1.5; }



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

table {	width: 100%; margin: 4px auto 12px auto; }
	table td, table th { border: 1px solid #EAEDEE;	padding: 3px 8px 3px 8px; font-size: 12px; line-height: 1.5; background-color: #F7F9F9; }
		table td li, table th li { margin-left: 15px; }
	table th, table thead td { text-align: center; font-weight: bold; color:#43392D; }
	
	table thead th, table thead td { color: #43392D; }
	table thead th { background-image: url(../layout/table_bg.png); }

	table tbody th { font-weight: bold; }

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

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

.tinymce-textarea, .big-textarea  { width: 496px; margin: 0px auto 0px auto; background: #E6E3C5; padding: 2px 2px 2px 2px; }
	.big-textarea textarea { width: 492px; height: 180px; }

.centertd td { text-align: center; }
td.left { text-align: left; }
.tableleft { width:300px; margin:0px 0px 0px 40px;}
.menu  { width:150px; background-color: #FAF9F1; text-align:center; } 


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

.login { margin: 5px auto 10px; width: 180px; }
	.login label { color: #666; }
	.login input { margin: 5px 0; width: 168px; }
	.login button { width: 75px; padding: 2px 6px; margin: 10px 0 10px 95px; background: #7C7C7E; border: 1px solid #6F6F71; color: #fff; cursor: pointer; }
	.login button:hover { background: #919193; }

/*----------------[ENCUESTA]-----------------*/

.barraencuesta { background-color: #999999; border-color: #000066; width:auto; margin: 4px auto 12px 0; }
.barraencuesta td { color: #fff; font-size: 12px; background: #4C8CE8; border: none; }
div.encuestadata { color: #7C7C7E; margin: 0 20px; }
p.encuesta { color: #000; font-weight: bold; }
.encuestadata span { font-size: 12px; margin: 10px 0; display: block; }
.encuestadata label { font-size: 12px; margin-left: 5px; }
.encuesta-item { margin: 10px 0; }



/*------------- [ FORMS ] -------------*/

.formulario table {	width: 100%; }
	.formulario td, .formulario th { padding: 4px; }
		.formulario input, .formulario select, .formulario button, .formulario .textarea {	padding: 2px; width: 250px; border: 1px solid #124567; font-style: italic; font-size: 12px; color: #124567; }
		.formulario .textarea { height: 80px; }
		.formulario button { width: auto; padding: 1px 6px 1px 6px;	background-color: #E2E2E2; font-style: normal; cursor: pointer; }
		.formulario a img {	border: 0px; padding: 0px; margin: 0px;	vertical-align: text-bottom; }



/*------------- [ FIX'S CRUD FORMS ] -------------*/

.form {	background-color: #EAEDEE; border: 1px solid #EAEDEE; padding: 15px; font-size: 12px; }
	.form label { color: #000; }
	.form input { border: solid 1px #888; background-color: #fff; height: 18px;	width: 200px; }
	.form select { border: solid 1px #888; background-color: #fff; height: 18px; }
	.form textarea { border: solid 1px #888; background-color: #fff; width: 400px; height: 80px; }
	.form .button { color: #FFFFFF; font-size: 12px; padding: 2px 14px;	border: solid 1px #003366; background-color: #124567; width: 60px; height: 22px; cursor: pointer; }
	.form .formerror { color: #FF0000; margin-bottom: 12px; }
	.form .fielderror {	border: 1px solid #F00; }
/*
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; }
button:hover { border: 1px #2C2C2C solid; background-color: #5C5C5C; color: #FFFFFF; }
*/
/*------------- [ TINYMCE ] -------------*/

.formulario table table { border: 0px; border-collapse: collapse; }
	.formulario table table select { width: auto; font-style: normal; background-color: #FFFFFF; margin: 0px 2px 0px 2px; }


/*------------- [ GALLERIES ] -------------*/

.gallery { float: left;	background-color: #E2E2E2; padding-bottom: 4px;	margin: 0px 3px 4px 3px; display: inline; text-align: center; }
	.gallery img { border: 1px solid #BBBBBB; background-color: #F2F2F2; padding: 4px; }
	.gallery div { text-align: center; }
		.gallery div img { border: 0px; padding: 0px; background-color: transparent; margin: 2px 2px 0px 2px; }


/*------------- [ PAGINACIÓN ] -------------*/

.paginacion { text-align: right; color: ; font-size: 12px; font-weight: bold; background: #EAEDEE; height: 22px; padding: 6px 15px 0 0; margin-top: 25px; }
	.paginacion a { font-size: 12px; font-weight: bold; }
	.paginacion a:hover { color: #003366; text-decoration: none; }


/*------------- [ ACCORDION ] -------------*/

h4 { display: block; height: 30px; padding-left: 10px; margin: 10px 0 10px 0; background: #EAEDEE url('../images/star.png') no-repeat center right; line-height: 30px; color: #ff6600; outline: none; font-size: 14px; color: #233A56; border-bottom: 2px solid #436997; }
.accordion-toggle { cursor: pointer; }
.accordion-toggle-active { background-color: #C9D8E4; }
.accordion-content { overflow: hidden; padding-bottom: 10px; }
	.ficha { padding: 7px; border: 5px solid #BBA679; }


/*------------- [ 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: #F7F9F9; 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); }


/*--------- [ FORMS ] ----------*/

#form h2, #contenido h2 { font-size: 14px; color: #4C8CE8; font-weight: bold; padding: 6px 5px 0px 0px; margin: 10px 0; }
#form a { font-size: 14px; color: #779CEA; }
#form a:hover { text-decoration: underline; }

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



/*------------- [ 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: left; 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 { 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 { border: 1px solid #CCCCCC; padding: 1px 1px 1px 1px; color: #999999; font-size: 11px; }
.content select { }
.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; }

.checkbox { margin: 6px 6px 6px 6px; }
	.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 ] -------------*/

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


/*------------- [ 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 { xwidth: 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/search.png) no-repeat; }
		.content .search button:hover { border: none; background-color: transparent; }


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

.content .order { xwidth: 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/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 { cursor: pointer; }
	.content .listing .thumbnail { float: left; margin: 0px 14px 0px 0px; xborder: 2px solid #4B5F7E; }
	.content .listing .description { float: left; }
		.content .listing h4 { width: 410px;  }
		.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 { xmargin: 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; }


/*------------- [ CONSULTA TUS PROYECTOS ] -------------*/
#ayuda h2 { width: 100%; font-family: "Trebuchet MS"; margin: 0px 0px 8px 0px; padding: 5px 0 0 5px; color: #fff; font-size: 20px; font-weight: bold; height: 30px; background-color: #4C8CE8; border-bottom: 3px solid #8E8E8E; text-align: left; }
#ayuda p{ padding: 0px 0px 0px 18px; margin: 10px 20px 10px 10px; font-family: Tahoma, Arial; color:#616163; font-size:14px;  }