/*CONFERENCIA EPISCOPAL DE COLOMBIA
  JURISDICCION CARTAGO********************/


/*************************** apariencia general ***************************/
body{
	color: #000;
	height: auto;
	font-size:9pt;
	line-height: 12pt;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	background: #4780B3 url(graficas/bg_body.gif);
	text-align: center;
	margin-top: 0;
	padding-top: 0;
	}

blockquote{
	padding:5px 0px 5px 10px;	
}

p{
	padding:5px 0 5px 0;
	margin: 0;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size:8pt;
	line-height: 12pt;
	text-align: left;
	color: #000;
}

p a:link{
	color: #77211e;
	text-decoration: none;
}

p a:visited{
	color:#818DAE;
	text-decoration: underline;
}

p a:hover{
	color: #77211e6;
   	text-decoration: underline;
}

a:link{
	color: #77211e;
	text-decoration: none;
}

a:visited{
	color:#818DAE;
	text-decoration: underline;
}

a:hover{
	color: #77211e6;
   	text-decoration: underline;
}


.renglon{
	clear: both;
    margin:10px 0px 10px 0px;
	}


ul{
margin: 0 0 0 5px;
padding: 0px;
}

ol{
margin: 0 0 0 25px;
padding: 0;
}

ul li{
	list-style: none;
	background-image: url(graficas/bullet.gif);
	background-position: 0px +9px;
	background-repeat: no-repeat;
	padding-left: 15px;
	margin-left: 0px;
	padding-bottom: 5px;
	padding-top: 5px;
	line-height: 10pt;
}

li a:link{
	color: #163291;
	text-decoration: none;
}

li a:visited{
	color:#80AAD5;
	text-decoration: underline;
}

li a:hover{
	color: #E83B3D;
   	text-decoration: underline;
}	

.renglon{
	clear: both;
	margin: 10px 0 10px 0;
}

.banner{
	clear: both;
	margin: 0 0 10px 0;
}

h1{/*titulos de seccion*/
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14pt;
color: #77211e;
font-weight: normal;
padding: 10px 0 5px 0;
margin: 0;
}

h2{/*titulos de categoria*/
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 13pt;
color: #77211e6;
font-weight: normal;
padding: 10px 0 0px 0;
margin: 0;
}

h3{/*titulos del item*/
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 11pt;
color: #77211e6;
font-weight: bold;
padding: 15px 0 5px 0;
margin: 0;
}

h4{/*opcional: fecha de publicación, autor, etc*/
	padding:5px 0 0px 0;
	margin: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:9pt;
	line-height: 12pt;
	text-align: left;
	color: #77211e6;
	font-weight: normal;
}

h5{/*migas*/ 
	padding: 0px 0px 10px 0px;
	margin: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:8pt;
	line-height: 12pt;
	text-align: left;
	color: #77211e6;
	font-weight: normal;
}

h5 a:link, h5 a:visited{/*migas*/ 
	text-decoration: none;
	color: #77211e6;
}

h5 a:hover{/*migas*/ 
	text-decoration: underline;
	color: #E83B3D;
}

/**********F O R M A T O  P A R A  I M A G E N E S *************/

.imagen_izq{
	border: none;
	float: left;
	margin: 0px 10px 0px 0px;
}

.imagen_der{
	border: none;
	float: right;
	margin: 0px 0px 10px 0px;
}

/**********F O R M A T O  P A R A  T A B L A S *************/

table.standard {
	/* standard table spacing*/
	border-collapse: collapse;
	background-color: #FFFFFF;
	width: 100%;
	margin: 15px 0px 15px 0px;
	padding: 0px;
	font-family:Georgia, "Times New Roman", Times, serif;
}

table.standard th {
	/* celdas encabezado de la tabla */
	margin: 0px;
	padding: 5px 5px 5px 5px;
	background-color: #a99682;
	color: #000;
	text-align: left;
	font-weight: normal;
}

table.standard tr {
 /*	 filas */
	vertical-align: top;
}

table.standard tr a:link, table.standard tr a:visited{
 /*	 filas */
	text-decoration: underline;
	color: #E15959;
}

