/************************** css por PanamaCOM orden alfabetico *******************************/

* { 

	margin: 0;
	padding: 0;
}


body
{
	color: #666465;
	margin:0;
	font: normal 12px Arial, Verdana, Helvetica, Tahoma sans-serif;
	background:url(../images_sitio/bg.png);
	
}



p {
	padding-top:4px;
	padding-bottom:4px;
	
}

h1 {
	font: normal 20px Tahoma, Arial, Verdana, Helvetica, sans-serif;
	padding-top:2px;
	padding-bottom:2px;
}

h3
{
	padding-bottom:5px;
}


a { text-decoration: none;
	color: #174e73;

}

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


#contenedor {
	margin: 0 auto;
	padding: 0;
	width:1000px;
	position:relative;
	float:none;
	clear:both;

}



#contenedorTop {
   margin: 0 auto;
   text-align:left;
   float: none;
   width:1000px;
   background:url(../images_sitio/bgTexto.png) repeat-y;
   height:84px;
   clear:both;
   position:relative;
}

#contenedorTop .logo { 
	margin:0;
	float:left;
	margin-top:2px;
	margin-left:9px;
}

#contenedorTop .test { 
	margin:0;
	float:right;
	margin-top:2px;
	margin-right:130px;
}

#contenedorTop .imagenTop  {
   margin: 0;
   float:right;
}

#contenedorMenu {
   margin: 0 auto;
   width:100%;
   height:26px;
   font: normal 11px  Arial, Verdana Helvetica, Tahoma, sans-serif;
   text-transform: uppercase;
    color: #ffffff;
	background-color:#0C2E82;
   font-weight:bold;
   text-align:center;
   clear:both;
   float:none;
   position:relative;
}

.espacio {
	padding-top:10px;
	padding-right:3px;
	padding-left:3px;
	color:#FFFFFF;
}

#menu {  
	margin: 0;   
	width:1000px;
	list-style-type: none;
	height:25px; }   


#menu ul {
	list-style-type:none;
   width:100%;
}

#menu li {
   float: left;
}

#menu a {  
	text-decoration: none;  
	text-align: center;
   padding-top:6px;
   padding-bottom:6px;
    padding-left:28px;
	padding-right:28px;
   font: normal 11px  Arial, Verdana Helvetica, Tahoma, sans-serif;
	color: #ffffff;
	font-weight:bold;
	display:block;
 }
   
#menu a:hover {   
    color: #ffffff;
	background:#b6cc05;
	text-decoration:none; } 
	
#menu a.activado {   
    color: #ffffff;
	background:#b6cc05;
	text-decoration:none; }
	
#menu li.formulario {
   float: left;
     padding-top:1px;
   padding-bottom:3px;
    padding-left:6px;
	padding-right:6px;

}


	
#menu .opfcionesForm {   
	float:left;
	padding-right:6px;
	 }

.franjaGris {
	width:100%;
	margin:0 auto;
	height:1px;
	background:#CCCCCC;
	
}

#contenedorMedioHome {
   width:1000px;
	overflow:hidden;
   margin: 0 auto;
   position:relative;
   clear:both;
   float:none;
}
	
#contenedorMedio {
   width:1000px;
	background:url(../images_sitio/bgTexto.png) repeat-y;
	overflow:hidden;
   margin: 0 auto;
   position:relative;
   clear:both;
   float:none;
}

#contenedorTitulo  {
	width:1000px;
	height:125px;
    background:url(../images_sitio/bgTitulo.jpg) no-repeat;
   margin: 0 auto;
   position:relative;
   clear:both;
   float:none;	

}

#contenedorTitulo .tituloBlanco  {
   margin: 0 auto;
   position:relative;
   clear:both;
   float:none;
   font-family:Georgia, "Times New Roman", Times, serif;
   font-size:32px;
   color:#FFFFFF;
   padding-top:70px;
   padding-left:135px;
   float:left;
 }
 
 #contenedorTitulo .tituloBlanco2  {
   margin: 0 auto;
   position:relative;
   clear:both;
   float:none;
   font-family:Georgia, "Times New Roman", Times, serif;
   font-size:32px;
   color:#FFFFFF;
   padding-top:35px;
   padding-left:135px;
   float:left;
 }
 
 #contenedorTitulo .imagenTitulo  {
 float:right;
 margin:0;
 width:630px;
 
}

 #contenedorTitulo .imagenTitulohome  {
 float:right;
 margin:0;
 width:330px;
 
}



