body{
    margin: 0;
    padding: 0;
    font-family: Arial;
}
/* Fuentes esternas */
@font-face {
    font-family: 'OswaldLight';
    src: url('Oswald-Light-webfont.eot');
    src: url('Oswald-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('Oswald-Light-webfont.woff') format('woff'),
         url('Oswald-Light-webfont.ttf') format('truetype'),
         url('Oswald-Light-webfont.svg#OswaldLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OswaldBook';
    src: url('Oswald-Regular-webfont.eot');
    src: url('Oswald-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('Oswald-Regular-webfont.woff') format('woff'),
         url('Oswald-Regular-webfont.ttf') format('truetype'),
         url('Oswald-Regular-webfont.svg#OswaldBook') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OswaldBold';
    src: url('Oswald-Bold-webfont.eot');
    src: url('Oswald-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('Oswald-Bold-webfont.woff') format('woff'),
         url('Oswald-Bold-webfont.ttf') format('truetype'),
         url('Oswald-Bold-webfont.svg#OswaldBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OswaldStencilRegular';
    src: url('Oswald-Stencil-webfont.eot');
    src: url('Oswald-Stencil-webfont.eot?#iefix') format('embedded-opentype'),
         url('Oswald-Stencil-webfont.woff') format('woff'),
         url('Oswald-Stencil-webfont.ttf') format('truetype'),
         url('Oswald-Stencil-webfont.svg#OswaldStencilRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* Menú */
#cabecera {
    /*width: 1150px;*/
    margin-top: 8px;
    font-size: 14px;
    color: #e5e5db;
    background-color: #848484;
}
#logo{
    width: 200px;
    height: 48px;
    /*background-image: url("images/logo_bluechip.jpg");*/
    float: left;
}
#barra_menu{
    width: 948px;
    background-color: #848484;
    height: 48px;
    float: left;
}
.menu{
    height: 35px;
    text-align: center;
    padding-top: 15px;
    padding-right: 7px;
    padding-left: 7px;
    float: left;
}
.menu_sel{
    height: 33px;
    text-align: center;
    padding-top: 15px;
    padding-right: 7px;
    padding-left: 7px;
    float: left;
    background-position:center bottom;
    background-image: url("../images/select.jpg");
    background-repeat: no-repeat;
}
#div_cont a {
    font-weight: bold;
    color: #003779;
}
.menu a, .menu_sel a{
    /*color: #e5e5db;*/
    color: #f7f7ef;
    cursor: pointer;
    text-decoration: none;
}
#submenu {
    width: 1150px;
    height: 20px;
    font-size: 16px;
    color: #848484;
   /* background-color: white;*/
}
.menu_sub, .menu_sub a{
    color: #848484;
    cursor: pointer;
    text-decoration: none;
    visibility: hidden;
}
.menu_sub_sel, .menu_sub_sel a{
    color: #848484;
    cursor: pointer;
    text-decoration: none;
    visibility: visible;
}
.menu_sub_sel a:hover{
    color: black;
    cursor: pointer;
    text-decoration: none;
    visibility: visible;
}
.submenu_sel{
    text-decoration: underline;
}
a, .aviso a{
    color: #636fc4;
    cursor: pointer;
    text-decoration: none;
}
#home{
    text-align: center;
    width: 1152px;
    /*min-height: 553px;*/
    /*min-height: 624px;*/
    padding-left: 53px;
}
.imagen_g{
    width: 230px;
    height: 250;
    float: left;
    cursor: pointer;
    text-decoration: none;
}
.imagen{
    -moz-opacity: 0.25;
    opacity: 0.25;
    filter: alpha(opacity=25);
}
.imagen_sel{
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
}
.imagen_dinamica{
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}
.img_dinamica_sel{
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
}
.aviso{
    width: 560px;
    float: left;
    font-size: 14px;
    color: #636fc4;
    margin-top: 5px;
}
#div_cont{
    float: left;
    text-align: left;
    color: #003779;
}
#div_img, #div_img_din{
    float: left;
    /*min-height: 490px;*/
}
#div_anim_home img, #div_img_home{
    display: none;
}
#div_anim_home img.visible, #div_img_home.visible{
    display: block;
}
#div_sus{
   /* padding-top: 70px;*/
    padding-left: 5px;
    text-align: center;
    float: left;
}
#fade{
    float: left;
    /*margin-top: 70px;*/
    margin-left: 60px;
}
#footer{
    width: 1121px;
    border-top:thin solid #636fc4;
}
#footer_img{
    padding-left: 20px;
    text-align: left;
    float: left;
}
#footer_contenido{
    text-align: right;
    float: left;
}
#footer_contenido img, #footer_img img{
    cursor: pointer;
}
h3{
    font-size: 1.6em;
    font-weight: normal;
    margin-bottom: 5px;
}
h2{
    font-weight: normal;
    font-size: 2.6em;
    margin-top: 0px;
    margin-bottom: 0px;
}
p, ul{
    font-size: 15px;
    color: black;
}
p.grande{
    padding-top: 150px;
    font-size: 40px;
    color: #003779;
}
li{
    padding-bottom: 20px;
}
li a:hover{
    text-decoration: underline;
}
.azul{
    color: #003779;
    font-weight: normal;
}
.bold_azul{
    color: #003779;
    font-weight: bold;
}
.bold_verde{
    color: #1f9b62;
    font-weight: bold;
}
.bold_naranja{
    color: #f66019;
    font-weight: bold;
}

.top{
    margin-top: 1px;
    /*margin-bottom: 5px;*/
    width: 205px;
    float: left;
    color: #f66019;
}
.bottom{
    color: #003779;
    width: 230px;
    float: left;
}
.right{
    margin-top: 90px;
    width: 25px;
    height: 100px;
    float: left;
    color: #179a64;
    /* rotate -90 deg, not sure if a negative number is supported so I used 270 */
    /* FF */
  /*-moz-transform: rotate(270deg);*/
  /*-moz-transform-origin: 50% 50%;*/
  /* SAFARI */
  /*-webkit-transform: rotate(270deg);*/
  /*-webkit-transform-origin: 50% 50%;*/
  /* IE support too convoluted for the time I've got on my hands... */
  /*filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);*/
}

.clear{
    clear: both;
}

#presence a{
    font-size: 20px;
    font-weight: normal;
    color: #486b93;
}
.mapa_menu{
     height: 32px;
     text-align: left;
     float: left;
}
#sede1, #sede2, #sede3, #sede4, #sede5{
    width: 10px;
    height: 10px;
    cursor: pointer;
    float: left;
}

/* Easy Tooltip */
#easyTooltip{
    padding:5px 10px;
    border:1px solid #195fa4;
    /*background:#195fa4 url(bg.gif) repeat-x;*/
    background-color: white;
    color:blue;
    font-size: 12px;
    }
/* // Easy Tooltip */