/*
UNDP
Public style sheet
last modified: 2 December 2004

PNUD COLOMBIA
Hoja de estilo modificada por Colnodo (http://www.colnodo.apc.org) para el PNUD Colombia
Junio de 2005
*/

/*
Palette:
	UNDP blue: #003399
	header highlight blue: #6699CC
	text gray: #333333
	text green: #669966
	link blue: #336699
	link red: #CC3333
	sidebar gray: #F9F9F9
	sidebar header gray: #E6E6E6
*/


/* GLOBAL TAGS */

BODY {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	height: 100%;
	color: #333333;
	font-family: "Verdana", "Arial", sans-serif;
	font-size: 13px;	
}
/*
BODY, TD {
	color: #333333;
	font-family: "Verdana", "Arial", sans-serif;
	font-size: 13px;	
}*/


/* LINKS */

A {
	color: #336699;
	text-decoration: none;
}

A:hover {
	color: #CC3333;
	text-decoration: underline;
}

A.on {
	color: #CC3333;
	text-decoration: none;
	font-weight: bold;
}

A img {
	border-color: #336699;
}

A:hover img {
	border-color: #CC3333;
}


/* HEADERS */

H1 {
	color: #003399;
	font-family: "Trebuchet MS", "Arial", sans-serif;
	font-size: 25px;
	font-weight: normal;
	line-height:130%;
	
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 3px 0px;
	line-height:100%;
}

H2 {
	color: #003399;
	font-family: "Trebuchet MS", "Arial", sans-serif;
	font-size: 21px;
	font-weight: normal;
	line-height:130%;
	
	margin: 45px 0px 0px 0px;
	padding: 0px 0px 12px 0px;
	
	border-bottom: 1px dotted #666666;
	clear: both;
}

H3 {
	color: #003399;
	font-family: "Trebuchet MS", "Arial", sans-serif;
	font-size: 17px;
	font-weight: normal;
	line-height:130%;
	
	margin: 5px 0px 3px 0px;
	padding: 0px 0px 3px 0px;
	
	border-bottom: 1px dotted #666666;
}

H5 { /* byline */
	color: #666666;
	font-family: "Verdana", "Arial", sans-serif;
	font-size: 13px;
	font-weight: normal;
	line-height: 110%;
	margin: 6px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
}

H6 { /* all caps - default green */
	color: #669966;
	font-family: "Verdana", "Arial", sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 130%;
	
	margin: 0px 0px -9px 0px;
	padding: 6px 0px 0px 0px;
	
}

H6 a {
	color: #669966;
	text-decoration: none;
}

H6 a:visited {
	color: #669966;
}

H6 a:hover {
	color: #CC3333;
	text-decoration: underline;
}


/* TYPOGRAPHY */

p {
	line-height: 130%;
}

.red {
	color: #CC3333;
}

.credit {
	color: #999999;
}

.smallcaps {
	font-variant: small-caps;
}

.nowrap {
	white-space: nowrap;
}

LI + LI, LI + OL, LI + UL { /* line spacing between list bullets */
	margin-top: 5px;
}

.et {
	font-family: Arial, Helvetica, sans-serif;
}


/* HEADER */

#logo {
	position: absolute;
	top: 13px;
	right: 20px;
	background-color: #6699CC;
	z-index: 500;	
}

#logotype {
	position: absolute;
	top: 73px;
	left: 17px;
}

#pnudlogotype {
	position: absolute;
	top: 73px;
	left: 17px;
}

.homeheader {
	background-color: #5F85C3;
	background-image: url('../graficas/blue.gif');
	/*font-size: 11px;*/
	margin: 0px;
	padding: 0px;
	height: 170px;/*148px;*/
}

.header {
	background-color: #DAE3F1;
	background-image: url('../graficas/bluefade.gif');
	height: 134px;
	margin: 0px;
	padding: 0px;
}

#nav {
	margin: 0px;
	padding: 0px;
}