#contenedorMedioIzquierda
{   margin: 0;
	width:140px;
	height:400px;
	float:left;
	text-align:left;
	padding-top:1em;
}

.elementosDerecha {
	width:130px;
	float:none;
	clear:both;
	margin:0 auto;
	padding-bottom:5px;
}

.lineaDivDerecha {
	width:230px;
	float:none;
	clear:both;
	margin:0 auto;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
}

.elementos_Menu_lateral {
	margin:0;
	float:none;
	clear:both;
	padding:0;
	width:130px;
}

.space{
	width:125px;
	height:500px;
	float:left;
}


#lateral{
	width:125px;
	padding-left:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	clear:both;
	float:none;
}
#lateral ul{
	margin : 0 0 0 0px;
	list-style: none;
}

#lateral li{
	padding-bottom:1.8em;
	padding-left:3px;
	
}


#lateral a{
	color: #666465;
	text-decoration: none;
}

 
#lateral  a:hover{
	color:#0C2E82;
	text-decoration:underline;
}

#lateral  a.lateralActivado{
	color: #0C2E82;
}



.tituloSeccionesNegro {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#252d36;
padding-left:20px;
padding-bottom:5px;
background: url(../images_sitio/arrowTitle.jpg) 0.5em 0.3em no-repeat;
float:none;
clear:both;
}


.imgSola {
	clear:both;
	margin: 0 auto;
	float:none;
}

.resaltarRojo {
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#FF0000;
}




#contenedorMedioDerecha
{   margin: 0 auto;
	width:730px;
	float:left;
	text-align:left;
	

}


.tituloPrincipalSecciones {
	font-size:13px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	letter-spacing:1px;
	color:#FC9200;
	padding-bottom:0.3em;
	padding-top:0.5em;
	clear:both;
	float:none;
	position:relative;
}


.tituloGrandeNegro {
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	padding-bottom:0.3em;
	padding-top:0.5em;
}


 
 .subtituloBrown {
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	color:#6b0101;
	padding-bottom:0.2em;
	padding-top:0.2em;

}  
#contenedorMedioDerecha  {
font-family:Georgia, "Times New Roman", Times, serif;
line-height:135%;
}

#contenedorMedioDerecha .elementosIzquierda {
   margin: 0 auto;
   width:100%;
   color:#666465;
   font-family:Georgia, "Times New Roman", Times, serif;
   font-size:12px;
   line-height:150%;
   clear:both;
   float:none;
   position:relative;
}


#contenedorMedioDerecha .space{
	width:125px;
	height:500px;
	float:left;
}

#contenedorMedioDerecha .textoSeccion {
	margin: 0 auto;
	width:250px;
	padding-top:1em;
	padding-right:0.1em;
	padding-left: 0.5em;
	position:relative;
	float:left;
}

#contenedorMedioDerecha .textoSeccion2 {
	margin: 0 auto;
	font-family:Georgia, "Times New Roman", Times, serif;
	width:690px;
	padding-top:1em;
	padding-right:0.1em;
	padding-left: 0.5em;
	position:relative;
	float:right;
}

#contenedorMedioDerecha .textoSeccion3 {
	margin: 0 auto;
	font-family:Georgia, "Times New Roman", Times, serif;
	width:730px;
	padding-top:1em;
	padding-right:0.1em;
	padding-left: 0.5em;
	position:relative;
	float:right;
}


#contenedorMedioDerecha .textoSeccion  ul {
	list-style-image: url(../images_sitio/list.png);
	margin-left:10px;
}

#contenedorMedioDerecha .textoSeccion  ul ul{
	margin-left: 35px;
	list-style-image: url(../images_sitio/list2.png);
}

#contenedorMedioDerecha .textoSeccion2  ul {
	list-style-image: url(../images_sitio/list.png);
	margin-left:10px;
}

