/*
[Font sizes - based on 75% body]

26px = 2.166667em
24px = 2em
22px = 1.8333em
21px = 1.75em
20px = 1.6667em
19px = 1.5833em
18px = 1.5em
17px = 1.416667em
16px = 1.333333em
15px = 1.25em
14px = 1.1667em
13px = 1.083333em
12px = 1em
11px = .9167em
10px = .8333em

Equasion for font sizing: 
-Desired in px Ö Default (or parent) in px = sizing in em

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

/**
 * 1.GLOBAL
 */
body {
  color: #999;
  font: 80% Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  background: #000 url(../images/bg.jpg) no-repeat;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  color: #fff;
}

h1 {
    font-size: 2em;
    line-height: 1.3em;
    letter-spacing: -.02em;
    margin-bottom: 1em; /* 0.5em is equavalent to 1em in the page's base font.
                             Remember, a margin specified in ems is relative to
                             the element's font-size, not to the pages' base
                             font size. So, for example, if we want a 1em margin
                             (relative to the base font), we have to divide that
                             length by the element's font-size:
                             1em / 2em = 0.5em */
  }

h2 {
    font-size: 1.5em;
    line-height: 1.3em;
    margin-bottom: 0.667em;
  }

h3 {
    font-size: 1.3em;
    line-height: 1.3em;
    margin-bottom: 0.769em;
  }

h4, h5, h6 {
    font-size: 1.1em;
    line-height: 1.3em;
    margin-bottom: 0.909em;
  }

a:link, a:visited {
  color: #cc5019;
  text-decoration: none;
}

a:focus {
  outline: 1px dotted;
}

a:hover, a:active, li a.active {
  color: #c6876c;
  outline: none;
  text-decoration: none;
}

p {
/*   font-size: 1em; */
  line-height: 1.5em;
  margin: 0 0 1.5em 0;
}

blockquote {
  margin: 1.25em;
  padding: 1.25em 1.25em 0 1.25em;
}

em {
  padding: 0 3px 0 0;
}

strong { font-weight: bold;}

hr {
  background: #7f7f7f;
  border: none;
  height: 1px;
  margin: 0;
  padding: 0;
}

img, a img {
  border: none;
  outline: none;
}


input, textarea { 
		border-top: 1px solid #737373;
		border-right: 1px solid #999999;
		border-bottom: 1px solid #999999;
		border-left: 1px solid #999999;
		font-size: inherit;
		padding: .2em;
		font-family: inherit;
}

#first-time { display: none;}

#wrap { font-size: 1.083333em; }
#right, #main, #left {line-height: 1.5em;}


#topmenu { margin: 0 0 50px 0; background: #383838; width: 536px; float: left; }
.inner { padding: 1.6667em;}

div.line { clear: both;}

#left { }
#main { /* background: #eee; *//*  overflow: hidden; */}

table td { font-size: 12px;}

.front h2.title { display: none;}

#left h2 { font-size: 1em;}


/* Left Menu */

#left ul.menu a { color: #999;}
#left ul.menu ul li { padding: 0 0 0 1em;}
#left ul.menu ul li.expanded a { color: #97c40c; }
#left ul.menu ul li.expanded ul a { color: #617916; }


/* ############################# PAGES BGS ############################ */


