body {
   font-size: 12px;
   font-family: Arial;
   background: #B2E0E1;
   outline-width: 0; 
   align: center; 
   margin-top: 0; }



h1, h2 {
	
}

h3, h4, h5, h6 {
	
}


p,li,ul{

	FONT-FAMILY: verdana,arial,helvetica,sans-serif; FONT-SIZE: 12px; FONT-WEIGHT:regular;COLOR: #ffffff; TEXT-DECORATION: none;	
	
}
a:link { font-size: 12px; font-weight: normal; font-style: normal; text-decoration: none; }
a:hover { font-size: 13px;  text-decoration: none; }
a:visited { font-size: 12px; text-decoration: none; }
a:active { font-size: 12px; }

div.acercade { 
  color: white; 
  font-family:arial; 
  font-size: 14pt; 
  height: 200px;
width: 300px;
overflow-x:none;
overflow-y: auto;

border: 1px solid #666;




}


.titulo {
	FONT-FAMILY: arial,verdana,arial,helvetica,sans-serif; FONT-SIZE: 12px; FONT-WEIGHT: bold;COLOR: #8B2323; TEXT-DECORATION: none
}
.tituloDirectorio {
	FONT-FAMILY: arial,verdana,arial,helvetica,sans-serif;
	FONT-SIZE: 14px;
	FONT-WEIGHT: bold;
	COLOR: #FFFF33;
	TEXT-DECORATION: none
}
.tituloAmarillo {
	FONT-FAMILY: arial,verdana,arial,helvetica,sans-serif; FONT-SIZE: 12px; FONT-WEIGHT: bold;  COLOR:#FFFF00; TEXT-DECORATION: none
}
.tituloTablas {
	FONT-FAMILY: arial,verdana,arial,helvetica,sans-serif; FONT-SIZE: 14px; FONT-WEIGHT: bold;COLOR: white; TEXT-DECORATION: none
}
.subTitulo {
	FONT-FAMILY: verdana,arial,helvetica,sans-serif; FONT-SIZE: 14px; FONT-WEIGHT: bold; COLOR: #777777;  TEXT-DECORATION: none
}
.tituloGrande {
	FONT-FAMILY: arial,verdana,arial,helvetica,sans-serif; FONT-SIZE: 14px; FONT-WEIGHT: bold; TEXT-DECORATION: none
}
.tituloExtraGrande {
	FONT-FAMILY: arial,verdana,arial,helvetica,sans-serif; FONT-SIZE: 20px; FONT-WEIGHT: bold; TEXT-DECORATION: none
}
.texto {
	FONT-FAMILY: arial,verdana,arial,helvetica,sans-serif; FONT-SIZE: 12px; TEXT-DECORATION: none
}



A.blanca:visited {
         FONT-FAMILY: verdana,arial,helvetica,sans-serif;COLOR: white; FONT-SIZE: 10px; FONT-WEIGHT: bold; TEXT-DECORATION: 
none

}
A.blanca:link {
          FONT-FAMILY: verdana,arial,helvetica,sans-serif;    COLOR:white; FONT-SIZE: 10px; FONT-WEIGHT: bold; TEXT-DECORATION: none
}
A.blanca:active {
         FONT-FAMILY: verdana,arial,helvetica,sans-serif;   COLOR:white; FONT-SIZE: 10px; FONT-WEIGHT: bold; TEXT-DECORATION: 
none
}
A.blanca:hover {
         FONT-FAMILY: verdana,arial,helvetica,sans-serif;  COLOR: white; FONT-SIZE: 10px; FONT-WEIGHT: bold; TEXT-DECORATION: 
none
}


