/* CSS Document */

/* Estilos generales */

* {
	margin:0;
	padding:0;
}
html, body {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color: #666;
}
.page {
	width:970px;
	margin:0 auto;
}
a img, .no-marco {
	border:none;
}
ul li{
	list-style: none;
}

/* Estilos para la cabecera */

#header {
	float:left;
	width:960px;
	height: 140px;
	background:no-repeat 100% 30px url("./images/www_lasalle_org_co.gif");
}
h1 {
	float: left;
	padding: 30px 0 0 10px;
}
.utilities{
	float:right;
	font-size: 12px;
	margin-top: 108px;
}
.utilities ul{
	border-left:1px solid #666;
}
.utilities ul li{
	float: left;
	border-right:1px solid #666;
	padding: 0 6px;
}
.utilities ul li a:link, .utilities ul li a:visited{
	color:#CCC;
	text-decoration: none;
}
.utilities ul li a:hover{
	color:#F90;
	text-decoration: underline;
}

/* Estilos para el menu y la navegación */

#navigation {
	float:left;
	width: 970px;
}
#navigation ul li{
	float:left;
}
#navigation ul.first-level{
	height: 40px;
	padding-left:10px;
}
#navigation ul.first-level li a{
	display:block;
	width:189px;
	height: 39px;
}
#navigation ul.first-level li{
	margin-right:1px;	
}
#navigation ul.first-level li .btn-distrito:link, #navigation ul.first-level li .btn-distrito:visited{
	width:190px;
	background:no-repeat #cdb515 url("./images/btn_01_active.jpg");
}
#navigation ul.first-level li .btn-distrito:hover{
	background:no-repeat #cdb515 url("./images/btn_01_selected.jpg");
}
#navigation ul.first-level li .btn-distrito-selected{
	background:no-repeat #cdb515 url("./images/btn_01_selected.jpg");
	border-bottom: 1px solid #cdb515;
}
#navigation ul.first-level li .btn-obras:link, #navigation ul.first-level li .btn-obras:visited{
	background:no-repeat #83af25 url("./images/btn_02_active.jpg");
}
#navigation ul.first-level li .btn-obras:hover{
	background:no-repeat #83af25 url("./images/btn_02_selected.jpg");
}
#navigation ul.first-level li .btn-obras-selected{
	background:no-repeat #83af25 url("./images/btn_02_selected.jpg");
	border-bottom: 1px solid #83af25;
}
#navigation ul.first-level li .btn-pastoral:link, #navigation ul.first-level li .btn-pastoral:visited{
	background:no-repeat #3a9a21 url("./images/btn_03_active.jpg");
}
#navigation ul.first-level li .btn-pastoral:hover{
	background:no-repeat #3a9a21 url("./images/btn_03_selected.jpg");
}
#navigation ul.first-level li .btn-pastoral-selected{
	background:no-repeat #3a9a21 url("./images/btn_03_selected.jpg");
	border-bottom: 1px solid #3a9a21;
}
#navigation ul.first-level li .btn-educacion:link, #navigation ul.first-level li .btn-educacion:visited{
	background:no-repeat #1c9487 url("./images/btn_04_active.jpg");
}
#navigation ul.first-level li .btn-educacion:hover{
	background:no-repeat #1c9487 url("./images/btn_04_selected.jpg");
}
#navigation ul.first-level li .btn-educacion-selected{
	background:no-repeat #1c9487 url("./images/btn_04_selected.jpg");
	border-bottom: 1px solid #1c9487;
}
#navigation ul.first-level li .btn-hermano:link, #navigation ul.first-level li .btn-hermano:visited{
	width:190px;
	background:no-repeat #1872a0 url("./images/btn_05_active.jpg");
}
#navigation ul.first-level li .btn-hermano:hover{
	background:no-repeat #1872a0 url("./images/btn_05_selected.jpg");
}
#navigation ul.first-level li .btn-hermano-selected{
	background:no-repeat #1872a0 url("./images/btn_05_selected.jpg");
	border-bottom: 1px solid #1872a0;
}
#navigation ul.first-level li a span{
	display:none;
}
#navigation .second-level{
	float:left;
	clear:left;
	width: 950px;
	height: 28px;
	padding: 12px 0 0 20px;
}
#navigation .second-level ul li{
	padding: 0 3px;
}
#navigation .second-level ul li a:link, #navigation .second-level ul li a:visited{
	display:block;
	color: #FFF;
	padding: 2px;
	text-decoration: none;
}
#navigation .second-level ul li a:hover{
	background:#FFF;
}

/* Estilos para contenidos */
#content {
	float: left;
	width: 950px;
	padding:0 10px;
	background: repeat-y url("./images/bck_all.jpg");
}
h2 {
	width: 890px;
	margin: 0 30px;
	padding: 25px 0 5px 0;
	border-bottom: 1px solid;
	font-size: 28px;
	font-family: Arial, Helvetica, sans-serif;
}
h3 {
	margin: 0 30px;
	padding: 10px 0;
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
}
h4 {
	margin: 0 30px;
	padding: 10px 0;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
}
p {
	margin: 10px 30px;
	line-height: 20px;
	font-size: 12px;
	color: #666;
	text-align: left;
}
p.intro {
	line-height: 30px;
	margin: 20px 30px 30px 30px;
	font-size: 16px;
	color: #333;
	background: url("images/bck_intro.jpg");
	text-align: left;
}
p.note {
	line-height: 30px;
	margin: 20px 30px 30px 30px;
	font-size: 16px;
	color: #333;
	background: url("images/bck_intro.jpg");
	text-align: center;
	font-style: italic;
}
p.intro em, p.note em {
	font-size: 11px;
	font-style: normal;
	color: #666;
}	
.img-right {
	float: right;
	margin: 0 30px 10px 20px;
	clear: right;
	border: 1px solid #CCC;
}
.img-left {
	float: left;
	margin: 0 20px 10px 30px;
	clear: left;
	border: 1px solid #CCC;
}
.img-noticia-right {
	float: right;
	margin: 0 30px 10px 20px;
	clear: right;
}
.img-noticia-left {
	float: left;
	margin: 0 20px 10px 30px;
	clear: left;
}	
ol {
	list-style:decimal;
}
ol li ol {
	list-style: lower-alpha;
}
ol li {
	margin: 10px 30px 10px 50px;;
	line-height: 20px;
	font-size: 12px;
	color: #666;
	text-align: justify;
}