table.standard tr a:hover{
 /*	 filas */
	text-decoration: underline;
	color: #E15959;
}


table.standard td {
	/* celdas */
	margin: 0px;
	padding: 3px 5px 3px 5px;
}


table.cellborder tr {
	/* borde de las celdas */
	border-bottom: 1px solid #D4D9C2;
}


/* filas alternadas */

tr.color1{
	/* 1º y siguiente filas impares */
	background-color: #fff;
}

tr.color2, tr.alt {
	/* 2º y siguientes filas pares */
	background-color: #EDEFE5;
}


/* formato para las celdas */
th.icon, td.icon {
	text-align: center;
}
/**************   C O N T E N E D O R  *************************/

#contenedor{
	margin: 0 auto;
	text-align: left;
	padding: 0px;
	margin-top: 10px;
	width: 750px;
	background-color: #fff;
	
}

/**************  E N C A B E Z A D O  *************************/

#encabezado{
margin: 0 0 0 0;
padding: 0;
background: url(graficas/encab.jpg) center bottom no-repeat;
height: 193px;
}

#encabezado h1, #encabezado h2, #encabezado h3{display:none}

/**************  M E N U  C O M U N I C A C I O N  *************************/

#menu_comunicacion{
clear: both;
padding: 0;
margin: 0;
background: url(graficas/bg-menu1.jpg) repeat-x;
height: 36px;
}

#m_comunic ul{
	margin: 0;
	color: #fff;
	float: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 10pt;
}

#m_comunic ul li {
display: inline;
	list-style: none;
	background-image: none;
	padding:0px;
	
 }

#m_comunic ul li a{
	/*width: 105px;*/
	height: 25px;
	margin: 0;
	padding: 11px 16px 0 16px!important;
	padding: 11px 14px 0 14px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	float: left;
	border-right: 1px solid #C27C78;
	background: url(graficas/bg-menu1.jpg) repeat-x;
}

#m_comunic ul li a:hover{
color: #fff;
text-decoration: none;
	background: url(graficas/bg-menu1hover.jpg) repeat-x;
}

/********************/
#abajo{
clear: both;
margin: 0;
padding: 0 0 0 0;
background:url(graficas/bg-bloque1.jpg) 100px 0 repeat-y;
overflow: auto;

}

/**************  B L O Q U E   1  *************************/


#bloque_1{
clear: both;
margin-top: 0;
width: 170px;
float: left;
}

#listado, #listado2 {
	padding: 40px 0 0 0;
	
}
#m_ppal {
	/*background: red;*/
	}
#m_ppal ul{
	margin-top: 0px;
	margin-left: 10px;
	padding-left: 0;
	list-style-type: none;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#m_ppal ul li{
background-image:none;
margin: 0;
padding: 0;
}
 #listado ul li {
width: 155px;
height: 30px;
margin: 0 0 2px 0;
display: block;
}
#m_ppal ul li a:link, #m_ppal ul li a:visited{
	display: block;
	padding: 9px 8px 8px 0;
	text-align: right;
	color: #180710;
	text-decoration: none;
	width: 152px;
	border-bottom: 1px solid #77211E;
	margin: 0;
	
	font-size: 1.1em;
}
#m_ppal ul li a:hover{
background: #77211E;
color: #fff;
}
 
#listado .hijo a:link,#listado .hijo a:visited  {
        background:#fff;
	font-size: 1em;
        color:#77211e;
        padding: 5px 0px;
        text-align: right;
} 
#listado .hijo a:hover {
        background:#77211e;
	font-size: 1em;
        color:#fff;
        padding: 5px 0px;
        text-align: right;
} 
/****************/

#izquierda1-tit{
	margin: 20px 0 0 10px;
	background:url(graficas/bg_notired.jpg) top left no-repeat;
	width: 155px;
	height: 24px;
	clear: both;	
}

#izquierda1-tit h1{
	display: none;
}


