/*

-----------------------------------------------

Navigation

----------------------------------------------- */



#menu {

  display: block;

}



#menu-handler {

	padding: 3px;
    

}



#menu .menu-nav, #menu #mainlevel-nav {

  list-style: none;

  padding: 0px 0px;

  margin: 0;

  z-index: 5001 !important;

  display: inline;
  
  

}



#menu .menu-nav li:first-child {

	border-left: 0px !important;

}

/* ESSENTIAL STYLES

----------------------------------------------- */



.menu-nav, .menu-nav * {

	margin:			0;

	padding:		0px;

	list-style:		none;

}

.menu-nav {

	line-height:	1.0;

}

.menu-nav ul {

	position:		absolute;

	top:			-999em;

	width:			10em; /* left offset of submenus need to match (see below) */

}

.menu-nav ul li {

	width:			100%;

}

.menu-nav li:hover {

	visibility:		inherit; /* fixes IE7 'sticky bug' */

}

.menu-nav li {

	float:			left;

	position:		relative;

}

.menu-nav a {

	display:		block;

	position:		relative;

}

.menu-nav li:hover ul,

.menu-nav li.sfHover ul {

	left:			0em;

	top:			2.7em; /* match top ul list item height */

	z-index:		99;

}

ul.menu-nav li:hover li ul,

ul.menu-nav li.sfHover li ul {

	top:			-999em;

}

ul.menu-nav li li:hover ul,

ul.menu-nav li li.sfHover ul {

	left:			10em; /* match ul width */

	top:			0;

}

ul.menu-nav li li:hover li ul,

ul.menu-nav li li.sfHover li ul {

	top:			-999em;

}

ul.menu-nav li li li:hover ul,

ul.menu-nav li li li.sfHover ul {

	left:			10em; /* match ul width */

	top:			0;

}





.menu-nav {

	float:			left;

}

.menu-nav a {

	padding: 7px 14px;

	text-decoration:none;

}



.menu-nav a, .menu-nav a:visited  { /* visited pseudo selector so IE6 applies text colour*/

	color:			#13a;

}



.menu-nav li li a {



}



#menu .menu-nav li:first-child {

	background-image: none;

	

}



#menu .menu-nav > li a {

	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
    font-weight: bold;
    color: #FFF;
    font-size: 1.2em;

}



#menu .menu-nav ul > li a {

	font: 400 12px 'Open Sans', Arial, Helvetica, sans-serif;

	text-transform: none;
    font-size:13px;
    border-bottom:1px  dotted #fff;

}



ul#nav {

	margin-left: -10px;

	padding: 4px 0px;

}



.menu-nav li {

	background:	none;

	border-left: 2px solid rgba(255,255,255,0.18);

	padding: 0px 2px;

}

.menu-nav li li {

	background: none;

	border-left: 0px !important;

	padding: 0px;

}

.menu-nav li li li {

	background: none;

}



.menu-nav li:hover, .menu-nav li.sfHover,

.menu-nav a:focus, .menu-nav a:hover, .menu-nav a:active {
	outline: 0;
	-moz-transition-duration: 0.4s;
	-webkit-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	-ms-transition-duration: 0.4s;
	transition-duration: 0.4s;
	-webkit-transition-property: background-color;
	-ms-transition-property: background-color;
	-o-transition-property: background-color;
	-moz-transition-property: background-color;
	transition-property: background-color;
    
}



.menu-nav li li:hover, .menu-nav li li.sfHover,

.menu-nav li li a:focus, .menu-nav li li a:hover, .menu-nav li li a:active {

	text-decoration: none;

	outline:		0;

}



.menu-nav ul {

	/*opacity: 0.95;*/

	padding: 5px 5px !important;

	-moz-box-shadow: 0px 2px 20px rgba(0,0,0,.25);

	-webkit-box-shadow: 0px 2px 20px rgba(0,0,0,.25);

	box-shadow: 0px 2px 20px rgba(0,0,0,.25);

}



.menu-nav ul ul {

	opacity: 1.0;

	padding: 5px 5px !important;

	margin-top: -5px;

	margin: -5px 10px 10px 5px;

}



.menu-nav li a {

	font-weight: bold;

}



.menu-nav li li a {

	padding: 5px 5px 5px 5px;
    font-weight: normal;
    line-height: 18px;
    font-size: 18px;
    

}



.menu-nav li li img {

vertical-align: middle;

float: left;

margin: 1px 6px 10px 0;

width: 16px;

height: 16px;

}



/*** arrows **/

.menu-nav a.sf-with-ul {

/*	padding-right: 	2.25em; */

	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */

}

