@charset "utf-8";
@import url("geral.css");
@import url("menu.css");
@import url("forms.css");
@import url("tables.css");

/*********************************
              GERAL
*********************************/
*{
    text-align:center;
    margin:0px auto;
    padding:0px auto;
    font-family: Verdana, Tahoma, Helvetica, "Trebuchet MS";
    font-size:12px;	
 }
 
#tudo {
    width:99.9%;
    position: relative;
    margin:0;
    padding:0px auto;
    min-height:100%;
    border:dotted #999;
    border-width:0 1px;
    background-image: url(../estilos/img/new_background.jpg);
    background-repeat: repeat;
    background-attachment: fixed;
}
    
* html #tudo {
    height: 100%; 
}

.clear {clear:both;}

body {
    width: content-box;
    margin:0;
    padding:0;
    font:11px Verdana, Arial, Helvetica, sans-serif;
    text-align:center;
    }
	
p.boxmodel1 {
        width: 600px;
        height: 50px;
        border: 1px solid #000;
        border-radius: 20px;
        background: #9C3;
        color: #000;
        }
        
p.bloco {
	padding:5px;
	margin-bottom:10px;
	border:1px solid #ddd;
	background:#fcfcfc;
	}

p.bloco ul li {
	padding:5px;
	margin-bottom:10px;
	border:1px solid #ddd;
	background:#fcfcfc;
	}


/*********************************
            CABECALHO
*********************************/
#topo {
	width:100%;
	display:block;
	margin-bottom:5px;
	padding:0;
	}

#cabecalho{
          width:1140px;
          display:block;
          text-align:center;
      }
	
/*********************************
             CONTEDO
*********************************/
#conteudo {
    width:1150px;
    padding-bottom:50px;
    margin-top:10px;
    }
	
#corpoindex {
    width:950px;
    }
	#corpoindex p.login{
		width:950px;
		color:#C00;
		padding:5px 0;
		}
	#corpoindex p.dicas{
		width:930px;
		color:#C00;
		padding:10px 10px;
		background:#FFC;
		border:1px dashed #930;
		text-align:left;
		margin-bottom:5px;
		}
                
#corpoindex2 {
    width:750px;
    text-align:justify;
    }
                
#principal {
	width:960px;
	padding-left:10px;
	border-left:1px dotted #9C3;
	float:right;
	text-align:justify;}
    #principal *{
          text-align:left;
          }
	#principal p{
          text-align:justify;
          }  
	#principal p.destaque{
            text-align:center;
            font-weight:bold;
        }
	#principal p.info{
            width:900px;
            background:#EEE;
            padding:5px;
            margin-bottom:5px;
            border:1px dotted #ccc;
        }
	#principal table.validacao{
            width:100%;
            border-collapse:collapse;
            font-size:09px;
        }
	#principal table.validacao tr.cabecalho td{
            text-align:center;
            font-weight:bold;
            font-size:14px;
            background:#ad4;
        }
         #principal table.validacao tr.subcabecalho td{
             text-align:center;
             font-weight:bold;
             font-size:11px;
             background:#ad4;
         }
         #principal table.btnrodape{
            width:50%;
            text-align-last: center;
            border-collapse:collapse;
            font-size:09px;
        }
        #principal table.btnrodape tr.btn td a{
            text-align-last: center;
        }
        
        #principal table.btnrodape a:hover{
            text-align:center;
            background: url('btn/btn_rodape.png') no-repeat;
        }
         
         
/*********Pgina Inicial**********/
/***********Quem Somos************/
/******A Equipe / Instalaes*****/
/**********Fale Conosco***********/
#contato_txt{
    width:300px;
    float:left;
    }
