﻿body, html{ overflow: hidden; }
body{    margin-left: 0px;    margin-top: 0px;    margin-right: 0px;    margin-bottom: 0px;    font-family: Arial, Helvetica, sans-serif;    font-size: 12px;}
#Nav{    width: 125px;    position: absolute;    left: 0;    top: 0;    height: 100%;    background-image: url(imagens/canto.png);    background-repeat: no-repeat;    background-position: bottom right;    z-index: 2;}
#bgNav { background-image: url(imagens/corNav.png); width: 87px; height: 100%; }




/*---------------------------------------------------*/
#Principal{    width: 62px;    margin: 0 auto;    padding-top: 30px;}
#Principal a{    width: 62px;    height: 63px;    margin-bottom: 10px;}

#Principal a#home{    background-image: url(imagens/botao_out.png);    display: block;}
#Principal a#home:hover{    background-image: url(imagens/botao_over.png);}

#icones{    width: 62px;    margin: 0 auto;    padding-top: 50px;}
#icones a{    width: 62px;    height: 63px;    margin-bottom: 10px;}

#icones a#inscricao{    background-image: url(imagens/inscricao_out.png);    display: block;}
#icones a#inscricao:hover{    background-image: url(imagens/inscricao_over.png);}

#icones a#mutuario{    background-image: url(imagens/Mutuario_out.png);    display: block;}
#icones a#mutuario:hover{    background-image: url(imagens/Mutuario_over.png);}
#icones a#veiculo{    background-image: url(imagens/veiculo_out.png);    display: block;}
#icones a#veiculo:hover{    background-image: url(imagens/veiculo_over.png);}

#icones a#senha{    background-image: url(imagens/Mutuario_out.png);    display: block;}
#icones a#senha:hover{    background-image: url(imagens/Mutuario_over.png);}
#icones a#sair{    background-image: url(imagens/veiculo_out.png);    display: block;}
#icones a#sair:hover{    background-image: url(imagens/veiculo_over.png);}

/*---------------------------------------------------*/

#Footer{    width: 100%;    position: absolute;    bottom: 0;    left: 0;    z-index: 1;}
#bgFooter{    width: 100%;    background-color: #beb7b7;    height: 50px;}

#Conteudo{    width: 100%;    height: 100%;    overflow: scroll;    background-image: url(imagens/bgtrans.png);    background-repeat: repeat;    position: absolute;    z-index: -1;}
#texto{    padding-left: 145px;    padding-top: 60px;    padding-bottom: 50px;}

#clock{    padding: 3px 6px;    background-color: #000;    position: absolute;    right: 60px;    top: 0;    z-index: 3;    color: #FFF;    font-size: 18px;}

/*--------------------------------------------------------------*/
#NavOpen{    height: 100%;    width: 289px;    display: block;    background-image: url(imagens/Fundomenu.png);    background-position: right;    background-repeat: repeat-y;    position: absolute;    top: 0;    left: 0;    z-index: 0;}
#NavOpen #NavOpenConteudo{    width: 190px;    height: 100%;    background-image: url(imagens/efeitoNavOpen.png);    background-repeat: no-repeat;    background-position: right bottom;    margin-left: 87px;}
#NavOpen #NavOpenConteudo h3{    margin-left: 25px;    padding-top: 30px;    font-size: 36px;    color: #000;}
#NavOpen #NavOpenConteudo ul{    margin-left: 40px;    padding-top: 10px;}
#NavOpen #NavOpenConteudo ul li{    list-style: none;    font-size: 14px;    line-height: 25px;}
#NavOpen #NavOpenConteudo ul li a{    text-decoration: none;    color: #1f1b1b;}
#NavOpen #NavOpenConteudo ul li a:hover{    color: #cb9d30;}


/*--------------------------------------------------------------*/
ul, li { list-style:none} 
ul, li, h3{    margin: 0;    padding: 0;}
h1, h2, h3, h4, h5, span{    font-family: 'Ubuntu' , serif;}
h2{    font-size: 36px;    color: #30becb;}

.regular{    font-style: normal;    font-weight: 400;}
.italic{    font-style: italic;    font-weight: 400;}
.bold{    font-style: normal;    font-weight: 700;}
.bold_italic{    font-style: italic;    font-weight: 700;}

.light_italic{}
.medium{}
.medium_italic{}

.full { width:100% }

.branco { color: #FFF }
.preto { color: #000 }
.azul { color: #30becb }
.rosa { color: #ec2c46 }

/*
  letter-spacing: 0em;
  word-spacing: 0em;
  line-height: 1.2;
*/


    
    
/*-------------------------Miolo Desenvolvimento----------------------------------------------------------------------------------*/

#Conteudo #texto { padding-right: 20px;}
#Conteudo #texto h2 {}
#Conteudo #texto h4 { font-size: 14px; padding-bottom: 6px; border-bottom: 2px solid #454545; color:#454545; display:block }
#Conteudo #texto a { text-decoration:none; color:#db9e1c}
#Conteudo #texto a:hover { color:#0063DC}
#Conteudo #texto p { line-height:120%;}
#Conteudo #texto ul {}
#Conteudo #texto ul li { background-color:#FFF; }
#Conteudo #texto ul li:hover { background-color:#F0F0F0; }
#Conteudo #texto ul li a { display: block; color:#0063DC; padding: 5px; font-size: 13px;}
#Conteudo #texto ul li a:hover { color:#000; font-weight: bold  }

#Conteudo #texto .space { height:30px; }

#Conteudo #texto table { margin: 0 0; border-collapse: collapse;  }
#Conteudo #texto table td { vertical-align:top }
#Conteudo #texto table td, #Conteudo #texto table th { padding: .4em;}

#Conteudo #texto form {}
#Conteudo #texto form label { font-weight: bold; display:block; width:100%; margin-bottom:6px;}
#Conteudo #texto form input[type="text"], select { border: 1px solid #ccc; padding: 4px; color:#0054BD; font-size:11px;}
/*#Conteudo #texto form input[type="submit"] { background-color:#000;    color:#30becb;    padding:4px;    text-transform:lowercase;    border: inherit;    font-size:11px;}*/

/*--------------------------------------------------------------------------------------------------------------------------------*/
.bnt { background: none repeat scroll 0 0 #0063DC; border: medium none; border-radius: 4px 4px 4px 4px;  color: #FFFFFF !important ; cursor: pointer; font-family: inherit; font-size: 12px; font-weight: bold; padding: 4px 6px; text-decoration: none; white-space: nowrap; }
.bnt:hover { background: none repeat scroll 0 0 #0054BD; }



.field-validation-error, .validation-summary-errors { color:#FF0000 }
