@import url(table.css);


html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote{margin:0;padding:0;}


  body {
    background-color: #FFFFFF;
    color: #000000;
    font-family: Arial;
    font-size: 12px;
    border:0;
    margin:0;
  }



fieldset,img{
    border:0;
}

li{
    list-style:none;
}



h1{
    font-family: Arial;
    font-size: 14px;
}
h2{
    font-family: Arial;
    font-size: 20px;
}

textarea {
    border:1px solid #7F9DB9;
}

input{
    border:solid 1px #7F9DB9;
}

input.button{
    padding:0 10px 0 10px;
}


a
{
    /*text-decoration:none;*/
    font-family: Arial;
    font-size: 12px;
}


.box_index span a:link{text-decoration:none; color:red;}
.box_index span a:visited{text-decoration:none;}
.box_index span a:hover{text-decoration:none;}
.box_index span a:active{text-decoration:none;}



.error
{
    color:#f00;
}

.box_error
{
    color:#f00;
    background-color:#fffdc7;
    border:dashed 1px red;
    padding:5px;
}

.box_success
{
    color:#000000;
    background-color:#F0FFF0;
    border:dashed 1px #00FF00;
    padding:5px;
}

.box_explorer
{
    background-color:#f5f5f5;
    color:#000000;
    border:dashed 1px #ededed;
    padding:5px 0 5px 0;
}

#footer
{
    text-align:center;
    padding-top:10px;
    font-family: Arial;
    font-size: 13px;
}

#header .header_main
{
    position:relative;
    background:url('images/header_background.png') repeat-x;
    border:solid #a8b2bb;
    border-width:0 1px;
    height:120px;
    font-family: Arial;
    font-size: 13px;
    text-align:left;
}

#header .header_main_colaborador
{
    position:relative;
    background:url('images/header_background_colaborador.png') repeat-x;
    border:solid #a8b2bb;
    border-width:0 1px;
    height:120px;
    font-family: Arial;
    font-size: 13px;
    text-align:left;
}

#header .header_main_administrador
{
    position:relative;
    background:url('images/header_background_administrador.png') repeat-x;
    border:solid #a8b2bb;
    border-width:0 1px;
    height:120px;
    font-family: Arial;
    font-size: 13px;
    text-align:left;
}

#header .header_logo_sabesp
{
    position:absolute;
    width:240px;
    height:120px;
    background:url('../images/logo/logo_sabesp.png') no-repeat;
    top:0px;
    text-align:left;
    left:10px;

    /*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/logo/logo.png', sizingMethod='scale');*/
    /*background:url('../images/logo/logo_imagem.png') no-repeat;*/
}


#header .header_logo_amigos
{
    position:absolute;
    width:120px;
    height:120px;
    background:url('../images/logo/logo_amigos.png') no-repeat;
    top:0px;
    text-align:left;
    left:130px;
    
    /*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/logo/logo.png', sizingMethod='scale');*/
    /*background:url('../images/logo/logo_imagem.png') no-repeat;*/
}


#header .header_kartsabesp_amigos
{
    position:absolute;
    width:480px;
    height:120px;
    background:url('../images/logo/titulo_kartsabesp_amigos.png') no-repeat;
    left:240px;
    top:0px;
    /*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/logo/logo.png', sizingMethod='scale');*/
    /*background:url('../images/logo/logo_imagem.png') no-repeat;*/
}

#header .header_kartsabesp_sabesp
{
    position:absolute;
    width:480px;
    height:120px;
    background:url('../images/logo/titulo_kartsabesp_sabesp.png') no-repeat;
    left:240px;
    top:0px;
    /*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/logo/logo.png', sizingMethod='scale');*/
    /*background:url('../images/logo/logo_imagem.png') no-repeat;*/
}


#header .header_kartsabesp_enduro
{
    position:absolute;
    width:480px;
    height:120px;
    background:url('../images/logo/titulo_kartsabesp_enduro.png') no-repeat;
    left:240px;
    top:0px;
    /*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/logo/logo.png', sizingMethod='scale');*/
    /*background:url('../images/logo/logo_imagem.png') no-repeat;*/
}


#header .header_title
{
    position:absolute;
    width:230px;
    height:50px;
    left:330px;
    top:15px;
    /*background:url('../images/logo/logo_texto.png') no-repeat;*/
}

#header .header_login
{
    float:right;
    margin-right:5px;
    color:#fff;
    /*font-size:100%;*/
}


#header .header_login a
{
    color:#fff;
    text-decoration:underline;
}

/* Menu Horizontal */

