/*
 Observatorio de Salud
*/

* { 
padding: 0;
margin: 0;
}

.clr {
	clear: both;
}

.imgIzq{
	float:left;
	margin:3px;
	}

body {
background-image:url(../images/backGroundBody.jpg);
background-repeat:repeat-x;
font-size: 62.5%;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
color: #333;
background-color:#676767;
}

/* attachment */
div.attachmentsList table {
	border:#97BAC1 solid 1px;
	}

div.attachmentsList table thead{
	border:#97BAC1 solid 1px;
	background-color:#ECF4F4;
	}

div.attachmentsList table tbody{
	padding:6px;
	background-color:#ECF4F4;
	margin:10px;
	}

td.at_file_size{
	text-align:center;
	}

a.at_url{
	padding:5px;
	}

a.at_icon{
	padding:5px;
	}

div.attachmentsList table caption{
	font-weight:bold;
	text-align:left;
	font-size:12px;
	padding:7px;
	}

/* fin attachment */

#contenedor { 
background-image:url(../images/backGroundWrapper.jpg);
background-repeat:repeat-y;
margin: 0 auto;
width: 992px;
height:auto;
}

#header {
background-image:url(../images/disennoObservatorioCabezote.jpg);
background-repeat:no-repeat;
height:255px;
width: 992px;
text-align:left;
}

#notasArticulos{
	font-size:10px;
	color:#000;
	background-color:#FFC;
	padding:10px;
	width:500px;
	float:left;
	border-color:#F60;
	border-style:solid;
	border-width:medium;
	}

#navegacion {
float:right;
width: 520px;
height:39px;
margin: 0px 0px 5px 0px;
}

#izquierda { 
margin: 0px 0px 5px 5px;
padding: 0px 5px 5px 2px;
width: 162px;
float: left;
text-align:left;
}

#contenido {
float: left;
margin: 0px 5px 5px 5px;
padding-right:3px;
width: 795px;
height:auto;
}

#derecha { 
color: #333;
margin: 0px 0px 5px 5px;
text-align:center;
width: 169px;
float:right;
}

#contenido2{
	width:605px;
	font-size:9px;
	height:auto;
	float: left;
	}

#mesaCiudadana{
	background-image:url(../images/formatoMenuFlotanteBuzonesFondoLinks.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	float:left;
	width:204px;
	}

#mesaCiudadana .moduletablemodMesaCiu{
	padding:10px;
	height:80px;
	}
	
#mesaCiudadana ul li{
	list-style:none;
	}

#IPS{
	background-image:url(../images/formatoMenuFlotanteBuzonesFondoLinks.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	float:left;
	width:204px;
	}

#IPS .moduletableips{
	padding:10px;
	height:80px;
	}

#IPS ul li{
	list-style:none;
	}

#buzon{
	background-image:url(../images/formatoMenuFlotanteBuzonesFondoLinks.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	float:left;
	width:204px;
	}

#buzon .moduletablebuzon{
	padding:10px;
	height:80px;
	}

#buzon ul li{
	list-style:none;
	}

#botonera{
	float:left;
	width:171px;
	}

#botonera .moduletablebotones{
margin:0px;	}

#contenido2 table.blog{
	width:606px;
	margin:3px 10px 3px 0px;
	}

#contenido2 table.blog tbody{
margin-right:15px;
	}
/* modules inicio */

#muduleDos .moduletable {
	padding:10px;
	}

#muduleDos .moduletablemodBusqueda {
	border:#2f6877 1px solid;
	padding:3px;
	background-color:#F8F8F8;
	text-align:center;
	}

#muduleDos .moduletablemodBusqueda h3 {
	margin:-3px;
	margin-bottom:3px;
	color:#FFF;
	padding:3px;
	background-color:#163c46;
	text-align:center;
	}

#muduleDos .moduletable tbody{
	margin-top:3px;
}

#muduleDos .moduletable ul{
	list-style-type:none;
}

#muduleUno #gallery{
	float:left;
	}

#muduleUno .moduletable h3{
	margin:-6px;
	margin-bottom:3px;
	color:#5C768F;
	font-size:2em;
	padding:3px;
	text-align:left;
	}

#muduleDos .moduletable h3{
	margin:-3px;
	margin-bottom:3px;
	color:#FFF;
	padding:3px;
	background-color:#163c46;
	text-align:center;
	}
	
#muduleTres .moduletable {
	padding:10px;
	}
	
#muduleTres .moduletable tbody{
	margin-top:3px;
}

