@charset "UTF-8";
/* CSS Document */


body {
	background-image: url('http://www.hhotek.com.br/images/page_background.jpg');
	background-position: top center;
	background-repeat: no-repeat;
	background-color: Black;
	margin: 0px;
}


body.nobg {
background-image:none;
background-color:transparent;
}


#main {

	width: 930px;
	
	margin: 0 auto;
	
	text-align: left;

}

#middlebg {

}


.sloganheader {
	padding-top: 0px;
	background-image: url('../images/header_slogan.png');
	background-position: bottom right;
	background-repeat: no-repeat;
	/*width:910px;*/
	background-position:236px 65px;
	margin-bottom:-8px;
}



.utility {
	text-align: right;
	color: #e9e6e6;
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:10px;
	padding-right:12px;
	
}

.utility a {
	color: #e9e6e6;
	text-decoration: none;
}

.utility a:hover {
	text-decoration: underline;
}


/* ========= LOGO HEADER ========= */

.logoheader {
	height: 98px;
}

.logoheader a {
	display: block;
	background-image: url('../images/header_logo.png');
	text-indent: -9000px;
	height: 84px;
	width: 263px;
	margin-left:18px;
}

.logoheader a:hover {
	background-position: 0 -98px;
}

/* =========== FIM ============  */



#hd .logo {

	height: 98px;

	float: left;
	padding-top:40px;
	margin-left:12px;

}



#hd .logo a {

	display: block;

	background-image: url('../images/header_logo.png');

	text-indent: -9000px;

	height: 98px;

	width: 263px;

}



#hd .logo a:hover {

	background-position: 0 -98px;

}

#repeatedbg {
	
	background-image: url('../images/transp_1px_bg.png');
	height:auto;
		
}


#page {
	background-image: url('../images/content_top_background.png');

	background-position: top;

	background-repeat: no-repeat;
}


#page .wrapper {


	min-height: 300px;

	/*padding: 34px 36px 18px;*/

}

#page .sidebar {

	margin-left:46px;
	margin-top:-12px;
	padding-top:42px;
	width:165px;

}



.blog #page .sidebar {

	float: right;

	width: 210px;

}



#page .sidebar .nav {

	color:#FFFFFF;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	margin-bottom:44px;
	margin-left:-6px;
	width:151px;

}


#page .content {
	width:930px;
	float:right;
	background-image: url('../images/transp_1px_bg.png');
}


h1 {
color:#398A00;
font-family:Arial,Helvetica,sans-serif;
font-size:33px;
font-style:normal;
margin-bottom:-17px;
margin-left:24px;
margin-top:25px;
}

h2 {
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:bold;
margin:30px 20px -10px 28px;
}

h4 {
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:bold;
margin-bottom:-3px;
margin-left:28px;
margin-top:19px;
}


h3 {
color:#666666;
font-family:Arial,Helvetica,sans-serif;
font-size:20px;
font-style:normal;
margin-bottom:20px;
margin-left:26px;
margin-top:0;
width:630px;

}

p {
color:#484848;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
line-height:1.6em;
margin-bottom:1em;
margin-left:28px;
margin-right:20px;
}

p a {
text-decoration:underline;
color:#006600;
}


p a:hover {
text-decoration:underline;
}

pbox {
color:#484848;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
margin-left:5px;
margin-right:10px;
}

ppicture {
color:#484848;
font-family:Arial,Helvetica,sans-serif;
font-size:15px;
font-weight:bold;
}

.breadcrumbs {
border-bottom:1px solid #D7D7D7;
color:#999999;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
margin-bottom:0;
margin-left:22px;
margin-top:5px;
padding-bottom:5px;
width:656px;
}



.breadcrumbs a {

	color: #282828;

	text-decoration: none;

}



.breadcrumbs a:hover {

	text-decoration: underline;

}



.blog #page .wrapper {

	background-image: url('images/blog_top_background.png');

	padding: 92px 36px 21px 169px;

}


.detail .callouts {

	float: right;

	width: 250px;

	color: #282828;
	background-color:#ececec;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-color:#333333;
	padding:0px 15px 15px 15px;
	margin-right:33px;
	margin-top:16px;

}



.detail .callouts .price {

	font-size: 36px;

	font-weight: bold;

}



