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


#container {
	width: 100%;
	margin:0 auto;
	background:url(../images_sitio/bg.jpg) repeat-y ;
	height:auto;
}

/* CSS Document */

* { 

	margin: 0;
	padding: 0;
}


body
{
	color: #231f20;
	margin:0;
	font: normal 14px Times New Roman, Verdana, Arial, Helvetica, Tahoma sans-serif;
	background:url(../images_sitio/bg.jpg) repeat-y #144371;
	line-height:160%;
}




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

h1 {
	font: normal 28px Times New Roman, Verdana, Arial, Helvetica, sans-serif;
	padding-top:7px;
	padding-bottom:5px;
	color: #164271;
}

h2 {
	font: normal 21px Times New Roman, Verdana, Arial, Helvetica, Tahoma sans-serif;
	color:#164271;
	padding-top:7px;
	padding-bottom:5px;
	margin:0;
}

h3 {
	font: normal 16px Times New Roman, Verdana, Arial, Helvetica, Tahoma sans-serif;
	color:#164271;
	margin:0;
	padding-left:0;
	padding-top:0.9em;
	padding-bottom:0.9em;
}

a { text-decoration: none;
	color: #174e73;

}

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

.content_img_center{
	border-style: solid;
	border-width: 5px;
	border-color:#cacaca;
	padding: 3px;
}

.line
{
	margin: 0 auto;
	width: 950px;
	height:2px;
	background:url(../images_sitio/bg_menu_1.jpg) repeat-x;
	border-bottom:1px solid #8bac30;
	float:none;
	
}

.MenuMenu
{
background:url(../images_sitio/bg_mi_2.jpg) no-repeat;
}

 .seccionMenuMenu {
	width:250px;
	height:250px;
	margin-left:0px;
	margin-top:20px;
	font: normal 14px Times New Roman, Tahoma, Arial, sans-serif;
	font-weight:bold;
	background:url(../images_sitio/bg_mi_2.jpg) no-repeat;
	float:right;
	padding-bottom:0px;
}

.seccionMenuMenu ul{
	padding: 0px;
	margin-left:0px;	
	margin-top:25px;
	list-style: none;
	list-style-image:none;
	list-style-type:none;
}

.seccionMenuMenu li{
	list-style:none;
	padding-bottom: 8px;
	text-align:left;
	list-style-image:none;
	list-style-type:none;
}

.seccionMenuMenu a{
	color: #231f20;
	text-decoration: none;


}

 
.seccionMenuMenu  a:hover{
	color: #76995a;
	text-decoration:none;
	background:url(../images_sitio/hover.png) no-repeat top left;
}


#curva {
	position:absolute;
	margin-top:0;
	margin-left:165px;
	z-index:10;
}

#contenedorTop {
   margin: 0 auto;
   text-align:left;
   float: none;
   width:950px;
   height:183px;
   position:relative;
   clear:both;
}


#contenedorTop .logo  {
   margin: 0 auto;
   width:296px;
  float:left;

}


#contenedorTop .imagenTop  {
   margin: 0 auto;

  float:right;

}



#contenedorMenu {
   margin: 0 auto;
   width:950px;
   height:47px;
   font: normal 13px Arial, Verdana, Helvetica, Tahoma, sans-serif;
   text-transform: uppercase;
   color:#FFFFFF;
   text-align:center;
   background:url(../images_sitio/bg_menu.jpg) repeat-x top left; 
   clear:both;
   float:none;
   position:relative;
}

.interno {
	width: 900px;
	margin: 0 auto;
}

.seccionConImagenTexto ul{
	margin-left: 25px;
	line-height:160%;
	list-style-image: url(../images_sitio/accept.png);
}


	
#contenedorMedio {
   width:950px;
   padding-bottom:1em;
   margin: 0 auto;
   padding:0;
   background:#FFFFFF;
   overflow:auto;
   position:relative;
   clear:both;
   float:none;
}

.contenidoUnaLinea {
   width:99%;
   margin: 0 auto;
   padding:0;
   margin-top:5px;
   padding-bottom:8px;
   position:relative;
   clear:both;
   float:none;
}



