/* ---------------------------------- TAGS ---------------------------------- */

* {
  margin: 0;
  padding: 0;
  
  font-family: arial, helvetica, sans-serif;
}

li, p, td, th, .li {
  font-size: 11px;
}

a {
  text-decoration: none;
}

body {
  margin: 14px 0;
  background-color: #CCC;
  overflow: scroll;
}

img {
  border: 0;
}

img.metalwork {
  float: right;
}

li {
  list-style-type: none;
}

table {
  border-collapse: collapse;
}

td {
  padding: 1px;
}

/* --------------------------------- GENERAL -------------------------------- */

.error {
  color: red;
  font-weight: bold;
}

.icon {
  background-repeat: no-repeat;
  background-position: 0 1px;
  padding: 1px 16px 2px 18px;
  cursor: pointer;
}

.expand, .collapse {
  float: left;
  width: 18px;
  height: 18px;
  padding: 0;
}

.up       { background-image: url(/images/up.gif); }
.pdf      { background-image: url(/images/pdf.gif); }
.expand   { background-image: url(/images/expand.gif); }
.collapse { background-image: url(/images/collapse.gif); }

/* ------------------------------- #CONTAINER ------------------------------- */

#container {
  width: 780px;
  margin: 0 auto;
  overflow: hidden;
  
  background-color: white;
}

/* ---------------------------------- #HEAD --------------------------------- */

#head {
  height: 130px;
  
  background-image: url(/images/head.jpg);
  background-repeat: no-repeat;
}

#head a.logo {
  display: block;
  float: left;
  width: 85px;
  height: 92px;
  margin-top: 6px;
  margin-left: 14px;
}

#head ul.menu {
  float: left;
  clear: left;
  width: 750px;
  margin-left: 16px;
  margin-top: 10px;
}

#head ul.menu li {
  float: left;
  border-left: 1px solid white;
  padding: 0 2px;
}

#head ul.menu li.first {
  border-width: 0px;
}

#head ul.menu li a {
  display: block;
  float: left;
  padding: 0 2px;
  
  font-size: 14px;
  color: white;
}

#head ul.menu li a:hover, #head ul.menu li a.selected {
  background-color: white;
  color: black;
}

#head ul.menu li a.pneu {
  color: #F60;  
}


#head ul.menu li a.pneu:hover, #head ul.menu li a.pneu-selected {
  background-color: #F60;
  color: white;
}

#head p.breadcrumb {
  float: left;
  margin-top: 86px;
  margin-left: 12px;
  color: white;
}

#head p.breadcrumb a {
  color: white;
}

#head p.breadcrumb a:hover {
  text-decoration: underline;
}

#head p.email {
  float: right;
  margin-top: 86px;
  padding-top: 1px;
  
  margin-right: 14px;
}

#head p.email a {
  color: white;
  font-size: 11px;
  padding-top: 1px;
  padding-right: 27px;
  background-image: url(/images/email.gif);
  background-position: top right;
  background-repeat: no-repeat;
}

/* ---------------------------------- #MAIN --------------------------------- */

#main {
  float: left;
  width: 584px;
  margin: 14px;
  overflow: hidden;
}

#main a {
  color: black;
  font-weight: bold;
  text-decoration: none;
}

#main a:hover {
  color: red;
  text-decoration: underline;
}

#main h1 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 12px;
}

#main h1.pneu {
  color: #F60;
}

#main h2 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px; 
}


#main p {
  margin-bottom: 8px;
}

#main .hilite {
  background-color: #F1F1F1;
}

#main .box {
  float: left;
  width: 270px;
/*  height: 80px;
  overflow: hidden;*/
  padding: 7px 14px 14px 7px;
  
}

#main .clear {
  clear: left;
}

#main .box p {
  margin-left: 89px;
  margin-bottom: 0;
}

#main .box img {
  width: 80px;
  height: 80px;
  float: left;
  margin-right: 7px;
  border: 1px solid #090;
}

/* ----------------------------------- .GSC --------------------------------- */

#main .gsc-control {
  font-size: 11px;
  width: 100%;
}

#main .gsc-search-box {
  margin-bottom: 8px;
}

#main .gsc-result {
  background-color: #EEE;;
}

