html, body, div, span, applet, object, iframe, table, caption,
tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins,
kbd, q, s, samp, small, strike, sub, sup, tt, var,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,
acronym, address, big, cite, code, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
    vertical-align: top;
    font-family: inherit;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    outline: 0;
    padding: 0;
    margin: 0;
    border: 0;
}
:focus {
    outline: 0;
}
ol, ul {
    list-style: none;
}
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    font-weight: normal;
    text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";}


body {background: url("../images/main-bg.jpg") #f0f4f7 top left repeat-x;
	text-align: center;
	line-height: 1;}

body, p, h1, h2, h3, span {font: normal 8pt arial, verdana, Arial, "Lucida Sans Unicode";
	text-align: left;
	color: #424a56;
	line-height: 150%;
	letter-spacing: 0.1px;}
	
h1 {margin-bottom: 5px;
	padding-bottom: 5px;
	font: bold 13pt Arial, Helvetica, sans-serif;
	color: #455e70;
	letter-spacing: -0.1px;}

h2 {padding-bottom: 1px;
	font: bold 7,5pt arial, "Lucida Sans Unicode";
	color: #59bf50;
	text-transform: uppercase;}

h3 {margin: 0px;
		padding: 0px;
		font: bold 9pt arial;
		letter-spacing: 0.1px;}