.sf-sub-indicator {

	position:		absolute;

	display:		block;

	right:			.75em;

	top:			1.05em; /* IE6 only */

	width:			11px;

	height:			12px;

	text-indent: 	-999em;

	overflow:		hidden;

	background:		url('../images/arrows-ffffff.png') no-repeat -11px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */

}

a > .sf-sub-indicator {  /* give all except IE6 the correct values */

	top:			0.7em;

	background-position: 0 -100px; /* use translucent arrow for modern browsers*/

}

/* apply hovers to modern browsers */

a:focus > .sf-sub-indicator,

a:hover > .sf-sub-indicator,

a:active > .sf-sub-indicator,

li:hover > a > .sf-sub-indicator,

li.sfHover > a > .sf-sub-indicator {

	background-position: -11px -100px; /* arrow hovers for modern browsers*/

}



/* point right for anchors in subs */

.menu-nav ul .sf-sub-indicator { background-position:  -11px 0; }

.menu-nav ul a > .sf-sub-indicator { background-position:  0 0; }

/* apply hovers to modern browsers */

.menu-nav ul a:focus > .sf-sub-indicator,

.menu-nav ul a:hover > .sf-sub-indicator,

.menu-nav ul a:active > .sf-sub-indicator,

.menu-nav ul li:hover > a > .sf-sub-indicator,

.menu-nav ul li.sfHover > a > .sf-sub-indicator {

	background-position: -11px 0; /* arrow hovers for modern browsers*/

}



/*** shadows for all but IE6 

.sf-shadow ul {

	background:	url('../images/shadow.png') no-repeat bottom right;

	padding: 0 8px 9px 0;

	-moz-border-radius-bottomleft: 17px;

	-moz-border-radius-topright: 17px;

	-webkit-border-top-right-radius: 17px;

	-webkit-border-bottom-left-radius: 17px;

}

.sf-shadow ul.sf-shadow-off {

	background: transparent;

}

**/



ul.columns-2 li {

	width: 50% !important;

}



ul.columns-2 li li, ul.columns-3 li li, ul.columns-4 li li, ul.columns-5 li li {

	width: 100% !important;

}



ul.columns-2 li ul, ul.columns-3 li ul, ul.columns-4 li ul, ul.columns-5 li ul {

	left: 100% !important;

}



ul.columns-3 li {

	width: 33.3% !important;

}



ul.columns-4 li {

	width: 25% !important;

}



ul.columns-5 li {

	width: 20% !important;

}



body div.panel1 {

	position: absolute;

	top: 5%;

	left: 10%;

	display: none;

	width: 80%;

	height: auto;

	z-index: 300000;

	margin: 0;

	float: right;

	height: auto;

	-moz-box-shadow: 0px 2px 30px rgba(0,0,0,.45);

	-webkit-box-shadow: 0px 2px 30px rgba(0,0,0,.45);

	box-shadow: 0px 2px 30px rgba(0,0,0,.45);

}





body div.panel1 .menupanel {

	padding: 20px;

}



body div.panel1 .menupanel a:hover {

	text-decoration: none;

}



.menupanel ul.selectnav {

	list-style: none;

}

.menupanel ul.selectnav li {

	margin: 0px !important;

}

.menupanel ul.selectnav li a {

	padding: 5px 5px 4px 5px;

	display: block;

}



a#menupanel { color: #ffffff;display: none; }



/* Pagination

-------------------------------------- */



ul.pagination {

  text-align: center !important;

  padding: 0 !important;

  margin: 0 !important;

}



ul.pagination li {

  background: none !important;

  display: inline !important;

  margin: 0 !important;

  padding: 0 5px !important;

}



/* Moduletable menus

----------------------------------------------- */

ul.menu {

  list-style:none;

}



ul.menu li {

  margin:0;

  padding: 2px 0px 4px 0px;

}



a.sublevel {

  display:block;

  padding:4px 0px 4px 24px;

  height: 100%;

  background: url(../images/ul-li-default.png) no-repeat 0 5px;

}



/* submenus

----------------------------------------------- */

ul.menu ul {

  list-style:none;

  margin:0;

}



ul.menu li ul li {

  background: none;

  margin:0;

  padding: 2px 0px 4px 22px;

}



ul.menu ul li a {

  padding-left:30px;

}



/* Quick Menu Links

----------------------------------------------- */



#quick-menu {

	float: left;
    background:#444;
    padding: 10px 0px;
    padding: 0px;
    width: 100%;

}



