/* ============
   Generalizado
   ============
*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4,
h5, h6, pre, form, fieldset, input, p, blockquote,
th, td {
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
}

ol, ul {
  list-style: none;
}

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal;
}

fieldset, img {
  border: 0;
}

caption, th {
  text-align: left;
}

q:before, q:after {
  content:'';
}


/* ===========
   Uso diverso
   ===========
*/

html {
  text-align: center;
}

body {
  position: relative;
  min-width: 790px;
  margin: 0 auto;
  text-align: left;
  font-family: Arial, sans-serif;
  font-size: 13px;
  line-height: 1.5em;
  background: #222;
}

h1 {
  font-size: 22px;
  font-weight: normal;
  font-family: Georgia;
  font-style: italic;
  color: #0080ff;
  padding: 0 0 0.7em 0;
}
	
h2 {
  color: #920000;
  padding: 0.2em 0 0.5em 0;
  font-size: 19px;
  font-weight: normal;
}

h3 {
  font-size: 17px;
  padding: 3px 0 3px 0;
  font-weight: normal;
}

h3 a {
  font-weight: normal;
}

h3 .focus {
  color: #2a699a;
  font-size: 16px;
}

h4 {
  font-size: 14px;
}

.focus {
  color: #2a699a;
  font-size: 12px;
}

.clarity {
  color: #777;
  font-size: 15px;
}

p {
  padding: 0 0 1em 0;
}

.author {
  color: #999;
}

.red {
  color: #980000;
}

a {
  color: #cc0000;
  padding: 0 2px;
  font-weight: bold;
  text-decoration: none;
  border-bottom: solid 1px #dfdfdf;
}

a:hover {
  color: #ff9900;
  background: #fffae0;
  border-bottom: none;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

/* ==============
   Nada Semântico
   ==============
*/

.clear {
  clear: both;
  height: 5px;
}


/* ========
   Branding
   ========
*/

#branding {
  height: 140px;
  background: url(images/branding.gif) repeat-x #fff;
  border-bottom: solid 3px #000;
}

#logo {
  width: 780px;
  height: 110px;
  margin: 0 auto;
  padding: 10px 0 0 0;
}

#logo a, #logo a:hover {
  padding: 0;
  margin: 0;
  border: none;
  background: none;
}


/* =============
   Barra de Menu
   =============
*/

#navigation {
  position: relative;
  /* background: url(images/tabs.gif) repeat-x #000050; */
  background: url(images/tabs.gif) repeat-x #000050;
  height: 2.4em;
  border-bottom: solid 3px #0080aa;
}

#navigation ul {
  position: relative;
  left: 50%;
  margin: 0 0 0 -390px;
  list-style: none;
  float: left;
}

#navigation ul li {
  float: left;
  background: transparent;
  padding-left: 5px;
}
	
#navigation li a {
  display: block;
  text-decoration: none;
  float: left;
  background: transparent;
  padding: 0.6em 1em 0.3em 0.7em;
  font-family: "arial";
  font-size: 10pt;
  color: #fff;
  font-weight: bold;
  border-bottom: none;
}
	
#navigation ul li a:hover {
  color:#ffff00;
}

body#home_page #home_tab, body#about_page #about_tab,
body#services_page #services_tab, body#files_page #files_tab,
body#guides_page #guides_tab, body#contact_page #contact_tab,
body#blog_page #blog_tab {
  background: url(images/tab-left.gif) top left no-repeat #f5f5f5;	
}

body#home_page #home_link, body#about_page #about_link,
body#services_page #services_link, body#files_page #files_link,
body#guides_page #guides_link, body#contact_page #contact_link,
body#blog_page #blog_link {
  background: url(images/tab-right.gif) top right no-repeat #f5f5f5;
  color: #000;
  border-bottom: solid 3px #f5f5f5;
}

/* =================
   Busca pelo Google
   =================
*/

