﻿/* 
-----------------------------------------------------------

CSS stylehome - cargastransnatal.com.br 

Author: Augusto Zanco Ramos;
Author e-mail: augusto.zanco@gmail.com;
Author flickr: http://www.flickr.com/photos/augusto_zanco/;

Created: 10/03/2012 (MM/DD/YYYY);
Modified: 10/03/2012 (MM/DD/YYYY);
Site CSS: www.cargastransnatal.com.br;

-----------------------------------------------------------
*/

body{
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
	background-color:#FFFFFF;
}

/*
-----------------------------------------------------------
CSS Index
-----------------------------------------------------------
*/

#paginaTotal{
	
}

#header{
	height:200px;
	background-color:#FFFFFF;
	background-image:url('../images/header_background.jpg');
	background-repeat:repeat-x;
	background-position:center center;
}

#headerconteudo{
	width:1000px;
	height:200px;
	margin:0px auto;
}

#headerLogo{
	width:300px;
	height:200px;
	float:left;
}

#headerImages{
	width:700px;
	height:200px;
	float:left;
}

#menu{
	height:72px;
	background-image:url('../images/menu_gradiente.jpg');
	background-repeat:repeat-x;
	background-position:center center;
}

#menuSuperior{
	height:15px;
	background-image:url('../images/gradiente_menu_superior.jpg');
	background-repeat:repeat-x;
	background-position:center center;
}

#menuConteudo{
	width:1000px;
	margin:0px auto;
}

#menuInferior{
	height:5px;
	background-image:url('../images/gradiente_menu_inferior.jpg');
	background-repeat:repeat-x;
	background-position:center center;
}

#content{
	height:1000px;
	background-color:#FFFFFF;
	background-image:url('../images/conteudo_gradiente.jpg');
	background-repeat:repeat-x;
	background-position:center top;
}

#sombra{
	height:10px;
	background-image:url('../images/sombra.jpg');
	background-repeat:repeat-x;
	background-position:center top;
}

#footer{
	height:180px;
	background-image:url('../images/footer_background.jpg');
	background-repeat:repeat-x;
	background-position:center top;
}

#linksMenu li{
	display:inline;
	font-size:18px;
	font-weight:bold;
	color:#1521d7;
	text-decoration:none;
	padding-left:82px;
	padding-right:82px;
}

#linksMenu a:active{
	font-weight:bold;
	color:#1521d7;
	text-decoration:none;
}

#linksMenu a:after{
	font-weight:bold;
	color:#1521d7;
	text-decoration:none;
} 
 
#linksMenu a:hover{
	font-weight:bold;
	color:#1521d7;
	text-decoration:none;
} 

#linksMenu a:before{
	font-weight:bold;
	color:#1521d7;
	text-decoration:none;
}

#linksMenu a:visited{
	font-weight:bold;
	color:#1521d7;
	text-decoration:none;
}


#linksMenu a:first{
	font-weight:bold;
	color:#1521d7;
	text-decoration:none;
}


#linksMenu a:link{
	font-weight:bold;
	color:#1521d7;
	text-decoration:none;
}

#linksList{
	width:1000px;
	margin:0px auto;
	color:#848484;
	text-decoration:none;
	font-style:italic;
	font-weight:bold;
}

 
#linksListFooter li{
	display:inline;
	text-decoration:none;
	font-size:15px;
	text-align:center;
	width:1000px;
	color:#848484;
	font-weight:bold;
	padding-left:60px;
	padding-right:60px;
}

#linksListFooter a:active{
	text-decoration:none;
	font-style:italic;
	color:#848484;
	font-weight:bold;

}

#linksListFooter a:after{
	text-decoration:none;
	font-style:italic;
	color:#848484;
	font-weight:bold;
} 
 
#linksListFooter a:hover{
	text-decoration:none;
	font-style:italic;
	color:#848484;
	font-weight:bold;

} 

#linksListFooter a:before{
	text-decoration:none;
	font-style:italic;
	color:#848484;
	font-weight:bold;
}

#linksListFooter a:visited{
	text-decoration:none;
	font-style:italic;
	color:#848484;
	font-weight:bold;
}


#linksListFooter a:first{
	text-decoration:none;
	font-style:italic;
	color:#848484;
	font-weight:bold;
}


#linksListFooter a:link{
	text-decoration:none;
	font-style:italic;
	color:#848484;
	font-weight:bold;
}


#footerCopyrights{
	height:100px;
	width:1000px;
	margin:0px auto;

}

#footerLinks{
	height:40px;
	width:1000px;
	margin:0px auto;
}

.ZancoTheme{
	font-size:10px;
}

#logohomeindex{
	width:200px;
	margin-left:50px;
	margin-top:10px;
}

#topImages{
	width:670px;
	height:170px;
	margin:15px 15px 15px 15px;
	background-color:black;
}

#contentIndex{
	background-color:#FFFFFF;
	background-image:url('../images/conteudo_gradiente.jpg');
	background-repeat:repeat-x;
	background-position:center top;
	padding-bottom:250px;
}

h4{
	text-align:justify;
}



/*
CSS Empresa
*/

#contentEmpresa{
	width:1000px;
	margin:0px auto;
	padding-top:60px;
}

.paragraphEmpresa{
	text-align:justify;
}

.titleEmpresa{
	color:#000099;
}

#logoEmpresa{
	width:150px;
}

/*
CSS Fretes
*/

#conteudopagina{
	width:1000px;
	margin:0px auto;
	margin-bottom:80px;
}

#contentFretes{
	background-color:#FFFFFF;
	background-image:url('../images/conteudo_gradiente.jpg');
	background-repeat:repeat-x;
	background-position:center top;
	padding-bottom:250px;
}

#pesquisafretes{
	width:300px;
	float:left;
	border:3px lightgray solid;
}

#resultadopesquisa{
	margin-left:8px;
	width:680px;
	float:left;
	border:3px lightgray solid;
	padding-bottom:30px;
}

#titulodapesquisa{
	height:30px;
	background-color:lightgray;
	color:white;
	font-weight:bold;
	font-size:20px;
	padding:5px;
}

#titulodoresultado{
	height:30px;
	background-color:lightgray;
	color:white;
	font-weight:bold;
	font-size:20px;
	padding:5px;
}

.fretesTabela{
	color:#000099;
	font-weight:bold;
	background-color:white;
	border-right:2px lightgray solid;
	border-left:2px lightgray solid;
	padding-right:8px;
	padding-left:8px;
	text-align:center;
}

.fretesResultado{
	text-align:center;
	background-color:lightgray;
	border-right:2px white solid;
	border-left:2px white solid;

}

.textFretes{
	text-align:justify;
}

.parParaBusca{
	text-align:justify;
	width:260px;
	margin-left:20px;
}


/*
CSS Contato
*/

#contentContato{
	width:1000px;
	margin:0px auto;
	padding-top:40px;
}

.contatoParagraph{
	color:#000099;
}

#contatoAlign{
	float:left;
	margin-left:110px;
}

#mailContato{
	width:470px;
	float:left;
}

#contatoInformations{
	float:left;
	border-left:1px #000099 solid;
	width:400px;
	height:380px;
	margin-left:30px;
}

.txtContato{
	width:350px;
}

.contatotextarea{
	width: 350px; height: 110px
}

.informationsParagraph{
	width: 350px;
	text-align:left;
	margin-left:30px;
	color:#000099;
}
