/*
De conformidad con las leyes colombianas 23 de 1982 y 44 de 1993, la información, 
programas, manuales, código fuente y demás documentos del Sistema Básico de Información 
Municipal cuentan con protección legal. Su utilización, adaptación o modificación, debe 
ser previamente autorizada por los poseedores de los derechos patrimoniales del mismo. 

Derechos patrimoniales del Ministerio de Ambiente, Vivienda y Desarrollo Territorial – 
Dirección de Desarrollo Territorial, Corporación Autónoma Regional para la Defensa de la 
Meseta de Bucaramanga (CDMB), Municipio de Bucaramanga, Corporación Autónoma Regional de 
Risaralda (CARDER), Municipio de Pereira, Corporación Autónoma Regional del Tolima 
(CORTOLIMA), Municipio de Ibagué, Corporación Autónoma Regional del Valle (CVC), Municipio 
de Palmira, Corporación Autónoma Regional de Antioquia (CORANTIOQUIA), Municipio de 
Santa Fe de Antioquia, Municipio de Tubará.

 
Derechos Morales o  Autoría de:  COLNODO (Equipo SIGAM Fase 2)
(C) Bogotá D.C, Colombia. Enero de 2004.

*/

/* Colnodo Red APC Colombia, www.colnodo.apc.org*/
/* Hoja que aplica estilos generales a las regionales*/

/* elementos básicos */

body#general {
	background-color:#fff;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	margin:0;
	padding:0;
	color:#000;
	width: 100%;
	
	}

table{
margin: 0em;
}

td{
	font-size:11px;
	}

a:link {
color: #000000;
/*text-decoration: underline;*/
/*font-weight: bold;*/}


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


a:hover, a:active { 
	text-decoration: none;
	color: #808080;
}
	
acronym {
	border-bottom: none;
	}
	

/*ELEMENTOS CONSTITUTIVOS DE LA PAGINA*/
	
#encabezado{
background-image: url(graficas/encab_observatorio.gif);
background-repeat: no-repeat;
width:750px;
min-width:750px;
height: 130px;
background-color: #62D0CD;
width: 100%;
}


#encabezado h3{
display: none;}

#titulo {
background-repeat: no-repeat;
height: 77px;
background-position: +0px +20px;}

#navegacion {
background-color: #62D0CD;
padding: 5px 0px 5px 15px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
position: absolute;
top: 81px;
left:3px;
width:400px;
}
#navegacion a{
text-decoration: none;
}

.portal a:hover
{
	background-color: #ffcc00;
	padding: 5px;
	color: #000000;
}


.regional a:hover
{
	background-color: #FF0000;
		padding: 5px;
	color: #ffffff;
	text-decoration: none;
}

.observatorio a:hover
{
	background-color: #0095C6;
		padding: 5px;
	color: #ffffff;
	text-decoration: none;
}

#barracomun{

font-size: 0.85em;
text-align: left;
width: 750px;
}

#menuayuda{
width: 394px;
background-color: #62D0CD;
padding: 5px 0px 5px 0px ;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
position: absolute;
left:398px;
top: 81px;
}

#menuayuda a{
	padding-left: 0.4em;
	padding-top: 0.2em;
	padding-right: 0.2em;
	margin-left: 0.1em;
	padding-bottom: 0.3em;
	margin-bottom: 0.2em;
	text-decoration: none;
	}

#menuayuda a:hover{
	text-decoration: underline;
	font-weight: normal;}




#menuaa{
width: 370px;
height: 26px;
padding: 0.6em;
padding-left: 130px;
background-image: url(graficas/serviciosweb_observatorio.jpg);
background-repeat: no-repeat;
position:absolute;
top: 106px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
background-position: 0px 0px;}

#menuaa a{
	/*background-image: url("graficas/fondoceja.jpg");*/
	padding-left: 0.2em;
	padding-top: 0.4em;
	padding-right: 0.2em;
	margin-left: 0.5em;
	padding-bottom: 0.3em;
	margin-bottom: 0.2em;
	text-decoration: none;
	color:#000;
	}

#menuaa a:hover{
	text-decoration: underline;}


#buscar{
width: 418px;
height: 26px;
float: right;
padding: 3px 3px 3px 120px;
background-image: url(graficas/franjabusquedas-observatorio.gif);
position: absolute;
top: 106px;
left: 373px;
background-repeat: no-repeat;
background-position: 0px 0px;
}


/*MENU LATERAL*/

/*Bloque observatorios activos*/

#lobsactivos h3 { 
	height:53px;
	background-image:url(graficas/lobsactivos.gif);
	margin:0px;
	padding:0px;
	background-repeat: no-repeat;}

#lobsactivos h3 span {
	display:none
	}
#lobsactivos ul {
	margin: 0px;
	padding: 0px;
	}

#lobsactivos li {
	display:block;
	background-image:url(graficas/malla-regional.gif);
	padding:3px;
	margin:1px 0;
	list-style-type: none;
	}
	
#lobsactivos li a:link, #lobsactivos li a:visited { 
	color:#000;
	background-color:transparent;
	font-weight: bold;
	}



/*Bloque MIG*/

#lmig h3 { 
	height:50px;
	margin:10px 0 10px 10px;
	padding:0px;
	background-repeat: no-repeat;
	background-image: url(graficas/mig.gif);}
	
	
#lmig H3 SPAN {
	DISPLAY: none
}
#lmig UL {
	margin: 0px;
	padding: 0px;
}