#searchform {
  position: relative;
  color: #ec9320;
  padding: 0.5em 0 0.5em 0;
  padding-left: 35px;
  white-space: nowrap;
}

#search fieldset {
  border: none;
  padding: 0;
}

#search-form {
  background: url(images/bg_search_box.gif) no-repeat;
  width: 184px;
  height: 24px;
  padding: 0;
  margin: 0;
}
 
#search-form #s {
  background: none;
  float: left;
  padding: 6px 0 0 5px;
  margin: 0;
  border: none;
  width: 159px;
  color: #505050;
  font-size: 8pt;
  font-family: "Courier New";
}
 
#search-form #go {
  float: right;
  margin: 4px 2px 0 0; 
  width: 18px;
  height: 16px; 
}
		
/* ==========================
   Detalhes Retângulo Laranja
   ==========================
*/
	
#cellotape {
  position: absolute;
  left: 50%;
  margin-left: -50px;
  top: -24px;
  width: 81px;
  height: 47px;
}

#unpacking {
  position: absolute;
  left: 50%;
  margin-left: -290px;
  bottom: 15px;
  width: 275px;
  height: 228px;
}

#unpacktext {
  position: relative;
  padding-left: 165px;
  z-index: 10;
  text-align: justify;
}

.highlighter {
  background: #ffefa0;
  font-weight: bold;
  padding: 0 2px;
}

/* ====================
   Container Princiapal
   ====================
*/
	
#container {
  padding-top: 20px;
  position: relative;
  background: url(images/container.gif) repeat-x bottom #f5f5f5;
}

#content {
  position: relative;
  width: 780px;
  margin: auto;
}

#main {
  position: relative;
  background: url(images/main.gif) no-repeat transparent;
  width: 500px;
  float: left;
  padding: 20px 25px 0 25px;
  min-height: 400px;
  text-align: justify;
}

#main a {
  text-decoration: none;
  color: #0080ff;
  border: none;
}

#main a:hover {
  text-decoration: none;
  background: none;
  color: #0000ff;
  border-bottom: 1px dotted #c0c0c0;
}

/*
#main ul {
  list-style: square;
  padding-left: 20px;
  color: #777;
}

#main li {
 color: #000;
 font-weight: bold;
 font-size: 14px;
 padding-top: 6px;
}
*/

.todolist {
  width: 210px;
  float: left;
  color: #707070;
  font-size: 9pt;
}

.todolist h2 {
  border-bottom: solid 1px #e0e0e0;
  font-family: Georgia;
  color: #666699;
  font-style: italic;
}

.birthday {
  width: 260px;
  float: right;
  padding-left: 30px;
  padding-bottom: 15px;
  color: #707070;
  font-size: 9pt;
}

.birthday h2 {
  border-bottom: solid 1px #e0e0e0;
  font-family: Georgia;
  color: #666699;
  font-style: italic;
}

.caution {
  width: 260px;
  padding-left: 30px;
  color: #707070;
  font-size: 9pt;
  float: right;
}

.caution h2 {
  border-bottom: solid 1px #e0e0e0;
  font-family: Georgia;
  color: #bb6666;
  font-style: italic;
}

.redefi {
  padding-top: 20px;
  width: 500px;
}

.redefi h2 {
  border-bottom: 1px solid #e0e0e0;
  font-family: Georgia;
  color: #c0c0c0;
  font-style: italic;
}

.redefi p {
  text-align: center;
  padding-top: 10px;
}

.redefi a {
  padding: 0px;
  margin: 0;
}

.redefi a:hover {
  padding: 0px;
  margin: 0;
}

/* ======
   Página
   ======
*/

#main_full {
	position: relative;
	background: url(images/main_full.gif) no-repeat transparent;
	width: 730px;
	float: left;
	padding: 20px 25px 0 25px;
	min-height: 400px;
	}

#main_full img {
	border: 0;
	padding: 0;
	margin: 0;
	}
	