#muduleTres .moduletable ul{
	list-style-type:none;
}

#muduleTres .moduletable h3{
	margin:-3px;
	margin-bottom:3px;
	color:#FFF;
	padding:3px;
	background-color:#163c46;
	text-align:center;
	}

#muduleCuatro .moduletable {
	padding:10px;
	}
	
#muduleCuatro .moduletable tbody{
	margin-top:3px;
}

#muduleCuatro .moduletable ul{
	list-style-type:none;
}

#muduleCuatro .moduletable h3{
	margin:-3px;
	margin-bottom:3px;
	color:#FFF;
	padding:3px;
	background-color:#163c46;
	text-align:center;
	}

#muduleUno{
	margin:5px;
	float:left;
	width:783px;
	text-align:left;
	}

#muduleDos{
	margin:5px 5px 5px 0px;
	float:left;
	width:204px;
	}

#muduleTres{
	margin:5px;
	float:left;
	width:204px;
	}

#muduleCuatro{
	margin:5px;
	float:left;
	width:204px;
	}
/* fin mocules inicio */


#contenedorUsers{
	text-align:center;
	height:130px;
	width:600px;
	margin-bottom:10px;
	}
	
#contenedorBanner{
	text-align:center;
	height:130px;
	width: auto;
	margin-bottom:10px;
	}

#user1{
	width:190px;
	height:auto;
	margin-left:17px;
	float:left;
	background-color:#f7fafb;
	text-align:center;
	}
	
#user2{
	width:150px;
	margin-left:35px;
	float:left;
	text-align:left;
	}

#user3{
	width:190px;
	float:right;
	margin-right:10px;
	background-color:#f7fafb;
	text-align:left;
	}

#footer { 
background-image:url(../images/footer.jpg);
background-repeat:no-repeat;
width:992px;
height:120px;
padding: 10px;
clear:both;
}

/* Color
--------------------------------------------------------- */

#header a {
font-size:1em;
margin-left:10px;
margin-top:25px;
}
#imageNoPadding img{
	padding:0px;
	}

#pie{
	font-size:9px;text-align:center; 
	background-color:#676767; 
	color:#FFF; 
	padding-top:5px; 
	padding-right:10px;
	padding-left:10px;
	clear:left;
	}
#pie a{
text-decoration:none;
font:Verdana, Geneva, sans-serif;
font-size:1em;
font-stretch:narrower;
font-weight:bold;
color:#CCC;
	}
	
a{
text-decoration:none;
font:Verdana, Geneva, sans-serif;
font-size:1em;
font-stretch:narrower;
font-weight:bold;
}

#azul a{
color:#3B6EA5;
}

#azul #header a {
color:#3B6EA5;
}

#verde a{
color:#59AC03;
}

#verde #header a {
color:#59AC03;
}

#rojo a{
color:#FF3131;
}

#rojo #header a {
color:#FF3131;
}

/* Chronoform
--------------------------------------------------------- */

div .chronoform{
	display:none;
	}

div .cf_item{
	margin-top:10px;
	margin-left:70px;
	}
	
.cf_alert ol{
	padding-left:50px;
	font-size:16px;
	color:#900;
	}

{
	display:none;
	}

/* end Chronoform
--------------------------------------------------------- */

/* jforms */



/* Elementos
--------------------------------------------------------- */

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

a img{
border:0px;
}

h1, h2, h3 {
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-weight: bold;
}

h1 {
font-size: 2em;
}

h2 {
font-size: 1.6em;
}

h3 {
font-size: 1.3em;
}

h1, h1 a, h1 a:hover, h1 a:visited, .description {
text-decoration: none;
}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
color: #333;
}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited{
text-decoration: none;
}

/* Modulos
--------------------------------------------------------- */
/*Formulario de registro*/
#josForm .form-validate{
	background-image:url(../../../images/plantillaFormRegistro.jpg);
	background-repeat:no-repeat;
	width:500px;
	height:500px;
	padding: 60px 5px 5px 25px;
	}

/*Formulario de actualización de datos*/
#contenido .form-validate{
	background-image:url(../../../images/plantillaFormsModify.jpg);
	background-repeat:no-repeat;
	width:500px;
	height:500px;
	padding: 70px 5px 5px 25px;
	}
#contenido .form-validate select{
	width:250px;
	}
	
#izquierda .moduletable_menu .menu{
	text-align:left;
	width:164px;	
	background-image:url(../images/backGroundMenuPpal.jpg);
	background-repeat:repeat-y;
	}
