/* CSS Document */

* { 

	margin: 0;
	padding: 0;
}


body
{
	color:#000000;
	margin:0;
	font: 12px Verdana, Arial, Helvetica, Tahoma, sans-serif;
	line-height:130%;
	background: url(../images_sitio/bg.jpg) repeat-x #0A1E39;
}



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

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	line-height:30px;
	color:#005CB7;
	font-weight:bold;
	clear:both;
	float:none;
	margin:0 auto;
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#005CB7;
	font-weight:bold;
	clear:both;
	float:none;
	margin:0 auto;
	margin-left:15px;
	padding-top:8px;
	padding-bottom:2px;
}

h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#005CB7;
	font-weight:bold;
	clear:both;
	float:none;
	margin:0 auto;
	margin-left:15px;
	padding-top:4px;
	padding-bottom:2px;
}

h24{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#005CB7;
	font-weight:bold;
	clear:both;
	float:none;
	margin:0 auto;
	margin-left:15px;
}



a { text-decoration: none;
	color: #005CB7;

}

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


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

#contenedorTop {
   margin: 0 auto;
   text-align:left;
   float: none;
   width:1000px;
   height:190px;
   clear:both;
}

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

#contenedorTop .imagenTop  {
   margin: 0;
   	float:right;
	width:768px;
	height:190px;
	background:url(../images_sitio/header_image.png) no-repeat;

}

#contenedorTop .idioma  {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	color:#E98316;
	text-align:right;
	padding-top:22px;
	padding-right:18px;
}

#contenedorTop a.idioma  {
	font-size:10px;
	color:#E98316;
	text-decoration:none;
	
}

#contenedorTop a.idioma:hover {
	font-size:10px;
	color:#0B64BB;
	text-decoration:underline;
}



#contenedorMenu {
   margin: 0 auto;
   width:972px;
   height:48px;
   font: bold 13px "Lucida Grande",  Arial, Verdana, Tahoma, Helvetica, sans-serif;
   text-align:center;
   background:url(../images_sitio/bg_menu.jpg) repeat-x; 
   clear:both;
   float:none;
}

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

#menu {  
	margin: 0 auto;   
	padding: 0;  
	width: 980px;
	list-style-type: none;
	float:none;
	clear:both;
	 }   


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

#menu li {
   float: left;
   padding-left:26px;
   padding-right:28px;

}

#menu a {  
	display: block;  
	margin: 0px 0px;  
	padding-top:15px;
	text-decoration: none;  
	text-align: center;  
	font-size: 13px;
	color: #005CB7; }
   
#menu a:hover {   
    color: #023669;
	text-decoration:underline; } 
	
#menu a.activado {   
    color: #023669;
	text-decoration:none; }
	
#contenedorMedio {
   width: 1000px;
   margin: 0 auto;
   background:url(../images_sitio/bg_content.png) repeat-y;
   overflow:auto;
   clear:both;
   float:none;
}

.contenidoFondo {
   width: 972px;
   margin: 0 auto;
   background:url(../images_sitio/bg_texto.jpg) repeat-y;
   margin-top:15px;
   margin-bottom:15px;
   overflow:auto;
   clear:both;
   float:none;
}

.contenidoSinFondo ul{
	margin-left:50px;
	list-style-type: circle;
	line-height:130%;
	margin-bottom:6px;
}

.contenidoSinFondo {
   width: 972px;
   margin: 0 auto;

   margin-top:15px;
   margin-bottom:15px;
   overflow:auto;
   clear:both;
   float:none;
}


#contenedorMedioIzquierda
{   margin: 0 auto;
	width:970px;
	float:none;
	text-align:left;
}

.content_text
{
	margin: 0 auto;
	width:940px;
	float:none;
}

#contenedorMedioIzquierda  .contenedorInfo {
   margin: 0;
   width:640px;
   margin-left:15px;
   font: bold 11px "Lucida Grande", Verdana, Arial, Helvetica, Tahoma, sans-serif;
   color:#000000;
   padding-top:0.8em;
   padding-bottom:1em;
   clear:both;
   overflow:auto;
   float:none;
}

.tituloCeleste {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	line-height:30px;
	color:#005CB7;
	font-weight:bold;
	clear:both;
	float:none;
	margin:0 auto;
	margin-left:15px;
}

#contenedorMedioIzquierda  .textoIzquierda {
float:left;
padding-right:15px;
text-align:justify;
width:395px;
line-height:130%;

}

#contenedorMedioIzquierda  .imagenDerecha {
float:right;
width:215px;
text-align:center;
padding-right:5px;

}

#contenedorMedioIzquierda  .textoDerecha {
float:right;
padding-right:15px;
text-align:justify;
width:395px;
line-height:130%;

}

#contenedorMedioIzquierda  .imagenIzquierda {
float:left;
width:215px;
text-align:center;
padding-right:5px;

}


#contenedorMedioIzquierda .lineaDivInfo{
	margin:0 ;
	float:none;
	clear:both;
	text-align:right;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left:16px;
	width:98%;
	height:2px;
	background:#ECECEC;

}

#contenedorMedioIzquierda .franjaSola {
   margin: 0 auto;
   width:98%;
   clear:both;
   float:none;
   text-align:left;
   padding-top:15px;
   overflow:auto;
}


