/*
Name: Sliding Login Panel with jQuery 1.3.2
Author: Jeremie Tisseau
Author URI: http://web-kreation.com/
Script URI: http://web-kreation.com/index.php/tutorials/nice-clean-sliding-login-panel-built-with-jquery/
Date: March 26, 2009
Version: 1.0

	The CSS, XHTML and design is released under Creative Common License 3.0:
	http://creativecommons.org/licenses/by-sa/3.0/

*/       

html, body {border: 0; margin: 0; padding: 0;}

body {
  	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	/*background: #99A989 url(../images/bg.jpg) repeat 0 0;*/
	background-color:#1c1c1c;
  	line-height: 130%;
  	width: 100%;
  	min-width: 950px;
  	color: black;
}
ul{
	list-style:none;
	
}

a {
	color: #000;
	text-decoration: none;
}

a:hover {
	color: #e77817;
}

a img {
  border: none;/*remove border for linked images*/
}

h1 {
	font-size: 1.6em;
	height: 20px;
	padding-top: 0;
}

h2{
	font-size: 1.2em;
	height: 20px;
	padding-top: 0;
}

.highlight {background-color:#FF9D9D;border-bottom:#F30 1px solid;border-top:#F30 1px solid;padding: 4px 10px}

/***** Header ****/

#header{
	width:100%;
	height:70px;
	background-image:url(../images/bg_menu.jpg);
	background-repeat:repeat-x;
}
#menu{
	width:950px;
	margin:0 auto;
	
}
#logo{
	margin-top:25px;
	float:left;
	margin-right:10px;
	margin-left:25px;
}
#search{
	margin-top:20px;
	margin-right:25px;
	padding-top:10px;
	float:right;
	height:30px;
	width:258px;
	background:url(../images/pesquisa.png)no-repeat center;
}
#menuList{
	margin:0;
	padding:0;
	margin-left:5px;
	float:left;
	width:auto;
	height:70px;
}
ul.menuList{margin:0}

ul.menuList li a{
	margin:0;
	font-family:Arial;
	font-size:11px;
	color:#eaeaea;
	font-weight:bolder;
	float:left;
	width:100%;
	padding-top:30px;
	display:block;
	height:40px;
}
ul.menuList li a:hover{
/*	font-size:14px;*/
	color:#e77817;
}

#about, #clientes, #servico, #contato{width:110px;float:left;height:70px;margin:0}

#about a:hover, #about a:active, #about a:focus{background-image:url(../images/bullet_menu_active.png);background-position:bottom;background-repeat:no-repeat}
#about .active {background-image:url(../images/bullet_menu_active.png);background-position:bottom;background-repeat:no-repeat;color:#e77817;}

#clientes a:hover, #clientes a:active, #clientes a:focus{background-image:url(../images/bullet_menu_active.png);background-position:bottom;background-repeat:no-repeat;color:#e77817;}
#clientes .active {background-image:url(../images/bullet_menu_active.png);background-position:bottom;background-repeat:no-repeat;color:#e77817;}

#servico a:hover, #servico a:active, #servico a:focus{background-image:url(../images/bullet_menu_active.png);background-position:bottom;background-repeat:no-repeat;color:#e77817;}
#servico .active {background-image:url(../images/bullet_menu_active.png);background-position:bottom;background-repeat:no-repeat;color:#e77817;}

#contato a:hover, #contato a:active, #contato a:focus{background-image:url(../images/bullet_menu_active.png);background-position:bottom;background-repeat:no-repeat;color:#e77817;}
#contato .active {background-image:url(../images/bullet_menu_active.png);background-position:bottom;background-repeat:no-repeat;color:#e77817;}


/***** Main Layout ****/
#container {
	width:950px;
  	height: 100%;
  	text-align: center;/* IE fix to center the page */
	margin:10px auto;
}
#secao{
  	width:950px;
  	margin: 0 auto;/* center the page in Firefox */
  	text-align: left;
	padding: 0px;
	background-image:url(../images/maises_repete_y.jpg);
	background-position:right;
	background-repeat:repeat-y;
	float:left;
	position:relative;
	top:75px;
}
h1{
	margin:0px;
	margin-left:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bolder;
	color:#818181;
}
#content {
  	width:950px;
  	margin: 0 auto;/* center the page in Firefox */
  	text-align: left;
	padding: 0px;
	background-image:url(../images/maises_repete_y.jpg);
	background-position:right;
	background-repeat:repeat-y;
	float:left;
	margin-bottom:50px;
}