/* ---------------------------------- #START -------------------------------- */

#start {
  float: left;
}

#start h1 {
  text-align: center;
  font-size: 20px;
}

#start h3 {
  text-align: center;
  font-size: 14px;
  font-weight: bold;
}


#start img {
  margin-bottom: 6px;
}

#start #hidra, #start #pneu {
  width: 278px;
  float: left;
  margin-bottom: 26px;
}

#start #hidra h1, #start #pneu h1 {
  text-align: center;
  font-size: 16px;
}

#start #hidra {
  margin-right: 14px;
  color: #C6FA63;
}

#start #pneu {
  color: #F60;
}

#start #hidra a {
  color: #C6FA63;
}

#start #pneu a {
  color: #F60;
}

/* ---------------------------------- .CAT ---------------------------------- */

#main .cat h1 {
  color: #090;
}

#main .cat li {
  margin-bottom: 2px;
}

#main .cat table {
  clear: left;
  margin-left: 1px;
  margin-bottom: 30px;
  border: 1px solid #090;
  width: 582px;
}

#main .cat td, #main .cat th {
  border-left: 1px solid #090;
  border-right: 1px solid #090;
}

#main .cat td {
  padding: 4px;
  vertical-align: top;
}

#main .cat td a {
  color: blue;
  font-weight: normal;
}

#main .cat td a:hover {
  color: red; 
}

#main .cat td p {
  padding: 2px 0;
  margin-bottom: 0px;
}

#main .cat td.sheets {
  width: 73px;
}

#main .cat td .sheets {
  height: 18px;
  float: left;
  overflow: hidden;
}

#main .cat th {
  padding: 6px 8px;
  background-color: #090;
  color: white;
}

#main .cat tr.odd { }

#main .cat tr.even {
  background-color: #DED;
}

#main .cat ul {
  clear: left;
  
}

#main .cat ul li a {
  font-size: 14px;
}

#main .cat .desc {
  width: 100%;
  float: left;
  clear: left;
  margin-bottom: 12px;
  font-size: 11px; 
}

#main .cat .desc img {
  float: left;
  margin-right: 7px;
}

#main .cat .desc table {
  border-width: 0;
  clear: none;
}

#main .cat .desc table td {
  border-width: 0;
  padding: 1px;
}

#main .cat .desc td {
  border: 1px solid black;
}

/* -------------------------------- .STATIC --------------------------------- */

#main .static h1 {
  color: #090;
}

#main .static h2 {
  margin-bottom: 2px;
}

#main .static table {
  margin-bottom: 14px;
  width:406px;
  
}

#main td.key {
  width: 45px;
}

#main .static .images {
  float: left;
  clear: left;
  width: 150px;
  margin-right: 14px;
  font-size: 11px;
  text-align: center;
}

#main .static .tap  img {
  margin-bottom: 49px;
}

#main .static .images img#tervezes1 {
  margin-bottom: 90px;
}

#main .static .images img#magunkrol, #main .static .images img#veres-janos {
  margin-bottom: 49px;
}

#main .static .images img#szaktanacsadas {
  margin-top: 12px;
}

#main .static .images img#minitap {
  margin-bottom: 220px;
}

#main .static .images img#minitap-rajz, #main .static .images img#minitap-rajz2 {
  margin-bottom: 42px;
}

#main .static .images img#pneu2,
#main .static .images img#pneu4,
#main .static .images img#pneu5 {
  margin-bottom: 21px;
}

#main .static img#hidro-tomlo {
  margin-top: 40px;
  margin-left: 70px;
  float:left;
}

#main .static img#hidro-akku {
  margin-top: 40px;
  margin-left: 20px;
}

#main .static img#isohenger {
  float: right;
  margin-bottom: 21px;
}


#main .static .content {
  float: left;
  width: 406px;
}

#main .static p {
  margin-bottom: 14px;
}

#main .static #map {
  float: left;
  width: 100%;
  padding: 7px;
  background-color: #F1F1F1;
}

#main .static #map p {
  margin-bottom: 14px;
  margin-left: 7px;
}

#main .static #partners {
  padding: 7px 7px 14px 14px;
  background-color: #F1F1F1;
}