h4 {padding-bottom: 1px;
	font: bold 9pt arial, georgia, "Lucida Sans Unicode";
	color: #028aff;}
	
img {border: 0;
	float: left;
	margin:0;
	padding:0;}
	
a:link, a:visited {color: #27527f;
	text-decoration: underline;}
	
	a:hover {color: #ff6c00;
		text-decoration: none;}

.clear {width: 100%;
		line-height: 0px;
		font-size: 0px;
		height: 5px;
		clear: both;}

	.strong {font-weight: bold;}
	

/* ---------->>> LAYOUT <<<-----------*/
#wrap-all {margin: 0 auto;
	padding: 0px;
	width: 800px;
	min-height: 570px;
	text-align: left;
	clear: both;
	/*background: #ffffff;*/}
	
	#logo {margin: 10px 0px 0px 10px;
		width: 200px;
		height: 70px;
		float: left;
		background: url("../images/logo.jpg") center no-repeat;}

		#logo a:link, #logo a:visited {display: block;
			width: 100%;
			height: 100%;
			float: left;}

	#contactandlogin {margin: 10px 0px 0px 20px;
		width: 760px;
		height:25px;
		float: left;
		background-color: #eaf0f4;}
		
		#contactandlogin .leftcorner {width: 6px;
			height: 25px;
			float: left;
			background: url("../images/contant-login-left-corner.jpg") top left no-repeat}
		
		#contactandlogin .contact {margin: 5px 0px 0px 5px;
			width: 400px;
			height: 20px;
			float: left;
			font: bold 8pt Arial, Helvetica, sans-serif;
			color: #a5b0b8;}
			
			span.contactnumber {;font: bold 9pt Arial, Helvetica, sans-serif;
				color: #415766;
				letter-spacing: -0.7px;}
		
		#contactandlogin .login {margin: 3px 0px 0px 110px;
			width: 330px;
			height: 20px;
			float: left;}

			#contactandlogin label {padding: 0px;
				margin: 0px;
				display:block;
				font-weight:bold;
				text-align:left;
				float:left;}
			
			div#contactandlogin input {margin-left: 5px;
				padding-left: 3px;
				border: solid 1px #cedae2;
				font: normal 8pt Arial, Helvetica, sans-serif;
				color: #666;
				width: 120px;
				float: left;}

				div#contactandlogin input.searchbutton {padding-left: 5px;width: 24px;
					height: 18px;
					border: none;
					font: bold 8pt Arial, Helvetica, sans-serif;
					background-color: #ff7800;
					color: #FFFFFF;
					float: left;}



		#contactandlogin .rightcorner {width: 6px;
			height: 25px;
			float: right;
			background: url("../images/contant-login-right-corner.jpg") top left no-repeat}
			
	#banner {margin: 0px 0px 0px 10px;
		width: 760px;
		height: 230px;
		float: left;
		background: url("../images/banner.jpg");
		border: solid 10px #ffffff;}
		
		.subscreva {margin: 163px 0px 0px 45px;
			width:169px;
			height: 41px;
			display: block;
			float:left;
			background: url("../images/subscreva.jpg");}
			
			.subscreva a:link, .subscreva a:visited {display: block;
				width: 100%;
				height: 100%;
				float: left;}


	#middlecalls-wrap {margin: 0px;
		width: 800px;
		height: 180px;
		float: left;
		background: url("../images/middle-divider.jpg") center no-repeat #575d66;
		font: normal 8pt Arial, Helvetica, sans-serif;
		color: #eaf0f4;}
		
		#middlecalls-wrap div.vantagens {margin: 15px 30px 15px 15px;
			width: 360px;
			height: 150px;
			float: right;}

			#middlecalls-wrap div.vantagens h1 {margin-bottom: 10px;
				display: block;
				height: 14px;
				font: normal 1px Arial, Helvetica, sans-serif;
				color: #575d66;
				background: url("../images/escolhermodelo-header.jpg") top left no-repeat;}

		#middlecalls-wrap div.trabalhos {margin: 15px 15px 15px 35px;
			width: 300px;
			height: 150px;
			float: left;}
			
			#middlecalls-wrap div.trabalhos span {display: block;
				height: 5px;
				color: #91979e;
				padding-bottom: 0px;}
			
			#middlecalls-wrap div.trabalhos h1 {margin-bottom: 10px;
				display: block;
				height: 10px;
				font: normal 1px Arial, Helvetica, sans-serif;
				color: #575d66;
				background: url("../images/porqueescolher-header.jpg") top left no-repeat;
				}


			div.trabalhos label {font: bold 14pt Arial, Helvetica, sans-serif;
				color: #2c3037;
				width: 50px;
				float: left;}

			div.trabalhos input.adress {margin-left: 5px;
				padding-left: 3px;
				border: solid 2px #4a4f57;
				font: bold 11pt Arial, Helvetica, sans-serif;
				color: #2c3037;
				width: 198px;
				height: 20px;
				float: left;}

			div.trabalhos input.botaodomain {margin: 0px;
				border: solid 2px #4a4f57;
				font: normal 1pt Arial, Helvetica, sans-serif;
				color: #2c3037;
				width: 85px;
				height: 25px;
				float: left;
				background: url('../images/domain-procura.jpg') center no-repeat #2e3238;}

			div.trabalhos select {margin-left: 5px;
				padding-left: 3px;
				border: solid 2px #4a4f57;
				font: bold 11pt Arial, Helvetica, sans-serif;
				color: #666;
				width: 80px;
				height: 26px;
				float: left;}

			.trabalhos ul {margin: 0px 0px 3px 25px;
				list-style-image: url("../images/bullet.jpg");}
				
				.trabalhos span.destacar {font-weight: bold;
					color: #ffd800;}
				
				.trabalhos ul li {margin: 0px;
					padding: 0px 0px 3px 0px;
					line-height: 0px;}
				
				.trabalhos a:link, .trabalhos a:visited {color: #ff6c00;}
		
		

	#bottomcalls {margin: 0px 0px 0px 0px;
		width: 800px;
		min-height: 180px;
		float: left;}
		
		#bottomcalls-leftcorner {margin: 0px 0px 0px 0px;
			width: 10px;
			height: 180px;
			float: left;
			background: url("../images/bottom-corner-left.jpg") top left no-repeat;}

		#bottomcalls-contentarea {margin: 0px 0px 0px 0px;
			width: 780px;
			min-height: 200px;
			float: left;
			background-color: #ffffff;}
			
			#bottomcalls-contentarea .left {margin: 25px 10px 0px 10px;
				width: 240px;
				min-height: 140px;
				float: left;}

				#bottomcalls-contentarea ul {margin: 0px 0px 3px 20px;
					list-style-image: url("../images/bullet2.jpg");}
					
					#bottomcalls-contentarea .left li a:link, #bottomcalls-contentarea .left li a:visited {
						text-decoration: none;
						padding: 0px;
						margin: 0px;
						line-height: 25px;}

		
			#bottomcalls-contentarea .right {margin: 25px 10px 0px 0px;
				width: 240px;
				min-height: 140px;
				float: right;}
				
				#bottomcalls-contentarea h1 {margin-bottom: 10px;
					display: block;
					height: 14px;
					font: normal 1px Arial, Helvetica, sans-serif;
					color: #c9d5dd;}
		
				#bottomcalls-contentarea h1.portfolio {background: url("../images/trabalhos-recentes.jpg") top left no-repeat;}
				#bottomcalls-contentarea h1.faq {background: url("../images/faq.jpg") top left no-repeat;}
				#bottomcalls-contentarea h1.contacto {background: url("../images/contacto.jpg") top left no-repeat;}
		
		#bottomcalls-rightcorner {margin: 0px 0px 0px 0px;
			width: 10px;
			height: 180px;
			float: left;
			background: url("../images/bottom-corner-right.jpg") top left no-repeat;}


	#insideload {margin: 0px 0px 0px 10px;
		padding: 10px;
		width: 760px;
		min-height: 500px;
		float: left;
		background-color: #ffffff;
		color: #CCCCCC;}
		
		#insideheader {margin:0px;
			width: 760px;
			height: 50px;
			float: left;
			background-color: #565d67;z-index: 1;}
			
			.webhostbg {
				background: url('../images/webhosting-bg.jpg') top left no-repeat;
				background-position: 10px 5px;}
		
			.subscricao {
				background: url('../images/subscricao-bg.jpg') top left no-repeat;
				background-position: 10px 5px;}
		
			.modelos {
				background: url('../images/portfolio-bg.jpg') top left no-repeat;
				background-position: 10px 5px;}
		
			.portfolio {
				background: url('../images/templates-bg.jpg') top left no-repeat;
				background-position: 10px 5px;}
		
			.contacto {
				background: url('../images/contacto-bg.jpg') top left no-repeat;
				background-position: 10px 5px;}
		
			.novidades {
				background: url('../images/novidades-bg.jpg') top left no-repeat;
				background-position: 10px 5px;}
		
			.faq {
				background: url('../images/faq-bg.jpg') top left no-repeat;
				background-position: 10px 5px;}
		
		#insidecontent {padding-top: 20px;
			width: 520px;
			min-height: 600px;
			float: left;
			color: #424a56;}
			
			div.leftport {margin: 0px 50px 20px 0px;
				width:200px;
				min-height:200px;
				float: left;
				text-align: left;}

			div.rightport {margin: 0px 0px 20px 0px;
				padding: 0px;
				width:200px;
				min-height:200px;
				float: left;
				text-align: left;}
				
				.leftport, .rightport {
				color: #565d67;}
					
				.leftport img, .rightport img, .leftport img a:link, .rightport img a:link, .leftport img a:visited, .rightport img a:visited {
					margin-bottom: 5px;
					padding: 0px;
					float: left;}

			#insidecontent table td {padding: 8px;
				font: normal 8pt Arial, Helvetica, sans-serif;
				color: #6c7480;}
			
			#insidecontent table th {height: 20px;
				padding: 8px;
				font: bold 8pt Arial, Helvetica, sans-serif;
				color: #ffffff;
				background-color: #000;}
			
			#insidecontent table tr.header2 {height: 20px;
				padding: 8px;
				font: bold 10pt Arial, Helvetica, sans-serif;
				color: #ffffff;
				background-color: #000;}
			
				#insidecontent table tr.header2 td, #insidecontent table tr.header3 td {color: #ffffff;
					font-weight: bold;}
			
			#insidecontent table tr.header3 {height: 20px;
				padding: 8px;
				font: bold 10pt Arial, Helvetica, sans-serif;
				color: #ffffff;
				background-color: #ff7d01;}
			


			#insidecontent table tr.dark {
				background-color: #f7f7f7;}
			
		img.modelos {margin: 0px 40px 20px 0px;
			float: left;}

		#insiderightbar{margin: 25px 0px 0px 530px;
			padding: 20px 10px 10px 10px;
			width: 200px;
			min-height: 590px;
			background-color: #d7dee4;
			position: relative;
			z-index: 2;
			color: #333333;}
			
			#insiderightbar h1 {margin-bottom: 10px;
				padding-bottom: 5px;
				font: bold 12pt Arial, Helvetica, sans-serif;
				color: #838c94;
				letter-spacing: -0.5px;
				border-bottom: dotted 1px #bbc2c8;}


			#insiderightbar img {margin-bottom: 15px;
				flot: left;}



	#footer {margin: 0px 0px 0px 10px;
		padding: 10px;
		width: 760px;
		height: 20px;
		float: left;
		background-color: #000000;
		color: #CCCCCC;}





