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

/* CSS Document */

* { 

	margin: 0;
	padding: 0;
}


body
{
	color: #13124f;
	margin:0;
	font: normal 12px Arial, Verdana, Helvetica, Tahoma sans-serif;
	line-height:135%;
	background:url(../images_sitio/bg.jpg) repeat-x #2a3e70;
}



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

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

h2 {
	font: normal 17px Georgia, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding-top:4px;
	padding-bottom:2px;
	color:#13124f;
}

h3 {
	font: normal 13px Georgia, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding-top:2px;
	padding-bottom:2px;
	color:#13124f;
}

h4 {
	font: normal 12px Tahoma, Arial, Verdana, Helvetica, sans-serif;
	padding-top:2px;
	padding-bottom:2px;
	color:#13124f;
}


a { text-decoration: none;
	color: #124579;

}

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

img.borde
{
	padding:6px;
	border: 1px double #e0ddd2;
	margin:1px 10px 1px 9px;
}

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


#contenedorTop {
   margin: 0 auto;
   float: none;
   width:795px;
   height:200px;
   clear:both;
   position:relative;
   margin-bottom:0px;
   
}


#contenedorTop .logo  {
   margin: 0 auto;
   float:left;
   text-align:center;
   height:200px;
   position:relative;
   width:284px;
}

.tel {

	text-align:center;
	font-family: Arial, Verdana, sans serif;
	font-weight:bold;
	font-size: 13px;
	padding-top:12px;
	color:#121241;
	
   
}

#contenedorTop .rightTop  {
   margin: 0 auto;
   width:500px;
   height:200px;
   float:left;
   position:relative;
}

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



/********** Menu Top *********/

.ContenedorMenu {
	width:815px;
	margin:0 auto;
	float:none;
	clear:both;
}

.esquinasMenu {
	float:left;
	margin:0;
	height:51px;

}
#outer {
width:780px;
background:url(../images_sitio/bgMenu.jpg) repeat-x top center;
height:51px;
float:left;
color:#ffffff;
}

#positioner {
width:790px;
background:url(../images_sitio/bgMenu.jpg) repeat-x top center;
height:51px;
float:left;
color:#ffffff;
}
.menuX {display:none;}
#noniemenu {position:absolute;}

#noniemenu .holder ul {padding:0; margin:0; color:#FFFFFF;}
#noniemenu .holder ul li {list-style-type: none;}
#noniemenu .holder li ul {display: none;} 
#noniemenu .holder li:hover > ul#a3 {display:block; position:absolute; border:1px solid #233460;}
#noniemenu .holder .bold {font-weight:bold;}

#noniemenu .holder {
  color:#fff; 
  width:auto; 
  height:36px;
  padding-top:15px;
  display:block; 
  overflow:hidden;
  float:left;
  font-size:10px;
  }
#noniemenu .holder:hover {
  height:auto; 
  }
#noniemenu a.outer, #noniemenu a.outer:visited {
   color:#fff; 
   width:auto;
   height:37px;
   display:block; 
   padding-left:3px;
   padding-right:2px; 
   text-align:center; 
   text-decoration:none; 
   font-family: verdana, arial, sans-serif;
   }
#noniemenu a.outer:hover {
  overflow:visible;
  text-decoration:none;
  color:#D6EFFE;
  }
#noniemenu div.open {display:none;}
#noniemenu a.inner, #noniemenu a.inner:visited {
  display:block; 
  width:115px; 
  height:20px;
  line-height:18px;
  padding-left:8px;
  padding-right:5px;
  border-bottom:1px solid #1f2e59; 
  text-decoration:none; 
  color:#ffffff;
  font-family:Arial, Helvetica, sans-serif;
  font-size:10px; 
  background:#293c6a;
   text-align:left; 
  }
#noniemenu a.second {font-weight:bold;}
#noniemenu a.inner:hover {
  background:#4f6497;
  color:#d6e0fa;
  }





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





#menuIdiomas {  
	margin: 0 auto;   
	padding: 0;
	margin-top:10px;  
	width: 781px;
	height:31px;
   background: url(../images_sitio/bgContenido.png) top center no-repeat;
	color:#626363;
	position:relative;
	clear:both;
	float:none;
 }   
 
 
 #menu{  
	margin: 0 auto;   
	padding: 0;
	margin-top:3px;
	margin-left:602px;
	width: 200px;
	position:relative;
	clear:both;
	float:none;
 }


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

