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



/* CSS Document */

* { 

	margin: 0;
	padding: 0;
}


body
{
	color: #161616;
	margin:0;
	font: normal 12px Georgia, Verdana, Arial, Helvetica, sans-serif;
	line-height: 140%;
	background:url(../images_sitio/bg-3cm.jpg) repeat-x #ffffff;
}



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

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

h2 {
	font: normal 17px Georgia, Verdana, Arial, Helvetica, sans-serif;
	padding-top:2px;
	padding-bottom:2px;
}

h3 {
	font: normal 15px Georgia, Verdana, Arial, Helvetica, sans-serif;
	padding-top:2px;
	padding-bottom:2px;
}



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

}

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

#contenedorGeneral {
	width:820px;
	margin:0 auto;
	background:url(../images_sitio/bgContenido.png) repeat-y;
	clear:both;
	float:none;
}


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


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


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

.lineaMenu {
	width:800px;
	margin:0 auto;
	float:none;
	clear:both;
	height:5px;
	background-color:#366d95;
	margin-bottom:8px;
}



#contenedorMenuTop {
   margin: 0 auto;
   width:800px;
   height:24px;
   font: normal 12px  Georgia, Verdana, Arial, Helvetica, sans-serif;
   background:#a0a0a0;
   text-align:center;
   position:relative;
   clear:both;
   float:none;
	z-index:1; 
}

#menuTop {  
	margin: 0 auto;
	width:800px;
	list-style-type: none;
	color:#595959; }   


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

#menuTop li {
   float: left;
   padding-left:0px;
   padding-right:0px;
}

#menuTop li.lineaDivMenu {
   float: left;
   padding-left:2px;
   padding-right:2px;
   	padding-top:5px;

}


#menuTop a {  
	display: block;
	margin-top:0px;
	padding-top:5px;
	padding-left:12px;
	padding-right:12px;
	padding-bottom:6px;
	text-decoration: none;  
	text-align: center;  
	font-size: 11px; 
	color: #595959; }
   
#menuTop a:hover {   
	display: block;  
	padding-top:5px;
	padding-left:12px;
	padding-right:12px;
	padding-bottom:6px;
  text-decoration: none;
  background:#1f4d70;
   color:#FFFFFF;
  text-align: center; 
    } 


#menuTop .menuActivado {   
	display: block;  
	padding-top:5px;
	padding-left:20px;
	padding-right:21px;
	padding-bottom:6px;
  text-decoration: none;
  background:#1f4d70;
  color:#FFFFFF;
  text-align: center; 
} 

/* 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:4px;
background-color: #a0a0a0;
width:140px;

}



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

}



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

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

#contenedorMedio ul {

	list-style-image: url(../images_sitio/web_s.jpg); 
	line-height: 180%;

}

#contenedorMedio li {

   margin-left: 45px;
}


#contenedorDerecha{
	margin-left: 0.1em;
	margin-right:0.1em;
	width:520px;
	margin-top:0.2em;
	float:left;
}

.lineaDivDerecha {
	width:510px;
	margin:0 auto;
	float:none;
	clear:both;
	height:2px;
	background-color:#1f4d70;
	margin-top:10px;
	margin-bottom:10px;
}

.promosDerecha

{ margin:0 auto;
float:none;
clear:both;
width:510px;
position:relative;

}

ul .s
{
	list-style-image: url(../images_sitio/web_s.jpg); 
	line-height: 150%;
}


.columnaA{
	width:248px;
	margin:0 auto;
	float:left;
	position:relative;
}

.columnaB{
	width:248px;
	margin:0 auto;
	float:right;
	position:relative;
}
.columnaC{
	width:170px;
	margin:0 auto;
	float:left;
	position:relative;
}
.columnaD{
	width:170px;
	margin:0 auto;
	float:right;
	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  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  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  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:265px;
	float:right;
	text-align:left;
	margin-left:0.2em;
	padding-top:0.5em;
	margin-right:0.8em;
	float:left;
}

#video 

{ margin:0 auto;
float:none;
clear:both;
width:250px;
position:relative;

}

.franjaDivisoria {
	width:250px;
	margin:0 auto;
	float:none;
	clear:both;
	height:2px;
	background-color:#1f4d70;
	margin-top:7px;
	margin-bottom:7px;
}


.promos

{ margin:0 auto;
float:none;
clear:both;
width:250px;
position:relative;

}



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





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

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

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

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

.contenidoTexto {
	color:#161616;
	font: normal 12px  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;
}



#contenedorBottom {
   width: 800px;
   height:20px;
   padding-top:1.5em;
   margin: 0 auto;
   padding-bottom:0.5em;
   padding-left:1em;
  font: normal 10px  Verdana, Arial, Helvetica, Tahoma, sans-serif;
   color:#909090;
   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 10px  Verdana, Arial, Helvetica, Tahoma, sans-serif;
  text-align:center;
  margin:0 auto;
   color:#909090;
   width:380px;
   float:right;
 }

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

#contenedorBottom .linkBottom {
  font: normal 10px   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  Arial, Verdana, Helvetica, Tahoma, sans-serif;
   color:#a3a5a9;
   float:left;
   width:62%;
   padding-top:6px;
   text-align:right;
}


#MenuBottom {
  width:410px;
  margin:0 auto;
  float:left;
  padding-left:0.5em;
}

#MenuBottom ul {
	list-style-type:none;	
	margin: 0;
	padding: 0;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

#MenuBottom  li {
	padding-left:0.4em;
	padding-right:0.4em;
    float:left;
}

#MenuBottom  a {
	color:#909090;
	text-decoration:none;

}

#MenuBottom  a:hover{
	color:#717171;
	text-decoration:underline;

}

#MenuBottom  a.bottomActivado{
	color:#717171;
	text-decoration:none;
	font-weight:bold;
}








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