html, body{height:100%;}

body{margin:0; padding:0;}
img{border:0;}
form{display:inline; margin:0; padding:0;}

div, span, p, a, td, th, label, select, textarea, input{font-family:Trebuchet MS; font-size:9pt;}

h1, h2, h3, h4, h5, h6, p{margin-top:0; padding-top:0; color:#006692;}
h1{font-size:15pt;}
h2{font-size:14pt;}
h3{font-size:13pt;}
h4{font-size:12pt;}
h5{font-size:11pt;}
h6{font-size:10pt;}

a{color:#006692; text-decoration:none; font-weight:bold;}

.left{float:left;}
.right{float:right;}
.center{text-align:center;}

.top{vertical-align:top;}
.middle{vertical-align:middle;}
.bottom{vertical-align:bottom;}

.both{clear:both;}

#news{height:22px; background:url(../images/bar-bg.gif) repeat-x; color:#FFF; font-weight:bold; padding:6px 0 0 10px; }
#news marquee, #news div{position:absolute; top:6px; left:80px; margin:0; padding:0; }
#news div div{top:0; left:0; }
#news marquee strong, #news div strong{color:#FFFFFF; font-size: 14px; font-weight:bold;}
#news marquee strong, #news div span{color:#FFFFFF; font-size: 14px; }
#news marquee a, #news div a{text-decoration:none; color:#FFFFFF; font-weight:normal; padding:0 200px 0 0;}

#header ul{height:44px; list-style:none; margin:0; padding:0 0 0 6px; background:url(../images/menu-bg.jpg) repeat-x;}
#header ul li{float:left; height:44px; padding:0;}

#header ul li.selected{background:url(../images/menu-over-left.jpg) top left no-repeat;}
#header ul li.selected a{background:url(../images/menu-over-right.jpg) top right no-repeat; color:#006792;}
#header ul li.selected a:hover{color:#006792;}
#header ul li.selected a span{background:url(../images/menu-over-bg.jpg) repeat-x; font-size:8pt !important; font-weight:bold;}

#header ul li a{display:block; height:44px; padding:0 6px; color:#FFF; text-decoration:none; outline:none;}
#header ul li a:hover{color:#62DFFF;}
#header ul li a span{display:block; height:37px; padding:7px 6px 0 6px; font-size:8pt !important; font-weight:bold;}

#logo{ width:215px; height:63px; text-indent:-2000px; overflow:hidden; background:url(../images/logo.jpg) no-repeat; margin:0 0 0 0; float: left}

#footer{height:22px; background:url(../images/bar-bg.gif) repeat-x; padding:6px 0 0 0; color:#FFF; font-weight:bold; font-size:7.5pt; text-align:center; vertical-align: middle}
#footer span{ color:#FFF; font-weight:bold; font-size:7.5pt; margin-left: 60px}

div.popup{position:absolute; background:transparent; font-size:9px; z-index:3000;}
div.popup div.titleBar{background:url(../images/degrade.gif) repeat-x; height:20px; padding:0 4px; border:1px solid #0D3E98;}
div.popup div.titleBar span.title{padding:4px 0 0 0; display:block;}
div.popup a.close{float:right; font-weight:bold;}

span.importante{font-weight:bold; color:#0D3E98; font-size:11pt;}
span.sucess{font-weight:bold; color:#339900; font-size:11pt;}
span.error{font-weight:bold; color:#990000; font-size:11pt;}
p.destaque{font-weight:bold; color:#0D3E98; font-size:11pt;}

div.paging{clear:both; margin:0 0 15px 0;}

#content{padding:20px 10px 0 10px; width:970px;}
#logo_banner{padding:0 0 0 0; height:63px; overflow:hidden; width:675px; margin:0 0 0 10px; }
#center{padding:20px 0 0 0; width:675px;}
#right{float:right; width:277px;}

/* ===================== Banner ==================== */
#logo_banner div.banner {width: 340px;height: 63; overflow: hidden; float: right; }

/* ===================== BOX ==================== */
div.box{background:#F0F0F0 url(../images/box-bg.jpg) 0px 8px repeat-x;}
div.box div.header{height:8px; background:url(../images/box-top-left.gif) no-repeat; padding:0 0 0 8px;}
div.box div.header span{display:block; height:8px; background:url(../images/box-top-right.gif) top right no-repeat; padding:0 8px 0 0;}
div.box div.header span span{display:block; height:8px; background:url(../images/box-top.gif) repeat-x; padding:0;}

div.box div.content{background:url(../images/box-left2.gif) repeat-y;}
div.box div.content div.center{background:url(../images/box-right2.gif) top right repeat-y; min-height:135px; text-align:left; position:relative;}

div.box div.content div.center span.left{float:left; width:8px; height:135px; background:url(../images/box-left.jpg) no-repeat;}
div.box div.content div.center span.right{float:right; width:8px; height:135px; background:url(../images/box-right.jpg) no-repeat;}

div.box div.content div.center h3{display:block; font-size:10pt; margin:0; padding:0 5px 20px 5px; background:url(../images/shadow.png) 50% bottom no-repeat;}
div.box div.content div.center p{color:#666; line-height:130%; padding:0 5px 0 5px;}
div.box div.content div.center a{color:#0099CC; text-decoration:none; font-weight:bold;}

div.box div.content div.center ul li a{position:inherit;}

div.box div.footer{height:8px; background:url(../images/box-bottom-left.gif) no-repeat; padding:0 0 0 8px;}
div.box div.footer span{display:block; height:8px; background:url(../images/box-bottom-right.gif) top right no-repeat; padding:0 8px 0 0;}
div.box div.footer span span{display:block; height:8px; background:url(../images/box-bottom.gif) repeat-x; padding:0;}
/* ============================================== */


/* ================= BOX DA HOME ================ */
#box1, #box2, #box3{width:212px; float:left; margin:0 0 20px 0;}
#box1 div.content div.center, #box2 div.content div.center, #box3 div.content div.center{height:130px;}
#box1{margin:0 20px 20px 0;}
#box2{margin:0 19px 20px 0;}

#box1 div.content div.center a,
#box2 div.content div.center a,
#box3 div.content div.center a{position:absolute; right:10px; bottom:0px; color:#0099CC; text-decoration:none; font-weight:bold;}
/* ============================================== */


/* ================== BOX BANNER ================== */
div.box-banner{clear:left; width:675px; height:75px; margin-bottom: 15px;}
div.box-banner span.left{float:left; width:327px; height:75px;}
div.box-banner span.right{float:right; width:327px; height:75px; background:url(../images/bannersimulacao.png) no-repeat;}

/* ================== BOX AZUL ================== */
div.box-blue{clear:left; width:675px; background:url(../images/box-blue-bg.gif) repeat-x; height:70px;}
div.box-blue span.left{float:left; width:10px; height:70px; background:url(../images/box-blue-left.gif) no-repeat;}
div.box-blue span.right{float:right; width:10px; height:70px; background:url(../images/box-blue-right.gif) no-repeat;}
div.box-blue span.content{text-align:center; position:relative; display:block; height:70px;}

#img-solicite{position:absolute; left:12px; bottom:13px;}
#img-email{position:absolute; right:12px; bottom:13px;}
#img-ligue{position:absolute; bottom:13px; left:256px;}
/* ============================================== */


/* ================== BOX LOGIN ================= */
#box-login{background:url(../images/box-login-bg.gif) repeat-x; height:65px; position:absolute; width:277px; top:70px; left:703px;}
#box-login span.left{float:left; width:8px; height:65px; background:url(../images/box-login-left.gif) no-repeat;}
#box-login span.right{float:right; width:8px; height:65px; background:url(../images/box-login-right.gif) no-repeat;}
#box-login div.content{display:block; height:64px; padding:1px 0 0 0;}

#box-login div.content h2{ width:76px; height:63px; overflow:hidden; padding:0; margin:0 0 0 5px; float:left; border-right:1px solid #FFF;}
#box-login div.content p{display:block; float:left; padding:5px 0 0 8px; margin:0; border-left:1px solid #D3D3D3; width:168px; height:58px; font-size:8pt; line-height:250%;}
#box-login div.content p input{font-size:8pt; vertical-align:middle;}
#box-login div.content p label{display:inline-block; width:36px; font-weight:bold; margin:0 3px 0 0; text-align:right; vertical-align:middle;}
/* ============================================== */


/* ================== BOX BONECA ================ */
#doll{height:249px; width:280px; background:url(../images/doll-bg.jpg) 0 26px no-repeat; margin:0 0 20px 0;}
#doll div.bar{height:26px; background:url(../images/doll-bar-bg.jpg) repeat-x;}
#doll div.bar div.content{height:26px; background:url(../images/doll-bar-left.jpg) no-repeat;}
#doll div.bar ul{list-style:none; margin:0; padding:0; height:26px; background:url(../images/doll-bar-right.jpg) right no-repeat; text-align:center;}
#doll div.bar ul li{display:inline;}
#doll div.bar ul li a{color:#006792; text-decoration:none; display:inline-block; font-weight:bold !important; font-size:8pt !important; padding:5px 12px 0 12px !important;}
/* ============================================== */


#newsList div.item{padding:0 0 15px 0;}
#newsList div.item strong{font-size:10pt; color:#006692;}
#newsList div.item a{text-decoration:none; color:#333;}

#box-news a{position:static;}

/* ================ BOX DE BUSCA ================ */
#search{margin:0 0 15px 0;}
#search div.content div.center{min-height:30px; height:40px;}
#search div.content div.center span.left, #search div.content div.center span.right{height:40px;}
#search div.content div.center p{margin:0; padding:5px 15px 0 15px; line-height:230%;}
#search div.content div.center p label{display:inline-block; width:80px; text-align:right;}
/* ============================================== */


/* ========= INSTITUIDORES E PARCEIROS ========== */
#sponsors div.content div.center{text-align:center;}
#sponsors div.content div.center p{margin:0; padding:0;}
#sponsors div.content div.center h3{padding:0 5px 18px 5px; margin:0 0 -5px 0;}

#instituidores img{margin:0 10px 5px 10px;}
#parceiros img{margin:0 10px;}
/* ============================================== */


/* ================ MENU DIREITO ================ */
div.right-menu{margin:0 0 20px 0;}
div.right-menu div.content div.center ul{margin:0 0 0 8px; padding:0; list-style:none;}
div.right-menu div.content div.center ul li{display:block; padding:0 0 20px 0; background:url(../images/shadow.png) 50% bottom no-repeat; text-align:center;}
div.right-menu div.content div.center ul a span{font-size:10pt;}
div.right-menu div.content div.center ul ul{margin:0 0 0 10px;}
div.right-menu div.content div.center ul ul li{padding:0; background:none; text-align:left;}
div.right-menu div.content div.center ul ul a span{font-size:8pt;}
/* ============================================== */


/* ================= FORMULÁRIO ================= */
span.row{display:block; padding:0 0 10px 0;}
span.row span.pre-field, span.row label.first{display:inline-block; width:100px; text-align:right; font-weight:bold; vertical-align:top; padding:2px 5px 0 0;}
span.row span.field{display:inline-block; padding:0 5px 0 0;}
span.row span.html{display:inline-block; border:1px solid #CCC; background:#FFF; height:200px; overflow:auto; width:400px; vertical-align:text-top; padding:5px;}
span.row span.mceEditor{display:inline-block; vertical-align:text-top;}
span.controls, p.controls{display:block; padding:0 0 0 109px;}
fieldset table.grid, fieldset h4{margin: 0 0 10px 109px;}
/* ============================================== */

span.answer{display:none; color:#333;}



#gallery {
    width: 300px;
}

#gallery ul { list-style: none; }
#gallery ul li { display: inline; }
#gallery ul img {
        border: 5px solid #3e3e3e;
        border-width: 1px 1px 2px 1px;
        margin: 10px;

}

#gallery ul a:hover img {
        border: 5px solid #fff;
        border-width: 1px 1px 2px 1px;
        color: #fff;
}

#gallery ul a:hover { color: #fff; }

#gallery_video {
    width: 300px;
}

#gallery_video ul { list-style: none; }
#gallery_video ul li { display: inline; }
#gallery_video ul img {
        border: 5px solid #3e3e3e;
        border-width: 1px 1px 2px 1px;
        margin: 10px;

}

#gallery_video ul a:hover img {
        border: 5px solid #fff;
        border-width: 1px 1px 2px 1px;
        color: #fff;
}

#gallery_video ul a:hover { color: #fff; }



.listdivi {
    background:transparent none repeat scroll 0 0;
    clear:both;
    font-size:1px;
    line-height:1px;
    margin-bottom:5px;
    margin-top:5px;
    overflow:hidden;
    height:1px;
    width: 675px;
    background-color:#006692;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


#home_gallery {

    width: 675px;
    height: 250px;
    text-align: center;

}

#home_gallery a {
    text-decoration: none;
    font-weight: normal;
}

#home_gallery div.destaque_img{

    width: 325px;
    height: 245px;
    margin: 0 0 0 5px;
    float: left;


}

#home_gallery div.destaque_text{

    width: 315px;
    height: 35px;
    background: url(../images/bg_cinza.png) repeat;
    color: white;
    text-align: left;
    margin: 205px 0 0 0;
    padding: 5px 0 0 10px;


}