/* -*- coding: utf-8 -*- */
html
{
    height: 100%;
}

body
{ 
    background: #334455;
    color: #656F57;
    font-family: 'trebuchet ms', georgia, verdana, arial, sans-serif;
    padding: 0px;
    margin: 0px;
    font-size: 10pt;
}


p
{ 
    margin: 0px;
    padding: 0px 0px 16px 0px;
    line-height: 1.7em;
}

hr
{ 
    border-width: none;
}

h1
{ 
    /*font-family: arial, sans-serif;*/
    font-size: 108%;
    letter-spacing: .05em;
}


h2
{ 
    margin: 0px;
    padding: 0px 0px 4px 0px;
    font-size: 130%;
}

img
{
    border: 0px;
    margin: 5px 10px 5px 0px;
}

a
{
    color: #334455;
    outline: none;
}


/* image positioning - left, right and center */
.left
{ 
    float: left; 
    padding: 0px 8px 0px 0px;
}


.right
{ 
    float: right; 
    padding: 0px 0px 0px 8px;
}

.center
{ 
    display: block;
    text-align: center;
    margin: 0 auto;
}


/* block quote */
blockquote
{ 
    background: #f1f5f8;
    color: #556688;
    border-color: #99cc66;
    margin: 20px 0px 20px 0px; 
    padding: 10px 20px 10px 20px;
    border-left: 8px solid;
    font-size: 10pt;
    font-weight: bold;
    text-align: left;
}


/* unordered list */
ul
{ 
    list-style-image: url('seta.gif');
    margin: 8px 0px 0px 16px;
    padding: 0px;
}

ul li
{ 
    list-style-type: square;
    margin: 0px 0px 11px 0px; 
    padding: 0px;
}


/* ordered list */
ol
{ 
    margin: 8px 0px 0px 24px;
    padding: 0px;
}

ol li
{ 
    margin: 0px 0px 11px 0px; 
    padding: 0px;
}


/* margin lefts / margin rights - to centre content */
.main, .footer, .logo, .menu, .content
{ 
    margin-left: auto; 
    margin-right: auto;
}


/* start - table */
table 
{
    border-collapse: collapse;

}

th strong 
{
    color: #fff;
}

th 
{
    height: 29px;
    padding-left: 12px;
    padding-right: 12px;
    text-align: left;

}

tr 
{
    height: 30px;
}

td 
{
    padding-left: 11px;
    padding-right: 11px;
    border-top: 1px solid #334455;
    border-right: 1px solid #334455;
    border-left: 1px solid #334455;
    border-bottom: 1px solid #334455;
}

td.first, th.first 
{
    border-left: 0px;
}

tr.row-a 
{
    background: #F8F8F8;
}

tr.row-b 
{
    background: #EFEFEF;
}


#top_page_table
{
    border: none;
}
/* ------------- MAIN ------------- */

.main
{
    background: url('main.jpg') repeat-y;
    color: #656F57;
    width: 792px;
}




/* ------------- LOGO ------------- */
.logo
{ 
    width: 766px;
    height: 160px;
    background: #334455 url('logo.jpg') no-repeat;
    /*
       color: #656F57;
       border-top-color: #656F57;
       border-bottom-color: #8AAF55;
    */
}


/* ------------- MENU ------------- */

.menu
{    
    background: #334455 url('main_tab.jpg') repeat-y;
    clear: both;
    padding: 0;
    width: 100%;
    height: 20px;
    line-height: 21px;   
}

.menu ul
{
    font: bold 11pt 'trebuchet ms', georgia, verdana, arial, sans-serif;
    margin:0;
    margin-left: 30px;
    padding:0;
    list-style: none;
}

.menu li
{    
    display:inline;
    margin:0 2px 0 0;
    padding:0;
}

.menu a
{
    float:left;
    color: #556688;
    background: #344682 url(left.gif) no-repeat left top;
    margin: 0px 12px 0px 0px;
    padding: 0px 0px 0px 7px;
    text-decoration:none;
}

