/* CSS Document */

* { 

	margin: 0;
	padding: 0;
}


body
{
	color: #3e3e3e;
	margin:0;
	font: normal 12px "Lucida Grande", Verdana, Arial, Helvetica, Tahoma sans-serif;
	background-color:#c0c0c0;
}



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

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

h2 {
	font: normal 16px "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding-top:2px;
	padding-bottom:2px;
}

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



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

}

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


#contenedorTop {
   margin: 0 auto;
   float: none;
   width: 100%;
   height:130px;
	background:url(../images_sitio/header_background.jpg) repeat-x;
   clear:both;
}

#contenedorTop .logo { 
	margin:0;
	float:left;
}

#contenedorTop .imagenTop  {
   margin: 0 auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#contenedorMenuIdiomas {
   margin: 0 auto;
   width:310px;
   height:19px;
   font: normal 10px "Lucida Grande", Verdana, Arial, Helvetica, Tahoma, sans-serif;
   text-align:center;
	position:absolute;
	padding-left:480px;
	top:103px;
	z-index:1;
}

#menuIdioma {  
	margin: 0;   
	padding: 0;  
	width:305px;
	list-style-type: none; }   


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

#menuIdioma li {
   float: left;
   padding-left:3px;
   
}

#menuIdioma a {  
	display: block;  
	margin: 0px 0px;
	padding-top:5px; 
	text-decoration: none;  
	text-align: center;  
	font-size: 10px; 
	color: #11569f; }
   
#menuIdioma a:hover {   
	display: block;  
	margin: 0px 0px;
	padding-top:5px;   
  text-decoration: none;  
  text-align: center; 
    color: #fff; } 
	
#menuIdioma a.idioma {  
	display: block;  
	margin: 0px 0px;  
	height:15px;
	width:70px;
	background:url(../images_sitio/bg_menu_idioma.png) no-repeat left bottom;
	text-decoration: none;  
	text-align: center;  
	font-size: 10px; 
	color: #11569f; }
   
#menuIdioma a.idioma:hover {   
	display: block;  
	margin: 0px 0px;
	height:15px;
	width:70px;
	background:url(../images_sitio/bg_menu_idioma_over.png) no-repeat left bottom;
  text-decoration: none;  
  text-align: center; 
   font-size: 10px; 
    color: #fff; }

#menuIdioma a.idiomaActivado {   
	display: block;  
	margin: 0px 0px;
	height:15px;
	width:70px;
	background:url(../images_sitio/bg_menu_idioma_over.png) no-repeat left bottom;
  text-decoration: none;  
  text-align: center; 
   font-size: 10px; 
    color: #fff; }	

#menuIdioma a.idioma2 {  
	display: block;  
	margin: 0px 0px;  
	height:15px;
	width:77px;
	background:url(../images_sitio/bg_menu_idioma2.png) no-repeat left bottom;
	text-decoration: none;  
	text-align: center;  
	font-size: 10px; 
	color: #11569f; }
   
#menuIdioma a.idioma2:hover {   
	display: block;  
	margin: 0px 0px;
	height:15px;
	width:77px;
	background:url(../images_sitio/bg_menu_idioma2_over.png) no-repeat left bottom;
  text-decoration: none;  
  text-align: center; 
   font-size: 10px; 
    color: #fff; }

#menuIdioma a.idiomaActivado2 {   
	display: block;  
	margin: 0px 0px;
	height:15px;
	width:77px;
	background:url(../images_sitio/bg_menu_idioma2_over.png) no-repeat left bottom;
  text-decoration: none;  
  text-align: center; 
   font-size: 10px; 
    color: #fff; }	


#contenedorMenu {
   margin: 0 auto;
	margin-left: auto;
	margin-right: auto;
   width:780px;
   height:29px;
   font: bold 12px "Lucida Grande", Arial, Verdana, Helvetica, Tahoma, sans-serif;
   text-align:center;
    clear:both;
   float:none;
   background-color:#74b4e0;
}

.espacio {
	color:#FFFFFF;
	width:0.1em;
}







/*menu desactivado

#menu {  
	margin: 0;   
	padding: 0;  
	width: 780px;
	list-style-type: none; }   


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

#menu li {
   float: left;
   
}

#menu a {  
	display: block;  
	margin: 0px 0px;  
	padding-top:6px;
	padding-bottom:6px;
	padding-left:1.8em;
	padding-right:1.7em;
	text-decoration: none;  
	text-align: center;  
	font-size: 12px; 
	background-color:#74b4e0;
	color: #fff; }
   
#menu a:hover {   
	display: block;  
	margin: 0px 0px;  
	padding-top:6px;
	padding-bottom:6px;
	padding-left:1.8em;
	padding-right:1.7em;
  text-decoration: none;  
  text-align: center; 
  	background-color:#389bd5;
    color: #fef97b; } 
	
#menu a.ActivadoMenu {   
	display: block;  
	margin: 0px 0px;  
	padding-top:6px;
	padding-bottom:6px;
	padding-left:1.8em;
	padding-right:1.7em;
	text-decoration: none;  
	text-align: center;  
	font-size: 12px; 
	background-color:#389bd5;
	color: #fef97b; }

#menu a.contactanos {  
	display: block;  
	margin: 0px 0px;  
	padding-top:6px;
	padding-bottom:6px;
	padding-left:1.8em;
	*padding-left:1.9em;
	padding-right:1.8em;
	text-decoration: none;  
	text-align: center;  
	font-size: 12px; 
	background-color:#74b4e0;
	color: #fff; }
   
#menu a.contactanos:hover {   
	display: block;  
	margin: 0px 0px;  
	padding-top:6px;
	padding-bottom:6px;
	*padding-left:1.9em;
	padding-left:1.8em;
	padding-right:1.8em;
  text-decoration: none;  
  text-align: center; 
  	background-color:#389bd5;
    color: #fef97b; } 
	
#menu a.contactanosActivado {   
	display: block;  
	margin: 0px 0px;  
	padding-top:6px;
	padding-bottom:6px;
	padding-left:1.8em;
	padding-right:1.8em;
	text-decoration: none;  
	text-align: center;  
	font-size: 12px; 
	background-color:#74b4e0;
	color: #fff; }

*/




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