#lmig li  {
	display:block;
	background-image:url(graficas/fondo-mig.gif);
	width: 190px;
	height: 26px;
	min-height: 26px;
	padding:0px;
	padding-top: 4px;
	padding-bottom: 2px;
	margin-top:2px;
	padding-left: 20px;
	list-style-type: none;
	text-decoration: none;
}	
	
#lmig li a {
	color:#000;
	background-color:transparent;
	font-weight: normal;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	padding: 5px 0 0px 0px;
	text-decoration: none;
}

#lmig li a:link #lmig li a:visited {
	color:#fff;
	background-color:transparent;
	font-weight: normal;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	padding: 5px 0 0 30px;
	text-decoration: none;
}

#lmig li a:hover {
text-decoration: underline;
font-weight: bold;
color: #000;
margin: 0;}


/*Bloque indicadores*/

#lind h3 {
	height:30px;
	margin: 10px 0 0px 10px;
	padding:0px;
	background-repeat: no-repeat;
	background-image: url(graficas/indicadores_observatorio.gif);
}

/*
#lind H3{
	DISPLAY: none
	}*/	
	
#lind H3 SPAN {
	DISPLAY: none
}
#lind UL {
	margin: 0px;
	padding: 0px;
}

#lind li  {
	display:block;
	background-image:url(graficas/fondo-mig.gif);
	width: 190px;
	height: 26px;
	min-height: 26px;
	padding:0px;
	padding-top: 4px;
	padding-bottom: 2px;
	margin-top:2px;
	padding-left: 20px;
	list-style-type: none;
	text-decoration: none;
}	
	
#lind li a {
	color:#000;
	background-color:transparent;
	font-weight: normal;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	padding: 5px 0 0 0px;
	text-decoration: none;
}

#lind li a:link #lind li a:visited {
	color:#fff;
	background-color:transparent;
	font-weight: normal;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	padding: 5px 0 0 30px;
	text-decoration: none;
}

#lind li a:hover {
text-decoration: underline;
font-weight: bold;
color: #000;
margin: 0;}


/*Bloque temas*/


#ltemas h3 {
	/*height:30px;*/
	height:30px;
	margin: 10px 0 0px 10px;
	padding:0px;
	background-repeat: no-repeat;
background-image: url(graficas/temas_observatorio.gif);}

	
#ltemas H3 SPAN {
	DISPLAY: none
}
#ltemas UL {
	margin: 0px;
	padding: 0px;
}

#ltemas li  {
	display:block;
	background-image:url(graficas/fondo-mig.gif);
	width: 190px;		
	height: 28px;
	min-height: 26px;
	padding:0px;
	padding-top: 5px;
	padding-bottom: 0px;
	margin-top:2px;
	padding-left: 20px;
	list-style-type: none;
	text-decoration: none;
}	
	
#ltemas li a {
	color:#000;
	background-color:transparent;
	font-weight: normal;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	padding: 5px 0 0 0px;
	text-decoration: none;
}

#ltemas li a:link #ltemas li a:visited {
	color:#fff;
	background-color:transparent;
	font-weight: normal;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	padding: 5px 0 0 30px;
	text-decoration: none;
}

#ltemas li a:hover {
text-decoration: underline;
font-weight: bold;
color: #000;
margin: 0;}

/*DEFINICION DEL BLOQUE PRINCIPAL DE CONTENIDOS DE INFORMACION*/


#foto{
background-repeat: no-repeat;
height: 91px;
margin-left:0px;
margin-right: 200px;
margin-top: 10px;
width:65%;
float: left;
}

#intro{
line-height: 16px;
width:65%;
float: left;
margin: 10px 200px 5px 5px;

}

#contenido{
padding: 5px;
margin: 10px 5px 15px 5px;
border: 1px solid #0099CC;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: normal;
}

#contenido.principal{
	width:65%;
	float: left;
	margin-right: 200px;
}

#contenido h3{
color: #0099CC;
margin-top: 10px;
text-align: left;
font-family: "Trebuchet MS", Verdana, Monotype.com;
font-weight: normal;
font-size: 18px;}	

#contenido h4{
        width: 90%;
        margin: 0;
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 3;
        letter-spacing: 1px;
        color: #000000;
        text-align: left;
        border: 3px #cccccc double;
        background-color: #efefef;

        }

#contenido h5{
        width: 50%;
        margin: 0;
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 3;
        letter-spacing: 1px;
        color: #000000;
        text-align: left;
        border: 1px #cccccc solid;
        background-color: #efefef;
        font-size:90%;
        margin-left: +1em;
}

#contenido p:{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: normal;
}

/*MENU DERECHA--> ICONOS*/

#1iconos{

width: 140px;
float:right;
}

#temasObservatorio{
	position: absolute;	
	top: 150px;
	right: 10px;
	background-color: #D6EFF7;
	margin-top:10px;
width: 140px;
}


#temasObservatorio td{
	width: 47%;
	text-align: center;
	vertical-align:top;
	padding:8px 4px;
}

#temasObservatorio td a:link{
	text-align: center;
	
}

#pie{
clear: both;
}

#barrainf {
background-color: #0099CC;
}

.identado{
left-margin:50px;
}




/* ESTILO PARA IMPRESION DE PAGINAS */


@media print {
        #navegacion, #barracomun, #lmig, #lind, #ltemas {
                display:        none;
        }

        #general {
                font-family:        verdana,arial,sans-serif;
                font-size: 12px;
                text-align: justify;
                }


        #contenido {
                float:        none;
                width:        100%;
                                }


}