/* ========================
   Barra Lateral - Notícias
   ========================
*/

#sidebar {
  color: #555;
  position: relative;
  width: 205px;
  float: right;
  padding: 0px 0 0 25px;
  font-size: 12px;
}

#sidebar h2 {
  border-bottom: solid 2px #ddd;
  padding: 0 0 0.3em 0;
  margin: 0 0 0.5em 0;
  color: #0000ff;
  font-family: Georgia;
  background: #e9e9e9;
}

#sidebar p {
  text-align: justify;
}

#sidebar ul li a {
  display: block;
  background: #fafafa;
  padding: 5px 16px;
  font-size: 14px;
  text-decoration: none;
  border-bottom: dotted 1px #ddd;
  color: #0080ff;
}

#sidebar li.first{
  display: block;
  text-decoration: none;
  border-top: dotted 1px #ddd;
}

#sidebar li a:hover {
  background: #f0f0f0;
  color: #0000ed;
}
	
#sidebar li a.active {
  background: #fff;
}

.beata {
  clear: both;
}

.beata_img {
  float: right;
}

.beata img {
  width: 65px;
  height: 73px;  
}

.beata_text {
  float: left;
  width: 140px;
  text-align: left;
  line-height: 16px;
}

.usp {
  clear: both;
}

.usp img {
  width: 64px;
  height: 64px;
}

.usp_image {
  float: left;
}
	
.usp_text {
  float: right;
  width: 133px;
  padding-left: 8px;
  padding-bottom: 1em;
  text-align: justify;
  line-height: 11pt;
  color: #6699ff;
}

.usp_text a {
  font-weight: normal;
  border: none;
  color: #6699ff;
}

.usp_text a:hover {
  background: #e8f6ff;
  border: none;
  color: #0080ff;
}

.usp_focus {
  color: #2a699a;
  font-size: 12px;
  font-style: italic;
  font-weight: bold;
}


#usp_conclude {
  border-top: solid 1px #e0e0e0;
  clear: both;
  text-align: justify;
  line-height: 11pt;
  font-size: 8pt;
}

#usp_conclude a {
  color: #0080ff;
  border: none;
}

#usp_conclude a:hover {
  background: #0080ff;
  color: #fff;
  border: none;
}

.special {
  position: relative;
  background: url(images/special.gif) no-repeat bottom #fff6ca;
  padding: 15px 20px 10px 20px;
  margin: 5px 0 15px 0;
  font-size: 15px;
  line-height: 1.4em;
}

.special a {
  border-bottom-color: #d6cda5;
}

.special a:hover {
  color: #ff9000;
  background-color: #ffefa6;
}

.special h2 {
  font-family: Georgia;
  font-style: italic;
  font-weight: bold;
}

.highlight {
  background: #F8F2E6;
  padding: 15px 20px 0 20px;
  border: dashed 1px #adadad;
  margin: 5px 0 15px 0;
}

.note {
  font-size: 17px;
  color: #cb0018;
}

.arrows {
  color: #eeac40;
}

.portfolio {
  background: #ebebeb;
  border: solid 1px #d1d1d1;
  padding: 10px;
  margin-bottom: 15px;
  min-height: 150px;
}

.portfolio img {
  position: relative;
  float: left;
  padding-right: 15px;
}
	
.portfoliotitle {
  font-size: 11pt;
  font-weight: bold;
  color: #a30000;
}

	
.benefits_left img {
  float: left;
  margin-right: 10px;
}
	
.benefits_right img {
  float: right;
  margin-left: 10px;
}

.code {
  color: #294c5c;
  padding: 20px;
  background: #d0dce2;
  border: dashed 1px #99b2bd;
  font-weight: bold;
  font-family: "Courier New", sans-serif;
  margin-bottom: 1em;
}

code {
  display: block;
  color: #294c5c;
  padding: 20px;
  background: #d0dce2;
  border: dashed 1px #99b2bd;
  font-weight: bold;
  font-family: "Courier New", sans-serif;
  margin-bottom: 1em;
}

