/***********************************************/
/* 3col_rightNav.css                              */
/* Use with template 3col_rightNav.html           */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family: Arial,sans-serif;
	color: #333333;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
}

a{
	color: #006699;
	text-decoration: none;
}

a:link{
	color: #006699;
	text-decoration: none;
}

a:visited{
	color: #006699;
	text-decoration: none;
}

a:hover{
	color: #006699;
	text-decoration: underline;
}

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 180%;
 color: #006699;
 margin: 0px;
 padding: 0px;
}

h2{
 font-family: Arial,sans-serif;
 font-size: 114%;
 color: #006699;
 margin: 0px;
 padding: 0px;
}

h3{
 font-family: Arial,sans-serif;
 font-size: 100%;
 color: #006699;
 margin: 0px;
 padding: 0px;
}

h4{
 font-family: Arial,sans-serif;
 font-size: 90%;
 font-weight: normal;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

/* para subtitulo de pagina de UNEP pe*/
h6{
 font-family: Arial,sans-serif;
 font-size: 100%;
 color: #006699;
 margin: 0px;
 padding: 0px;
}
h7{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 color:#CC0000;
 margin: 0px;
 padding: 0px;
}
ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #334d55;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#masthead{
	padding: 10px 0px 0px 0px;
	border-bottom: 1px solid #cccccc;
	width: 100%;
}

#navBar{
  float: left;
	width: 20%;
	margin: 0px;
	padding: 0px;
	background-color: #eeeeee;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

#headlines{
  float:left;
	width: 245px;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding-right: 10px;
}

#content{
  float:left;
  width: 72%;
}

/***********************************************/
/* Components                                  */
/***********************************************/

#siteName{
	margin: 0;
	padding: 0 0 0 10px;
}



/************* #globalNav styles **************/

#globalNav{
	padding: 0px 0px 5px 10px;
	border-bottom: 1px solid #CCC;
	color: #cccccc;
}

#globalNav img{
 display: block;
}

#globalNav a {
	font-size: 90%;
	padding: 0 4px 0 0;
}

/*************** #pageName styles **************/

#pageName{
	margin: 0px;
	padding: 0px 0px 0px 10px;
}

/************* #breadCrumb styles *************/

#breadCrumb{
	font-size: 80%;
	padding: 2px 0px 0 10px;
}


/************** .feature styles ***************/

.feature{
	padding: 0px 10px 10px 10px;
	margin-left:30px;
	font-size: 80%;
/*incluida la siguiente linea*/
	text-align:justify;
	
}

.feature h2{
/*padding: 30px 0px 5px 0px; Modificada para que aparezca al mismo nivel en vertical*/
	font-weight:bold;
	padding: 10px 0px 20px 0px;
	text-align: center;
	font-size:140%
}
.feature h3{
/*padding: 30px 0px 5px 0px; Modificada para que aparezca al mismo nivel en vertical*/
	padding: 0px 0px 0px 10px;
	text-align: center;
}

.feature img{
	float: left;
	padding: 10px 10px 0px 0px;
}
	
.titlelatest {
 font-family: Arial,sans-serif;
 font-size: 100%;
 margin: 0px ;
 padding: 0px 0px 0px 0px;

 text-indent:10px;
 }
.latest{
	padding: 0px 0px 10px 10px;
	font-size: 100%;
	text-align:left;
}
.acknowledgments{
	
	padding: 0px 10px 10px 10px;
	border-top:1px solid #cccccc;
	margin-left:30px;
	margin-top:30px;
	font-size: 80%;
/*incluida la siguiente linea*/
	text-align:justify;
}	
.acknowledgments h2{
/*padding: 30px 0px 5px 0px; Modificada para que aparezca al mismo nivel en vertical*/
	font-weight:bold;
	padding: 10px 0px 20px 0px;
	text-align: center;
	font-size:140%
}
/************* .coverage styles ****************/
.coverage{
	padding: 0px 10px 10px 10px;
	margin-left:30px;
	font-size: 80%;
	text-align:justify;
}

.coverage h2{
/*padding: 30px 0px 5px 0px; Modificada para que aparezca al mismo nivel en vertical*/
	font-weight:bold;
	padding: 10px 0px 20px 0px;
	text-align: center;
	font-size:140%
}

.coverage h3{
/*padding: 30px 0px 5px 0px; Modificada para que aparezca al mismo nivel en vertical*/
	padding: 10px 0px 0px 0px;
	text-align: justify;
    color: #006699;
	font-size: 115%;
}
.coverage h4{
 font-family: Arial,sans-serif;
 font-size: 90%;
 font-weight:bold;
 color: #333333;
 margin: 0px;
 padding: 0px 0px 0px 0px;
}