.menu a span
{
    float:left;
    display:block;
    background: transparent url(right.gif) no-repeat right top;
    padding:0px 9px 0px 6px;
}

.menu a span
{
    float:none;
}

.menu a:hover
{
    background-color: #3562a6;
}

.menu a:hover span
{
    background-color: #3562a6;
}

.menu #current a, #menu #current span
{ 
    background: transparent url(left_on.gif) no-repeat left top;
}

.menu #current a span
{
    color: #ffffff;
    background: transparent url(right_on.gif) no-repeat right top;
}    
    


    
/* ------------- SUBMENU ------------- */

.submenu
{ 
    background: #334455 url('barra_escura.jpg') bottom no-repeat;
    height: 30px;
    width: 766px;
    margin-top: 0px;
    margin-left: 13px;
    display: none;
}

.submenu ul
{
    margin-top: 0px;
    margin-left: 50px;
}

.submenu li
{ 
    float: left; 
    margin: 0px 5px 0px 0px;
    padding: 0px;
    list-style: none;
}

.submenu li a 
{ 
    color: #FFFFFF;
    display: block; 
    float: left; 
    text-decoration: none; 
    font-size: 10pt;
    font-weight: bold;
    padding: 6px 19px 2px 19px;
} 

.submenu li a#selected, .submenu li a#selected:hover
{ 
    color: #dde5ee;
} 


/* ------------- CONTENT ------------- */

.content
{ 
    background: #DDE5EE url('main_top.jpg') top left no-repeat;
    width: 766px;
    overflow: hidden;
    margin-top: 0px;
    padding: 10px 0 0 0;
} 

.content a
{
    font-weight: bold;
}
.content a:hover
{
    font-weight: bold;
}







/* ------------- SIDEBAR ------------- */

.sidebar
{ 
    width: 188px;
    margin-top: 0px;
    float: right;
    padding: 19px 19px 15px 19px;
}

.sidebaritem 
{ 
    padding-right: 15px;
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 25px;
} 



/* ------------- MAIN CONTENT ------------- */

.maincontent
{ 
    color: #334455;
    border-color: #334455;
    font-family: 'trebuchet ms', georgia, verdana, arial, sans-serif;
    text-align: justify;
    width: 510px;
    margin-top: 12px;
    float: left;
    padding: 2px 3px 15px 19px;
}

.maincontent h1
{ 
    color: #99cc66;
    font-family: 'trebuchet ms', georgia, verdana, arial, sans-serif;
    padding: 16px 0px 5px 0px; 
    margin-top: -20px;
    font-size: 18pt;
    font-weight: bold;
}

.maincontent a, .maincontent a:hover
{
  font-weight: bold;
}

.maincontent ul
{ 
    margin: 8px 0px 0px 30px;
}


/* ------------- FOOTER ------------- */
.footer
{ 
    background: #334455 url('main_bottom.jpg') top no-repeat;
    color: #FFFFFF;
    width: 750px;
    height: 24px;
    font-size: 88%;
    padding: 30px 21px 10px 19px;
    text-align: center; 
}




/* ------------- ROUNDED CORNER BOX ------------- */

/* set the image to use and establish the lower-right position */ 
.roundedcornerbox, .roundedcornerbox_body, .roundedcornerbox_head, .roundedcornerbox_head h2
{
    background: transparent url('caixa.gif') no-repeat bottom right; 
}
 
.roundedcornerbox { 
    width: 153px;
    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
    /* margin: 20px auto; */ /* use to position the box */ 
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 25px;
} 