#nav td {
	background-color: #003399;
	font-size: 11px;
	margin: 0px;
	padding: 3px 9px 3px 9px;
	border-left: 1px solid #003399;
	border-right: 1px solid #003399;
	border-bottom: 1px solid #333333;
	white-space: nowrap;
}

#nav td.on {
	background-color: transparent;
	border-bottom: none;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
}

#nav td.first {
	margin: 0px;
	padding: 0px;
	padding-left: 1px;
}

#nav td.last {
	color: #77AADD;
	width: 80%;
	padding-right: 95px;
	text-align: right;
}



/* HEADER LINKS */

#nav td a {
	color: #FFFFFF;
	text-decoration: none;
}

#nav td a:visited {
	color: #FFFFFF;
}

#nav td a:hover {
	color: #99CCFF;
}

#nav td.on {
	background-color: transparent;
}

#nav td.on a {
	color: #002255;
}

#nav td.on a:visited {
	color: #002255;
}

#nav td.on a:hover {
	color: #002255;
}

#nav td.last a {
	color: #77AADD;
}

#nav td.last a:visited {
	color: #77AADD;
}

#nav td.last a:hover {
	color: #99CCFF;
}



/* BANNER */

.banner {
	margin: 0;
	padding: 0px;
}

.banner h3 {
	color: #333333;
	font-family: "Trebuchet MS", "Arial", sans-serif;
	font-weight: normal;
	font-size: 14px;
	margin: 0px;
	padding: 25px 0px 0px 17px;
	border: none;
}

.banner h3 a, .banner h3 a:visited, .banner h3 a:hover {
	color: #333333;
	text-decoration: none;
}

.banner h1 {
	color: #003399;
	font-family: "Trebuchet MS", "Arial", sans-serif;
	font-weight: normal;
	font-size: 26px;
	margin: 0px;
	padding: 5px 0px 0px 17px;
	text-decoration: none;
}

.banner h1 a, .banner h1 a:visited, .banner h1 a:hover {
	color: #003399;
	text-decoration: none;
}

.banner h1.green, .banner h1.green a, .banner h1.green a:visited, .banner h1.green a:hover {
	color: #669966;
	text-decoration: none;
}

.breadcrumb {
	background-color: transparent;
	color: #777777;
	font-size: 11px;
	margin: 5px 0px 0px 0px;
	padding: 3px 3px 4px 17px;
}

.shadow {
	border-top: 1px solid #BBBBBB;
	background-color: #DDDDDD;
	border-bottom: 1px solid #EEEEEE;
	height:1px;
	font-size: 1px;
	width: 100%;
}


/* SIDEBAR */

.sidebar {
	color: #666666;
	/*background-color: #F9F9F9;*/
	border-left: 1px solid #BCB8B6;
	margin: 0px;
	padding: 0px 0px 25px 0px;
	width: 177px;
	font-size: 11px;
	/**/
	float: left;
	/*border-bottom: 1px solid #BCB8B6;*/
	height: 290pt;
	min-height: 290pt;
}

*>.sidebar {
	height: auto;
}

#contenedor{
height: auto;
margin-top: 20px;
background: transparent url(../graficas/fondo-gris-menuizq.gif) top left repeat-y;
}


.sidebar-footer {
	color: #666666;
	background-color: #F9F9F9;
	border-right: 1px solid #BCB8B6;
	border-bottom: 1px solid #BCB8B6;
	margin: 0px;
	padding: 0px 0px 25px 0px;
	width: 177px;
	height: 100%;
	font-size: 11px;
}

.sidebar H3 {
	color: #003399;
	background-color: #E6E6E6;
	font-family: "Trebuchet MS", "Arial", sans-serif;
	font-size: 13px;
	font-weight: normal;
	
	margin: 0px;
	padding: 4px 4px 5px 11px;
	
	border: none;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
}

.sidebar p, .sidebar-footer p {
	margin: 7px 7px 7px 13px;
	padding: 0px;
}

.sidebar ul {
	list-style-type:  none;
	list-style-position: outside;
	list-style-image: url('/images/cms/button/bullet.gif');
	margin: 0px 0px 0px 0px;
	padding: 7px 0px 0px 27px;
	border: none;
}

