/* CSS Document */

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

Site: Laranja-Mecânica.com 2007
URL : http://www.laranjamecanica.com
Design e css : 360Graus

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

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

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

/*************************/
/* 1-  BODY */
/*************************/
 * {margin: 0;padding: 0;} 
body {font-size: 67.5%; margin: 0px auto; padding: 0px; font-family: arial, sans-serif; background: #fff url(../images/css/body_background.jpg) repeat-x 0 0; }
html, body { min-height: 100%; height: 100%;}
html { min-height: 100%; margin-bottom: 1px; }


/* 1.1 - Container Geral */
#container {width: 880px; 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: 280px; height: 58px; margin-top: 6px; padding: 0px; }
/* 2.1- Logotipo*/

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

/* 2.3 - Menu Principal */
div#menuprincipal {
height:23px;
width:643px;
padding:0;
border:0;
float:right;
position:absolute; right:0px; top:57px;
}
div#menuprincipal ul#menunav{
height:23px;
width:643px;
background:transparent url(../images/css/menuprincipal.jpg) 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:23px;
display:block;
}
div#menuprincipal ul#menunav li a{
text-indent:-9999px;
text-decoration:none;
}

#inicio{
left:1px;
width:70px;
}
.inicio_on { background:transparent url(../images/css/menuprincipal.jpg) -1px -23px no-repeat; }

#servicos{
left:74px;
width:76px;
}
.servicos_on { background:transparent url(../images/css/menuprincipal.jpg) -74px -23px no-repeat; }

#mobile{
left:153px;
width:70px;
}
.mobile_on { background:transparent url(../images/css/menuprincipal.jpg) -153px -23px no-repeat; }

#links{
left:226px;
width:60px;
}
.links_on { background:transparent url(../images/css/menuprincipal.jpg) -226px -23px no-repeat; }

#kits{
left:289px;
width:67px;
}
.kits_on { background:transparent url(../images/css/menuprincipal.jpg) -289px -23px no-repeat; }

#porto{
left:359px;
width:70px;
}
.porto_on { background:transparent url(../images/css/menuprincipal.jpg) -359px -23px no-repeat; }

#blog{
left:432px;
width:68px;
}
.blog_on { background:transparent url(../images/css/menuprincipal.jpg) -432px -23px no-repeat; }

#noticias{
left:503px;
width:68px;
}
.noticias_on { background:transparent url(../images/css/menuprincipal.jpg) -503px -23px no-repeat; }

#dicas{
left:574px;
width:68px;
}
.dicas_on { background:transparent url(../images/css/menuprincipal.jpg) -574px -23px no-repeat; }


/* Estado hover do menu */
#inicio a:hover{background:transparent url(../images/css/menuprincipal.jpg) -1px -23px no-repeat;}
#servicos a:hover{background:transparent url(../images/css/menuprincipal.jpg) -74px -23px no-repeat;}
#mobile a:hover {background:transparent url(../images/css/menuprincipal.jpg) -153px -23px no-repeat;}
#links a:hover {background:transparent url(../images/css/menuprincipal.jpg) -226px -23px no-repeat;}
#faqs a:hover {background:transparent url(../images/css/menuprincipal.jpg) -289px -23px no-repeat;}
#porto a:hover {background:transparent url(../images/css/menuprincipal.jpg) -359px -23px no-repeat;}
#blog a:hover {background:transparent url(../images/css/menuprincipal.jpg) -432px -23px no-repeat;}
#noticias a:hover {background:transparent url(../images/css/menuprincipal.jpg) -503px -23px no-repeat;}
#dicas a:hover {background:transparent url(../images/css/menuprincipal.jpg) -574px -23px no-repeat;}


/* 2.3 - Fim de Menu Principal */

/*************************/
/* 3-  Area conteudo Layout  */
/*************************/

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

