/******************************************** 
 * AUTHOR:        Bruno Freitas               
 * WEBSITE:       http://www.planobe.com.br   
 * TEMPLATE NAME: Plano Bê 3.0                
 ********************************************/

/* HTML ELEMENTS */

html
{
	margin: 0 0 1px 0;
	height: 100%;
}
body
{
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
	background: #fff;
	margin: 0 0 1px 0;
	height: 100%;
	padding: 0;
}
img
{
	border: none;
}
select
{
	padding: 1px;
}
a:active, a:focus, input[type="image"]
{
	outline: 0;
}

/* Navigation */
#nav ul
{
	list-style: none;
	margin: -10px 0 0;
	overflow: hidden;
	padding: 0;
}
#nav ul li
{
	float: left;
	margin: 0;
	padding: 0;
	width: auto;
}
#nav ul li a
{
	background: url(../images/nav-bg.gif) no-repeat bottom left;
	border: none;
	color: #7b828c;
	display: block;
	float: left;
	line-height: 1.4em;
	margin: 0;
	padding: 1em 1em .5em;
	text-decoration: none;
	width: 10em;
}
#nav ul li a strong
{
	color: #e3e3e3;
	display: block;
	font-size: 1em;
	font-weight: 700;
	letter-spacing: 1px;
	line-height: 1em;
	text-transform: uppercase;
}
#nav li a:hover
{
	background: url(../images/tab-hover.gif) repeat-x bottom left;
}
#nav li a.active
{
	background: url(../images/tab-on-noise.gif) repeat-x bottom left;
	color: #7b828c;
}
#language
{
	float: right;
	margin-bottom: -19px !important;
	margin-top: 15px;
	width: auto;
}
#header-inner img
{
	border: none;
	float: right;
}
#banner-logo
{
	width: 100%;
	border-bottom: 5px solid #aaa;
}
.walk-background
{
	background: #639ADB url(../images/walk-top-bg.png) bottom repeat-x;
}
#banner-logo-inner
{
	height: 415px;
	margin: 0 auto;
	width: 976px;
	text-align: center;
}
#video-intro{
	float: right;
	margin-top: 40px;
}
#banner-logo-inner h1
{
	margin: 30px 0 0 0;
	width: 400px;
	float: left;
	color: #fff;
	text-shadow: #1c3246 1px 1px 2px;
	font-size: 40px;
}
#banner-logo-inner h2
{
	color: #fff;
	margin: 30px 0;
	width: 400px;
	float: left;
	clear: left;
	font-weight: normal;
	font-size: 25px;
	text-shadow: #1c3246 1px 1px 2px;
}
#home-walk-links{
	width: 400px;
	float: left;
	margin-top: 22px;
}
#home-walk-links p{
	color: #fff;
}
#home-walk-links a{
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #fff;
}
#home-walk-links a:hover
{
	color: #024796;
	border-bottom: 1px solid #024796;
}
#home-walk-links a:active
{
	color: #10628a;
	border-bottom: 1px solid #10628a;
}
#banner-logo-inner object{
	float: right;
	margin-top: 40px;
}
a.walk-feature
{
	padding: 10px;
}
#features
{
	background-color: #f4f4ed;
	border-bottom: 5px solid #ccc;
	height: 205px;
	width: 100%;
}
#features-inner
{
	background-color: #f4f4ed;
	font-size: 1.2em;
	margin: 0 auto;
	padding: 15px 0 0;
	width: 976px;
}
#features-inner .feature th
{
	background-color: #f4f4ed;
	font-family: helvetica, arial, sans-serif;
	font-size: 14px;
	margin: 0 0 -5px;
	text-align: left;
}
#features-inner .feature table
{
	background-color: #f4f4ed;
	font-size: 12px;
	margin: 0;
}
#main-products
{
	width: 100%;
	height: 400px;
	background: url(../images/home-top-bg.png);
	border-bottom: 5px solid #aaa;
}
#main-products-inner
{
	width: 976px;
	margin: 0 auto;
	padding-top: 10px;
	color: #fff;
}
#main-products-inner h2
{
	padding-top: 15px;
	font-size: 34px;
	text-shadow: #1c3246 1px 1px 2px;
	margin-bottom: -5px;
}
#main-products-inner h3
{
	font-weight: normal;
	font-size: 26px;
	line-height: 35px;
	text-shadow: #1c3246 1px 1px 2px;
}
#main-products-inner a
{
	float: left;
	font-weight: normal;
	font-size: 16px;
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #fff;
	margin-top: 23px;
}
#main-products-inner h2, #main-products-inner h3, #main-products-inner a
{
	margin-left: 30px;
}
#product-walk, #product-xtiss
{
	width: 480px;
	height: 400px;
}
#product-walk
{
	float: left;
	background: url(../images/walk-banner-reflection.png) no-repeat right;
	margin-left: -10px;
	margin-right: 30px;
}
#product-xtiss
{
	float: left;
	background: url(../images/xtiss-banner-reflection.png) no-repeat right;
	margin-left: -10px;
}
#product-walk a:hover
{
	color: #024796;
	border-bottom: 1px solid #024796;
}
#product-walk a:active
{
	color: #10628a;
	border-bottom: 1px solid #10628a;
}
#product-xtiss a:hover, #home-xtiss-links a:hover
{
	color: #2c5700;
	border-bottom: 1px solid #2c5700;
}
#product-xtiss a:active, #home-xtiss-links a:active
{
	color: #3d6e0b;
	border-bottom: 1px solid #3d6e0b;
}
#container{
	width: 100%;
}
#content
{
	font-size: 89.0%;
	display: block;
	line-height: 1.6em;
	margin: 0 auto;
	width: 976px;
}
#content h3
{
	font-size: 1.4em;
	line-height: 1.6em;
}
#content h2
{
	font-size: 1.5em;
	color: #222;
}
#content h1
{
	font-size: 2em;
	margin: 0;
	padding-top: 20px;
}