#menu li {
   float: left;
   padding-left:2px;
   padding-right:3px;
}

#menu li.final {
   float: left;

}

#menu a {  
	text-decoration: none;  
	text-align: center;  
	font-size: 10px;
	font-family:Arial, Helvetica, sans-serif;
	color: #626363;
 }
   
#menu a:hover {   
    color: #2D5797;
	text-decoration:none; } 




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


#contenedorMedio .elementosInterno {
   width:563px;
   background: #FFFFFF;
   margin: 0 auto;
   position:relative;
   clear:both;
   float:none;
   padding-bottom:15px;
}

.elementosInterno ul{
	margin-left:40px;
}

.elementosInterno li{
	padding-bottom:4px;
}

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

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


.textoTituloFilaElemento {
	float:left;
	width:325px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:110%;
	font-size:12px;
	color:#005daa;
}

.textoFilaElemento {
	float:left;
	width:320px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:105%;
	font-size:11px;
	color:#6b6b6b;
}



a.verMasDetalles {
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#333333;
	text-decoration:none;
}
a.verMasDetalles:hover {
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#7797c6;
	text-decoration:underline;
}



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

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

#contenedorDerecha .publicidades{
	width:99%;
	margin:0 auto;
	padding-bottom:8px;
	float:none;
	clear:both;
	text-align:center;
	position:relative;
}



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

#contenedorMedioIzquierda .secciones {
   margin: 0 auto;
   width:99%;
   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 .promocionesIzq {
	width: 100%;
	margin: 0 auto;
	position:relative;
	text-align:center;
	padding-top:15px;
	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;
}

#copyrightContenido {
	width: 781px;
	height:45px;
	background:#a5a1a1;
	margin:0 auto;
	margin-bottom:5px;
	float:none;
	clear:both;
	position:relative;
}

#copyrightContenido .contenedorCopy {
	width:770px;
	margin: 0 auto;
	position:relative;
	padding-top:5px;

}

#copyrightContenido .corpmenu {
	width:458px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#4f4c4c;
	text-transform:uppercase;
	text-align:left;
}

#copyrightContenido .infoCopy {
	width:256px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#4f4c4c;
	text-transform:uppercase;
	text-align:right;
}

#copyrightContenido .imagenCopy {
	width:42px;
	float:right;
	text-align:right;
	padding-right:8px;
}




#contenedorBottom {
   width: 781px;
   height:40px;
   margin: 0 auto;
   padding-bottom:0.5em;
  font: normal 10px "Lucida Grande", Verdana, Arial, Helvetica, Tahoma, sans-serif;
   color:#ffffff;
   float: none;
   clear:both;
}

.franjaBottom {
	width:100%;
	margin:0 auto;
	height:10px;
	margin-bottom:4px;
	background:url(../images_sitio/bgFooter.jpg) repeat-x;

}

.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 10px "Lucida Grande", Verdana, Arial, Helvetica, Tahoma, sans-serif;
  text-align:right;
  margin:0 auto;
   color:#FFFFFF;
   padding-top:0.1em;
   padding-bottom:0.2em;
   width:98%;
   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;
}

/* ================================================================ 
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/basic_dd.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.
=================================================================== */

.menu{

margin-top:12px;

}

/* remove the bullets, padding and margins from the lists */
.menu ul{
list-style-type:none;
padding:0;
margin-top:12px;
margin:0;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
float:left;
position:relative;
z-index:100;
}

/* use the table to position the dropdown list */
.menu table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:25px;
}

/* style all the links */
.menu a, .menu :visited {
display:block;
font-size:10px;
padding:7px 2px 7px 1px;
color:#fff; 

text-decoration:none;
margin-right:1px;
text-align:center;
font-family:verdana, sans-serif;
}
/* style the links hover */
.menu :hover{
color:#d6e0fa;

}

/* hide the sub level links */
.menu ul ul {
visibility:hidden;
position:absolute;
width:115px;
height:0;
}

.menu ul ul li {
width:115px;
background:#293c6a;

}

/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
}




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