/******************************************************************************/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }

/******************************************************************************/
/* MAIN CSS */
body{
    background:             url(/_images/bg.png);
    width:                  100%;
    margin:                 0 auto;
    padding:                0;
    color:                  #333333;
    font:                   13px 'Segoe UI';
    line-height:            1.5em;
}
a{
    color:                  #09537B;
    text-decoration:        underline;
}
a:hover{
    color:                  #09537B;
    text-decoration:        none;
}
a img{
    border:                 0;
}
h1{
    display:                none;
}

/******************************************************************************/
/* HEADER */
header{
    width:                  1000px;
    margin:                 0 auto;
    padding:                0;
    text-align:             center;
}
#head-top{
    width:                  1000px;
    height:                 52px;
    text-align:             center;
    overflow:               hidden;
    !margin-top:            10px;
}
ul#stars{
    float:                  right;
    width:                  770px;
    height:                 30px;
    margin-right:           20px;
    padding-left:           10px;
    list-style:             none;
    display:                block;
    background:             url(/_images/hr_big_grey.png) bottom left no-repeat;
    overflow:               hidden;
}
ul#stars li{
    float:                  left;
    display:                block;
    background:             url(/_images/star.gif) center left no-repeat;
    text-align:             left;
    font-size:              11px;
    color:                  #666666;
    padding-left:           30px;
    margin-left:            20px;
    margin-right:           10px;
}
#head-bottom{
    width:                  1000px;
    height:                 102px;
    text-align:             center;
    display:                block;
    overflow:               hidden;
}
#head-bottom #logo{
    float:                  left;
    width:                  160px;
    height:                 92px;
    display:                block;
    margin-left:            20px;
    padding-top:            10px;
    background:             url(/_images/hr_small_blue.png) bottom left no-repeat;
}
#head-bottom nav{
    float:                  right;
    width:                  780px;
    height:                 102px;
    margin-right:           20px;
    background:             url(/_images/hr_big_blue.png) bottom left no-repeat;
}
nav ul{
    float:                  right;
    width:                  320px;
    list-style:             none;
    padding:                0;
    margin:                 0;
}
nav ul li{
    float:                  left;
    height:                 100px;
    margin-right:           30px;
}
nav ul li a{
    display:                block;
    height:                 65px;
    padding-top:            35px;
    font-size:              20px;
    text-decoration:        none;
    color:                  #333333;
}
nav ul li.act a{
    color:                  #09537B;
}
/******************************************************************************/
/* CONTENT */
#main{
    width:                  1000px;
    margin-top:             20px;
    margin-bottom:          20px;
    margin-left:            auto;
    margin-right:           auto;
    padding:                0;
    text-align:             center;
    overflow:               hidden;
}
aside{
    float:                  left;
    width:                  160px;
    margin-left:            20px;
}
aside ul{
    width:                  160px;
    margin:                 0;
    padding:                0;
    list-style:             none;
}
aside ul li{
    width:                  155px;
    margin-bottom:          5px;
    text-align:             right;
    font-size:              11px;
}
aside ul li a{
    color:                  #333333;
    text-decoration:        none;
    width:                  155px;
    display:                block;
}
aside ul li.act a{
    text-decoration:        underline;
    color:                  #09537B;
}
#content{
    float:                  left;
    width:                  780px;
    overflow:               hidden;
    display:                block;
    margin-left:            20px;
}
/******************************************************************************/
/* HOME */
.referencia{
    float:                  left;
    width:                  240px;
    height:                 235px;
    background:             #fff;
    border-radius:          5px;
    margin-left:            10px;
    margin-right:           10px;
    margin-bottom:          20px;
}
.referencia a{
    width:                  240px;
    height:                 235px;
    text-decoration:        none;
    display:                block;
    overflow:               hidden;
}
.referencia strong{
    width:                  240px;
    height:                 25px;
    text-align:             center;
    font-size:              12px;
    font-weight:            bold;
    color:                  #09537B;
    display:                block;
    padding-top:            5px;
}
.referencia img{
    width:                  220px;
    height:                 140px;
    display:                block;
    text-align:             center;
    margin-left:            10px;
    !margin-left:           0;
}
.referencia small{
    width:                  220px;
    margin-left:            10px;
    display:                block;
    text-align:             center;
    font-size:              11px;
    color:                  #666666;
    padding-top:            5px;
}
.referencia a:hover{
    width:                  240px;
    height:                 235px;
    text-decoration:        none;
    display:                block;
    overflow:               hidden;
    background:             url(/_images/view.png) 10px 30px no-repeat;
}
.referencia a:hover img{
    filter:                 alpha(opacity=10);
    -moz-opacity:           0.1;
    -khtml-opacity:         0.1;
    opacity:                0.1;
}
/******************************************************************************/
/* DETAIL */
#content-heading{
    width:                  780px;
    height:                 37px;
    background:             url(/_images/hr_big_grey.png) bottom left no-repeat;
    !margin-bottom:         20px;
    overflow:               hidden;
    display:                block;
}
#content-heading h2{
    float:                  left;
    width:                  500px;
    text-align:             left;
    margin-top:             0;
    margin-bottom:          0;
    margin-left:            10px;
    padding:                0;
    font-size:              25px;
    display:                block;
    color:                  #09537B;
    height:                 30px;
    !font-size:             18px;
}
#content-heading #controls{
    float:                  right;
    width:                  170px;
    font-size:              11px;
}
#controls a{
    margin-left:            10px;
    margin-right:           10px;
    color:                  #09537B;
    text-decoration:        none;
}
#controls a:hover{
    text-decoration:        underline;
}
#left-content{
    float:                  left;
    width:                  500px;
    text-align:             left;
    margin-left:            10px;
    color:                  #333333;
    padding-top:            2px;
}
#left-content #gallery img{
    margin-top:             20px;
    display:                block;
}
#right-content{
    float:                  right;
    width:                  229px;
    margin-right:           10px;
    text-align:             left;
    font-size:              12px;
    color:                  #333333;
}
#right-content h3{
    font-size:              15px;
    color:                  #09537B;
}
#right-content .ref{
    text-align:             right;
    color:                  #09537B;
}
/******************************************************************************/
/* CONTACT */
.left{
    float:                  left;
    width:                  200px;
}
.right{
    float:                  right;
    width:                  200px;
}
#right-content img{
    margin-left:            5px;
    margin-right:           15px;
}