/* Estilos para el pie */
#footer{
	float:left;
	width: 950px;
	padding: 18px 10px 10px 10px;
	background:no-repeat bottom url("./images/bck_footer.jpg");
}
#footer .data{
	height:65px;
	padding: 25px 0 0 80px;
	background: no-repeat 6px 10px url("images/signum_fidei.jpg");
	color: #666;
}
#footer .data a:link, #footer .data a:visited{
	color: #333;
	text-decoration: none;
}
 #footer .data a:hover{
	text-decoration: underline;
}
 #footer .data .logos {
	float: right;
	margin-top: -10px;
}
 #footer .data .logos a {
	float: left;
	display: block;
	margin-right:5px;
}

.creditos {
	text-align: right;
	font-size: 10px;
	padding: 0 10px 5px 0;
}

/* Estilos globales para los foros */

dl.foro {
	width: 890px;
	float: left;
	padding: 0 30px;
	line-height: 20px;
	font-size: 12px;
	text-align: justify;
}
dl.foro dt {
	width: 100%;
	margin-top: 15px;
	border-top: 1px solid #999;
	padding: 5px 0 5px 0;
	float: left;
}
dl.foro dt a:link, dl.foro dt a:visited {
	display:block;
	font-size: 18px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
}
dl.foro dt span {
	color: #999;
	font-size: 12px;
	display: block;
	float: right;
	text-align: right;
}
dl.foro dd {
	width: 870px;
	float: left;
	color: #666;
	padding: 5px 10px;
	border-top: 1px dashed #CCC;
	background-color: #EEE;
}
dl.foro dd span {
	font-size: 11px;
	float: right;
	margin-top: 5px;
}
/* Estilos globales para los comentarios */

.comentarios dl {
	width: 890px;
	float: left;
	padding: 0 30px;
	line-height: 20px;
	font-size: 12px;
	text-align: justify;
}
.comentarios dl dt {
	margin-top: 15px;
	width: 100%;
	border-top: 1px solid #999;
	padding: 5px 0 5px 0;
	float: left;
}
.comentarios dl dt span {
	color: #999;
	font-size: 11px;
	display: block;
	float: right;
	text-align: right;
}
.comentarios dl dt span.autor {
	display:block;
	float: left;
	color: #666;
	font-size: 12px;
}
.comentarios dl dd {
	width: 870px;
	float: left;
	color: #666;
	padding: 5px 10px;
	border-top: 1px dashed #CCC;
	background-color: #EEE;
}
.comentarios dl dd span {
	font-size: 11px;
	float: right;
	margin-top: 5px;
}
.comentarios dl dd dl {
	width: 830px;
	padding: 0 20px;
	background: no-repeat url("images/2donivel.gif");
	float: left;
}
.comentarios dl dd dl dt {
	margin-top: 5px;
	padding: 0 0 5px 0;
	float: left;
	border: none;
}
.comentarios dl dd dl dd {
	width: 840px;
	float: left;
	padding: 5px 0;
	border-top: 1px dashed #CCC;
}
.nuevocomentario .enlaces {
	width: 890px;
	padding: 0 30px;
	text-align: right;
	display: block;
}
.nuevocomentario .acceso {
	width: 850px;
	margin: 0 30px;
	padding: 20px;
	background: #EEE;
	float: left;
}
.nuevocomentario .acceso form label {
	display: block;
	float: left;
	margin-right: 20px;
}
.nuevocomentario .acceso form label.btnform input {
	width: auto;
}
.nuevocomentario .acceso form input {
	width: 160px;
}
.nuevocomentario .registro {
	width: 850px;
	margin: 0 30px;
	padding: 20px;
	background: #EEE;
	float: left;
}
.nuevocomentario .registro form label {
	display: block;
	width: 500px;
	text-align: right;
	margin-bottom: 10px;
}
.nuevocomentario .registro form label.btnform input {
	width: auto;
}
.nuevocomentario .registro form label input {
	width: 300px;
}
.nuevocomentario .crearcomentario {
	width: 850px;
	margin: 0 30px;
	padding: 20px;
	background: #EEE;
	float: left;
}
.nuevocomentario .crearcomentario form label {
	display: block;
	width: 600px;
	text-align: right;
	margin-bottom: 10px;
}
.nuevocomentario .crearcomentario form textarea {
	width: 600px;
	height: 200px;
}

/* Estilos para contenidos con sumario */

.sumario {
	width: 180px;
	padding: 10px;
	float: right;
	background: #EEE;
	margin-right: 30px;
	font-size: 12px;
}
.sumario ul li {
	padding: 10px 0;
	border-bottom: 1px dotted #CCC;
}
.contenido-sumario {
	width: 720px;
	float: left;
}

/* Estilos para contenidos con sumario */

.banners {
	margin-top: 20px;
	width: 270px;
	padding: 10px;
	float: right;
	margin-right: 30px;
}
.banners ul li {
	padding: 10px 0;
	border-bottom: 1px dotted #CCC;
}
.contenido-banners {
	margin-top: 20px;
	width: 630px;
	float: left;
}