#elementosDerecha {
	width:96%;
	float:none;
	clear:both;
	margin:0 auto;
}

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

#elementosDerecha li {
   float: none;
   padding-top:18px;
   padding-bottom:18px;
   padding-left:15px;
}


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


.tituloCelesteDerecha {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#005CB7;
	font-weight:bold;
	clear:both;
	float:none;
	margin:0 auto;
	text-align:center;
}

#franjaImagenTexto  {
   margin: 0 auto;
   width:315px;
   font: 12px Verdana, Arial, Helvetica, Tahoma, sans-serif;
   color:#000000;
   padding-top:0.8em;
   padding-bottom:1em;
   clear:both;
   overflow:auto;
   float:none;
}

#franjaImagenTexto  .descripcionImagen {
float:none;
clear:both;
text-align:justify;
width:275px;
 font: bold 11px "Lucida Grande", Verdana, Arial, Helvetica, Tahoma, sans-serif;
   color:#000000;
margin-left:15px;
padding-top:15px;
margin:0 auto;
overflow:auto;

}

.btnDistribuidor {
float:none;
clear:both;
width:290px;
text-align:right;
padding-right:5px;
padding-top:5px;

}


#botonesContenido{
	width:98%;
	margin:0;
	margin-top:25px;
	margin-left:5px;
	clear:both;
	float:none;
	
	background:url(../images_sitio/border-title.jpg) repeat-x;
	overflow:auto;
}

#botonesContenido .icoBoton{
	margin:0;
	float:left;
	width:40px;
}

#botonesContenido .tituloBoton{
	float:left;
	padding-left:5px;
	font-family:Arial, Helvetica, sans-serif;
	color:#6E6F71;
	text-transform:uppercase;
	font-size:17px;
	font-weight:bold;
}


#franjaPromoción {
	width:98%;
	margin:0 auto;
	float:none;
	clear:both;
	padding-top:5px;
	padding-bottom:5px;
	overflow:auto;
}


#franjaPromoción .imagenPromo{
	
	padding-top:5px;
	padding-bottom:5px;
	margin-left:5px;
	margin-right:10px;
	float:left;
}


#franjaPromoción .detallePromo{
	
	padding-top:5px;
	padding-bottom:5px;
	margin-left:5px;
	float:left;
}

.resaltarNegro {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#000000;
	font-weight:bold;
}


.resaltarNaranja {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#F5821F;
	font-weight:bold;
}

.resaltarGris {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#939597;
	font-weight:bold;
}

.resaltarVerde {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#67BD49;
	font-weight:bold;
	line-height:130%;
}


a.resaltarVerde {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#67BD49;
	font-weight:bold;
	text-decoration:underline;
}


a.resaltarVerde:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#317A17;
	font-weight:bold;
	text-decoration:none;
}


#noticiasContenedor {
	width:98%;
	margin:0 auto;
	float:none;
	clear:both;
	padding-top:5px;
	padding-bottom:5px;
	overflow:auto;
}

#noticiasContenedor a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#939597;
	text-decoration:none;	
}


#noticiasContenedor a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#6C6E70;
	text-decoration:underline;	
}

.detalleNoticia {
	width:98%;
	margin:0 auto;
	float:none;
	clear:both;
	padding-top:5px;
	padding-bottom:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#939597;
	line-height:130%;
	overflow:auto;
}

.fechaNoticia {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#62BFE9;
	font-weight:bold;
}

.lineaDivNoticia {
	margin:0 ;
	float:none;
	clear:both;
	text-align:left;
	padding-top:5px;
	padding-bottom:5px;

}




.unaLineaContenido {
   margin: 0;
   width:600px;
   margin-left:36px;
   font: normal 12px "Lucida Grande", Verdana, Arial, Helvetica, Tahoma, sans-serif;
   color:#606060;
   padding-top:0.8em;
   padding-bottom:1.5em;
   clear:both;
   float:none;
}






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




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

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

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


#contenedorBottom {
   width: 1000px;
   height:60px;
   margin: 0 auto;
   background:url(../images_sitio/bg_bottom.png) no-repeat;
  font: normal 10px "Lucida Grande",  Arial, Verdana, Helvetica, Tahoma, sans-serif;
   color:#ffffff;
   float: none;
   clear:both;
  text-align:center;

}


#contenedorBottom .imagenBottom {
   width:99%;
   margin: 0 auto;
   margin-top:0.8em;
   margin-bottom:0.2em;
   float: none;
   clear:both;
   
  text-align:center;
  overflow:auto;

}

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

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


#contenedorBottom .derechosReservados {
  font: bold 10px "Lucida Grande",  Arial, Verdana, Helvetica, Tahoma, sans-serif;
   color:#fff;
   text-align:center;
   padding-top:1.6em;
   padding-bottom:0.2em;
   clear:both;
   float:none;
}

#contenedorBottom .derechosPanamaCOM{
  font: normal 11px "Lucida Grande",  Arial, Verdana, Helvetica, Tahoma, sans-serif;
   color:#255a40;
   text-align:left;
   padding-left:15px;
    background-color:#d0c098;
   padding-top:0.5em;
   padding-bottom:0.5em;
   clear:both;
   float:none;
}