@charset "utf-8";
/* CSS Document

Layout by Evelson Bertholdo Junior
Template CSS/XHTML by Andrews Ferreira Guedis
Letti Tecnologia 2008

/* reset margin/padding/border */

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;
        /*font-family:Arial, Helvetica, sans-serif;*/

        font-family:"Lucida Sans Unicode";
}

body{
        background-image:url(../images/backgrounds/bg-main.jpg);
        background-repeat:repeat-x;
        /* 
        para resolver o problema do footer é só descomentar a linha abaixo 
        *
        *
        background-color:#FF8B00;
        */
        font-size:100%;
        /*font-family:Arial, Helvetica, sans-serif;*/

        font-family:"Lucida Sans Unicode";
}

/* layout/divs */

div#banner-flash{
        float:left;
        width:771px;
        height:217px;
}


.box-parceiros img {
        width:110px;
}

div#box-exchange{
        float:left;
        width:260px;
        height:155px;
                background-color:#FFF;
}

div#container{
        height:100%;
        margin:0 auto;
        width:770px;
        }

div#content{
        background-image:url(../images/backgrounds/bg-content.png) !important;
        background-image:url(../images/backgrounds/bg-content.gif);
        background-repeat:repeat !important;
        background-repeat:no-repeat;
        float:left;
        height:100%;
        left:-3px;
        padding:0 0 0 8px;
        position:relative;
        width:772px;
        }

.fundo{
        background-image:url(../images/backgrounds/bg-content.png) !important;
        background-image:none;
        filter: none !important;
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/backgrounds/bg-content.png,         sizingMethod='scale');
        }

.fundo a{
        position:relative;
        }

div#footer{
        float:left;
        width:770px;
        height:50px;
        background-image:url(../images/backgrounds/bg-footer.gif);
        background-repeat:repeat-x;
}

div#highlight{
        float:left;
        width:774px;
        height:30px;
        /*background-color:#5665AE;*/
        /*background-color:#104E8B;*/
        background-color:rgb(16, 78, 139);
        color:#FFF;
        font-size:12px;
}

div#menu{
        float:left;
        width:777px;
        height:28px;
}

div#course{
        float:left;
        width:483px;
        height:230px;
        padding:0 0 10px 5px;
                margin:5px 0;
                background-color:#FFF;
}

div#passages{
        float:left;
        width:260px;
        height:231px;
        margin:5px 0 0 10px;
        background-image:url(../images/backgrounds/bg-box-passages.jpg);
        background-repeat:repeat-x;
                background-color:#FFF;
}

#cont-passages{
        float:left;
        width:234px;
        height:205px;
                overflow:auto;
}

div#top{
        float:left;
        width:770px;
        height:83px;
        margin:20px 0;
}

div#ter-high{
        float:left;
        width:478px;
        height:120px;
        padding:15px 10px 10px 10px;
                background-color:#FFF;
}


#course a,#passages a{
        color:#666;
        text-decoration:none;
}

#course a:hover,#passages a:hover{
        color:#666;
        text-decoration:underline;
}

div#banner-flash img{
        float:left;
        }

/* <menu> */

div#menu ul{
        float:left;
        margin:0;
        padding:0;
        height:28px;
        list-style:none;
        width:774px;
        /*background-color:#FC9F02;*/
        background-color:#FFA500;
}

div#menu ul li{
        float:left;
        width:auto;
        height:21px;
        padding:7px 8px 0 13px;
        display:inline-block;
        /*background-color:#FC9F02;*/
        color:#FFF;
        font-size:13px;
        text-transform:uppercase;
        font-weight:bold;
        text-align:left;
}

.activelink{
        height:28px;
        background-image:url(../images/buttons/bt-menu-blue.gif);
        background-repeat:no-repeat;
        background-color:#0D468B;
}


.box-course{
        float:left;
        width:146px;
        height:205px;
        background-color:#F3F3F3;
        margin:0 6px 0 0;
}

/* <generic classes> */

.bold{
        font-weight:bold;
}

/* <formation text> */

div#box-exchange h1{
        width:230px;
        font-size:12px;
        border-bottom:1px solid #000;
        padding:15px 0 3px 30px;
        text-transform:uppercase;
        color:#003366;
        font-weight:bold;
        background-image:url(../images/icons/icon-exchange.gif);
        background-repeat:no-repeat;
        background-position:left bottom;

}

#exchange-info p{
        float:left;
        width:243px;
        font-size:11px;
        text-align:center;
        margin:0;
        padding:0;
}

.box-course img{
        margin:10px 5px 0 10px;
                font-size:11px;
}

.box-course h2{
        font-size:12px;
        font-weight:bold;
        text-align:left;
        color:#666666;
        padding:5px 5px 5px 10px;
}

.box-course p{
        width:133px;
        font-size:10px;
        color:#666;
        margin:0 5px 0 10px;
}

.box-course img{
        width:125px;
        height:85px;
}

.box-course p span{
        font-size:12px;
}

.box-passages{
                float:left;
                width:90%;
                border-bottom:1px solid #CCC;
                padding:5px 0 0 5px;
}

.box-passages h4{
                width:100%;
        float:left;
        font-size:11px;
        margin:0;
        font-weight:normal;
        padding:0 0 0 0;
}

.box-passages h5{
        width:99%;
        font-size:11px;
        color:#FF6600;
        font-weight:bold;
        padding:6px 0;
        margin:0;
        text-align:left;
}

#exchange-info{
        float:left;
        width:260px;
        height:80px;
        background-color:#FFF3C4;
        padding:10px 0 5px 0;
        text-align:center;
        overflow:auto;

}