A.gris:visited {
         FONT-FAMILY: verdana,arial,helvetica,sans-serif;COLOR: #B5B5B5; FONT-SIZE: 10px; FONT-WEIGHT: bold; TEXT-DECORATION: 
none

}
A.gris:link {
          FONT-FAMILY: verdana,arial,helvetica,sans-serif;    COLOR:#B5B5B5; FONT-SIZE: 10px; FONT-WEIGHT: bold; TEXT-DECORATION: none
}
A.gris:active {
         FONT-FAMILY: verdana,arial,helvetica,sans-serif;   COLOR:#B5B5B5; FONT-SIZE: 10px; FONT-WEIGHT: bold; TEXT-DECORATION: 
none
}
A.gris:hover {
         FONT-FAMILY: verdana,arial,helvetica,sans-serif;  COLOR: #B5B5B5; FONT-SIZE: 10px; FONT-WEIGHT: bold; TEXT-DECORATION: 
none
}

A.ginda:link {
          FONT-FAMILY: verdana,arial,helvetica,sans-serif;    COLOR:#8B2323; FONT-SIZE: 12px; FONT-WEIGHT: bold;  TEXT-DECORATION: none
}
A.ginda:active {
         FONT-FAMILY: verdana,arial,helvetica,sans-serif;   COLOR:#8B2323; FONT-SIZE: 12px; FONT-WEIGHT: bold;  TEXT-DECORATION: 
none
}
A.ginda:visited {
         FONT-FAMILY: verdana,arial,helvetica,sans-serif;COLOR: #8B2323; FONT-SIZE: 12px; FONT-WEIGHT: bold; TEXT-DECORATION: 
none

}
A.ginda:hover {
         FONT-FAMILY: verdana,arial,helvetica,sans-serif;  COLOR: #CD3333; FONT-SIZE: 13px; FONT-WEIGHT: bold;  TEXT-DECORATION: 
none
}

A.amarilla:link {
          FONT-FAMILY: verdana,arial,helvetica,sans-serif;    COLOR:#FFFF00; FONT-SIZE: 10px; FONT-WEIGHT: bold;  TEXT-DECORATION: none
}
A.amarilla:active {
         FONT-FAMILY: verdana,arial,helvetica,sans-serif;   COLOR:#FFFF00; FONT-SIZE: 10px; FONT-WEIGHT: bold;  TEXT-DECORATION: 
none
}
A.amarilla:visited {
         FONT-FAMILY: verdana,arial,helvetica,sans-serif;COLOR: #FFFF00; FONT-SIZE: 10px; FONT-WEIGHT: bold; TEXT-DECORATION: 
none

}
A.amarilla:hover {
         FONT-FAMILY: verdana,arial,helvetica,sans-serif;  COLOR: #FFFF00; FONT-SIZE: 10px; FONT-WEIGHT: bold;  TEXT-DECORATION: 
none
}

A.naranja:link {
          FONT-FAMILY: verdana,arial,helvetica,sans-serif;    COLOR:#F7931E; FONT-SIZE: 10px; FONT-WEIGHT: bold;  TEXT-DECORATION: none
}
A.naranja:active {
         FONT-FAMILY: verdana,arial,helvetica,sans-serif;   COLOR:#F7931E; FONT-SIZE: 10px; FONT-WEIGHT: bold;  TEXT-DECORATION: 
none
}
A.naranja:visited {
         FONT-FAMILY: verdana,arial,helvetica,sans-serif;COLOR: #F7931E; FONT-SIZE: 10px; FONT-WEIGHT: bold; TEXT-DECORATION: 
none

}
A.naranja:hover {
         FONT-FAMILY: verdana,arial,helvetica,sans-serif;  COLOR: #F7931E; FONT-SIZE: 10px; FONT-WEIGHT: bold;  TEXT-DECORATION: 
none
}


A.azul:link {
          FONT-FAMILY: verdana,arial,helvetica,sans-serif;    COLOR:#0099FF; FONT-SIZE: 10px; FONT-WEIGHT: bold;  TEXT-DECORATION: none
}
A.azul:active {
         FONT-FAMILY: verdana,arial,helvetica,sans-serif;   COLOR:#0099FF; FONT-SIZE: 10px; FONT-WEIGHT: bold;  TEXT-DECORATION: 
none
}
A.azul:visited {
         FONT-FAMILY: verdana,arial,helvetica,sans-serif;COLOR: #0099FF; FONT-SIZE: 10px; FONT-WEIGHT: bold; TEXT-DECORATION: 
none

}
A.azul:hover {
         FONT-FAMILY: verdana,arial,helvetica,sans-serif;  COLOR: #0099FF; FONT-SIZE: 10px; FONT-WEIGHT: bold;  TEXT-DECORATION: 
none
}


