#container {
text-align: left;
margin: 0 auto;
padding: 0;
width: 940px;
background-color: #fff;
border: 0;
}

#header {
height: 17em;
background-color: #000;
margin:0;
padding:0;
}
#logo {
background: #000 url(../images/logo.png) no-repeat 0 20px;
height: 160px;
width:158px;
float: left;
color: #fff;
padding:0;
border: 0;
margin:0;
}
#nav-top {
width: auto;
height: 80px;
color: #fff;
margin:0;
border:0;
background-color: transparent;
text-align: right;
font-family:Georgia,serif;
font-size: 1em;
font-weight: bold;
letter-spacing:2px;
overflow: hidden;
padding:0 0 0 0;
}
#nav-top p {
	font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
    font-size: 1.4em;
    margin-top: .5em;
    color: #666;
}
#nav-bottom {
width: auto;
height: 80px;
background-color: transparent; 
padding:0;
margin:0;
}

ul#nav{font-family:Tahoma, Verdana, Arial, Helvetica;position: relative; top: 46px; left: 0px; float:right;height:50px;margin-top:0px;margin-right:0.5em;}
ul#nav a{position: relative; top: 0; left: 0;float:left;width:108px;height:44px;text-align:center;line-height:44px;font-size:0.9em;margin-left:2px;background-image:url(../images/nav_back.png);background-color: transparent; color:#fff;font-weight:bold;font-style:normal;text-decoration: none;}
ul#nav a:hover{background-position:0 -44px;color:#F0F3CF;}
ul#nav a.current{color:#000;height:50px;background-position:0 -88px;}
ul#nav li {float:left;height: 88px; padding:0; margin:0;list-style:none;}

#menu-call {
height: 90px;
background: #cccdc3 url(../images/fundo-menu-call.png) repeat-x;
}

#menu-call h1 {
text-align: center;
color:#fff;
font-family:Georgia,serif;
font-size: 90px;
font-weight: bold;
letter-spacing:2px;
overflow: hidden;
margin:0;
padding:20px 0 0 0;
height: 70px;
}

h1{
    font-family: "Trebuchet MS",sans-serif;
	color:#4E443C;
	font-variant: small-caps; text-transform: none; font-weight: 100; margin-bottom: 0;
    font-size: 3em;
}
#xxxmain-content p:first-letter{
               text-transform: uppercase;
          }
          
#main-content {
    margin: 10px 0 0 0;
    padding: 0;
}

#main-content a {
    color: #4D4DAF;
}
#main-content a:hover {
    color: #C52121;
}
#main-content p {
    color: #000;
    font-family: Georgia,"Times New Roman",Times,serif;
	font-size: 1.3em;
    letter-spacing:2px;
    margin: .5em 0 0 0;
    text-align: left;
}

#main-content h2 {
    overflow: hidden;
    font-family: "Trebuchet MS",sans-serif;
	font-size: 4em;
    line-height:1.5em;

    font-weight: bold;
	letter-spacing:2px;
    padding: 0 0 0 10px;
    margin: 0;
    border: 0px solid #F3AE64;
    color: #fff;
    background-color: #EDE6BE;
}

#main-content h2#design {
    color: #EEA95C;
    background-color: #EDE6BE;
}

#main-content h2#marketing {
    color: #8EB28E;
    background-color: #CEDECE;
}

#main-content h2#hosting {
    color: #E46764;
    background-color: #EDBFBE;
}

#main-content h2.webdesign {
	font-size: 3.0em;
    line-height:2em;
    color: #EEA95C;
    background-color: #EDE6BE;
}

#main-content h2.webhosting {
	font-size: 3.0em;
    line-height:2em;
    color: #E46764;
    background-color: #EDBFBE;
}

#main-content h2.webmarketing {
	font-size: 3.0em;
    line-height:2em;
    color: #8EB28E;
    background-color: #CEDECE;
}

#main-content h2#servicos {
    color: #EEA95C;
    background-color: #EDE6BE;
}

#main-content h2#diferencial {
    color: #8EB28E;
    background-color: #CEDECE;
}

