/* Projeto: b2ml portal
 * Descrição: Folha de estilo do SGC b2ml portal
 * Autor: Leandro 
 * Data: 14/09/2006
 */ 

body {
	/* hack01 para o IE */
    text-align:center;
    
    background-image: url('../images/bg_body.jpg');
    background-repeat: repeat;
    
    border-width: 0px;
    padding:0px;
    margin:0px;

    /*Estilo default das fontes*/
    color:#000000;
    font-family : Verdana, Arial;
    font-size : 8pt;
    text-decoration: none;
    text-transform: none;
}
  
#corpo {
    width: 780px;

    /* Truque para centralizar página (usado junto com hack01) */
    margin:20px auto;
    /* remédio para o hack01 para o IE */
    text-align:left;

    background-color : #F3ECE0;

    /*Borda do corpo*/
    border : 0px;
    padding : 0px;    
} 
   
#logo {
	width: 780px;
    height:150px;

    border: 0px;
    padding: 0px;
    margin: 0px;    
}

#logo_estatico {
	width: 780px;
    height:150px;

    border: 0px;
    margin:0px;
    padding:0px;
  }
  
#container{
	border: 0px;
	margin: 20px 0px 20px 0px;
	padding: 0px;
	
	float: left;
	clear: both;

	_float: left;
	_clear: none;
	
}

#menu-superior {
    width : 760px;
    _width : 780px;
    height: 20px;
    
    border:0px;
    border-left:20px solid #FFCC33;
    _border-left:10px solid #FFCC33;
    margin: 0px;
    padding:0px;
    
    background-color: #776358;
    
    float : left;
    clear: both;
    
    text-align: right;
}

#menu-superior a, #menu-superior a:hover, #menu-superior a:visited{
    border:0px;
    margin: 0px;
    padding:0px;
    
    color: #FFF;
    text-transform: capitalize;
    text-decoration: none;
}

#conteudo {
    width : 530px;

    float : right;

	border: 0px;
	margin: 0px 5px 0px 0px;	
	padding: 0px 5px 0px 0px;

    text-align : left;
}

#colunaesquerda{
	border: 0px;
    margin: 0px 0px 0px 20px;
    _margin: 0px 0px 0px 10px;
	padding: 0px;
	
	position: relative;
	
	float: left;	
}

#menu-imagem {
    width : 200px;
    height: 51px;
    
    border:0px;
	margin: 0px;
    padding:0px;
    
    float : left;
    clear: both;
}

#menu {
    width : 200px;
    height: 380px;
    
    border:0px;
    margin: 0px;
    padding:0px;
    
    background-color : #E5E1D5;
    
    float : left;
    clear: both;
}

ul#primary-nav, ul#primary-nav ul {
	margin: 0;
	padding: 0;
	border: 0px;

	width: 200px;
	
	line-height: 24px;
	
	background: #E3DDC9;

   color: #8C8A87;
   font-family : Verdana, Arial;
   font-size : 8pt;
   text-decoration: none;
   font-weight:bold;
   text-align: left;
   text-indent: 10px;
}

ul#primary-nav li {
	width: 200px;
	height: 24px;
	
	line-height: 24px;
	
	background: #E3DDC9;
	
	position: relative;
	list-style: none;
	
	margin: 0px;
	padding: 0px;
	border: 0px;
	border-bottom: 1px solid #ccc;
}
/*html>body ul#primary-nav li {border-bottom: none;} /* fix for browsers that don't need the hack02 */

ul#primary-nav li a {
	display: block;

	background-color:#E3DDC9;
	
	color: #8C8A87;
   	font-family : Verdana, Arial;
   	font-size : 8pt;
   	text-decoration: none;
   	font-weight:bold;
   	text-align: left;
   	text-indent: 10px;
}

ul#primary-nav li a:hover {
	background-color:#cfcab7;

    color: #8C8A87;
   	font-family : Verdana, Arial;
   	font-size : 8pt;
   	text-decoration: none;
   	font-weight:bold;
   	text-align: left;
   	text-indent: 10px;
}

/* Fix IE. Hide from IE Mac \*/
* html ul#primary-nav li { float: left; height: 1%; }
* html ul#primary-nav li a { height: 1%; }
/* End */

