﻿* {
    list-style: none; /*    font-weight: normal;*/ }
    
html, form  {
	height: 100%;
}
body {
	font-family:Arial, Helvetica,Jamrul,sans-serif;
	margin: 0;
	padding: 0;
	height: 100%;
	background:#EBEBEB url('/images/bg.png') repeat-x top;
}

img {
    border:0px;
}
    
h1, h2, h3, h4, h5 {
    margin: 0;
    border: 0;
    padding: 0;
    font-weight: normal; }
.hidden {
    display: none }


a, a:hover, a:active, a:focus {
    text-decoration: none;
    outline: none; }

ul{padding-left:15px;}
/* ----------
    CORES
-------------------------- */
.branco { color: #fff }
.preto { color: #000 }
.azul { color:#007DB2 }
.azul_claro { color:#6AD8FF; }
.azul1FA {color:#1FA5D2;}
.vermelho{color:#ff0000}

/* -------------
    FONTES
------------------------ */

.arial { font-family: Arial }

/* -------------
    TAMANHOS
----------------------- */

.t10 { font-size: 10px }
.t11 { font-size: 11px }
.t12 { font-size: 12px }
.t13 { font-size: 13px }
.t14 { font-size: 14px }
.t15 { font-size: 15px }
.t16 { font-size: 16px }
.t18 { font-size: 18px }
.t19 { font-size: 19px }
.t20 { font-size: 20px }
.t21 { font-size: 21px }
.t22 { font-size: 22px }
.t24 { font-size: 24px }
.t26 { font-size: 26px }
.t27 { font-size: 27px }
.t28 { font-size: 28px }
.t30 { font-size: 30px }
.t32 { font-size: 32px }
.t38 { font-size: 38px }
.t40 { font-size: 40px }
.t42 { font-size: 42px }
.t50 { font-size: 50px }
.t55 { font-size: 55px }
.t60 { font-size: 60px }

/* -------------
    OUTROS
----------------------- */

.bold { font-weight: bold }
.bottom { vertical-align: bottom }
.top { vertical-align: top }
.line_height100 { line-height: 100% }
.line_height140 { line-height: 140% }
.line_height150 { line-height: 150% }
.line_height180 { line-height: 180% }
.line_height200 { line-height: 200% }
.line_height250 { line-height: 250% }
.sublinhado { text-decoration: underline }
.risco { text-decoration: line-through }
.pointer { cursor: pointer }
.italico { font-style: italic }
.upper { text-transform: uppercase }
.sombra_branca { text-shadow: 1px 1px 0px white; }
.sombra_verde { text-shadow: 1px 1px 0px #BCE08B; }
.sombra_verdesescuro{text-shadow: 1px 1px 0px #546C66;}


/* -------------
    INPUTS
-----------------------*/

input {
    border: 0px;
    font-family: Arial, Tahoma;
    font-size: 11px; }
textarea {
    border: 0px;
    font-family: Arial, Tahoma;
    font-size: 11px; }

.input_forms { background:#fff; border-radius:2px; width: 300px ; display: block; float: left; padding: 0 10px; border:1px solid #E1E8E1; height: 29px; line-height: 29px\9;}
.textarea_forms { background:#fff; border-radius:2px; resize:none; width: 300px ; display: block; float: left; padding:10px; border:1px solid #E1E8E1; height: 160px;}  
/*----------------
    MASTER
-------------------------*/

#menu {
   /* position:absolute;
    z-index:1005;   
    top:0px;*/
    height:145px;
    width:100%;
}

#conteudo {
    /*position:absolute;*/
    width:100%;
    top:145px;
}

#footer {
    position: fixed;
    z-index:1006;
    bottom: 0px;
    height:40px;
    width:100%;
    overflow:hidden;
} 

#footer_barra {
    width:100%;
    overflow:hidden;
    height:40px;
    background:url('/images/bg_barra_footer.png') repeat-x;
}


#footer_conteudo {
    width:100%;
    overflow:hidden;
    height:170px;
    background-color:#007DB2;
}

#footer_conteudo a:hover {color:#6AD8FF; }


/* --- MAIN MENU --- */

#main_menu{clear:both; float:right; text-align:right; margin:0;padding:0; margin-bottom:0px;height:50px;z-index:3; position:relative;}
#main_menu > li{float:left; height:25px; padding-right:11px; padding-left:11px; background: url('/images/menu_divisor.png') no-repeat right}
#main_menu > li > a{display:block; color:#FFFFFF; padding-bottom:5px; cursor:hand; cursor:pointer;}

#main_menu > li {position:relative}
#main_menu > li > a.active, #main_menu > li > a:hover {border-bottom:4px solid #33CCFF}
#main_menu > li > a.inactive{border:0px;}
#main_menu > li > a.actived{border-bottom:4px solid #33CCFF}


.w980{width:980px;margin:0 auto;}



/* AJUSTE PARA IPAD*/
@media only screen and (max-device-width: 1024px) {
     
     html, body, #baser{width:1024px;position:absolute}
     

}