#main-content h2#tecnologias {
    color: #E46764;
    background-color: #EDBFBE;
}

#main-content p.start {
    font-family:Georgia,serif;
	font-size: 1em;
    font-weight: bold;
	text-transform:uppercase;
	letter-spacing:2px;
}


#col-esquerda {
width: 600px;
background-color: #fff;
padding: 0 10px 10px 0;
margin: 0;
float: left;
text-align: left;
}

#col-direita {
width: 320px;
background-color: #fff;
padding: 0 0 10px 0;
margin: 0 0 0 0;
float: right;
border-left: 0px solid #eee;
}


#col-esquerda #ultimos-trabalhos ul{font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif; width: 230px;  padding: 0; margin: 0;list-style:none;}
#col-esquerda #ultimos-trabalhos ul a {text-align:center;margin:0;padding:0;color:#fff;font-weight:normal;font-style:normal;text-decoration: none;}
#col-esquerda #ultimos-trabalhos ul a:hover{color:#F0F3CF;}
#col-esquerda #ultimos-trabalhos ul li {padding:0; margin:0 0 10px 0; border-top: 1px dotted #B1B18C;}
#col-esquerda #ultimos-trabalhos img {border: 5px solid #fff; width: 220px; padding: 0; margin: 0;}



#col-direita ul {font-family: Georgia,"Times New Roman",Times,serif; font-size: 1.3em; padding:0; margin: 20px 0 20px 20px; list-style-image: url("../images/action_check.gif"); list-style-position: outside;}
#col-direita ul li {padding:0; margin: 0;}
#col-direita ul li span {font-weight: bold;}

#col-direita ul li ul {font-family: Georgia,"Times New Roman",Times,serif; font-size: 0.9em;}
#col-direita ul li ul li {list-style-type: square;padding:0; margin: 0;}


#col-esquerda ul {font-family: Georgia,"Times New Roman",Times,serif; font-size: 1.3em; padding:0; margin: 0 0 20px 20px; list-style-image: url("../images/action_check.gif"); list-style-position: outside; }
#col-esquerda ul li {padding:0; margin: 0;}
#col-esquerda ul li span {font-weight: bold;}

#col-esquerda ul li ul {font-family: Georgia,"Times New Roman",Times,serif; font-size: 0.9em; padding:0; margin: 0 0 0 20px; list-style-image: url("../images/arrow_next.gif"); list-style-position: outside;}
#col-esquerda ul li ul li {list-style-type: square;padding:0; margin: 0;}


#main-content #ultimos-trabalhos {
    float: right;
    text-align: left;
    width: 230px;
    border: 0px dotted #666;
    background-color: #D7D7C6;
    margin: 10px 0 10px 10px;
    padding: 10px 10px 0 10px;
    font-family:Georgia,serif;
	font-size: 0.8em;
    font-weight: normal;
    letter-spacing:2px;
}

#ultimos-trabalhos h3 {
    font-weight: bold;
    font-size: 1.5em;
    text-transform:uppercase;
    margin: 10px 0 20px 0;
}
#ultimos-trabalhos p {
    color: #000;
    font-family: Georgia,"Times New Roman",Times,serif;
	font-size: 1em;
    margin-top: .5em;
    padding:0;
    letter-spacing:1px;
}

#ultimos-trabalhos p.titulo {
    text-transform:uppercase;
    font-size: 1.2em;
    color: #AB6449;
    font-weight: bold;
    text-align: left;
    padding: 0;
    margin: 10px 0 0 0;
}
#ultimos-trabalhos p.detalhe {
    font-size: 1.1em;
    text-align: right;
    padding: 0;
    margin: 0;
}


#xfooter {
    height: 80px;
    background-color: #000;
    color: #fff;
    margin:0;
    padding:10px;
    border:0;
}

#xfooter ul{font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;float:left; margin-top: 60px;}
#xfooter ul a{float:left;width:120px;text-align:center;line-height:25px;font-size:13px;margin-left:2px;color:#fff;font-weight:normal;font-style:normal;text-decoration: none;}
#xfooter ul a:hover{color:#F0F3CF;}
#xfooter ul a.current{color:#eee;}
#xfooter ul li {float:left;padding:0; margin:0;list-style:none;}