A.liga:link {
          FONT-FAMILY: verdana,arial,helvetica,sans-serif;    COLOR:#8B2323; FONT-SIZE: 14px; FONT-WEIGHT: bold;  TEXT-DECORATION: none
}
A.liga:active {
         FONT-FAMILY: verdana,arial,helvetica,sans-serif;   COLOR:#8B2323; FONT-SIZE: 14px; FONT-WEIGHT: bold;  TEXT-DECORATION: 
none
}
A.liga:hover {
         FONT-FAMILY: verdana,arial,helvetica,sans-serif;  COLOR: #8B2323; FONT-SIZE: 14px; FONT-WEIGHT: bold;  TEXT-DECORATION: 
none
}
A.liga:visited {
         FONT-FAMILY: verdana,arial,helvetica,sans-serif;COLOR: #8B2323; FONT-SIZE: 14px; FONT-WEIGHT: bold; TEXT-DECORATION: 
none

}

A.naranjaTitulo:link {
          FONT-FAMILY: verdana,arial,helvetica,sans-serif;    COLOR:#F7931E; FONT-SIZE: 14px; FONT-WEIGHT: bold;  TEXT-DECORATION: none
}
A.naranjaTitulo:active {
         FONT-FAMILY: verdana,arial,helvetica,sans-serif;   COLOR:#F7931E; FONT-SIZE: 14px; FONT-WEIGHT: bold;  TEXT-DECORATION: 
none
}
A.naranjaTitulo:visited {
         FONT-FAMILY: verdana,arial,helvetica,sans-serif;COLOR: #F7931E; FONT-SIZE: 14px; FONT-WEIGHT: bold; TEXT-DECORATION: 
none

}
A.naranjaTitulo:hover {
         FONT-FAMILY: verdana,arial,helvetica,sans-serif;  COLOR: #F7931E; FONT-SIZE: 14px; FONT-WEIGHT: bold;  TEXT-DECORATION: 
none
}

p {
	 text-indent:0px;
	 font:  10px verdana;
        line-height: 0.5cm;
        margin-top:1px; 
      text-align:left 


}
ul {
	 text-indent:0px;
        text-align:justify;
	 font:  10px verdana;
        line-height: 0.5cm;
        margin-top:0   


}

A.menu:link {
          FONT-FAMILY: verdana,arial,helvetica,sans-serif;    COLOR:#8B2323; FONT-SIZE: 10px; FONT-WEIGHT: bold;  TEXT-DECORATION: none
}
A.menu:active {
         FONT-FAMILY: verdana,arial,helvetica,sans-serif;   COLOR:#8B2323; FONT-SIZE: 10px; FONT-WEIGHT: bold;  TEXT-DECORATION: 
none
}
A.menu:hover {
         FONT-FAMILY: verdana,arial,helvetica,sans-serif;  COLOR: #8B2323; FONT-SIZE: 10px; FONT-WEIGHT: bold;  TEXT-DECORATION: 
none
}
A.menu:visited {
         FONT-FAMILY: verdana,arial,helvetica,sans-serif;COLOR: #8B2323; FONT-SIZE: 10px; FONT-WEIGHT: bold; TEXT-DECORATION: 
none

}



/*************************    AREA de CONTENIDO  ******* */
#contenidoAcerca   {
      height: 1024px;
      width: 1024px;
     border: 0px solid black;
	font:  11px arial;
       line-height: 0.5cm;     
       font:  11px arial;
 color:white;

z-index: 1;
}
#contenidoAcerca  .p {
      
 text-color:white;
color:white;

}
#tituloAcerca  {
     position:relative;
     width:600px;
     left:200;
     top:40;
      border:0px; 
     overflow:hidden;