/* set the top-right image */ 
.roundedcornerbox_head { 
    background-position: top right; margin-right: -15px; /* pull the right image over on top of border */
    padding-right: 40px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-left image */ 
.roundedcornerbox_head h2 { 
    color: #ffffff;
    background-position: top left; 
    margin: 0; /* reset main site styles*/ 
    border: 0; /* ditto */ 
    /* padding: 25px 0 15px 40px; */ /* padding-left = image gap + interior padding ... no padding-right */ 
    /*padding: 0px 0px 0px 25px;*/
    padding-left: 40px;
    height: auto !important; height: 1%; /* IE Holly Hack */ 
                         
    text-align: center;
                            position:relative;
           line-height: 22px;
                   
} 

.roundedcornerbox_head h2 span
{ 
  width: 168px;
  position: absolute;
  top: 0px;
  left: 0px;
             line-height: 25px;
font-size: 80%;
} 

/* set the lower-left corner image */ 
.roundedcornerbox_body { 
    background-position: bottom left; 
    /* margin-right: 25px; */ /* interior-padding right */ 
    margin-right: 0px;
    /* padding: 15px 0 15px 40px; */ /* mirror .cssbox_head right/left */ 
    padding: 8px 0px 8px 20px;
    font-size: 8pt;
}

.roundedcornerbox_body h1
{
    color: #334455;
    text-align: center;
}

.roundedcornerbox_body a, .roundedcornerbox_body a:hover
{ 
    font-weight: normal;
    text-decoration: none;
}

.roundedcornerbox_body a
{
    color: #334455;
}

.roundedcornerbox_body a:hover
{
    color: #99cc66;
}

.roundedcornerbox_body ul
{ 
    list-style-image: url('seta.gif');
    text-decoration: none;
}


.roundedcornerbox_body input
{ 
    width: 100%;
}



/* ------------- FORM ------------- */


form 
{
    margin-top: 0px;
}

.formblock
{ 
    margin: 20px 0px 20px 0px; 
    padding: 10px 10px 10px 20px;
    text-align: left;
    background-color: #f1f5f8;
}


label 
{
    display:block;
    font-weight:bold;
    margin:5px 0;
}

.formblock h1 
{
    display:block;
    font-weight:bold;
    margin:5px 0;
}

textarea
{ 
    width: 460px;
    height: 100px;
    font-family: verdana, arial, sans-serif;
    font-size: 100%;
    border: 2px solid #DDE5EE;
    margin: 2px;
    padding: 3px 3px 3px 3px;
}

input
{ 
    border: 2px solid #DDE5EE;
}


select
{ 
    border: 2px solid #DDE5EE;
}

.button
{ 
    /*

    background-color: #99cc66;
    font-family: 'trebuchet ms', georgia, verdana, arial, sans-serif;
  
    
    
    */

    color: #FFFFFF;
    background-color: #99cc66;
    border: 3px solid #99cc66;
    text-transform: uppercase;
    margin: 10px 0px 10px 0px;
}

.button:hover 
{ 
    background-color: #f1f5f8;
    color: #99cc66;
}


#id_exam
{ 
    width: 100%;
}

.input_search
{ 
    width: 100%;
    margin: 10px 0px 10px 0px;
}

/* ------------- MENSAGEM ERRO ------------- */


.errorlist
{    
    margin: 2px 14px 2px 0px !important;
    padding: 0 !important;
    /*
       margin: 5px 14px 0px 14px;
       padding: 4px 0px 4px 21px;
    */
    border: 2px solid;
    border-color: #FFFF00;
    background: #FF0000 url('msg_erro_gimp.gif') left no-repeat;
    font-family: 'trebuchet ms', georgia, verdana, arial, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    color: #FFFF00;
    text-align: center;
}

.errorlist li 
{ 
    /*font-size: 15px !important; */
    display: block; 
    padding: 2px 4px 2px 25px; 
    margin: 0 0 3px 0; 
    /*border: 1px solid red; */
    color: white; 
    /*background: red url('msg_erro.gif') no-repeat; */
}

td ul.errorlist 
{ 
    margin: 0 !important;
    padding: 0 !important; 
}

td ul.errorlist li 
{
    margin: 0 !important;
}




/* ------------- MENSAGEM SUCESSO ------------- */


.successlist
{
    margin: 2px 14px 20px 0px;
    padding: 0 !important;
    border: 2px solid;
    border-color:  #ffffff;
    background: #99cc66 url('msg_sucesso_gimp.gif') left no-repeat;
    font-family: 'trebuchet ms', georgia, verdana, arial, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    color:  #ffffff;
    text-align: center;
}

.successlist li 
{ 
    display: block; 
    padding: 2px 4px 2px 25px; 
    margin: 0 0 3px 0; 
    color: white; 
}

td ul.successlist 
{ 
    margin: 0 !important;
    padding: 0 !important; 
}

td ul.successlist li 
{
    margin: 0 !important;
}




/* ------------- PAGINADOR ------------- */


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.pagination
{
    padding: 2px;
}

.pagination ul
{
    margin: 0;
    padding: 0;
    text-align: left; /*Set to "right" to right align pagination interface*/
    /*font-size: 16px;*/
}

.pagination li
{
    list-style-type: none;
    display: inline;
    padding-bottom: 1px;
}

.pagination a, .pagination a:visited
{
    padding: 0 5px;
    border: 3px solid #99cc66; /*#9aafe5;*/
    text-decoration: none; 
    color: #FFFFFF; /*color: #2e6ab1;*/
    background-color:  #99cc66;
}

.pagination a:hover, .pagination a:active
{
    /*border: 1px solid #99cc66; #2b66a5;*/
    color: #000;
    background-color: #f1f5f8;/*#FFFF80;*/
}

.pagination a.currentpage
{
    background-color: #f1f5f8;
    color: #99cc66 !important;
    border-color: #99cc66;
    font-weight: bold;
    cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover
{
    background-color: #f1f5f8;
    cursor: default;
    color: #99cc66;
    border-color: #99cc66;
    font-weight: normal !important;
}

.pagination a.prevnext
{
    font-weight: bold;
}




/* ------------- PAGE TITLE ------------- */

.page_title
{
    font-weight: bold;
    font-size: 14;
    height: 75px;
    margin: 10px 0px 20px -5px;  
    /*width: 75px;*/
    /*margin: 10px 0px 20px -5px;*/
    /*margin: 10px 0px 20px -5px;*/
    
}

.page_title h1
{
    padding-left: 100px;
    /*padding-top: 10px;*/
}

#icn_rime
{
    background: transparent url('icn_rime.gif') left no-repeat; 
}

#icn_convencao
{
    background: transparent url('icn_convencao.gif') left no-repeat; 
}

#icn_exame
{
    background: transparent url('icn_exame.gif') left no-repeat; 
}

#icn_marcacao
{
    background: transparent url('icn_marcacao.gif') left no-repeat; 
}

#icn_noticia
{
    background: transparent url('icn_noticia.gif') left no-repeat; 
}


#img_marcacao
{
    border: 0px;
    margin: 0px 0px 0px 0px;
  width: 168px;
}


/* ------------- BREADCRUMBS ------------- */

.breadcrumbs
{
    padding: 2px;
}

.breadcrumbs ul
{
    margin: 0;
    padding: 0;
    text-align: left; /*Set to "right" to right align pagination interface*/
    /*font-size: 16px;*/
}

.breadcrumbs li
{
    display: inline;
    padding-bottom: 1px;
}



/*
.blocklist
{
    padding: 2px;
}
*/
.blocklist
{    
    margin: 2px 14px 2px 0px !important;
    padding: 0 !important;
    /*
       margin: 5px 14px 0px 14px;
       padding: 4px 0px 4px 21px;
    */
    background-color: #f1f5f8;
    font-size: 10pt;
    font-weight: bold;
    color: #FFFF00;
    text-align: center;
}

.blocklist ul
{
    margin: 0;
    padding: 0;
    text-align: left; /*Set to "right" to right align pagination interface*/
    /*font-size: 16px;*/
}

.blocklist li
{
    list-style-type: none;
    display: inline;
    margin: 10px;
    line-height: 2em;

}

#exam-image
{ 
  display: block;
  margin-left: auto;
  margin-right: auto;
  }

.print-link{
             text-align: center;
}