/*----------->>> DOCS <<<-----------*/
ul#nav {margin: 0px 10px 0px 0px;
	padding: 0px;
	width: 540px;
	height: 80px;
	list-style: none;
	float: right;}
	
	ul#nav li {margin: 0px;
		padding: 0px;
		list-style: none;
		float: left;
		background: url("../images/menu-divider.jpg") top right no-repeat;}
	
	ul#nav li a:link, ul#nav li a:visited {margin: 0px;
		padding: 30px 30px 0px 30px;
		height: 50px; 
		display: block; 
		text-decoration: none;
		line-height: 25px;
		letter-spacing: 0px;
		color: #7e7d7c;
		font: bold 9pt Arial, Helvetica, sans-serif;}

		ul#nav li a:hover {color:#eaf0f4;
			background: url("../images/menupointer-light.jpg") top center no-repeat;}


		ul#nav li a.active {color:#ffffff;}

		ul#nav li a.active{
			background: url("../images/menupointer.jpg") top center no-repeat;}

#wrap {
    color: #404040;
    margin: 20px 40px;}

/* ---------->>>  FORM  <<<-----------*/
form.subscrevaform {width: 500px;}
	
.subscrevaform label {margin-bottom: 5px;
	display: block;}
	
.subscrevaform label span {margin-right: 5px;display: block;
	width: 100px;
	float: left;
	text-align: right;
	font-weight: normal;}
	
