/**
 * CSS Automatos
 * DOTCUSTOMS.COM SOLUÇÕES WEB LTDA.
 * CNPJ: 08.678.712/0001-76
 * www.dotcustoms.com - Tel: +55 11 2122-4213
 * SOLUÇÕES CUSTOMIZADAS
 * 
 * Criado em: 23 de Novembro de 2007
 * 
 * @author Vinicius Tesoni <vinicius@dotcustoms.com>
 * @copyright Todos os Direitos Reservados (c) 2007, dotCustoms.com
 */

@charset "utf-8";
/* CSS Document */

body{ font-family: Arial, Helvetica, sans-serif; font-size: 12px;}

p, h1, h2, h3, h4, h5, h6, a, label, input, ul, li, ol, input, select, aviso, cont, enderecos, contato{ font-family: Arial, Helvetica, sans-serif;}

p, a, ol li, label, input, select{ font-size: 12px;}
a{ color: #0d9fc0;}
p{ color: #000000;}

label{ float: left; margin: 0 0 10px 5px;}

form h3{ float: left; margin-right: 10px;}
fieldset{ padding: 20px;}

ol li{margin-bottom:6px;}

h3{ color: #0193ba; font-size: 14px;}

body{ margin: 0; padding: 0; background-color: #CCCCCC;}


#loader{ width: auto; height: auto; display: block; float: left; left: 50%; margin-left: -30px; padding: 10px; background-color: #FFFFFF; text-align: center; position: absolute; z-index: 99999999999999;}

#geral{
background-color: #FFFFFF;
margin: 0 auto;
width: 766px;
display: block;
height: auto;s
border: solid 1px #000000;
}

#top{
width: 766px;
height: 193px;
background: url(../images/top.jpg);
float: left;}

*html body #menu{position: absolute;
left: 50;
margin-left: 130px;
}

*html body #menu{position: relative; left: 0; margin-left: -280px; top: 63px;}
#menu{
width: 235px;
height: 149px;
position: absolute;
top: 63px;
left: 50%;
float: left;
margin-left: 100px;
z-index: 10;
}

#logo{
width: 350px;
height: 100px;
float: left;
margin: 30px 0 0 30px;
cursor: pointer;
}

*html body #cont{height: 100px;}
#cont{
min-height: 100px;
width: 686px;
height: auto;
display: block;
float: left;
padding: 40px;
background-color: #ffffff;}

*html body #utilitarios{position: relative; left: 0; margin-left: 24px; top: 14px; margin-bottom: -20px}
#utilitarios{
color: #f0f0f0;
width: 170px;
height: 20px;
position: absolute;
float: left;
left: 50%;
margin-left: -330px;
top: 14px;}
#utilitarios p{ margin: 0; padding: 0;  color: #f0f0f0;}



#aviso{
text-align: center; width: 100%; float: left; position: relative; padding: 10px;
color: #0193ba;}

#carregando{ position: absolute; float: right; top: 0; right: 0; height: 20px; width: 150px; background-color: #CCCCCC;}


/*///////////////////////// | HOME |//////////////////////////*/

#barra_home{
float: left;
width: 766px;
height: 331px;
background: url(../images/home.jpg);
}

#gratis10{ width: 187px; height: 88px; float: right; margin: 24px 9px 0 0;}

*html body #home_questoes li{margin: 10px 10px 10px 10px;}

*html body #home_questoes{ top: -70px;}
*+html #home_questoes{top: -10px;}
#home_questoes{ position: relative; top: -20px; width: 450px; height: 240px; float: right; padding: 0 0 20px 20px; margin-bottom: -20px; margin-top: 0; }

#home_questoes ul{padding: 0; margin: 0; width: auto;}
#home_questoes li{
color: #707070;
font-size: 12px;
list-style-image: url(../images/gbullet.jpg);
margin: 10px 20px 10px 20px;
width: 290px;
float: left;}

*html body #login{ top: 10px;}
#login{ float: left; position: relative; top: 60px;}