/************** .latest styles ****************/
.titlelatest {
 font-family: Arial,sans-serif;
 font-size: 100%;
 background-color:#999999;
 color:#334d55;
 margin: 0px ;
 padding: 5px 0px 0px 0px;
 height:20px;
 text-indent:10px;
 }
.latest{
	padding: 0px 0px 10px 10px;
	font-size: 100%;
	text-align:center;
}
.latest img{
	display: block;
    padding: 0px 15% 0px 15%;
}
.image{
	text-align:center;
	padding: 0px 0px 0px 0px;

}


/************** .story styles *****************/

.story{
	clear: both;
	padding: 10px 0px 0px 10px;
	font-size: 80%;
}

.story p{
	padding: 0px 0px 10px 0px;
}


/************* #siteInfo styles ***************/

#siteInfo{
	clear: both;
	border: 1px solid #cccccc;
	font-size: 75%;
	color: #cccccc;
	padding: 10px 10px 10px 10px;
}

#siteInfo img{
	padding: 4px 4px 4px 10px;
	vertical-align: middle;
}

.acknowledgments{
	
	padding: 0px 10px 10px 10px;
	border-top:1px solid #cccccc;
	margin-left:30px;
	margin-top:30px;
	font-size: 80%;
/*incluida la siguiente linea*/
	text-align:justify;
}	
.acknowledgments h2{
/*padding: 30px 0px 5px 0px; Modificada para que aparezca al mismo nivel en vertical*/
	font-weight:bold;
	padding: 10px 0px 20px 0px;
	text-align: center;
	font-size:140%
}	
/************* #search styles ***************/

#search{
	padding: 5px 0px 5px 10px;
	border-bottom: 1px solid #cccccc;
	font-size: 90%;
}

#search form{
 margin: 0px;
 padding: 0px;
}

#search label{
	display: block;
	margin: 0px;
	padding: 0px;
}


/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}


/*********** #sectionLinks styles ***********/

#sectionLinks{
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #cccccc;
/*	font-size: 90%; para que tengan el mismo tamaņo*/
	font-size: 80%;
	color:#334d55;
}

#sectionLinks h3{
	padding: 5px 0px 0px 10px;
	background-color:#999999;
	color:#334d55;
	height:20px;
}

#sectionLinks a {
	display: block;
	border-top: 1px solid #cccccc;
	padding: 2px 0px 2px 10px;
}

#sectionLinks a:hover{
	background-color: #dddddd;
}


/*********** .relatedLinks styles ***********/

.relatedLinks{
	margin: 0px;
	padding: 0px 0px 10px 10px;
	font-size: 90%;
}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
}

.relatedLinks a:link,
.relatedLinks a:visited {
	display: block; 
}

/************** #advert styles **************/

#advert{
	padding: 10px 0px 0px 0px;
	margin-left:10px;
	margin-right: 20px;
	border: 1px solid #cccccc;
	
}

#advert img{
	display: block;
}


/************** #headlines styles **************/

#headlines{
	margin: 0px;
	padding: 0px 0px 20px 0px;
	font-size: 80%;
}

#headlines p{
	padding: 5px 5px 5px 10px;
}

.titleheadline {
 font-family: Arial,sans-serif;
 font-size: 100%;
 background-color:#999999;
 color:#334d55;
 margin: 0px ;
 padding: 5px 0px 0px 0px;
 height:20px;
 text-indent:10px;


}




/*
 *	Zenlight v1.0
 *	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 *	(c) 2005 - Gregory Remington, www.mediatech.net
 * 	Some rights reserved, http://creativecommons.org/licenses/by-sa/2.0/
 */



/* Vertical Navigation Menu */ 