#error_content
{
	margin: 1em 0;
	width: 95%;
	background: #fff;
	padding: 25px;
	float: left;
	min-width: 425px;
	min-height: 215px;
}
p.error-image
{
	text-align: center;
}
p.error-space
{
	height: 200px;
}
#about
{
	float: right;
	margin-right: 8px;
	margin-top: 30px;
	width: 430px;
	background-color: #eee;
	border: 1px solid #ddd;
	padding-left: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
}
#video
{
	width: auto;
}
#video object
{
	height: 344px;
	width: 425px;
}
#banner-ruby
{
	float: left;
	margin-top: 20px;
	width: 33%;
}
#banner-ruby img
{
	border: none;
	text-decoration: none;
}
#banner-ruby-img
{
	float: left;
	margin: 22px 18px 5px 0;
	width: auto;
}
#contact address
{
	font-style: normal;
}
#products
{
	background: url(../images/noise-earth.gif);
	border-top: 5px solid #ccc;
	clear: both;
	margin: 30px 0 0 0;
	width: 100%;
}
#products-inner
{
	font-size: 1.2em;
	height: 150px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	width: 440px;
}
#products-inner div.product
{
	float: left;
	padding: 10px;
	text-decoration: none;
	width: 200px;
}
#products-inner div.product h2
{
	font-family: helvetica, arial, sans-serif;
	font-size: 16px;
	font-weight: 400;
	margin: -68px 0 0;
	padding-top: 3px;
}
#products-inner div.product a
{
	color: #333;
	font-family: helvetica, arial, sans-serif;
	font-size: 20px;
	margin: 0 auto;
	padding-top: 70px;
	text-decoration: none;
}
#products-inner div.product img
{
	border: 0;
}
#products-inner a.logo-xtiss
{
	background: url(../images/logo-xtiss.png) 0 0 no-repeat;
	display: block;
	height: 100px;
	margin: 0 auto;
	text-decoration: none;
	width: 64px;
}
#products-inner a:hover.logo-xtiss
{
	background-position: -64px 0;
	color: #2c5700;
}
#products-inner a.logo-walk
{
	background: url(../images/logo-walk.png) 0 0 no-repeat;
	display: block;
	height: 100px;
	margin: 0 auto;
	text-decoration: none;
	width: 64px;
}
#products-inner a:hover.logo-walk
{
	background-position: -64px 0;
	color: #024796;
}
#products-inner a.logo-4med
{
	background: url(../images/logo-4med.png) 0 0 no-repeat;
	display: block;
	height: 100px;
	margin: 0 auto;
	text-decoration: none;
	width: 64px;
}
#products-inner a:hover.logo-4med
{
	background-position: -64px 0;
	color: #0f982b;
}
.feature
{
	width: 25%;
	float: left;
	margin: 0 20px 15px 0;
	font-size: 13px;
	padding-left: 60px;
}
.feature strong
{
	font-size: 14px;
}
.compatibility
{
	background: url(../images/icon-compatibility.png) left center no-repeat;
}
.velocity
{
	background: url(../images/icon-velocity.png) left center no-repeat;
}
.accessibility
{
	background: url(../images/icon-accessibility.png) left center no-repeat;
}
.quality
{
	background: url(../images/icon-quality.png) left center no-repeat;
}
.praticity
{
	background: url(../images/icon-praticity.png) left center no-repeat;
}
.web
{
	background: url(../images/icon-web.png) left center no-repeat;
}
.customizable
{
	background: url(../images/icon-customizable.png) left center no-repeat;
}
.security
{
	background: url(../images/icon-security.png) left center no-repeat;
}
.cost-benefit
{
	background: url(../images/icon-cost-benefit.png) left center no-repeat;
}
.tranquility
{
	background: url(../images/icon-tranquility.png) left center no-repeat;
}
.precision
{
	background: url(../images/icon-precision.png) left center no-repeat;
}
#content p.motivacao
{
	font-weight: 700;
}
#content div.productinfo
{
	background: url(../images/bg-solutions.png) no-repeat bottom right !important;
	display: table;
	height: 100%;
	margin-top: -10px;
}
#content div.productinfotop-right
{
	float: right;
	padding-right: 15px;
	width: 48%;
}
#content div.productinfo-right
{
	float: right;
	padding: 0 15px 15px 0;
	width: 48%;
}
#content div.product-separator
{
	background: url(../images/icon-blackbox.png) no-repeat;
	clear: both;
	height: 65px;
	margin: 15px 0 5px;
}
.product-separator h2
{
	padding: 20px 0 0 68px;
}
.product-separator span
{
	font-size: 8pt;
	font-weight: 400;
	letter-spacing: 1.5px;
	padding-left: 10px;
}
#motivacoes span a,#overview span a,#plataforma span a,#mercados span a
{
	color: #333;
}
#motivacoes span a:hover,#overview span a:hover,#plataforma span a:hover,#mercados span a:hover
{
	background-color: #666;
	color: #fff;
}
#content div.productdesc-left
{
	float: left;
	padding-right: 20px;
	width: 50%;
	text-align: justify;
}
#content div.productdesc-left img
{
	margin-left: 95px;
}
#content div.productdesc-right
{
	float: right;
	padding-right: 20px;
	width: 45%;
	text-align: justify;
}
#content div.productdesc-right img
{
	padding-top: 25px;
}
#content a.backtotop
{
	float: right;
	font-weight: 700;
	margin-right: 10px;
	margin-top: 25px;
	width: auto;
}
#content span.space
{
	padding-left: 68px;
}
#content div.motivacaodesc
{
	background: url(../images/bg-solutions-top.png);
	font-weight: 700;
	height: 40px;
	width: 100%;
}
#valores
{
	float: left;
	width: 31%;
}
#valores-inner ul
{
	margin-left: -40px;
}
#valores-inner ul li
{
	list-style: none;
	display: inline;
}
.zero
{
	color: #bbb;
}
.one
{
	font-size: 90%;
	color: #999;
}
.one:hover
{
	color: #666;
}
.two
{
	font-size: 125%;
	color: #666;
}
.two:hover
{
	color: #333;
}
.three
{
	font-size: 140%;
	color: #333;
}
.four
{
	color: #333;
}
.three:hover, .four:hover
{
	color: #000;
}
#missao
{
	float: left;
	margin-left: 32px;
	width: 31%;
}
#visao
{
	float: right;
	width: 31%;
}
#about-group
{
	display: block;
	margin-top: 25px;
}
#about h2,#contact h2,#jobs h2
{
	margin-top: 15px;
}
#banner-ruby, #about
{
	margin-bottom: 30px;
}
#content a.link
{
	color: #000;
}
#director-left
{
	float: left;
	padding: 15px 0;
	text-align: right;
	width: 48.5%;
}
#director-left img
{
	float: right;
	padding-left: 18px;
}
#director-right img
{
	float: left;
	padding-right: 18px;
}
#director-right
{
	float: right;
	padding: 15px 0;
	width: 48.5%;
}
#core-team
{
	display: table;
	margin: 0 auto;
	padding-top: 10px;
	text-decoration: none;
	width: 885px;
}
#core-team img
{
	border: none;
}
#core-team hr
{
	clear: both;
	float: left;
	margin-bottom: 15px;
	margin-top: 15px;
	width: 98%;
}
#desc-twitter-e-left
{
	background: url(../images/icon-twitter.png) no-repeat right 5px;
	padding-right: 20px;
}
#desc-blog-e-left
{
	background: url(../images/icon-blogger.png) no-repeat right 4px;
	padding-right: 20px;
}
#desc-twitter-d-left
{
	background: url(../images/icon-twitter.png) no-repeat left 3px;
	padding-left: 20px;
}
.aboutitem
{
	background: url(../images/noise-earth.gif);
	font-weight: 700;
	margin: 15px 10px 0 0;
	padding: 5px;
	text-align: center;
}
.team
{
	background: url(../images/noise-earth.gif);
	clear: both;
	padding: 5px 0;
}
.people
{
	margin: 0;
	text-align: center;
}
.person
{
	background-color: #eee;
	float: left;
	margin: 0 30px 0 8px;
	width: 109px;
}
.person:hover
{
	background-color: #aaa;
}
.person-selected
{
	background-color: #ccc;
	float: left;
	margin: 0 30px 0 8px;
	width: 109px;
}
.person p,.person-selected p
{
	font-size: 80%;
	margin-top: -5px;
	text-align: center;
}
.person img,.person-selected img
{
	padding: 5px 5px 3px;
}
.person-desc
{
	background-color: #ccc;
	border-bottom: #bbb solid 1px;
	border-left: #bbb solid 1px;
	border-right: #bbb solid 1px;
	clear: both;
	display: none;
	margin-left: 8px;
	padding: 15px 5px 3px 20px;
	width: 817px;
}
.desc-twitter
{
	background: url(../images/icon-twitter.png) no-repeat left 2px;
	clear: both;
	color: #333;
	margin-top: 25px;
	padding-left: 20px;
}
.desc-blog
{
	background: url(../images/icon-blogger.png) no-repeat left 1px;
	color: #333;
	margin-top: -10px;
	padding-left: 20px;
}
.desc-block
{
	background-color: #ccc;
}
#nav ul li a:hover strong,#nav ul li a.active strong
{
	color: #fff;
}
#jobs, #contact, #banner-ruby
{
	float: left;
	width: 440px;
	background-color: #eee;
	border: 1px solid #ddd;
	margin-top: 30px;
	padding-left: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
}
#jobs a, #contact a
{
	color: #000;
	text-decoration: none;
}
#content div.productinfotop-left,#content div.productinfo-left
{
	float: left;
	padding-left: 25px;
	width: 45%;
}
#content div.productinfotop-left p,#content div.productinfotop-right p
{
	margin-top: 10px;
}
#content a.backtotop:hover,#content a.linkhover:hover,#content a.link:hover,#desc-twitter-d-left a:hover,#desc-blog-e-left a:hover,#desc-twitter-e-left a:hover,.desc-twitter a:hover,.desc-blog a:hover
{
	background-color: #555;
	color: #fff;
}
#valores-inner,#missao-inner,#visao-inner
{
	background: #f4f4ed url(../images/icon-quote.png) no-repeat 5px 20px !important;
	height: 210px;
	margin: 0 10px 35px 0;
	padding: 5px 5px 5px 50px;
}
#desc-twitter-d-left a,#desc-blog-e-left a,#desc-twitter-e-left a,.desc-twitter a,.desc-blog a
{
	font-size: 10px;
}

/* Pricing - Generic */
#page-alert
{
	margin: 15px 0 15px 0;
	border: 1px solid #ccc;
	background-color: #ffc;
	padding: 0 15px 15px 15px;
	text-align: center;
	height: 74px;
}
#page-alert h1
{
	font-size: 26px;
}

table#pricing
{
	width: 100%;
	font-family: verdana,sans-serif;
	font-size: 12px;
	text-align: center;
	line-height: 15px;
}
table#pricing span
{
	font-weight: bolder;
}
table#pricing th
{
	width: 18%;
	line-height: 45px;
}
table#pricing th img
{
	margin-bottom: -8px;
}
table#pricing td.no-top
{
	border-top: none;
}
table#pricing td.none
{
	border: none;
}
h5.pricing-title
{
	font-size: 14px;
	font-weight: bolder;
}

#lic-counter{
	margin-top: 0;
	float: left;
	width: 400px;
	color: #FEFF9F;
}

#lic-counter h3{
	margin: 0;
	font-size: 80px;
	text-shadow: #1c3246 1px 2px 2px;
}

#lic-counter p{
	margin: 0;
	font-size: 21px;
	text-shadow: #1c3246 1px 2px 2px;
}