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


* { 

	margin: 0;
	padding: 0;
}


body
{
	color:#666666;
	margin:0;
	font-size:12px;
	font-family:verdana;
	line-height:110%;
	background:url(../images_sitio/bg.jpg) repeat-x #ffffff;
}

#headline {
	height: 87px;
	min-width: 960px;
	border-bottom: 1px solid #c6d9e9;
}

#headline h2 {
	color: #555;
	font-size: 36px;
	line-height: 1em;
	text-shadow: #e4f2fd 0px 1px 0px;
	padding-top: 4px;
	padding-left: 12px;
	float: left;
}

#login {
	color: #FFFFFF;
}

#headline input.text {
	background: #fff;
	border: 1px solid #c6d9e9;
}

p {
	padding-top:4px;
	padding-bottom:4px;
	line-height: 140%;
	
}

h1 {
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size:18px;
	font-weight: none;
	padding-top:2px;
	padding-bottom:11px;
	color:#c1123d;
}

h2 {
	font-family:Verdana;
	font-size:13px;
	font-weight: none;
	padding-top:7px;
	padding-bottom:3px;
	color:#393a3d;
}






#contenedorGeneral {
	width:960px;
	margin:0 auto;
	clear:both;
	float:none;
}


#contenedorTop {
   margin: 0 auto;
   float: none;
   width:960px;
   height:158px;
   clear:both;
   position:relative;
   
}


#contenedorTop .idiomas  {
   margin: 0 auto;
   float: none;
   width:960px;
   clear:both;
   background:url(../images_sitio/bg_idioma.jpg) no-repeat;
   height:40px;
   position:relative;
}
.logintop
{
   margin: 0 auto;
   float: right;   
   width:400px;
   color:#ffffff;

}



#contenedorTop .logo  {
   margin: 0 auto;
   float:left;
   height:118px;
   position:relative;
   width:283px;
}


#contenedorTop .rightTop  {
   margin: 0 auto;
   width:677px;
   height:118px;
   float:right;
   position:relative;
}

.contenedorLineaTop{
   margin: 0 auto;
   float: none;
   width:100%;
   clear:both;
   position:relative;
}





#contenedorMenuTop {
   margin: 0 auto;
   width:960px;
   height:33px;

   background:url(../images_sitio/bMenu.jpg);
   position:relative;
   clear:both;
   float:none;
	z-index:1;
}

This copyright notice must be kept untouched in the stylesheet at 
all times.

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

#menunew {width:960px; height:420px; text-align:center;}

#menunew ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;}
#menunew ul {display:inline-block;} 
#menunew ul {display:inline;}

#menunew li {display:inline-block; display:inline;}
#menunew ul.level1 div {position:absolute; left:-9999px;}

#menunew ul.level1 {display:table; margin:0 auto; border:1px solid #c0d7e9; border-width:0 0px 0px 0px;}
#menunew ul.level1 li.level1-li {float:left; display:block; position:relative;}

#menunew ul li div ul {background:#c0d7e9; padding:0 1px 1px 1px;}

#menunew a {display:block; font: 11px verdana,arial,sans-serif; color:#cde; line-height:30px; text-decoration:none;padding:0 12px 0 12px; text-align:center;}
#menunew ul.level1 li.level1-li a.level1-a {float:left;}

#menunew ul li:hover div {left:50%; top:30px;}
#menunew ul li:hover div ul {display:block; position:relative; left:-50%;}
#menunew ul li div ul li a {background:#5a7797;}

#menunew a:hover div {left:0; top:23px;}

#menunew a:hover div ul {position:relative; left:-50%;}

#menunew li a.fly {background:transparent url(center-center/down-arrow.gif) no-repeat right center;}

#menunew li a:hover,
#menunew li a.fly:hover {background-color:#5a7797; color:#b9002d;} 
#menunew li:hover > a,
#menunew ul li:hover > a.fly {background-color:#5a7797; color:#b9002d;}

#menunew table {position:absolute; height:0; width:0; left:50%; border-collapse:collapse; margin-top:-4px;}


#menuTop {  
	margin: 0 auto;
	font-size: 13px; 
	font-family:Verdana;
	width:940px;
	list-style-type: none;
	color:#FFFFFF; }   


#menuTop ul {
	list-style-type:none;	
	margin: 0 auto;
	padding: 0;
}

#menuTop li {
   float: left;
   padding-left:5px;
   padding-right:5px;
   	padding-top:6px;

	height: 20px;
}