z-index:2;
}
#divScroll {
  position:relative;
  width:90px;
  left:505;
  top:26; 
z-index: 2;
}

#contenidoPrograma   {
      height: 1024px;
      width:97%;
     border: 0px solid black;
	font:  11px arial;
       line-height: 0.5cm;     
       font:  11px arial;
 color:#000000;

}
#contenidoDirectorio   {
      height: 1024px;
      width:100%;
     border: 0px solid black;
	font:  11px arial;
       line-height: 0.5cm;     
       font:  11px arial;
 color:black;

}
#tituloPrograma  {
     position:relative;
     width:100%;
	  height: 100px;
     left:5;
     top:50;
      border:0px; 
     overflow:hidden;
color:#FFFFFF;
}
#divScrollPrograma {
  position:relative;
  width:90px;
  left:505;
  top:26; 
}

#contenidoProyecto   {
      height: 1024px;
      width: 100%;
     border: 0px solid black;
	font:  11px arial;
       line-height: 0.5cm;     
       font:  11px arial;
 color:white;

}
#tituloProyecto  {
     position:relative;
     width:500px;
     left:270;
     top:10;
      border:0px; 
     overflow:hidden;

}
#divScrollProyecto {
  position:relative;
  width:90px;
  left:505;
  top:26; 
}

#contenidoProyBandera   {
position:relative;
left:7;
      height: 1024px;
       width: 98%;
     border: 0px solid black;
	font:  11px arial;
       line-height: 0.5cm;     
       font:  11px arial;
 color:black;

}
#tituloProyBandera  {
     position:relative;
     width:100%;
     left:7;
     top:10;
      border:0px; 
     overflow:hidden;

}
#divScrollProyBandera {
  position:relative;
  width:90px;
  left:188;
  top:46; 
}

#areaMenu{

display: block;
width: 1024;
height:35px;
text-decoration: none;
background-color:#CADB2A;
color: black;

}

#areaTituloPublicacion{
  background-image: url(/archivos/image/sitio/bannerPublicaciones.jpg); 

     position:relative;
     width:100%;
  height:100px;
      border:0px; 
     overflow:hidden;
 
color:white;
z-index:2;
}

#tituloPublicaciones  {
     position:relative;
     width:100%;
     left:7;
     top:10;
      border:0px; 
     overflow:hidden;

}
A.tecnicos:visited {
         FONT-FAMILY: verdana,arial,helvetica,sans-serif;COLOR: white; FONT-SIZE: 11px; FONT-WEIGHT: bold; TEXT-DECORATION: 
none

}
A.tecnicos:link {
          FONT-FAMILY: verdana,arial,helvetica,sans-serif;    COLOR:white; FONT-SIZE: 11px; FONT-WEIGHT: bold; TEXT-DECORATION: none
}
A.tecnicos:active {
         FONT-FAMILY: verdana,arial,helvetica,sans-serif;   COLOR:white; FONT-SIZE: 11px; FONT-WEIGHT: bold; TEXT-DECORATION: 
none
}
A.tecnicos:hover {
         FONT-FAMILY: verdana,arial,helvetica,sans-serif;  COLOR: white; FONT-SIZE: 12px; FONT-WEIGHT: bold; TEXT-DECORATION: 
none
}





/******************* PANELES ***********************/

.CollapsiblePanel {
	margin: 0px;
	padding: 0px;
	border-left: solid 1px #CCC;
	border-right: solid 1px #999;
	border-top: solid 1px #999;
	border-bottom: solid 1px #CCC;
width: 100%;
	
}


.CollapsiblePanelTab {
	font: bold 12px sans-serif;
	background-color: #DDD;
	border-bottom: solid 1px #CCC;
	margin: 0px;
	padding: 2px;
	cursor: pointer;
  color:#000000;
	-moz-user-select: none;
	-khtml-user-select: none;
}


.CollapsiblePanelContent {
	margin: 0px;
	padding: 0px;
	background-color: #0066FF;
font: bold 12px sans-serif;
color:#ffffff;
}


