@font-face {
    font-family: 'DINPro';
    src: url(../fonts/DINPro.eot);
    src: local(''), url(../fonts/DINPro.otf) format('opentype'), url(../fonts/DINPro.ttf) format('truetype'), url(../fonts/DINPro.svg) format('svg');
    font-weight: normal;
    font-style: normal;
}

* {
    border: 0px;
    margin: 0px;
    padding: 0px;
    letter-spacing: 0px;
}

body {
    background: #e6e7e8;
    background: #fff;
}

a {
    color: #000;
    text-decoration: none;
}
a:hover, a.hover {
    border-bottom: 2px solid #ed1c24;
}

form {
    text-align: right;
}
input[type=text], input[type=password], textarea {
    border: 1px solid #959595;
    color: #ed1c24;
    font: normal normal normal 12px/12px DINPro;
}
input[type=submit] {
    background: #636363;
    color: #fff;
    font: normal normal bold 9px/12px DINPro;
    padding: 2px 8px;
}

#base {
    background: #fff;
    margin: 0px auto;
    padding: 22px;
    width: 980px;
}

#menu {
    border-bottom: 1px solid #000;
    height: 56px;
    padding: 0px 8px;
    width: 964px;
}
#menu div {
    float: right;
    height: 78px;
    margin: 0px 13px 0px 24px;
    overflow: hidden;
}
#menu div > a {
    color: #676666;
    display: block;
    font: normal normal bold 11px DINPro;
    height: 14px;
    padding: 38px 0px 0px 0px;
    margin: 0px 0px;
    text-decoration: none;
    text-align: right;
}
#menu div a:hover, div.sel > a {
    border-bottom: 4px solid #ed1c24;
}
#menu div p {
    color: #ed1c24;
    font: normal normal bold 9px DINPro;
    padding: 6px 0px 8px;
    text-align: right;
}
#menu div p a {
    color: #ed1c24;
    font: normal normal bold 9px DINPro;
}
#menu div p a:hover {
    border-bottom: 2px solid #ed1c24;
}

#menu div#logo {
    margin: -6px 0px 0px;
    padding: 0px 0px 0px 24px;
}
#menu div#logo a {
    height: 58px;
    padding: 0px;
}
#menu div#logo a:hover {
    border-bottom: 4px solid #ed1c24;
}
#menu div#logo p a:hover {
    border-bottom: 2px solid #ed1c24;
}

#busca {
    float: left;
    margin: 0px 0px 0px 100px;
    padding: 0px;
}
#busca input[type=text] {
    border: 1px solid #959595;
    color: #ed1c24;
    float: left;
    font: normal normal normal 12px/12px DINPro;
    height: 14px;
    width: 158px;
}
#busca input[type=submit] {
    background: #636363;
    color: #fff;
    font: normal normal bold 9px/12px DINPro;
    float: left;
    height: 16px;
    padding: 2px 8px;
    width: 61px;
}

#foto {
    background: #f8f8f8 url(../images/load.gif) center no-repeat;
    float: right;
    height: 533px;
    margin: 0px;
    width: 642px;
    overflow: hidden;
}
#foto a img {
    border: 0px;
}
#foto a img:hover {
    outline: 1px solid #ed1c24;
}
#foto a.g img {
    width: 642px;
    height: 533px;
    margin: auto;
    visibility: hidden;
}
#foto a.gh img {
    display: block;
    height: 533px;
    width: auto;
    visibility: hidden;
}
#foto a.gv img {
    display: block;
    height: auto;
    width: 642px;
    visibility: hidden;
}
#foto a.p, #foto div.p {
    background: #f8f8f8;
    border: 0px;
    display: block;
    float: left;
    height: 105px;
    margin: 0px 0px 2px 2px;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    width: 105px;
}
#foto a.p img, #foto div.p input {
    height: 105px;
    /*
    width: 105px;
    */
}
#foto a.p:hover, #foto div.p:hover {
    outline: 1px solid #ed1c24;
    border: 0px;
}
#foto a.ph, #foto div.p {
    background: #f8f8f8;
    border: 0px;
    display: block;
    float: left;
    height: 105px;
    margin: 0px 0px 2px 2px;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    width: 105px;
}
#foto a.ph img, #foto div.p input {
    width: 105px;
}
#foto a.ph:hover, #foto div.p:hover {
    outline: 1px solid #ed1c24;
    border: 0px;
}
#foto a.pv, #foto div.p {
    background: #f8f8f8;
    border: 0px;
    display: block;
    float: left;
    height: 105px;
    margin: 0px 0px 2px 2px;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    width: 105px;
}
#foto a.pv img, #foto div.p input {
    height: 105px;
}
#foto a.pv:hover, #foto div.p:hover {
    outline: 1px solid #ed1c24;
    border: 0px;
}