#header .header_menu
{
    position:relative;
    background:url(images/menu_background.png) center repeat-x;
    border:solid #a8b2bb;
    border-width:0 1px;
    height:36px;
    font-family: Arial;
    font-size: 12px;
}

#header ul.nav li.admin
{
    background:url(images/menu_background_admin.png) center repeat-x;
    text-decoration:none;
    color:#b7555a;
}

#header ul.nav li.admin a
{
    text-decoration:none;
    color:#b7555a;
}

#header ul.nav li.admin a:hover
{
    background:url(images/menu_hover_admin.png) center repeat-x;
    text-decoration:none;
    color:#b7555a;
}





#header ul.nav li.colaborador
{
    background:url(images/menu_background_colaborador.png) center repeat-x;
    text-decoration:none;
    color:#b7555a;
}

#header ul.nav li.colaborador a
{
    text-decoration:none;
    /*color:#b7555a;*/
}

#header ul.nav li.colaborador a:hover
{
    background:url(images/menu_hover_colaborador.png) center repeat-x;
    text-decoration:none;
    /*color:#b7555a;*/
}





#header ul.nav li.usuario
{
    background:url(images/menu_background_usuario.png) center repeat-x;
    text-decoration:none;
    color:#b7555a;
}

#header ul.nav li.usuario a
{
    text-decoration:none;
    /*color:#b7555a;*/
}

#header ul.nav li.usuario a:hover
{
    background:url(images/menu_hover_usuario.png) center repeat-x;
    text-decoration:none;
    /*color:#b7555a;*/
}




#header .header_menu a{text-decoration:none; font-family: Arial; font-size: 12px;}
#header .header_menu a:link{ text-decoration:none; color:#537A98;}
#header .header_menu a:visited{ text-decoration:none; color:#537A98;}
#header .header_menu a:hover{ text-decoration:none; color:#139af7;}
#header .header_menu a:active{ text-decoration:none; color:#537A98;}


#header ul.nav
{
    font-family: Arial;
    font-size: 13px;
}

#header ul.nav li
{
    float:left;
    line-height:36px;
    border-right:1px solid #a8b2bb;
}

#header ul.nav li a
{
    display:block;
    padding:0 20px 0 20px;
    /*font-size:100%;*/
    font-weight:bold;
    color:#537a98;
    background:none;
}

#header ul.nav li a:hover
{
    background:url(images/menu_hover.png) center repeat-x;
    text-decoration:none;
    color:#fff;
}

#header ul.nav li.selected
{
    background:url(images/menu_selected.png) center repeat-x;
    text-decoration:none;
    color:#fff;
}

#header ul.nav li.selected a:visited
{
    /*background:url(images/menu_selected.png) center repeat-x;*/
    text-decoration:none;
    color:#fff;
}

.centercontent{
    width:100%;
    min-width:390px;
    font-family: Arial;
    font-size: 13px;
}

/*
.centercontent .bd {
    background-color: #FFFFFF;
    color: #000000;
    font-family: Arial;
    font-size: 12px;

}
.centercontent .tbl {
    color: #000000;
    font-family: Arial;
    font-size: 12px;
    width:100%;
}
.centercontent a:link {
    color: #000000;
    font-family: Arial;
    font-size: 12px;
}
.centercontent a:active {
    color: #000000;
    font-family: Arial;
    font-size: 12px;
}
.centercontent a:visited {
    color: #000000;
    font-family: Arial;
    font-size: 12px;
}
.centercontent .hr {
    background-color: #EEEEEE;
    color: #000000;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    width:20%;
}

.centercontent .hr1 {
    background-color: #EEEEEE;
    color: #000000;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    width:1%;
}

.centercontent a.hr:link {
    color: #000000;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
}
.centercontent a.hr:active {
    color: #000000;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
}
.centercontent a.hr:visited {
    color: #000000;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
}
.centercontent .dr {
    background-color: #F0FFF0;
    color: #000000;
    font-family: Arial;
    font-size: 12px;
}
.centercontent .sr {
    background-color: #FFFFF0;
    color: #000000;
    font-family: Arial;
    font-size: 12px;
}
*/






.centercontent .branco {
    background-color: #FFFFFF;
    color: #FFFFFF;
    font-family: Arial;
    font-size: 1px;
    line-height:1px;
}

.centercontent .td_erro {
    color:#f00;
    background-color:#FFFFF0;
    border:dashed 1px red;
    font-family: Arial;
    font-size: 12px;
}
.centercontent .td_sucesso {
    color:#000000;
    background-color:#F0FFF0;
    border:dashed 1px #00FF00;
    font-family: Arial;
    font-size: 12px;
}

