/*
  Author: Cesar Augusto Arana Collazos, ksrarc [at] gmail [dot] com

  About notation:

  m_ prefix means Margenes
*/
/*
General TAGS
*/
body {
  margin: 0px;
  padding: 0px;
  font-size: 100%;
  font-family: Helvetica, Arial, Verdana, 'Bitstream Vera Sans', sans-serif;
  background-color: #292929;
  color: white;
}

h1,h2,h3,h4,h5,h6 {
  color: #0099d9;
}

a {
  text-decoration: none;
  color: #0099d9;
}

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

form table th {
  text-align: right;
}

/* Vertical full horizontal layout, use this class for centering content */
.m_content {
  width: 970px;
  margin: 0px auto;
}

/* Header */

#m_header img {
  margin: 0px;
  padding: 0px;
}

/* Menu */

#m_primary_menu {
  text-align: right;
}

#m_primary_menu ul.m_links {
  margin: 4px 0px;
  padding: 0px;
}

#m_primary_menu ul.m_links li {
  display: inline;
  list-style-type: none;
  padding: 0px 0px 0px 0px;
  margin: 0px;
}

#m_primary_menu ul.m_links li a {
  color: #0099d9;
  text-decoration: none;
  font-weight: normal;
  text-transform: uppercase;
  padding: 9px 19px 9px 19px;
  font-size: 14px;
}

#m_primary_menu ul.m_links li:hover,
#m_primary_menu ul.m_links li:active,
#m_primary_menu ul.m_links li.active-trail {
  background: transparent url('../images/m_menuitem_hover_left.png') no-repeat left;
}

#m_primary_menu ul.m_links li a:hover,
#m_primary_menu ul.m_links li:hover a,
#m_primary_menu ul.m_links li a:active,
#m_primary_menu ul.m_links li.active-trail a {
  background: transparent url('../images/m_menuitem_hover_right.png') no-repeat right;
  color: #fff;
}

/* Header 2 */

#m_header_2 {
  background-image: url('../images/m_subheader.png');
  background-repeat: no-repeat;
  background-position: center center;
  height: 45px;
  margin-top: 5px;
  color: #525252;
  font-weight: normal;
  text-transform: uppercase;
  height: 30px;
  padding: 0px 6px 0px 6px;
}

#m_header_2 #m_clocks {
   position: relative; 
   float: right;
   margin-right: 3em;
   width: 195px;
   height: 30px;
}

#m_header_2 div span {
  display: inline;
  float: right;
  position: relative;
  top: 7px;
  margin-right: .5em;
}

#m_header_2 div embed {
   display: inline;
   float: right;
}

#m_list_banner {
  width:500px;
  height:30px;
  font-size:20px;
  list-style:none;
  display:inline;
  text-align:left;
}

#m_list_banner li {
  width:500px;
  height:20px;
  display:inline;
  margin:4px 5px 5px 25px;
}

/* Middle */

#m_middle {
  font-size: 80%;
}

#m_middle h1 {
  font-size: 160%;
}

#m_middle h2 {
  font-size: 140%;
}

#m_middle h3 {
  font-size: 110%;
}

#m_sfcontent {
  float: left;
  width: 680px;
  text-align: justify;
}

#m_sfcontent {
/*   font-size: 100%; */
}

#m_sfcontent h1 {
/*   font-size: 110%; */
  margin-bottom: 1em;
}

#m_sfcontent h1 span {
/*   font-size: 50%; */
  font-weight: normal;
}

#m_sfcontent h2 {
/*   font-size: 105%; */
}

#m_sfcontent p {
/*   font-size: .75em; */
}

#m_sidebar {
  float: right;
  width: 240px;
  margin-top: 1em;
}

.m_banner {
  margin: 1em 0px;
}

/* Footer */

#m_footer {
  margin-top: 1em;
  background-color: black;
  height: 55px;
  color: #AAA;
}

/* For rounded containers */

.m_rblock {
}

.m_rblock_top {
  background-image: url('../images/m_rblock_top.png');
  height: 17px;
  margin: 0px;
  padding: 0px;
}

.m_rblock_content {
  padding: 0px 17px 0px 17px;
  margin: 0px;
  border-left: solid 1px #4A4A4A;
  border-right: solid 1px #4A4A4A;
}

.m_rblock_content h3 {
  padding: 0px;
  margin: 0px;
}

.m_rblock_content a, .m_rblock_content a p {
  color: white;
  padding: 0px;
  margin: .5em 0 0 0;
}

.m_rblock_bottom {
  background-image: url('../images/m_rblock_bottom.png');
  height: 17px;
  margin: 0px;
  padding: 0px;
}

.m_headline {
  margin: .30em 0px;
}

.m_headline p {
  display: inline;
}