/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
	background:url(../images/bkg_page.jpg) repeat-x top #dcdcdc;
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 62.5%;
	vertical-align: top;
}
#wrapper { 
 margin: 0 auto;
 width: 770px;
}
#header {
 width: 770px;
 height: 75px;
 margin: 0px;
}
#navigation {
 width: 210px;
 height:200px;
 color: #333;
 clear:both;
}
#content { 
 width: 770px;
 color: #333;
 background: #FFFFFF;
 margin: 0px 0px 10px 0px;
 height: auto;
 display:block;
}
		#content #top{ 
		 width: 770px;
		 height:13px;
		 background:url(../images/bkg_content-top.gif) no-repeat top;
		 display:block;
		}
		#content #center{ 
		 width: 770px;
		 height:auto;
/*		 min-height:250px;*/
		 background:url(../images/bkg_content-center.gif) repeat-y top;
		 display:block;
		 padding-bottom:15px;
		}
		#content #bottom{ 
		 width: 770px;
		 height:13px;
		 background:url(../images/bkg_content-bottom.gif) no-repeat top;
		 display:block;
		}				

#footer { 
 width: 770px;
 color: #333;
 margin: 10px 0px 10px 0px;
}
		#footer #top{ 
		 width: 770px;
		 height:7px;
		 background:url(../images/bkg_footer-top.gif) no-repeat top;
		 display:block;
		}
		#footer #center{ 
		 width: 770px;
		 height:50px;
		 background:url(../images/bkg_footer-center.gif) repeat-y top;
		 display:block;
		}
		#footer #center #col1{ 
		 width: 330px;
		 display:block;
		 float:left;
		 margin: 5px 0px 0px 25px;
		}		
		#footer #center #col2{ 
		 width: 330px;
		 display:block;
		 float:right;
		 margin: 5px 0px 0px 25px;
		}				
		
		#footer #bottom{ 
		 width: 770px;
		 height:7px;
		 background:url(../images/bkg_footer-bottom.gif) no-repeat top;
		 display:block;
		}	

/* HEADER  ***********************************************************************/
/*#logo {
	margin: 0px 0px 0px 0px;
	width: 193px;
	height: 63px;
	float: left;
	padding: 0px;
	display: inline;

}
#logo a {
	width: 193px;
	height: 63px;
	padding: 0px;
	margin: 5px 0px 0px 5px;
	background:#009900;
/*	background: url(../images/logo.png) no-repeat left bottom;*/
/*
	float: left;
	display: inline;
}
*/
#home-topbanner-link{
	margin: 150px 0px 0px 250px;
	width: 193px;
	height: 32px;
	position:absolute;
	float: left;
	padding: 0px;
	display: inline;
}
#home-topbanner-link a{
	width: 193px;
	height: 32px;
	padding: 0px;
	margin: 0px;
	background: url(../images/boton-home.gif) no-repeat 0 0;
	float: left;
	display: inline;
	z-index:100px;
}
#home-topbanner-link a:hover{
	background: url(../images/boton-home.gif) no-repeat 0 -32px;
}


#auspiciantes {
	margin: 0px;
	width: 136px;
	height: 55px;
	float: right;
	padding: 15px 10px 0px 0px;
	display: inline;
	vertical-align: bottom;
}
#auspiciantes ul{
		list-style:none;
}
#auspiciantes ul li{
				list-style:none;
				display:block;
				float:right;
				margin:0;
}
#auspiciantes ul li a{
					display:block;
					height:55px;
					width:136px;					
					float:left;
					padding:0px;
}

#auspiciantes ul li a.cippec{
					background: url(../images/logo-cippec.gif) no-repeat left top;
}

/* TOPBANNER  ********************************************************/
#topbannerContent{
		width:770px;
		height:211px;
/*		display:block;*/
		position:relative;
		background:url(../images/bkgtopbanner.jpg) no-repeat top left;
		margin:0 0 10px 0;
}
		/* TITULOS */
		#topbannerContent H1{
	float:left;
	position:absolute;
	width:300px;
	margin:70px 0px 0px 250px;
	font-size:3em;
	font-weight:bold;
	font-family:"Arial Narrow", Arial, Verdana, Geneva, Helvetica, sans-serif;
	text-transform:uppercase;
	text-align:left;
	color:#333333;
	left: -14px;
	top: -23px;
		}
		#topbannerContent H1 a{
	color:#333333;
	text-decoration:none;
		}
		

