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

body
{
	color: #2f2f2f;
	margin:0;
	font: normal 12px Arial, Verdana, Helvetica, sans-serif;
	line-height: 140%;
	background:#FFF;
}

/**Efecto Sombra**/
.out {
  display:block; 
  background:#bbb; 
  border:1px solid #ddd; 
  position:relative;
  margin:1em 0 0 10px;
  }

.tpin {
  top:-5px;
  }
.rtin {
  left:5px;
  }

  .in {
  background:#fff; 
  border:0px solid #555; 
  position:relative; 
  padding:5px;
  font-weight:normal;
  }
  
  .image {width:269px; padding:0;}

  
/**Termina Efecto Sombra**/


.content_img_border{
	border-style: solid;
	border-width: 5px;
	border-color:#e5e6e7;
	padding: 3px;
	margin-right: 7px;
	margin-left: 7px;
	background-color: #ffffff;

}


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

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



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

}

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


#contenedor {
	margin: 0 auto;
	padding: 0;
	width:100%;	
	text-align:center;
	float:none;
	clear:both;
	overflow:auto;
}
#contenedorbottom
{
  	margin: 0 auto;
	padding: 0;
	width:100%;	
	text-align:center;
	float:none;
	clear:both;
	border-top:1px solid #4373D5;
}
#contenedorLeft
{
  	width:205px;
  	background-color:#01276e;
	float:left; 
	height:auto;
}
.scontenidoleft
{
  margin:0px;
  padding:0px;
  width:205px;
  height:350px;
  margin:0 auto;
  background: url(../images_sitio/left_ylw_tone.jpg) repeat-y;
}
#contenedorRight
{
  	background-color:#FFF;
  	border-left:1px solid #4373D5;
  	height:100%;
 	float:left; 
 	width:790px;
}
#contenedorrTop {
   margin: 0 auto;
   text-align:left;
   float: none;
   width:100%;
   height:120px;
   clear:both;
   position:relative;
   padding-top:10px;
}



.franja-superior
{
  width:100%;
  height:19px;
  text-align: right;
}

.franja-superior a
{
  color: #0014ff;
  font-weight: bold;
  text-decoration: none;
  padding: 0 10px 0 10px;
}

.contenedorFranjartop
{
  background:#FFFFFF url(../images_sitio/cloudpic.jpg) no-repeat right top;
  width:100%;
  height:76px;
}
.contenedorFranjartopBoleto
{
  background:#FFFFFF url(../images_sitio/cloudpic.jpg) no-repeat right top;
  width:100%;
  height:76px;
}
.contenedorFranjartop2
{
  width:100%;
  height:22px;
  line-height:22px;
  text-align:left;
  background:#01276e;
  color:#FFF;
  font-size:18px;
}
#contenedorMenu {
   margin: 0;
   width:100%;
   height:22px;
   text-align:left;
   clear:both;
   float:none;
}

#menu {width:100%; height:22px; text-align:left;background-image: url("../images_sitio/tabd.gif"); background-repeat:repeat-x;}
#menu ul {display:inline-block;} 
#menu ul.top-level {margin-left:0;}
#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;} 
#menu li {margin:0; padding:0;}
#menu a {display:block; font:normal 11px verdana,arial,sans-serif;color:#444; line-height:22px; text-decoration:none; padding:0 20px;} 
* html #menu ul.top-level {margin-left:0;} /* I don't know why, but this centers IE5.5 ?? */

#menu li:hover > ul {visibility:visible;}
#menu a:hover ul,
#menu a:hover a:hover ul, 
#menu a:hover a:hover a:hover ul {visibility:visible;}
#menu a:hover ul ul, 
#menu a:hover a:hover ul ul {visibility:hidden;}

#menu ul.top-level {margin:0 auto;} 
#menu li.top-level-li {float:left; position:relative; margin-right:1px;}

#menu a.top-level-a {float:left; padding:0 0 0 20px; background:url(../images_sitio/taba.gif) no-repeat left top;} 
#menu a.top-level-a b {float:left; padding:0 20px 0 0; background:url(../images_sitio/tabb.gif) no-repeat right top; cursor:pointer; cursor:hand;}
#menu a.down b {float:left; padding:0 20px 0 0; background:url(../images_sitio/tabc.gif) no-repeat right top; cursor:pointer;}

#menu a.top-level-a:hover {white-space:nowrap; background:url(../images_sitio/taba.gif) no-repeat left -30px;}
#menu a.top-level-a:hover b, 
#menu a.top-level-a:focus b, 
#menu a.top-level-a:active b {color:#000; background:url(../images_sitio/tabb.gif) no-repeat right -30px; cursor:pointer;}
#menu a.down:hover b, 
#menu a.down:focus b, 
#menu a.down:active b {color:#000; background:url(../images_sitio/tabc.gif) no-repeat right -30px; cursor:pointer;}

