﻿/* Tags básicas */
body {
	margin: 0px;
	background-image: url(/images/ksm/background/body.gif);
	background-repeat: repeat-x;
    font-size: 10pt;
}

a
{
    text-decoration: none;
}

/* Header */
#header
{
  width: 960px;   
  height: 120px;   
  background: url(/images/ksm/header/top1.jpg);   
}

#site-logo
{
    position: relative;
    top: 28px;
    left: 62px;
}

#login_bar
{
	width:760px;
	background-color:#FFFFFF;
	float:left;
}
	
#form-search
{
    position: absolute;
    display: inline;
    top: 103px;
    left: 724px;
    opacity: 0.7; 
    filter: alpha(opacity = 70);
    -moz-opacity: 0.7;
    -webkit-opacity: 0.7;
}

#form-search input
{
    font-size: 8pt;
}

#form-search input[type=text]
{
    width: 160px;
    color: #4c4c4c;
    padding-left: 5px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px solid #222222;
    margin: 1px 0px;
}

/* Linha sob o menu */
#undermenu
{
	height: 33px;
}

#date
{
    display: inline;
    float: left;
    padding-left: 20px;
    font-family: Lucida Sans, Tahoma, Arial;
	font-size: 8pt;
}

#user-logged
{
    position: absolute;
    display: inline;
    top: 30px;
    left: 605px;
    opacity: 0.7; 
    filter: alpha(opacity = 70);
    -moz-opacity: 0.7;
    -webkit-opacity: 0.7;
	background-color:#FFFFFF;
}

#form-login
{
    display: inline;
    float: right;
    top: 151px;
    left: 530px;
    font-family: Lucida Sans, Tahoma, Arial;
	font-size: 8pt;
}

#form-login input
{
    font-size: 8pt;
}

#form-login input[type=text], #form-login input[type=password]
{
    width: 130px;
    color: #4c4c4c;
    padding-left: 5px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px solid #222222;
    margin: 1px 0px;
}

#form-login input[type=text]
{
    width: 130px;
}


#form-login input[type=password]
{
    width: 70px;
}

#form-login #sign-up
{
    font-size: 10pt;
    padding: 0px 7px;
}

/* Menu */
#menu /* barra do menu */
{
    padding: 0px;
    margin: 0px;
    width: 960px;
    height: 24px;
    font-size: 12px;
    position: relative;
	background-image: url(/images/ksm/background/menu.png);
    border-top: solid 1px #000000;
	z-index: 1;
}

ul#menu, #menu ul /* grupos de cada item do menu (item + submenu)*/
{
    list-style: none; 
}

#menu li /* cada item do menu */
{
    float: left;
    position: relative;
    padding: 0px 5px;
    font-family: Verdana;
    font-size: 10pt;
    font-weight: bold;
}

#menu li ul /* caixa de cada submenu */
{ 
    display: none;
    position: absolute;
    top: 2;
    left: 2;
    margin: 0;
    padding: 0;
    border: 1px solid #999999;
    background-color: #ffffff;
    max-width: 110px;
}

#menu li:hover ul /* caixa de cada submenu quando o mouse passa sobre o item do menu */
{
    display: list-item;
}

#menu li a /* link de cada item e de cada subitem */
{
    display: block;
    padding: .2em .5em;
    text-decoration: none;
    color: #000000;
}

#menu li a:hover /* link de cada item e de cada subitem quando o mouse passa por cima */
{
    color: #0033FF;
    background-color: #FFFFFF;
}

#menu li ul a /* link de cada subitem */
{
    color: #333333;
    font-weight: normal;
    font-size: 8pt;
}

/* Publicidade */
#ads-top
{
    padding: 9px 0px;
    margin: 0;
    height: 70px;
    position: relative;
    text-align: center;
}

#ads-top .eachbanner
{
    position: relative;
    margin: 3px;
    width: auto;
    display: inline-block;
}

#ads-sidebar
{
	width: 130px;
	background-color: #EEEEEE;
	float: right;
	margin: 0px;
	text-align: center;
}

#ads-sidebar div
{
	margin-bottom: 10px;
}

#ads-sidebar object, #ads-sidebar embed, #ads-sidebar img
{
	margin-bottom: 10px;
}


/* Conteúdo, corpo */
#main {
	width: 960px;
	background-color: #FFFFFF;
	overflow: hidden;
    border: solid #CCCCCC 1px;
	padding: 5px; 
}   

#body-content
{
    float: left;
    clear: left;
    width: 823px;
    min-height: 400px;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
}

/* Rodapé */ 
#footer
{
	text-align: center;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	clear: both; 
	padding-bottom: 15px;
	color: #555555;
	background-color:#EEEEEE
}

#footer .foot-link
{
	padding: 3px 10px;
	display: inline-block;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	color: Gray;
}

#footer .foot-link:hover
{
	text-decoration: underline;
	color: Black;
	background-color: #DEEDF3;
}