/* MENU  ********************************************************/
	#menu{
}
		#menu ul{
			list-style:none;
			width:210px;
			height:200px;
			display:block;
			border:none;
			margin: 0px 0 0 10px;
			padding-top:5px;
			text-transform:uppercase;
			}
			#menu li{
				width:190px;
				list-style:none;
				display:block;
				float:left;
/*				line-height:21px;*/

			}
				#menu li a{
					width:190px;
					min-height:18px;									
					display:block;
					float:left;
					color:#666666;
					font-size:1.1em;
					font-weight:bold;
/*					line-height:18px;*/
					margin:0;
					text-decoration:none;
					padding:3px 0 0 20px;
					background:url(../images/bullet-menu.gif) no-repeat 10px 5px;
				border-top:solid #FFFFFF 1px;
				border-bottom:solid #666666 1px;					
				}
					#menu li a:hover{
					color:#FFFFFF;
					background:#999999 url(../images/bullet-menuH.gif) no-repeat 10px 5px;
					}
				#menu li a.current,
				#menu li a.peruCurrent{
					display:block;
					float:left;
					color:#fff;
					background:#da6800 url(../images/bkg_menu-on.gif) repeat-x left;
					font-size:11px;
					font-weight:bold;
					line-height:66px;
					text-decoration:none;
					padding:0 19px;	
				}
			
				#menu li a:hover.current{
						color:#fff;
					}
					
					#menu li a.peru,
					#menu li a.peruCurrent{
						padding:0 25px 0 26px;
					}					
					#menu li a:hover.peruCurrent{
						color:#fff;					
						padding:0 25px 0 26px;
					}	
/* HOME  ********************************************************/

		
	#content #center .home1{
	height:150px;
	display:block;
	}
		#homeNews1, #homeNews2{
		width:350px;
		height:150px;
		display:block;
		margin: 0 0 0 20px;
		position:absolute;
		}
		#homeNews2{
		height:245px;
		margin: 0 0 0 400px;
		}
		#homeNews1{
		border-right: solid 2px #cccccc;
		padding-right:15px;
		}
		#homeNews1 h3, #homeNews2 h3{
		margin-top:5px;
		}
		#homeNews1 a, #homeNews2 a{
		color:#0066cc;
		text-decoration:none;
		font-weight:bold;
		}
		#homeNews1 a:hover, #homeNews2 a:hover{
		color:#0066cc;
		text-decoration:underline;
		}
		#homePais1, #homePais2, #homePais3,
		#homePais1b, #homePais2b, #homePais3b {
		width:240px;
		height:155px;
		display:block;
		background:#EEEEEE url(../images/home-pais-title.gif) no-repeat top left;
		border-bottom: solid 4px #0099ff;
		position:absolute;
		}
		#homePais1b, #homePais2b, #homePais3b {
		background: #EEEEEE url(../images/bkg_homeTit2.gif) repeat-x top left;		
		}		
				
		#homePais1,	#homePais1b {
		margin:0 0 0 15px;
		}
		#homePais2, #homePais2b{
		margin:0 0 0 265px;
		}
		#homePais3, #homePais3b{
		margin:0 0 0 515px;
		}		
		
		#homePais1 h1,#homePais1b h1,
		#homePais2 h1, #homePais2b h1,
		#homePais3 h1, #homePais3b h1{
		width:240px;
		text-align:center;
		font-size:1.3em;
		color:#FFFFFF;
		font-weight:bold;
		text-transform:uppercase;
		padding-top:10px;
		line-height:1em;
		height:30px;
		}
		#homePais1b h1, #homePais2b h1, #homePais3b h1{
		color:#003366;		
		}
		#homePais1 p, #homePais2 p, #homePais3 p,
		#homePais1b p, #homePais2b p, #homePais3b p{
		width:200px;
		text-align:left;
		margin:12px 0 -8px 10px;		
		}				
		
		#homePais1 ul, #homePais1b ul,
		#homePais2 ul, #homePais2b ul,
		#homePais3 ul, #homePais3b ul	{
		margin:12px 0 0 5px;
		font-size:1.2em;
		}
		#homePais1 ul li, #homePais1b ul li,
		#homePais2 ul li, #homePais2b ul li,
		#homePais3 ul li, #homePais3b ul li{
		list-style:url(../images/bullet-menu.gif);
		margin:0 0 5px 20px;
		}
		#homePais1 ul li a, #homePais1b ul li a,
		#homePais2 ul li a, #homePais2b ul li a,
		#homePais3 ul li a, #homePais3b ul li a{
		color: #003366;
		text-decoration:none;
		font-weight:bold;
		}
		#homePais1 ul li a:hover, #homePais1b ul li a:hover,
		#homePais2 ul li a:hover, #homePais2b ul li a:hover,
		#homePais3 ul li a:hover, #homePais3b ul li a:hover{
		color: #0099ff;		
		text-decoration:underline;
		}		
		