#contenedorMedioDerecha
{   margin: 0;
	width:140px;
	float:right;
	text-align:left;
	padding-top:1em;
	padding-right:1em;
	padding-bottom:0.5em;
	position:relative;
}



#contenedorMedioIzquierda
{   margin: 0 auto;
	width:605px;
	float:left;
	text-align:left;
	padding-top:1em;
	padding-left:10px;
	margin-right:10px;
	position:relative;

}



.titulosMedio {
	font-size:13px;
	padding-top:8px;
	padding-left:8px;
	font-weight:bold;
	color:#46360e;
 
}

.tituloMedioAzul {
	color:#174e73;
	font-size:12px;
	padding-top:0px;
	padding-left:0px;
	font-weight:bold;
}


a.vermas {
	color: #BB0000;
	text-decoration:none;
	font-size:10px;
	font-weight:bold;
}

a.vermas:hover{
	color: #666666;
	text-decoration:none;
}








.seccionConTexto {
	width: 96%;
	margin: 0 auto;
	padding-top:0.2em;
	padding-right:0.2em;
	position:relative;
}

 .seccionConImagenTexto {
width: 680px;

float: right;

margin-top: 0px;

margin-bottom: 0px;

padding-top: 9px;

padding-right: 9px;

padding-bottom: 9px;

padding-left: 9px;
}

 .sangriaIzq {
	padding-left:0.2em;
	padding-right:0.2em;
	line-height:145%;
}



 .seccionConImagenLaImagenes {
	width:245px;
	margin:0 auto;
	border-right-width:1px;
	border-right-style:solid;
	border-right-color:#bbb;
	float:left;
	position:relative;
	padding-bottom:10px;
}

 .seccionConImagenLaImagenes  ul{
	list-style-type:none;
}

.laimagenIzquierda {
	margin:0;
	clear:both;
	float:none;
	padding-bottom:2px;

}

#contenedorBottom {
   width:948px;
   height:40px;
   background-color:#1576bd;
   margin: 0 auto;
  font: normal 10px "Lucida Grande", Verdana, Arial, Helvetica, Tahoma, sans-serif;
   color:#fff;
   float: none;
   clear:both;
   position:relative;

}

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

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


#contenedorBottom .derechosReservados {
  font: normal 11px "Lucida Grande", Verdana, Arial, Helvetica, Tahoma, sans-serif;
   color:#fff;
   text-align:left;
   width:74%;
   float:left;
}

#contenedorBottom .imagenBern {
	float:left;
	margin-left:18px;
	padding:0;
}

#contenedorBottom .textoDerechos {
	float:left;
	padding:0;
	margin-top:6px;
	text-align:left;
	margin-left:2px;
	width:300px;
	margin-right:20px;
}

#contenedorBottom .textoDerechos2 {
	float:left;
	padding:0;
	margin-top:6px;
	text-align:left;
	margin-left:2px;
	width:320px;
	margin-right:20px;
}

#contenedorBottom .telefonoMail{
  font: normal 10px "Lucida Grande", Verdana, Arial, Helvetica, Tahoma, sans-serif;
   color:#fff;
   text-align:right;
   	margin-top:6px;
	margin-right:10px;
   width:24%;
   float:right;
}

#contenedorBottom .linkBottom {
  font: normal 10px "Lucida Grande", Verdana, Arial, Helvetica, Tahoma, sans-serif;
  color:#606064;
  margin:0 auto;
  padding-top:0.5em;
  padding-bottom:0.3em;
  padding-left:1.6em;
  width:725px;
  text-align:center;
  clear:both;
  float:none;

}

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

#contenedorBottom .linkBottom li {
	padding-left:3px;
	padding-right:3px;
    float:left;
}

#contenedorBottom .linkBottom a {
	color:#606064;
	text-decoration:none;
}

#contenedorBottom .linkBottom a:hover{
	color:#156551;
	text-decoration:none;
}

#contenedorBottom .linkBottom a.bottomActivado{
	color:#156551;
	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.html"
				)
				:
				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
	);
}