#left{
	width:630px;
	float:left;
	margin-top:50px;
}
#right{
	margin:0px;
	float:left;	
	margin-top:50px;
	margin-left:10px;
}

.blog{
	width:618px;
	background-color:#FFF;
	height:auto;
}
.cat{
	width:950px;
	background-color:#FFF;
	height:auto;
}

.cat_up{background:url(../images/cat_top.png) no-repeat;height:35px;margin:0;padding:0}
.cat_down{background:url(../images/cat_down.png) no-repeat;height:35px;margin-bottom:25px}

.blog_up{background:url(../images/blog_up.png) no-repeat;height:33px;margin:0;padding:0}
.blog_down{background:url(../images/blog_down.png) no-repeat;height:33px;margin-bottom:25px}

.local{width:307px;height:auto;margin-bottom:25px}
.local_up{background:url(../images/bar_top_307.png) no-repeat;height:20px;margin:0;padding:0}
.local_down{background:url(../images/bar_bottom_307.png) no-repeat;height:20px;margin:0;padding:0}
.local h1{
	margin:0px;
	margin-left:25px;
	padding-top:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bolder;
	color:#818181;

}
.local p{
	clear:both;
	padding:10px 0px 10px 25px;
	margin:0px;
	text-align:justify;
}
.cat p{
	clear:both;
	width:950px;
	padding:10px 0px 10px 25px;
	margin:0px;
	text-align:justify;
}


