@charset "UTF-8";

/*pestañas FAQS*/

li#pingfm { }
li#pingfm .updated-time { color: #999999; }
li#pingfm ul { margin-left: 0; }
li#pingfm ul li { color: #333333; margin: 0 0 10px; }
li#pingfm ul li:before { content: ""; }

  #container{
  float:left;
  width:700px;
  margin: 20px 0 0 0;
  }
	  ul#tabnav {
	height:30px;
	margin:0pt;
	padding:0pt;
	display:block;
	line-height:30px;
	background-image: url(../imagenes/estilos/fondo_tabs.png);
	  }
	  ul#tabnav li {
	    margin:0;
	    padding:0;
	    float:left;
      height:30px;
      list-style-type:none;
      position:relative;
	  }
	  ul#tabnav li a {
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	line-height:30px;
	text-decoration:none;
	display:block;
	float:left;
	height:30px;
	margin:0pt 0pt 0pt 5px;
	padding:0pt 6px;
	position:relative;

	  }
	  ul#tabnav li a:hover, ul#tabnav li a.selected{
	background-attachment: scroll;
	background-image: url(../imagenes/estilos/over_tab.png);
	background-repeat: no-repeat;
	background-position: 0% top;
	color:#333333;
	  }
	  .panel {
	display:block;
	background-attachment: scroll;
	background-image: url(../imagenes/estilos/fonto_tab_content.png);
	background-repeat: repeat;
	background-position: 0% bottom;
	margin:0 0 100px 0;
	  }
	  .content {
	    line-height:15px;
      padding:13px 35px 15px 15px;
      text-align:left;
	  }
	  
	  /* non-tab related styles */
	  pre.code {
      border:1px solid #999999;
      margin-top:2ex;
      overflow:auto;
      padding:10px;
      width:80%;
      background-color:#EEEEEE;
      clear:both;
      color:#000000;
    }
    code, pre.code {
      font-family: "Trebuchet MS", Arial;
      font-size:1.1em;
    }
	
		
/*termina pestañas FAQS*/
	
.menuprincipal {
	height: 35px;
	width: 610px;
	visibility: visible;
	position: relative;
}
.menu1 {
	background-image: url(../imagenes/navegacion/over_01.png);
	background-repeat: no-repeat;
	position: absolute;
	visibility: visible;
	z-index: 20;
	height: 35px;
	width: 124px;
	left: 0px;
	float: left;
	background-position: left 3px;
}

.menu1:hover, menu1.selected {
	background-image: url(../imagenes/navegacion/over_01.png);
	background-repeat: no-repeat;
	position: absolute;
	visibility: visible;
	z-index: 20;
	height: 35px;
	width: 120px;
	left: 0px;
	float: left;
	background-position: left -35px;

}


.menu2 {
	background-image: url(../imagenes/navegacion/over_03.png);
	background-repeat: no-repeat;
	height: 35px;
	position: absolute;
	visibility: visible;
	left: 105px;
	z-index: 19;
	width: 120px;
	float: left;
	background-position: left 3px;
}
.menu2:hover {
	background-image: url(../imagenes/navegacion/over_03.png);
	background-repeat: no-repeat;
	height: 35px;
	position: absolute;
	visibility: visible;
	left: 105px;
	z-index: 30;
	width: 120px;
	float: left;
	background-position: left -35px;

}

.menu3 {
	background-image: url(../imagenes/navegacion/over_05.png);
	background-repeat: no-repeat;
	float: left;
	position: absolute;
	visibility: visible;
	z-index: 18;
	left: 203px;
	width: 100px;
	height: 35px;
	background-position: left 3px;
}
.menu3:hover {
	background-image: url(../imagenes/navegacion/over_05.png);
	background-repeat: no-repeat;
	float: left;
	position: absolute;
	visibility: visible;
	z-index: 40;
	left: 203px;
	width: 100px;
	height: 35px;
		background-position: left -35px;

}

.menu4 {
	background-image: url(../imagenes/navegacion/over_07.png);
	background-repeat: no-repeat;
	float: left;
	position: absolute;
	visibility: visible;
	z-index: 17;
	height: 35px;
	left: 285px;
	width: 105px;
	background-position: left 3px;
}
.menu4:hover {
	background-image: url(../imagenes/navegacion/over_07.png);
	background-repeat: no-repeat;
	float: left;
	position: absolute;
	visibility: visible;
	z-index: 50;
	height: 35px;
	left: 285px;
	width: 105px;
	background-position: left -35px;
}
.menu5 {
	background-image: url(../imagenes/navegacion/over_09.png);
	background-repeat: no-repeat;
	float: left;
	height: 35px;
	position: absolute;
	visibility: visible;
	width: 112px;
	z-index: 16;
	left: 375px;
	background-position: left 3px;
}
.menu5:hover {
	background-image: url(../imagenes/navegacion/over_09.png);
	background-repeat: no-repeat;
	float: left;
	height: 35px;
	position: absolute;
	visibility: visible;
	width: 112px;
	z-index:100;
	left: 375px;
	background-position: left -35px;
}



.menu6 {
	background-image: url(../imagenes/navegacion/over_11.png);
	background-repeat: no-repeat;
	float: left;
	position: absolute;
	z-index: 15;
	height: 35px;
	width: 85px;
	left: 460px;
	background-position: left 3px;
}
.menu6:hover {
	background-image: url(../imagenes/navegacion/over_11.png);
	background-repeat: no-repeat;
	float: left;
	position: absolute;
	z-index: 110;
	height: 35px;
	width: 85px;
	left: 460px;
	background-position: left -35px;
}