*html body #combos_br, *html body #combos_en, *html body #combos_es{position: relative; left: 0; margin-left: 4px; top: -355px; margin-bottom: -379px; padding-top: 30px; height: 410px;}
#combos_br, #combos_en, #combos_es{
position: absolute;
width: 250px;
height: 430px;
float: left;
top: 135px;
left: 50%;
margin-left: -375px;
padding-top: 10px;
}

#combos_br{ background: url(../images/br/combos.jpg);} 
#combos_en{ background: url(../images/en/combos.jpg);} 
#combos_es{ background: url(../images/es/combos.jpg);}


*html body .combo_txt{margin: 10px 0 44px 34px;}
.combo_txt{
margin: 24px 0 40px 70px;
width: 150px;
height: 70px;
float: left;
font-size: 11px;
padding: 8px 5px 7px 5px;
}
.combo_txt a{ font-size: 11px; color: #3b99c1; font-weight: bold; text-decoration: none;}
.combo_txt a:hover{ text-decoration: underline;}
.combo_txt li{ list-style-image: url(../images/bullet.jpg); margin: 0;}
.combo_txt ul{  margin: 0; padding: 0 0 6px 10px;}

#detalhe_combo p{ margin: 0; padding: 0 20px 6px 0;}
#detalhe_combo a{ font-size: 12px; color: #3b99c1; font-weight: bold;  text-decoration: none;}
#detalhe_combo a:hover{ text-decoration: underline;}
#detalhe_combo{
margin: 20px 0 0 0;
clear: both;
width: 230px;
height: 170px;
float: right;}

#frase{ width: 300px; height: 62px; float: right; margin: 30px 10px 0 0;}



/*///////////////////////// | PRODUTOS |//////////////////////////*/

#combo1, #combo2, #combo3{
font-family: Arial, Helvetica, sans-serif;
width: 700px;
height: auto;
display: block;
float: left;
margin: 0 0 20px 0;}


*html body .desktops{height: 360px;}
.desktops{
text-align: right;
width: 330px;
height: auto;
min-height: 360px;
display: block;
float: left;
border-left: solid 1px #000000;
border-bottom: solid 1px #000000;
}
*html body .servidores{height: 360px;}
.servidores{
text-align: left;
width: 330px;
height: auto;
display: block;
min-height: 360px;
float: right;
border-right: solid 1px #000000;
border-bottom: solid 1px #000000;
}

.servidores .itenscombo, .desktops .itenscombo{ margin: 0; padding: 0 30px 0 30px;}