#izquierda1{
	width: 143px;
	padding:5px;
	clear: both;
	border-left: 1px solid #A33436;
	border-right: 1px solid #A33436;
	border-bottom: 1px solid #A33436;
	height: 200px;
	margin-left: 10px;
	
}



#prog_especiales{
        text-align: right;
        margin: 0;
        clear: both;
		padding: 20px 0 0 0;
}

.validador{
        border: 0;
        display: block;
        margin: 0 auto !important;
}

/**************  B L O Q U E   2  *************************/

#bloque_2{
margin-top: 0; 
padding: 0;
width: 560px;
float: right;
bacground: red;
}


#contenidos{
width: 365px;
float: left;
padding: 10px 15px 0 0px;
margin: 10px 0 0 0;

}

#centro1{/*banner*/
padding: 20px 0 0 0;
width: 365px;
margin-bottom:20px;
overflow: auto;
}

#centro1 h2{
display: none;
}

#centro2{
margin-bottom: 20px;
}

#centro2 .capsula {
margin: 10px 0 0 0;
padding: 0;
overflow:auto;
}

#centro2 .capsula h1{
color: #C63F3F;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.4em;
}

#centro2 .capsula h2{
	color: #77211e6;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	margin: 0 0 5px 0;
	padding: 0;
}

#centro2 .capsula p, #centro3 .capsula p, #centro4 .capsula p{
color: #000;
font-size: 1em;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height: 120%;
}


#centro3, #centro4, #centro5{
background: url(graficas/tit-capsulas.jpg) top no-repeat;
padding: 8px 5px 15px 5px;
overflow: auto;
}

#centro3izq{
width: 170px;
float: left;
overflow: auto;
padding: 0px 0 0 0;
}

#centro3der{
padding: 30px 5px 5px 5px;background:url(graficas/tit-notidiocesis.jpg) left top no-repeat;
width: 160px;text-align: right;
overflow: auto;
border: 1px solid #9DC6EF;
height: 250px;
overflow:hidden;
margin: 25px 0 0 0;
float:right;
}

#centro3izq .capsula{
margin: 0px 0 7px 0;
clear: both;
width: 100%;
overflow: auto;
}

#centro3 h1, #centro4 h1, #centro5 h1{
margin: 0 0 0 5px;
padding: 0;
color: #fff;
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 1.6em;
font-weight:normal;
text-align: left;
}

#centro3 .capsula, #centro4 .capsula,  #centro5 .capsula{
margin: 10px 0 5px 0;
padding: 15px 0 0 0;
clear: both;
width: 100%;
overflow: auto;
}

#centro3 .capsula h1{
color: #C52525;
font-family:Arial, Helvetica, sans-serif;
padding: 0;
margin: 0;
}

#centro3 .capsula h2, #centro4 .capsula h2, #centro5 .capsula h2{
	color: #014C92;
	font-size: 1.3em;
	margin: 0 0 5px 0;
	font-weight:bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 0;
	line-height: 120%;
}

#centro4 .capsula h1{
color: #C52525;
font-family:Arial, Helvetica, sans-serif;
padding: 0;
margin: 0;
}

#centro4 .capsula h2{
color: #004C92;
font-size: 10pt;
margin: 0 0 3px 0;
font-family:Arial, Helvetica, sans-serif;
padding: 0;
}

#centro4 .capsula strong{
color: #004C92;
}

#centro5 .capsula p{
color: #000;
font-size: 8pt;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height: 110%;
margin: 0px 0 0 0;
}

/* * * * * * * * * *   E X T R A S * * * * * * * * * * * */

#extras{
width: 160px;
height: auto;
float: right;
padding: 0 15px 0 0;
margin: 0;
}

#derecha1{
	margin: 5px 0 15px 0;
	padding: 30px 0 0 0;
}

#derecha1 ul {
	margin: 0px 5px 0 0px;
	padding: 0;
	list-style-type: none;
	font-size: 1.3em;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
}

#derecha1 ul li{
	list-style: none;
	background-image: none;
	padding:0px;
	margin: 3px 0 0 0;
	height: 24px;
}

#derecha1 ul li a{
}