.vertnav1 a:link {
display:block;
border-bottom:1px solid #334d55;  /*grey blue*/ 
padding:2.5px 2.5px 2.5px 2.5px;
text-indent:15px;
white-space:nowrap;
font-size:13px;
color:#334d55; /* flat blue*/ 
text-decoration:none;
width:234px;
background:url(../images/button_arrow_blue_right.gif) 5px 50% no-repeat;
}
.vertnav1 a:visited {
display:block;
border-bottom:1px solid #334d55;  /*grey blue*/ 
padding:2.5px 2.5px 2.5px 2.5px;
text-indent:15px;
white-space:nowrap;
font-size:13px;
color:#334d55; /* flat blue*/ 
text-decoration:none;
width:234px;
background:url(../images/button_arrow_blue_right.gif) 5px 50% no-repeat;
}
.vertnav1 a:active {
display:block;
border-bottom:1px solid #334d55;  /*grey blue*/ 
padding:2.5px 2.5px 2.5px 2.5px;
text-indent:15px;
white-space:nowrap;
font-size:13px;
color:#334d55; /* flat blue*/ 
text-decoration:none;
width:234px;
background:url(../images/button_arrow_blue_right.gif) 5px 50% no-repeat;
}
.vertnav1 a:hover {
display:block;
border-bottom:1px solid #334d55;  /*grey blue*/ 
padding:2.5px 2.5px 2.5px 2.5px;
text-indent:15px;
white-space:nowrap;
font-size:13px;
color:#334d55; /* red orange*/ 
text-decoration:none;
width:234px;
background:url(../images/button_arrow_blue_down.gif) 5px 50% no-repeat;
}

.vertnav1-act a:link {
display:block;
border-bottom:1px solid #334d55;  /*grey blue*/ 
padding:2.5px 2.5px 2.5px 2.5px;
text-indent:15px;
white-space:nowrap;
font-size:13px;
color:#334d55; /* red orange*/ 
text-decoration:none;
width:234px;
background:url(../images/button_arrow_blue_down.gif) 5px 50% no-repeat;
}
.vertnav1-act a:visited {
display:block;
border-bottom:1px solid #334d55;  /*grey blue*/ 
padding:2.5px 2.5px 2.5px 2.5px;
text-indent:15px;
white-space:nowrap;
font-size:13px;
color:#334d55; /* red orange*/ 
text-decoration:none;
width:234px;
background:url(../images/button_arrow_blue_down.gif) 5px 50% no-repeat;
}
.vertnav1-act a:active {
display:block;
border-bottom:1px solid #334d55;  /*grey blue*/ 
padding:2.5px 2.5px 2.5px 2.5px;
text-indent:15px;
white-space:nowrap;
font-size:13px;
color:#334d55; /* red orange*/ 
text-decoration:none;
width:234px;
background:url(../images/button_arrow_blue_down.gif) 5px 50% no-repeat;
}
.vertnav1-act a:hover {
display:block;
border-bottom:1px solid #334d55;  /*grey blue*/ 
padding:2.5px 2.5px 2.5px 2.5px;
text-indent:15px;
white-space:nowrap;
font-size:13px;
color:#334d55; /* red orange*/ 
text-decoration:none;
width:234px;
background:url(../images/button_arrow_blue_down.gif) 5px 50% no-repeat;
}

.vertnav2 a:link {
display:block;
border-bottom:1px dotted #006699;  /*flat blue*/ 
padding:2.5px 2.5px 2.5px 2.5px;
text-indent:30px;
white-space:nowrap;
font-size:11px;
color:#006699; /* flat blue*/ 
text-decoration:none;
width:234px;
background:url(../images/button_square_blue_line.gif) 20px 50% no-repeat;
}
.vertnav2 a:visited {
display:block;
border-bottom:1px dotted #006699;  /*flat blue*/ 
padding:2.5px 2.5px 2.5px 2.5px;
text-indent:30px;
white-space:nowrap;
font-size:11px;
color:#006699; /* flat blue*/ 
text-decoration:none;
width:234px;
background:url(../images/button_square_blue_line.gif) 20px 50% no-repeat;
}
.vertnav2 a:active {
display:block;
border-bottom:1px dotted #006699;  /*flat blue*/ 
padding:2.5px 2.5px 2.5px 2.5px;
text-indent:30px;
white-space:nowrap;
font-size:11px;
color:#006699; /* flat blue*/ 
text-decoration:none;
width:234px;
background:url(../images/button_square_blue_line.gif) 20px 50% no-repeat;
}
.vertnav2 a:hover {
display:block;
border-bottom:1px dotted #006699; /* red orange*/ 
padding:2.5px 2.5px 2.5px 2.5px;
text-indent:30px;
white-space:nowrap;
font-size:11px;
color:#006699; /* red orange*/ 
text-decoration:none;
width:234px;
background:url(../images/button_square_blue_line.gif) 20px 50% no-repeat;
}

