* {
 margin:0;
 padding:0;
 behavior:url(css/iepngfix.htc); /********MUY IMPORTANTE css/iepngfix.htc y css/images/blank.gif*******/
}

html {
 margin:0;
 padding:0;
 width:100%;
 height:100%
}

body {
 margin:0;
 padding:0;
 background-color:#fff;
 font:normal 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
 line-height:18px;
 color:#222;
 width:100%;
 height:100%
}

p {
 text-align:justify
}

a {
 /*color:#0088cc;*/
 color:#222;
 text-decoration:none
}

a:hover {
 text-decoration:underline
}

img {
 margin:0;
 border:none;
 padding:0
}

hr  {
 margin:5px auto 15px auto;
 padding:0;
 border:1px solid #e0e0e0;
 /*border:1px solid #C8C8C8;*/
 width:99%
}

h2 {
 margin:0 auto 10px auto;
 padding:0;
 font:27px "MyriadPro","Myriad Pro","Lucida Grande","Lucida Sans Unicode", Arial, Verdana, Sans-serif;
 font-weight:500;
 color:#333
}

h3 {
 margin:0 auto 5px auto;
 padding:0;
 font:20px "MyriadPro","Myriad Pro","Lucida Grande","Lucida Sans Unicode", Arial, Verdana, Sans-serif;
 font-weight:300;
 color:#fff
 /*color:#434b5b*/
}

h5 {
 margin:0 auto 3px auto;
 font-size:13px;
 text-align:center;
 color:#222
}

ul li {
 list-style:outside disc;
 color:#fff;
 margin-left:40px
}

ul li span,ol li span {
 color:#222
}

ol li {
 list-style:outside decimal;
 color:#fff;
 margin-left:40px
}

td {
 font:normal 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
 line-height:18px;
}

#shim {
 visibility:hidden;
 width:100%;
 height:50%;              /* Bump div#home down half the height of the screen. */
 margin-top:-300px;       /* Half the height of div#home */
 float:left
}

#home {
 margin:10px auto 10px auto;
 /*border:1px solid #f00;*/
 padding:10px;
 width:980px;
 height:580px;
 clear:both;
 /******************************************************
 * Issue:IE4 doesn't allow a negative margin-top.
 *
 * This code positions blueBox relatively and uses the IE4ever hack (<http://exanimo.com/css/ie4ever>) to overwrite the rule for other browsers.
 * The content will be centered but will crop if the window is not small enough to accommodate it.
 *******************************************************/
 position:relative;
 top:-300px;
 /* IE4ever Hack:Hide from IE4 **/
 position:static;
 /** end hack */
 background:#fff url(images/bg.jpg) top center no-repeat;
}

/******************************************************
* Issue:IE5mac interprets negative values as positive.
*
* I haven't figured out a workaround for this yet. The content won't be vertically centered but it won't be messed up by the previous code either.
******************************************************/

/* Hide from IE5mac
#shim {
 display:none;
}

html, body {
 height:auto;
}
/* end hack */

#home #title {
  margin:0 auto 10px auto;
  /*border:1px solid #000;*/
  padding:0 0 0 0;
  width:300px;
  height:40px;
  /*width:200px;
  height:580px;*/
}

#home #menu {
  margin:0 12px 0 0;
  /*border:1px solid #000;
  width:198px;
  height:395px;*/
  width:200px;
  height:397px;
  /*background:url(images/menu_bg_bottom.png) bottom left no-repeat;*/
  background:url(images/menu_bg.png) top left no-repeat;
  float:left
}

#home #menu #menu1 {
 margin:0;
 /*border:1px solid #0ff;
 height:493px;*/
 padding:10px 0 0 0;
 /*height:495px;*/
 /*background:url(images/menu_bg_top.png) top left no-repeat;*/
}

#home #menu #menu1 li{
 margin:0 auto;
 /*border-bottom:1px dashed #555;*/
 border-bottom:1px solid #bbbbbb;
 padding:5px 0;
 text-decoration:none;
 list-style-type:none;
 width:150px;
 text-align:center;
 line-height:12px
}

#home #menu #menu1 li.last_link{
 border-bottom:none
}

#home #menu #menu1 li span{
 line-height:12px
}

#home #menu #menu1 a {
 color:#232426;
 font:bold 12px Verdana, Arial, Helvetica, sans-serif;
 line-height:12px;
 display:block
}


#home #banner_space {
  margin:0 13px 15px 0;
  /*border:1px solid #f00;
  width:598px;
  height:393px;*/
  width:600px;
  height:395px;
  float:right;
  /*background-color:#fff*/
}

#home #banner {
  /*border:1px solid #000;
  width:765px;
  height:393px;*/
  width:600px;
  height:395px;
  /*background-color:#fff*/
}


#home #logogp {
 margin:3px 0 10px 0;
 /*border:1px solid #000;
 width:187px;
 height:316px;*/
 /*padding:55px 0 0 0;*/
 width:189px;
 height:318px;
 /*float:left*/
}

#home #logos {
 margin:0;
 /*border:1px solid #000;
 width:975px;
 height:119px;*/
 width:977px;
 height:121px;
 /*float:left*/
 /*background-color:#fff;*/
}

#home #logos .bloq {
 margin:0 5px 0 0;
 padding:0;
 /*border:1px solid #ff0;*/
 /*width:auto;
 height:119px;*/
 width:auto;
 height:121px;
 float:left
}

#home #logos .der {
 margin:0
}

.no_separation {
 margin:0;
 padding:0
}

.white {
 color:#fff
}

.flota_center {
 margin:0 auto;
 /*border:solid 1px #f00;*/
 padding:0;
 /*width:auto*/
}

.flota_left {
 margin:5px 10px 5px 0;
 padding:0;
 float:left
}

.flota_right {
 margin:0 0 0 10px;
 padding:0;
 float:right
}

.center {
 text-align:center
}

.left {
 text-align:left
}

.right {
 text-align:right
}

.justify {
 text-align:justify
}

.inline {
 display:inline
}

.smaller {
 display:inline;
 font-size:10px
}

.clearer {
 clear:both;
 height:0;
 line-height:0;
 font-size:0
}