/* CSS Document */

* {	margin:0; padding:0; font-size:100%; outline: 0;}

body{background:#efefef; text-align:center;}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}

html, textarea{ font-family:Arial, Helvetica, sans-serif; font-size:0.75em; line-height:1.333em; color:#787878;}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#87A7AB;}
a:hover{text-decoration:none;}
.black{ text-transform:uppercase; color:#1d1d1d;}
.orange{ font-weight:bold; color:#e49d04;}
p {padding:18px 0;}
h2{ font-size:2em; font-weight:normal; line-height:1em; color:#1f1f1f; padding-bottom:15px;}
h2 span{ color:#e49d04;}
h3{ font-size:1.75em; color:#1e1e1e; font-weight:normal; padding-bottom:12px; margin-left:-2px;}
h4 { font-size: 1.5em; padding: 10px 0 0 0;font-weight:normal; color: #1f1f1f;}


/* ============================= main layout ====================== */
.imgindent {margin:0 20px 0 0; float:left;}
.padding1{ padding-top:9px;}
.padding2{ padding-top:6px;}
.padding3{ padding-top:15px;}
.padding4{ padding-top:38px;}
.margin1{ margin-top:-4px;}
.margin2{ margin-top:14px;}
.margin3{ margin-right:14px;}
.strong1{ color:#1d1d1d; font-size:1.167em; font-weight:normal; display:block; padding-bottom:3px; line-height:1.286em;}
.strong2{ color:#e49d04;}
.strong3{ color:#0969a7; text-transform:uppercase; display:block; padding-bottom:3px;}

/* ============================= header ====================== */
#header{ background:url(images/header-tail.gif) top repeat-x;}
#header .main{ height:387px; background:url(images/header-bg.jpg) right bottom no-repeat;}
#header .top{ width:100%; overflow:hidden; height:110px; background:url(images/top-bg.gif) top right no-repeat;}
#header .menu{ float:right; padding:57px 42px 0 0;}
#header .menu li{ float:left; text-align:center; width:111px; border-right:solid 1px #505050; line-height:1.667em;}
#header .menu .last{ border:none;}
#header .menu a{ color:#ffffff; text-decoration:none;}
#header .menu a:hover, #header .menu .active{ color:#737373;}

#header .logo{ padding:26px 0 0 50px;}
#header .banners{ float:left; padding:30px 0 0 32px;}
#header .header-text{ float:left; padding:48px 0 0 22px; color:#0969a7; width:310px; font-weight:bold;}
#header .banners{ float:left; padding:30px 0 0 32px;}
#header .header-text ul{ padding:16px 0 10px 0;}
.buttons{ padding-top:11px;}

/* ============================= content ====================== */
.content{ background:#ffffff;}
.content .main{ width:905px; padding:24px 43px 28px 32px;}
.content .buttons{ padding:11px 0 0 4px;}
.unline{ background:url(images/line.gif) bottom repeat-x; padding-bottom:15px;}

.title{ background:url(images/title-bg.gif) top repeat-x;}
.title .corner-left{ background:url(images/title-left-bg.gif) no-repeat 0 0;}
.title .corner-right{ background:url(images/title-right-bg.gif) right top no-repeat; padding:13px 0 7px 24px;}

.box{ background:url(images/box-tail.gif) bottom repeat-x; width:100%;}
.box .left-corner{ background:url(images/box-left-corner.gif) left bottom no-repeat; width:100%;}
.box .right-corner{ background:url(images/box-right-corner.gif) right bottom no-repeat; width:100%;}
.box .indent{ padding:12px 25px 19px 24px;}
.box .indent2{ padding:16px 25px 19px 24px;}

.list li{ background:url(images/list-bg.gif) no-repeat 0 5px; line-height:2em; padding-left:21px;}
.list a, .list span { font-weight:bold; color:#0969a7; text-decoration:none;}
.list a:hover{ text-decoration:underline;}

.list1{ margin-top:0px;}
.list1 li{ line-height:2.143em; background:url(images/line.gif) bottom repeat-x; margin-left:32px;}
.list1 span{ display:inline-block; color:#0969a7; text-decoration:none; font-size:1.167em; margin-left:-32px; padding:0 0 5px 32px;}
.list1 .item1{ background:url(images/list1-item1-bg.gif) no-repeat 0 0;}
.list1 .item2{ background:url(images/list1-item2-bg.gif) no-repeat 0 0;}
.list1 .item3{ background:url(images/list1-item3-bg.gif) no-repeat 0 0;}
.list1 .item4{ background:url(images/list1-item4-bg.gif) no-repeat 0 0;}
.list1 .item5{ background:url(images/list1-item5-bg.gif) no-repeat 0 0;}
.list1 .item6{ background:url(images/list1-item6-bg.gif) no-repeat 0 0;}
.list1 .item7{ background:url(images/list1-item7-bg.gif) no-repeat 0 0;}
.list1 .item8{ background:url(images/list1-item8-bg.gif) no-repeat 0 0;}

.list1 .item9{ background:url(images/sqlite.gif) no-repeat 0 0;}
.list1 .item10{ background:url(images/postgre.gif) no-repeat 0 0;}
.list1 .item11{ background:url(images/firebird.gif) no-repeat 0 0;}
.list1 .item12{ background:url(images/mysql.gif) no-repeat 0 0;}
.list1 .item13{ background:url(images/sqlserver2005.gif) no-repeat 0 0;}
.list1 .item14{ background:url(images/java.gif) no-repeat 0 0;}
.list1 .item15{ background:url(images/ruby.gif) no-repeat 0 0;}
.list1 .item16{ background:url(images/zope.gif) no-repeat 0 0;}
.list1 .item17{ background:url(images/django.gif) no-repeat 0 0;}
.list1 .item18{ background:url(images/coldfusion.gif) no-repeat 0 0;}
.list1 .item19{ background:url(images/subdominios.gif) no-repeat 0 0;}
.list1 .item20{ background:url(images/mapeamentos.gif) no-repeat 0 0;}
.list1 .item21{ background:url(images/php.gif) no-repeat 0 0;}
.list1 .item22{ background:url(images/asp.gif) no-repeat 0 0;}
.list1 .item23{ background:url(images/restauracao.gif) no-repeat 0 0;}
.list1 .item24{ background:url(images/restauracaocompleta.gif) no-repeat 0 0;}

.font-1 {font-size: 10px;}

.list2 li{ border-bottom:solid 1px #dfdfdf;}
.list2 li a{ color:#0969a7; font-size:1.167em; text-decoration:none; line-height:2.071em; display:block; cursor:pointer;}
.list2 li a span{ display:inline-block; width:240px; }
.list2 li a strong{ display:inline-block; width:88px; font-weight:normal }
.list2 li a:hover{ background:#f5f5f5;}
.list2 .line1{ background:url(images/line.gif) repeat-y 222px 0;}
.list2 .line2{ background:url(images/line.gif) repeat-y 307px 0;}
.list2 .last{ border:none;}
.list2 em{ display:block; height:20px;}
.list2 b{ display:block; font-weight:normal;}

.link{	display:block; background:url(images/link-left-bg.gif) left no-repeat ; float:right; line-height:1em; font-size:1.167em; text-decoration:none; margin-top:8px; color:#ffffff;}
.link:hover{ text-decoration:underline;}
.link span{ display:block; background:url(images/link-right-bg.gif) right no-repeat; padding:0 6px;}
.link strong{ font-weight:normal; display:block; background:url(images/link-bg.gif) repeat-x; padding:4px 5px 5px 6px;}

.row-2{ padding:41px 0 0 25px;}
.indent{ padding:9px 0 0 25px;}
.line{ background:url(images/line.gif) repeat-y 241px 0;}

/* ============================= page1 ====================== */
#page1 .row-1 .col-2, #page1 .row-1 .col-3, #page1 .row-1 .col-4{ margin-left:2px;}
#page1 .row-2 .column-2{ margin-left:40px;}
#page1 .row-2 .column-2 .col-2{ margin-left:45px;}

/* ============================= page2 ====================== */
#page2 .row-1 .col-2, #page2 .row-1 .col-3{ margin-left:3px;}
#page2 .row-2 .column-2{ margin-left:73px;}

/* ============================= page3 ====================== */
#page3 .column-2{ margin-left:47px;}
#page3 .column-2 .col-2{ margin-left:43px;}
#page3 .col-1, #page3 .col-2{ float: left;}

/* ============================= page4 ====================== */
#page4 .col-2, #page4 .col-3, #page4 .col-4{ margin-left:2px;}
#page4 .row-2{ padding:15px 0 0;}
#page4 .row-2 .container {padding: 0 0 0 223px; width: auto!important;}

/* ============================= page5 ====================== */
#page5 .column-2{ margin-left:30px;}
.phones{ line-height:1.417em;}
.phone{ float:right; padding-right:120px;}

.email{ font-size:1.167em; padding-top:27px;}
.email a{ color:#0969a7;}

/* ============================= footer ====================== */
#footer{ background:#efefef;}
#footer .main{ text-align:right; color:#7c7c7c; font-weight:bold; }
#footer a{ color:#7c7c7c; font-weight:bold; text-decoration:none;}
#footer a:hover{ text-decoration:underline;}
#footer .text{ padding:10px 58px 0 0;}


/* ============================= forms ============================= */
#ContactForm{ padding-top:10px;}
#ContactForm label{ display:block; height:28px;}
#ContactForm input{ margin-top:3px; border:solid 1px #7d7d7d; width:290px; padding:2px 0 2px 2px; font-family:Arial, Helvetica, sans-serif; color:#555555;}
#ContactForm textarea{ margin-top:3px; border:solid 1px #7d7d7d; width:290px; padding:2px 0 2px 2px; height:190px; overflow:hidden; font-size:1em !important; color:#555555;}
#ContactForm .link{ margin-top:25px;}
#ContactForm .link strong{ font-weight:normal; display:block; background:url(images/link-bg.gif) repeat-x; padding:4px 23px 5px 23px;}

.input { margin-top:3px; border:solid 1px #555555; width: 140px; padding:2px 0 2px 2px; font-family:Arial, Helvetica, sans-serif; color:#555555;}
.input2 { margin-top:3px; border:solid 1px #555555; height:23px; line-height:23px; padding:0; font-family:Arial, Helvetica, sans-serif; color:#555555;}

.linha { padding: 5px 0; min-height: 23px; line-height: 23px;}

.verificar {
	background:url(images/verificar.gif) right no-repeat; padding:0 0px;
	width: 75px;
	height: 23px;
	border: 0px;
	cursor: pointer;
	overflow: hidden;
}
.enviar {
	background:url(images/enviar.gif) right no-repeat; padding:0 0px;
	width: 75px;
	height: 23px;
	border: 0px;
	cursor: pointer;
	overflow: hidden;
}
.entrar {
	background:url(images/entrar.gif) right no-repeat; padding:0 0px;
	width: 75px;
	height: 23px;
	border: 0px;
	cursor: pointer;
	overflow: hidden;
}
#page2 label { 
	display:block; height:23px; width: 70px; float: left; line-height:23px; font-weight: bold;
}
/* -- ABAS -- */
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 26px;
	width: 100%;
	overflow: auto;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 26px;
	line-height: 26px;
	border-left: none;
	margin-bottom: -1px;
	background: #EDEDED;
	overflow: hidden;
	position: relative;
}
ul.tabs li .current {
	background: #0C6CA9 url(images/passo-a-passo-ativo.gif) no-repeat center;
	color: #ffffff;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 5px;
	border: 1px solid #fff;
	outline: none;
}
ul.tabs li a:hover {
	background: #cccccc url(images/passo-a-passo-hover.gif) no-repeat center;
}	
html ul.tabs li.active, html ul.tabs li.active a:hover  {
	background: #fff;

}
div.wrap {
	width:auto;
}

.wrap .pane  {	
	display:none;		
	padding:40px 0px 10px;
	/*border:1px solid #999;*/
	border-top:0;
	color:#456;	
	_background-image:none;
}

.wrap .pane p {
	font-size:38px;	
	margin:-10px 0 -20px 0;	
	text-align:right;
	color:#578;
}
/* -- FIM ABAS -- */


.pesquisa-dominio {
	margin: 0px 0 10px 0px;
	padding: 10px;
	background: #f2f2f2;
	border: 1px solid #cccccc;
}

.msgError {
	clear:both;
	background: #FFCACA url(images/exclamation.png) 15px center no-repeat;
	text-align: center;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #c00;
	border-bottom: 2px solid #c00;
	font:12px Arial, Verdana, helvetica, sans-serif;
	font-weight:bold;
	color:#CC0000;
	margin: 0 auto 20px;
}
.msgResult {
	clear:both;
	background: #fff6bf url(images/error.png) 15px center no-repeat;
	text-align: center;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
	font:12px Arial, Verdana, helvetica, sans-serif;
	font-weight:bold;
	color:#996600;
	max-width: 60%;
	width: 100%;
	margin:auto;
}
.msgOK {
	clear:both;
	background: #D2F3CC url(images/information.png) 15px center no-repeat;
	text-align: center;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #BDEDB4;
	border-bottom: 2px solid #BDEDB4;
	font:12px Arial, Verdana, helvetica, sans-serif;
	font-weight:bold;
	color:#000;
	max-width: 60%;
	width: 100%;
	margin:auto;
}
.resultado {
	margin: 10px auto 20px;
}
table.resultado {
	border-collapse: collapse;
	border: 3px solid #cccccc;
}
.resultado td {
	border: 1px solid #cccccc;
	border-collapse: collapse;
	background: #f5f5f5;
	padding: 5px;
}
.recursos{
}
.recursos:hover {
	cursor: pointer;
}
ul.lista-recursos {
	margin-left:70px;
}
.cadastro {
	width: 100%!important;
}
.input {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 3px;
	color: #555555;
}
.input:hover, .input:active, .input:focus  {
	background: #EFF6FF;
	border-color: #298DCB;
	border: 2px solid #298DCB;
	padding: 2px
}
.focus {
	border: 2px solid #298DCB;
	background: #EFF6FF;
	padding: 2px
}
textarea {
	font-size: 12px;
}
.dados {
	width: auto;
}
.obs {
	line-height: 130%;
	font-size: 9px;
	margin-left: 70px;
}
div.tooltip { 
    background-color:#000; 
    border:1px solid #fff; 
    padding:10px 15px; 
    width:300px; 
    display:none; 
    color:#fff; 
    text-align:left; 
    font-size:12px; 
 
    /* outline radius for mozilla/firefox only */ 
    -moz-box-shadow:0 0 10px #000; 
    -webkit-box-shadow:0 0 10px #000; 
}

/*validacao*/


form.cmxform label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
	font-style: italic;
	text-align: right;
}
div.error { display: none; }
input.error { border: 2px dotted red; padding: 2px;}
label.error {
	float:right!important;
	margin:0 0 0 0px;
	width:auto!important;
}
.painel-de-controle {
	background:none repeat scroll 0 0 #F5F5F5;
	float:right;
	font-size:13px;
	margin-left:3px;
	padding:10px 27px 20px;
	width: 165px; 
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
.pesquisa-dominio-home form {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
.painel-de-controle  .input {
	width: 166px!important;
}
.highslide-body iframe html {
	overflow: hidden!important;
}
.highslide-body {
	overflow: hidden!important;
}