#derecha1 ul li.inicio{
background:url(graficas/bot-inicio.jpg);
height: 24px;
width: 158px;
}

#derecha1 ul li.mapa{
background:url(graficas/bot-mapa.jpg);
height: 24px;
width: 158px;
}

#derecha1 ul li.chat{
background:url(graficas/bot-charlas.jpg);
height: 24px;
width: 158px;
}

#derecha1 ul li.foros{
background:url(graficas/bot-foros.jpg);
height: 24px;
width: 158px;
}

#derecha1 ul li.rss{
background:url(graficas/bot-rss.jpg);
height: 24px;
width: 158px;
}

#derecha1 ul li.inicio a:link,
#derecha1 ul li.inicio a:visited,
#derecha1 ul li.mapa a:link,
#derecha1 ul li.mapa a:visited,
#derecha1 ul li.chat a:link,
#derecha1 ul li.chat a:visited,
#derecha1 ul li.foros a:link,
#derecha1 ul li.foros a:visited,
#derecha1 ul li.rss a:link,
#derecha1 ul li.rss a:visited{
display: block;
padding: 5px 0 5px 35px;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
color: #AB3128;
font-size: 1em;
text-decoration: none;
}

#derecha1 ul li.inicio a:hover{
background:url(graficas/bot-inicio-h.jpg);
}

#derecha1 ul li.mapa a:hover{
background:url(graficas/bot-mapa-h.jpg);
}

#derecha1 ul li.chat a:hover{
background:url(graficas/bot-charlas-h.jpg);
}

#derecha1 ul li.foros a:hover{
background:url(graficas/bot-foros-h.jpg);
}

#derecha1 ul li.rss a:hover{
background:url(graficas/bot-rss-h.jpg);
}

#derecha2{
	background: url(graficas/tit_enlaces.jpg) top left no-repeat;
	margin: 20px 0 0 0;
	padding: 23px 0 0 0;
}

#derecha2 ul {
	margin: 0px;
	border: 1px solid #AB3128;
	padding: 0;
	list-style-type: none;
	font-size: 1.1em;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
}

#derecha2 ul li{
	list-style-type:none; 
	background-image: url(graficas/bullet.gif);
	background-position: 0 9px;
	padding:0 0 0 12px;
	margin:5px 0 0 5px;
	width: 140px;
}

#derecha2 ul li a{
	padding: 5px;
}

#derecha2 a:link, #derecha2 a:visited{
display: block;
color:#AB3128;
text-decoration: none;
}

#derecha2 a:hover
{
background-color:#AB3128;
color: #fff;
}


#derecha3{
	margin: 20px 0 0 0;
	}


.titulo{
	background: url(graficas/tit-benefactores.gif) top left no-repeat;
	height: 35px;
}

.titulo h1{
	display: none;
}


.cont{
	margin: 0;
	padding: 5px;
	border: 1px solid #006499;
}

.cont h2{
	color:#77211e6;
	font:bold 1.1em Verdana, Geneva, sans-serif;
}


#derecha1 h1, #derecha2 h1 {
display: none	
}

.derecha_banner{
margin: 10px 0 0 0px;
padding: 0;
	  width: 160px;
	  border: 0px;
}



/**************  P I E   D E   P A G I N A  *************************/

#pie{
clear: both;
padding: 15px 15px 15px 0;
width: 550px;
float:right;
border-top: 1px solid #A99682;
overflow: auto;
}

#pie p{
text-align: right;
color: #000;
}

#pie p a:link, #pie p a:visited{
text-decoration: none;
color: #AB3128;
}

#pie p a:hover{
text-decoration: underline;
color: #AB3128;
}

/************E S T I L O S  P A R A  S E C U N D A R I A S **************/

#bloque_2-sec{
margin-top: 0px;
width: 570px;
float: right;
background: url(graficas/bg_blizq.jpg) top repeat-x;
}


#contenidos-sec{
/*background-color: yellow;*/
width: 520px;
float: right;
padding: 45px 20px 15px 20px;
}

#contenidos-sec h1{
margin-top: 15px;
}