body.page-portfolio { background: #000 url(../images/bg-phone2.jpg) no-repeat;}
body.page-audio-marketing { background: #000 url(../images/bg-phone3.jpg) no-repeat;}
body.page-clientes { background: #000 url(../images/bg-phone4.jpg) no-repeat;}
body.page-contato { background: #000 url(../images/bg-phone5.jpg) no-repeat;}



/* ############################# TOP MENU ############################ */

#topmenu-inner { padding: 20px;}
#topmenu ul li { float: left; margin: 0 5px;}

#topmenu ul li a { font-size: 12px; text-transform: uppercase; letter-spacing: -1px; color: #fff;}


/* ############################# PORTFOLIO ############################# */


.views-field-title { font-size: 1.4em; color: #cc5019; margin: 0 0 10px 0;}
.views-row { margin: 0 0 50px 0; border-bottom: 1px dotted #666; }


/* ############################ OPINIAO ############################# */

.view-opiniao .views-field-body { background: url(../images/aspas1.png) no-repeat; padding: 36px 50px 0 50px;}
.view-opiniao .views-field-body p { background: url(../images/aspas2.png) no-repeat bottom right; padding: 0 0 36px 0;} 

.views-field-field-autor-depoimento-value { font-size: 1.4em; color: #cc5019;}

body.page-opiniao { background: #000 url(../images/bg-mic.jpg) no-repeat;}

/* ########################## FORMS ########################### */


.page-contato .form-text, html.js .page-contato .resizable-textarea textarea { background: url(../images/bg-fields.png) repeat-y; border: none; width: 400px; padding: 4px;}



/* ARTIGOS */

.views-row-odd, .views-row-even { padding: 0 0 30px 0;}
.page-artigos #main h2 { margin: 0;}
.page-artigos #main h2 a { color: #fff;}
.meta { font-size: 10px; text-transform: uppercase; margin: 0 0 10px 0;}


.page-audio-marketing .views-row { margin: 0 0 10px 0;}
.page-audio-marketing .views-row-odd, .views-row-even { padding: 10px 0;}

/* Contato */

.page-contact #main .form-text, .page-contact #main .form-textarea { width: 400px;}
input.form-submit, .page-contact #main input.form-submit { width: auto;}


/* Comments */

#comments {margin: 1em 0 0 0;}
.comment { padding: 1em; background: #ebebeb; margin: 0 0 1em 0;}
.comment h3 {margin: 0;}
.comment .submitted { font-size: .8333em; text-transform: uppercase; color: #b3b3b3; margin-bottom: .8em; }


/* #################### GALERIA #################### */

.page-galeria #main .field-items { /* overflow: hidden; */}
.page-galeria #main .field-item { width: 130px; float: left; margin: 10px 50px 10px 0; background: #fff; /* overflow: hidden; */}
.page-galeria #main .field-item a { display: block; padding: 5px 5px 15px 5px;}


/* ######################## CLIENTES ###################### */

.page-clientes #main h2 { margin: 0 0 1em 0; font-size: 1.2em;}


/* ######################### CONTATO ###################### */


.page-node-9-done #main .links { display: none;}


/* System Overrides */

.admin-list { line-height: 1.2em; }
.admin-list dd { font-size: .9167em; margin: 0 0 .8em 0; color: #999;}

div.admin .left, div.admin .right { margin-left: 0; margin-right: 0;}

fieldset {border: 1px solid #ccc; padding: 1em; margin: 0 0 1em 0;}
fieldset legend {padding: 0 .5em;}

#user-login-form { text-align: left;}


.page-admin table { width: 100%;}
.page-admin table td {padding: .3em .6em;}
tr.even {background: #eee;} 
tr.odd { background: #ddd;}
#system-modules table td.description { color: #808080;}
.page-admin table td.permission {padding: 0 0 0 2em; color: #999;}





/* $Id: system-menus.css,v 1.1 2007/10/05 14:50:25 goba Exp $ */

ul.links li {display: inline; padding: 5px;}
ul.inline li {padding: 0 5px 0 0;}

ul.links a {font-size: .9167em;}


/* TinyMCE Editor */

.mceContentBody { padding: 1em;}
img.esquerda { float: left; margin: 1em 1em 1em 0; }
img.direita { float: right; margin: 1em 1em 0 1em; }

.marca-texto { background: #e0de58; padding: 2px; }

/* Mensagens */

  div.messages, /* Important messages (status, warning, and error) for the user */
  div.status,
  div.warning,
  div.error
  {
    border: 2px solid #000;
    padding: 5px 5px 5px 35px;
    font-style: italic;
    margin-bottom: 1em;
  }

  div.status /* Normal priority messages */
  {
  	background: #EBFBC2;
  	color: #81AC00;
  	border-color: #C8E57A;
  	
  }

  div.warning /* Medium priority messages */
  {
    border-color: #FFD751;
    background: #FBE49E;
    color: #9C7C40;
  }

  div.warning,
  tr.warning,
  body.section-admin tr.warning
  {
    color: #000; /* Drupal core uses #220 */
    background-color: #ffc;
  }

  div.error /* High priority messages. See also the .error declaration below. */
  {
    /* border: 1px solid #d77; */ /* Drupal core uses: 1px solid #d77 */
    border-color: #FF9C9E;
    background: #FFCDCE;
  }

  div.error,
  tr.error,
  body.section-admin tr.error
  {
    color: #900; /* Drupal core uses #200 */
    background-color: #FFCDCE;
  }

  div.messages ul
  {
    margin-top: 0;
    margin-bottom: 0;
  }

/* Tabs */

ul.primary li a {
  background-color: #eee;
  border-color: #ccc;
  color: #999;
}
ul.primary li.active a {
  background-color: #fff;
  color: #c61704;
  
}
ul.primary li a:hover {
  background-color: #eee;
  border-color: #ccc;
  border-bottom-color: #eee;
}

.playerInnerBox_gsvsc .player_gsvsc {
  width : 480px;
  height : 380px;
}

/* Feed Stuff */

table.views-view-grid td { padding: 1em;}
.views-field-timestamp { font-size: .8333em; color: #b3b3b3; }

.node-type-movie .field-field-emfield { margin: 0 0 2em 0;}