#izquierda .moduletable_menu h3{
	margin-bottom:10px;
}

#izquierda .moduletable_menu .menu li{
border-bottom:#265c6c solid 1px;
padding:8px;
	}
#izquierda #current{
	border-top:#265c6c solid 1px;
	}

#izquierda .moduletable_menu a{
font-size:1.3em;
padding: 5Px;
text-align:left;
color:#FFF;
font-weight:bold;
width:170px;
}

#user1 .moduletable h3{
	background-color:#163c46;
	color:#FFF;
	text-align:center;
	}
	
#user1 .moduletable ul{
	margin: 5px 5px 5px 18px;
	}
	
#user2 .moduletable h3{
	background-color:#163c46;
	color:#FFF;
	text-align:center;
	}
	
#user2 .moduletablemodLogo{
	width:170px;
	color:#FFF;
	}
	
#user3 .moduletable h3{
	background-color:#163c46;
	color:#FFF;
	text-align:center;
	}

#izquierda .moduletable_menu a:hover{
font-size:1.3em;
padding: 5Px;
text-align:left;
color:#E8E8E8;
font-weight:bold;
}

#izquierda .moduletable_menu h3{
color:#CFF;
font-size:1.6em;
text-align:center;
}

#izquierda .moduletable_menu{
text-align:right;
margin-bottom:25px;
}

/*
#derecha .moduletable_menu, #derecha .moduletable{
text-align:left;
margin-bottom:15px;
}
*/
#izquierda .moduletable_menu li{
list-style-image:none;
list-style-type:none;
color:#CCC;
}

#izquierda .moduletable_menu li:before{
content: "\00BB \0020";
}
/*login*/
#izquierda .moduletablemodLogin{
width:164px;
}
#izquierda .moduletablemodLogin h3{
color:#CFF;
font-size:1.6em;
text-align:center;
margin-bottom:5px;
}
#form-login {
	text-align:center;
	color:#FFF;
	font-size:1.2em;
	
	}

#form-login ul {
	text-align:left;
	color:#FFF;
	font-size:0.8em;
	margin-right:10px;
	}

#form-login li {
	margin-left:20px;
	margin-top:4px;
	}
.moduletable_menu h3, moduletable h3, .moduletable_text h3{
margin:5px 0 0;
padding:0;
text-transform:uppercase;
}

/*Module slidenews*/
#gallery{
	background-color:#F8F8F8;
	border:#CCC 1px solid;
	}
/* fin Module slidenews*/
#contenido2 .moduletable h3{
	margin:5px;
	text-transform:uppercase;
	color:#0c76a8;
	font-size:16px;
	font-weight:bold;
	}
/*paginación*/
.contenttoc{
	font-size:9px;
	margin-right:13px;
	float:right;
	border:#D9E3E8 solid 1px;
	padding:4px;
	}
	
.blog_more{
	width:auto;
	font-size:9px;
	margin-left:13px;
	float:left;
	border:#D9E3E8 solid 1px;
	padding:4px;
}

.contenttoc tbody tr th{
	font-size:10px;
	background-color:#2d6876;
	color:#FFF;
	padding:1px;
	}
	
.pagenavcounter{
	font-weight:bold;
	color:#666;
	}
/*Fin Paginación*/
#derecha .moduletable h3{
	background-image:url(../images/headMenuDer.jpg);
	background-repeat:no-repeat;
	margin-left:0px;
	height:20px;
	width:auto;
	padding: 10px 10px 0px 10px;
	position:inherit;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	font-size:1.2em;
	}

#derecha .moduletablemodNews h3{
	background-image:url(../images/headMenuDer.jpg);
	background-repeat:no-repeat;
	height:20px;
	width:160px;
	padding: 15px 10px 3px 10px;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	font-size:1.2em;
	}

#derecha .moduletablemodNews{
	background-image:url(../images/microMenuDer.jpg);
	background-repeat:repeat-y;
	height:auto;
	width:178px;
	text-align:left;
	}

#derecha .moduletablemodNews ul .latestnewsmodNews{
	padding: 15px 10px 0px 10px;
	width:178px;
	display:block;
	margin-bottom:15px;
	}
#derecha .moduletablemodNews li .latestnewsmodNews{
	padding: 15px 10px 3px 5px;
	width:160px;
	}

#derecha .moduletable{
	background-color:#f5f9fa;
	height:auto;
	width:169px;
	text-align:left;
	margin-bottom:9px;
	}
	
