@charset "utf-8";
/* CSS Document */
/*-----------------------------------------------------------------------------
[www.innovacion.gob.pa]

version:   1.0
date:      08/11/2007
author:    [Secretaria de la Presidencia para la Innovacion Gubernamental]
email:     [info(arroba)innovacion.gob.pa]
website:   [www.innovacion.gob.pa]
-----------------------------------------------------------------------------*/


/*****Cintillo de la Barra de Gobierno*****/
#barra-gobierno{position:relative; height:25px; padding-left:40px; background:#003399; background-image:url(../image/bandera.png); background-position:5px; background-repeat:no-repeat; color:#333333;}
.barra-gobierno-republica{ font-size: 12px;color: #FFFFFF; float: left; margin-top: 5px;}
.barra-gobierno-presidencia{font-size: 12px; color: #FFFFFF; float: right; margin-top: 5px;	margin-right:5px;}
.barra-gobierno-presidencia a{font-size: 12px; color: #FFFFFF!important;text-decoration: none;}
.barra-gobierno-presidencia a:hover{color: #CCCCCC!important;}
/********************************************/
/*    Estructura de 990px Contenido Web   */
/******************************************/
#contenedor-limitado{
	position:relative;
	width:990px;
	background-color:#FFFFFF;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	overflow:hidden; 
}

/*****Estructura del Header*****/
#header{width:100%;}

/*****Estructura del Header*****Barra Global de Navegacion****/
#header #barra-global-navegacion{width:100%; height:25px; padding-left:5px;}
#header .barra-global-navegacion1{color:#333333;}

/***Fecha***/
#header #barra-tiempo{ width:auto; float:left; padding-top:5px; text-indent: 15px; padding-right: 15px;}

/***Menu de Iconos Superiores***/
#header #barra-navegacion{width:345px; float:right;} 
#header .barra-navegacion1 .icons{ float:left;}
#header .barra-navegacion1 .icons span{ display:none; }
#header .barra-navegacion1 .icons {width:25px; height:20px; display:block; margin-top: 5px;margin-left: 25px;}
.icon-home{width:15px; height:25px; background:transparent url(../image/icon-home.gif) no-repeat;}
.icon-map{ width:15px; height:25px; background:transparent url(../image/icon-map.gif) no-repeat; }
.icon-contact{width:20px; height:25px; background:transparent url(../image/icon-contact.gif) no-repeat; }
#header .barra-navegacion1 ul{ list-style:none; display:block;}
#header .barra-navegacion1 li{margin:0; float:right; padding-top: 0; padding-right: 2px; padding-bottom: 0; padding-left: 2px; }

/***Banner Pricipal***/
#header #barra-titulo{float:left; margin:0; }
.barra-titulo1 h1, .barra-titulo1 h2, .barra-titulo1 h3{ display:none;}

/***Menu Principal***/
#menu{
	float: left;
	width: 990px;
	height: 28px;
	background-color: #788187;
	display: block;
	padding-top: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	margin-bottom: 10px;
	background-image: url(../image/vinheta.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	color: #FFFFFF;
}
#menu ul{ margin: 0; display: block; }
#menu li{ display: inline; list-style-type: none; padding-top: 10px; padding-right: 5px; padding-bottom: 10px;	padding-left: 10px;}
#menu a{ color: #666666;	font-weight: normal;}
#menu a:link, #listmenu a:visited{color: #FFFFFF;text-decoration: none;}
#menu a:hover{ color: #CCCCCC; }
#activomenu a:link, #activomenu a:visited, #activomenu a:hover{ color: #CCCCCC;}


/*****Estructura Izquierda*****/
#izquierdo{
	float:left;
	border: 1px solid #CCCCCC;
	margin-left:3px;
	margin-right:3px;

}
/**submenu superior*/
.izquierdo1 h1 { display: block; background-color:#efefef; padding: 3px 0 5px 3px; color: #666666; margin: 0px; border:1px solid #ccc; }
.izquierdo1 h2 { background:  url(../imagenes/menu-top.jpg) top repeat-x #426ba3; color: #666666; margin: 0px; border:1px solid #ccc; font-weight: bold; overflow:hidden; padding: 5px 0 5px 5px;}
.izquierdo1 h4{
	background-repeat:no-repeat;
	padding-top: 10px;
	padding-bottom: 5px;
	color: #333333;
	margin-bottom: 5px;
	font-weight: bold;
	background-color: #CCCCCC;
	background-image: url(../image/barra_gris.jpg);
	background-position: left top;
	padding-left: 10px;
	text-align: left;
}
.izquierdo1 a {	text-decoration:none; list-style-type: none; text-decoration:none;}
.izquierdo1 ul {
	list-style: none;
	margin-bottom: 8px;

}
.izquierdo1 li {
	text-decoration:none;
	color:#333333;
	height:auto;
	font-weight:normal;
	list-style-type: none;
	text-decoration:none;
	background-image: url(../image/portafolio.gif);
	background-repeat: no-repeat;
	background-position: 5px 9px;
	padding-left: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}

#vertmenu ul li a:focus {color: #999999; height:auto; }
.izquierdo1 h4{
	background-repeat:no-repeat;
	padding-top: 10px;
	padding-bottom: 5px;
	color: #333333;
	margin-bottom: 10px;
	font-weight: bold;
	background-color: #CCCCCC;
	background-image: url(../image/barra_gris.jpg);
	background-position: left top;
	padding-left: 10px;
	text-align: left;
}
.izquierdo2{width:225px; margin-left: 5px;	padding-right: 5px;	padding-left: 5px; text-align: center;}
.izquierdo2 h4{
	background-repeat:no-repeat;
	padding-top: 10px;
	padding-bottom: 5px;
	color: #333333;
	margin-bottom: 10px;
	font-weight: bold;
	background-color: #CCCCCC;
	background-image: url(../image/barra_gris.jpg);
	background-position: left top;
	padding-left: 10px;
	text-align: left;
}
.izquierdo2 p {
	margin-top: 5px;
}
.izquierdo2 a {	text-decoration:none;	color:#006699;	list-style-type: none;	text-decoration:underline;}
.izquierdo2 .sobresalir {
	font-weight: bold;
}

#derecho{
	width:225px;
	float:right;
	border: 1px solid #CCCCCC;
	margin-left:10px;
	margin-right:3px;
	padding:10px;

}
#derecho h4{
	color:#333333;
	padding-bottom:10px;
		border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	
}
#derecho ul{
	padding-top:10px;
	list-style: none;
	margin-bottom: 15px;
	
}
#derecho li{
	text-decoration:none;
	color:#333333;
	height:auto;
	font-weight:normal;
	list-style-type: none;
	text-decoration:none;
	background-image: url(../image/resize.gif)!important;
	background-repeat: no-repeat;
	background-position: 5px 9px;
	padding-left: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	
}
/******Contenedor principal*******contenido de la pagina*******/
#centro{
	float: left;
	width: 700px;
	margin-bottom: 10px;
}