#menu li.top-level-li:hover > a {white-space:nowrap; background:url(../images_sitio/taba.gif) no-repeat left -30px;}
#menu li.top-level-li:hover > a b {color:#000;  background:url(../images_sitio/tabb.gif) no-repeat right -30px;}
#menu li.top-level-li:hover > a.down b {color:#000;  background:url(../images_sitio/tabc.gif) no-repeat right -30px;}

#menu li ul {display:block; position:absolute; visibility:hidden; background:#505060; padding:1px 1px 8px 1px; left:0;}
#menu li li {border-bottom:1px solid #505060;}
#menu li li a {background:#fff;} 
#menu li li a:hover {background:#e3e6ed;} 
#menu li li:hover > a {background:#e3e6ed;}
#menu li li a.fly {background:#fff url(../images_sitio/fly.gif) no-repeat right top;}
#menu li li a.fly:hover {background:#e3e6ed url(../images_sitio/fly.gif) no-repeat right top;} 
#menu li li:hover > a.fly {background:#e3e6ed url(../images_sitio/fly.gif) no-repeat right top;}

#menu ul.drop-down {top:22px; opacity:0.85;} 
#menu li li ul {left:100%; margin-top:-23px; margin-left:-5px;}

#menu table {position:absolute;top:0;left:0;border-collapse:collapse;text-align:left;}
#menu table ul li a {padding-left:0; padd\ing-left:20px;}
#menu table table {top:auto; left:100%; margin-left:-1px; padding:0; margin:0;}
#menu table table ul {margin-top:-4px; marg\in-top:-7px;}


#smenu {position:relative; z-index:500; margin-left:1px;text-align:left;margin-bottom:0px;background-color:#01276E;}
#smenu ul {padding:0; margin:0; list-style:none; width:190px; padding:5px;}
#smenu ul ul {position:absolute; left:-9999px;}
#smenu table {border-top:1px solid #FFF; width:0; height:0; position:absolute; left:-1px; top:-1px;}
#smenu ul li {width:190px; }
* html #smenu ul li {float:left;}
#smenu ul li a {display:block; width:190px; padding:3px 1px 1px 2px; font:normal 11px verdana, sans-serif; color:#FFF; text-decoration:none; border-top:1px solid #FFF;clear:left;}
#smenu ul li a.fly {background:#abc url(../images_sitio/arrow.gif) no-repeat 100px center;}

#smenu ul li:hover {position:relative;}
#smenu ul li a:hover {direction:ltr;  color:#FFC603; position:relative;}
#smenu ul li:hover > a {color:#FFC603; border-color:#FFF;}

#smenu ul :hover ul,
#smenu ul :hover ul :hover ul,
#smenu ul :hover ul :hover ul :hover ul,
#smenu ul :hover ul :hover ul :hover ul :hover ul {left:112px; top:-5px;}

#smenu ul :hover ul ul,
#smenu ul :hover ul :hover ul ul, 
#smenu ul :hover ul :hover ul :hover ul ul {left:-9999px;}

  

#fondoMedio  {
   width: 850px;
   /*background:url(../images_sitio/bgContenido.jpg) repeat-y;*/
   margin: 0 auto;
   /*position:relative;*/
   overflow:hidden;
   clear:both;
   float:none;
}

	
#contenedorMedio {
   width: 98%;
   text-align:left;
   margin: 0 auto;
   /*position:relative;*/
   overflow:hidden;
   clear:both;
   float:none;
}

#contenedorMedioIzquierda
{   margin: 0px;
	width:210px;
	float:left;
	background-color:#AD2124;
	height:100%;
	text-align:left;
}

.elementosDerecha {
	width:208px;
	float:none;
	clear:both;
	margin:0px;
	padding-top:5px;
	padding-bottom:5px;
}

.lineaDivDerecha {
	width:178px;
	float:none;
	clear:both;
	/*margin:0 auto;*/
	padding-top:5px;
	padding-bottom:5px;
	/*padding-left:10px;*/
}

.elementos_Menu_lateral {
	margin:0;
	float:none;
	clear:both;
	padding:0;
	width:240px;
}


#menu_sub {padding:0; margin:5px 0px 5px 5px; list-style-type: none; width:171px; position:relative; z-index:700;}
#menu_sub ul {padding:0; margin:0; list-style-type: none; width:171px;}
#menu_sub li {position:relative;}
#menu_sub a, #menu_sub a:visited {display:block;width:170px; font-size:12px;  height:23px; line-height:22px; text-decoration:none; text-indent:5px;  border-width:0;}
#menu_sub li:hover > a {color:#F6F6F6;}
#menu_sub li ul {display: none;} 
#menu_sub li:hover > ul {display:block; position:absolute; top:0; left:160px;background-color:#AD2124}

#contenedorMedioDerecha
{   margin: 0 auto;
	margin-left: 5px;
	width:620px;
	background-color:#F6F6F6;
	float:left;
	text-align:left;
	padding-top:0.6em;

}

#eventos {
	width:249px;
	margin:0 auto;
	margin-right:1px;
	float:left;
	background-color:#252d36;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
}

#eventos .contenidoEventos{
	width:235px;
	margin:0 auto;
	padding:12px;
	clear:both;
	float:none;

}

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