#main .static #partners img {
  margin-left: 7px;
}

#main .static #szerviz {
  clear: none;
  margin-left: 14px;
  margin-right: 0;
}

/* ------------------------------- #MAIN FORM ------------------------------- */

#main form {
  float: left;
  margin: 0 auto;
  padding: 7px;
  background-color: #F1F1F1;
}

#main form input {
  margin-bottom: 2px;
}

#main form label {
  display: block;
  width: 100%;
  text-align: right;
}

#main form td.btn {
  padding-top: 7px;
  text-align: center;
}

/* ----------------------------------- #RHC --------------------------------- */

#rhc {
  float: left;
  width: 154px;
  margin-top: 14px;
  margin-right: 7px;
  overflow: hidden;
}

#rhc form {
  padding: 4px 7px;
  /* background-color: rgb(211, 230, 234); */
}

/* RHC menü */

#rhc .ul {
  padding: 7px;
}

#rhc .ul .hilite, #rhc .ul .li a.hilite {
  text-align: right;
  color: #CF6;
  font-size: 11px;
  font-weight: bold;
}

#rhc .ul .hilite-pneu, #rhc .ul .li a.hilite-pneu {
  text-align: right;
  color: #F60;
  font-size: 11px;
  font-weight: bold;
}


#rhc .ul .li {
  text-align: right;
}

#rhc .ul .li a {
  color: white;
}


#rhc .hidra, #rhc .pneu {
  padding-top: 7px;
  margin: 7px;
}

#rhc .hidra .li {
  background-color: none; /*fuggoleges menu hattere*/
}

#rhc .hidra .li a, #rhc .pneu .li a {
  display: block;
  margin: 2px 0;
  padding: 2px 7px;
  color: #C6FA63; /* ez a fuggolegsmenu szine*/
  font-weight: bold;
  text-align: right;
}
#rhc .pneu .li a {
 color: #F60;
}

#rhc .hidra .li a:hover, #rhc .hidra .li a.selected {
  background-color: #FFD;
  text-decoration: none;
}

#rhc .menu .li.pneu a {
  color: #F60;
}

#rhc .menu .li.pneu a:hover, #rhc .menu .li.pneu a.selected {
  background-color: #F60;
  color: #F1F1F1;
}

/* RHC doboz */

#rhc .box {
  margin-bottom: 14px;  
  background-image: url(/images/rhc-box.jpg);
}

#rhc .box p a {
  color: white;
  font-weight: bold;
}

#rhc .box a:hover {
  text-decoration: underline;
}

#rhc .box h2 {
  padding: 2px 7px;
  background-color: #F1F1F1;
    
  color: black;
  font-size: 12px;
  font-weight: bold;
}

#rhc .box p {
  padding: 4px 7px;
  line-height: 15px;
  color: white;
}

/* --------------------------------- #SEARCH -------------------------------- */

#rhc #searchcontrol {}

#rhc #searchcontrol input {
  margin-right: 2px;
  border: 1px solid #090;
  padding: 1px;
  
  background-color: white;
  
  color: #090;
  font-size: 11px;
}

#rhc #searchcontrol input#query {
  width: 95px;
}

#rhc #searchcontrol input#commit {
  padding: 0;
  font-weight: bold;
}

#rhc #searchcontrol .gsc-branding {
  width: 118px;
  margin-bottom: 4px;
  /* border: 1px solid #090; */
  padding: 2px 0 0 8px;
  background-color: #D3E6EA;
}

#rhc #searchcontrol .gsc-branding-text {
  float: left;
  font-size: 11px;
  color: black;
}

/*
#rhc #searchcontrol .gsc-branding-img {
  behavior: url(/iepngfix.htc);
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale, src='http://www.google.com/uds/css/small-logo.png');
}
*/
/* ---------------------------------- #FOOT --------------------------------- */

#foot {
  float: left;
  width: 100%;
    
  background-color: #F1F1F1;
}

#foot p {
  float: left;
  width: 362px;
  margin-top: 3px;
  border-top: 1px solid #090;
  padding: 4px 14px;
  
  color: black;
}

#foot p.copy {
  text-align: right;
}

#foot p a {
  color: black;
}

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