@charset "utf-8";
/*
AUTHOR: EDWIN PUMISACHO, XPERTOSOLUTIONS
DATE: 2009 - MARZO, 
color green transparente (ejm x_image_footer): #F4F4F4;
color green linea por defecto  #CCCCCC;
color backgrounds y letras por defecto: #99CC00;
color backgrounds y letras celeste TRANSPARENTE por defecto: #D7F3FD
color orange por defecto: #FF9900
*/
/*===================================================== XPERTO_PORTAL =======================*/
html,body{
height:100%;
}
body, table{
	color:DimGray;
	font-family:  Arial, sans-serif;
	font-size:11px;
	/*word-spacing:3px;*/
}

body{
	margin: 0px 0px 0px 0px;
	/*background-color: #FFF;*/
	height: 100%;

}

.body_bg{
		background-image:url(../image/bg_cuadrado.gif);
}

/*............Contenidos*/
h1,h2,h3,h4{
color:#99CC00;
display:block;
width:98%;
/*text-align:center;*/
/*background-image:url(../image/x_dotted_bg_h.gif);*/
/*background-repeat:repeat-x;*/
/*background-position:bottom;*/
/*margin-left:10px;*/
}
h1{font-size:25px;}
h2{font-size:20px;}
h3{font-size:18px;}
h4{font-size:15px;}
p{
text-align:justify;
/*margin-right:10px;
margin-left:10px;*/
}
a{color:#99CC00; background:none; border:none;}
a:hover{color:#99CC00; border:none;}
a img{border:none;}

li{
list-style-type:none;
list-style-image:url(../image/x_bullet_square.png);
padding-bottom:3px;
padding-top:3px;
}
ul{}
/*............END Contenidos*/
/*-- TABLA Principal --*/
#X_MAIN_TABLE{

background-color:#FFFFFF;

}
/*-- END TABLA Principal --*/
/*-- DIV HEADER --*/
#X_DIV_HEADER{
width:100%;
height:220px;
}

.x_menu_top {
	float:left;
	width:500px;
	font-size:10px;
	text-align:right;
}

.x_menu_top ul, .x_menu_top li {
	list-style-type:none;
	list-style:none;
}

.x_menu_top ul {
	margin: 0;
	padding: 0;
}

.x_menu_top li {
	float: left;
	margin: 0;
	padding: 0;
}

.x_menu_top a {
font-size:10px;
	color:DimGray;
	text-decoration: none;
	display: block;
	padding: 1px 10px;
	text-align: center;
	background-image:url(../image/x_navheader_line_bg.png);
	background-repeat:no-repeat;
	background-position:right;
	}


.x_menu_top a:hover {
	color:#99CC00;
	text-decoration:underline;
}
/*-- END DIV HEADER --*/
/*-- DIV LOGO --*/
#X_DIV_HEADER_LOGO{
height:180px;
clear:both;
width:inherit;
padding-left:20px;
}
#X_DIV_HEADER_LOGO{
margin-top:20px;
height:180px;
width:320px;
float:left;
}
#X_DIV_HEADER_BANNER{
margin-top:20px;
height:180px;
width:600px;
float:right;
vertical-align:top;
display:table-cell;
}
/*-- END DIV HEADER --*/
/*-- DIV HEADER NAV BAR--*/
#X_DIV_HEADER_NAVBAR{
width:100%;
height:30px;
border-bottom:#FFFFFF 2px solid;
}
/*-- END DIV HEADER NAV BAR--*/
/*-- DIV HEADER SEARCHBOX--*/
#X_DIV_HEADER_SEARCHBOX{
background-color:#000000;
width:199px;
height:30px;
float:left;
padding: 0 0 0 0;
margin: 0 0 0 0;
overflow:hidden;
position:relative;
background: blue url(../image/x_search-div-bg.png) repeat-x;
}
#x_search_textbox{
font-family:Verdana, Arial, sans-serif;
font-size:10px;
height:11px;
width:94px;
color:DimGray;
border: solid 0 #fff;
background: transparent url(../image/x_search-box-bg.gif) no-repeat;
}
.x_inner_searchbox{
margin: 7px 0 0 0px;
vertical-align:middle;
text-align:center;
height:21px;
position: relative;
width:98%;
clear: both;
overflow:hidden;
}
/*-- END DIV HEADER SEARCHBOX --*/
/*-- DIV MENU HORIZONTAL --*/
.x_menuh {
	/*background-color:DimGray;*/
	background-image:url(../image/x_bg_navmenu.jpg);
	background-repeat:no-repeat;
	background-position:center;
	/*float:right;*/
	width:100%;
	height:30px;
font-size:10px;
}