.conteudo-container-2col-homepage-left{overflow: hidden; float: left; width: 560px; margin-top: 0px; padding: 0px; }
.homepage-boxes-text { margin: 0px 0px 0.4em 0px; padding: 1px 0px 0px 0px; line-height: 1.2em; font-size:11px; color: #666666; font-family:Verdana, Arial, Helvetica, sans-serif; clear:both; text-align:justify; }
.homepage-boxes-text a, a:visited {color: #498F9C; text-decoration: underline;}
.homepage-boxes-text a:hover{color: #F66013; text-decoration: none;}


.conteudo-container-2col-homepage-right{overflow: hidden; float: right; width: 300px; margin-top: 0px; padding: 0px; }
.sponsors-header { width: 300px; background-image: url(../images/css/sponsors_header.gif) ; height: 8px;}
#sponsors { width: 300px; background-color: #EFEFEF; float:left;}
#sponsors ul  li{  list-style: none;}
#sponsors .parceiros {  background: #efefef; float:left;  }
#sponsors .parceiros ul { list-style: none; width: 280px;  padding: 8px 10px 7px 0px; }
#sponsors .parceiros ul li { float: left; list-style: none; }
#sponsors .parceiros ul li img {border: 1px solid #fff; height: 114px; width: 118px; padding: 1px; margin-left: 18px;margin-bottom: 5px;}
.sponsors-footer { width: 300px; background-image: url(../images/css/sponsors_footer.gif) ; height: 8px; float:left;}

/* Caixas de texto e listas da coluna direita */

.homepage-right-box-header { float:left; width: 300px; background-color:#E9E9E9; height: 22px; margin-top: 16px;}
.homepage-right-box-body {float: left; width: 298px; border: 1px solid #E9E9E9 ; font-family:Arial, Helvetica, sans-serif; font-size: 13px;}
.homepage-right-box-body a {color: #45768F; text-decoration:none;}
.homepage-right-box-body a:visited {color: #45768F; text-decoration:none;}
.homepage-right-box-body a:hover{color: #F66013; text-decoration: none;}
.homepage-right-box-body p { margin: 0px 0px 0.4em 0px; padding: 0px; line-height: 1.2em;   }
.content-subtitle-size1-homepage {margin: 0px; padding: 4px 0px 5px 7px; color: #FF9900; font-weight: bold; font-size:1.2em;}


/* 2 colunas homepage com várias opções de cor */


.container-2col-left-homepage-lightblue{overflow: hidden; float: left; width: 246px; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; background-image:url(../images/css/homepage-col-lightblue.jpg); background-repeat:no-repeat;}
.container-2col-left-homepage-lightblue-footer{ float: left; width: 246px; margin: 8px 0px 0px 0px; padding: 0px 0px 0px 0px; background-image:url(../images/css/homepage-col-lightblue-footer.jpg); background-repeat:no-repeat; height: 7px;}

.container-2col-right-homepage-lightgreen {overflow: hidden; float: right; width: 246px; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px;background-image:url(../images/css/homepage-col-lightgreen.jpg); background-repeat:no-repeat;}
.container-2col-right-homepage-lightgreen-footer{ float: left; width: 246px; margin: 8px 0px 0px 0px; padding: 0px 0px 0px 0px; background-image:url(../images/css/homepage-col-lightgreen-footer.jpg); background-repeat:no-repeat; height: 7px;}


.container-2col-left-homepage-red {overflow: hidden; float: left; width: 246px; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px;background-image:url(../images/css/homepage-col-red.jpg); background-repeat:no-repeat;}
.container-2col-left-homepage-red-footer{ float: left; width: 246px; margin: 8px 0px 0px 0px; padding: 0px 0px 0px 0px; background-image:url(../images/css/homepage-col-red-footer.jpg); background-repeat:no-repeat; height: 7px;}


.container-2col-right-homepage-orange {overflow: hidden; float: right; width: 246px; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px;background-image:url(../images/css/homepage-col-orange.jpg); background-repeat:no-repeat;}
.container-2col-right-homepage-orange-footer{ float: left; width: 246px; margin: 8px 0px 0px 0px; padding: 0px 0px 0px 0px; background-image:url(../images/css/homepage-col-orange-footer.jpg); background-repeat:no-repeat; height: 7px;}


.container-2col-left-homepage-bordeaux{overflow: hidden; float: left; width: 246px; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; background-image:url(../images/css/homepage-col-bordeaux.jpg); background-repeat:no-repeat;}
.container-2col-left-homepage-bordeaux-footer{ float: left; width: 246px; margin: 8px 0px 0px 0px; padding: 0px 0px 0px 0px; background-image:url(../images/css/homepage-col-bordeaux-footer.jpg); background-repeat:no-repeat; height: 7px;}


.container-2col-right-homepage-darkblue{overflow: hidden; float: right; width: 246px; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; background-image:url(../images/css/homepage-col-darkblue.jpg); background-repeat:no-repeat;}
.container-2col-right-homepage-darkblue-footer{ float: left; width: 246px; margin: 8px 0px 0px 0px; padding: 0px 0px 0px 0px; background-image:url(../images/css/homepage-col-darkblue-footer.jpg); background-repeat:no-repeat; height: 7px;}



.homepage-boxtitle-size1 {margin: 0px; padding: 4px 0px 4px 10px; color: #FFFFFF; font-weight: bold; font-size: 110%; height:23px;}

a.box-links { text-decoration:none; color:#FF6600; float:right; padding-right: 6px; padding-top: 4px; font-size: 11px; line-height: 18px;}
a:visited.box-links { color:#FF6600; }
a:hover.box-links { text-decoration: underline; color:#EA5E00;}

/* Caixas Conteudo homepage */
.content-txtbox-homepage {margin: 0px;padding: 10px 0px 0px 1px; color: #666666;font-size:13px; font-family: Arial, Helvetica, sans-serif;}
.content-txtbox-homepage a {color: #498F9C; text-decoration:none;}
.content-txtbox-homepage a:visited {color: #498F9C; text-decoration:none;}
.content-txtbox-homepage a:hover{color: #F66013; text-decoration: none;}
.content-txtbox-homepage p { margin: 0px 0px 0.4em 0px; padding: 0px; line-height: 1.2em;   }

/* Caixas Noticias */
.noticias { float:left; font-family:Verdana, Arial, Helvetica, sans-serif; }
.noticias img { float: inherit; vertical-align: -12px; margin-bottom: 4px; }
.noticias p {margin: 0px 0px 0.4em 0px; padding: 0px; line-height: 1.2em; font-size: 11px; padding-left: 2px; color:#666666; }
.noticias a { text-decoration:underline; color: #4B829E;}
.noticias a:visited {text-decoration:underline; color: #4B829E;}
.noticias a:hover {text-decoration:none; color: #FF6600;}

/* Publicidade Jamba */
.publicidade-jamba-homepage { float:left; margin-top: 20px; text-align:center; width: 560px;}

/* Publicidade Air Berlin */
.publicidade-airberlin-homepage {float:left; margin-top: 12px; width: 300px;}
.publicidade-airberlin-homepage p { text-align:center;}

/* 3.2 - Layout global */
.spacer {  float:left; width: 800px; height: 2px; margin-top: 22px; }
.left_tabbed { padding-left: 30px; }

.conteudo { float: left; width: 650px;  margin-top: 0px; padding: 0px 0px 0px 26px; font-size: 1.0em; font-family:Verdana, Arial, Helvetica, sans-serif;}
.conteudo-container {clear: both; float: left; width: 650px; margin: 0px 0px 8px 0px; padding: 0px;}

.conteudo-pagetitle { overflow: hidden; width: 600px; margin: 0px 0px 2px 0px; padding: 10px 0px 2px 0px; color: #50A3B4;  font-size: 17px;}

/* 1 coluna */
.conteudo-container-1col {overflow: hidden; width: 650px; margin: 0px; padding: 0px;}

/*2 colunas de caixas de texto*/
.conteudo-container-2col-left{  overflow: hidden; float: left; width: 280px; margin-top: 10px; padding: 0px; }
.conteudo-container-2col-right{overflow: hidden; float: right; width: 280px; margin-top: 10px; padding: 0px; }




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

/*--------------------*/
/* 4.1 - Headers */
/*--------------------*/
h1 { font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#FF9900;}
h2 {font-family:Arial, Helvetica, sans-serif; font-size:14px;  color:#FF9900;}
h3 {font-family:Arial, Helvetica, sans-serif; font-size:13px; color: #FF6600; margin: 0px; padding: 4px 0px 6px 0px; }
h3 a { color:#363636; text-decoration:none;}
h3 a:visited {color:#363636; text-decoration:none;}
h3 a:hover { color:#5EA3AA; text-decoration:none;}
h4 {font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #477883; margin: 0px; padding: 4px 0px 6px 0px;}
h5 {font-family:Arial, Helvetica, sans-serif; font-size:11px; color: #477883; margin: 0px; padding: 4px 0px 6px 0px; }
h6 {font-family:Arial, Helvetica, sans-serif; font-size:11px; color: #3F6B81; margin: 0px; padding: 0px 0px 0px 0px; font-weight:bold;}

/*--------------------*/
/* 4.2 - Spans */
/*--------------------*/
.laranja {color:#FE9E5E;}

/*--------------------*/
/* 4.3 - Titulos e caixas de texto */
/*--------------------*/

/* Titulos e caixas de texto*/
.content-title-size1 {margin: 0px; padding: 0px; color: #62646C; font-weight: bold; font-size: 130%;}
.content-title-size2 {margin: 0px; padding: 0px 0px 10px 0px; color: #4A89A8;  font: normal 20px  "Times New Roman", Times, serif, Georgia, Arial;}
.content-title-size3 {margin: 0px; padding: 0px; color: #60B3B7; font-weight: bold; font-size: 120%;}
.content-title-size4 {margin: 0px; padding: 0px; color: #62646C; font-weight: bold; font-size: 180%;}
.content-title-size5 {margin: 0px; padding: 0px; color: #62646C; font-weight: bold; font-size: 200%;}

.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: #A3A4AB; font-weight: bold; font-size: 120%;}
.content-subtitle-size3 {margin: 0px; padding: 4px 0px 6px 0px;  color: #FF9900; font-weight: bold; font-size: 120%;}
.content-subtitle-size4 {margin: 0px; padding: 4px 0px 6px 0px; color: #8BBECF; font-weight: bold; font-size: 12px;}
.content-subtitle-size5 {margin: 0px; padding: 4px 0px 6px 0px; color: #A3A4AB; font-weight: bold; font-size: 150%;}

.content-txtbox {margin: 0px; padding: 1px 0px 0px 0px; color:#6B6B6B; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.content-txtbox a {color: #5BA5B5; text-decoration:none;}
.content-txtbox a:visited {color: #5BA5B5; text-decoration:none;}
.content-txtbox a:hover {color: #FF6600; text-decoration:underline;}



/*********************************/
/* 5- Navegação */
/*********************************/

/* 5.1 - Barra lateral esquerda */

.col_esquerda { float: left; margin-top: 20px; margin: 0;padding: 0; width: 190px;}
	
ul.nav {
	font-size: 12px;
	width: 180px;
	margin: 0;
	padding: 0;
	list-style: none;
	background: #fff url(../images/css/menu_li.gif) repeat-y bottom right;
	}

.nav li {
	font-weight: bold;
	list-style-type: none;
	margin: 0;
	padding: 0;
	list-style-image: none;
	}
.nav li ul {
	margin: 0;
	padding: 0;
	}
.nav li ul li {
	font-weight: normal;
	margin: 0;
	padding: 0;
	}
.nav li.superior {
	margin: 0;
	padding: 0;	
	font-size:13px;
	}
.nav li.inferior {
	padding: 0;
	margin: 0;
	}
.nav li a {
	display: block;
	padding: 10px;
	background: #fff url(../images/css/menu_li_1.gif) no-repeat bottom right;
	margin: 0;
	width: 180px;
	text-decoration:none;
	color:#335271;
	}
.nav ul li a {
	width: 170px;
	padding: 6px 10px 6px 20px;
	}
.nav a:hover {
	color: #6cf;
	}

.nav li a.activo {
	color: #456F7E;
	font-weight: bold;
	background: url(../images/css/menu_li_1.gif) no-repeat bottom right;	
	text-decoration: underline;
	font-size:12px;
	}

.nav li a.activo:hover
	{
	color: #456F7E;
	}

/* bloco navegação */

.bloco-nav {
	padding: 0 0 10px 0;
	background: #fff url(../images/css/menu_ul.gif) bottom right no-repeat;
	}
.bloco-nav h2 {
	font-size: 16px;
	font-weight: bold;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	padding: 15px 0 10px 10px;
	width: 190px;
	background: #fff url(../images/css/menu_ul_1.gif) bottom right no-repeat;
	}
	
	
/* 5.2 - Listas simples verticais */
ul.vertnav {margin:14px 0px 0px 0px;padding:0;list-style:none;}

ul.vertnav li {clear:both; display:block;background:url(../images/css/bullet-gold.gif)  no-repeat  0 2px; margin:6px 0 0 3px;	padding:0px 0 5px 16px; color: #838383; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; list-style-type:none;}
ul.vertnav li a { color: #5A98A3; text-decoration:none;}
ul.vertnav li a:visited { color:#5A98A3; text-decoration:none;}
ul.vertnav li a:hover { color: #ACCDD2; text-decoration:underline;}

/* 5.3 - Listas favoritos homepage */
.homepage-right-box-body ul {list-style-type:none; padding-left:0.8em; margin: 0; margin:11px 0 0 0px; }
.homepage-right-box-body li { padding: 0px 0px 6px 24px; background:url(../images/css/icon-laranja.gif) top left no-repeat;  }

/* 5.4 - Listas com icon de pagina */
ul.pageicon {list-style-type:none; padding-left:0.8em; margin: 0; margin:11px 0 0 0px; }
ul.pageicon li { padding: 0px 0px 8px 24px; background:url(../images/css/page-bullet.gif) top left no-repeat;font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px;  }
ul.pageicon li a { color: #4B829E; text-decoration:none;}
ul.pageicon li a:visited { color:#4B829E; text-decoration:none;}
ul.pageicon li a:hover { color: #ACCDD2; text-decoration:underline;}

/* 5.4 - Listas com icon de estrela */
ul.redstar {list-style-type:none; padding-left:0.8em; margin: 0; margin:11px 0 0 0px; }
ul.redstar li { padding: 0px 0px 8px 24px; background:url(../images/css/redstar-icon.gif) top left no-repeat;font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px;  }
ul.redstar li a { color: #4B829E; text-decoration:none;}
ul.redstar li a:visited { color:#4B829E; text-decoration:none;}
ul.redstar li a:hover { color: #ACCDD2; text-decoration:underline;}

/* 5.5 - Listas serviços Homepage */
ul.servicos-homepage { clear:both; list-style-type: none; margin-top: 6px; padding-left: 6px; }
ul.servicos-homepage img { border: none; }
ul.servicos-homepage li {display: inline;list-style-type: none; padding-right: 10px; float:left; text-align:center; padding-top: 8px; width: 68px; }
ul.servicos-homepage li a { color: #FFFFFF; text-decoration:none;}
ul.servicos-homepage li a:visited { color: #FFFFFF; text-decoration:none;}
ul.servicos-homepage li a:hover { color: #FF6600; text-decoration:none;}

/* 5.6 - Lista kits homepage */
ul.kits {list-style-type:none; padding-left:0.8em; margin: 0; margin:11px 0 0 0px; }
ul.kits li { padding: 0px 0px 8px 24px; background:url(../images/css/kits-icon.gif) top left no-repeat;font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px;  }
ul.kits li a { color: #4B829E; text-decoration:none;}
ul.kits li a:visited { color:#4B829E; text-decoration:none;}
ul.kits li a:hover { color: #ACCDD2; text-decoration:underline;}

/* 5.6 - Lista software homepage */
ul.software {list-style-type:none; padding-left:0.8em; margin: 0; margin:11px 0 0 0px; }
ul.software li { padding: 0px 0px 8px 24px; background:url(../images/css/software-icon.gif) top left no-repeat;font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px;  }
ul.software li a { color: #4B829E; text-decoration:none;}
ul.software li a:visited { color:#4B829E; text-decoration:none;}
ul.software li a:hover { color: #ACCDD2; text-decoration:underline;}






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


/*********************************/
/* 7- Imagens */
/*********************************/

/* 7.1 - Imagens globais */
img.floatLeft { 
    float: left; 
    margin-right: 8px;
	margin-top: 3px; 
	border: none;
}

.homepage_large { float:left; border: solid 1px #E6E6E6; margin-right: 25px; padding: 2px 2px 2px 2px; }


/*********************************/
/* 8- Footer */
/*********************************/
/*********************************/
.footer { float: left; width:880px;  background-image: url(../images/css/footer_background.png); background-repeat:no-repeat;  margin-top: 14px; margin-bottom: 8px; overflow:hidden; }

.footer-col { float:left; width: 208px; margin-left: 8px;}

ul.footernav {margin:4px 0px 0px 0px;padding:0;list-style:none;}
ul.footernav li {clear:both; display: margin:6px 0 0 3px;	padding:0px 0 5px 16px; color: #838383; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; list-style-type:none;}
ul.footernav li a { color: #3F6B81; text-decoration:none;}
ul.footernav li a:visited { color:#3F6B81; text-decoration:none;}
ul.footernav li a:hover { color: #3A6378; text-decoration:underline;}


/*********************************/
/* 9- Formulário */
/*********************************/