html {height: 100%;}
body {
	/*background: #777f9e url(bg/body-bg.png) no-repeat 0 -20px;*/
	background: transparent url(bg/body-bg.png) no-repeat 0 -14px;
	background: transparent url(bg/body-bg.png) no-repeat center top;
	font-family: sans-serif, Arial, Helvetica, sans-serif;
	font-size: 76%;	
	height: 100%;
	margin: 0;
	padding: 0;
}
h1 {
	font-family: Garamond, "trebuchet ms", verdana;
	background: transparent url(bg/logo_cofer_30.gif) no-repeat top right;
	border-bottom: 2px solid #706F6D;
	border-bottom: 2px solid #ddd;
	color: #706F6D;
	font-size: 1.6em;
	margin: 10px 0;
	text-align: right;
	padding-right: 45px;
}
a {
	color: #007121;
}
a:hover {
	color: #0084d7;
}

#container {
	width:900px;
	margin: 0 auto;
	position: relative;	
	/*background: white url(img/bg_body.jpg) repeat 0 0;*/
	
	height: auto !important;
	min-height: 100%;
	
}

#header {
	height: 146px;
	height: 172px;
	height: 130px;
	position: relative;
	margin: 0;
	width: 1000px;
	/*background: transparent url(bg/header-bg.jpg) no-repeat left bottom;*/
}
	#header #logo_header {
		margin: 10px 0 0 0px ;
	}

#main{
	position: relative;	
	overflow: hidden;
	width: 100%;
	/*background: transparent url(bg/menu-bg2.jpg) repeat-y 0 172px;*/
	/*background: transparent url(bg/main-bg2.jpg) no-repeat right top;*/
	/*margin: 6px 0 0 0;*/
	/*border-top: 6px solid white;*/
	padding-bottom: 36px;
	height: 100%;
	z-index: 5;
	
}



	
	#content {
		margin: 0px 10px 20px 20px;
		padding-bottom: 32768px;
		margin-bottom: -32768px;
		overflow: visible;
		width: 765px;
		width: 715px;
		width: 675px;
		float: left;
		clear: none;
		font-size: 1.3em;
		color: #333;
		/*background: white;*/
		/*background: transparent url(bg/menu-bg2.jpg) repeat-y left top;*/
		
	} 
	
	#onecolumn {
		padding-bottom: 32768px;
		margin-bottom: -32768px;
		margin-top: 40px;
		overflow: visible;
		width: 180px;
		float: left;
		clear: left;
		/*position: absolute;*/
		background: transparent url(bg/menu-bg2.jpg) repeat-y right top;
		z-index: 10;
		
	}
		ul.menu, ul.menu ul {
		  list-style-type:none;
		  margin: 0;
		  padding: 0;
		  width: 180px;
		  margin-bottom: 8px;
		}
		ul.menu {
		  background: transparent url(bg/menu-top-bg.png) no-repeat left top;
		  padding-top: 27px;
		}
		ul.menu ul {
			background: #9d9d9d url(bg/submenu-bottom-bg.gif) no-repeat left bottom;
			padding-bottom: 8px;
			margin-top: 11px;
		}
			ul.menu a {
			 
			  display: block;
			  text-decoration: none;
			  width: 130px;
			  text-align: right;
			  font-weight: 600;
			  outline: 0;
			}
			ul.menu li {
			  margin-top: 0px;
			  width: 180px;
			  background: transparent url(bg/menu-item-bg2.png) no-repeat left top;
			}
				ul.menu li a {
				  height: 42px;	
				  width: 130px;
				  padding-right: 50px;
				  line-height: 44px;
				  color: #0084d7;
				  font-size: 12px;
				  background:transparent url(bg/onecolumnbox-a-bg.png) no-repeat scroll right 16px;
				}
				ul.menu li a:hover {
				 color: #fff;
				}
					ul.menu li ul li {
						background: none;
						width: 180px;
					}
					ul.menu li ul li a {
					  background: transparent url(bg/menu-subitem-left-bg.png) no-repeat left top;
					  height: 32px;	
					  line-height: 32px;					  
					  color: #fff;
			  		  font-size: 10px;
					  width: 135px;
					  padding-right: 10px;
					}
					ul.menu li ul li a:hover {
					  color: #000;
					}
					
	.oneColumnBox {
		width: 180px;
		z-index: 10;
	}	
	#lastBoletin {
		color: #fff;
		font-size: 1.3em;
	/*	height: 160px;*/
		
		background: transparent url(bg/lastboletin-bg.png) no-repeat left top;
	}
		#lastBoletin img {
			margin: 5px 0;

		}	
		#lastBoletin a {
			text-align: right;
			padding-top: 5px;
			padding-right: 50px;
			font-weight:600;
			display: block;
			outline-style:none;
			outline-width:0;
			text-align: right;
			text-decoration:none;
			width:130px;
			color:#0084D7;
			font-size:12px;
			background:transparent url(bg/onecolumnbox-a-bg.png) no-repeat scroll right center;
		}	
		#lastBoletin a:hover {
			color: #fff;
		}
	
	div#lastBoletin {
		background:transparent url(bg/lastboletin-middle-bg.png) repeat-y scroll left top;
		margin-bottom:5px;
		position:relative;
		width:100%;
	}
	div#lastBoletin div.top {
		background:transparent url(bg/lastboletin-top-bg.png) no-repeat scroll left top;
		padding-top:10px;
		width:100%;
	}
	div#lastBoletin div div.bottom {
		background:transparent url(bg/lastboletin-bottom-bg.png) no-repeat scroll left top;
		height:10px;
		overflow:hidden;
		width:100%;
	}

	



#footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	margin: 0px;
	height: 30px;
	margin: 0;
	text-align: center;
	z-index: 100;
	background: white;
	border-top: 3px solid #eee;

}

#sitemap {
	float: left;
	width: 820px;
	padding-left: 180px;
	background: #ddd;
	text-align: left;
}
	#sitemap ul{
		float: left;
		list-style: none;
		padding: 0 15px;
		border-left: 2px solid #eee;
		height: 130px;
	}
	#sitemap ul li {
		padding-left: 20px;
	}
	#sitemap ul li.iniul {
		padding-left: 0;
		padding-bottom: 5px;
	}

/************* home page ***********/

.homeSection {
	border: 1px solid blue;
	width: 45%;
	margin-left: 2%; 
	float: left;
}


/**************** seccionintro *************/

div.seccionintro {
	position: relative;
	background: transparent url(bg/seccionintro-bg.gif) no-repeat top left;
	padding: 0 40px;
	margin-bottom: 20px!important;
	width: 595px!important;
	font-style: italic;
	color: #555;
	border:0!important;
	font-size: 0.85em;
}
	div.seccionintro span {
		background: transparent url(bg/seccionintro-closequote-bg.gif) no-repeat top left;
		position: absolute;
		bottom:0;
		right: 0;
		display: block;
		width: 30px;
		height: 29px;
	}




/*************** formato base index ******************/