ul#primary-nav ul {
	position: absolute;
	display: none;
	left: 199px; 
   	width:200px;
	top: 0;
}

/* Sub Menu Styles */
ul#primary-nav li ul li a { padding: 0px; color:#8C8A87;} 

ul#primary-nav li:hover ul ul,
ul#primary-nav li:hover ul ul ul,
ul#primary-nav li.over ul ul,
ul#primary-nav li.over ul ul ul { display: none; } /* Hide sub-menus initially */

ul#primary-nav li:hover ul,
ul#primary-nav li li:hover ul,
ul#primary-nav li li li:hover ul,
ul#primary-nav li.over ul,
ul#primary-nav li li.over ul,
ul#primary-nav li li li.over ul { display: block; } /* The magic */

/* cor do menu quando o mouse está sob o sub-menu */
ul#primary-nav li.menuparent:hover,
ul#primary-nav li.over { background-color: #cfcab7; }

#creditos {
    height:50px;
    clear: both;
    background-color : #776358;
    border-bottom-width : 0px;
    border-left-width : 0px;
    border-right-width : 0px;
    border-top-width : 5px;
    border-top-color: #ffcc33;
    border-top-style: solid;
    margin:0px;
    padding:0px;
    
    position: relative;
}

#creditos p{
	border: 0px;
	margin: 10px;
	padding: 0px;
	
   /*Estilo da fonte*/
   text-align:left;
   color:#000;    
   font-family : Verdana, Arial;
   font-size : 10px;
   font-weight:normal;
   text-decoration: none;
   line-height: 14px;
}

#rodape_b2ml{
	position: absolute;
	top: 10px;
	right: 0px;	
}

/*Estilo default dos títulos 1*/
h1 {
    /*Estilo da fonte*/
    color:#0A099C;
    font-family : Arial, Verdana;
    font-size : 12pt;
    text-decoration: none;

    text-align: center;
}

/*Estilo default dos títulos 2*/
h2 {
    color:#000000;
    /*Cor da fonte*/ font-family : Verdana, Arial;
    font-size : 8pt;
    font-weight:bold;
    text-decoration: none;
    /*line-height:1px;*/

    text-align: left;
  }

/*Variação do estilo default dos títulos 2*/
h2 strong {
    /*Cor da fonte*/
    color:#769CC9;    
}

/*Estilo default dos paragrafos*/
p {
    /*Cor da fonte*/
    color:#000000;
    font-family : Verdana, Arial;
    font-size : 8pt;
    text-decoration: none;

    text-align: left;
  }

/*Estilo default das listas*/
ul {
    /*Cor da fonte*/
    color:#000000;
    font-family : Verdana, Arial;
    font-size : 8pt;
    text-decoration: none;
    list-style-type: disc;

    text-align: left;
  }

/*Estilo default dos links*/
a, a:visited {
    /*Cor da fonte*/
    color:#000000;
    font-family : Verdana, Arial;
    font-size : 8pt;
    text-decoration:underline;
    text-transform: none;

    text-align: left; 
  }

/*Estilo default dos links com mouse over*/
a:hover {
    /*Cor da fonte*/ 
    color:#000000;
    font-family : Verdana, Arial;
    font-size : 8pt;
    text-decoration: underline;
    text-transform: none;

    text-align: left;
  }

/*Estilo default da barra*/
hr {
    border-width: 0;
    height: 1px;
    border-top-width: 1px;
    border-top-color:#eeeeee;
    border-top-style : solid;
  }

/*Estilo default das imagens*/
img {
    /* Remove bordas das imagens com links */
    border: none;
  }

/*Estilo default das tabelas*/
table {    
    font-family : Verdana, Arial;
    color : #000000;
    font-size : 8pt;
    text-decoration : none;
    text-transform : none;
    vertical-align : bottom;
  }

/*Estilo das tabelas da área administrativa*/
.tabela {
    /*Estilo da tabela*/
    background:#DDE8EC;

    /*Estilo da fonte*/
    color:#000000;
    font-family : Verdana, Arial;
    font-size : 8pt;
    text-decoration: none;
    text-transform: none;
}

#video {
	padding: 10px 5px;
}

.comentario {
	width: 50%;
}