#info {
    float: left;
    height: 497px;
    margin: 20px 10px 0px 0px;
    padding: 0px 0px 0px 0px;
    overflow: hidden;
    width: 320px;
}
#info h1 {
    color: #808285;
    font: normal normal bold 15px/17px DINPro;
}
#info p {
    color: #808285;
    font: normal normal normal 13px/17px DINPro;
    margin: 18px 0px;
}
#info p.marcar {
    text-align: right;
    margin: 16px 0px 0px 159px;
}
#info ul {
    margin: 32px 0px;
}
#info li {
    color: #808285;
    font: normal normal normal 13px/17px DINPro;
    list-style: none;
    margin: 0px 0px 0px 12px;
}
#info a {
    color: #808285;
    font: normal normal bold 13px/17px DINPro;
}
#info div {
    float: left;
    height: 355px;
    width: 159px;
}
#info div ul {
    margin: 19px 0px 0px;
}
#info div li {
    text-align: right;
    margin: 0px 12px 0px 0px;
}
#info div.uso {
    border: 1px solid #eaeaea;
    float: none;
    height: 418px;
    overflow: scroll;
    text-align: justify;
    width: auto;
}
#info div.uso p {
    font: normal normal normal 11px/15px DINPro;
    margin: 0px;
    padding: 4px 12px;
}
#info div.uso ol {
    list-style-type: decimal;
    margin: 0px 12px 0px 30px;
}
#info div.uso ol li {
    font: normal normal normal 11px/15px DINPro;
    list-style-type: decimal;
    margin: 4px 0px;
    text-align: justify;
}


#pag {
    float: left;
    height: 14px;
    margin: 2px 0px 0px 352px;
    width: 624px;
}
#pag p {
    color: #a7a9ac;
    font: normal normal bold 10px/13px DINPro;
    float: left;
}
#pag div {
    float: right;
    padding: 0px 0px 0px;
}
#pag a {
}
#pag a[href="#l"], #pag input[name="lst{pre}"], #pag input[name="BSC{pre}"] {
    margin: 0px 30px 0px 4px;
}

#slide {
}
#slide div {
    background: #f8f8f8;
    float: left;
    height: 81px;
    margin: 24px 2px 0px 0px;
    overflow: hidden;
    text-align: center;
    width: 81px;
}
#slide div#sel, #slide div:hover {
    outline: 1px solid #ed1c24;
}
#slide div.first {
    margin: 24px 2px 0px 0px;
    overflow: hidden;
    width: 74px;
}
#slide div.last {
    margin: 24px 0px 0px 0px;
    overflow: hidden;
    width: 74px;
}
#slide a.ph img {
    width: 81px;
    margin-top: -18px;
}
#slide a.pv img {
    height: 81px;
    margin-left: -18px;
}
#slide a.p img {
    height: 81px;
    /*
    width: 81px;
    */
}

#copy {
    clear: both;
    color: #999;
    font: normal normal bold 10px/25px DINPro;
    height: 10px;
}
#copy a {
    color: #000;
    text-decoration: none;
}
#copy a:hover {
    border-bottom: 2px solid #ed1c24;
}
#copy div.own {
    float: left;
}
#copy div.prg {
    float: right;
}

.msg_1 {
    color: #0a0;
    font: normal normal bold 9px/11px DINPro;
}
.msg_3 {
    color: #aa0;
    font: normal normal bold 9px/11px DINPro;
}