﻿body
{
	margin: 0px 0px 0px 0px;
	font: 11px Verdana, Arial, sans-serif;
	z-index: 0;
	top: 0px;
	left: 0px;
	line-height: 16px;
	text-align: center; 
}
A, A:active, A:hover
{
	color: blue;
}
A:visited
{
	color: Purple;
}
H1
{
	padding: 0px;
	margin: 0px 0px 10px 0px;
	font: 20px Verdana, Arial, sans-serif;
	font-weight: bolder;
}
H2
{
	padding: 0px;
	margin: 0px 0px 10px 0px;
	font-size: 15px;
	font-family: Verdana;
	font-weight: normal;
}
H3
{
	padding: 0px;
	margin: 0px 0px 5px 0px;
	font-size: 11px;
	font-family: Verdana;
}
.btn
{
	width: 75px;
	font-weight: bold;
	margin: 0px 5px 0px 5px;
}
.layout
{
	width: 995px;
	margin: auto;
	text-align: left;
}
.content
{
	clear: left;
	text-align: left;
	margin: auto;
	padding: 0px 0px 0px 0px;
}
/****************************
TABS 08 Feb 2010
****************************/
.g {width: 835px;display:block;text-align:left}
.g .homeSearch {display:block;margin:10px auto 10px auto;}     
.g .content {display:block;margin:10px auto 10px auto;}  
.g .menu {display:block;clear:both;padding:5px 0 0 0;height:auto}        
.g .menu .tabs {margin:auto;//zoom:1;//display:inline}
.g .menu .tab {float:left;margin:0 5px 0 0;width:162px;height:35px;color:#FFFFFF;font-weight:bold;cursor:pointer;background:#15245C url(/portals/40/images/mas_002.png) no-repeat;_overflow:hidden;font-size:12px;}
.g .menu .tab span {float:left;margin:3px 0 0 5px;text-align:center;width:152px}
.g .menu .tab a {float:left;margin:0 0 0 5px;text-align:center;width:152px;}
.g .menu .tab a, .g .menu .tab a:hover, .g .menu .tab a:visited, .g .menu .tab a:link {text-decoration:none;color:White;font-size:12px;}
.g .menu .tab img {width:5px;height:32px;float:right;background:url(/portals/40/images/mas_002.png) no-repeat}
.g .menu .tab a:hover{text-decoration:underline;}
.g .menu .blue {cursor:text;background-position:-350px -4px}
.g .menu .blue img {background-position:-870px -4px}
.g .menu .orange {color:#15245C;background-position:-523px -4px}
.g .menu .orange img {background-position:-879px -4px}
.g .menu .lightblue {background-position:-696px -4px}
.g .menu .lightblue img {background-position:-888px -4px}   
.g .menu .tabsEnd {display:block;clear:both;width:100%;overflow:auto;background:#15245C}
.g .menu .tabsEnd img {display:block;margin:0;width:100%;height:0px;}
.g .menu .tabsEnd .imgL {margin:13px 0 0 0;width:100%;height:12px;background:url(/portals/40/images/mas_002.png) 0px -120px no-repeat}

/****************************
CAJA 08 Feb 2010
****************************/
.box {margin:0px auto;width:100%;background:#FFFFFF}
.boxTop {height:10px;width:100%;background:transparent url(/portals/40/images/mas_002.png) 0px -133px no-repeat;}
.boxTop span {float:right;height:12px;width:13px;background:transparent url(/portals/40/images/mas_002.png) -349px -46px no-repeat}
.boxCenter {position:relative;margin:0;padding:0px 11px 1px 11px;border-left:1px solid #e8e8e8;_zoom:1;_top:-1px}
.boxCenterBox {padding:0px 0px 1px 0px;}
.boxCenter .rbox {position:absolute;right:0;top:0;height:100%;width:5px;background:transparent url(/portals/40/images/mas_002.png) -895px 0px repeat-y;_height:expression(this.parentElement.offsetHeight);_width:4px;}
.boxBottom {height:11px;width:100%;background:transparent url(/portals/40/images/mas_002.png) 0px -145px no-repeat;_top:-1px;_overflow:hidden}
.boxBottom span {position:relative;float:right;height:11px;width:13px;background:transparent url(/portals/40/images/mas_002.png) -349px -59px no-repeat}
.white {background:#FFFFFF;_background:transparent}
.white .boxTop, .white .boxCenter, .white .boxBottom {_background-color:#FFFFFF}


/****************************
CAJA 1 
****************************/
div.uedge
{
	background-image: url(/portals/40/skins/r4/images/caja/superior.gif);
	background-repeat: repeat-x;
	background-position: top;
}
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.innercontent
{
	padding: 10px 15px 0px 15px;
	margin: auto;
}
/****************************
CAJA 2
****************************/
div.sq_box
{
	border-bottom: 1px solid #D2D9E9;
	background-color: #F2F2F2;
	width: 100%;
}
div.sq_ulcorner
{
	background-image: url(/portals/40/skins/r4/images/boxgrey-top2-left.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
div.sq_urcorner
{
	background-image: url(/portals/40/skins/r4/images/boxgrey-top2-right.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
div.sq_innercontent
{
	padding: 0px 0px 0px 0px;
	margin: auto;
}
.sq_Title
{
	font-size: 11px;
	font-weight: bold;
	padding: 0px 0px 0px 10px;
	margin: auto;
}
/*Para mostrar el mapa*/
.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;} 
.layout .content .divHintMap {position:absolute;z-index:50000;top:0;left:0px;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:0px;width:250px;padding:10px 1px;text-align:center;color:#000000;font-weight:bold;}

/*Estas clases estan destinadas a ser utilizadas como utilidades*/
.helper-negrilla{font-weight:bold;}
.helper-textRight{text-align:right}
.helper-font12{font-size:12px}
.helper-txtCenter{text-align:center}
.helper-colorN{color:#000}
.helper-Font8{font-size:8px}
.helper-White{color:#FFF}
.helper-TextDecoration{text-decoration:none}
.helper-White:hover .helper-White:hover  a{color:#FFF !important;}
.helper-floatLeft{float:left}
.helper-clearBoth{clear:both}
.helper-paddingTop20{padding-top:20px}
.helper-paddingRight20{padding-right:20px}