/* CSS Document */

/************************************************************************

Site: Assisleader 2007

Ordem da lista:
==============

1 - Body/Containers
2 - Header e menus
3 - Area conteudo layout
4 - Formatação geral
5 - Paragrafos
6 - Imagens
7 - Footer
8 - Navegacao
9 - Formulários
10 - Headers e Spans

************************************************************************/

/*************************/
/* 1-  BODY */
/*************************/
 * {margin: 0;padding: 0;}
body {font-size: 67.5%; margin: 0px auto; padding: 0px; font-family: arial, sans-serif; }
html, body { min-height: 100%; height: 100%;}
html { min-height: 100%; margin-bottom: 1px; }


/* 1.1 - Container Geral */
#container {width: 800px; margin: 0px auto; padding: 0px; position: relative; }
/* 1.1 - Container Geral */

/*************************/
/* 2-  Header e Menus */
/*************************/

/* 2.1- Logotipo */
.logo-header { float: left; clear: both; width: 260px;  }
.texto-logo { float: left; width:800px; font-size:11px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#666666;  padding-left: 2px;}

/* 2.1- Fim Logotipo*/

.texto-logo {  float: left; width: 560px; font-size:11px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#666666;  padding-left: 2px;}


/* 2.2 - Menu Superior */
.menusuperior {float:right; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;color:#696969; margin-top: 40px; }
.menusuperior li { list-style-type:none; display:inline; }
.menusuperior li a { text-decoration:none; color:#496D8B;}
.menusuperior li a:visited { text-decoration:none; color:#496D8B;}
.menusuperior li a:hover { text-decoration:underline; color:#F66402;}
/* 2.2 - Menu Superior */

/* 2.3 - Menu Principal */
div#menuprincipal {
height:29px;
width:800px;
padding:0;
border:0;
float:right;
position:absolute; right:0px; top:64px;
}
div#menuprincipal ul#menunav{
height:29px;
width:800px;
background:transparent url(../images/css/menuprincipal.gif) top left no-repeat;
margin:0;
padding:0;
}
div#menuprincipal ul#menunav li{
margin:0;
padding:0;
list-style:none;
position:absolute;
top:0;
}
ul#menunav li,ul#menunav a{
height:29px;
display:block;
}
div#menuprincipal ul#menunav li a{
text-indent:-9999px;
text-decoration:none;
}

#home{
left:0px;
width:80px;
}
.home_on { background:transparent url(../images/css/menuprincipal.gif) -0px -30px no-repeat; }

#produtos{
left:81px;
width:102px;
}
.produtos_on { background:transparent url(../images/css/menuprincipal.gif) -81px -30px no-repeat; }

#solucoes{
left:184px;
width:105px;
}
.solucoes_on { background:transparent url(../images/css/menuprincipal.gif) -184px -30px no-repeat; }

#suporte{
left:290px;
width:99px;
}
.suporte_on { background:transparent url(../images/css/menuprincipal.gif) -290px -30px no-repeat; }

#downloads{
left:390px;
width:120px;
}
.downloads_on { background:transparent url(../images/css/menuprincipal.gif) -390px -30px no-repeat; }

#contactos{
left:511px;
width:116px;
}
.contactos_on { background:transparent url(../images/css/menuprincipal.gif) -511px -30px no-repeat; }

#sobre{
left:628px;
width:172px;
}
.sobre_on { background:transparent url(../images/css/menuprincipal.gif) -628px -30px no-repeat; }




/* Estado hover do menu */
#home a:hover{background:transparent url(../images/css/menuprincipal.gif) -0px -30px no-repeat;}
#produtos a:hover{background:transparent url(../images/css/menuprincipal.gif) -81px -30px no-repeat;}
#solucoes a:hover {background:transparent url(../images/css/menuprincipal.gif) -184px -30px no-repeat;}
#suporte a:hover {background:transparent url(../images/css/menuprincipal.gif) -290px -30px no-repeat;}
#downloads a:hover {background:transparent url(../images/css/menuprincipal.gif) -390px -30px no-repeat;}
#contactos a:hover {background:transparent url(../images/css/menuprincipal.gif) -511px -30px no-repeat;}
#sobre a:hover {background:transparent url(../images/css/menuprincipal.gif) -628px -30px no-repeat;}
/* 2.3 - Fim de Menu Principal */

/*************************/
/* 3-  Area conteudo layout */
/*************************/