.vertnav2-act a:link {
display:block;
border-bottom:1px dotted #006699; /* red orange*/ 
padding:2.5px 2.5px 2.5px 2.5px;
text-indent:30px;
white-space:nowrap;
font-size:11px;
color:#006699; /* red orange*/ 
text-decoration:none;
width:234px;
background:url(../images/button_square_blue_line.gif) 20px 50% no-repeat;
}
.vertnav2-act a:visited {
display:block;
border-bottom:1px dotted #006699; /* red orange*/ 
padding:2.5px 2.5px 2.5px 2.5px;
text-indent:30px;
white-space:nowrap;
font-size:11px;
color:#006699; /* red orange*/ 
text-decoration:none;
width:234px;
background:url(../images/button_square_blue_line.gif) 20px 50% no-repeat;
}
.vertnav2-act a:active {
display:block;
border-bottom:1px dotted #006699; /* red orange*/ 
padding:2.5px 2.5px 2.5px 2.5px;
text-indent:30px;
white-space:nowrap;
font-size:11px;
color:#006699; /* red orange*/ 
text-decoration:none;
width:234px;
background:url(../images/button_square_blue_line.gif) 20px 50% no-repeat;
}
.vertnav2-act a:hover {
display:block;
border-bottom:1px dotted #006699; /* red orange*/ 
padding:2.5px 2.5px 2.5px 2.5px;
text-indent:30px;
white-space:nowrap;
font-size:11px;
color:#006699; /* red orange*/ 
text-decoration:none;
width:234px;
background:url(../images/button_square_blue_line.gif) 20px 50% no-repeat;
}

.vertnav3 a:link {
display:block;
border-bottom:1px dotted #006699;  /*flat blue*/ 
padding:2.5px 2.5px 2.5px 2.5px;
text-indent:45px;
white-space:nowrap;
font-size:11px;
color:#006699; /* flat blue*/ 
text-decoration:none;
width:234px;
background:url(../images/button_arrow_blue_right_solid.gif) 35px 50% no-repeat;
}
.vertnav3 a:visited {
display:block;
border-bottom:1px dotted #006699;  /*flat blue*/ 
padding:2.5px 2.5px 2.5px 2.5px;
text-indent:45px;
white-space:nowrap;
font-size:11px;
color:#006699; /* flat blue*/ 
text-decoration:none;
width:234px;
background:url(../images/button_arrow_blue_right_solid.gif) 35px 50% no-repeat;
}
.vertnav3 a:active {
display:block;
border-bottom:1px dotted #006699;  /*flat blue*/ 
padding:2.5px 2.5px 2.5px 2.5px;
text-indent:45px;
white-space:nowrap;
font-size:11px;
color:#006699; /* flat blue*/ 
text-decoration:none;
width:234px;
background:url(../images/button_arrow_blue_right_solid.gif) 35px 50% no-repeat;
}
.vertnav3 a:hover {
display:block;
border-bottom:1px dotted #006699; /* red orange*/ 
padding:2.5px 2.5px 2.5px 2.5px;
text-indent:45px;
white-space:nowrap;
font-size:11px;
color:#006699; /* red orange*/ 
text-decoration:none;
width:234px;
background:url(../images/button_arrow_blue_down_solid.gif) 35px 50% no-repeat;
}

.vertnav3-act a:link {
display:block;
border-bottom:1px dotted #006699; /* red orange*/ 
padding:2.5px 2.5px 2.5px 2.5px;
text-indent:45px;
white-space:nowrap;
font-size:11px;
color:#006699; /* red orange*/ 
text-decoration:none;
width:234px;
background:url(../images/button_arrow_blue_down_solid.gif) 35px 50% no-repeat;
}
.vertnav3-act a:visited {
display:block;
border-bottom:1px dotted #006699; /* red orange*/ 
padding:2.5px 2.5px 2.5px 2.5px;
text-indent:45px;
white-space:nowrap;
font-size:11px;
color:#006699; /* red orange*/ 
text-decoration:none;
width:234px;
background:url(../images/button_arrow_blue_down_solid.gif) 35px 50% no-repeat;
}
.vertnav3-act a:active {
display:block;
border-bottom:1px dotted #006699; /* red orange*/ 
padding:2.5px 2.5px 2.5px 2.5px;
text-indent:45px;
white-space:nowrap;
font-size:11px;
color:#006699; /* red orange*/ 
text-decoration:none;
width:234px;
background:url(../images/button_arrow_blue_down_solid.gif) 35px 50% no-repeat;
}
.vertnav3-act a:hover {
display:block;
border-bottom:1px dotted #006699; /* red orange*/ 
padding:2.5px 2.5px 2.5px 2.5px;
text-indent:45px;
white-space:nowrap;
font-size:11px;
color:#006699; /* red orange*/ 
text-decoration:none;
width:234px;
background:url(../images/button_arrow_blue_down_solid.gif) 35px 50% no-repeat;
}