.image img {
  background: #ebebeb;
  border: solid 1px #d1d1d1;
  padding: 5px;
}

.caption {
  font-size: 8pt;
  font-family: Verdana, sans-serif;
  color: #2a699a;
  padding-bottom: 1em;
}

/* =======
   Pessoas
   =======
*/

#dmitry {
  background: #ebebeb;
  border: solid 1px #d1d1d1;
  width: 200px;
  padding: 20px;
  margin-right: 5px;
  margin-bottom: 1em;
  float: left;
}

#myles {
  background: #ebebeb;
  border: solid 1px #d1d1d1;
  width: 200px;
  padding: 20px;
  margin-left: 5px;
  margin-bottom: 1em;
  float: right;
}

/* =======
   Contato
   =======
*/

#contact_tel {
padding-left: 40px;
background: url(images/callskype.gif) no-repeat 0 2px;
}

#contact_mobile {
padding-left: 40px;
background: url(images/callmobile.png) no-repeat 0 2px;
}

#contact_email {
padding-left: 40px;
background: url(images/writeemail.gif) no-repeat 0 2px;
}

#clientform input, textarea {
font-size: 10pt;
font-family: Arial, san-serif;
padding: 3px;
}

#clientform fieldset {
font-size: 10pt;
background: #ebebeb;
padding: 5px 20px;
border: solid 1px #d1d1d1;
margin-bottom: 10px;
}

#clientform legend {
color: #000;
font-size: 13pt;
padding: 5px 10px;
}

.field_description {
color: #a5a5a5;
font-size: 9pt;
}

.required_field {
color: #ff0000;
font-weight: bold;
}

/* ==================
   Endereço e Contato
   ==================
*/

#information {
  background: url(images/contact.gif) repeat-x bottom #000099;
  border-top: solid 3px #0080ff;
}
	
#information p {
  padding: 0;
  color: #0080ff;
}

#information a {
  color: #0080ff;
  border: none;
  font-weight: normal;
}

#information a:hover {
  color: #fff;
  background: #0088ff;
}

#information h4 {
  color: #fff;
  font-family: "Georgia";
  font-size: 1.4em;
  padding: 0.5em 0;
  font-weight: normal;
}

#contact .ccolor {
  color: #fff;
}
	
#contact {
  color: #fff;
  width: 780px;
  margin: 0 auto;
}

#direct {
  position: relative;
  width: 300px;
  float: right;
  padding: 5px 0 1px 0;
  color: #0080ff;
  text-align: right;
}

#clientwebform {
  position: relative;
  width: 450px;
  float: left;
  margin-left: 25px;
  padding: 5px 0 1px 0;
}

#direct img {
  vertical-align: middle;
}
	
#clientwebform p {
  padding-left: 0px;
}

/* =====
   Legal
   =====
*/

#legal {
  padding: 0.3em 0;
  border-top: solid 3px #000;
}

#legal p {
  color: #777;
  background: 0 6px;
  font-size: 13px;
  width: 700px;
  margin: 0 auto;
  text-align: center;
  line-height: 20pt;
}

#legal a {
  color: #e65400;
  border-bottom: solid 1px #333;
}

#legal a:hover {
  color: #eb9500;
  background: #3b2e00;
  border-bottom: none;
}

#legal .imagelink {
  border-bottom: none;
}

#legal .imagelink:hover {
  background: none;
}

#legal img {
  vertical-align: middle;
  padding-left: 5px;
}

/* =====
   Flyer
   =====
*/

ul.hover_flyer li {
	background: #f0f0f0;
	list-style:none;
	float:left;
	position: relative;
	display: block;
	position: relative;
	overflow: hidden;
	height: 160px;
	width: 205px;
	color: #000;
	font: 8pt verdana;
	text-align: center;
}

ul.hover_flyer li img {
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
}