#contenedorMedioDerecha .textoSeccion2  li {
	padding-bottom:5px;
}

#contenedorMedioDerecha .textoSeccion2  ul ul{
	margin-left: 35px;
	list-style-image: url(../images_sitio/list2.png);
}

#contenedorMedioDerecha .imagenSeccion {
	margin: 0 auto;
	padding-top:0;
	width:455px;
	position:relative;
	float:left;
}
#contenedorMedioDerecha .subtituloPrincipalSecciones {
	font-size:11px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	letter-spacing:1px;
	color:#FC9200;
	padding-bottom:0.3em;
	padding-top:1em;
	padding-left:2em;
	clear:both;
	float:none;
	position:relative;
}



h2 {
	font: normal 18px Arial, Verdana, Helvetica, Tahoma sans-serif;
	color:#174e73;
	margin:0;
	padding-bottom:0.3em;
	padding-top:0.5em;
}


#contenedorMedioDerecha .secciones {
   margin: 0 auto;
   width:90%;
   font: normal 12px Arial, Verdana, Helvetica, Tahoma, sans-serif;
   color:#606060;
   padding-top:0.8em;
   padding-bottom:0.6em;
   clear:both;
   float:none;
}





#contenedorMedioDerecha .seccionConImagenTexto {
	width: 70%;
	margin:0;
	padding-left:0.3em;
	padding-right:0.5em;
	float:right;
	position:relative;
}

#contenedorMedioDerecha .sangriaIzq {
	padding-left:0.2em;
	padding-right:0.2em;
	line-height:145%;
}

#contenedorMedioDerecha .textoNoticias {
	padding-left:0.2em;
	padding-right:0.2em;
	line-height:125%;
}

#contenedorMedioDerecha .seccionConImagenLaImagenes {
	width:25%;
	margin:0;
	float:left;
}


#contenedorTerceraColumna
{   margin: 0 auto;
	width:130px;
	float:left;
	text-align:center;
	padding-top:1em;
}

#contenedorTerceraColumnahome
{   margin: 0 auto;
	width:230px;
	float:left;
	text-align:center;
	padding-top:1em;
}


#contenedorTerceraColumna .detalleTexto
{   margin: 0 auto;
	padding-left:8px;
	padding-right:5px;
	font-family:Georgia, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
	float:none;
	clear:both;

}

#contenedorTerceraColumna .detalleTexto2
{   margin: 0 auto;
	padding-left:8px;
	padding-right:5px;
	font-family:Georgia, Helvetica, sans-serif;
	color: #0C2E82;
	font-size:11px;
	text-align:left;
	float:none;
	clear:both;

}




#contenedorBottom {
   width: 1000px;
   margin: 0 auto;
   margin-top:1em;
   margin-bottom:0.5em;
  font: normal 10px Arial, Verdana, Helvetica, Tahoma, sans-serif;
   color:#b3dbe8;
   float: none;
   clear:both;
   position:relative;
  overflow:hidden;

}




#contenedorBottom  a {
	color:#666465;
	text-decoration:none;
}

#contenedorBottom  a:hover{
	color: #383436;
	text-decoration:none;
}


#contenedorBottom .derechosReservados {
  font: bold 11px Arial, Verdana, Helvetica, Tahoma, sans-serif;
   color:#666465;
   text-align:center;
   padding-top:0.6em;
   padding-bottom:0.2em;
   clear:both;
   float:none;
}

#contenedorBottom .derechosPanamaCOM{
  font: normal 10px Arial, Verdana, Helvetica, Tahoma, sans-serif;
   color:#666465;
   text-align:center;
   padding-top:0.6em;
   padding-bottom:0.2em;
   clear:both;
   float:none;
}

#contenedorBottom .linkBottom {
  font: normal 11px Arial, Verdana, Helvetica, Tahoma, sans-serif;
  color:#fff;
  margin:0 auto;
  padding-bottom:0.6em;
  width:520px;

  overflow:auto;
  text-align:center;
  clear:both;
  float:none;

}

#contenedorBottom  .linkBottom ul {
	list-style-type:none;	
	margin: 0 auto;
	width:90%;
	padding: 0;
	text-align:center;
	font-size:10px;
	color:#666465;
	position:relative;
}