#menuTop a {  
	display: block;  
	margin: 0px 0px;
	padding-top:0px; 
	text-decoration: none;  
	height:20px;
	font-size: 13px; 
	font-family:Verdana;
	color: #fff; }
   
#menuTop a:hover {   
	display: block;  
	margin: 0px 0px;
	padding-top:0px;   
  text-decoration: none;
   
    color: #adcefd;
	} 
	
	
/* hide the sub level links */
#menuTop ul ul {
visibility:hidden;
position:absolute;
width:140px;
height:0;
}

/* make the sub level visible on hover list or link */
#menuTop ul li:hover ul li,

#menuTop ul a:hover ul{
visibility:visible;
padding-top:7px;
background-color: #042131;
width:140px;

}



/* style the sub level links */
#menuTop ul ul li:hover {
visibility:visible;
padding-top:7px;
background-color: #042131;
width:140px;

}
	
	

#contenedorMedio {
   width:960px;
   background:#FFFFFF;
   margin: 0 auto;
   position:relative;
   overflow:hidden;
   clear:both;
}

#contenedorMedio ul{
	list-style-type:disc;	
	margin: 0;
	line-height:140%;
	padding-top:4px;
	padding-bottom:4px;
}

#contenedorMedio li{
	margin-left: 30px;
}

#contenedorMedio .content {
   width:910px;
   margin: 0 auto;
   padding-top: 20px;
   padding-bottom: 30px;
   position:relative;
   overflow:hidden;
   clear:both;
}


#contenedorMedio .elementosInterno {
   width:465px;
   margin: 0 auto;
   position:relative;
   clear:both;
   float:none;
}

.fondoElementoInterno {
	width:462px;
	height:50px;
	position:relative;
	background:url(../images_sitio/descripcionTop.jpg) no-repeat;
	float:none;
	clear:both;
}

.tituloElementoInterno {
	font-family:Verdana;
	font-size:15px;
	font-weight: none;
	padding-top:16px;
	padding-left:32px;
}

.filaElemento {
	width:100%;
	position:relative;
	float:none;
	clear:both;
}

.fotoFila {
	float:left;
	width:170px;
}


.textoFilaElemento {
	float:left;
	width:280px;
	font-family:Verdana;
	line-height:110%;
	font-size:12px;
	padding-top:0.5em;
	color:#666666;
	
}

#verMasElementoInterno {
	font-family:Verdana;
	font-size:11px;
	padding-top:4px;
	width:60px;
	padding-left:365px;
	font-weight:bold;
	position:relative;
}


#verMasElementoInterno a {
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	color:#333333;
	text-decoration:none;
}

#verMasElementoInterno a:hover {
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	color:#7797c6;
	text-decoration:underline;
}

.fondoElementoVerMas {
	width:462px;
	height:22px;
	position:relative;
	background:url(../images_sitio/verMas.jpg) no-repeat;
	float:none;
	clear:both;
}


#contenedorMedio .imagenBody  {
   margin: 0 auto;
   float:none;
   clear:both;
   padding-top:0.2em;
   text-align:center;
}

#contenedorDerecha{
	margin-left: 0.2em;
	width:465px;
	margin-top:0.5em;
	float:left;
}

#contenedorDerecha .segundaFilas{
	width:99%;
	margin:0 auto;
	margin-top:0.8em;
	padding-bottom:5px;
	float:none;
	clear:both;
	position:relative;
}

#contenedorDerecha .eventos{
  width: 165px;
    margin:0 auto;
  margin-bottom:1em;
  float:left;
  background:#d9e8f5; 
  padding:7px;
}

#contenedorDerecha .columnaTituloEventos{
  clear:both;
  float:none;
  margin:0 auto;
  color:#0063be;
   font: bold 12px "Lucida Grande", Arial, Verdana, Helvetica, Tahoma, sans-serif;
   padding-bottom:2px;
}

#contenedorDerecha .lineaeventos{
  width:99%;
    margin:0 auto;
   background-color:#0063be;
  clear:both;
  float:none;
  height:1px;
  margin-bottom:5px;
}

#contenedorDerecha .imagenEventos{
  width:99%;
    margin:0 auto;
	margin-top:3px;
	text-align:center;
  clear:both;
  float:none;

}

#contenedorDerecha .textoEventos{
  width:96%;
    margin:0 auto;
	margin-top:3px;
	text-align:left;
	color:#093b69;
   font: bold 13px "Lucida Grande", Arial, Verdana, Helvetica, Tahoma, sans-serif;
  clear:both;
  float:none;

}