.blog p{
	clear:both;
	width:570px;
	padding:10px 0px 10px 25px;
	margin:0px;
	text-align:justify;
	
}
.blog h1, .cat h1{
	background:url(../images/seta_blog.jpg) no-repeat;
	margin:0px;
	margin-left:25px;
	padding-left:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:bolder;
	color:#e77817;
}
.blog h2, .cat h2{
	margin:0px;
	padding-left:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bolder;
	color:#818181;
	float:left;
}
.blog_comentarios a{
	float:right;
	margin-top:0px;
	margin-right:25px;
	color:#818181;
	font-weight:bolder;
	font-size:12px;
}
.blog_comentarios a:hover{color:#e77817}
.tag{
	padding-top:10px;
}
ul.tags{
	margin:0px;
	display:inline;
	width:auto;
	
}
ul.tags li{
	display:block;
	float:left;
	width:auto;
	margin-left:10px;
}
ul.tags li a{
	font-size:10px;
	display:block;
	color:#e77817;
}
ul.tags li a:hover{
	color:#1c1c1c;
}

/***** COMENTARIOS ****/
.comentarios{
	margin:25px;
	width:570px;

}
.comentarios h2{
	margin:0px;
	padding-left:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bolder;
	color:#818181;
	float:left;
}
.comentarios p{
	clear:both;
	padding:10px 0px 10px 4px;
	margin:0px;
	text-align:justify;

}
.comentarios-data{
	float:right;
	margin-top:0px;
	margin-right:25px;
	color:#e77817;
	font-weight:bolder;
	font-size:12px;
}


/***** SERVIÇOS ****/
.servico{
	width:618px;
	background-color:#FFF;
	height:auto;
}
.servico p{
	clear:both;
	width:570px;
	margin:0px;
	padding-bottom:10px;
	padding-left:25px;
	text-align:justify;
	color:#333;
}
.servico h1{
	margin:0px;
	margin-left:25px;
	padding-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bolder;
	color:#000;
}
.servico h2{
	margin:0px;
	padding-top:10px;
	padding-left:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bolder;
	color:#e77817;
	float:left;
}


/***** CLIENTES ****/
.cliente{

	width:207px;
	height:auto;
	float:left;
	margin-left:25px;
	text-align:center;

}
.clientes_up{background:url(../images/bar_top_207.png) no-repeat;height:20px;margin:0;padding:0}
.clientes_down{background:url(../images/bar_bottom_207.png) no-repeat;height:20px;margin-bottom:25px}

.clientesFundo{
	width:207px;
	background-color:#FFF;
	height:165px;
	text-align:center;
}
.cliente .clientesFundo p{
	width:207px;
	text-align:justify;
	padding-left:25px;
}
.clientesFundo h1{
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bolder;
	color:#e77817;

}

/***** PROFILE CLIENTES ****/

.profile_up{background:url(../images/cat_top.png) no-repeat;height:35px;margin:0;padding:0}
.profile_down{background:url(../images/cat_down.png) no-repeat;height:35px;margin:0;padding:0;clear:both}

.profile{
	width:950px;
	height:auto;
	float:left;
	background-color:#fff;
}
.profile h1{
	text-align:left;
	margin:0px;
	padding-top:5px;
	padding-left:25px;
	padding-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bolder;
	color:#e77817;

}
.profile h2{
	text-align:left;
	margin:0px;
	padding-left:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bolder;
	color:#818181;

}
.picProfile{
	text-align:center;
	float:left;
	width:200px;
	background-color:#fff;
}
.descProfile{
	float:left;
	width:675px;
	background-color:#fff;
}
.descProfile p{
	padding:10px 0px 10px 25px;
	margin:0px;
	text-align:justify;
}
/***** SIDE BAR ****/

.titulo_left{
	background-image:url(../images/fundo_titulo_direita.png);
	background-repeat:no-repeat;
	width:310px;
	height:40px;
	clear:both;
	padding-bottom:30px;
}

h1.titulo{
	margin:0;
	padding-left:25px;
	line-height:40px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#e77817;
	clear:both;
	margin-bottom:30px;
}
h1.localizacao{
	font-size:20px;
	font-weight:bold;
	color:#e77817;
	clear:both;
	text-align:left;

}
.producao{
	float:left;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:23px; 

}

/***** FOOTER ****/
#base{
	clear:both;
	background-image:url(../images/maises_repete_x.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	height:222px;
	margin:0px;
	text-align:center;
}
#footer{
	clear:both;
	background-image:url(../images/bg_footer.jpg);
	background-repeat:repeat-x;
	height:295px;
}
#rodape{
	width:950px;
	margin:0 auto;
}
#mapsite{
	margin-top:30px;
	float:left;
}
.newsletters{
	width:245px;
	height:155px;
	float:left;
	background-image:url(../images/newsletter_balao.png);
	background-repeat:no-repeat;
	background-position:bottom;
}
button{ 
	background:#f0f0f0;
	border:solid 1px #d4d4d4;
	width:162px;
	height:25px;
	float:right;
	margin-right:18px;
	font-size:12px;
	margin-bottom:5px;
	margin-top:7px;
	color:#666;
}
button:hover{
	color:#222;
	border:solid 1px #999;
	background:#d4d4d4;
}
.map{
	width:130px;
	margin-left:25px;
	float:left;
}
.map-bg{
	background-image:url(../images/map_site_sep.png);
	background-position:right;
	background-repeat:no-repeat;
	min-height:150px;

}
.map h3{
	font-size:11px;
	color:#d1d1d1;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.map ul{margin:0px;padding:0}
.map ul li a{
	font-size:11px;
	color:#d1d1d1;
	font-family:Arial, Helvetica, sans-serif;
}
.map ul li a:hover{
	color:#de8334;

}

.msgError{
	margin-left:25px;
	background-image:url(../images/error.gif);
	background-repeat:no-repeat;
	background-position:5px 50%;
	background-color:#fbe3e4;
	border:2px solid #fbc2c4;
	padding:5px;
	padding-left:25px;
	width:535px;
}
.msgSucess{
	margin-left:25px;
	background-image:url(../images/sucess.gif);
	background-repeat:no-repeat;
	background-position:5px 50%;
	background-color:#beffac;
	border:2px solid #093;
	padding:5px;
	padding-left:25px;
	width:535px;

}



/***  TOOLTIP   ***/
#easyTooltip{
	margin-left:10px;
	padding:10px;
	border:2px solid #000;
	background-color:#e77817;
	color:#fff;
	font-weight:500;
	font-family:Arial;
	font-size:13px;
}


/* CATEGORIAS CLIENTES */


ul.the_menu{
	margin:6px;
	padding:0;
	text-align:center;
}
.the_menu {
	display:none;
	width:250px;
	z-index:100;
	position:absolute;
	
}

li.top{background-image:url(../images/bg_li_top.png);background-position:top;width:250px;height:22px}
li.bottom{background-image:url(../images/bg_li_bottom.png);background-position:bottom;width:250px;height:22px}

.the_menu li.normal {
	background-color:#fff;
	width:250px;
}

.the_menu li a {
	color:#000; 
	text-decoration:none; 
	padding:7px;
	display:block;
	background-color:#fff;
	border-left:1px solid #000;
	border-right:1px solid #000;
	
}

.the_menu li a:hover {
	font-weight:bold;
	color: #e77817;
	background-color:#f9f9f9;
}