.vertnav4 a:link {
display:block;
border-bottom:1px dotted #006699;  /*flat blue*/ 
padding:2.5px 2.5px 2.5px 2.5px;
text-indent:60px;
white-space:nowrap;
font-size:11px;
color:#006699; /* flat blue*/ 
text-decoration:none;
width:234px;
background:url("images/button_square_blue_solid.gif") 50px 50% no-repeat;
}
.vertnav4 a:visited {
display:block;
border-bottom:1px dotted #006699;  /*flat blue*/ 
padding:2.5px 2.5px 2.5px 2.5px;
text-indent:60px;
white-space:nowrap;
font-size:11px;
color:#006699; /* flat blue*/ 
text-decoration:none;
width:234px;
background:url("images/button_square_blue_solid.gif") 50px 50% no-repeat;
}
.vertnav4 a:active {
display:block;
border-bottom:1px dotted #006699;  /*flat blue*/ 
padding:2.5px 2.5px 2.5px 2.5px;
text-indent:60px;
white-space:nowrap;
font-size:11px;
color:#006699; /* flat blue*/ 
text-decoration:none;
width:234px;
background:url("images/button_square_blue_solid.gif") 50px 50% no-repeat;
}
.vertnav4 a:hover {
display:block;
border-bottom:1px dotted #006699; /* red orange*/ 
padding:2.5px 2.5px 2.5px 2.5px;
text-indent:60px;
white-space:nowrap;
font-size:11px;
color:#006699; /* red orange*/ 
text-decoration:none;
width:234px;
background:url("images/button_square_blue_solid.gif") 50px 50% no-repeat;
}

.vertnav4-act a:link {
display:block;
border-bottom:1px dotted #006699; /* red orange*/ 
padding:2.5px 2.5px 2.5px 2.5px;
text-indent:60px;
white-space:nowrap;
font-size:11px;
color:#006699; /* red orange*/ 
text-decoration:none;
width:234px;
background:url("images/button_square_blue_solid.gif") 50px 50% no-repeat;
}
.vertnav4-act a:visited {
display:block;
border-bottom:1px dotted #006699; /* red orange*/ 
padding:2.5px 2.5px 2.5px 2.5px;
text-indent:60px;
white-space:nowrap;
font-size:11px;
color:#006699; /* red orange*/ 
text-decoration:none;
width:234px;
background:url("images/button_square_blue_solid.gif") 50px 50% no-repeat;
}
.vertnav4-act a:active {
display:block;
border-bottom:1px dotted #006699; /* red orange*/ 
padding:2.5px 2.5px 2.5px 2.5px;
text-indent:60px;
white-space:nowrap;
font-size:11px;
color:#006699; /* red orange*/ 
text-decoration:none;
width:234px;
background:url("images/button_square_blue_solid.gif") 50px 50% no-repeat;
}
.vertnav4-act a:hover {
display:block;
border-bottom:1px dotted #006699; /* red orange*/ 
padding:2.5px 2.5px 2.5px 2.5px;
text-indent:60px;
white-space:nowrap;
font-size:11px;
color:#006699; /* red orange*/ 
text-decoration:none;
width:234px;
background:url("images/button_square_blue_solid.gif") 50px 50% no-repeat;
}



/****************************************/ 
/* Frontend editing / TYPO3 Admin Panel */ 
/****************************************/ 
IMG.frontEndEditIcons { vertical-align:middle; margin:0px 2px 0px 2px; } 

/* Default styles for the Admin Panel */ 
TABLE.typo3-adminPanel { border:1px solid black; background-color:#F6F2E6;text-align:left; }
TABLE.typo3-adminPanel TR.typo3-adminPanel-hRow TD { background-color:#9BA1A8;text-align:left; }
TABLE.typo3-adminPanel TR.typo3-adminPanel-itemHRow TD { background-color:#ABBBB4;text-align:left; }
TABLE.typo3-adminPanel TABLE, TABLE.typo3-adminPanel TD { border:0px; }
TABLE.typo3-adminPanel TD FONT { font-family:verdana; font-size:10px; color:black; }
TABLE.typo3-adminPanel TD A FONT { font-family:verdana; font-size:10px; color:black; }
TABLE.typo3-editPanel { border:1px solid black; background-color:#F6F2E6; }
TABLE.typo3-editPanel TD { border:0px; }


/*************/ 
/* Debugging */ 
/*************/ 
/*
H1, H2, H3, H4, H5, P, UL, OL, LI, BLOCKQUOTE, PRE { border:1px dotted #999999;}
TD TABLE { border:1px dotted #000099;}
DIV { border:1px dotted #990000;}
IMG.spacer-gif { border:1px solid black; }
*/