/* PAGINAS INTERIORES  ********************************************************/					
					#content2 {
					width:640px;
					margin: 0 auto;	
					padding-top:15px;
					}
		/* TITULO-SEMINARIO  ******************************************************* */
		#seminario {
		display:block;
		clear:both;
		margin: 0px 0px 20px 0px;
		border-top: double 3px #999999;
		border-bottom: double 3px #999999;
		text-align:center;
		color:#006699;
		font-style:italic;
		font-size:1.3em;
		}
		
		/* submenu y submenu2 (Bibliografia) y submenu 3 (Red) ******************************************************* */
		#submenu, 
		#submenu2,
		#submenu3 {
		display:block;
		clear:both;
		margin: 0px 0px 20px 0px;
		}
		#submenu ul, 
		#submenu2 ul,
		#submenu3 ul{
			list-style:none;
			width:100%;
			height:55px;
			display:block;
			border-top: double 3px #999999;
			border-bottom: double 3px #999999;			
		}
		#submenu3 ul{
			height:32px;		
		}		
			#submenu li, 
			#submenu2 li,
			#submenu3 li{
				width:19%;
				list-style:none;
				display:block;
				float:left;
				height:49px;
				line-height:40px;
				margin:2px 2px;
				border: solid 1px #FF6600;
				text-align:center;
			}
			#submenu2 li{
				width:207px;  /*  3 botones */
			}
			#submenu3 li{
				width:49%;  /*   2 botones  */
				height:25px;
				line-height:18px;				
			}			
				#submenu li a, 
				#submenu2 li a,
				#submenu3 li a{
				width:100%;
				height:49px;
					display:block;
					float:left;
					color:#666666;
					font-size:1.2em;
					font-weight:bold;
					line-height:1.5em;
					text-decoration:none;
					padding-top:6px;
				}
				#submenu3 li a{
				height:25px;
				padding-top:3px;
				}				
/*					#submenu li a:hover, 
					#submenu2 li a:hover,
					#submenu3 li a:hover{
					color:#ff6600;
					background:#fbdcbb;
					height:43px;
					}*/
				#submenu li a:hover, 
				#submenu2 li a:hover,
				#submenu3 li a:hover{
					display:block;
					float:left;
					color:#fff;
					background:#ff9933;
					font-size:1.2em;
					font-weight:bold;
					line-height:1.5em;
					text-decoration:none;
					height:43px;
				}
				#submenu3 li a:hover{
					height:22px;	
				}				
					#submenu li a.current, 
					#submenu2 li a.current,
					#submenu3 li a.current{
					color:#fff;
					background:#ff6600;						
					height:43px;					
					}
					#submenu3 li a.current{
					height:23px;					
					}					
					#submenu li a:hover.current, 
					#submenu2 li a:hover.current,
					#submenu3 li a:hover.current{
						color:#fff;
					}		
							
	h1 {
	font-size:2em;
/*	color:#0099FF;*/
	color:#0066CC;
	font-weight:bold;
	text-align:left;
	text-transform:uppercase;
	padding-top:10px;
	line-height:0.9em;
}
	h2 {
	font-size:1.7em;
	color:#0099FF;
	font-weight:bold;
	text-align:left;
	text-transform:uppercase;	
	font-family:"Arial Narrow", Arial, Verdana, Geneva, Helvetica, sans-serif;
	margin:0px 0 0px 0;
}
	h3 {
	font-size:1.5em;
	color:#0099FF;
	font-weight:bold;
	text-align:left;
	text-transform: none;	
	font-family:"Arial Narrow", Arial, Verdana, Geneva, Helvetica, sans-serif;
	margin-top:0px;	
}
	h4 {
	font-size:1.4em;
	color:#333333;
	font-weight:bold;
	text-align:left;			
	margin-top:15px;	
}