.x_menuh ul, .x_menuh li {
	list-style-type:none;
	list-style:none;
}

.x_menuh ul {
	line-height:32px;
	margin: 0;
	padding: 0;
	text-align:center;
}

.x_menuh ul li {
	display:inline;
	/*float: left;*/
	margin: 0;
	padding: 0;
}

.x_menuh a {
	text-decoration: none;
	color: #FFFFFF;
	/*display: block;*/
	padding: 9px 10px;
	text-align: center;
	background-image:url(../image/x_navbar_line_bg.png);
	background-repeat:no-repeat;
	background-position:right;
	font-weight:bold;
	}


.x_menuh a:hover {
	/*background: #99CC00;*/
	color:#FFF;
}
/*-- END DIV MENU HORIZONTAL--*/
/*-- DIV HEADER LEFT_COLUMN--*/
#X_DIV_LEFT_COLUMN{
width:188px;
/*display: block; */
float: left;
padding: 0 0 0 0;
margin: 0 0 0 0;
padding-bottom:1px;

}
.X_DIV_SECTION{
padding: 0 0 0 0;
margin: 0 0 0 0;
}

#X_DIV_LEFT_COLUMN p{
padding: 0 0 0 0;
margin: 0 0 0 0;
}
/*-- END DIV HEADER LEFT_COLUMN--*/
/*-- DIV HEADER RIGHT_COLUMN--*/
#X_DIV_RIGHT_COLUMN{
width:187px;
min-height:400px;
/*display: block; */
float: right;
padding: 0 0 0px 0;
margin: 0 0 0 0;
text-align:justify;
}

#X_DIV_CENTER_COLUMN{
	width:594px;
	/*display: block; */
	float: left;
	padding: 0 0 10px 0;
	margin: 0 0 0 3px;
}
.x_image_footer{
width:100%;
background-color:#F4F4F4;
height:10px;
}
/*-- END DIV HEADER RIGHT_COLUMN--*/
/*-- DIV HEADER X_DIV_FOOTER--*/
#X_DIV_FOOTER{
width:100%;
clear:both;
padding:0px;
}
/*-- DIV HEADER X_DIV_BOTTOM--*/
#X_DIV_BOTTOM{
background-color:WhiteSmoke;
width:100%;
height:14px;
clear:both;
border-top: Gainsboro 1px solid;
padding-bottom:5px;
padding-top:5px;
}

/*-- END DIV HEADER X_DIV_BOTTOM--*/
/*............MENU*/
.x_menu {
	clear:both;
	width:inherit;
	font-size:9px;
	/*font-family:"Andale Mono", "Monotype.com", monospace;*/
	font-family:Arial, "MS Sans Serif", sans-serif;
	/*letter-spacing:-0.5px;*/
}
.x_menu ul, .x_menu li {
	list-style-type:none;
	list-style:none;
	list-style-image:none;
	display:block;
}
.x_menu ul {
	margin: 0;
	padding: 0;
}
.x_menu li {
	margin: 0;
	padding: 0;
}
.x_menu a {
	text-decoration: none;
	text-align:center;
	background-image:url(../image/x_navh_bg1.gif);
	background-repeat:no-repeat;
	background-position:center;
	color:#FFF;
	display:block;
	padding-top:10px;
	padding-bottom:10px;
	width:100%;

}
.x_menu a:hover {
	background-image:url(../image/x_navh_bg2.gif);
	background-repeat:no-repeat;
	background-position:center;
}
/*............END MENU*/
/*............DIVS RESALTAR: XPERTO CSS*/
.x_div_resaltar_gray, .x_div_resaltar_blue, .x_div_resaltar_blue_line, .x_div_resaltar_black, .x_div_resaltar_gray_box, .x_div_resaltar_orange_line, .x_div_resaltar_orange{
width:98%;
padding:4px;
display: block;
}

.x_div_resaltar_gray{}

/*
.x_div_resaltar_gray{
border-bottom:#EBEBEB solid 1px;
border-top:#EBEBEB solid 1px;
background:#FBFBFB;
}*/

