/*Cuerpo General de la Pagina*/
body {
	margin: 0px;
	background-color: #002E47;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #333333;
	font-size: small;
}

#container_txt ul li {
   list-style-image:url("icon_list.gif"/*tpa=http://www.fundacionelbuenpastor.org.co/css/img/icon_list.gif*/);
}
table td{
	background: none;
	border-width: 1px;
}

/*Ling Generales*/
a:link,
a:visited{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003366;
	text-decoration: none;
	line-height:12px;
}

a:hover{
	color:#FF6600;
}

a:active{
	color: #006699;
}


/*Titulo h1*/
h1 {
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 24px;
	color: #0099CC;
	clear: both;
}

/*Titulo h2*/
h2 {
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 16px;
	color: #FFFFFF;
	text-transform: uppercase;
	background-color: #003366;
	padding: 5px 5px 5px 5px;
	text-align: center;
}

#cont_titulo{
	text-align: center;
}
/* Fecha de la Noticias*/
.fecha {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #006699;
	text-decoration: none;
}

/* Tamaño de los Documentos a Bajar - Texto debajo de los Iconos*/
.size{
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #666666;
	text-decoration: none;
	text-align: center;
}

/*Noticias*/
#noticias {
	margin: 0px 50px 0px 50px;
}

/*Titulos de las noticias imagenes*/
#noticias h3 {
	background-image: url("t_noticias.jpg"/*tpa=http://www.fundacionelbuenpastor.org.co/css/img/t_noticias.jpg*/);
	background-repeat: no-repeat;
	height: 46px;
	background-position: center top;
}

/*Pie de la Noticia*/
#not_pie {
	height: 80px;
	padding-right: 30px;
	background-image: url("hr_sep.jpg"/*tpa=http://www.fundacionelbuenpastor.org.co/css/img/hr_sep.jpg*/);
	background-repeat: no-repeat;
	background-position: center center;
	text-align: right;
}
/*Para quietarle el borde al boton de ampliar*/
#not_pie img{
	border-width: 0px;
}


/* Descarga de documentos general*/
/*Descripcion de los documentos*/
#docs_desc {
	margin-left: 5px;
	text-align: justify;
	margin-right: 40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #006699;
	text-decoration: none;
}

/*Imagenes de los iconos de cada tipo de Documento*/
#docs_img {
	text-align: center;
	height: 30px;
	width: 30px;
	float: right;
	padding: 10px 10px 10px 10px;
}
/*Este es para que no pongo borde a la imagen del icono*/
#docs_img img{
	border-width: 0px;
}

/*Linea que sepra El decumento del contenido*/
#docs_pie {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: thin;
	border-left-width: 0px;
	border-bottom-style: dashed;
	border-bottom-color: #666666;
	margin-top: 10px;
	margin-bottom: 10px;
}

/*Estilos de las Tablas*/
/*En tabla esta definido el Tamaño de fuente en la tabla*/
#tabla_contenido table{
	border-collapse: collapse;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", verdana, lucida, helvetica, sans-serif;
	font-size: 8pt;
	margin: 0;
	padding: 0;
	color: #333333;
}

#tabla_contenido caption {
	font-size: 1.4em;
	font-stretch: condensed;
	font-weight: bold;
	padding-bottom: 5px;
	text-align: left;
	text-transform: uppercase;
}

#tabla_contenido th, td {
	border-bottom: 1px solid #666;
	border-top: 1px solid #666;
	padding: 0.6em;
	vertical-align: 4px;
}

#tabla_contenido th {
	text-align: left;
	text-transform: uppercase;
}

#tabla_contenido thead th, tfoot th, tfoot td {
	background-color: #AECFEC;
	font-size: 1.1em;
}

#tabla_contenido tbody th, td {background-color:#eee;}
#tabla_contenido tbody tr:hover td, tbody tr:hover th {
	background-color: #FFFBF4;
}
#tabla_contenido tr.odd td, tr.odd th {	background-color: #ddd;}
#tabla_contenido tr td, tr th {
	background-color: #F3F3F3;
}
#tabla_contenido tbody a {
	color: #006699;
	text-decoration: none;
}
#tabla_contenido tbody a:visited {color: #999999;}
#tabla_contenido tbody a:hover {
	color: #999966;
}
#tabla_contenido tbody a:active {color: #33c;}
#tabla_contenido tfoot th {text-align: right;}
#tabla_contenido tfoot th:after {content: ":";}


/*Diseño grafico de las Tablas Bordes*/
/*Ancho General de las Tablas*/
#tabla_cont{
	width:90%;
	margin:auto;
}