#footer {
    background-color: #000;
    color: #ccc;
    font-size: 1.2em;
    height: 140px;
    padding: 0 10px 0 10px;
    margin: 0 0 10px 0;
    font-family: "Trebuchet MS",sans-serif;
}

#footer a{
    color:#D9D9A3;
    text-decoration:none;
}

#footer a:hover{
    color:#fff;
}

#footer h4 {
margin: 10px;
padding: 0;
color: #fff;
font-size: 1.3em;
}

#footer ul{
    margin:0;
    padding: 0 10px 0 10px;
    list-style-type:none;
    width:auto;
    min-height: 100px;
    font-size:0.9em;
    font-family:Tahoma, Verdana, Arial, Helvetica;
    position:relative;
    font-weight:bold;
}

#footer ul li{
    margin:0;
    padding:0;
}

#footer ul li a{
    color:#D9D9A3;
    text-decoration:none;
}

#footer ul li a:hover{
    color:#fff;
}

#footer p {
    font-size: 1em;
    line-height: 1em;
}

#footer .menu {
width: auto;
float: left;
border-right: 1px dashed #666;
}
#footer #contato {
width: auto;
float: right;
text-align: right;
}


#boxes {
    width: auto;
    background: #fff url(../images/box-fundo.png) repeat-x 0 233px;
    color: #ccc;
    font-size: 1.2em;
    height: 325px;
    padding: 0 0 0 30px;
    margin: 20px 0 0 0;
    font-family: "Trebuchet MS",sans-serif;
}

.box {
padding: 10px 270px 0 0;
width: 150px;
height: 325px;
float: left;
margin: 0;
position: relative;
top: 0;
left: 0;
}

.box-preto {
background: transparent url(../images/box-preto.png) no-repeat top left;
}
.box-vermelho {
background: transparent url(../images/box-vermelho.png) no-repeat top left;
}
.box-verde {
background: transparent url(../images/box-verde.png) no-repeat top left;
}
.box-azul {
background: transparent url(../images/box-azul.png) no-repeat top left;
}
.box-roxo {
background: transparent url(../images/box-roxo.png) no-repeat top left;
}
.box-marrom {
background: transparent url(../images/box-marrom.png) no-repeat top left;
}
.box h3 {
    font-family: "Trebuchet MS",sans-serif;
    color:#fff;
    letter-spacing: 1px; 
    font-size:1.2em;
    font-weight:bold;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 250px;
    left: 0px;
    text-align: center;
    width: 150px;
}

.box h4 {
    font-family: "Trebuchet MS",sans-serif;
    color:#fff;
    letter-spacing: 1px; 
    font-size:8em;
    font-weight:bold;
    padding: 0;
    margin: 0;
    position: absolute;
    top:148px;
    left: 0px;
    text-align: center;
    width: 150px;
    opacity:0.3;
    filter: alpha(opacity=30);
    -moz-opacity:.30;
}

#boxes .box p {
    font-family: "Trebuchet MS",sans-serif;
    color:#fff;
    letter-spacing: 1px; 
    font-size:1em;
    font-weight:bold;
    padding: 0;
    margin: 0 0 4px 0;
    text-align: center;
}

#main-content #voce {
padding: 0;
float: left;
width: 34em;
background-color: #fff;
}
#main-content #voce h3{
font-family: "Trebuchet MS",sans-serif;
padding: 20px 0 10px 0;
font-size: 2.2em;
text-align: center;
color: #505247;
}

#main-content #voce #accordion {
padding: 1em;
background-color: #333;
color:#fff;
}
#main-content #voce #accordion p.aviso {
padding: 0;
font-family: "Trebuchet MS",sans-serif;
font-size: 1.2em;
color:#E4DF82;
}

#main-content h2.designCab {
font-family: "Trebuchet MS",sans-serif;
color: #666;
font-size: 2em;
margin-bottom: 10px;
padding: 10px 0 10px 0;
border-bottom: 1px dotted #fff;
cursor:s-resize;
}
#main-content h2.designCab span {
color: #fff;
}