.index {
	position: relative;
	margin: 5px 0;
	width: 100%;
	/*float: left;*/
	/*background-color: white;
	background: white url(bg/index-top-bg.png) no-repeat left top;*/

}
	.index h1 {
		margin: 10px 0;
		font-size: 1.6em;
		text-align: right;
		color: #706f6d;
	}

	.index  div {
		width: 100%;
		overflow: hidden;
		margin: 5px 0;
		/*float: left;*/
		padding-bottom: 5px;
		border-bottom: 2px solid #ddd;
	}
	.index div.subtitulo {
		border: 0;
		height: 18px; 
		padding: 5px 0;
		margin: 0;
	}
		.index  div a.titulo, .index  div p.titulo{
			position: relative;
			display: block;
			font-size: 1.3em;
			text-align: left;
			text-indent: 0;
			clear: both;
			text-decoration: none;
			margin: 0px 15px;
			color: #222;
		}
			.index  div a.titulo:hover{
				text-decoration: underline;
			}
		.index div.subtitulo p, .index div.subtitulo a {
			float: left;
			line-height: 18px;
			margin: 0px 0px 5px 15px;
			font-size: 0.8em;
			
			font-weight: bold;
			
		}
		.index  div p.fecha{
			clear: right;
		}
		.index div a.tipo {
			width: 120px;
			clear: both;
			text-align: center;
			color: #eee;
			text-decoration: none;
		}
			.index div a.tipoConvenio{
				background: transparent url(bg/tipo-convenio-bg.gif) no-repeat center center;
			}
			.index div a.tipoNoticia{
				background: transparent url(bg/tipo-noticia-bg.gif) no-repeat center center;
			}
			.index div a.tipoPrensa{
				background: transparent url(bg/tipo-prensa-bg.gif) no-repeat center center;
			}			
							
		.index  div p.texto{
			font-size: 0.8em;
			margin: 0px 15px 5px 15px;
			padding-top: 6px;
		}

		.index div a.enlace{		
			margin: 3px 15px 5px 15px;
			text-decoration: none;
			padding-left: 15px;
			font-size: 0.8em;
			background: transparent url(../img/Icon_External_Link_RTL.png) no-repeat left top;			
		}
			.index  div a.enlace:hover {
				text-decoration: underline;
			}		

		.index  div img{
			float: left;
			clear: left;
			margin: 3px 15px 5px 15px;
			padding: 1px;
			border: 1px solid #555;
		}
		.index div a.pie{
			float: left;
			clear: left;
			font-size: 1.1em;
			font-weight: 600;
			margin: 0px 15px 5px 10px;
			height: 32px;
			line-height: 32px;

		}
		

	div.paging {
		background:#fff;
		color: #ccc;
		margin-bottom: 2em;
		float: right;
		border: 0;
		font-size: 0.8em;
	}
	div.paging div.disabled {
		color: #ddd;
		display: inline;
	}
	div.paging span {
	}
	div.paging span.current {
		color: #000;
	}
	div.paging span a {
	}		
	

/************* formatos especiales index ***********/
#destacados {}
	#destacados div {
		background-color: #90bba0;
		color: #fff;
		margin: 0;
		border: 0;
	}
	#destacados .destacado .titulo{
		font-size: 1.3em;
		color: #fff;
	}
	#destacados img.starred-up {
		position: relative;
		top: 4px;
		margin: 0;
		height: 10px;
	}
	#destacados img.starred-down {
		margin: 0 0 5px 0;
		height: 10px;
		border: 0;
	}
	#destacados  div img {
		margin-bottom: 35px;
	}
	#destacados  div a.pie{
		margin: -35px 10px 5px 10px;
	}	
		
#actualidades {}
	#actualidades div.subtitulo p.medio {
		font-style: italic;
	}
	
#asociaciones {}

	#asociaciones p.titulo {
		font-size: 1.1em;
	}

#publicaciones {}

#enlaces {}
	#enlaces blockquote {
		margin: 5px 15px;
	}
	#enlaces p, #enlaces a {
		font-size: 0.8em;
	}
	

#formaciones {}
		#formaciones  div p.fecha{
			width: 260px;
		}
		#formaciones #mostrarCursosPasados {
			float: right;
			margin-bottom: 15px;
			font-size: 0.8em;
		}

#buscarActualidad, #buscarLegislacion {
}		
	#buscarActualidad  div a.titulo, #buscarActualidad  div p.titulo,
	#buscarLegislacion  div a.titulo, #buscarLegislacion  div p.titulo{
		font-size: 1.0em;
	}
	#buscarActualidad div.subtitulo p, #buscarActualidad div.subtitulo a,
	#buscarLegislacion div.subtitulo p, #buscarLegislacion div.subtitulo a {
		font-size: 0.8em;
	}
	#buscarActualidad div p.texto,
	#buscarLegislacion div p.texto{
		font-size: 0.7em;
	}
	
