@import url("paginas_web.css");

/*cuerpo de la web*/
.body {
  background: #ECECEC url(/imagenes/meganet_soporte/background_01.gif) repeat center center fixed;
}

a:link{color:#FFDE00;}
a:visited{color: #FFDE00;}
a:hover{color: #FFFFFF !important;}
a:active{color: #FFDE00;}

#globalcontainer{
 clear:both;
 text-align:left;
 margin: 10px auto;
 width:900px;
 background: #77CA7E url(/imagenes/meganet_soporte/bg.png) repeat top left fixed;
 z-index:10;
}

#globalheader{
 float:left;
 width:898px;
 height:90px;
 border-top: 1px solid #74a267;
 border-left:1px solid #74a267;
 border-right:1px solid #74a267;
 z-index:10;
}

#globalcontent_menu, #globalcontent{
  position:relative;
  float:left;
  width:898px;
  border:1px solid #74a267;
  z-index:10;
  height:58px;
}

#globalcontent{
  height:480px;
  height:501px;
}

/*menu de la web*/
#globalmenu, #globalmenu1{
  position: relative;                                                           /*contenedor del menu y sub menu*/
  width:898px;
  margin: 0 auto;
  z-index:15;
}

#globalmenu1{
  z-index:10;
}

#globalfooter {
  width:898px;
  float:left;
  padding-top: 9px;
  background-color:#FFFFFF;
  text-align:center;
  border-left: 1px solid #74a267;
  border-right: 1px solid #74a267;
  border-bottom: 1px solid #74a267;
  z-index:10;
}
/* fin del cuerpo de la web*/

ul#topnav1 {
  margin: 0; padding: 0;
  float: left;
  width:898px;
  list-style: none;
  position: relative;
  font-size: 0.9em;
  background: url(/imagenes/meganet_soporte/topnav_stretch.gif) repeat-x;
}

ul#topnav1 li {
  float: left;
  margin: 0; padding: 0;
  border-right: 1px solid #555;
  font-weight: bold;
}

ul#topnav1 li a {
  padding: 8px 15px;
  display: block;
  color: #f0f0f0;
  text-decoration: none;
}

ul#topnav1 li:hover { background: #1376c9 url(/imagenes/meganet_soporte/topnav_active.gif) repeat-x; }

ul#topnav1 li span {
  float: left;
  padding: 8px 0;
  position: absolute;
  left: 0;
  top:27px;
  font-size: 0.8em;
  display: none;
  width:898px;
  background: #1376c9;
  color: #ccc;
  -moz-border-radius-bottomright: 5px;
  -khtml-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -khtml-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
}

ul#topnav1 li:hover span { display: block; }
ul#topnav1 li span a { display: inline; }
ul#topnav1 li span a:hover {text-decoration: underline;color:red;}


#header, .marque1, .marque2{                                                                         /*SUB MENUS*/
 float:left;
 height:27px;
 background: #333 url(/imagenes/meganet_soporte/header_bg_5.gif) repeat-x;
 color: #ccc;
}

#header h1 {
 width:200px;
 font-family: Georgia, serif;
 font-weight: bold;
 text-align:center;
 font-size: 1.2em;
 padding: 0;
 margin: 0;
 height:27px;
 color:#FFFFFF;
}

.marque1 {
 width:580px;
}

.marque2{
 width:118px;
}

.marque21, .marque22{
 float:left;
 height:27px;
 margin-right:5px;
 width:55px;
}

.marque22{
 margin-right:0px;
}

.marque21 img, .marque22 img{
 display:block;
 width:52px;
 height:22px;
}

.tickercontainer {
  width:570px;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.tickercontainer .mask {
  position: relative;
  left: 10px;
  width: 570px;
  overflow: hidden;
}

ul.newsticker {
  position: relative;
  left: 580px;
  height:27px;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

ul.newsticker li {
  float: left;
  margin: 0;
  padding: 0;
}

ul.newsticker a {
  white-space: nowrap;
  padding: 0;
  font-family: Georgia, serif;
  font-weight: bold;
  text-align:center;
  font-size: 1.2em;
  margin: 0 75px 0 0;
}

ul.newsticker a img {
  vertical-align: top;
}

ul.newsticker a:hover {
  color: #FFFFFF  !important;
}

ul.newsticker a:link, ul.newsticker a:active {
  color: #FFC000  !important;
}
/*fin del menu*/

#globalcontentcenter,#globalcontentcenter1,#globalcontentcenter2{
  position:absolute;
  width:898px;
  height:501px;
  top:0px;
  left:0px;
  border:0px;
  overflow:hidden;
  z-index:20;
}

#globalcontentcenter{
  z-index:30;
  background: #dcf4f0 url(/imagenes/meganet_soporte/fondo_lineal.gif) repeat top left fixed;
}

#globalcontentcenter2 {                                                         /*referencias de */
  width:600px;
  height:450px;
  top:15px;
  left:150px                                                                    /*w=900-600=300/2=150         h=480-450=30/2=15*/
  display:none;
  margin: 0px auto;
  text-align:center;
  border:0.05em solid #C0A5A5;
  filter:alpha(opacity=90);                                                     /* ie  */
  -moz-opacity:0.9;                                                             /* old mozilla browser like netscape  */
  -khtml-opacity: 0.9;                                                          /* for really really old safari */
  opacity: 0.9;                                                                 /* css standard, currently it works in most modern browsers like firefox,  */
  z-index:30;
}

#preload{                                                                        /*w=900-208=692/2=346         h=480-13=467/2=233*/
  position:absolute;
  width:208px;
  height:13px;
  left:346px;
  top:233px;
  display:block;
  background: url(/imagenes/meganet_soporte/loadingAnimation.gif) no-repeat center top;
  z-index:9999;
}