p{
	font-size:1.2em;
	line-height:1.5em;
	color:#333333;
	text-align:left;		
	margin-bottom:15px;	
}

/* Small links over the title */
#nav{
	text-align:right;
	font-size:1.1em;
}
	
	#nav a{
		text-decoration:none;
		color:#003366;
	}
	#nav a:hover{
		text-decoration:underline;
	}

			/* ul EVENTOS */
			#content ul.eventos {
				margin: 0 0 20px 15px;
			}
			#content ul.eventos li {
				list-style:none;
				margin:0 0 5px 0;
			}
			#content ul.eventos li a,
			#content ul.eventos li a.repercusiones {
				font-family:"Arial Narrow", Arial, Verdana, Geneva, Helvetica, sans-serif;
				color:#003366;
				font-size:1.4em;
				font-weight:bold;
				text-transform:uppercase;
				background: url(../images/arrow1-li.gif) no-repeat 0 2px;
				padding-left:15px;
				text-decoration:none;
			}
		#content ul.eventos li a.repercusiones {
		text-transform:none;
		}			
			#content ul.eventos li a:hover,
			#content ul.eventos li a.repercusiones:hover {
				text-decoration:underline;
				color:#0099FF;
			}

			/* ul PROVINCIAS  */
			#content ul.provincias {
				margin: 10px 0 0 0;
				width:220px;
			}
			#content ul.provincias li {
				list-style:none;
				margin:0 0 5px 0;
			}
			#content ul.provincias li a {
				width:200px;
				color:#003366;
				font-size:1.2em;
				font-weight:bold;
				background: url(../images/arrow2-li.gif) no-repeat 0 2px;
				padding-left:15px;
				text-decoration:none;
			}
			#content ul.provincias li a:hover {
				text-decoration:underline;
				color:#0099FF;
			}
			
			/* ul GALERIA -------------------*/
			#content ul.galeria {
				margin: 0;
			}
			#content ul.galeria li {
				list-style:none;
				margin:0 5px 40px 0;
				width:200px;
				height:120px;
				display:inline;
				padding-bottom:15px;
			}
				#content ul.galeria li  img{
				margin:0 0 10px 0;
				border:solid 4px #cccc99;
			}
/*			#content ul.galeria li a {
				font-family:"Arial Narrow", Arial, Verdana, Geneva, Helvetica, sans-serif;
				color:#003366;
				font-size:1.4em;
				font-weight:bold;
				text-transform:uppercase;
				background: url(../images/arrow1-li.gif) no-repeat 0 2px;
				padding-left:15px;
				text-decoration:none;
			}
			#content ul.galeria li a:hover {
				text-decoration:underline;
				color:#0099FF;
			}*/
			
			/* ul BOLETAS UNICAS */
			#content ul.paisesboletas {
				width:500px;
				margin: 10px 0 0 20px;
				font-size:1.3em;
			}
			#content ul.paisesboletas li {
				width:500px;
				list-style:none;
				margin:0 0 0px 0;
				padding:5px;
				border:solid 1px #999999;
				}
			#content ul.paisesboletas li a {
				width:480px;
				color:#003366;

				text-transform:uppercase;
				font-weight:bold;
				background: url(../images/arrow1-li.gif) no-repeat 0 2px;
				padding-left:15px;
				text-decoration:none;
				display:block;
			}
		
			#content ul.paisesboletas li a:hover {
				text-decoration:underline;
				color:#0099FF;
			}	
							#content ul.paisesboletas li ul{
									width:450px;
									margin: 10px 0 0 20px;;
								}
								#content ul.paisesboletas li ul li{
								width:450px;
								list-style:none;
								margin:5px 0 5px 0;
								padding:0;
								border: none;
							}
							#content ul.paisesboletas li ul li a {
								width:430px;
								color:#003366;
								display:block;								
				/*				font-size:1.4em;*/
								font-weight:normal;
								text-transform:none;								
								background: url(../images/ico_pdf2.gif) no-repeat 0 2px;
								padding-left:15px;
								text-decoration:none;
							}
							#content ul.paisesboletas li ul li.link a {
								background: url(../images/arrow2-li.gif) no-repeat 0 2px;
							}							
							#content ul.paisesboletas li ul li a:hover {
								text-decoration:underline;
								color:#0099FF;
							}			
			
									#content ul.paisesboletas li ul li ul{
											width:440px;
											margin: 0 0 0 30px;
										}
										#content ul.paisesboletas li ul li ul li{
										margin:0;
									}
										#content ul.paisesboletas li ul li ul li p{
										margin:0;
									}
