﻿/***********************
NL20080131 Css Colombia.
***********************/
/*SCHEMA*/
body{z-index:0;top:0;left:0;margin:0 20px 20px 20px;line-height:16px;font:11px Verdana, Arial, sans-serif;text-align:center}
SMALL { color: #A9A9A9;	font-weight: normal; font-size: 10px;font-family: Arial;line-height: normal;}
a, a:active, a:hover{color:blue}
a:visited{color:Purple}
h1, .copy_title {padding:0;margin:0 0 10px 0;font:15px Verdana;font-weight:bolder}
h2 {padding:0;margin:0 0 10px 0;font:15px Verdana;font-weight:normal}
h3 {padding:0;margin:0 0 5px 0;font:11px Verdana}
.layout {width:750px;margin:auto;text-align:left}
img {border:0}
input, select, textarea {font-family:Verdana}
.layout .content {display:block;clear:both;margin:auto;padding:0;width:100%;height:auto;text-align:left}
.layout .BreadCrumb, .layout .content .BreadCrumb, .BreadCrumb h1 {display:block;clear:both;margin-top:10px;margin-bottom:20px;font-family:Verdana;font-size:10px}
.layout .content .BreadCrumb a {font-weight:normal;color:Blue}
/*MENU TABS*/
.divTabs {width:100%;margin:auto;margin-bottom:17px;padding:0;height:59px;background:url(/portals/40/skins/r4/images/flaps-bg.gif) top left repeat-x}
.specialTabs {background:url(/portals/40/skins/r4/images/flaps-bg-higlight.gif) top left repeat-x}
.divTabs .tab {margin:0;padding:1px 7px 0 0;float:left;height:35px;width:125px;line-height:14px;font-size:12px;font-family:Verdana;font-weight:bold;color:#FFFFFF;text-align:center;cursor:pointer;background:url(/portals/40/skins/r4/images/flap-home.gif) top left no-repeat}
.divTabs .active {cursor:default;background:url(/portals/40/skins/r4/images/flap-selected-home.gif) top left no-repeat}
.divTabs .active a {cursor:text}
.divTabs .special {color:#000000;background:url(/portals/40/skins/r4/images/flap-highlight-home.gif) top left no-repeat}
.divTabs .specialActive {color:#000000;background:url(/portals/40/skins/r4/images/flap-highlight-selected-home.gif) top left no-repeat}
.divTabs .tab a, .divTabs .tab a:hover, .divTabs .tab a:visited, .divTabs .tab a:link {color:#FFFFFF;text-decoration:none;font-size:11px}
.divTabs .special a, .divTabs .special a:hover, .divTabs .special a:visited, .divTabs .special a:link {color:#000000}
.divTabs .specialActive a, .divTabs .specialActive a:hover, .divTabs .specialActive a:visited, .divTabs .specialActive a:link {color:#000000}
/*BOXES*/
/*white box*/
.liquidWhiteBox {width:100%;margin:0px auto;background:#fff url(/portals/40/skins/r4/images/caja/wb_leftside.gif) repeat-y left top}
.topWhiteBox {width:100%;height:20px;background:url(/portals/40/skins/r4/images/caja/wb_top.gif) no-repeat left top}
.topWhiteBox span {display:block;position:relative;height:20px;background:url(/portals/40/skins/r4/images/caja/wb_topright.gif) no-repeat right top}
.centerWhiteBox {position:relative;z-index:10;background:url(/portals/40/skins/r4/images/caja/wb_rightside.gif) repeat-y right top;padding:1px 12px 1px 18px;margin:-8px 0 -46px 0;overflow:auto; _float:left;_overflow:hidden }
.bottomWhiteBox {position:relative;z-index:1;width:100%;height:60px;background:url(/portals/40/skins/r4/images/caja/wb_bottom.gif) no-repeat left bottom}
.bottomWhiteBox span {display:block;position:relative;height:60px;background:url(/portals/40/skins/r4/images/caja/wb_bottomright.gif) no-repeat right top}
.bottomWhiteBox2 {position:relative;height:30px;background:#DBDEE5  url(/portals/40/skins/r4/images/caja/wb_bottom2.gif) no-repeat left bottom; width:566px;margin-top:20px;//margin-top:33px;_margin-top:46px}
.bottomWhiteBox2 .cSpan {display:block;position:relative;height:30px;background:url(/portals/40/skins/r4/images/caja/wb_bottomright2.gif) no-repeat right top;}
/*orange box*/
.liquidOrangeBox {width:100%;margin:0px auto;background:#fff url(/portals/40/skins/r4/images/caja/ob_leftside.gif) repeat-y left top}
.topOrangeBox {width:100%;height:20px;background:url(/portals/40/skins/r4/images/caja/ob_top.gif) no-repeat left top}
.topOrangeBox span {display:block;position:relative;height:20px;background:url(/portals/40/skins/r4/images/caja/ob_topright.gif) no-repeat right top}
.centerOrangeBox {position:relative;z-index:10;background:#F8D690 url(/portals/40/skins/r4/images/caja/ob_rightside.gif) repeat-y right top;padding:1px 12px 1px 18px;margin:-8px 0 -46px 3px;overflow:auto;_float:left;_overflow:hidden;_margin-left:2px}
.bottomOrangeBox {position:relative;z-index:1;width:100%;height:60px;background:url(/portals/40/skins/r4/images/caja/ob_bottom.gif) no-repeat left bottom}
.bottomOrangeBox span {display:block;position:relative;height:60px;background:url(/portals/40/skins/r4/images/caja/ob_bottomright.gif) no-repeat right top}
/*yellow box*/
.liquidYellowBox {width:100%;margin:0px auto;background:#fff url(/portals/40/skins/r4/images/caja/yb_leftside.gif) repeat-y left top}
.topYellowBox {width:100%;height:20px;background:url(/portals/40/skins/r4/images/caja/yb_top.gif) no-repeat left top}
.topYellowBox span {display:block;position:relative;height:20px;background:url(/portals/40/skins/r4/images/caja/yb_topright.gif) no-repeat right top}
.centerYellowBox {position:relative;z-index:10;background:#FFFFDA url(/portals/40/skins/r4/images/caja/yb_rightside.gif) repeat-y right top;padding:1px 12px 1px 18px;margin:-8px 0 -26px 3px;overflow:auto}
.bottomYellowBox {position:relative;z-index:1;width:100%;height:40px;background:url(/portals/40/skins/r4/images/caja/yb_bottom.gif) no-repeat left bottom}
.bottomYellowBox span {display:block;position:relative;height:40px;background:url(/portals/40/skins/r4/images/caja/yb_bottomright.gif) no-repeat right bottom}
/*gray box*/
.liquidGrayBox {width:100%;margin:0px auto}
.topGrayBox {display:block;font-weight:bold;padding:6px 15px;background-color:#F2F2F2;border-bottom:1px solid #D2D9E9}
.bottomGrayBox {display:block;padding:6px 15px;_width:265px}
/*gray map box */
.liquidGrayMapBox {width:100%;margin:0px auto;background:#fff url(/portals/40/skins/r4/images/caja/gb_leftside.gif) repeat-y left top}
.topGrayMapBox {width:100%;height:20px;background:url(/portals/40/skins/r4/images/caja/gb_top.gif) no-repeat left top}
.topGrayMapBox span {display:block;position:relative;height:20px;background:url(/portals/40/skins/r4/images/caja/gb_topright.gif) no-repeat right top}
.centerGrayMapBox {position:relative;z-index:10;background:url(/portals/40/skins/r4/images/caja/gb_rightside.gif) repeat-y right top;padding:1px 12px 1px 18px;margin:-8px 0 -46px 0;overflow:auto; _float:left;_overflow:hidden }
.bottomGrayMapBox {position:relative;z-index:1;width:100%;height:60px;background:url(/portals/40/skins/r4/images/caja/gb_bottom.gif) no-repeat left bottom}
.bottomGrayMapBox span {display:block;position:relative;height:60px;background:url(/portals/40/skins/r4/images/caja/gb_bottomright.gif) no-repeat right top}

/***********************
NL20080215 ADAPTATIONS
***********************/
.login_lnkLogin {font-size:15px}
.login_span {font-size:15px}
div.publish_box {background-image:url(/portals/40/skins/r4/images/publish_box.gif) top left no-repeat}

/***********************
NL20080221 SEARCH MAP
***********************/
.layout .content .searchMap {margin:0;width:750px}
.searchMap .divSearchTitle {margin-left:160px}
.searchMap .divSearchPublicity {float:left;margin:0 10px 0 0;width:150px;height:300px}
.searchMap .divSearchMap {position:relative;float:left;margin:0;width:550px}
.searchMap .divSearchMap .divHintMap {position:absolute;z-index:50000;top:0;left:0;width:250px;padding:10px 3px;text-align:center;background:#FFFFDA;border:1px solid #A9A9A9}
.searchMap .divSearchLinks {display:block;clear:both;margin:10px 0 0 160px}
/*div areas*/
.dlSearchMap a.area {position:absolute;z-index:100;display:block;overflow:visible;height:20px;text-decoration:none}
* html .dlSearchMap a.area {height:0}
.dlSearchMap a.area:hover {overflow:visible;text-decoration:none}

/***********************
NL20080219 PERSONAL AREA
***********************/
/*.layout {width:890px} sólo para el área de usuarios*/
.layout .content .divPersonalArea .divLogin {width:750px}
.layout .content .divPersonalArea {display:block;width:890px;margin:15px 0;overflow:auto}
.layout .content .divPersonalArea .personalAreaLeft {float:left;width:670px;margin:0 20px 15px 0}
.layout .content .divPersonalArea .personalAreaRight {float:left;width:200px}
.layout .content .divPersonalArea .divTabs {height:59px;margin:auto}
.layout .content .divPersonalArea .divTabs .tab {width:88px;background:url(/portals/40/skins/r4/images/flap.gif) top left no-repeat}
.layout .content .divPersonalArea .divTabs .tab a {padding:0 3px;text-align:center}
.layout .content .divPersonalArea .divTabs .active {background:url(/portals/40/skins/r4/images/flap-selected.gif) top left no-repeat}
.layout .content .divPersonalArea .divTabs .active a {color:#FFFFFF;text-decoration:none}
.layout .content .divPersonalArea .divInsertUser {_position:relative;_zoom:1}
.layout .content .divPersonalArea .liquidWhiteBox {margin-bottom:15px}
.layout .content .divPersonalArea .divFieldSet {display:block;margin:15px 0;_position:relative;_zoom:1}
.layout .content .divPersonalArea .divFieldSet div {display:block;overflow:auto;margin:10px 0;_position:relative;_zoom:1}
.layout .content .divPersonalArea .divFieldSet label {float:left;width:150px;margin-top:3px;font-weight:bold}
.layout .content .divPersonalArea .divFieldSet input {float:left;width:250px;height:14px}
.layout .content .divPersonalArea .divFieldSet .spaDate {float:left;margin:3px 5px}
.layout .content .divPersonalArea .divFieldSet .divCheckbox input {width:15px}
.layout .content .divPersonalArea .divFieldSet .divCheckbox span label {width:100px;font-weight:normal;//margin-top:0}
.layout .content .divPersonalArea .divFieldSet .divComment {margin-top:0px;margin-left:150px;color:#ADADAD}
.layout .content .divPersonalArea .divFieldSet .divComment .spaDate {margin-top:0;margin-left:0;width:39px}
.layout .content .divPersonalArea .divFieldSet .divButtons {display:block;text-align:center}
.layout .content .divPersonalArea .divFieldSet .divButtons input {float:none;width:100px;height:25px;font-size:15px;font-weight:bold}
.layout .content .divPersonalArea .personalAreaRight #attention {background: url(../images/atencion.gif) no-repeat left top; padding: 15px 5px 5px 42px; height: 70px;width: 150px}

/***********************
NL20080226 PTA
***********************/
.divPta .ptaLeft {float:left;width:270px; _margin-right:5px}
.divPta .ptaRight {float:left;width:350px}
.divPta .ptaLeft .leftSubtitle {margin:10px 0;font-weight:bold}
.divPta .ptaLeft .leftText {clear:both;display:block;overflow:auto;margin:15px 0;padding-left:15px;background:url(/portals/40/skins/r4/images/icons/tick.gif) top left no-repeat}
.divPta .ptaRight .rightNote {clear:both;display:block;margin:0 0 10px;font-size:0.8em;color:#A9A9A9;text-align:right}
.divPta .ptaRight .rightField {clear:both;display:block;overflow:auto;margin:5px 0}
.divPta .ptaRight .rightField label {float:left;padding-top:5px;width:100px}
.divPta .ptaRight .toRight {text-align:right;margin-right:11px}
.divPta .ptaRight .rightCheckbox label {padding-top:0px}
.divPta .ptaRight .rightField input {float:left;width:210px;height:15px}
.divPta .ptaRight .rightButton {margin:10px 0 0 0;text-align:right}
.divPta .ptaRight .rightButton input {margin-right:10px;width:90px;height:25px;font-weight:bold;font-size:15px}
.divPta .ptaServices {float:left;width:48%;margin:20px 3% 20px 0}
.divPta .ptaServices a {display:block;height:18px;width:100%;padding-left:20px;margin-bottom:15px}
.divPta .ptaServices .lnkAdvisers {background:url(/portals/40/skins/r4/images/icons/advising.gif) top left no-repeat}
.divPta .ptaServices .lnkOutstanding {background:url(/portals/40/skins/r4/images/icons/outstanding.gif) top left no-repeat}
.divPta .ptaServices .lnkSms {background:url(/portals/40/skins/r4/images/icons/sms.gif) top left no-repeat}
.divPta .ptaAdvices {float:left;width:48%;margin:20px 0}
.divPta .ptaAdvices .comment {font-size:0.8em;color:#A9A9A9}
.divPta .ptaPersonalAreaMenu .centerOrangeBox a {display:block;margin:0 0 10px 0}
.divPta .ptaPersonalAreaMenu .centerOrangeBox .comment {margin:-7px 0 10px;font-size:0.9em}
.divPta .ptaPersonalAreaMenu .centerOrangeBox .comment span {display:block}
.divFieldSet .divSubtitle {display:block;clear:both;margin:25px 0 10px 0;font-size:15px}
.divFieldSet .spaCheckboxLeft {display:block;margin:10px 0 0}

.divFieldSet .spaCheckboxLeft label {margin:0;width:90%;font-weight:normal}
.divFieldSet .spaCheckboxLeft br {clear:both}

.divFieldSet .spaCheckbox {float:left;width:550px}
.divFieldSet .spaCheckbox input {margin:5px 5px 5px 0;width:15px}
.divFieldSet .spaCheckbox label {margin:5px 10px 0 0;width:auto;font-weight:normal}
.divFieldSet .spaCheckbox br {clear:both}
.divFieldSet .checkboxAdditional {clear:both;display:inline-block;margin:3px 0 0 175px}
.divFieldSet .checkboxAdditional label {margin-top:5px}
.divFieldSet .checkboxAdditional input {margin:5px;width:15px}
.divFieldSet .spaNote {font-size:0.9em;color:#A9A9A9}
.divFieldSet .advertProduct {float:left;width:40%;margin:5px 0 0 4%;text-align:left}
.divFieldSet .advertProduct .checkbox input {margin:5px 5px 0 0;width:15px}
.divFieldSet .advertProduct .price {display:block;clear:both;margin-left:20px}
.divFieldSet .advertProduct ul {margin:10px 0 10px 0;padding:0 0 0 36px}
.divFieldSet .advertProduct .imgBlock {display:block;margin:0 0 5px 16px}
.divFieldSet .advertProduct .lnkRight {text-align:right}
.divFieldSet .spaError {display:block;clear:both;color:Red}
.divFieldSet .lblMensajeArea {color:#A9A9A9;font-size:0.9em}



.MapContainer {background:transparent url('/portals/40/images/maps/zonas/Bogota.gif') no-repeat scroll center;width:400px;height:450px;margin: 0 auto;  }
.map-localidad {background: transparent url('/portals/40/images/none.gif') no-repeat scroll center;width:400px;height:450px;} 


div.uedge 
{
	background-image: url(/portals/40/skins/r4/images/caja/superior.gif);
	background-repeat: repeat-x;
	background-position: top;
}

div.uedgepta
{
	background-image: url(/portals/40/skins/r4/images/caja/superior.gif);
	background-repeat: repeat-x;
	background-position: top;
	width: 860px;
	//width: 870px; /*IE7 - IE6*/
}

div.redge
{
	background-image: url(/portals/40/skins/r4/images/caja/medio_dcha.gif);
	background-position: top right;
	background-repeat: repeat-y;
}
div.bedge
{
	background-image: url(/portals/40/skins/r4/images/caja/inferior.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}
div.ledge
{
	background-image: url(/portals/40/skins/r4/images/caja/medio_izq.gif);
	background-position: top left;
	background-repeat: repeat-y;
}
div.ulcorner
{
	background-image: url(/portals/40/skins/r4/images/caja/superior_izq.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
div.urcorner
{
	background-image: url(/portals/40/skins/r4/images/caja/superior_dcha.gif);
	background-position: top right;
	background-repeat: no-repeat;
}
div.blcorner
{
	background-image: url(/portals/40/skins/r4/images/caja/inferior_izq.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}
div.brcorner
{
	background-image: url(/portals/40/skins/r4/images/caja/inferior_dcha.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}
div.brcorner-no-head
{
	background-image: url(/portals/40/skins/r4/images/caja/inferior_dcha.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	padding: 0px 6px 10px 4px;
}
div.innercontent
{
	padding: 10px 15px 0px 15px;
	margin: auto;
}

div.innercontentpta
{
	padding: 10px 15px 0px 15px;
	margin: auto;
	height: 800px;
}
/* PTA Paso 1 */
.ptasteps1
{
	float: left; margin: 0 0 20px 0; padding: 0; width: 823px; height: 23px; background-image: url(/portals/40/images/step1.gif); background-repeat: no-repeat;
}

a.ptastepslnk 
{	
	color: white;
	text-decoration: none;
}

.ptasteps2{float:left;margin:0 0 20px 0;padding:0;width:824px; height: 23px;background-image: url(/portals/40/images/step2.gif); background-repeat: no-repeat;}


.ptasteps3{float:left;padding:0 0 20px 0;margin:0;width:823px;height:23px;background-image: url(/portals/40/images/step3.gif); background-repeat: no-repeat;}



.ptastep
{
	float: left; margin: 4px 0 0 0; padding: 0; color: White; width: 270px; text-align: center;
}
/* Fin. PTA Paso 1 */

/* PTA Paso 3 */
.rpt_photoitem
{
	float: left; margin: 0 0 0 15px; padding: 0; width: 150px; height: 105px;
}

.rpt_chkphoto
{
	float: left; margin: 0; padding: 0; width: 20px;
}

.rpt_photo
{
	float: left; margin: 0; padding: 5px 0 0 5px; width: 105px; height: 100px;
}
/* Fin. PTA Paso 1 */

/* PTA Paso 2 */
.col_l /* Columna Left */
{
	float: left; width: 430px; 
}

.col_r /* Columna Right */
{
	float: left; width: 365px; 
}

.col_ll
{
	float: left;
	margin: 0 0 0 10px;
	_margin: 0;
	
	width: 154px;
	_width: 154px; /*IE6*/	
	font-size: 11px;	
	vertical-align: text-top;	
}

.col_lr
{
	float: left;
	width: 262px;
	vertical-align: text-top;
}

.col_textquality
{
	float: left;
	margin: 0 0 0 10px;
	_margin: 0 0 0 5px;
	
	width: 410px;
	_width: 410px; /*IE6*/	
	font-size: 11px;	
	vertical-align: text-top;	
}

.row_pta
{
	float: left;
	margin: 0 0 10px 25px;	
}

.row_pta_red
{
	float: left;
	margin: 0 0 10px 35px;	
	width: 100%;
	color: Red;
	font-weight:bold;
}

.row_pta_20
{
	float: left;
	margin: 0 0 10px 25px;	
	height: 20px;
}

.subtitle_pta{float:left;margin:16px 0 16px 25px;font-weight:bold;width:800px;}

.rad_title
{
	float:left;width:150px;
}
.rad_c		/* Radiobutton Column */
{
	float:left;width:100px;
}

.rad_r		/* Radiobutton Row */
{
	float:left;width:430px;
}

.con_g
{
	float: left; margin: 0; padding: 0; border: solid 3px red; width: 420px; height: 192px; z-index: 500; position: absolute; top: 0; left: 0; background-color: White; display: none;
}

.con_close
{
	float: right; margin: 3px 0 0 0; padding: 0; width: 15px; height: 15px;
}

.con_warning
{
	float: left; margin: 0 10px 10px 20px; padding: 0; width: 400px;
}

.con_t
{
	float: left; margin:  0 10px 0 40px; padding: 0; width: 180px;	
}

.con_d
{
	float: left; margin: 0; padding: 0; width: 180px;	
}

.con_dr /* Data Black */ 
{
	float: left; margin: 0; padding: 0; width: 180px; font-weight: bold;	
}

.con_db /* Data Normal */ 
{
	float: left; margin: 0; padding: 0; width: 180px; 
}

.con_l
{
	float: left; margin: 15px 0 0 40px; padding: 0; width: 400px;
}



/* Fin. PTA Paso 2 */

/***********************
NL20080222 ALERTS 24x7, PASSWORD RECOVERY
***********************/
.divAlert24x7, .divPasswordRecovery {position:relative;width:750px}
.divAlert24x7 .divFieldSet {display:block;margin:15px 22px}
.divPasswordRecovery .divFieldSet {display:block;margin:15px 0;overflow:auto}
.divAlert24x7 .divFieldSet label, .divPasswordRecovery .divFieldSet label {float:left;width:150px;font-weight:bold}
.divAlert24x7 .divFieldSet input, .divPasswordRecovery .divFieldSet input {float:left;width:250px;height:14px}
.divAlert24x7 .divFieldSet .validation, .divPasswordRecovery .divFieldSet .validation {display:block;clear:both}
.divAlert24x7 .divComment, .divPasswordRecovery .divComment {margin:10px 0;font-size:0.9em;color:#A9A9A9}
.divAlert24x7 .divComment span, .divPasswordRecovery .divComment span {display:block;clear:both}
.divAlert24x7 .divFieldSet .fieldsetValidation ul {margin:5px 0 0 13px;padding:0}
.divAlert24x7 .divButtons, .divPasswordRecovery .divButtons {display:block;text-align:center}
.divAlert24x7 .divButtons input, .divPasswordRecovery .divButtons input {width:100px;height:25px;font-size:15px;font-weight:bold}
.divAlert24x7 .divSuscribe24x7 .divFieldSet {margin:15px 0}
.divAlert24x7 .divSuscribe24x7 .divFieldSet div {display:block;clear:both}
.divAlert24x7 .divSuscribe24x7 .divFieldSet .field {margin:10px 0;overflow:auto}
.divAlert24x7 .divSuscribe24x7 .divFieldSet label {width:220px}
.divAlert24x7 .divSuscribe24x7 .divFieldSet input {width:246px;//width:244px}
.divAlert24x7 .divSuscribe24x7 .divFieldSet select {width:250px}
.divAlert24x7 .divSuscribe24x7 .divFieldSet .ctrSmall {width:123px}
.divAlert24x7 .divSuscribe24x7 .divButtons input {float:none;font-size:15px;font-weight:bold;height:25px;width:100px}

.layout .content .divHintMap {position:absolute;z-index:50000;top:0;left:0;width:250px;background:#F7F7F7;border:1px solid #A9A9A9;opacity:0.7;MozOpacity:0.7;filter:alpha(opacity=70);}
.layout .content .divHintMapText{position:absolute;z-index:60000;top:0;left:0;width:250px;padding:10px 1px;text-align:center;color:#000000;font-weight:bold;}