#contato_form{
    width:350px;
    float:right;
    border-left:1px dashed black;
    padding-left:3px;
    }
    
    form.mailform{
        text-align:center;
        width:300px;
        }
        
        form.mailform label{
            display:block;
            float:left;
            font-weight:bold;
            width:80px;
            }
            form.mailform label.scode{
                width:150px;
                }
                
        form.mailform input.texto{
            width:210px;
            border:1px solid black;
            margin-bottom:5px;
            }
            
        form.mailform input.scode{
            width:140px;
            border:1px solid black;
            margin:5px 0;
            }
            
        form.mailform textarea{
            border:1px solid black;
            width:290px;
            margin-bottom:5px;
            }

/*********************************
               MENU
*********************************/
#auxiliar {
	width:160px;
	float:left;
	padding-top:20px;
	}
	
	#auxiliar a{
	     width:150px;
	     padding:5px;
	     text-decoration:none;
	     text-align:right;
	     color: #333;
         font-weight:bold;
         display:block;
         border:1px dotted black;
         background:#b0f1b0;
         }
    #auxiliar a h3{
         color: #b0f1b0;
         display:inline;
         }
    #auxiliar a:hover{
         background:#333;
         color:#b0f1b0;
         }

         
/*********************************
             RODAP
*********************************/
#rodape {
	background:#888;
	width:100%;
	position: fixed;
	bottom: 0;
	text-align:center;
	}

#rodape .bloco{
	text-align:left;
	display: inline-block;
	border-right: 1px dotted #9C3;
	padding: 0 5px;
	}
#rodape .bloco strong {color:#FFFFFF;}

#rodape .bloco ul li{
    list-style:none;
    text-align:left;
    }
#rodape .bloco ul li a{
	text-decoration:none;
	color:#9C3;
	}
#rodape .bloco ul li a:hover{
	text-decoration:underline;
	}

#rodape .bloco_r{
	text-align:left;
	display: inline-block;
	padding: 0 5px;
	}
#rodape .bloco_r *{
	text-align:left;
	}

#rodape .bloco_r ul li{ list-style:none; }
#rodape .bloco_r ul li a{
	text-decoration:none;
	color:#9C3;
	}
#rodape .bloco_r ul li a:hover{
	text-decoration:underline;
	}
#rodape .bloco_r strong {color:#FFFFFF;}

#rodape .tex{
	width:100%;
	height:42px;
	font-size:9px;
	color:#555;
	background-image:url(img/bg_rodape1.png);
	background-position:bottom;
	background-repeat:repeat-x;
	}
#rodape .tex a{
	text-decoration:none;
	font-size:11px;
	color:#555;
	}
#rodape .tex sub{
	width:100%;
        color:#555;
	font-size:smaller;
        vertical-align:super;
	}       
#rodape .tex a:hover{
	text-decoration:underline;
	color:#000;
	}
        
        
/*********************************
             OUTROS
*********************************/

#wrapper-center {
    background: #999;
    -webkit-border-radius: 5px;
            border-radius: 5px;
    padding: 10px;
    position: relative;
    text-align: justify;
    width: 850px;
}

#wrapper-center label{
    top: 2px;
    bottom: 2px;
}        
        
#wrapper-right {
    background: #999;
    -webkit-border-radius: 5px;
            border-radius: 5px;
    padding: 10px;
    position: relative;
    text-align: justify;
    width: 400px;
    float: right;
    /*box-shadow: 5px 5px 5px 1px black;*/
}

#wrapper-right label{
    top: 2px;
    bottom: 2px;
}          

#wrapper-left {
    background: #999;
    -webkit-border-radius: 5px;
            border-radius: 5px;
    padding: 10px;
    position: relative;
    text-align: justify;
    width: 450px;
    float: left;
    /*box-shadow: 5px 5px 5px 1px black;*/
}

#wrapper-left label{
    top: 2px;
    bottom: 2px;
}  

/*************************************
			PRINT
*************************************/

@media print {
DIV.visible { visibility: hidden; }
}


/*************************************
            BOOTSTRAP TOOLTIP	
*************************************/

.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 0px dotted black;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 220px;
    top: -30px;
    left: 100%;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 15px 15px;
    position: absolute;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.5s;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top:  -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #555 transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}