#buscador {}
	#buscador div.input {
		border: 0;
		font-size: 0.8em;
	}
	#buscador div.input label {
		padding: 1em;
		font-weight: 600;
	}
	#buscador div.input input, #buscador div.input select {
		font-size: 0.9em;
		width: 250px;
	}

	#buscador div.date {
		float: left; 
		width: auto;
		padding-right: 0.5em;
	}
	#buscador div.date select {
		width: auto;
	}
	#buscador #LegislacionSearch {
		width: 70%;
	}
	#buscador div.submit {
		padding-top: 1em;
		text-align: center;
	}


/*************** formato base view ******************/

.leer {
	position: relative;
	margin: 5px 0;
	width: 100%;
	/*background-color: white;
	background: white url(bg/index-top-bg.png) no-repeat left top;*/

}

	.leer h1 {
		margin: 10px 0;
		font-size: 1.6em;
		text-align: right;
		color: #706f6d;
	}
	
	.leer h1.titulo {
		margin: 5px 0;
		font-size: 1.5em;
		text-align: left;
		color: #333;
		border: 0;
	}

	.leer  div {
		width: 100%;
		overflow: hidden;
		margin: 5px 0;
		float: left;
		padding-bottom: 5px;
		/*border-bottom: 2px solid #ddd;*/
	}
		.leer a.titulo, .leer  h2.titulo{
			font-size: 1.3em;
			text-decoration: none;
			color: #222;
		}
			.index  div a.titulo:hover{
				text-decoration: underline;
			}
		.leer p.subtitulo{
			margin: 0px 0 5px 0;
			font-style: italic;
		}
		.leer p.texto{
			margin: 3px 0 10px 0;
			font-size: 0.9em;
			line-height: 1.35em;
		}		

		.leer img{
			padding: 3px;
			padding-bottom: 5px;
			border: 1px solid #333;
			float: left;
			clear: left;
			margin: 3px 10px 5px 0;
		}
		
		.leer a.enlace{
			margin-top: 10px;
			padding-left: 15px;
			background: white url(../img/Icon_External_Link_RTL.png) no-repeat left top;
		}
		.leer a.pie{
			float: left;
			clear: left;
			font-size: 1.1em;
			font-weight: 600;
			margin: 0px 15px 5px 10px;
			height: 32px;
			line-height: 32px;

		}
		.leer div.paging {
			width: 70%;
			background: none;
			margin: 20px auto;
			float: none;
			text-align: center;
			border: 0;
			overflow: visible;
			font-size: 0.8em;
			border-bottom: 1px solid #ddd;
		}
		.leer div.paging a {
			margin: 5px;
			height: 18px;
			width: 21px;
			padding: 0 10px;
		
		}
		.leer div.paging a.paginationright {
			background: transparent url(../img/pagination-right.gif) no-repeat top center;
		}
		.leer div.paging a.paginationleft {
			background: transparent url(../img/pagination-left.gif) no-repeat top center;
		}
			
/************* formatos especiales leer ***********/		

	#actualidadLeer {}
		#actualidadLeer p.anteTitulo {
			font-weight: 600;
			font-size: 0.9em;
			color: #222;
		}
		#actualidadLeer p.medio {
			color: #666;
			font-style: italic;
			font-size: 1.1em;
			margin: 10px 0;
		}

/*************** comunes ********************/

a.application-pdf {
	padding-left: 35px;		
	background: transparent url(../img/mime/text-x-pdf.png) no-repeat top left;
}
a.text-plain  {
	padding-left: 35px;		
	background: transparent url(../img/mime/text-x-generic.png) no-repeat top left;
}
a.application-msword  {
	padding-left: 35px;		
	background: transparent url(../img/mime/msoffice-word-document.png) no-repeat top left;
}