@charset "utf-8";
/*
Theme Name: Megalo`pe - Transportes e Soluções em Logística
Theme URL: http://www.megalope.com.br & http://www.megalope.com
Description: Transportadora de Cargas
Version: 1.0 
Data: 20/04/2008
Author: Felipe da Silva Rosas (eusniper@hotmail.com)
Author URL: http://eufelipe.com
*/

* {
	text-decoration:none;
	margin:0;
	padding:0;
	list-style:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

/************************************************
					GERAL
*************************************************/
body {
	background:#333 url(../site/pics/bg.gif)	}
	
	
img {border:none;}		


#geral {
	width:780px;
	margin:0 auto;
	background:#fff;
}


/************************************************
					TOPO DO SITE
*************************************************/
#Topo {

}
h1.Logo a{
	background:url(../pics/Logo-Megalope.jpg) no-repeat;
	width:277px;
	height:100px;
	text-indent:-9000px;
	overflow:hidden;
	display:block;
}

/***********************************************
		MENU HORIZONTAL
************************************************/
#menu_horizontal {  
	background:#49010C url(../pics/Bg-Menu.jpg) repeat;  
	list-style: none;  
	margin: 0;  
	padding: 0;  
	width: 780px;
	height:38px;
}  
#menu_horizontal li{  
	float: left;  /*  display: inline; testar se no final vai dar na mesma por causa desse comando!!!  margin-right: 2px;*/  
}  
#menu_horizontal li a{  
	display: block;  
	background:#49010C url(../pics/Bg-Menu.jpg) repeat;
	padding:10px 9px;
	font-family: "Trebuchet MS" Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration: none;  
	text-align: center;  
	color: #fff;   

}  
#menu_horizontal li a:hover{  
	color: #CCCCCC;
	background: url(../pics/Bg-Menu-hover.jpg) repeat; 

}

/************************************************
			IMAGEM CENTRAL
*************************************************/
#Imagem-Central {
	background:url(../pics/Imagem-Central.jpg) no-repeat;
	width:780px;
	height:260px;
}
#Imagem-Central h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:22px;
	text-transform:uppercase;
	color:#FFFFFF;
	padding:5px 0px 0px 10px;

}

.Imagem-Central-QuemSomos {
	background:url(../pics/Topo-Quem-Somos.jpg) no-repeat;
	width:780px;
	height:260px;
}


.Imagem-Central-Servicos {
	background:url(../pics/Topo-Servicos.jpg) no-repeat;
	width:780px;
	height:260px;
}

.Imagem-Central-Clientes {
	background:url(../pics/Topo-Clientes.jpg) no-repeat;
	width:780px;
	height:260px;
}

.Imagem-Central-Transportes {
	background:url(../pics/Topo-Transportes.jpg) no-repeat;
	width:780px;
	height:260px;
}

.Imagem-Central-Trabalhe {
	background:url(../pics/Topo-Admin.jpg) no-repeat;
	width:780px;
	height:260px;
}

.Imagem-Central-Contato{
	background:url(../pics/Topo-Contato.jpg) no-repeat;
	width:780px;
	height:260px;
}

.Imagem-Central-ServicosOnline{
	background:url(../pics/Topo-ServicosOnline.jpg) no-repeat;
	width:780px;
	height:260px;
}

.Texto-Pagina, .Imagem-Central-QuemSomos {float: right;}
.Texto-Pagina {
	width:700px;
	margin:0 auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	padding:10px 30px 30px 20px;
	text-align:justify;

}
.Texto-Pagina-contato {
	width:350px;
	margin:0 auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	padding:10px 30px 30px 20px;
	text-align:justify;
}
.Formulario {
	width:350px;
}
.Formulario, .Texto-Pagina-contato {float:left;}

fieldset {border:none;}

.imput-texto {
	width:300px;
	height:25px;
	margin-bottom:4px;
	background:#EFEFEF;
	border:1px solid #CCCCCC;
}

.imput-Area {
	margin-bottom:4px;
	width:300px;
	background:#EFEFEF;
	border:1px solid #CCCCCC;
}

.form-contato {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
}
.imput-Select {
	width:300px;
	background:#EFEFEF;
	margin-bottom:4px;
	border:1px solid #CCCCCC;
}
.Bnt-Enviar {
	width:150px;
	height:28px;
	background:#666666;
	border:1px solid #333333;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.Bnt-Enviar:hover{
	background: #66CC00;
	border:1px solid #009900;
}
.Fotos {
	width:700px;	
	float:left;
	margin-left:40px;
	}
.Fotos li{
display:inline;
	}