.itenscombo li{ list-style: none; font-size:12px; margin: 10px 0 10px 0;}
.preco{ font-size: 24px; font-weight:bold; color: #1689a3; margin: 30px; display: block;}
.titulo{ font-size: 20px; font-weight:bold; color: #000000; margin: 30px; display: block;}
.saibamais{ position: relative; display: block; bottom: 0; color: #1689a3; font-size: 14px; font-weight: bold; text-decoration: none; margin: 30px;}
.saibamais:hover{ text-decoration: underline;}
.comprar{ width: 126px; height: 59px; position: relative; top: 20px;}
.desktops .comprar{ float: left; left: 20px;}
.servidores .comprar{ float: right; right: 20px;}

.detalhes li{ list-style: none; font-size: 11px; padding: 0;}

.servidores .detalhes{ margin-left: 30px; padding: 0 20px 0 0;}
.desktops .detalhes{ margin-right: 30px; padding: 0 0 0 20px;}
.detalhes{ margin-bottom: 0;}

.detalhes h4{ color: #218cba; margin: 0; font-size: 12px; font-weight: bold;}

#combo1{ background: url(../images/bg_combo1.jpg) top repeat-y;}
#combo2{ background: url(../images/bg_combo2.jpg) top repeat-y;}
#combo3{ background: url(../images/bg_combo3.jpg) top repeat-y;}

#pdf_prod{ float: left; display: block; margin: 50px 0 0 50px;}


/*///////////////////////// | Como usar |//////////////////////////*/

*html body #faq{height: 350px;}
#faq{ float: right; width: 230px; padding: 0 20px 0 20px; height: auto; min-height: 350px; display: block; border-left: solid 1px #818181; margin-left: 20px;}

#faq ul{ padding: 0; margin:0;}
#faq li{ padding: 0; margin:0; list-style: none; font-size: 12px; margin-bottom: 20px;}
#faq h3{ font-size: 12px;}

/*///////////////////////// |     FAQ     |//////////////////////////*/

#faq_g ul{ padding: 0; margin:0;}
#faq_g li{ padding: 0; margin:0; list-style: none; font-size: 12px; margin-bottom: 20px;}
#faq_g h3{ font-size: 12px;}

#mande_faq{ float: right; margin-left: 20px;}

/*///////////////////////// | Como comprar |//////////////////////////*/


#carrinho{ font-family: Arial, Helvetica, sans-serif; width: 100%; height: auto; display: block;}

.combo{ width: 100%; height: 120px; float: left; margin-bottom: 10px;}
.numero{ margin-top: 20px; width: 60px; float: left; text-align: center;}
.plataforma{ margin-top: 30px; float: left; width: 160px;}
.valor_unit{ width: 70px; text-align: left; padding-left: 10px; margin-top: 30px; float: left; font-size: 16px; font-weight: bold; color: #1689a3;}
.preco{ margin-bottom: 10px;}
.preco h4{ margin: 0; font-size: 12px; font-weight: bold;}

.quantidade{ text-align: center; float: left; margin-top: 0; width: 70px; }
.quantidade p{ margin: 0 0 10px 0;}
.quantidade input{ margin-bottom: 10px;}
.quantidade select{ margin-bottom: 10px;}

.tempo{ text-align: center; float: left; margin-top: 0; width: 100px;}
.tempo p{ margin: 0 0 10px 0;}
/*.tempo input{ margin-bottom: 10px;}*/

.valor_total{ float: left; font-size: 20px; font-weight: bold; color: #1689a3; margin-top: 22px;}
.valor{ display: block; margin-bottom: 10px;}
.valor_total .valor{ margin-bottom: 14px;}


.final{width: 100%; height: 60px; float: left; margin-bottom: 10px;}

.valor_final{
float: left;
color: #1689a3;
font-size: 20px;
font-weight: bold;
position: relative;
left: 270px;
top: -40px;}

.valor_final h3{ display: inline; margin-right: 20px; margin-top: 4px; color: #63656a;}
.finalizar{ float: left; display: block; left: 270px; position: relative; top: -40px; clear:both; }
*html body .finalizar{margin-left: 200px; display: inline; margin-top: -50px; }
*+html .finalizar{  top: -30px;}
 

/*///////////////////////// | TRIAL |//////////////////////////*/


#login_trial{ float: right;}



/*///////////////////////// | Fale Conosco |//////////////////////////*/

#contato{
float: left;
width: 400px;
height: auto;
display:block;
}


#enderecos ul{ padding: 0;}
#enderecos li{ list-style: none; font-size: 12px; margin-bottom: 20px;}
#enderecos h3{ font-size: 12px;}

*html body #enderecos{padding-left: 20px; width: 250px;}
*+html #enderecos{padding-left: 20px; width: 250px;}

#enderecos{
padding-left: 20px;
border-left: solid 1px #999999;
float: right;
width: 250px;
height: auto;
display:block;
}

/*///////////////////////// | Rodape |//////////////////////////*/

#rodape a{color: #FFFFFF; font-size: 10px;}
#rodape{
color: #FFFFFF;
text-align: center;
padding: 20px 0 0 0;
width: 100%;
height: 59px;
background: url(../images/bgpe.jpg) repeat-x;
float: left;
}
.notarodape{margin-top: 10px; font-size: 9px; color: #b0b0b0;}

/*////////////////////////// | OBRIGATÓRIO |///////////////////////*/

.obr {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
}