/*
	CSS Reset - Compressed
	http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:"" ""}
html,body{ vertical-align: middle; text-align: center; height: 100%; margin: 0; padding: 0; }
/*
  end reset
*/

strong {font-weight: bold;}
a {color: #9BBACF; }
ul li {
    margin: 0 0 10px 0;
    padding: 0 0 0 15px;
    list-style: none;
    background-repeat: no-repeat;
    background-position: 0 8px;
    background-image: url(../images/bullet.gif);
}

h1 { margin: 0 0 20px 0; }
p, h3{ margin: 15px 0; }

.hide { display: none; }

.bot {
  display: block;
  padding: 0; border: 0; outline: 0; margin: 0;
  background-color: transparent; background-repeat: no-repeat;  background-position: 0 0;
  text-align: left; font-size: 0;  line-height: 0; text-indent: -9999px;
}

body {
    background-color: #566570;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 150%;
}

#tile {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 420px;
    background: url(../images/fundo_tile.jpg) repeat-x center top;
    z-index: 0;
    overflow: visible;
}

#principal,#apresentacaoAlt,#apresentacao {
    position: relative;
    width: 998px; height: 501px;
    margin: -43px auto 0 auto;
    background-repeat: no-repeat;
}

    #principal {
        background-image: url(../images/fundo_normal.jpg)
    }
        #principal.principal_quem_somos { background-image: url(../images/fundo_quem_somos.jpg); }
        #principal.principal_noticias { background-image: url(../images/fundo_noticias.jpg); }

    #principal .logo{
        position: absolute;
        width: 72px; height: 80px;
        top: 0; left: 25px;
        background-image: url(../images/logo_rk.png);
    }

    #principal .boxRecursos{
        position: absolute;
        width: 250px; height: 20px;
        top: -30px; right: 20px;
    }

        #principal .boxRecursos a {
            float: right;
            height: 15px;
            background-image: url(../images/sprite.gif);
        }

            #principal .boxRecursos a.favoritos { width: 89px; background-position: 0 0; }
            #principal .boxRecursos a.indicar { width: 52px; background-position: -100px 0; }
            #principal .boxRecursos a.contato { width: 79px; background-position: -200px 0; }

                #principal .boxRecursos a.favoritos:hover { background-position: 0 -30px; }
                #principal .boxRecursos a.indicar:hover { background-position: -100px -30px; }
                #principal .boxRecursos a.contato:hover { background-position: -200px -30px; }

    #menuAlt,#menu{
        position: absolute;
        top: 131px; left: 0px;
        width: 301px; height: 316px;
    }

    #texto {
        position: absolute;
        width: 499px; height: 299px;
        top: 103px; left: 309px;
        text-align: left;
        color: #fff;
        overflow: hidden;
    }

    #textoContent{
        position: relative;
        margin: 0; padding: 0;
        width: 499px; height: 299px;
        overflow: auto;
    }
        #textoContent h1 {
            font-size: 20px;
            line-height: 130%;
        }

        #textoContent p {
            margin: 15px 0;
        }

        #textoContent a.lnkPost {
            display: block;
            color: #fff;
            font-size: 11px;
            line-height: 150%;
            margin-bottom: 15px;
            text-decoration: none;
        }

            #textoContent a.lnkPost:hover { text-decoration: underline; }

        #textoContent a.lnkPost strong {
            display: block;
            color: #A7C8DF;
            font-size: 14px;
            font-weight: bold;
            line-height: 150%;
        }

    #boxCatalogo,#boxCatalogoAlt {
        position: absolute;
        width: 666px; height: 500px;
        top: 0px; left: 332px;
        text-align: left;
        color: #fff;
        overflow: hidden;
    }

    #prodImg {
        position: absolute;
        top: 0; left: 366px;
    }

    #prodInfo {
        position: absolute;
        width: 270px; height: 118px;
        top: 62px; left: 699px;
        background: url(../images/fundo_box_info.jpg) no-repeat;
        padding: 10px 10px 0 26px;
        overflow: hidden;
        font-size: 12px;
        line-height: 150%;
        text-align: left;
        color: #fff;
  	voice-family: "\"}\"";
  	voice-family: inherit;
        width: 244px; height: 108px;
    }

        #prodInfo h1 { font-size: 12px; font-weight: bold; padding-bottom: 10px; margin: 0; }
        #prodInfo strong { font-weight: bold; }

    #prodList {
        position: absolute;
        width: 280px; height: 250px;
        top: 203px; left: 709px;
        margin: 0; padding: 0;
        overflow: hidden;
    }

        #prodListThumb {
            position: relative;
            width: 280px; height: 250px;
            margin: 0; padding: 0;
            top: 0; left: 0;
            overflow: auto;
        }

            #prodListThumb a {
                display: block;
                float: left;
                width: 79px; height: 120px;
                margin: 0 10px 10px 0;
                overflow: hidden;
            }
                #prodListThumb a.last { margin: 0 0 10px 0; }
                #prodListThumb a.sel {
                    border: 2px solid #fff;
                    voice-family: "\"}\"";
                    voice-family: inherit;
                    width: 75px; height: 116px;
                }

.jScrollPaneTrack {
	background-color: transparent;
}
.jScrollPaneTrack .jScrollPaneDrag {
	background-color: #566570 ;
}
.jScrollPaneTrack .jScrollPaneDrag .jScrollPaneDragTop {
	border-top: 4px solid #566570;
}
.jScrollPaneTrack .jScrollPaneDrag .jScrollPaneDragBottom {
	border-bottom: 4px solid #566570;
}

#prodList .jScrollPaneTrack .jScrollPaneDrag { background-color: #fff; }
#prodList .jScrollPaneTrack .jScrollPaneDrag .jScrollPaneDragTop { border-top: 4px solid #fff; }
#prodList .jScrollPaneTrack .jScrollPaneDrag .jScrollPaneDragBottom { border-bottom: 4px solid #fff; }


div#ak_modal_div {
	position: absolute;
	z-index: 1000;
	background: #FFF;
}
    div#ak_modal_div div.ak_modal_title {
        position: relative;
        background-color: #566570;
        color: #FFF;
        font: bold 12px/1.5em 'Trebuchet MS', Verdana, Helvetica, sans-serif;
        text-align: center;
    }

.clearFull { display: block; clear: both; }
.div10 { height: 10px; }
.div20 { height: 20px; }