.CollapsiblePanelTab a {
	color: black;
	text-decoration: none;
}


.CollapsiblePanelOpen .CollapsiblePanelTab {
	background-color: #EEE;
}

.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	background-color: #CCC;
}


.CollapsiblePanelFocused .CollapsiblePanelTab {
	background-color: #3399FF;
}

/******************************************Menu Vertical *********************/



div.sdmenu {
	width: 250px; 
        left:15;
	font-family: Arial, sans-serif;
	font-size: 12px;
	padding-bottom: 10px;
	background: url(../img/imgMenuVertical/bottom.gif) no-repeat  right bottom;
	color: #fff;
}
div.sdmenu div {
	background: url(../img/imgMenuVertical/title.gif) repeat-x;
	overflow: hidden;
}
div.sdmenu div:first-child {
	background: url(../img/imgMenuVertical/toptitle.gif) no-repeat;
}
div.sdmenu div.collapsed {
	height: 25px;
}
div.sdmenu div span {
	display: block;
	padding: 5px 25px;
	font-weight: bold;
	color: white;
	background: url(../img/imgMenuVertical/expanded.gif) no-repeat 10px center;
	cursor: default;
	border-bottom: 1px solid #ddd;
}
div.sdmenu div.collapsed span {
	background-image: url(../img/imgMenuVertical/collapsed.gif);
}
div.sdmenu div a {
	padding: 5px 10px;
	background: #eee;
	display: block;
	border-bottom: 1px solid #ddd;
	color: #066;
}
div.sdmenu div a.current {
	background : #ccc;
}
div.sdmenu div a:hover {
	background : #066 url(../img/imgMenuVertical/linkarrow.gif) no-repeat right center;
	color: #fff;
	text-decoration: none;
}

/*********************************** Para el mapa **********************************************/
div.markerTooltip {
    color: black;
    background-color: white;
    white-space: nowrap;
    margin: 0;
    padding: 2px 4px;
    border: 1px solid black;
    z-index: 500000;
    font-size: 10px;
background: #FFF url("../img/form.input.gif") repeat-x left top;
}
div.markerDetail {
    color: black;
    font-weight: bold;
    background-color: white;
    white-space: nowrap;
    margin: 0;
    padding: 2px 4px;
    border: 1px solid black;
    z-index: 500000;
background: #FFF url("../img/form.input.gif") repeat-x left top;
}

input, select, textarea {
	font-family: Verdana, Arial, Helvetica;
	font-size: 11px;
}
textarea, input {
	background: #FFF url("../img/form.input.gif") repeat-x left top;
	border: 1px solid #333;
	padding: 2px;
}
input.button {
	font-weight: bold;
	font-size: 11px;
	font-family: Arial, Helvetica;
	height: 24px;
	width: 180px;
	background: url("../img/bg.button.gif") repeat-x left top;
	padding: 0px;
}
/******************************************** pAra menu Programas de fotos--------*/




/*************************************** CSS de Menu *************************************/

table.horizontalMenu{
margin: 0;
padding: 0;
list-style-type: none;
z-index: 997;
width: 1024px;
 height:30px;
border-width: 0px 0px 0px 0px;
 vertical-align: top;
background:#c6d92b;
}

table.horizontalMenu tr {
 vertical-align: top;

}
table.horizontalMenu td {
padding: 0px 0px;
border:0px solid #009999;
border-width: 0px 0px 0px 0px;
 width: 170px;
 height:30px;
  background:#c6d92b;

 background: url(../img/opmenu.jpg) center;
 vertical-align: middle;

}
table.horizontalMenu td.td1 {
padding: 0px 0px;
border:0px solid #009999;
border-width: 0px 0px 0px 0px;
 width: 172px;
 height:30px;
  background:#c6d92b;

 background: url(../img/opmenu.jpg) center;
 vertical-align: middle;

}

table.horizontalMenu td a{
 text-decoration: none;
 color: #006F3B;
  font-weight: bold;
  font-size: 10px;
  font-family: verdana, Helvetica;


}
table.horizontalMenu td a:hover{
 
}