.centercontent .hr_erro {
    color:#f00;
    background-color:#FFFFF0;
    border:dashed 1px red;
    border-right:0;
    font-family: Arial;
    font-size: 12px;
}
.centercontent .dr_erro {
    color:#f00;
    background-color:#FFFFF0;
    border:dashed 1px red;
    border-left:0;
    font-family: Arial;
    font-size: 12px;
}
.centercontent .hr_sucesso {
    color:#000000;
    background-color:#F0FFF0;
    border:dashed 1px #00FF00;
    border-right:0;
    font-family: Arial;
    font-size: 12px;
}
.centercontent .dr_sucesso {
    color:#000000;
    background-color:#F0FFF0;
    border:dashed 1px #00FF00;
    border-left:0;
    font-family: Arial;
    font-size: 12px;
}





.small_box
{
    margin:0 0 0 0px;
    width:160px;
    font-family: Arial;
    font-size: 13px;
}

.space_horizontal
{
    margin:0 0 0 0px;
    height:15px;
    line-height:15px;
    font-size:13px;
}

.space_vertical
{
    margin:0 0 0 0px;
    width:10px;
}

.small_box .top
{
    background:url(images/box_header.png);
    height:25px;
    line-height:25px;
    font-family: Arial;
    font-size: 13px;
}

.small_box .top_laranja
{
    background:url(images/box_header_laranja.png);
    height:25px;
    line-height:25px;
    font-family: Arial;
    font-size: 13px;
}

.small_box .top_vermelho
{
    background:url(images/box_header_vermelho.png);
    height:25px;
    line-height:25px;
    font-family: Arial;
    font-size: 13px;
}




.small_box .topcinza
{
    background:url(images/box_header_cinza.png);
    height:25px;
    line-height:25px;
    color:gray;
    text-align:center;
    font-weight:bold;
}


.small_box .top h4
{
    color:#fff;
    /*font-size:100%;*/
    font-weight:bold;
    text-align:center;
    font-family: Arial;
    font-size: 13px;
}
.small_box .top_laranja h4
{
    color:#fff;
    /*font-size:100%;*/
    font-weight:bold;
    text-align:center;
    font-family: Arial;
    font-size: 13px;
}
.small_box .top_vermelho h4
{
    color:#fff;
    /*font-size:100%;*/
    font-weight:bold;
    text-align:center;
    font-family: Arial;
    font-size: 13px;
}


.small_box .topcinza h4
{
    color:gray;
    /*font-size:100%;*/
    font-weight:bold;
    text-align:center;
    font-family: Arial;
    font-size: 13px;
}


.small_box .middle
{
    background:#fff;
    border:solid #a8b2bb;
    border-width:0 1px;
    /*padding:1px 10px;*/
}

.small_box .middle
{
    padding:5px;
}

.small_box.menu .middle
{
    padding:0;
}

.small_box .bottom
{
    clear:both;
    background:url(images/box_bottom.png) bottom no-repeat;
    height:14px;
}
.small_box .bottom_white
{
    clear:both;
    background:url(images/box_bottom_white.png) bottom no-repeat;
    height:14px;
}
.small_box .bottom_orange
{
    clear:both;
    background:url(images/box_bottom_orange.png) bottom no-repeat;
    height:14px;
}

.small_box .bottom_reto
{
    clear:both;
    background:url(images/box_bottom_reto.png) bottom no-repeat;
    height:4px;
}


/*  Aqui começa as caixas   */

/* Menu lateral */

.small_box.menu .middle li a
{
    display:block;
    background:#f9f9f9 url(images/menu_background.png) center repeat-x;
    border-bottom:1px solid #a8b2bb;
    color:#537a98;
    font-weight:bold;
    font-family: Arial;
    font-size: 10px;
    padding:0 5px;
    height:24px;
    line-height:24px;
}

.small_box.menu .middle li a.selected
{
    background:#888888 url(images/menu_selected.png) center repeat-x;
    color:#fff;
    text-decoration:none;

}

.small_box.menu .middle li li a
{
    padding-left:15px;
    text-decoration:none;
}

.small_box.menu .middle li a:hover
{
    background:#B7C3CE url(images/menu_hover.png) center repeat-x;
    text-decoration:none;
    color:#fff;
}





.small_box.menu .middle li.admin a
{
    display:block;
    background:#f9f9f9 url(images/menu_background_admin.png) center repeat-x;
    border-bottom:1px solid #a8b2bb;
    color:#fff;
    font-weight:bold;
    font-family: Arial;
    font-size: 10px;
    padding:0 5px;
    height:24px;
    line-height:24px;
}