/*Parte Superior*/
#tabla_topcontainer{
	background-image: url("tab_top_rep.png"/*tpa=http://www.fundacionelbuenpastor.org.co/css/img/tab_top_rep.png*/);
	background-repeat: repeat-x;
	height: 72px;
	text-align: center;
	margin: 0;
}
#tabla_topTitle {
	height: 72px;
	background-image: url("leftTab.gif"/*tpa=http://www.fundacionelbuenpastor.org.co/css/img/leftTab.gif*/);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 14px;
}
#tabla_topTitle .central {
	background-image: url("rightTab.gif"/*tpa=http://www.fundacionelbuenpastor.org.co/css/img/rightTab.gif*/);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
#tabla_bottom {
	height: 41px;
	background-image: url("leftTabBtm.gif"/*tpa=http://www.fundacionelbuenpastor.org.co/css/img/leftTabBtm.gif*/);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 14px;
}
#tabla_bottom .central {
	background-image: url("rightTabBtm.gif"/*tpa=http://www.fundacionelbuenpastor.org.co/css/img/rightTabBtm.gif*/);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
/*imagen Superior izq*/
.tabla_izq{
	float: left;
	margin: 0px;
	padding: 0px;
}

/*Imagen Superior Derecha*/
.tabla_der{
	float: right;
	margin: 0px;
	padding: 0px;
}

/*Inferior de la Tabla*/
#tabla_bottoncontainer{
	background-image: url("tab_inf_rep.png"/*tpa=http://www.fundacionelbuenpastor.org.co/css/img/tab_inf_rep.png*/);
	background-repeat: repeat-x;
	height: 41px;
	text-align: center;
	margin: 0 12px 0 12px;
}


/*Paginador Tablas*/
#tabla_paginar{
	background-color: #E4E4E4;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #666666;
	border-bottom-color: #666666;
	height: 30px;
	padding-top: 5px;
	text-align: center;
}
/*Separador Tabla Links*/
#tabla_sep{
	background-color: #E4E4E4;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #666666;
	border-bottom-color: #666666;
	height: 5px;
	padding-top: 5px;
	text-align: center;
}

/*tabla buscar*/
#tabla_buscar{
	background-color: #FFFDE4;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #666666;
	border-bottom-color: #666666;
	height: 30px;
	padding-top: 5px;
	background-image: url("bg_buscar.jpg"/*tpa=http://www.fundacionelbuenpastor.org.co/css/img/bg_buscar.jpg*/);
	background-repeat: no-repeat;
	background-position: right top;
	text-align: center;
}

/*Separadores*/
#separador{
	text-align: center middle;
	background-image: url("hr_sep.jpg"/*tpa=http://www.fundacionelbuenpastor.org.co/css/img/hr_sep.jpg*/);
	height: 60px;
	background-repeat: no-repeat;
	background-position: center;
}

/*Contenedor de Texto Contenidos*/
#cont_text{
	text-align: justify;
}

/*Diseño grafico de los Comentarios*/
/*Ancho General de las Comentarios*/

#comentarios{
	width:90%;
	margin:auto;
	color: #006699;
}

#com_titulo{
	text-align: center;
	margin-bottom: 10px;
}
/*Imagen del Header de comentarios*/

#c_topcontainer{
	background-image: url("coment_top_rep.png"/*tpa=http://www.fundacionelbuenpastor.org.co/css/img/coment_top_rep.png*/);
	background-repeat: repeat-x;
	height: 22px;
	margin: 0 20px 0 20px;
}
#commentTop {
	background-image: url("comTopLeftTab.gif"/*tpa=http://www.fundacionelbuenpastor.org.co/css/img/comTopLeftTab.gif*/);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin: 0px;
	height: 22px;
	padding-left: 22px;
}
#commentTop .central {
	background-image: url("comTopRightTab.gif"/*tpa=http://www.fundacionelbuenpastor.org.co/css/img/comTopRightTab.gif*/);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 22px;
}
#commentBottom {
	background-image: url("comBotLeftTab.gif"/*tpa=http://www.fundacionelbuenpastor.org.co/css/img/comBotLeftTab.gif*/);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	height: 42px;
	padding-left: 22px;
}
#commentBottom .central {
	background-image: url("comBotRightTab.gif"/*tpa=http://www.fundacionelbuenpastor.org.co/css/img/comBotRightTab.gif*/);
	background-repeat: no-repeat;
	background-position: right top;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
#whiteBg {
	background-color: #FFFFFF;
}
/*Centro de la Tabla*/
div.content {
	background-image:url("coment_mid_izq.gif"/*tpa=http://www.fundacionelbuenpastor.org.co/css/img/coment_mid_izq.gif*/);
	background-repeat:repeat-y;
}

