/* 
Template Name: Pontocom Serviços Tecnológicos
Author: Avelino Sampaio
Author URI: http://www.usandoaccess.com.br
*/

/* ==== corpo ==== */

* {
	margin: 0;
	padding: 0;
}


body {
	text-align: center;
	background: #fff url(../imagens/body_bg.jpg) top center repeat-y;
	color: #131313;
	font-size: 90%;
	font-family: verdana, tahoma, Georgia, "Times-New-Roman", serif;
}

/* == Tamanho da página com a largura de 900 px == */

#container {
	width: 900px;
	margin: 0 auto;
	text-align: left;
	}
	
/* == cabeçalho == */

#header {
	position: relative;
	width: 860;
	_width 900;
	height: 50px;
	background: #fff url(../imagens/header.jpg) left top no-repeat;
	padding: 20px;
}

#header h1 {
	font-size: 2.3em;
	_margin-top: 15px;
	color: #333;
	background: transparent url(../imagens/logo.jpg) left center no-repeat;
	padding-left: 55px;
	height: 40px;
}

/* =======================================*/
/* == Configurações do menu horizontal == */
/* =======================================*/

#top-menu {
margin: 0;
padding: 0;
float: left;
font: bold 13px Arial;
width: 100%;
border: 1px solid #666;
border-width: 1px 0;
background: black url(../imagens/blockdefault.gif) center center repeat-x;
}

#top-menu li{
display: inline;
}

#top-menu li a{
float: left;
color: white;
padding: 6px 20px;
text-decoration: none;
border-right: 1px solid white;
border-bottom: 0 none;
}

#top-menu li a:visited{
color: white;
}

#top-menu li a:hover, #top-menu li.active a {
color: #fff;
background: transparent url(../imagens/blockactive.gif) center center repeat-x;
}
/* fim menu horizontal */


/* ==================================== */
/* == Configuração central da página == */
/* ==================================== */

#main {
	width: 900px;
	min-height: 300px;
	height: auto !important;
	float: left;
	/* background: red */
}

/* == Faixa da esquerda da configuração central == */

#left {
	width: 150px;
	padding: 0px 30px 20px 20px;
	float: left;
	}
	
/* == Faixa da direita da configuração central == */

#right {
	float: left;
	width: 165px;
	padding: 10px 10px 10px 10px;
	/* background: black */
}

/* == Faixa principal da configuração central == */

#content {
	float: left;
	width: 680px;
	_width: 720px;
	height: auto !important;
	/* background: #fff url(../imagens/rose.jpg) left 20px no-repeat; */
	padding: 20px 15px;
	/* background: blue */
	}

#content table td {
	text-align: left;
	font: normal 1em verdana, tahoma, sans-serif;
	font-size: 90%;
	padding: 3px 2px 3px 2px;
	/* height: 25px; */
}

#content table tr {
	text-align: left;
	font: normal 1em verdana, tahoma, sans-serif;
	font-size: 90%;
	padding: 3px 2px 3px 2px;
	/* height: 25px; */
}


#content p {
	margin-bottom: 10px;
	text-align: justify;
	font: normal 1em verdana, tahoma, sans-serif;
	font-size: 90%;
}

#content h2 {
	font-size: 1.2em;
	margin-top: 12px;
	margin-bottom: 8px;
	background: transparent;
}

#content h4 {
	font-size: 1.2em;
	margin-top: 0px;
	margin-bottom: 8px;
	background: transparent;
}

#content h3 {
  margin-top:0px;
  margin-bottom:15px;
  /* font-family: verdana, arial, sans-serif; */
  font-size: 16px;
  color: #FF6600;
  background-color:#FFFFFF;
  padding:4px;
  border-bottom: 1px solid #018843;
  clear:both;
}

#content h5 {
  margin-top:0px;
  margin-bottom:15px;
  /* font-family: verdana, arial, sans-serif; */
  font-size: 14px;
  color: #FF6600;
  background-color:#FFFFFF;
  padding:4px;
  border-bottom: 1px solid #018843;
  clear:both;
}

#content h6 {
  /* font-family: verdana, arial, sans-serif; */
  font-size: 12px;
  color: #245F19; /*verde*/
  clear:both;
}

#content strong {
  margin-top:0px;
  margin-bottom:15px;
  font-size: 90%;
  /* font-family: tahoma, Georgia, "Times-New-Roman", serif; */
  color: #245F19;
}

#content_caixa {
  float:left;
  width:660px;
  _width: 685px;
  font-family: tahoma,verdana, Georgia, "Times-New-Roman", serif;
  font-size: 90%;
  /* height:70px; */
  background-color: #F6FCEC;
  border:1px solid #AAE5A4;
  padding:10px;10px:50px;10px
  margin-top:5px;
  margin-bottom:15px;
  margin-right:0px
}

#content_caixa_form {
  float:left;
  width:648px;
  _width: 673px;
  font-family: tahoma, verdana, Georgia, "Times-New-Roman", serif;
  /* height:70px; */
  background-color: #F2FFFC;
  border:1px solid #AAE5A4;
  padding:15px;15px:50px;10px
  margin-top:5px;
  margin-bottom:15px;
  margin-left:2px
}

