html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,hr {margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size:1em; font-weight:normal; font-style:normal;}
ul,ol {list-style:none;}
fieldset,img,hr {border:none;}
caption,th {text-align:left;}
table {border-collapse:collapse; border-spacing:0;}
td {vertical-align:top;}

body {background: url(../imagens/bg-total.jpg) #FFFFFF center top;}

a {color:#000000; text-decoration:none;}

#container-head {margin:0 auto; width:590px; display:block; padding: 0;}
	#logo {margin: 33px 0 0 8px;}

#strip {background-image:url(../imagens/bg-strip.png); width: 100%; height: 136px; margin: 32px 0 0 0; padding: 0;}
	#strip h1 {width: 611px; text-align:left; font: 28px Tahoma, Geneva, sans-serif; color: white; padding: 14px 0 0 32px; margin:0 auto;}
#strip-menu {background-image:url(../imagens/bg-sessao.png); width: 100%; height: 68px; margin: 32px 0 0 0; padding: 0;}	
	#strip-txt {width: 611px; text-align:left; padding: 15px 0 0 32px; margin:0 auto;}
	.name-menu a {padding: 0; text-align: left; float: left; width: 120px; margin-right: 27px;  }
		.name-menu a:hover {padding: 0; text-align: left; float: left; width: 120px; margin-right: 27px; background:#7dd4f7;}
		.name-menu h2 {font: 22px Tahoma, Geneva, sans-serif; color: #00b6f0; margin-top: -5px;}
		.name-menu h2:hover {font: 22px Tahoma, Geneva, sans-serif; color: white; margin-top: -5px;}
		.name-menu h3 {font: 22px Tahoma, Geneva, sans-serif; color: black; margin-top: -5px;}
	
#container {margin:0 auto; width:611px; display:block; padding: 24px 0 0 0; text-align: right;}
	.sessao a {width: 136px; height: 100%; float: left; margin:0 41px 0 7px; text-align:rigth; padding: 10px;}
		.sessao a:hover {background: url(../imagens/bg-sessao.png); border: 2px solid #7dd3f7; margin: -2px 39px 0 5px;}
	.sessao-right a {width: 136px; height: 100%; float: left; margin:0 0 0 8px; text-align:rigth; padding: 10px;}
		.sessao-right a:hover {background: url(../imagens/bg-sessao.png); border: 2px solid #7dd3f7; margin: -2px 0 0 6px;}
	
	.icon-sala {height: 69px; width: 137px; background:url(../imagens/sala-simples.png) no-repeat;}
	.icon-seu {height: 69px; width: 103px; background:url(../imagens/seu-simples.png) no-repeat;}
	.icon-solucoes {height: 69px; width: 104px; background:url(../imagens/solucoes-simples.png) no-repeat;}

#container-pages {margin:0 auto; width:578px; display:block; padding: 24px 0 100px 0; text-align: right; background: white;}
	#container-pages h1 {font: 22px Tahoma, Geneva, sans-serif; color:#00b6f0; text-align:left;}
	#container-pages h3 {font: 18px Tahoma, Geneva, sans-serif; font-weight: bold; color:#00b6f0; text-align:left; padding: 10px 0;}
	.coluna {width: 270px; height: 210px; float: left; text-align: left; font: 14px Tahoma, Geneva, sans-serif; color: black; margin: 25px 20px 0 0; background: white;}
		.coluna h1 a {font: 22px Tahoma, Geneva, sans-serif; font-weight: bold; color:#00b6f0; text-align:left;}
		.coluna h1 a:hover {text-decoration: underline;}
	.coluna-direita {width: 270px; height: 210px; float: left; text-align: left; font: 14px Tahoma, Geneva, sans-serif; color: black; margin: 25px 0 0 0; background: white;}
		.coluna-direita h1 a {font: 22px Tahoma, Geneva, sans-serif; font-weight: bold; color:#00b6f0; text-align:left;}
		.coluna-direita h1 a:hover {text-decoration: underline;}
	.coluna-full {width: 578px; text-align: left; font: 14px Tahoma, Geneva, sans-serif; color: black; background: white; }
		.link-externo {background-image: url(../imagens/bullet.jpg); background-repeat: no-repeat; background-position:center left; margin: 10px 0 0 25px;}
		.link-externo h3 a{font-size: 14px; color: #00b6f0; padding: 0 0 0 15px;}
		.link-externo p {font-size: 12px; color: #333; padding: 0 0 0 15px;}
	.coluna-solucao {float: left; width: 578px; text-align: left; font: 14px Tahoma, Geneva, sans-serif; color: black; background: white; padding: 20px 0 0 0; }
		
	.name {padding: 5px 0 0 0; text-align: left; float: left;}
		.name h2 {font: 41px Tahoma, Geneva, sans-serif; color: #00b6f0; margin-top: -10px;}
		.name h3 {font: 32px Tahoma, Geneva, sans-serif; color: black;}
		
		#sala,#seu,#solucao {padding: 10px 0 0 0;}
		.texto {font-size: 13px; font-family: Tahoma, Geneva, sans-serif; color: #000; padding: 10px 0 0 0; height:110px;}

/*--------------contato---------------*/
#contact-box { width:578px; padding: 20px 0 0 0 ; background: white; font: 13px Tahoma, Geneva, sans-serif; color: #000; }

form { margin:1.5em 0; padding:0; width:50%; float:left;  }
fieldset { margin:0; padding:0; border:none;}
legend { padding-bottom:0.5em; font-size:1.4em; margin-left:30%; color:#FFCC00; }

form div { padding:4px 0; }
label {float:left; width:30%; line-height: 200%; padding-right:1em; text-align:right; } 
input, textarea { width:60%;  border:1px solid #CCC; padding:3px; font-size:1em; background:white; color:#333; } 
textarea { overflow:auto; font-family:Arial,Helvetica,sans-serif; font-size:1em; width:60%; border:1px solid #CCC; padding:3px;}
.button input { border:none; margin-left:33%; font-size:1.2em; color:white; background:#00b6f0; padding:0 4px; cursor:pointer; width:auto;}

.hoverfocus { border:1px solid #00b6f0;}

#error, #response { float:left; width:30%; padding:3em; }

#response ul { border-top:1px solid #CCC; margin-top:5px; padding-top:5px; }

#error li, #response li { margin:0 0 5px 0; padding:0 0 5px 15px; background:url(bullet.gif) no-repeat 0 4px; border-bottom:1px solid #CCC; }

#working { float:left; padding:3em; background:url(loading.gif) no-repeat left center;}

#box input {border: 1px solid #00b6f0; height: 20px; width:300px;}
#box textarea {border: 1px solid #00b6f0;}