* {
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

body {
	background-image:url(../img/bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-color:#c6c6c6;
}
img{
    border: none;
}

#header {
	width: 866px;
	height: 142px;
	margin: 55px auto 0;
}

h1 {
	background-image: url(../img/logo.png);
	width: 150px;
	float: left;
	margin: 0 0 0 24px;
}

h1 a {
	display: block;
	height: 127px;
	text-indent: -9999px;
}

h1 small {
	display: none;
}

h2 {
	margin-bottom: 10px;	
	color:#F60;
}

#header div {
	padding: 10px 13px 0 13px; position: relative;
}

#header div p {
	float: right;
	height: 28px;
        padding: 20px 5px 0 0;
}

#header div p a{
	color: #ff6600;
        text-decoration: none;
}

#header div p a:hover{
        text-decoration: underline;
}

#midias {
    width: 600px;
    height: 35px;
    float: right;
    position: absolute;
    top: -25px;
    right: -5px;
}

#midias p{
    position: absolute;
    left:30px;
}

#midias embed{
    position: absolute;
    right:30px;
    top:17px;
}

#midias object{
    position: absolute;
    right:30px;
    top:17px;
}


#navigation {
	float: right;
	width: 631px;
	height: 43px;
	margin: 10px 0 0 0;
	*margin: 0px 0 0 0;
}



#navigation li {
	list-style: none;
	background-repeat: no-repeat;
	height: 43px;
	float: left;
}

#navigation li a {
	display: block;
	height: 43px;
	text-indent: -9999px;
}

li.home {
	width: 108px;
}

li.home a {
	width: 108px !important;
}

li.home span {
	width: 108px !important;
}

li.empresa {
	width: 104px;
}

li.empresa a {
	width: 104px !important;
	background-position: -108px 0 !important;
}

li.empresa span {
	width: 104px !important;
	background-position: -108px -43px !important;
}

li.planos {
	width: 104px;
}

li.planos a {
	width: 104px !important;
	background-position: -212px 0 !important;
}

li.planos span {
	width: 104px !important;
	background-position: -212px -43px !important;
}

li.midia {
	width: 104px;
}

li.midia a {
	width: 104px !important;
	background-position: -316px 0 !important;
}

li.midia span {
	width: 104px !important;
	background-position: -316px -43px !important;
}

	/* jQuery lightBox plugin - Gallery style */
	#gallery {
		padding: 0px;
		width: 853px;
	}
	#gallery ul { list-style: none; }
	#gallery ul li { display: inline; }
	#gallery ul img {
		border: 5px solid #CCC;
	}
	#gallery ul a:hover img {
		border: 5px solid #F60;		
		color: #F60;
	}
	#gallery ul a:hover { color: #F60; }


li.instalacoes {
	width: 104px;
}

li.instalacoes a {
	width: 104px !important;
	background-position: -420px 0 !important;
}

li.instalacoes span {
	width: 104px !important;
	background-position: -420px -43px !important;
}

li.contato {
	width: 107px;
}

li.contato a {
	width: 107px !important;
	background-position: -524px 0 !important;
}

li.contato span {
	width: 107px !important;
	background-position: -524px -43px !important;
}

/*#navigation li {
	list-style: none;
	background-image:url(../img/navigation.png);
	background-repeat: no-repeat;
	height: 43px;
	float: left;
}

#navigation li a {
	display: block;
	height: 43px;
	text-indent: -9999px;
}

li.home {
	width: 108px;
	background-position: 0 0;
}

li.home:hover {
	background-position: 0 -43px;
}

li.home.selected {
	background-position: 0 -43px;
}

li.empresa {
	width: 104px;
	background-position: -108px 0;
}

li.empresa:hover {
	background-position: -108px -43px;
}

li.empresa.selected {
	background-position: -108px -43px;
}

li.planos {
	width: 104px;
	background-position: -212px 0;
}

li.planos:hover {
	background-position: -212px -43px;
}

li.planos.selected {
	background-position: -212px -43px;
}

li.midia {
	width: 104px;
	background-position: -316px 0;
}

li.midia:hover {
	background-position: -316px -43px;
}

li.midia.selected {
	background-position: -316px -43px;
}

li.instalacoes {
	width: 104px;
	background-position: -420px 0;
}

li.instalacoes:hover {
	background-position: -420px -43px;
}

li.instalacoes.selected {
	background-position: -420px -43px;
}

li.contato {
	width: 107px;
	background-position: -524px 0;
}

li.contato:hover {
	background-position: -524px -43px;
}

li.contato.selected {
	background-position: -524px -43px;
}*/


/*  ---  */

#container {
	width: 886px;
	margin: 0 auto;
	clear: both;
}

#banner {
	width: 872px;
	margin: 0 auto 34px auto;
}

#section-a {
	width: 433px;
	margin: 0 0 0 20px;
	float:left;
	font-size: 14px;
}

#section-a p {
	line-height: 18px;
	margin: 0 0 21px 0;
}

#section-a > img {
	margin: 0 13px 0 0;
}

#section-b {
	width: 412px;
	float: right;
}
#section-c {
	width: 844px;	
	margin: 0 auto;
}

#section-b p strong {
	font-size: 24px;
	margin: 0 0 0 67px;
}

.caracteristicasHomeOffice li {
	list-style:url(../img/bullet.png);
	font-size: 12px;
	line-height: 18px;
	margin: 0 0 0 87px;
}

li.solicite {
	list-style: none !important;
	margin-top: 14px;
}

li.solicite a {
	font-weight: bold;
	font-size: 28px;
	color: #f08c3a;
	text-decoration: none;
}

li.solicite a:hover {
	text-shadow: 1px 1px 1px #b3a294;
}

li.precoPacote {
	list-style: none;
	width: 103px;
	height: 71px;
	background-image: url(../img/bg-pricePack.png);
	text-align: center;
	padding: 32px 0 0;
	font-size: 19px;
	color: #FFF;
	font-weight: bold;
	float: right;
	margin: -100px 37px 0 0;
}

/*  ---  */

#footer {
	padding: 14px 0 0 0;
	height: 212px;
	background-image: url(../img/bg-footer.png);
	background-position: center top;
	font-size: 12px !important;
	font-weight: bold;
}

#footer div {
	width: 886px;
	margin: 0 auto;
}

.telefones {
	padding: 160px 0 0 0;
}

.criador {
	float: right;
	padding: 160px 0 0 0;
	width: 187px;
}

.criador a {
	color: #000;
	text-decoration: none;
}

.criador a:hover {
	text-decoration: underline;
}