a.verMasEventos {  
	text-decoration: none;  
	text-align: right;  
	font-size: 11px; 
	color: #195d9c; }
   
a.verMasEventos:hover {   
  text-decoration: none;  
  text-align: right; 
    color: #2b79c2; } 
	
#contenedorDerecha .promos{
  width: 160px;
    margin:0 auto;
  margin-bottom:1em;
  float: left;
  padding:2px;
  margin-left:4px;
}

#contenedorDerecha .columnaTituloPromo{
  clear:both;
  float:none;
  margin:0 auto;
  color:#0063be;
   font: bold 12px "Lucida Grande", Arial, Verdana, Helvetica, Tahoma, sans-serif;
   padding-bottom:2px;
}

#contenedorDerecha .lineaPromo{
  width:99%;
    margin:0 auto;
   background-color:#0063be;
  clear:both;
  float:none;
  height:1px;
  margin-bottom:5px;
}

#contenedorDerecha .imagenPromo{
    margin:0 auto;
  clear:both;
  float:none;
  margin-bottom:10px;
  margin-top:8px;
  text-align:center;
}

#contenedorDerecha .columnaFondo{
  width:354px;
  clear:both;
  background:url(../images_sitio/bg_left.gif) repeat-x #f8e8f2;
  margin:0 auto;
   float:none;
}


#contenedorDerecha .contenidoLateral{
	padding-top:0.5em;
	padding-bottom:0.4em;
	padding-left:1.3em;
	padding-right:0.3em;
	color:#666666;
	font-size:11px;
	line-height:115%;
	clear:both;
}
#contenedorDerecha .masInfo{
	padding-top:0.1em;
	padding-bottom:0.4em;
	padding-left:1.3em;
	margin-right:0.8em;
	text-align:right;
	font-size:10px;
	font-weight:bold;
	clear:both;
}


#contenedorMedioIzquierda
{   margin: 0 auto;
	width:470px;
	float:right;
	text-align:left;
	margin-left:0.5em;
	padding-top:0.5em;
	margin-right:0.3em;
	float:left;
}

#contenedorMedioIzquierda .secciones {
   margin: 0 auto;
   width:400px;
   font: normal 12px "Lucida Grande", Verdana, Arial, Helvetica, Tahoma, sans-serif;
   color:#3e3e3e;
   padding-bottom:1em;
   clear:both;
   float:none;
}




.resaltarMorado{
	font: normal 12px "Lucida Grande", Verdana, Arial, Helvetica, Tahoma sans-serif;
	color:#9a4d9e;
}

.franjaTitulo {
	font: normal 20px "Lucida Grande", Arial, Verdana, Helvetica, Tahoma sans-serif;
	color:#002072;
}

.franjaSubtitulo {
	color:#a5a3a3;
	font: normal 12px "Lucida Grande", Arial, Verdana, Helvetica, Tahoma sans-serif;
}

.franjaTitulo2 {
	font: normal 24px "Lucida Grande", Arial, Verdana, Helvetica, Tahoma sans-serif;
	color:#0063be;
	text-align:right;
}

.contenidoTexto {
	color:#161616;
	font: normal 12px "Lucida Grande", Arial, Verdana, Helvetica, Tahoma sans-serif;
	line-height:140%;
	padding-top:10px;
	padding-bottom:10px;
}

#contenedorMedioIzquierda .seccionConTexto {
	width: 100%;
	margin: 0 auto;
	padding-top:0.5em;
	padding-right:0.1em;
	position:relative;
	clear:both;
	float:none;
}


#contenedorMedioIzquierda .seccionConTextoSubtitulo {
	width: 94%;
	margin: 0 auto;
	padding-top:0.5em;
	padding-right:0.1em;
	position:relative;
	clear:both;
	float:none;
}

#contenedorMedioIzquierda .imagenTitulo {
	margin: 0 ;
	padding-top:0.1em;
	clear:both;
	float:none;
}

#contenedorMedioIzquierda .SubtituloconImagen {
	margin: 0;
	width:95%;
	float:none;
	clear:both;
	padding-bottom:0.5em;
}

#contenedorMedioIzquierda .imagenSubtituloconImagen {
	margin: 0 ;
	float:left;
	padding-left:3em;
	padding-top:7em;
}

#contenedorMedioIzquierda .subtituloLaImagen {
	margin: 0 ;
	float:right;
	padding-left:1em;
}