.x_div_resaltar_gray_box{
border:#EBEBEB solid 1px;
background:#FBFBFB;
}
.x_div_resaltar_blue{
border-bottom:#0787B1 solid 1px;
border-top:#0787B1 solid 1px;
background:#F1F6FA;
color: #0787B1;
}
.x_div_resaltar_black{
background:#000000;
color: #FFFFFF;
}
.x_div_resaltar_blue_line{
border-left:#99CC00 solid 5px;
background:#E7EDDC;
color: #99CC00;
padding-left:7px;
padding-right:0px;
width:97.5%;
}
.x_div_resaltar_orange_line{
border-left:#EEAA22 solid 5px;
width:97.5%;
background:#FEF8ED;
padding-left:7px;
padding-right:0px;
}
.x_div_resaltar_orange{
border-left:#EEAA22 solid 5px;
background:#FEF8ED;
}
.x_div_resaltar_separador_bottom{
	background-image:url(../image/x_dotted_bg_h.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	width:99.5%;
}
.x_div_resaltar_separador_center{
	background-image:url(../image/x_dotted_bg_h.gif);
	background-repeat:repeat-x;
	background-position:center;
	width:99.5%;
}
.x_div_resaltar_separador_top{
	background-image:url(../image/x_dotted_bg_h.gif);
	background-repeat:repeat-x;
	background-position:top;
	width:99.5%;
}
.x_div_resaltar_separador_left{
	background-image:url(../image/x_dotted_bg_v.gif);
	background-repeat:repeat-y;
	/*background-position:left;*/
	height:100%;
}
.x_div_resaltar_separador_right{
	background-image:url(../image/x_dotted_bg_v.gif);
	background-repeat:repeat-y;
	background-position:right;
	height:100%;
}
/*............END DIVS RESALTAR: XPERTO CSS*/
/*............ FORM: XPERTO CSS*/

.x_text_box{
	font-family:Verdana, Arial, sans-serif;
	font-size:11px;
	color:#666666;
}

.x_div_header_section{
	background-color:#95682E;
	background-image:url(../image/x_section_bg.png);
	background-repeat:repeat-x;
	font-weight:bold;
	color:#FFFFFF;
	padding-bottom:5px;
	padding-top:5px;
	padding-left:2px;
}
/*===================================================== END XPERTO_PORTAL ===================*/

/* TIPOGRAFIA STYLOS BOTONES TEXTOS*/

.x_textbox_blue{
background:none; 
border:none; 
padding:4px 2px 0px 2px; 
margin:0px; background-image:url(../image/x_textbox_blue.png); 
background-repeat:no-repeat; width:169px; 
height:22px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}
.x_button_green{
cursor:pointer; 
border:none; 
background:none; 
padding:0px; 
margin:0px; 
background-image:url(../image/x_button_green.png); 
background-repeat:no-repeat; 
width:127px; 
height:30px; 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}

.x_button_blue{
cursor:pointer; 
border:none; 
background:none; 
padding:0px; 
margin:0px; 
background-image:url(../image/x_button_blue.png); 
background-repeat:no-repeat; 
width:127px; 
height:30px; 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}

.FORM_BUTTON{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
font-weight:bold;
background:none;
border: none;
width:102px;
height:32px;
cursor:pointer;
}

.BUTTON_SAVE{
background-position:top left;
background-image:url(../image/x_save.gif)
}
.BUTTON_CANCEL{
background-position:top left;
background-image:url(../image/x_cancel.gif)
}
.BUTTON_NEXT{
background-position:top left;
background-image:url(../image/x_go_next.gif)
}
.BUTTON_SEND{
background-position:top left;
background-image:url(../image/x_send.jpg)
}
/**ESTILO PARA X_TOOL_TIP_BLACK*/
.tool-tip{
border:#666666 1px solid;
background-color:#333333;
color:#FFFFFF;
width:250px;
}
.tool-title{
font-weight: bold;
text-decoration: underline;
padding:2px 0px 4px 5px;
background-image:url(../image/x_tooltip_title_bg.png);
}
.tool-text{
padding:5px;
}
.x_welcome{
	color:#FFFFFF;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
}

.x_login_form{
	background-image:url(../image/x_bg_login.jpg);
	background-repeat:no-repeat;
	background-position:center;
	text-align:center;
	height:40px;
	/*line-height:41px;*/
}
.x_login_form div{
	padding-top:10px;
}
.x_login_form div table{
	color:#FFFFFF;
	font-size:10px;
}


.x_search_inm{
	background-image:url(../image/x_bg_search_inm.jpg);
	background-repeat:no-repeat;
	background-position:top;
	padding-top:55px;
	height:300px;
	margin-top:5px;
}

.x_search_inm table td {
	padding:5px 0px;
}
.x_text_big{
	width:300px;
}
.x_text_medium{
	width:200px;
}

.x_text_extra_medium{
	width:140px;
}

.x_text_small{
	width:80px;
}

.x_search_code{
	width:100%;
	background-image:url(../image/x_bg_search_code.jpg);
	background-repeat:no-repeat;
	background-position:top;
	height:35px;
	padding-top:35px;
}

.button_form_black{
	border: 1px solid #FFFFFF;
	background-color:#666666;
	color:#FFFFFF;
	font-size:10px;
	padding:1px 0px;
}

span.x_req{
	color:#CC0000;
}

.x_medium_size{
	width:200px;
}
.x_large_size{
width:300px;
}
ul.x_user_webmenu{
	list-style:none;
	color:#FFFFFF;
	margin:0px;
	padding:0px;
	padding-top:3px;
}
ul.x_user_webmenu li{
	display:inline;
	padding:0px;
	margin:0px;
	padding-left:20px;
	font-size:10px;
}

/** BARS ERROR*/

.x_error_bar, .x_success_bar, .x_info_bar{
padding:10px;
padding-left:35px;
margin-top:10px;
margin-bottom:10px;
font-weight:bold;
background-color:#F7F7F7;
border:#F2F2F2 solid 1px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.x_error_bar{
background-image:url(../image/x_warning_icon.png);
background-position:left;
background-repeat:no-repeat;
}
.x_success_bar{
background-image:url(../image/x_accept_icon.png);
background-position:left;
background-repeat:no-repeat;
}
.x_info_bar{
background-image:url(../image/x_info_icon.png);
background-position:left;
background-repeat:no-repeat;
}

a.link_account{
text-decoration:none;
margin-right:20px;
display:block-inline;
}

.h1_class, .h2_class, .h3_class, .h4_class{
	padding:10px 0px;
	display:block;
} 
span.h4_class{
	font-size:15px;
	font-weight:bold;
}
span.h3_class{
	font-size:18px;
	font-weight:bold;
}
span.h2_class{
	font-size:20px;
	font-weight:bold;
}
span.h1_class{
	font-size:25px;
	font-weight:bold;
}
a.link_user{
	font-weight:bold;
	font-size:11px;
}

a.link_menu_user{
	display:block;
	font-weight:bold;
	color:#666666;
	padding:5px 0px;
	font-size:12px;
}

/*forms*/
.x_paginador{
	color:#999999;
}

tr.X_ROW:hover>td {
background-color:#FCFCFC;
}
tr.X_ROW td{
	border-bottom: 1px dashed #EEEEEE;
	padding:0px;
	margin:0px;
}

.TABLA_DETALLE_BACK{
	background-color:#F7F7F7;
	border-color:#CCCCCC;
	border-style:solid;
	border-width:1px;
	padding:2px;
}

#TABLA_DETALLE th{
	background-color: #666;
	padding: 4px 4px 4px 4px;
	text-align:center;
	color:#fff;
}