#quick-menu li {

	list-style: none;
	padding: 0px 5px 0px 5px !important;
	margin: 0px;
	display: inline;
    
}

#quick-menu li a{

	font-size:12px;
    color:#fff;
    text-decoration: none;
}


#quick-menu .item-573 a{
    text-decoration: none;
    background: url(../images/plus-icon.png) no-repeat 0% ;
    margin-left: 5%;
    margin-right: 2%;
    font-size: 20px;
    display: inline;
}


#quick-menu .item-573  a span{
    
    text-decoration: none;
    margin-left: 20px;
}

#quick-menu .item-573 a:hover{
    color:#555;
    text-decoration: none;
    cursor:s-resize;
    /*
    background: url(../images/plus-icon2.png) no-repeat;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
    cursor:s-resize;
    */
  }

#quick-menu .item-573 img{
    background: url(../images/plus-icon2.png) no-repeat;
    
}

/*Inicio*/

#quick-menu .item-487 a{
    background: url(../images/home.png) no-repeat 0% ;
    color:#fdfdfd;
    
}

#quick-menu .item-487 a:hover{
    text-decoration: none;
    background: url(../images/home.png) no-repeat 0% ;
    color:#f8bd0a;
}

#quick-menu .item-487 a span{
    margin-left: 20px;
    
}
/*Inicio*/

/*Chat*/
#quick-menu .item-486 a{
    text-decoration: none;
    background: #F8BD0A;
    padding-right:2px;
    padding-left:5px;
    padding-top:6px;
    padding-bottom:5px;
    margin-right: 2%;
}

#quick-menu .item-486 a span{
    color:#fff;
    text-decoration: none;
    margin-left: 6px;
    font-size:1.0em;
    
}
/*Chat*/

/*Iniciar sesion*/
#quick-menu .item-584 a{
    text-decoration: none;
    background: url(../images/isesion.png) no-repeat 0%;
    color:#fdfdfd;
}

#quick-menu .item-584 a:hover{
    text-decoration: none;
    background: url(../images/isesion.png) no-repeat 0%;
    color:#f8bd0a;
}


#quick-menu .item-584 a span{
    
    text-decoration: none;
    margin-left: 20px;
}
/*Iniciar sesion*/

/*Ayuda*/
#quick-menu .item-488 a{
    text-decoration: none;
    background: url(../images/ayuda.png) no-repeat 0% ;
    color:#fdfdfd;
}

#quick-menu .item-488 a:hover{
    text-decoration: none;
    background: url(../images/ayuda.png) no-repeat 0% ;
    color:#f8bd0a;
}

#quick-menu .item-488 a span{
    text-decoration: none;
    margin-left: 20px;
}
/*Ayuda*/

/*Crear una cuenta*/
#quick-menu .item-585 a{
    text-decoration: none;
    background: url(../images/registrar.png) no-repeat 0% ;
    color:#fdfdfd;
}

#quick-menu .item-585 a:hover{
    text-decoration: none;
    background: url(../images/registrar.png) no-repeat 0% ;
    color:#f8bd0a;
}

#quick-menu .item-585 a span{
    text-decoration: none;
    margin-left: 20px;
}
/*Crear una cuenta*/
/* Social Links

----------------------------------------------- */



#social {

  float: right;

  z-index: 0;

  padding-top: 8px;

}



#social-links {

  padding: 0px 0px 0px 0px;

  margin: 0px -2px 0px 0px;

  height: 35px;

}



#social-links li {

  display: inline;

  background: none;

  margin: 0px;

}



#social-links li a {

	float: left;

	text-indent: -9999px;

	width: 22px;

	height: 22px;

	margin: 0 2px;

	-webkit-border-radius: 100%;

	-moz-border-radius: 100%;

	border-radius: 100%;

	border-top: 1px solid rgba(0,0,0,0.0);

	-moz-transition-duration: 0.7s;

	-webkit-transition-duration: 0.7s;

	-o-transition-duration: 0.7s;

	-ms-transition-duration: 0.7s;

	transition-duration: 0.7s;

	-webkit-transition-property: background-color;

	-ms-transition-property: background-color;

	-o-transition-property: background-color;

	-moz-transition-property: background-color;

	transition-property: background-color;

}



#social-links li a span {

	width: 22px;

	height: 22px;

	display: block;

	background-image: url(../images/social-sprite.png);

	background-repeat: no-repeat;

	-moz-transition-duration: 0.7s;

	-webkit-transition-duration: 0.7s;

	-o-transition-duration: 0.7s;

	-ms-transition-duration: 0.7s;

	transition-duration: 0.7s;

	-webkit-transition-property: background-position;

	-ms-transition-property: background-position;

	-o-transition-property: background-position;

	-moz-transition-property: background-position;

	transition-property: background-position;

}