#pmenu {padding:0; margin:25px 0 50px 15px; list-style-type: none; width:401px; position:relative; z-index:900;}
#pmenu ul {padding:0; margin:0; list-style-type: none; width:401px;}
#pmenu li {position:relative; list-style-type: none;}
#pmenu a, #pmenu a:visited {display:block;width:200px; font-size:13px; color:#000; height:35px; line-height:34px; text-decoration:none; text-indent:5px; background:#b2ab9b;; border:1px solid #fff; border-width:0 1px 1px 0;}
#pmenu li:hover > a {background:#dfd7ca; color:#c00;}
#pmenu li ul {display: none;} 
#pmenu li:hover > ul {display:block; position:absolute; top:0; left:201px;}


/* ================================================================ 
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-flyout.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 { height:400px; margin:0 auto; position:relative;
float: left;

margin-top: 0px;

margin-left: -2px;

width: 190px;

}

#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left; background:url(anywidth/opaque.html); padding:1px 1px 0 1px;}

#menu li {margin:0; padding:0; list-style:none;}
#menu li {display:inline-block; display:inline;}
#menu ul {position:absolute; left:-9999px;}
#menu ul.level1 {position:absolute; left:0; top:20px;}

#menu a {display:block; font:normal 12px arial,verdana, sans-serif; text-transform: uppercase; color:#231f20; line-height:40px; text-decoration:none;padding:0 20px 0 10px; border-bottom:1px solid #ddd; background: url(../images_sitio/bg_menu_1.jpg) repeat-x} 

#menu ul li:hover > ul {visibility:visible; left:100%; margin-top:-32px; margin-left:-1px;}

#menu a:hover ul,
#menu a:hover a:hover ul, 
#menu a:hover a:hover a:hover ul {left:100%; visibility:visible;}
#menu a:hover ul ul, 
#menu a:hover a:hover ul ul {left:-9999px;}

#menu li a:hover {background:url(../images_sitio/bg_menu_over_1.jpg) repeat-x;} 
#menu li:hover > a {background:url(../images_sitio/bg_menu_over_1.jpg) repeat-x;}
#menu li a.fly {background: url(../images_sitio/bg_menu_1.jpg) repeat-x}
#menu li a.fly:hover {background:url(../images_sitio/bg_menu_over_1.jpg) repeat-x;} 
#menu li:hover > a.fly {background:url(../images_sitio/bg_menu_over_1.jpg) repeat-x;}

#menu table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-7px; margin-left:-1px;}

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

.menu_contenido {
z-index:1000;
font-size:90%;
float:right;
margin:0 25px 0px 0; /* this page only */
}

/* remove all the bullets, borders and padding from the default list styling */
.menu_contenido ul {
padding:0;
margin:0;
list-style-type:none;
width:150px;
}
/* hack for IE5.5 */
* html .menu_contenido ul {margin-left:-16px; ma\rgin-left:0;}
/* position relative so that you can position the sub levels */
.menu_contenido li {
/*position:relative;*/
/*background:#d4d8bd;*/
height:26px;
}

/* get rid of the table */
.menu_contenido table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* style the links */
.menu_contenido a, .menu_contenido a:visited {
display:block; 
text-decoration:none;
height:25px;
line-height:25px;
width:149px;
color:#000;
text-indent:5px;
/*border:1px solid #fff;
border-width:0 1px 1px 0;*/
}
/* hack for IE5.5 */
* html .menu_contenido a, * html .menu_contenido a:visited {background:#d4d8bd; width:150px; w\idth:149px;}
/* style the link hover */
* html .menu_contenido a:hover {color:#ca0505; /*background:#949e7c;*/}

.menu_contenido :hover > a{
color:#ca0505; 
/*background:#949e7c;*/
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu_contenido ul ul {
visibility:hidden;
position:absolute;
top:0;
left:-150px; 
}
/* make the second level visible when hover on first level list OR link */
.menu_contenido ul li:hover ul,
.menu_contenido ul a:hover ul {
visibility:visible;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu_contenido ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu_contenido ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu_contenido ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu_contenido ul :hover ul :hover ul :hover ul { 
visibility:visible;
}

ul.download {list-style-image:url(zip.html);}
ul.download li {padding-left:5px; font-size:11px; line-height:1.5em;}

#padding {height:50px;} /* this demo only */