.exchange-refresh{
        float:left;
        width:255px;
        height:10px;
        font-size:11px;
        padding:5px 0;
        color:#999;
        text-align:center;
}

div#footer{
        padding:13px 0;
}

div#footer h1{
        float:left;
        width:250px;
        font-size:11px;
        font-weight:normal;
        color:#666;
        padding:0 0 0 10px;
}

div#footer h2{
        float:right;
        font-size:11px;
        font-weight:normal;
        color:#666;
        padding:0 10px 0 0;
}

div#highlight p{
        float:left;
        margin: 0;
        padding: 7px 0 0 10px;

}

#highlight p span{
        text-transform:uppercase;
        font-weight:bold;
        }

div#highlight .sec-highlight{
        width:480px;
        float:right;
        padding:7px 10px 0 0;
}

.more-courses{
        float:right;
}

.more-passages{
        float:right;
}

div#course h1{
        width:458px;
        border-bottom:1px solid #000;
        font-size:12px;
        color:#003366;
        font-weight:bold;
        text-transform:uppercase;
        padding:5px 0 5px 25px;
        background-image:url(../images/icons/icon-package.gif);
        background-repeat:no-repeat;
        background-position:left-bottom;
}

div#course h1 span{
        font-size:9px;
        font-weight:normal;
        color:#666;
        padding:0 0 0 5px;
}

div#passages h1{
        width:232px;
        height:18px;
        color:#003366;
        font-size:12px;
        text-transform:uppercase;
        font-weight:bold;
        padding:7px 0 0 28px;
        border-bottom:1px solid #000;
        background-image:url(../images/icons/icon-passages.gif);
        background-repeat:no-repeat;
        background-position:left-bottom;
        margin:0;
}

div#passages h1 span{
        font-size:9px;
        color:#666;
        font-weight:normal;
        padding:0 0 0 5px;
}

div#passages h2{
        width:140px;
        float:left;
        font-size:10px;
        text-transform:uppercase;
        padding:10px 0 0 5px;
        border-bottom:1px solid #CCC;
}

div#passages h3{
        width:70px;
        float:left;
        font-size:10px;
        text-transform:uppercase;
        padding:10px 0 0;
        border-bottom:1px solid #CCC;
}

div#ter-high h1{
        width:250px;
        font-size:14px;
        text-transform:uppercase;
        color:#666;
        font-weight:bold;
        margin:0;
        padding:0;
}

div#ter-high p{
        float:left;
        width:268px;
        font-size:12px;
        padding:10px 10px 5px 0;
        margin:0;
        text-align:justify;
}

div#ter-high img{
        width:185px;
        height:140px;
        float:right;
}

div#ter-high a:hover img {
        width:183px;
        height:138px;
        float:right;
        border:2px solid #CCC;
}

div#top h1{
        float:left;
        width:200px;
        height:75px;
        background-image:url(../images/img/logo.gif);
        background-repeat:no-repeat;
        background-color:#0D468B;
        margin:5px 0 0 10px;
}

div#top h2{
        float:right;
        width:240px;
        height:53px;
        font-size:12px;
        text-align:right;
        margin:0 0 10px;
        font-weight:normal;
        color:#fff;
}

div#top h2 img{
        margin:3px 0 0 0;
}

div#top h1 span{
        display:none;
}

.topbold{
        font-weight:bold;
        font-size:13px;
        padding:0 0 0 30px;
}

.sec-highlight span{
        padding-right:0;
        }

/* print */

.box-print{
        float:right;
        height:50px;
        width:220px;
}

.box-print a{
        color:#999;
        text-decoration:none;
}

.box-print h1{
        background-image:url(../images/icons/icon-print.gif);
        background-repeat:no-repeat;
        color:#999;
        height:30px;
        font-size:12px;
        font-weight:normal;
        margin:18px 0;
        padding:5px 0;
}

.box-print h1 span{
        padding:0 0 0 30px;
}



/* <links> */

.box-course a{
        float:left;
        background-image:url(../images/buttons/package-bt-info.gif);
        background-repeat:no-repeat;
        font-size:10px;
        color:#003366;
        text-decoration:none;
        padding:0 0 0 17px;
        margin:10px 0 0 10px;
        font-weight:bold;
}

div#footer a{
        color:#666;
        text-decoration:none;
}

div#footer a:hover{
        text-decoration:underline;
}

div#highlight a{
        color:#FFF;
        text-decoration:none;
}

div#highlight a:hover{
        text-decoration:underline;
}

div#menu ul li a{
        color:#FFF;
        text-decoration:none;
}

div#menu ul li a:hover{
        color:#FFF;
        text-decoration:underline;
}

#ter-high a{
        color:#003399;
        text-decoration:none;
}

#ter-high a:hover{
        text-decoration:underline;
}

.x-paging-info{
        color:#FFF;
}

.box-credit-card{
        float:left;
        background-image:url(../images/img/image-credit-card.jpg);
        background-repeat:no-repeat;
        width:239px;
        height:40px;
        margin:0 0 10px 3px;
}

.box-credit-card span{
        display:none;
        }


div#content-contato-box-info {
        float:left;
        width:220px;
        height:250px;
        background-color:#F7F7F7;
        margin:10px 0 0 30px;
        padding-left:15px;
        border:0px solid #000000;
        font-size:12px;
        padding-top:10px;
        padding-right:0px;
}


.sizing {
        width:100px;
        height:100px;
        float:left;
        padding: 0 5px;
}