.detail .callouts .find {

	display: block;

	width: 236px;

	height: 34px;

	background-image: url('../images/button_find-a-dealer.png');

	text-indent: -9000px;

}



.detail .callouts .purchase-system {

	display: block;

	width: 236px;

	height: 34px;

	background-image: url('../images/button_purchase-system.png');

	border: none;

	background-color: transparent;

	text-indent: -9000px;

	text-transform: uppercase; /* IE trick */

	cursor: pointer;

}



.detail .callouts .find:hover, .detail .callouts .purchase-system:hover {

	background-position: 0 -34px;

}



.detail .callouts .selfinstall {

	display: block;

	float: left;

	margin: 4px 0;

	width: 156px;

	height: 31px;

	background-image: url('../images/button_buy-selfinstall.png');

	border: none;

	background-color: transparent;

	text-indent: -9000px;

	text-transform: uppercase; /* IE trick */

	cursor: pointer;

}



.detail .callouts .pis-refills {

	display: block;

	float: left;

	margin: 4px 0;

	width: 156px;

	height: 31px;

	background-image: url('../images/button_pis-refills.png');

	text-indent: -9000px;

}



.detail .callouts .selfinstall:hover, .detail .callouts .pis-refills:hover {

	background-position: 0 -31px;

}



.detail .callouts .paypal {

	float: right;

}



.detail .callouts .pdf {

	display: block;

	clear: both;

	font-size: 11px;

	margin: 10px auto 0;

	color: #282828;

}


.detail .information {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:350px;
	float:left;
	margin-left:245px;
	width:345px;
}


.detail .information ul {

	color: #484848;

	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;	

}



.detail .information ul li {

	margin-bottom: 1em;

	line-height: 1.6em;

	background-image: url('../images/bullet_green_dot.png');

	background-repeat: no-repeat;

	padding-left: 19px;

	background-position: 0 4px;

}


#page .footer {

	background-image: url('../images/content_bottom_background.png');
	color:#000000;
	width:930;
	background-position:center bottom;

}



.blog #page .footer {

	background-image: url('../images/blog_bottom_background.png');

	height: 13px;
	
}
	
	
	
#ft {

	color: #b7b7b7;

	font-size: 11px;

	text-align: center;

	padding-top: 17px;

	padding-bottom: 25px;

	background-image: url('../images/footer_background.jpg');

	background-position: top center;

	background-repeat: no-repeat;
	font-family:Arial, Helvetica, sans-serif;

}



#ft a {

	color: #b7b7b7;

	text-decoration: none;

}



#ft a:hover {

	text-decoration: underline;

}


.sidebar .nav li a:hover {
	color: White;
	background-position: 0 -27px;
	text-decoration: underline;
}

.sidebar .nav li ul {
	display: none; /* child pages are hidden by default */
}

.sidebar .nav li li a {
	color: #acacac;
	font-size: 12px;
	background-image: none;
	margin-bottom: 0;
	border-bottom: 1px solid #373737;
}

.sidebar .nav li li a.active {
	color: #92b80d;
}

.sidebar .nav li li a:hover {
	color: #92b80d;
}




/* === NAV  === */

#newnav
{
	display: block;
	width: 157px;
	color: #92b80d;
	background-image:url('../images/sidebar_nav_background.png');
	background-repeat: no-repeat;
	height: 25px;
	line-height: 26px;
	padding-left: 8px;
	text-decoration: none;
	font-size: 14px;
	margin-bottom: 1px;
}


#newnav a {
	background-image:none;
	border-bottom:1px solid #373737;
	color:#92B80D;
	font-family:arial;
	font-size:14px;
	margin-bottom:0;
	text-decoration:none;
}

#newnav a:hover
{ 
  	color: White;
	background-position: 0 -27px;
	text-decoration: underline;
}



#newsubnav {
	display: block;
	width: 157px;
	color:#CCCCCC;
	background-color:#323131;
	height: 25px;
	line-height: 26px;
	padding-left: 8px;
	text-decoration: none;
	font-size: 12px;
	margin-bottom: 1px;
}


#newsubnav a {
	background-image:none;
	border-bottom:1px solid #373737;
	color:#CCCCCC;
	font-family:arial;
	font-size:12px;
	margin-bottom:0;
	text-decoration:none;
}

#newsubnav a:hover { 
  	color: White;
	text-decoration: underline;
}