#derecha .moduletable form{
	border: #2f6877 1px solid;
	height:auto;
	width:167px;
	text-align:left;
	}

#derecha .moduletable .poll thead tr td{
	text-align:center;
	}
#derecha .moduletable .poll tbody tr td{
	text-align:left;
	padding:4px 0px 4px 0px;
	}

#derecha .moduletable_text{
	background-color:#f8fbfc;
	margin-top:20px;
	width:170px;
	border:thin;
	border-bottom-style:solid;
	border-color:#69F;
	}
/*caja de busqueda*/
#derecha .moduletablemodBusqueda .searchmodBusqueda{

	background-repeat:no-repeat;
	text-align:center;
	height:20px;
	margin-bottom:15px;
	}
	
#izquierda .moduletablemodBusqueda{
	text-align:center;
	}

#izquierda .moduletablemodBusqueda h3{
	color:#CFF;
	}
/*caja de busqueda pequeña*/
#mod_search_searchword{
	color:#999;
	}


#derecha .moduletable_text h3{
	background-color:#163c46;
	padding:3px;
	color:#FFF;
	text-align:center;
	font-weight:bold;
	}

#derecha .moduletable_text .bannerheader{
	padding:2px 5px 0px 5px;
	background-color:#EEE;
	}
	
table .pollstableborder{
	width:100%;
	padding:6px;
	}

table .pollstableborder tbody tr td{
	height:10px;
	}
td .sectiontableentry2{
	padding:3px;
	}

/* Contenido
--------------------------------------------------------- */

.contentpane{
	width:auto;
	font-size:9px;
	margin-left:13px;
	float:left;
	border:#D9E3E8 solid 1px;
	padding:4px;
	}

#contenedor #contenido .contentpane .contentdescription{
	padding:10px 10px 10px 5px;
	background-color:#C9D7E0;
	font-size:1.7em;
	}/*Normatividad*/

#contenedor #contenido .contentpane ul{
	margin-top:10px;
	margin-left:10px;
	border:#D9E3E8 solid 1px;
	}/*Normatividad*/

#contenedor #contenido .contentpane p{
	font-size:1.3em;
	padding:5px;
	margin: 10px;
	border-bottom:#D9E3E8 solid 1px;
	}/*Normatividad*/
	
.category{
	font-size:2em;
	}/*Normatividad*/

.buttonheading {
	
	}

.textosEnTablas{
	color:#333;
	font-size:9px;
	}
.contentheading {
font-size:1.6em;
margin:3px;
color:#333333;
font-weight:bold;
line-height:normal;
}

.tituloResaltado{
	background-color:#CCC;
	}
	
.contentheading:hover {
color:#3B6EA5;
}

.componentheading{
visibility:hidden;
font-size:1.4em;
margin:0;
color:#777777;
font-weight:bold;
padding-left:10px;
}

.contentpaneopen{
line-height:1.2em;
font-size:1.2em;
text-align:left;
margin-left:10px;

}

.contentpaneopen img{
padding: 0px;
}

.textos{
	font:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#333;
	padding:12px;
	line-height:1.2em;
}

.readon{
font-size:0.8em;
text-align:left;
}

.contenttoc, .pagenavcounter{
margin-bottom:10px;
}

.article_separator{
display:block;
background:#474747;
height:1px;
margin:10px 60px 10px 10px;
}

small , .createdate, .modifydate{
font-family:Arial,Helvetica,Sans-Serif;
font-size:0.9em;
line-height:1.5em;
color:#777777;
padding-bottom:10px;
}

.banneritem_text, .bannerfooter_text{
padding:5px;
}

/* Menu superior
--------------------------------------------------------- */

#navegacion #mainlevel-nav{
list-style:none; 
height:40px;
float:left;
padding-left:10px;
text-align:right;
}

#navegacion #mainlevel-nav li {
float:left;
height:39px;
}

#navegacion #mainlevel-nav li a {
float:left; 
text-decoration:none;
margin:0px;
padding-right:10px;
font-size:1.3em;
font-weight:bolder;
color:#FFF;
height:39px;
padding:12px 10px 0 10px;
}

#navegacion #mainlevel-nav li a:hover {
background-image:url(../images/microMainLevel.jpg);
background-repeat:repeat-x;
font-size:1.3em;
font-weight:bolder;
color:#E8E8E8;
height:39px;
padding:12px 10px 0 10px;
}

#navegacion #mainlevel-nav li a:before{
content: "\00BB \0020";
}