@charset "utf-8";
/*
	Desarrollado por Kubical ORG, S.A.
	Puriscal, San Jose, Costa Rica
	
	Web: www.kubical.co.cr
	Tel.: (+506) 88 77 46 11
	E-mail: info@kubical.co.cr
*/


/*///////////////////////////////////////////////////////////////////
/// elementos                                                    ///
/////////////////////////////////////////////////////////////////*/

body{
	background: #666 url(../imagenes/originales/degradado.png) repeat-x;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 13px;
}


/*///////////////////////////////////////////////////////////////////
/// capas                                                        ///
/////////////////////////////////////////////////////////////////*/

#contenedor{
	position: relative;
	margin: auto;
	width: 840px;
	border: solid 1px;
}

#barra{
	height: 50px;
	width: 840px;
	background: url(../imagenes/barra.jpg);
	display: block;
	text-align: right;
}
	#barra h3{
		padding: 0;
		margin: 0;
		margin-right: 15px;
		color: #fff;
		font-weight: bold;
		text-transform: uppercase;
		font-size: 11px;
	}

#menu{
	height: 28px;
	background:url(../imagenes/menu/normal.png);
	width: 840px;
}

#encabezado{
	position: relative;
	width: 840px;
	height: 250px;
	background: #fff;
	border-top: solid 1px #000;
}

#noticias{
	background: #fff url(imagenes/inyeccion.png) bottom left no-repeat;
	width: 238px;
	height: 260px;
	padding: 0;
	border: solid 1px #000;
	top: 340px;
	position: absolute;
}
	#noticias strong{
		color: #fff;
		font-size: 11px;
		text-transform: uppercase;
		padding: 5px 0 5px 0;
		display: block;
		text-align: center;
	}
	#noticias p{
		padding: 10px;
		font-size: 12px;
		text-align: justify;
	}
		#noticias p strong{
			background: none;
			border-bottom: dashed 1px #ccc;
			border-top: dashed 1px #ccc;
			padding-top: 5px;
			padding-bottom: 5px;
			margin-bottom: 15px;
			color: #ff0000;
		}
		#noticias p a{
			color: #000;
		}
			#noticias p a:hover{
				color: #006600;
			}



#panel{
	background: #fff;
	width: 238px;
	height: 351px;
	padding: 0;
	border: solid 1px #000;
	top: 612px;
	position: absolute;
	text-align: center;
}

	#panel img{
		border: solid 1px #000;
		margin-top: 10px;
	}
	
	#panel a{
		font-size: 11px;
		text-decoration: underline;
		color: #000;
	}
		#panel a:hover{
			text-decoration: none;
		}

#contenido{
	background: #fff url(../imagenes/usl.jpg) center no-repeat;
	position: absolute;
	top: 340px;
	left: 249px;
	border: solid #000 1px;
	padding: 0;
	width: 590px;
	height: 623px;
}

#banner{
	position: absolute;
	width: 840px;
	top: 975px;
	border: solid #000 0px;
	background: none;
	color: #fff;
}

#pie{
	position: absolute;
	width: 840px;
	padding-bottom: 10px;
	top: 1105px;
	border: none;
	background: none;
	color: #fff;
}
	#pie p{
		text-align: center;
		font-size: 11px;
	}
	#pie a{
		color: #fff;
	}

#contenido_dinamico{
	padding: 10px;
}
	#contenido_dinamico p{
		text-align: justify;
	}
		#contenido_dinamico p strong{
			display: block;
			padding-bottom: 10px;
		}

/*///////////////////////////////////////////////////////////////////
/// clases                                                       ///
/////////////////////////////////////////////////////////////////*/

.titulo{
	background: #fff url(../imagenes/barra.jpg);
	color: #fff;
	font-size: 11px;
	text-transform: uppercase;
	padding: 5px 0 5px 0;
	display: block;
	text-align: center;
}

.marquesina{
	background: #fff url(../imagenes/barra.jpg);
	color: #fff;
	font-size: 11px;
	padding: 5px 0 5px 0;
	display: block;
	font-weight: bold;
}

.cargador{
	font-size: 11px;
}

ul.lista{
	list-style-image: url(../imagenes/flecha.gif);
}

	ul.lista li{
		padding: 5px;
	}
	
		ul.lista li a{
			text-decoration: none;
			color: #000;
		}
			ul.lista li a:hover{
				text-decoration: underline;
				font-weight: bold;
			}
ul.listaenumerada{
	list-style-type: decimal;
}

.imagenderecha{
	float: right;
	margin-left: 10px;
	border: solid 1px #eee;
}

.imagenizquierda{
	float: left;
	margin-right: 10px;
	border: solid 1px #eee;
}