/************************************************
			DESTAQUES
*************************************************/
#Destaque {
	background:#292929;
	height:320px;
	padding:4px 0px 0px 4px;
}

.Destaque-1, .Destaque-2, .Destaque-3 {
	width:258px;
	float:left;
}

.Destaque-1, .Destaque-2, .Destaque-3 {
	background: url(../pics/Destaque-Corpo.jpg) repeat-y;
	}

.Destaque-1 p, .Destaque-2 p, .Destaque-3 p { 
	width:216px;
	font-family:"Trebuchet MS" Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0 auto;
	color:#c9c7c7;
	font-weight:bold;
	height:110px;
}

.Destaque-Top-1, .Destaque-Top-2, .Destaque-Top-3 {height:157px;}

.Destaque-Titulo-1, .Destaque-Titulo-2, .Destaque-Titulo-3 {height:21px; text-indent:-9000px; overflow:hidden;}


.Destaque-Top-1 {background:url(../pics/Destaque-Top-1.jpg) no-repeat;}
.Destaque-Top-2 {background:url(../pics/Destaque-Top-2.jpg) no-repeat;}
.Destaque-Top-3 {background:url(../pics/Destaque-Top-3.jpg) no-repeat;}

.Destaque-Titulo-1 {background:url(../pics/Destaque-Titulo-1.jpg) no-repeat;}
.Destaque-Titulo-2 {background:url(../pics/Destaque-Titulo-2.jpg) no-repeat;}
.Destaque-Titulo-3 {background:url(../pics/Destaque-Titulo-3.jpg) no-repeat;}

.Destaque-rodape {
	background:url(../pics/Destaque-Rodape-bnt.jpg) no-repeat;
	height:29px;
	}
a.Destaque-bnt {
	padding-top:2px;
	margin-left:110px;
	text-indent:-9000px;
	overflow:hidden;
	width:120px;
	display:block;
	height:18px;

}
/************************************************
			CHAMADAS
*************************************************/
#Chamadas {
	background:#c1bbbb;
	height:122px;

}
.Divisoria {
	background: url(../pics/Divisor-pontilhado.jpg) no-repeat;
	width:8px;
	height:121px;
}

.Imagem-Telefone {
	background:url(../pics/Telefone.jpg) no-repeat;
	width:125px;
	height:121px;
	margin-left:20px;
}
h2.Chamada-Titulo {
	font-family: "Trebuchet MS" Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	color:#3f3f3f;
	padding:10px 0px 0px 150px;
	width:200px;
}
p.Chamada-Desc-1 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	width:180px;
	padding:10px 0px 0px 150px;
}

.Imagem-Vistos {
	background:url(../pics/Visto.jpg) no-repeat;
	width:125px;
	height:121px;
}
p.Chamada-Desc-2 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	width:240px;
	padding:10px 0px 0px 130px;
	color:#857f7f;
}

.Chamada-1, .Divisoria, .Chamada-2 { float:left;}


.Chamada-1{
	width:380px;
	height:121px;
}


/************************************************
			FORMATACAO PARA AJAX
*************************************************/



/* Preloader */

#kore_li {
	position: absolute;
	text-align: center;
	top: -1px;
	left: 50%;
	margin-left: -200px;
	z-index: 5000;
}

#kore_li div {
	width: 400px;
	margin: 0px auto;
	text-align: left;
	line-height: 24px;
	font-size: 14px;
	height: 24px;
	min-height: 24px;
	padding: 8px 10px 8px 46px;
	background: url(../css/images/loading.gif) 6px 3px no-repeat;
	background-color: #FFFFFF;
	border: 1px solid #009900;
}

body.kore_li_start, body.kore_li_start * {
	cursor: progress !important;
}
/* ToolTip */
.panel_tooltip {
	position: absolute;
	background-color: rgb(255, 255, 234);
	border: 1px solid black;
	padding: 2px;
	display: none;
}
/* Content State */


#wrapper {
	width: 800px;
	margin: auto;
	padding: 10px 0;
}

#header {
}

#header a {
	color: #ffffff !important;
	font-weight: bold;
}

#left {
	width: 145px;
	float: left;
}

.threecols #center {
	width: 450px;
	float: left;
	
}

.threecols #right {
	width:162px;
	float: left;
}

#footer
{
	clear: both;
}
/************************************************
				   TEXTOS
*************************************************/