#contenedorMedioIzquierda .seccionConImagenTexto {
	width: 65%;
	margin:0;
	padding-left:0.5em;
	padding-top:0.2em;
	padding-right:1em;
	float:left;
	position:relative;
}

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


#contenedorMedioIzquierda .seccionConImagenLaimages_sitio {
	width: 30%;
	margin:0;
	float:right;
}

#contact-area input,select, #contact-area textarea {
	padding: 3px;
	width: 300px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 2px 0px 2px 0px;
	border: 1px solid #ccc;
}

#contact-area textarea{
	height: 14px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 1px solid #c1123d;
}

#contact-area input.submit-button {
cursor:pointer;
border:outset 0px #ccc;
width:65px;
height:26px;
color:#fff;
font-weight:bold;
padding: 1px 2px;
background: #c1123d;
}

#contact-area  label{
	width: 100px;
	text-align: left;
	margin: 3px;
	font-size: 10px;
	font-weight:bold;
}



table.contacts
{ width:70%;
border: 0px #000000 solid;
border-collapse: collapse;
border-spacing: 0px; }


td.contactDept
{ background-color: #99CCCC;
border: 1px #000000 solid;
font-family: Verdana;
font-weight: bold;
font-size: 12px;
color: #404040; }


table.contacts td
{ border-bottom: 1px #00519d dotted;
text-align: left;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 8px;
padding-right: 0px; }

#contenedorBottom {
   width: 960px;
   height:40px;
   padding-top:0.5em;
   margin: 0 auto;
   background:url(../images_sitio/bgFooter.png) no-repeat;
   height:92px;
   padding-bottom:0.5em;
  font: normal 10px "Lucida Grande", Verdana, Arial, Helvetica, Tahoma, sans-serif;
   color:#393a3d;
   float: none;
   clear:both;
}

.franjaBottom {
	width:95%;
	margin:0 auto;
	height:1px;
	background-color:#0063be;
	margin-top:10px;
	margin-bottom:4px;

}

.imagenBottom {
	margin:0 auto;
	clear:both;
	float:none;
	margin-bottom:1em;
	text-align:center;
	position:relative;
}

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

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


#contenedorBottom .contenedorDerechosReservados {
  font: normal 11px "Lucida Grande", Verdana, Arial, Helvetica, Tahoma, sans-serif;
  text-align:center;
  margin:0 auto;
   color:#FFFFFF;
   padding-top:2.2em;
   padding-bottom:0.2em;
   line-height:150%;
   width:95%;
   float:none;
   clear:both;
 }

#contenedorBottom .derechosPanamaCOM{
  font: normal 10px "Lucida Grande", Verdana, Arial, Helvetica, Tahoma, sans-serif;
   color:#7797c6;
}

#contenedorBottom .linkBottom {
  font: normal 10px "Lucida Grande",  Arial, Verdana, Helvetica, Tahoma, sans-serif;
  color:#fff;
  padding-top:0.5em;
  padding-bottom:0.5em;
  height:14px;
  width:100%;
  text-align:center;
  background-color:#ddc5e1;
  clear:both;
  float:none;
}

#contenedorBottom .seccionMiembro {
   color:#a3a5a9;
   text-align:left;
   padding-top:0.2em;
   padding-bottom:0.2em;
   padding-right:2em;
   width:45%;
   float:right;
}

#contenedorBottom .textoMiembro{
  font: normal 10px "Lucida Grande", Arial, Verdana, Helvetica, Tahoma, sans-serif;
   color:#a3a5a9;
   float:left;
   width:62%;
   padding-top:6px;
   text-align:right;
}


#contenedorBottom .MenuBottom {
  width:70%;
  margin:0 auto;
}

#contenedorBottom  .linkBottom ul {
	list-style-type:none;	
	margin: 0;
	padding: 0;
	text-align:center;
}

#contenedorBottom .linkBottom li {
	padding-left:1em;
	padding-right:1em;
    float:left;
}

#contenedorBottom .linkBottom a {
	color:#fff;
	text-decoration:none;
	font-weight:bold;

}

#contenedorBottom .linkBottom a:hover{
	color:#fef97b;
	text-decoration:underline;
	font-weight:bold;

}

#contenedorBottom .linkBottom a.bottomActivado{
	color:#fef97b;
	text-decoration:none;
	font-weight:bold;
}

.wraps {
	width: 960px;
	margin: 0 auto;
	clear: both;
}



#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
	);
}