#TABLA_DETALLE th a{
	color:#FFFFFF;
}
#TABLA_DETALLE th a:hover{
	color:#FFF000;
}

#TABLA_DETALLE td {
	padding: 2px 2px;
}
span.x_recommend{
font-size:11px;
color:#99CC00;
/*color:#999900;*/
font-style:normal;
font-family:Tahoma;
}
.x_ajax_loading {
	background: url(../image/x_load_spinner.gif) no-repeat top left;
}
.x_ajax_loading_bar1 {
	background: url(../image/loader_ajax_bar1.gif) no-repeat top left;
}
.x_ajax_loading_bar2 {
	background: url(../image/loader_ajax_bar2.gif) no-repeat top left;
}
span.ajax_loading_contenedor{
	height:16px; width:16px; display:inline-block;
}
span.ajax_loading_contenedor_bar1{
	height:19px; width:220px; display:inline-block;
}
span.ajax_loading_contenedor_bar2{
	height:15px; width:128px; display:inline-block;
}
.x_picture{
	border:1px dashed #E0E0E0;
	background:#F7F7F7 url(../image/x_img_bg.gif);
	width:50px;
	height:38px;
	display:block;
}
.x_readonly{
	border:none;
	background-color:transparent;
}
/*INMUEBLES AJAX*/
#x_inmueble_list_web {  text-align: center;  vertical-align: middle; background-color:#FCFDEA; }
#x_inmueble_list_web div.icon   { margin: 7px; }
#x_inmueble_list_web div.icon a { 
	display: block; float: left;
	height: 97px !important;
	height: 100px; 
	width: 132px !important;
	width: 135px; 
	vertical-align: middle; 
	text-decoration : none;
	color:transparent;
	border: 1px solid #99CC00;
	/*padding: 2px 5px 1px 5px;*/
	cursor:pointer;
	overflow:hidden;
}
#x_inmueble_list_web div.icon a img{border:0px;}
/*#x_inmueble_list_web div.icon a:link    {  color : #808080;  }*/
#x_inmueble_list_web div.icon a:hover   { 
	color : #808080; 
	background-color:#ffffff; 
	/*border: 2px solid #99CC00;*/
	/*padding: 3px 4px 0px 6px; */
}/*
#x_inmueble_list_web div.icon a:active  {  color : #808080;  }
#x_inmueble_list_web div.icon a:visited {  color : #808080;  }*/
#x_inmueble_list_web div.icon img { margin-top: 0px; border:2px solid #99CC00; }
#x_inmueble_list_web div.icon span { display: block; padding-top: 0px;}