#newOPENnav {
	display: block;
	width: 157px;
	color: #92b80d;
	background-image:url('../images/sidebar_nav_background.png');
	background-repeat: no-repeat;
	background-position: 0 -54px;
	height: 25px;
	line-height: 26px;
	padding-left: 8px;
	text-decoration: none;
	font-size: 14px;
	margin-bottom: 1px;
	font-family:Arial, Helvetica, sans-serif;
}

#newOPENnavSELECTED {
	display: block;
	width: 157px;
	color: #ffffff;
	background-image:url('../images/sidebar_nav_background.png');
	background-repeat: no-repeat;
	background-position: 0 -54px;
	height: 25px;
	line-height: 26px;
	padding-left: 8px;
	text-decoration: none;
	font-size: 14px;
	margin-bottom: 1px;
	font-family:Arial, Helvetica, sans-serif;
}

#newOPENnavSELECTEDSINGLE {
	display: block;
	width: 157px;
	color: #ffffff;
	background-image:url('../images/sidebar_nav_background.png');
	background-repeat: no-repeat;
	height: 25px;
	line-height: 26px;
	padding-left: 8px;
	text-decoration: none;
	font-size: 14px;
	margin-bottom: 1px;
	font-family:Arial, Helvetica, sans-serif;
}


.information {
	/*font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:350px;
	float:left;
	margin-left:245px;
	width:345px;*/
}


.information {

	color: #484848;

	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;	

}



.information {

	margin-bottom: 1em;

	line-height: 1.6em;

	background-image: url('../images/bullet_green_dot.png');

	background-repeat: no-repeat;

	padding-left: 19px;

	background-position: 0 4px;


/*  TABELA CONVERSAO  */

}

table.insideTable {
 border-collapse:collapse;
 border:1px solid #CCCCCC;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 }
 
table.insideTable td {
 border:1px solid #CCCCCC;
 
 }

 
 
 
 /*   CALCULADORA   */
 
td.h6 {
font-size: 14px;
font-weight: bold;
font-family:Arial, Helvetica, sans-serif;
padding-left:10px;
padding-right:10px;
padding-top:5px;
}
 
td.p {
color:#484848;
font-size:12px;
margin-bottom:1em;
font-family:Arial, Helvetica, sans-serif;
padding-left:10px;
padding-right:10px;
padding-top:5px;
}
 
.box {
	background-color: #ececec;
}

.box p {
font-size:11px !important;
}

.box .inner {
	padding: 10px 16px;
}

h7 {
	font-size: 16px;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
}

h8 {
	font-size: 16px;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	margin-left:20px;
	margin-top:20px;
}

.box h5 {
	font-size: 15px;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	color: #398a00;
	margin-top:6px;
	text-align:left;
	margin-bottom:2px;
}

.box h5 em {
	color: #398a00;
}

.box .ct, .box .ct div, .box .cb, .box .cb div {
	background-image: url('../images/box_corners.png');
	height: 6px;
	background-repeat: no-repeat;
}

.box .cb { background-position: 0 -12px; }
.box .cb div { background-position: 100% -18px; }


#savings_calculator #calculate {
	background-image: url('../images/button_calculate.png');
	width: 232px;
	height: 31px;
	cursor: pointer;
	text-indent: -9000px;
	*text-indent: 0;
	border: none;
	background-color: transparent;
	color: transparent;
	/*text-transform: capitalize; /* IE trick */
	margin-top: 12px;
	text-align:left;
}

#savings_calculator #calculate:hover {
	background-position: 0 -31px;
}

#savings_calculator .col-left {
	float: left;
	vertical-align: middle;
}

label {
	font-weight: bold;
	vertical-align: middle;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
}

#mpg {
border:1px solid #BCBCBC;
color:#969696;
font-size:15px;
height:16px;
margin-right:3px;
padding:5px 10px 7px 9px;
text-align:right;
vertical-align:center;
width:37px;
}

#savings_calculator .col-right {
	float: right;
	vertical-align: middle;
}

#ppg {
background-image:url(../images/savings_calc_ppg_background.png);
background-position:left center;
background-repeat:repeat-y;
border:1px solid #BCBCBC;
color:#969696;
font-size:15px;
height:16px;
margin-right:3px;
padding:5px 10px 7px 9px;
text-align:right;
vertical-align:center;
width:37px;
}

.clear {
	clear: both;
}