div.boxcontrol {
	padding:0 22px 0 22px;
	background-image:url("coment_mid_der.gif"/*tpa=http://www.fundacionelbuenpastor.org.co/css/img/coment_mid_der.gif*/);
	background-position:right;
	background-repeat:repeat-y;
	text-align: justify;
}

/*Color y tipo de letra dela Fecha de los Comentarios*/
#fecha{
	background-image: url("coment_reloj.jpg"/*tpa=http://www.fundacionelbuenpastor.org.co/css/img/coment_reloj.jpg*/);
	background-position: top right;
	background-repeat: no-repeat;
	font-family: "Trebuchet MS";
	color: #003366;
	text-align: right;
	padding:5px 28px 20px 0;
	height: 10px;
}
/*Pie de los Comentarios*/
#c_bottoncontainer{
	background-image: url("coment_inf_rep.png"/*tpa=http://www.fundacionelbuenpastor.org.co/css/img/coment_inf_rep.png*/);
	background-repeat: repeat-x;
	height: 42px;
	text-align: center;
	margin: 0 20px 0 20px;
}

/*Color y fuente del ususario que hizo el comentario*/
#c_usuario{
	text-align:center;
	font-family:"Trebuchet MS";
	color:#FFFFFF;
	font-size:12px;
	padding: 5px 0 10px 0;
}

/*Numero de comentarios echos*/
#no_comenta{
	background-image: url("comenta.png"/*tpa=http://www.fundacionelbuenpastor.org.co/css/img/comenta.png*/);
	height: 22px;
	background-repeat: no-repeat;
	width: 30px;
	float: right;
	padding: 3px 15px 5px 80px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	color: #996600;
}

/*Formularios Comentarios*/
#etiqueta{
	width: 40%;
	float: left;
	font-family: "Trebuchet MS";
	text-align: right;
	padding-top: 5px;
}

/*Compo de formularios*/
#campo{
	margin-left: 41%;
	text-align: left;
	padding-top: 5px;
	font-family: "Trebuchet MS";
}
/*Color Textareas , campo, combos de todos los formularios*/
.textareas{
	font-family: "Trebuchet MS";
	font-size: 10px;
	text-align: justify;
}

/*Color de fuente de los formularios*/
.formas{
	font-family: "Trebuchet MS";
	font-size: 9px;
	text-align: justify;
}

/*En Construccion*/
#enconst{
	height: 193px;
	background-image: url("enconstruccion.gif"/*tpa=http://www.fundacionelbuenpastor.org.co/css/img/enconstruccion.gif*/);
	background-repeat: no-repeat;
	background-position: center top;
}

/*Fqs*/
#fqs {
	height:90%
}

/*Titulo de los FQS*/
#fqs h3 {
	height:68px;
	background-image: url("tit_fqs.png"/*tpa=http://www.fundacionelbuenpastor.org.co/css/img/tit_fqs.png*/);
	background-repeat: no-repeat;
	background-position: center top;
}

/*Tipo de Pregunta*/
#fqs_q{
	height:15px;
	font-family: "Trebuchet MS";
	font-size: 12px;
	border-bottom: 1px;
	border-bottom-color: #CCCCCC;
	border-bottom-style: dashed;
	padding: 4px 0 4px 0;
}

/*Boton regresar de los FQS*/
#regresar{
	height:30px;
	width: 95px;
	margin-left: 75%;
}

/*Galeria de Fotos Con Presentacion*/
#foto_cont{
	width: 160px;
	text-align: center;
	float: left;
	padding: 10px 0 10px 0;
	height: 160px;
}

/*Mensaje de los comentarios*/
#mensaje{
	padding-bottom:10px;
	font-size:11px;
	text-align:center;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-bottom-style: dashed;
	border-top-color: #006699;
	border-right-color: #006699;
	border-bottom-color: #006699;
	border-left-color: #006699;
}

#cargando{
	height: 25px;
	width: 300px;
	text-align: center;
}

/*Ampliacion Empleados*/
#dir_cont{
	width: 95%;
}

#dir_cont h3 {
	background-image: url("amp_empleados.png"/*tpa=http://www.fundacionelbuenpastor.org.co/css/img/amp_empleados.png*/);
	background-repeat: no-repeat;
	background-position: center top;
	height: 55px;
}
#dir_foto{
	width: 200px;
	border: 3px solid #666666;
	float: left;
	margin-left: 10px;
}
#dir_datos{
	margin-left: 230px;
	margin-right: 10px;
}
#dir_desc{
	margin-right: 10px;
	margin-top:10px;
	border-top-color: #999999;
	border-top-style: dashed;
	border-top-width: thin;
}
#dir_regresar{
	width: 100px;
	margin-left: 10px;
	padding-top: 0px;
	float: left;
}