/* SOLAPAS  ***************************************************************************/
#content2 ul.solapas {
	width:640px;
	height:37px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	clear: right;
/*	padding-bottom: 0px;*/
}

#content2 ul.solapas li.solapa1,
#content2 ul.solapas li.solapaLink{
	float: left;
	width:320px;
	line-height:40px;
	padding:0px;	
	display:inline;
	margin:0px;
	font-weight:bold;
	text-align: center;
	text-transform:uppercase;
}
#content2 ul.solapas li.solapa1 {
	background:#f27a1a url(../images/tab_active.gif) no-repeat;
	color: #FFFFFF;
	width:320px;
}
#content2 ul.solapas li.solapaLink{
	padding:0px;
}

#content2 ul.solapas  li.solapaLink a,
#content2 ul.solapas  li.solapa1 a {
	width:320px;
	height:37px;
	display:block;
	font-size:1.2em;
	text-decoration:none;
	color:#FFFFFF;
}
#content2 ul.solapas  li.solapa1 a:hover {
	color:#ffffff;
	background:#tab_over.gif url(../images/tab_over.gif) no-repeat;	
}
#content2 ul.solapas  li.solapaLink a {
	color:#000000;
	background:#cccccc url(../images/tab_inactive.gif) no-repeat;
}
#content2 ul.solapas li.solapaLink a:hover {
	background:#f27a1a url(../images/tab_over.gif) no-repeat;
	color:#000000;
}

.ico_foto{
	background: url(../images/ico_varios.gif) no-repeat #006600;
	width:16px;
	height:16px;
	display:block
}
.ico_crono{
	background: url(../images/ico_varios.gif) no-repeat;
	width:16px;
	height:16px;
	display:inline;	
}

/* TABLE CRONOGRAMA  **************************************************************************/
/* TABLE SEARCH  **************************************************************************/
.cronograma{

}

#content2 .cronograma th{
	background:#FF6600;
	color:#FFFFFF;
	text-transform:uppercase;
	height:20px;
	font-size:1.3em;
}
#content2 .cronograma td{
	background:#FFFFFF;
	color:#000000;
	padding: 8px;
	border: solid 1px #FF6600;
	vertical-align:top;
	font-size:1.2em;
}
#content2 .cronograma td h1{
	color:#000000;
	text-transform:uppercase;
	font-weight:bold;
	font-size: 1.2em;
	text-align:left;
	padding-top:0px;	
}
#content2 .cronograma td h2{
	color:#FF6600;
	text-transform: none;
	font-weight:bold;
	font-size: 1.2em;
	text-align:left;
	padding-top:0px;
	border:none;
}
#content2 .cronograma td.name{
	font-weight:bold;
}

#content2 .fotos{
	border: solid 1px #f27a1a;
	background:#ededed;
}
#content2 .fotos td{
	text-align:center
}
#content2 .fotos img{
	border: solid 1px #006699;
}




/*  PROVINCIAS   */
ul.provincias{
	list-style:none;
	margin-left:15px;
}