.sidebar ul ul {
	list-style-type:  none;
	list-style-position: outside;
	list-style-image: url('/images/cms/button/bullet.gif');
	margin: 6px 0px 0px 0px;
	padding: 0px 0px 10px 16px;
	border: none;
}

.sidebar ul li {
	margin: 0px;
	padding: 0px 0px 6px 0px;
}

.sidebar ul ul li {
	margin: 0px;
	padding: 0px 0px 2px 0px;
}


/* CONTENT */

.content {
	margin: 0px;
	padding: 0px 30px 30px 20px;
	font-size: 13px;
	line-height: 130%;
	float: right;
	/**/
	width: 70%;
}

.article {
	width: 85%;
	max-width: 660px;
}

.vermas{
	font-size: 8pt;
	text-align: right;
	
}
/* COMPONENTS */

.sidebar .component {
	border: none;
	border-top: 1px solid #BCB8B6;
	margin-bottom: 20px;
}

.content .component {
	margin-bottom: 24px;
}

.content .component ul {
	list-style-image: url('/images/cms/button/bullet.gif');
}

.full {
	clear: both;
}

.lefthalf {
	position: relative;
	float: left;
	width: 47%;
	margin: 0px 5% 0px 0px;
	clear: both;
}

.righthalf {
	position: relative;
	float: right;
	width: 48%;
	margin: 0px 0px 0px 0px;
}

.leftthird {
	float: left;
	width: 30%;
	margin: 0px 5% 0px 0px;
	clear: both;
}

.centerthird {
	float: left;
	width: 30%;
	margin: 0px 5% 0px 0px;
}

.rightthird {
	float: left;
	width: 30%;
	margin: 0px;
}

.lefttwothirds {
	float: left;
	width: 65%;
	margin: 0px 5% 0px 0px;
	clear: both;
}

.righttwothirds {
	float: left;
	width: 65%;
	margin: 0px;
}

.boxed {
	background-color: #EEEEEE;
	border: 1px solid #DDDDDD;
	padding: 10px 15px;
}

.boxed H3 {
	color: #666666;
	border: none;
}

.rightinset {
	position: relative;
	float: right;
	width: 48%;
	margin: 10px 0px 10px 15px;
}


/* WIDTH OVERRIDE */

.width-300 {
	width: 300px;
}


/* SPACING OVERRIDE */

.clear {
	clear: both;
}

.nomargin {
	margin: 0px;
}

.nopadding {
	padding: 0px;
}



/* BG COLORS */

.bg-blue {
	background-color: #E3EBF2;
}



/* TEXT COLORS */

.text-red {
	color: #CC3333;
}


/* IMAGES */

img {
	border-color: #666666;

}

.image {
	margin: 7px 20px 20px 0px;
	color: #666666;
	font-size: 11px;
	clear: both;

}

.image-left {
	position: relative;
	float: left;
	margin: 3px 15px 15px 0px;
	color: #666666;
	font-size: 11px;
	clear: both;

}

.image-right {
	position: relative;
	float: right;
	margin: 3px 0px 15px 15px;
	color: #666666;
	font-size: 11px;
	clear: both;

}

.image img, .image-left img, .image-right img {
	margin-bottom: 3px;
	border: 1px solid #333333;
}


/* FOOTER */

.footer {
	color: #999999;
	margin: 0 0 0 200px;
	padding: 0px 30px 30px 20px;
	font-size: 10px;
	/**/
	clear:	both;
	
}

/* RULES */

.rule {
	border-top: 1px dotted #999999;
	width: 100%;
	height: 1px;
	font-size: 1px;
	margin-top: 5px 0px;
	padding: 0px;
}


/* SPECIAL HEADERS */

.first H1, .first H2, .first H3, .first H4, .first H5, .first H6 {
	margin-top: 0px;
}

H1.first, H2.first, H3.first, H4.first, H5.first, H6.first {
	margin-top: 0px;
}


/* FILE TYPE LISTS */

