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

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

 
Derechos Morales o  Autor� 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�icos */

body#general {
	background-color: #fff;
	margin: 0px 0;
	padding: 0px;
	width: 100%;
	position: relative;	
		}

table{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
/*width: 750px;*/
}

td{
	font-size:100%;
	height: auto;
	}

a:link {
color: #000000;
text-decoration: underline;
font-weight: normal;}


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


a:hover, a:active {
	text-decoration: none;
	color: #000;
}

acronym {
	border-bottom: solid;
	}


/*ELEMENTOS CONSTITUTIVOS DE LA PAGINA*/

#encabezado{
background-repeat: no-repeat;
/*width:750px;*/
height: 130px;
background-color: #FF9966;
width: 100%;
}

#encabezado h3{
display: none}

#titulo {
/*width:750px;*/
min-width: 600px;
float: left;
overflow: hidden;
}

#imagen{
position:absolute;
right: 6cm; 
top: 9px;
width: 150px;
height: 72px;
}

#navegacion {
/*background-color: #FF9966;
padding: 5px 0px 5px 15px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;

left:3px;
top: 78px;
width: 300px;
*/
width: 300px;
background-color: #FF9966;
padding: 5px 0px 5px 15px ;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
position: absolute;
left:3px;
top: 81px;/*81px;*/
}

#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: #648AD6;
	color: #ffffff;
}



#barracomun{

font-size: 0.85em;
text-align: left;
/*position:relative;*/
width: 750px;
}

#menuayuda{
width: 455px;
background-color: #FF9966;
padding: 5px 0px 5px 0px ;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
/*float: rigth;*/
position: absolute;
left: 298px;
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.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{	
	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;
	}

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


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


/*MENU LATERAL*/

/*Bloque observatorios activos*/

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

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

#lobsactivos li {
	display:block;
	background-image:url(graficas/lobsactivos.gif);
	width: 180px;
	height: 24px;
	padding-left:0px;
	padding-top: 5px;
	margin:2px 0;
	list-style-type: none;
	}
	

#lobsactivos li a:link, #lobsactivos 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;
	}

#lobsactivos li a:hover {
text-decoration: underline;
font-weight: bold;
color: #fff;
padding: 0 0 0 30px;
margin: 0;}


/*Bloque matriz general*/

#lmatriz h3 {
	height:24px;
	background-image:url(graficas/indicadores.gif);
	margin: 20px 0px 10px 0px;
	padding: 0px;
	background-repeat: no-repeat;}

#lmatriz h3 span {
	display:none
	}

#lmatriz ul {
	margin: 0px;
	padding: 0px;

	}

#lmatriz li {
	display:block;
	background-image: url(graficas/fondoindicadores.gif);
	width: 180px;
	height: 34px;
	padding:5px 0 0 0px;
	margin:2px 0;
	list-style-type: none;
	}

#lmatriz li a:link, #lmatriz li a:visited {
	color:#fff;
	background-color:transparent;
	font-weight: normal;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	padding:0px 0 0 30px;
	text-decoration: none;
	display: block;
	}
	
#lmatriz li a:hover {
	text-decoration: underline;
font-weight: bold;
color: #fff;
margin: 0;}
	



/*Bloque MIG*/

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

#lmig h3 span {
	display:none
	}

#lmig ul {
	margin: 0px;
	padding: 0px;
	}

#lmig li {
	display:block;
	background-image:url(graficas/malla-regional.gif);
	padding:3px;
	margin:1px 0;
	list-style-type: none;
	}

#lmig li a:link, #lmig li a:visited {
	color:#000;
	background-color:transparent;
	font-weight: bold;
	}

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


#contenido{
padding: 10px;
position: relative;
margin-top: 10px;
height: auto;
background: transparent url(graficas/marcadeagua.gif) top right no-repeat;
position: bottom left;
border: 1px solid #FF9966;
}

#contenido h3{
color: #FF0000;
font-family: "Trebuchet MS", "Verdana", "Arial";
font-size: 16px;
margin: 0em;
text-align: left;}

#contenido p{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
padding: 0;
margin: 5px;
}


/*---------pie de pagina--------------*/

/*
#pie{
position: absolute;
bottom:-550px;}
*/


#pie{
position: relative;
clear:both;}


#barrainf {
/*background-color: #FF3C3C;
width: 750px;*/
}

/* ESTILO PARA IMPRESION DE PAGINAS */


@media print {
        #navegacion, #barracomun, #lobsactivos, #lmatriz {
                display:        none;
        }

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


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


}