#content_codigo {
  float:left;
  width:660px;
  _width: 685px;
  font-family: tahoma, verdana, Georgia, "Times-New-Roman", serif;
  /* font-size: 90%; */
  /* height:70px; */
  background-color: #ECF5FF;
  border:1px solid #AAE5A4;
  padding:10px;10px:50px;10px
  margin-top:5px;
  margin-bottom:15px;
  margin-right:0px
}

#content_codigo_2 {
  float:left;
  width:660px;
  _width: 685px;
  font-family: tahoma, verdana, Georgia, "Times-New-Roman", serif;
  /* font-size: 90%; */
  /* height:70px; */
  background-color: #FBFDFF;
  border:1px solid #AAE5A4;
  padding:10px;10px:50px;10px
  margin-top:5px;
  margin-bottom:15px;
  margin-right:0px
}

#content_link {
  float:left;
  width:660px;
  _width: 685px;
  font-family: tahoma, verdana, Georgia, "Times-New-Roman", serif;
  /* font-size: 90%; */
  /* height:70px; */
  background-color: #F3F3F3;
  border:1px solid #AAE5A4;
  padding:10px;10px:50px;10px
  margin-top:5px;
  margin-bottom:15px;
  margin-right:0px
}

#content_artigos {
  float:left;
  width:660px;
  _width: 685px;
  font-family: tahoma, verdana, Georgia, "Times-New-Roman", serif;
  /* font-size: 90%; */
  /* height:70px; */
  background-color: #FFFFEC;
  border:1px solid #AAE5A4;
  padding:10px;10px:50px;10px
  margin-top:5px;
  margin-bottom:15px;
  margin-right:0px
}

/* == Rodapé == */

#footer {
	clear:left;
	text-align: center;
	width: 860px;
	/* height: 80px; */
	padding: 40px 20px 20px 20px;
/* background: #fff url(../imagens/rose-line.jpg) center top no-repeat; */
}
/* end main divs */



/* ==================================== */
/* == Configuração de links e listas == */
/* ==================================== */

a, a:link, a:visited {
	color:#990000;
	text-decoration: none;
	border-bottom: 1px dotted #990000;
}
a:hover {
	color: #003366;
	border-bottom: 1px dotted #003366;
	}

#left ul, #right ul {
	list-style: none;
}
#left ul li, #right ul li {
	display: inline;
}
#left ul li a, #right ul li a {
	display: block;
	border-bottom: 0 none;
	font-weight: normal;
}
a img, a:visited img {
	border: 0 none;
	border-bottom: 0 !important;
}
/* end links and lists */


#left h2, #right h2 {
	background: #fff url(../imagens/line.jpg) center bottom no-repeat;
	padding-bottom: 25px;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 0px;
}

/* headings */


h1, h2, h3, h4, h5 {
	margin: 0 0 10px 0;
	background: transparent;
}
h1 {
	font-size: 1.5em;
}
h2, h3 {
	font-size: 1.2em;
	margin-top: 20px;
}
h4, h5 {
	font-size: 1.1em;
}


/* different classes */
p {
	margin-bottom: 10px;
	text-align: justify;
	font: normal 1em tahoma, verdana, sans-serif;
	font-size: 90%;
}

img.border {
	padding: 3px;
	border: 1px solid #ccc;
	margin: 5px;
}

img.right {
	float: right;
	border: 1px solid #ccc;
	padding: 3px;
	margin: 0px 5px 5px 15px;
	}
img.left {
	float: left;
	border: 1px solid #ccc;
	padding: 3px;
	margin: 5px 6px 5px 0;
}

#footer p {
	text-align: center;
	
}
#footer p.link {
	text-align: right;
	margin-top: 20px;
}

/* search form */

#search { 
	position: absolute;
	top: 152px;
	left: 730px;
	width: 250px; 
	height: 30px; 
	border: 0px solid #fff; 
	margin:0; 
	padding: 3px 0; 
	overflow:hidden;
	}
#search .search_input {
	width: 150px;
	padding: 2px;
	color: #494949;
	background: #f2f2f2;
	font: normal 0.6em Verdana, sans-serif;
	border: 1px solid #aaa;
	border-right-color: #eee;
	border-bottom-color: #eee;
	display: inline;
}

#searchsubmit {
display: inline;
	width: 20px;
	padding: 0px;
   background: url('images/lupe.gif') center no-repeat;
	border: 0px solid #494949;
	margin: 1px 0 1px 10px;
}


/* end search form */




/* contact form */
/* Formular */

form {
	margin-left: 7px;
	}
fieldset {
	width: 390px;
	padding: 10px;
	}
legend {
	margin: 10px;
	padding: 5px;
	color: #990000;
	}
	
input {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
width:400px;
color: #494949;
background: #f4f4f4;
border: 1px inset #999;
padding-left: 1px;
}


textarea {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
width:610px;
color: #494949;
background: #f4f4f4;
border: 1px inset #999;
padding-left: 1px;
}

input:hover, textarea:hover {
background: #ccc;
}
.submit {
	background: #ccc;
	color: #131313;
	width: 150px;
	border: 1px solid #999;
}
.submit:hover {
	background: #999;	
	color: #f2f2f2;
}

/* end contact form */