/* 3.1 - Layout homepage*/
.conteudo_homepage {float: left; width: 800px; margin-top: 8px; padding: 0px 0px 0px 0px; font-size: 1.0em; font-family:Verdana, Arial, Helvetica, sans-serif;}
.conteudo-container_homepage {clear: both;  width: 800px;  margin: 20px 0px 0px 0px; padding: 0px; }

/*2 colunas */
.conteudo-container-2col-left-homepage{overflow: hidden; float: left; width: 200px; margin-top: 22px; padding: 0px; }
.homepage-box-header { background-image:url(../images/css/homepage_box_header.gif); height: 20px; width:200px;}
.homepage-box-header p { padding: 3px 0px 0px 8px; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#518C99; font-weight:bold;}
.navesq {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;  border-left: 1px solid #E2ECEF; border-right: 1px solid #E2ECEF;}
.navesq ul {border-top: 0px solid #ccc;	padding: 0;	margin: 10px 0 0 0;}
.navesq li {border-bottom: 1px solid #E2ECEF;list-style: none;	margin: 0;}
.navesq li a {	display: block;	text-decoration: none;	padding: 4px 0 4px 21px;
	background: transparent url(../images/css/seta_barralateral.gif) no-repeat 7px 7px;	font-size: 1.0em;color: #518C99;}
.navesq li a:visited {display: block;text-decoration: none;	padding: 4px 0 4px 21px;background: transparent url(../images/css/seta_barralateral.gif) no-repeat 7px 7px;	font-size: 1.0em;color: #518C99;}
.navesq li a:hover {color:#F20000;background: #F2F2F2 url(../images/css/seta_barralateral.gif) no-repeat 10px 6px;padding: 3px 0 3px 21px;
	margin: 1px 0;}
.destaque_homepage { margin-top: 0px; border: 1px solid #E2ECEF; float:left; width: 198px;}
.destaque_homepage a { color:#FD6A40; text-decoration:none;}
.destaque_homepage a:visited {color:#FD6A40; text-decoration:none;}
.destaque_homepage a:hover{color:#FD6A40; text-decoration:underline;}
.destaque_homepage p {font-family:Arial, Helvetica, sans-serif; margin: 6px 0px 0px 0px; padding: 0px; line-height: 1.2em; text-align:left; color:#A4A4A4; font-size: 11px;}

.conteudo-container-2col-right-homepage{overflow: hidden; float: right; width: 570px; margin-top: 22px; padding: 0px; }
.linhadestaques { width: 570px; margin-top: 14px; border-bottom: 1px solid #E5E5E5;}
.linhadestaques p { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight:bold; color:#F66402; padding: 0px 0px 5px 0px}
.destaquesbox { float: left; width: 570px; background-image:url(../images/css/destaques_fundo.gif); margin-top:7px; margin-bottom: 2px;  }
.destaquesbox p { font-family:Arial, Helvetica, sans-serif; margin: 6px 0px 0px 0px; padding: 0px; line-height: 1.2em; text-align:left; color: #646464; font-size: 12px; }
.destaquesbox_left{ float: left; width: 285px;}
.destaquesbox_right { float: left; width: 285px;}
.separador_homepage { float: left; width: 570px; background-image:url(../images/homepage/separador_homepage.gif); background-repeat:no-repeat; height: 3px; margin-top: 4px;}

/* 3.2 - Layout Produtos*/
.conteudo {float: left; width: 800px; margin-top: 8px; padding: 0px 0px 0px 0px; font-size: 1.0em; font-family:Verdana, Arial, Helvetica, sans-serif;}
.conteudo-container {clear: both;  width: 800px;  margin: 20px 0px 0px 0px; padding: 0px; }
/*2 colunas */
.conteudo-container-2col-left{overflow: hidden; float: left; width: 200px; margin-top: 8px; padding: 0px; }
.conteudo-container-2col-right{overflow: hidden; float: right; width: 570px; margin-top: 8px; padding: 0px; }
.sub-2col-left{overflow: hidden; float: left; width: 370px; margin-top: 8px; padding: 0px; }
.sub-2col-right{overflow: hidden; float: right; width: 190px; margin-top: 8px; padding: 0px; }


.linhatitulo { width: 570px; margin-top: 0px; border-bottom: 1px solid #E5E5E5;}
.produtosbox { float: left; width: 570px; margin-top:7px; margin-bottom: 2px;  }
.produtosbox p { font-family:Arial, Helvetica, sans-serif; margin: 6px 0px 0px 0px; padding: 0px; line-height: 1.2em; text-align:left; color:#646464; font-size: 12px; }
.produtosbox_left{ float: left; width: 285px;}
.produtosbox_right { float: left; width: 280px; margin-left: 5px;}
.separador_produtos { float: left; width: 570px; background-image:url(../images/produtos/separador_produtos.gif);background-repeat:no-repeat; height: 3px; margin-top: 4px;}
.conteudo-container-1col {overflow: hidden; width: 570px; margin: 0px; padding: 0px; float:left;}
.linhasubtitulo { width: 250px; margin-top: 14px; border-bottom: 1px solid #BFE0E3;  padding-bottom: 2px; float:left;}

/*4 colunas */
.col_container { width: 570px; float: left; margin-top: 12px; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#333333;}
.col_container a {color: #5BA5B5; text-decoration:none;}
.col_container a:visited {color: #5BA5B5; text-decoration:none;}
.col_container a:hover {color: #FF3300; text-decoration: underline;}
.col1 { float: left; width: 200px; text-align:left; padding: 0; margin: 0; clear:both;}
.col2 {float: left; width: 110px; text-align:center;padding: 0; margin: 0;}
.col3 {float: left; width: 112px;text-align:center;padding: 0; margin: 0px 0px 0px 7px;}
.col4 {float: left; width: 110px;text-align:center;padding: 0; margin: 0px 0px 0px 4px;}
.colspacer {  width: 570px;  margin-top: 4px; border-bottom: 1px solid #BFE0E3; float: left; margin-bottom: 5px; height:1px;}




/*********************************/
/* 4 - Formatação Geral */
/*********************************/

/*--------------------*/
/* 4.1 - Caixas de texto */
/*--------------------*/
.content-txtbox {margin: 0px; padding: 6px 0px 0px 0px; color: #919191; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.content-txtbox p {margin: 6px 0px 0.4em 0px; padding: 0px; line-height: 1.2em; color:#646464; }
.content-txtbox a {color: #5BA5B5; text-decoration:none;}
.content-txtbox a:visited {color: #5BA5B5;}
.content-txtbox a:hover{color: #FF3300; text-decoration: underline;}
.content-txtbox ul {list-style-position:inside; padding-left:0.8em; margin: 0;}
.content-txtbox li {  padding-top: 6px;  }

.content-subtitle-size1 {margin: 0px; padding: 0px 0px 4px 1px; color: #A3A4AB; font-weight: bold; font-size: 110%;}
.content-subtitle-size2 {margin: 0px; padding: 4px 0px 6px 0px; color: #5297B1; font-weight: bold; font-size: 120%;}
.content-subtitle-size3 {margin: 0px; padding: 4px 0px 6px 0px;  color: #A3A4AB; font-weight: bold; font-size: 130%;}
.content-subtitle-size4 {margin: 0px; padding: 4px 0px 6px 0px; color: #A3A4AB; font-weight: bold; font-size: 140%;}
.content-subtitle-size5 {margin: 0px; padding: 4px 0px 6px 0px; color: #A3A4AB; font-weight: bold; font-size: 150%;}

.conteudo-pagetitle { overflow: hidden; width: 560px; margin: 0px 0px 2px 0px; padding: 3px 0px 2px 0px; color:#FC8212;  font-size: 16px;}



/*********************************/
/* 5 - Paragrafos Globais */
/*********************************/
p {margin: 0px 0px 0.4em 0px; padding: 0px; line-height: 1.2em; }

/*************************/
/* 6-  Imagens */
/*************************/
img.floatLeft { float: left; margin-right: 16px; margin-top: 10px; margin-left: 24px; margin-bottom:10px; border: none; }
img.homepage_small { float: left; margin-right: 6px; margin-top: 5px; margin-left: 6px;  border: none; margin-bottom:6px;}
img.thumbproduto { float: left; margin-right: 6px; margin-top: 5px; margin-left: 14px; margin-bottom:6px; border: none; }
img.categoria_big {float: right; margin-right: 10px; margin-top: 0px; margin-left: 8px;  margin-bottom:7px; border: none; }
img.floatglobal { float: left; margin-right: 16px; margin-top: 4px; margin-left: 6px; margin-bottom:10px; border: none;}


/*********************************/
/* 7- Footer */
/*********************************/
/*********************************/
.footer {  float:left;background-image:url(../images/globais/footer.jpg) ; background-repeat:no-repeat; height: 40px;	width: 800px;padding: 4px 0 0 0; margin-top: 8px;}
.footer_conteudo {width: 800px;	margin: 0 auto; margin-top :5px; text-align : center  }
.footer_conteudo p {font: Arial, Helvetica, sans-serif; font-size:11px;	color: #FC8212; padding:6px 0px 0px 0px;	margin: 0; }
.footer_conteudo a { text-decoration:none; color: #7CAFB8;}
.footer_conteudo a:visited {text-decoration:none; color:#7CAFB8;}
.footer_conteudo a:hover {text-decoration:underline; color: #FF3300;}

/*************************/
/* 8-  Navegacao */
/*************************/
.caminho { width: 620px; float:left ;  margin-top: 10px; padding-left: 5px; color: #999999; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;  }
.caminho a { color:#5EA4B0; text-decoration: none;}
.caminho a:visited { color:#5EA4B0; text-decoration: none;}
.caminho a:hover {color:#FF3300; text-decoration: underline; }

<!--Listas simples verticais-->
ul.vertnav {margin:14px 0px 0px 0px;padding:0;list-style:none;}

ul.vertnav li {display:block;background:url(../images/css/bulletglobal.jpg) top left no-repeat; margin:6px 0 0 3px;	padding:0px 0 5px 16px;border-bottom:1px solid #efefef; color: #838383; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; list-style-type:none;}
ul.vertnav li a { color:#64A7AA; text-decoration:none;}
ul.vertnav li a:visited { color:#64A7AA; text-decoration:none;}
ul.vertnav li a:hover { color: #FF3300; text-decoration:underline;}

/*--------------------*/
/* 8.1- Site Map */
/*--------------------*/
.sitemap_esq	{width:230px; float:left; margin-top: 10px;}
.sitemap_dir    {width:230px; float:left; margin-top: 10px;}
.sitemap-list ul{ list-style-type:none;}
.sitemap-list li{ list-style-type:none;}
.sitemap-list li  a{list-style-type:none; padding: 0 2px 0 14px; background: url(../images/css/list-bullet-purple.gif) no-repeat 0 2px; font-size:94%; text-decoration:none;}
.sitemap-list li a:hover{background: url(../images/css/list-bullet-gold.gif) no-repeat 0 2px; font-size:94%; text-decoration:none;color:#DB7900;}

/*************************/
/* 9-  Formulários */
/*************************/
/* 9.1 - Pesquisa */
.but { vertical-align: -3px; border: none; }

/*************************/
/* 10-  Headers e Spans */
/*************************/
/* 10.1 - Spans */
.laranja { color: #F66402; font-size: 13px;}
.laranja a { text-decoration:none; color: #F66402;}
.laranja a:visited {text-decoration:none; color: #F66402;}
.laranja a:hover { text-decoration:underline; color: #F66402;}

.feeds { color: #F66402; font-size: 11px;}
.feeds a { text-decoration:none; color: #F66402;}
.feeds a:visited {text-decoration:none; color: #F66402;}
.feeds a:hover { text-decoration:underline; color: #F66402;}

.red { color: #FD562D; font-size: 12px; font-weight: bold;}
.red a { text-decoration:none; color: #FD562D;}
.red a:visited {text-decoration:none; color: #FD562D;}
.red a:hover { text-decoration:underline; color: #FD562D;}

.blue { color: #5EA4B0; font-size: 12px; font-weight: bold;}
.blue a { text-decoration:none; color: #5EA4B0;}
.blue a:visited {text-decoration:none; color: #5EA4B0;}
.blue a:hover { text-decoration:underline; color: #FD562D;}

.sub {color: #5EA4B0; font-size: 12px; font-weight: bold;}



/* 10.2 - Headers */

h1 {font: Arial, Helvetica, sans-serif; font-size:16px;	color: #FC8212;}
h2 {font: Arial, Helvetica, sans-serif; font-size:15px;	color: #FC8212;}
h3 {font: Arial, Helvetica, sans-serif; font-size:13px;	color: #508E9C;}
h4 {font: Arial, Helvetica, sans-serif; font-size:12px;	color: #FC8212;}
h5 {font: Arial, Helvetica, sans-serif; font-size:11px;	color: #FC8212;}
h6 {font: Arial, Helvetica, sans-serif; font-size:10px;	color: #FC8212;}