ul.provincias li{
	list-style:none;
	margin: 0 0 5px 0;
}
ul.provincias li a{
	background:url(../images/arrow-provincias1.gif) no-repeat top left;
	padding-left: 18px;
	width:280px;
	color:#006699;
	font-size:1.2em;
	text-decoration:none;
	display:block;
}
ul.provincias li a:hover{
	text-decoration:underline;
	background:url(../images/arrow-provincias2.gif) no-repeat top left;
	color: #ff6600;
}
ul.provincias li a:visited{
	color: #006699;
}
/* TABLE DOCUMENTOS  **************************************************************************/
.tDocumentos{

}

#content2 .tDocumentos th{
	background:#f27a1a;
	color:#FFFFFF;
	text-transform:uppercase;
	height:27px;
	font-size:1.3em;
	background:url(../images/ico_pdf.gif) no-repeat 5px 3px #FF6600;
	padding-left: 28px;
	text-align:left;
}
#content2 .tDocumentos td{
	background:#FFFFFF;
	color:#000000;
	padding: 8px;
	border: solid 1px #f27a1a;
	vertical-align:top;
}
#content2 .tDocumentos td ul{
	margin: 0 0 0 20px;
}
#content2 .tDocumentos td ul li{
	list-style-image:url(../images/arrow-provincias1.gif);
	margin: 0 0 10px 0;
}
#content2 .tDocumentos td ul li a{
/*	background:url(../images/arrow-provincias1.gif) no-repeat top left;*/
/*	padding-left: 18px;*/
	color: #0066cc;
	font-size:1.2em;
	text-decoration:none;
}
#content2 .tDocumentos td ul li a:hover{
	color:#ff6600;
	text-decoration:underline;
/*	background:url(../images/arrow-provincias2.gif) no-repeat top left;*/
}
#content2 .tDocumentos td ul li a:visited{
	color: #006699;
	}

/* PRENSA  ---------------------------------*/
#content2 #nota{
	border: solid 1px #cccccc;
	padding:10px;
	width:100%;
}	
#content2 #nota h4{
	margin-top:0;
}	
#content2 #nota .fecha{
	font-style:italic;
}	
#content2 #nota a{
	color: #0066cc;
	text-decoration:none;
	background:url(../images/arrow-provincias1.gif) no-repeat top left;
	padding-left: 20px;
}	
#content2 #nota a:hover{
	color:#ff6600;
	background:url(../images/arrow-provincias2.gif) no-repeat top left;
	text-decoration:underline;
}

.tDiario{
	font-size:1.2em;
}
		.tDiario td{
			border-bottom: solid 1px #CCCCCC;
			padding:5px;
		}
		.tDiario td.titulo{
		font-weight:bold;
		}
		.tDiario td.fecha{
		text-align:center;
		width:100px;
		}
		.tDiario td.down{
		text-align:center;
		width:85px;	
		}
		
		.tDiario a.nota{
			color:#FF0000;
			background:url(../images/ico_pdf2.gif) no-repeat left 2px;
			padding-left:20px;
			text-decoration:none;
		}
		.tDiario a.nota:hover{
			text-decoration:underline;	
		}
		
		.tDiario a.link{
			color:##0099FF;
			background:url(../images/arrow2-li.gif) no-repeat left 2px;
			padding-left:15px;
			text-decoration:none;
		}
		.tDiario a.link:hover{
			text-decoration:underline;	
		}		

/* RED DE EXPERTOS   ---------------------------------*/
	/* formulario  ---------------------------------*/
	.formSearch{
	font-size:1.2em;
	border: solid 1px #cccccc;
	}
	.formTd1{
	color:#0066cc;
	font-weight:bold;
	padding:5px;
	}
	.formTd2{
	color:#000000;
	font-weight:normal;
	padding:5px;	
	}
/* BIBLIOGRAFIA   ---------------------------------*/	
	ul.bibliografia{
	margin:15px 0 20px 15px;
	}
	
		ul.bibliografia li{
		list-style:none;
		margin-bottom:5px;
		}
			ul.bibliografia li a{
				width:500px;
				color:#003366;
				font-size:1.2em;
				font-weight:normal;
				background: url(../images/arrow2-li.gif) no-repeat 0 2px;
				padding-left:15px;
				text-decoration:none;
				}
			ul.bibliografia li a:hover{
			text-decoration:underline;
				}