#social-links li a#twitter span { background-position: 0px 0px;}

#social-links li a#gplus span { background-position: -22px 0px;}

#social-links li a#facebook span { background-position: -44px 0px;}

#social-links li a#rss span { background-position: -66px 0px;}

#social-links li a#linkedin span { background-position: -88px 0px;}

#social-links li a#myspace span { background-position: -110px 0px;}

#social-links li a#vimeo span { background-position: -132px 0px;}

#social-links li a#stumbleupon span { background-position: -154px 0px;}

#social-links li a#digg span { background-position: -176px 0px;}

#social-links li a#blogger span { background-position: -198px 0px;}



#social-links li a#twitter:hover span { background-position: 0px -44px;}

#social-links li a#gplus:hover span { background-position: -22px -44px;}

#social-links li a#facebook:hover span { background-position: -44px -44px;}

#social-links li a#rss:hover span { background-position: -66px -44px;}

#social-links li a#linkedin:hover span { background-position: -88px -44px;}

#social-links li a#myspace:hover span { background-position: -110px -44px;}

#social-links li a#vimeo:hover span { background-position: -132px -44px;}

#social-links li a#stumbleupon:hover span { background-position: -154px -44px;}

#social-links li a#digg:hover span { background-position: -176px -44px;}

#social-links li a#blogger:hover span { background-position: -198px -44px;}



.tipz {

	margin-top: -54px;

	margin-left: -44px;

}

.tipz .tip        { width:82px; font: bold 10px Arial, Helvetica, sans-serif;}

.tipz .tip-title    { font-weight:bold; padding:7px 0px 7px 0px; text-align: center; }

.tipz .tip-text    { display:none; }



#footer-line ul.menu {

  padding: 0px 0px 10px 0px;

  margin: 0;

}



#footer-line ul.menu li {

  display: inline !important;

  padding: 4px 10px 0px 0px;

  margin: 0;

  background: transparent;

}



#footer-line ul.menu li a {

  display: inline !important;

  background: none;

  padding: 0;

  margin: 0;

}





/* Moduletable Menu

----------------------------------------------- */



.moduletable_menu, .moduletable_menu_light {

  padding: 0px;

}



.moduletable_menu ul.menu, .moduletable_menu_light ul.menu, ul.latestnews_menu, .VMmenu {

  list-style:none;

}



.moduletable_menu ul.menu li, .moduletable_menu_light ul.menu li, ul.latestnews_menu li, .VMmenu li, .VMmenu {

  margin:0;

  padding: 1px 0px;

}



.VMmenu li {

	padding: 1px 0px !important;

	margin: 0px !important;

}

.VMmenu li div a {

}



.moduletable_menu ul.menu li a, .moduletable_menu_light ul.menu li a, ul.latestnews_menu li a, .VMmenu li div a {

	display: block;

	background: none;

}



.moduletable_menu ul.menu li a span.link-no-image, .moduletable_menu_light ul.menu li a span.link-no-image {



}



.moduletable_menu ul.menu li a:hover, .moduletable_menu_light ul.menu li a:hover, ul.latestnews_menu li a:hover, .VMmenu li div a:hover {

  text-decoration: none;

}

.moduletable_menu ul.menu li ul li a:hover, .moduletable_menu_light ul.menu li ul li a:hover, .VMmenu ul li div a:hover  {

	text-decoration: underline;

	background: none !important;

}

.moduletable_menu ul.menu li ul li, .moduletable_menu_light ul.menu li ul li {

  padding: 4px 0px 4px 30px;

  background: none !important

}



.moduletable_menu ul.menu li ul li a, .moduletable_menu_light ul.menu li ul li a {

  display:block;

  height: 100%;

  font-weight: normal !important;

  border: 0;

  padding: 0px !important;

  text-decoration: none;

}



.moduletable_menu li.parent.active, .moduletable_menu_light li.parent.active {

	font-weight: bold;

}



.moduletable_menu ul, .moduletable_menu li,

.moduletable_menu_light ul, .moduletable_menu_light li {

	background: transparent;

	margin: 0px;

	padding: 0px;

	list-style: none;

}

.moduletable_menu ul.menu, .moduletable_menu ol.menu,

.moduletable_menu_light ul.menu, .moduletable_menu_light ol.menu {

	margin-top: 0px;

	margin-bottom: 0px;

}

.moduletable_menu ul.menu li ul,.moduletable_menu_light ul.menu li ul {

	margin-top: 0px;

	margin-bottom: 0px;

}