.menu7 {
	background-image: url(../imagenes/navegacion/over_13.png);
	background-repeat: no-repeat;
	float: left;
	position: absolute;
	visibility: visible;
	z-index: 14;
	left: 530px;
	width: 85px;
	height: 35px;
	background-position: left 3px;
}
.menu7:hover {
	background-image: url(../imagenes/navegacion/over_13.png);
	background-repeat: no-repeat;
	float: left;
	position: absolute;
	visibility: visible;
	z-index: 120;
	left: 530px;
	width: 85px;
	height: 35px;
	background-position: left -35px;	
}


.piebanner {
	font-family: "Trebuchet MS";
	font-size: 14px;
	font-style: normal;
	color: #FFFFFF;
}

ul.dropdown {
	font-weight: bold;
	font-family: "Trebuchet MS";
	color: #0B4B62;
	font-size: 0px;
	background-color: transparent;
}

	ul.dropdown li {
	padding: 0px 0px;
	background-color: transparent;
	color: #0B4B62;
	font-family: "Trebuchet MS";
	font-size: 16px;
	font-weight: bold;
}

	ul.dropdown li.hover,
	ul.dropdown li:hover {
	background-color: transparent;
	color: #FFFFFF;
	}

	ul.dropdown a:link,
	ul.dropdown a:visited	{
	text-decoration: none;
}
	ul.dropdown a:hover		{ color: #000; }
	ul.dropdown a:active	{
	color: #000000;
}


	/* -- level mark -- */

	ul.dropdown ul {
	width: 120px;
	margin-top: 0px;
	margin-bottom: -20px;
	background-color: transparent;
}

		ul.dropdown ul li {
		 font-weight: normal;
		}



/*-------------------------------------------------/
 * @section		Support Class `dir`
 * @level sep	ul, .class
 */


ul.dropdown *.dir {
	padding-right: 70px;
	background-image: url(http://porticodemexico.com/css/images/nav-arrow-down.png);
	background-position: 100% 50%;
	background-repeat: no-repeat;
}


/* -- Components override -- */

ul.dropdown-horizontal ul *.dir {
	padding-right: 35px;
	background-image: url(http://porticodemexico.com/css/images/nav-arrow-right.png);
	background-position: 100% 50%;
	background-repeat: no-repeat;
}

ul.dropdown-upward *.dir {
 background-image: url(http://porticodemexico.com/css/images/nav-arrow-top.png);
}

ul.dropdown-vertical *.dir,
ul.dropdown-upward ul *.dir {
 background-image: url(http://porticodemexico.com/css/images/nav-arrow-right.png);
}

ul.dropdown-vertical-rtl *.dir {
 padding-right: 10px;
 padding-left: 15px;
 background-image: url(http://porticodemexico.com/css/images/nav-arrow-left.png);
 background-position: 0 50%;
}.invisible {
	background-repeat: no-repeat;
}
/* --submenu-- */


ul.dropdown2 {
	font-weight: bold;
	font-family: "Trebuchet MS";
	font-size: 12px;
	background-color: transparent;
	margin-top: -20px;
	
}

	ul.dropdown2 li {
	color: #003366;
	font-family: "Trebuchet MS";
	font-size: 14px;
	font-weight: bold;
	width: 220px;
	padding: 0;
	background-color: transparent;
	background-image: url(../imagenes/estilos/fondo_menu.png);
	background-repeat: repeat;
	}

	ul.dropdown2 li.hover,
	ul.dropdown2 li:hover {
background-image:url(../imagenes/estilos/fondo_menu_over.png);
	color: #FFFFFF;
	z-index: 800;
}

	ul.dropdown2 a:link,
	ul.dropdown2 a:visited	{
	color: #003366;
	text-decoration: none;
	font-size: 14px;
	font-weight: normal;
	vertical-align: middle;
	font-style: normal;
	direction: ltr;
	clear: both;
	padding: 0 0 0 10px;
	display:block;
	
}
	ul.dropdown2 a:hover		{
	color: #003366;
	text-decoration: underline;
}
	ul.dropdown2 a:active	{
	color: #003366;
}


	/* -- level mark -- */

	ul.dropdown2 ul {
	width: 100px;
	margin-top: 6px;
	background-color: transparent;
}

		ul.dropdown2 ul li {
		 font-weight: normal;
		}



/*-------------------------------------------------/
 * @section		Support Class `dir`
 * @level sep	ul, .class
 */


ul.dropdown2 *.dir {
 padding-right: 20px;
 background-image: url(http://porticodemexico.com/css/images/nav-arrow-down.png);
 background-position: 100% 50%;
 background-repeat: no-repeat;
}


/* -- Components override -- */

ul.dropdown2-horizontal ul *.dir {
 padding-right: 15px;
 background-image: url(http://porticodemexico.com/css/images/nav-arrow-right.png);
 background-position: 100% 50%;
 background-repeat: no-repeat;
}

ul.dropdown2-upward *.dir {
 background-image: url(http://porticodemexico.com/css/images/nav-arrow-top.png);
}

ul.dropdown2-vertical *.dir,
ul.dropdown2-upward ul *.dir {
 background-image: url(http://porticodemexico.com/css/images/nav-arrow-right.png);
}

ul.dropdown2-vertical-rtl *.dir {
	padding-right: 20px;
	padding-left: 25px;
	background-image: url(http://porticodemexico.com/css/images/nav-arrow-left.png);
	background-position: 0 50%;
}.invisible {
	background-repeat: no-repeat;
}
ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
	position: relative;
	z-index: 597;
	float: left;
	height: 34;
}

ul.dropdown li {
	float: left;
	line-height: 1.8em;
	vertical-align: middle;
	zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 140%;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
	top: 0px;
	left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}





ul.dropdown li.rtl ul {
 top: 100%;
 right: 0;
 left: auto;
}

ul.dropdown li.rtl ul ul {
 top: 1px;
 right: 99%;
 left: auto;
}