.subscrevaform label input {margin-bottom: 5px;
	width: 230px;
	font-size:12px;
	color: #263C52;}
	
	input.comen {width: 150px;
		margin-top: 10px;
		border: none;
		background-color: #768EAE;
		}

select {width: 150px;
	color: #263C52;}
	
div.box {padding: 10px;
	color:#333333;
	margin-bottom:20px;}

div.box p {padding-bottom:14px;}

div.box input, form.subscrevaform select, .input-text {
	border:1px solid #d7dee4;
	padding: 8px;
	color: #263C52;
	width: 200px;}


div.box textarea, .textarea-text {
	border: 1px solid #eaeaea;
	padding: 5px;
	font-family: arial;
	font-size: 12px;
	color: #263C52;
	width: 320px;}


div.box label {display: block;
	margin-bottom: 10px;
	color: #555555;}

div.box label span {display: block;
	float: left;
	padding-right: 6px;
	width: 70px;
	text-align: left;
	font-weight: normal;}
	
.spacer {margin-left: 105px; 
	width: 90px;
	/*float: left;*/
	display:block;
	margin-bottom:10px;
	font-size:11px;
	color:#fff;
	text-align: center;}

	.spacer a:link {
		display:block;
		float: left;
		margin-bottom:10px;
		font-size:11px;
		color: #263C52;
		text-decoration: none;
		font-weight: bold;}
		
		.spacer a:visited  {color: #263C52;
			text-decoration: none;
			font-weight: bold;}
		
		.spacer a:hover  {color: #263C52;
			text-decoration: none;
			font-weight: bold;
			background-color: #fff;
			border:1px solid #fff;}
	
.green {background-color: #768EAE;
	padding:0px 6px;
	float: left;
	border:1px solid #768EAE;
	height:24px; 
	line-height:24px;
	color:#fff;
	font-size:12px;
	margin-left:10px;
	display:inline-block;
	text-decoration:none;}