.small_box.menu .middle li.admin a.selected
{
    background:#888888 url(images/menu_selected_admin.png) center repeat-x;
    color:#fff;
    text-decoration:none;

}

.small_box.menu .middle li.admin li a
{
    padding-left:15px;
    text-decoration:none;
}

.small_box.menu .middle li.admin a:hover
{
    background:#B7C3CE url(images/menu_hover_admin.png) center repeat-x;
    text-decoration:none;
    color:#fff;
}












.small_box.menu .middle li a:link{ text-decoration:none;}
.small_box.menu .middle li a:visited{ text-decoration:none;}
.small_box.menu .middle li a:active{ text-decoration:none;}



.small_box.menu .middle td
{
    border-bottom:1px solid #a8b2bb;
    padding:5px;
    font-size:77%;
    line-height:normal;
}

.small_box.menu .middle td a
{
    font-weight:bold;
}

.small_box.menu .bottom
{
    /*background-image:url(images/box_bottom_active.png) !important;*/
}




.small_box.menu .middle li a.admin

{
    display:block;
    background:#f9f9f9 url(images/menu_admin_background.png) center repeat-x;
    border-bottom:1px solid #a8b2bb;
    color:#537a98;
    font-weight:bold;
    font-size:77%;
    padding:0 5px;
    height:24px;
    line-height:24px;
}

.small_box.menu .middle li a.adminselected
{
    background:#888888 url(images/menu_admin_selected.png) center repeat-x;
    color:#fff;
}

.small_box.menu .middle li a.admin:hover, a.adminselected:hover
{
    background:#B7C3CE url(images/menu_admin_hover.png) center repeat-x;
    text-decoration:none;
    color:#fff;
}


.small_box.menu .middle li a.adminselected:hover
{
    background:#B7C3CE url(images/menu_admin_hover.png) center repeat-x;
    text-decoration:none;
    color:#fff;
}

.box_big{
    width:100%;
    border:solid 1px #CCCCCC;
}


.box_big h2{
    color:#537A98;
}


.box_big .middle
{
    width:100%;
    padding:0 10px 0 10px;
}

.box_big .middle blockquote,
.box_big .middle ul,
.box_big .middle ol,
.box_big .middle dl{margin:1em;}
.box_big .middle ol,
.box_big .middle ul,
.box_big .middle dl{margin-left:2em;}
.box_big .middle ol li{list-style:decimal outside;}
.box_big .middle ul li{list-style:disc outside;}
.box_big .middle dl dd{margin-left:1em;}
.box_big .middle th{font-weight:bold;}



/* média */

.box_medium{
    float:left;
}

.box_medium h2{
    color:#537A98;
    /*font-size:138.5%;*/
}

.box_medium .top
{
    background:url('images/box_medium_top.png') no-repeat;
    height:12px;
    width:295px;
    line-height:1px;
    font-size:1px;
}


.box_medium .middleborda
{
    width:295px;
    background-color:silver;
}


.box_medium .middle
{
    width:293px;
    height:130px;
    margin:0 1px 0 1px;
    background-color:white;
}

.box_medium .middletext
{
    padding:0 10px;
}


.box_medium .middle blockquote,
.box_medium .middle ul,
.box_medium .middle ol,
.box_medium .middle dl{margin:1em;}
.box_medium .middle ol,
.box_medium .middle ul,
.box_medium .middle dl{margin-left:2em;}
.box_medium .middle ol li{list-style:decimal outside;}
.box_medium .middle ul li{list-style:disc outside;}
.box_medium .middle dl dd{margin-left:1em;}
.box_medium .middle th{font-weight:bold;}

.box_medium .bottom
{
    background:url(images/box_medium_bottom.png) no-repeat;
    height:14px;
    width:295px;
    line-height:1px;
    font-size:1px;
}

.pagination {
	padding: 3px;
	margin: 3px;
	text-align:center;
}

.pagination a {
	border: 1px solid #a8b2bb;
	margin-right:3px;
	padding:2px 6px;

	background-position:bottom;
	background-color:#ffffff;
	text-decoration: none;

	color: #537a98 !important;
}
.pagination a:hover, .pagination a:active {
	border: 1px solid #a8b2bb;
	background-image:none;
	background-color:#139af7;
	color: #fff !important;
}
.pagination span.current {
	margin-right:3px;
	padding:2px 6px;

	font-weight: bold;
	color: #333333;
}
.pagination span.disabled {
	margin-right:3px;
	padding:2px 6px;

	color: #999999;
}