.moduletable_menu ul.menu li a, .moduletable_menu ol.menu li a, .moduletable_menu ul.menu li ul li a,

.moduletable_menu_light ul.menu li a, .moduletable_menu_light ol.menu li a, .moduletable_menu_light ul.menu li ul li a {

	margin: 0px !important;

	padding: 8px 10px;

	display: block;

	text-decoration: none;

	font-size: 100%;

	font-weight: normal;

}



.moduletable_menu ul.menu li a, .moduletable_menu ol.menu li a, ul.latestnews_menu li a, .VMmenu li div a {

	padding: 8px 0px;

	-moz-transition-duration: 0.4s;

	-webkit-transition-duration: 0.4s;

	-o-transition-duration: 0.4s;

	-ms-transition-duration: 0.4s;

	transition-duration: 0.4s;

	-webkit-transition-property: background-color, padding, -webkit-box-shadow;

	-ms-transition-property: background-color, padding, box-shadow;

	-o-transition-property: background-color, padding, box-shadow;

	-moz-transition-property: background-color, padding, -moz-box-shadow;

	transition-property: background-color, padding, box-shadow;

	font: 400 14px 'Open Sans', Arial, Helvetica, sans-serif;

}



.moduletable_menu ul.menu li a:hover, .moduletable_menu ol.menu li a:hover, ul.latestnews_menu li a:hover {

	padding: 8px 10px;

}

.moduletable_menu ul.menu li a:hover, .moduletable_menu ol.menu li a:hover, .VMmenu li div a:hover {



}

.moduletable_menu ul.menu li li a:hover, .moduletable_menu ol.menu li li a:hover, .VMmenu ul li div a:hover  {

	-moz-box-shadow: none !important;

	-webkit-box-shadow: none !important;

	box-shadow: none !important;

}



.moduletable_menu ul.menu li ul li, .moduletable_menu_light ul.menu li ul li, .latestnews_menu_light li, .latestnews_menu li ul li {

	border-bottom: 0px !important

}



.latestnews_menu_light a, .latestnews_menu a, .VMmenu ul li div a {

	font-size: 90%;

	font-weight: bold;

}



.latestnews_menu_light li, latestnews_menu li {

	background-position: 8px 5px !important;

	padding-left: 30px !important;

}



.moduletable_menu ul.menu li a:hover, .moduletable_menu ol.menu li a:hover,

.moduletable_menu_light ul.menu li a:hover, .moduletable_menu_light ol.menu li a:hover, .VMmenu li div a:hover {

	margin: 0px;

	padding: 8px 10px;

	text-decoration: none;

}



.VmClose ul, .VmClose li {

	padding-left: 0px;

	margin-left: 0px;

}



.VMmenu ul li div a:hover {

	padding-left: 0px;

}



.moduletable_menu ul.menu li a img, .moduletable_menu_light ul.menu li a img {

	vertical-align: middle;

	margin: 0px!important;

	padding: 0px 6px 0px 0px!important;

	float: left;

	border-style: none!important;

	background: transparent!important;

}

.moduletable_menu ul.menu li.separator img, .moduletable_menu li.separator img, .moduletable_menu ul.menu li img,

.moduletable_menu_light ul.menu li.separator img, .moduletable_menu_light li.separator img, .moduletable_menu_light ul.menu li img {

	padding: 0px 10px 0px 5px!important;

	vertical-align: middle;

	margin: 0px!important;

	float: left;

	border-style: none!important;

	background: transparent!important;

}

.moduletable_menu ul.menu  li.active ul li a.current, .moduletable_menu ul.menu li ul li a.current, 

.moduletable_menu ul.menu li.active ul li a.active, .moduletable_menu ul.menu  li ul li a.active, 

.moduletable_menu_light ul.menu  li.active ul li a.current, .moduletable_menu_light ul.menu li ul li a.current, 

.moduletable_menu_light ul.menu li.active ul li a.active, .moduletable_menu_light ul.menu  li ul li a.active {

	background:#333333!important;

}

.moduletable_menu ul.menu li.separator .image-title, .moduletable_menu_light ul.menu li.separator .image-title  {

	font-size: 75%!important;

}

.moduletable_menu ul.menu li.separator, .moduletable_menu_light ul.menu li.separator {

	font-size: 75%!important;

	line-height: 200%!important;

}



#bot-modules ul.menu { padding: 0px; margin: 0px; }



#bot-modules ul.menu li { 
    margin: 0px; 
    border-bottom: 1px dotted #d9d9d9;
    }