/******Contenedor principal*******paginas Generales*******/
#centro h2{
	margin-bottom: 20px;
	color: #0066CC;
	display: block;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	height: 32px;
}
#centro h5{
	display: block;
}
#centro ul{
	padding-top:10px;
	list-style: none;	
}
#centro li{
	text-decoration:none;
	color:#333333;
	height:auto;
	font-weight:normal;
	list-style-type: none;
	text-decoration:none;
	background-image: url(../image/flecha.gif);
	background-repeat: no-repeat;
	background-position: 5px 9px;
	padding-left: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;	
}
#centro .news{
	background-color: #FBFBFB;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}
/***********TABLAS Contenido de la informacion de la Pagina***********/
caption{
	margin-bottom: 20px;
	color: #0066CC;
	display: block;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	height: 32px;
	font-size: 1.5em;
}
th{
	text-decoration:none;
	color:#0066CC;
	text-align: center;
	border-bottom-style: none;
	background-color: #CCC;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}	
tr{
	
}
td{
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #CCC;
	padding-right: 10px;
	padding-left: 10px;
}	


/***********TABLAS Busqueda***********/
.tabla_busqueda caption{
	margin-bottom: 20px;
	color: #0066CC;
	display: block;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	height: 32px;
	font-size: 1.5em;
}
.tabla_busqueda th{
	text-decoration:none;
	color:#0066CC;
	text-align: center;
	border-bottom-style: none!important;
	background-color: #CCC;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}	
.tabla_busqueda tr{
	
}
.tabla_busqueda td{
	border-bottom-style: none!important;
	padding-right: 10px;
	padding-left: 10px;
}	
/***********Contenido de la informacion de la Pagina**********noticias**********/
#centro_noticia {
	display: block;
	margin-top: 15px;
	margin-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
}


/***********Contenido de la informacion de la Pagina***********index***********/
#centro_superior{
	background-color: #F0F0F0;
	width: 698px;
	background-image: url(../image/fondo.png);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	height: 225px;
	color: #666666;
}
#centro_superior h2{
	color: #006699;
	width:95%;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #f3f34b;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	float: left;
}
#centro_superior p{
	float: right;
	display: block;
	width: 365px;
	padding-left: 5px;
}
#centro_superior img{
	float: left;
	display: block;
	width: 313px;
	margin-left: 5px;
}
#centro_izquierda{
	width: 215px;
	height:285px;
	margin-top: 10px;
	border: 1px solid #CCCCCC;
	float: left;
	padding: 5px;
}
#centro_izquierda .boton{
	width:100%;
	height:90px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	list-style-type: none;
	vertical-align: middle;
}
#centro_izquierda .boton a{
	padding-top: 20px;
	text-decoration: none;
	display: block;
}
#centro_izquierda .boton img{
	width: 73px;
	height:67px;
	float: left;
	padding: 5px;
}

#centro_izquierda span{
	float: right;
}

#centro_centro{
	width: 215px;
	height:285px;
	margin-top: 10px;
	border: 1px solid #CCCCCC;
	margin-left: 235px;
	padding: 5px;
}
#centro_centro h4{
	margin-bottom: 15px;
	text-align: center;
}
#centro_centro a{
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding-top: 5px;
	padding-bottom: 5px;
	text-decoration: none;	
}

#centro_derecha{
	width: 215px;
	height:285px;
	margin-top: 10px;
	border: 1px solid #CCCCCC;
	float:right;
	text-align: left;
	padding: 5px;
}
#centro_derecha p{
	background-color: #AEAEAE;
	font-size:1.1em;
	display: block;
	width: 208px;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 5px;
}
#centro_derecha em{
	background-color: #CCCCCC;
	display: block;
	width: 208px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 8px;
	padding-left: 5px;
}
#centro_derecha em a{
	text-align: right;
}

#centro_derecha .primera_letra:first-letter {
	font-size: 2em;
	background-color: #CCCCCC;
	display: block;
	font-weight: bold;
	color: #006699;
}
/********************************************/
/*    Estructura de 990px Pie de Pagina    */
/******************************************/
/**Copyright**/
#copyright{ position:relative;
	width:990px;
	background-color:#FFFFFF;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	overflow:hidden; }
#copyright ul{
	text-align: center;
	padding-bottom: 20px;
}
#copyright li{
	display: inline;
	padding: 8px;
	vertical-align: middle;
}
#copyright li a{
	text-decoration:none;
}
#copyright p{ padding:5px 35px; text-align:center; color: #666666;}

/********************************************/