#main-content h2.designDuvida {
font-family: "Trebuchet MS",sans-serif;
color: #666;
font-size: 2em;
margin-bottom: 10px;
padding: 10px 0 10px 0;
border-bottom: 1px dotted #fff;
}
#main-content h2.designDuvida span {
color: #E4DF82;
}

#main-content .designText {
font-size: .8em;
}
#main-content .designText p {
font-family: "Trebuchet MS",sans-serif;
color: #fff;
}

.design {
padding: 1em;
float: left;
}
.design p {
text-align: left;
}
.design h2 {
font-size: 2.2em;
text-align: center;
}
.web {
width: 34em;
}

.nos {
width: 34em;
}

.checklist {
width: 20em;
background-color: #fff;
}

.portifolio {
width: 34em;
height: 16em;
background-color: #fff;
padding: 1em;
float: left;
}

.qualidade {
width: 56em;
height: 16em;
padding: 1em;
background-color: #fff;
float: right;
}



#xcol-central {
width: 29.4em;
background-color: #fff;
padding: 1em;
margin: 0;
float: left;
}


/* to create sarif italic dramatic text, use this class */
.fancy { 
  color: #666; 
  font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif; 
  font-style: italic;
  font-weight: normal;
  font-size: 1em;
}  
/* creates small caps */
.caps { 
  font-variant: small-caps; 
  letter-spacing: 1px; 
  text-transform: lowercase; 
  font-size:1.2em;
  font-weight:bold;
  padding:0 2px;
}

/* TEXT CLASSES */

#main-content .error, #main-content .notice, #main-content .success,  #main-content .plano {padding:.8em;margin-bottom:1.6em;border:2px solid #ddd;}
#main-content .error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
#main-content .notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
#main-content .success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
#main-content .error a {color:#8a1f11; background:none; padding:0; margin:0; }
#main-content .notice a {color:#514721; background:none; padding:0; margin:0; }
#main-content .success a {color:#264409; background:none; padding:0; margin:0; }
#main-content .plano {background:#EEE1CA;color:#755924;border-color:#755924;}


/*---------STYLES FOR BUTTONS----------*/
/* Demo: particletree.com/features/rediscovering-the-button-element */
/*
	<button type="submit" class="button positive">
	  <img src="css/blueprint/plugins/buttons/icons/tick.png" alt=""/> Save
	</button>

	<a class="button" href="/password/reset/">
	  <img src="css/blueprint/plugins/buttons/icons/key.png" alt=""/> Change Password
	</a>

	<a href="#" class="button negative">
	  <img src="css/blueprint/plugins/buttons/icons/cross.png" alt=""/> Cancel
	</a>
*/

.content h1 {
      text-align: center;
      font-size: 1.5em;
}
.content h3 {
      text-align: center;
      font-size: 1.2em;
      padding: 0;
      margin-top: 5px;
}
.content a.button, .content button {
  display:block;
  float:left;
  margin:0 0.583em 0.667em 0;
  padding:5px 10px 5px 7px;   /* Links */
  border:1px solid #dedede;
  border-top:1px solid #eee;
  border-left:1px solid #eee;
  background-color:#f5f5f5;
  font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  font-size:1em;
  line-height:1.3em;
  text-decoration:none;
  font-weight:bold;
  color:#565656;
  cursor:pointer;
}
.content button {
  width:auto;
  overflow:visible;
  padding:4px 10px 3px 7px;   /* IE6 */
}
.content button[type] {
  padding:4px 10px 4px 7px;   /* Firefox */
  line-height:17px;           /* Safari */
}

*:first-child+html .content button[type] {
  padding:4px 10px 3px 7px;   /* IE7 */
}

.content button img, .content a.button img{
  margin:0 3px -3px 0 !important;
  padding:0;
  border:none;
  width:16px;
  height:16px;
  float:none;
}

