@import url(home.css); /** CSS da HOME **/
@import url(internas.css); /** CSS das INTERNAS **/
@import url(forms.css); /** CSS dos FORMULARIOS **/

/* 
========================================================
Definições gerais
========================================================
*/
* 
{
	margin: 0;
	padding: 0;
	border: none;
	list-style: none;
}

body 
{
	margin: 0 auto;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #4486b0;
	background: #fff url(../images/body_background.png) repeat-x;
}

body.internas
{
	background: #fff url(../images/body_background2.png) repeat-x;
}

p 
{
	color: #4486b0;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
}

a, a:visited 
{
	font-size: 12px;
	text-decoration: underline;
	color: #218fd5;
}

a:hover 
{
	text-decoration: underline;
	color: #007384;
}


/* 
========================================================
Estruturas
========================================================
*/
#container 
{
	margin: 0 auto;
	width: 950px;
}


#top, top2  
{
	width: 950px;
	height: 277px;
	background: url(../images/header_home.jpg) no-repeat;
}

#top2 
{
	height: 164px;
	background: url(../images/top2_background.png) no-repeat;
}

h1 
{
	display: block;
	position: relative;
	float: left;
	width: 138px;
	height: 33px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/logo_friza.png) no-repeat;;
	top: 49px;
	left: 76px;
}

h1 a 
{
	display: block;
	width: 138px;
	height: 33px;
}

#container_conteudo 
{
	float: left;
	width: 950px;
	padding-bottom: 20px;
	background: url(../images/container_background.png) no-repeat;;
}


a.lnkHome 
{
	display: block;
	float: right;
	position: relative;
	font-size: 11px;
	top: 15px;
	right: 60px;
	
}

/* MENU */
ul#menu 
{
	float: right;
	position: relative;
	width: 625px;
	height: 42px;
	top: 50px;
	right: 20px;
	z-index: 9999;
}

ul#menu li, 
ul#menu li.sub
{
	display: block;
	position: relative;
	float: left;
	height: 42px;
	list-style: none;
	left: 15px;
}

ul#menu li.sub:hover,
ul#menu li.over 
{
	background: #e4e4e4; 
}

ul#menu li#item01 { width: 159px; background: url(../images/menu_item01.png) no-repeat; }
ul#menu li#item02 { width: 116px; background: url(../images/menu_item02.png) no-repeat; }
ul#menu li#item03 { width: 120px; background: url(../images/menu_item03.png) no-repeat; }
ul#menu li#item04 { width: 115px; background: url(../images/menu_item04.png) no-repeat; }
ul#menu li#item05 { width: 115px; background: url(../images/menu_item05.png) no-repeat; }

ul#menu li a 
{
	display: block;
	height: 42px !important ;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #1eb2c1;
	text-decoration: none;
	text-indent: -9999px;
	overflow: hidden;
}


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


/* segundo nivel */
ul#menu li ul 
{
	position: absolute;
	display: none;
	width: auto;
	background: #00c6e3;
	border: 1px solid #e5e5e5;
	border-top: none;
	top: 42px;
	left: -1px;
	z-index: 9999;
}
	
ul#menu li ul li, 
ul#menu li ul li a
{
	display: block;
	color: #fff;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	background: url(../images/bullet_submenus.png) 12px 20px no-repeat;
	text-align: left;
	text-indent: 10px;
	left: 0;
}

ul#menu li ul li a 
{
	width: 160px;
	height: 30px !important ;
	padding-top: 15px;
	padding-left: 10px;
}

ul#menu li ul li a:hover 
{
	color: #b7f6ff;
	background: #01b0ca url(../images/bullet2_submenus.png) 12px 20px no-repeat;
}


/* terceiro nivel */
ul#menu ul ul li a
{
	text-align: left;
	font-weight: normal;
}

ul#menu li ul li 
{
	clear: left;
	background: url(../../images/bullet_submenus.png) 0 10px no-repeat;
	
}

ul#menu li ul li.title 
{
	background: none;
}

ul#menu li ul li.title b
{
	color: #fff;
	font-size: 12px;
}

ul#menu li ul li.lastitem 
{
	margin-bottom: 15px;
}

ul#menu ul ul li a /* Sub Menu Styles */
{ 
	text-align: left;
} 

ul#menu ul ul li a:hover 
{
	background: #0c6f99;
}

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

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

/* END MENU */



ul.idiomas  
{
	width: 100px;
	float: left;
	position: relative;
	left: 700px;
	top: 20px;
}

ul.idiomas li 
{
	list-style: none;
}


#footer 
{
	clear: both;
	display: table;
	width: 950px;
	margin-bottom: 20px;
	padding-top: 15px;
	border-top: 1px solid #e3e3e3;
}

div.filial01 
{
	display: block;
	float: left;
	width: 40%;
}

div.filial02 
{
	display: block;
	float: right;
	width: 40%;
	text-align: right;
}