#cuerpo{
	margin: 10 0 10 0px;
	top:180px;
	right:235px;
	position: absolute;
	float:right;
	width:210px;
}
#lateral{
	margin-left: 3em;
	width:200px;
	margin-top:1.8em;
	font-size:12px;
	clear:both;
}

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

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


#textolateral{
	margin-left: 0.1em;
	width:190px;
	margin-top:0.8em;
}

#textolateral .topNoticias{
  background:url(../images_sitio/header_Noticias.jpg) no-repeat;
  width:184px;
  height:34px;
  clear:both;
}


#textolateral .botommNoticias{
  width:184px;
  height:8px;
  clear:both;
  background:url(../images_sitio/bottom_Noticias.jpg) no-repeat;
}
#textolateral .titulo{
	padding-top:10px;
	padding-bottom:5px;
	padding-left:10px;
	color:#FFFFFF;
	font-size:13px;
	font-weight: bold;
	clear:both;
}


#textolateral .bgContenidoNoticias{
  width:184px;
  clear:both;
  background:url(../images_sitio/bg_noticias.jpg) repeat-y;
}

#textolateral .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;
}
#textolateral .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:530px;
	float:right;
	text-align:left;
	margin-left:0em;
	padding-top:1.5em;
	margin-right:0.1em;
	float:left;
}


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

#contenedorCompleto {
   margin: 0 auto;
	margin-left: 10px;
	margin-right: auto;
	width:760px;
	float:right;
	text-align:left;
	padding-top:1.5em;
}

#contenedorCompleto .seccionesCompleto {
   margin-left: auto;
   margin-right: auto;
   width:755px;
   font: normal 12px "Lucida Grande", Verdana, Arial, Helvetica, Tahoma, sans-serif;
   color:#3e3e3e;
   padding-bottom:1em;
   clear:both;
}

.contenedorCompleto {
	margin:0 auto;
   font: normal 12px "Lucida Grande", Verdana, Arial, Helvetica, Tahoma, sans-serif;
   color:#3e3e3e;
	float:none;
	clear:both;
	padding:0;
	width:780px;
	margin-left:0.7em;
}



h2 {
	font: normal 20px "Lucida Grande", Verdana, Arial, Helvetica, Tahoma sans-serif;
	color:#393a3d;
	margin:0;
	padding-bottom:0.3em;
}

.franjaTitulo {
	width:500px;
	height:1px;
	background-color:#393a3d;
}

#contenedorMedioIzquierda .seccionConTexto {
	width: 99%;
	margin: 0 auto;
	padding-top:0.5em;
	padding-right:0.2em;
	position:relative;
}

#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.5em;
	padding-right:0.5em;
	line-height:145%;
}


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


.contenedorIconosContenido {
	margin:0 auto;
	float:none;
	clear:both;
	padding:0;
	width:780px;
	margin-left:0.7em;
}

#iconosContenido {  
	margin: 0 auto;   
	padding: 0;  
	width: 760px;
	padding-top:8px;
	height:108px;
	padding-bottom:8px;
	list-style-type: none; }   


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

#iconosContenido li {
   float: left;
   margin:0;
   padding:0;
   margin-left:0.5em;
   margin-right:0.2em;
  
}



#contenedorBottom {
   width: 780px;
   height:70px;
   margin: 0 auto;
   padding-bottom:1em;
  font: normal 11px "Lucida Grande", Verdana, Arial, Helvetica, Tahoma, sans-serif;
   color:#393a3d;
   float: none;
   clear:both;
   background-color:#FFFFFF;
   
}

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

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


#contenedorBottom .derechosReservados {
  font: normal 11px "Lucida Grande", Verdana, Arial, Helvetica, Tahoma, sans-serif;
   color:#393a3d;
   text-align:center;
   padding-top:1em;
   padding-bottom:0.4em;
   clear:both;
   float:none;
}

#contenedorBottom .derechosPanamaCOM{
  font: normal 11px "Lucida Grande", Verdana, Arial, Helvetica, Tahoma, sans-serif;
   color:#393a3d;
}

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

#contenedorBottom .MenuBottom {
  width:745px;
  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;
}

.efectoBottom {
	position:absolute;
	margin-left:60px;
	width:129px;
	height:69px;
	z-index:8;
	background:url(../images_sitio/bottomPoints.png) no-repeat;
}

/*MENU*/





/* ================================================================ 
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/dd_valid.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.
=================================================================== */
/* common styling */
.menu {width:780px; height:29px; position:relative; font: bold 12px "Lucida Grande", Arial, Verdana, Helvetica, Tahoma, sans-serif; z-index:100; text-align:center; background-color:#74b4e0;}
.menu ul li a, .menu ul li a:visited {display:block; color:#fff;width:104px; height:29px; text-align:center; color:#fff; border:0px solid #fff; line-height:29px; overflow:hidden;}
.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color: #fef97b; background-color:#389bd5;}
.menu ul li:hover ul {display:block; position:absolute; top:29px; left:0; width:105px;}
.menu ul li:hover ul li a.hide {background:#6a3; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background-color:#389bd5; color: #fef97b;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background-color:#74b4e0; color:#fff;}
.menu ul li:hover ul li a:hover {background-color:#389bd5; color: #fef97b;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}