/*DETALLES*/
.x_inmuebles_pict_view{
	/*width:400px; height:300px;*/
	width:350px; height:263px;
	border: 2px solid #99CC00;
	background: #ffffff url(../image/x_img_bg.gif);
}

.x_general_pict_view{
	border: 2px solid #99CC00;
	background: #ffffff url(../image/x_img_bg.gif);
}

/*************USER PANEL************/
#x_inmueble_list_user{text-align: center;  vertical-align: middle;}
#x_inmueble_list_user div.icon_user { float:left;padding:0px;margin: 4px; border:0px solid yellow;}
#x_inmueble_list_user div.icon_user a.url { height: 100px; width: 135px; display: block; float: left; cursor:pointer;border:1px solid #99CC00;}
#x_inmueble_list_user div.icon_user a.url img{border:0px;}
#x_inmueble_list_user div.icon_user span.txt { height: 90px; width: 135px; display: block; clear: left; border:0px solid red;}

.X_FORMS{
font-size: 10px;
}

/***TOOLTIPS***/

.tip{
border:#CCCCCC 1px solid;
background-color:#F7F7F7;
background-image:url(../image/x_info_icon.png);
background-repeat:no-repeat;
background-position:left top;
color:black;
padding-left:32px;
/*	-moz-opacity: 0.85;
	filter: alpha(opacity=85);*/
}
.tip-title{
font-weight: bold;
color:black;
text-decoration: underline;
padding:2px 5px 0px 5px;
}
.tip-text{
padding:5px;
}

/****/
.x_color_vendido{
	color:#CC3300;
	font-size:10px;
}

.x_secondary{
	color:#999999;
	font-size:10px;
}

div.secondary{

}

.x_pag{
	padding:0px 0px 0px 0px;
	color:#999999;
	font-size:11px;
	/*background-color:#F7F7F7;*/
}

.x_pag a{
	cursor:pointer;
}

a.x_link_cap{color:#666666; font-weight:bold;}
a.x_link_cap:hover {color:#99CC00;}
a.x_link_cap_selected {color:#99CC00;}

.x_copy{
	font-size:9px;
	color:#99CC00;
}

.x_banner_img{
border:1px solid #99CC00;
}

/* PLANES USUARIO*/

.x_plan_detalle{
border:#F4F4F4 solid 1px;
padding:10px;
margin-bottom:5px;
display:block;
overflow:visible;
}
.x_plan_detalle:hover{
background-color:#F9F9F9;
}

.x_plan_radio, .x_plan_desc, .x_plan_precio{
display:inline-block;
}
.x_plan_radio{
width:30px;
clear:left;
}
.x_plan_desc{
width:400px;

font-size:18px;
}
.x_plan_precio{
width:100px;
font-size:18px;
}