li.doc, .rightsidebar ul li.doc, 
li.pdf, .rightsidebar ul li.pdf, 
li.exe, .rightsidebar ul li.exe, 
li.css, .rightsidebar ul li.css,
li.folder, .rightsidebar ul li.folder,
li.htm, .rightsidebar ul li.htm,
li.pps, .rightsidebar ul li.pps,
li.css, .rightsidebar ul li.css,
li.txt, .rightsidebar ul li.txt,
li.zip, .rightsidebar ul li.zip {
	list-style-type:  none;
	list-style-position: outside;
	padding: 0px 0px 3px 7px;
	margin: 0px;
}
li.doc {
	list-style-image: url('http://www.undp.org/images/cms/mime-icons/icon_doc.gif');
}
li.pdf {
	list-style-image: url('http://www.undp.org/images/cms/mime-icons/icon_pdf.gif');
}
li.exe {
	list-style-image: url('http://www.undp.org/images/cms/mime-icons/icon_exe.gif');
}
li.css {
	list-style-image: url('http://www.undp.org/images/cms/mime-icons/icon_css.gif');
}
li.folder {
	list-style-image: url('http://www.undp.org/images/cms/mime-icons/icon_folder.gif');
}
li.htm {
	list-style-image: url('http://www.undp.org/images/cms/mime-icons/icon_htm.gif');
}
li.pps {
	list-style-image: url('http://www.undp.org/images/cms/mime-icons/icon_pps.gif');
}
li.txt {
	list-style-image: url('http://www.undp.org/images/cms/mime-icons/icon_txt.gif');
}
li.zip {
	list-style-image: url('http://www.undp.org/images/cms/mime-icons/icon_zip.gif');
}

/******* Menu superior *******/

#menu {
width: 100%;
background: #003399;
float: left;
border-bottom: 1px solid #303430;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 7em;
float: left;
}

#menu a, #menu h2 {
display: block;
margin: 0;
padding: 2px 3px 3px 2px;
font-size: 11px;
text-align: center;
border-bottom:none;
}

#menu h2 {
color: #fff;
/*background: #000;*/
/*text-transform: uppercase;*/
width: auto;
}

#menu ul a {
color: #fff;
margin: 0;
padding: 0;
}

#menu ul a:hover {
color: #98ccff;
text-decoration: none;
}

#menu ul ul a {
color: #306498;
background: #C9D9E9;
text-decoration: none;
}

#menu ul ul a:hover {
color: #fff;
background: #6098c8;
}

#menu li {
	position: relative;
	}

#menu ul ul li {
	margin: 0;
	border-bottom: 1px solid #306498;
	border-right: 1px solid #306498;
	border-left: 1px solid #306498;
		
	}
	
#menu ul ul li a{	
	padding: 3px 0 3px 2px;
	text-align: justify;
	
	}

#menu ul ul li a:hover{	
}
	

	
#menu ul ul {
position: absolute;
z-index: 500;
width: 20em;
text-align: justify;
border-top: 1px solid #306498;
}

#menu ul ul ul {
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}


/******A uxiliares ********/
.renglon {
	clear: both;
	margin: 0 0 10px 0;
	padding-bottom: 5px;
	}
	
.resaltado{ 
	text-align: right;
	background-color: #E3EBF2;
	border: 1px solid #BCB8B6;
	font-size: 7pt;
	padding: 2px;
}

/*****  Formato de Impresión  *****/

@media print {
	.header, .banner, .sidebar, .footer, #menu, #logo {
		display:	none;
		}

	BODY {
		font-family:	times new roman, verdana, sans-serif;
		}

	.content, .content p {
		font-size: 12pt;
		text-align: justify;
		}

    #contenidos-centro, #contenidos ul {
		font-size: 12pt;
		text-align: justify;
		}

	.content {
     	margin-left: 50px;
		margin-bottom: 0px;
		margin-top: 0px;
		margin-right: 50px;
		width: 570px;
				}
	.boxed {
		margin: 5px;
		clear: both;
				}				

	.rightinset {
		position: relative;
		float: left;
		width: 90%;
		margin: 0;
	}

	}