#texto {
	text-align:justify;
	width:600px;

}
.textos {
	font:12px/20px Verdana, Arial, Helvetica, sans-serif;
	color:#003366;
}
.textos p{
	font:12px/16px Verdana, Arial, Helvetica, sans-serif;
	color:#003366;
}
.textos a{
	font:12px/20px Verdana, Arial, Helvetica, sans-serif;
	color:#000033;
	font-weight:bold;
}
.textos a:hover{
	font:12px/20px Verdana, Arial, Helvetica, sans-serif;
	color:#CC3300;
	text-decoration:underline;
	font-weight:bold;
}
.titulo {
	text-transform:uppercase;
	font-weight:bold;
	font-size:14px;
	font: Verdana, Arial, Helvetica, sans-serif;
}
/************************************************
				TOPO do SITE
*************************************************/



/************************************************
				RODAPE
*************************************************/	
.rodape { 
	
	width:100%;
	clear:both;
	background:#565656 url(../pics/BgRodape.gif);
	height:180px;

	}
.rodape  ul li {display:inline;}

#menu-rodape  {
	width:750px;
	margin:0 auto;
	}
#menu-rodape  ul li a{
	padding-right:20px;
	padding-left:20px;
	color:#fff;
	font-weight:bold;
	font-family:Tahoma, "Times New Roman", Times, serif;
	font-size:12px;
	border-left:1px solid #484848;
	border-right:1px solid #6f6f6f;
	}	
#menu-rodape  ul li a:hover{
	color:#ccc;
	}
.Info-Empresa, .Copyright {
	font-family:Tahoma, "Times New Roman", Times, serif;
	font-size:11px;
	color:#a5adac;
	width:750px;
	margin:0 auto;
}	
.Copyright {
	float:right;
	width:400px;
	margin-right:10px;
}
.Copyright a{
	color:#a5adac;
}
.Copyright a:hover{
	color:#fff;
}
.Info-Empresa {
	float:left;	
	margin-left:10px;
	width:200px;
}
.rodape hr {
	width:770px;
	margin:0 auto;
	border-bottom:1px solid #6c6c6c;
	border-top:1px solid #4b4b4b ;
	}











/************************************************
			SpryValidationTextField
*************************************************/	
.textfieldRequiredMsg, 
.textfieldInvalidFormatMsg, 
.textfieldMinValueMsg,
.textfieldMaxValueMsg,
.textfieldMinCharsMsg,
.textfieldMaxCharsMsg,
.textfieldValidMsg {
	display: none;
}
.textfieldRequiredState .textfieldRequiredMsg, 
.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
.textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg
{
	display: inline;
	color: #CC3333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
.textfieldValidState input, input.textfieldValidState {
	background-color: #B8F5B1;
}
input.textfieldRequiredState, .textfieldRequiredState input, 
input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, 
input.textfieldMinValueState, .textfieldMinValueState input, 
input.textfieldMaxValueState, .textfieldMaxValueState input, 
input.textfieldMinCharsState, .textfieldMinCharsState input, 
input.textfieldMaxCharsState, .textfieldMaxCharsState input {
	background-color: #FF9F9F;
}
.textfieldFocusState input, input.textfieldFocusState {
	background-color: #FFFFCC;
}
.textfieldFlashText input, input.textfieldFlashText{
	color: red !important;
}

/************************************************
			SpryValidationSELECT
*************************************************/	

.selectRequiredMsg, .selectInvalidMsg {
	display: none;
}

.selectRequiredState .selectRequiredMsg,
.selectInvalidState .selectInvalidMsg {
	display: inline;
	color: #CC3333;
}
.selectValidState select, select.selectValidState {
	background-color: #B8F5B1;
}

select.selectRequiredState, .selectRequiredState select,
select.selectInvalidState, .selectInvalidState select {
	background-color: #FF9F9F;
}

.selectFocusState select, select.selectFocusState {
	background-color: #FFFFCC;
}

/************************************************
			SpryValidationTextArea
*************************************************/	
@charset "UTF-8";

.textareaRequiredMsg,
.textareaMinCharsMsg,
.textareaMaxCharsMsg,
.textareaValidMsg {
	display:none;
}

.textareaRequiredState .textareaRequiredMsg,
.textareaMinCharsState .textareaMinCharsMsg,
.textareaMaxCharsState .textareaMaxCharsMsg
{
	display: inline;
	color: #CC3333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold ;}
.textareaValidState textarea, textarea.textareaValidState {
	background-color:#B8F5B1;
}
textarea.textareaRequiredState, .textareaRequiredState textarea, 
textarea.textareaMinCharsState, .textareaMinCharsState textarea, 
textarea.textareaMaxCharsState, .textareaMaxCharsState textarea {
	background-color:#FF9F9F;
}
.textareaFocusState textarea, textarea.textareaFocusState {
	background-color:#FFFFCC;
}
.textareaFlashState textarea, textarea.textareaFlashState{
	color:red !important;
}