#contenedorBottom .linkBottom li {
	padding-left:3px;
	padding-right:2px;
    float:left;
}

#contenedorBottom .linkBottom a {
	color:#666465;
	text-decoration:none;
}

#contenedorBottom .linkBottom a:hover{
	color:#383436;
	text-decoration:none;
}

#contenedorBottom .linkBottom a.bottomActivado{
	color:#383436;
	text-decoration:none;
}


#contenedorBottom .logosBottom {
  font: normal 11px Arial, Verdana, Helvetica, Tahoma, sans-serif;
  color:#fff;
  margin:0 auto;
  padding-bottom:0.6em;
  width:840px;
  overflow:auto;
  text-align:center;
  clear:both;
  float:none;

}

#contenedorBottom  .logosBottom ul {
	list-style-type:none;	
	margin: 0 auto;
	width:100%;
	padding: 0;
	text-align:center;
	font-size:10px;
	color:#666465;
	position:relative;
}

#contenedorBottom .logosBottom li {
	padding-left:5px;
	padding-right:62px;
    float:left;
}

#contenedorBottom .logosBottom li.ultimoLogo {
	padding-left:5px;
	padding-right:5px;
    float:left;
}



#wrapper
	{
	overflow: hidden;
	}

/* easy clearing */
#wrapper:after
	{
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
#wrapper
	{
	display: inline-block;
	}
/*\*/
#wrapper
	{
	display: block;
	}
/* end easy clearing */


.png,
img{
	behavior: expression(	
		(
		this.origBg = this.origBg? 
			this.origBg 
			: 
			this.currentStyle.backgroundImage.toString().replace('url("','').replace('")','')
		),	
		this.behaviorSet == undefined?
		(
				this.origBg.match(/.png$/) == null?
				(this.nodeName == "IMG" && this.src.match(/.png$/))?
				(
					this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
					this.src = "images/transparent.gif"
				)
				:
				null
			:
				this.origBg.match(/.png$/)?
				(this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='" + ((this.currentStyle.backgroundRepeat == "no-repeat")? "crop" : "scale") + "')",
				this.style.background = 'none'):null
		)
		:
		null
		,
		this.style.behavior='none', 
		this.runtimeStyle.behavior='none',
		this.behaviorSet = true
	);
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout3.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu_contenido {
z-index:1000;
font-size:90%;
float:right;
margin:0 25px 0px 0; /* this page only */
}

/* remove all the bullets, borders and padding from the default list styling */
.menu_contenido ul {
padding:0;
margin:0;
list-style-type:none;
width:150px;
}
/* hack for IE5.5 */
* html .menu_contenido ul {margin-left:-16px; ma\rgin-left:0;}
/* position relative so that you can position the sub levels */
.menu_contenido li {
/*position:relative;*/
/*background:#d4d8bd;*/
height:26px;
}

/* get rid of the table */
.menu_contenido table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* style the links */
.menu_contenido a, .menu_contenido a:visited {
display:block; 
text-decoration:none;
height:25px;
line-height:25px;
width:149px;
color:#000;
text-indent:5px;
/*border:1px solid #fff;
border-width:0 1px 1px 0;*/
}
/* hack for IE5.5 */
* html .menu_contenido a, * html .menu_contenido a:visited {background:#d4d8bd; width:150px; w\idth:149px;}
/* style the link hover */
* html .menu_contenido a:hover {color:#ca0505; /*background:#949e7c;*/}

.menu_contenido :hover > a{
color:#ca0505; 
/*background:#949e7c;*/
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu_contenido ul ul {
visibility:hidden;
position:absolute;
top:0;
left:-150px; 
}
/* make the second level visible when hover on first level list OR link */
.menu_contenido ul li:hover ul,
.menu_contenido ul a:hover ul {
visibility:visible;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu_contenido ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu_contenido ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu_contenido ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu_contenido ul :hover ul :hover ul :hover ul { 
visibility:visible;
}

ul.download {list-style-image:url(zip.gif);}
ul.download li {padding-left:5px; font-size:11px; line-height:1.5em;}

#padding {height:50px;} /* this demo only */