/* Standard Buttons */
#main-content form button{
  background-color:#AFD9AF;
  border:1px solid #333;
  color:#000;
  width: 250px;
  height: 60px;
  font-size: 1em;
  font-weight: bold;
  font-family: "Trebuchet MS",sans-serif;
  letter-spacing:4px;
}

#main-content form button:hover, #main-content form a.button:hover{
  background-color:#ccc;
  border:1px solid #333;
  color:#000;
}
#main-content form a.button:active{
  background-color:#333;
  border:1px solid #000;
  color:#fff;
}

/* Positive */
body .positive {
  color:#529214;
}
a.positive:hover, button.positive:hover {
  background-color:#E6EFC2;
  border:1px solid #C6D880;
  color:#529214;
}
a.positive:active {
  background-color:#529214;
  border:1px solid #529214;
  color:#fff;
}

/* Negative */
body .negative {
  color:#d12f19;
}
a.negative:hover, button.negative:hover {
  background:#fbe3e4;
  border:1px solid #fbc2c4;
  color:#d12f19;
}
a.negative:active {
  background-color:#d12f19;
  border:1px solid #d12f19;
  color:#fff;
}
/* end from bluetrip blueprint*/

/* list-style-image: url("../images/arrow_right.gif"); */
/* general styles */

#main-content table, td{
    font-family: Arial, Verdana, sans-serif;
    font-size:1.1em;
    line-height: 1.1em;
}
#main-content table{width:600px;border-collapse:collapse; border-left:0px solid #666; margin:1em 0;}
#main-content td{text-align:center;border-right:1px solid #666;border-left:1px solid #666; background:#CEDECE;}
#main-content th{text-align:center;border-right:1px solid #fff;border-left:1px solid #666;background:#115c2d url(../images/tr_back.png) repeat-x;color:#fff;}


#main-content ul.errorlist {padding: 2px;margin:5px 0 0 0;border:2px solid #FBC2C4;background:#FBE3E4;color:#8a1f11;}
#main-content ul.errorlist li {list-style-type: circle; list-style-position: inside; font-weight: bold; text-size: 0.9em; padding: 2px; margin:0;}

#main-content ul#nivel-atendimento {padding: 2px;margin:5px 0 10px 0;border:2px solid #755924;background:#EEE1CA;color:#755924;}
#main-content ul#nivel-atendimento li {list-style-type: circle; list-style-position: inside; font-weight: bold; text-size: 0.9em; padding: 2px; margin:0;}

#main-content form label {font-weight: bold;font-size: 1.1em;margin: 10px 0 0 0;}
#main-content form input {width: 600px; height: 1.5em; font-size: 1.3em; padding:5px 0 0 5px; margin: 0 0 0 0; clear: right;}
#main-content form span input {width: 25px; height: 1.5em; font-size: 1.3em; padding:5px 0 0 0; margin: 0 0 0 0;}
#main-content form textarea {width: 600px; height: 100px;font-size: 1.3em;padding:5px 0 0 5px; margin: 0;}
#main-content form textarea.mensagem {width: 600px; height: 200px;font-size: 1.3em;padding:5px 0 0 5px; margin: 0;}

#main-content form#orcamento  input {width: 600px; height: 1.5em; font-size: 1.3em; padding:5px 0 0 5px; margin: 0 0 0 0; clear: right;}
#main-content form#orcamento span input {width: 25px; height: 1.5em; font-size: 1.3em; padding:5px 0 0 0; margin: 0 0 0 0;}
#main-content form#orcamento  textarea {width: 600px; height: 200px;font-size: 1.3em;padding:5px 0 0 5px; margin: 0;}
#main-content form#orcamento button {width: 600px;}

#main-content p.helptext {
    color: #666;
    font-size: 1em;
    font-style: italic;
    margin:0;
    padding:0;
}
.clear {
clear: both;
}

#auto-box {
width: 24.1em;
background-color: #ccc;
padding: 1em;
margin: 0;
float: left;
}
#house-box {
width: 24.1em;
background-color: #eee;
padding: 1em;
margin: 0;
float: left;
}

#vitro-box {
width: 24.1em;
background-color: #ddd;
padding: 1em;
margin: 0;
float: left;
}