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

* { margin:0; padding:0; }
img { border: 0; }


html { font-size: 14px; font-family: Arial, Helvetica, sans-serif; }

body { font-size: 14px; color: #222; background-color: #fff; font-family: "helvetica neue", "lucida grande", helvetica, arial, sans-serif; }

h1, h2, h3, h4, div.faq p.title, div#header li a, p.slogan { font-weight: normal; color: #111; font-family: "myriad pro", "trebuchet ms", "helvetica neue", helvetica, arial, sans-serif; }

.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }

.text-bold { font-weight: bold; }

.left { float: left; }
.right { float: right; }
.clear { clear: both; }

.red { color:#D66C82; }

.nowrap { white-space: nowrap; }


div#page { width: 960px; margin: 0 auto; }
div#header { height: 317px; background: url(/design/header.jpg) no-repeat; position: relative; }
div#left, div#right { width: 170px; font-size: 0.9em; }
div#left li, div#right li { list-style: none; }
div#left { float: left; }
div#right {float: right; }
div#content { width: 620px; margin-bottom: 2em; float: left; }
div#footer { clear: both; background-color: #f1f1f1; margin: 10px 0; padding: 20px; font-size:0.9em; line-height:1.58em; }


/**************** HEADER ************************/
div#header img { position: absolute; top:16px; left: 44px; }
div#header a#aKlima { display: block; position: absolute; top:0; left: 0; width: 413px; height: 279px; }
div#header a#aLink { display: block; position: absolute; top:0; left: 413px; width: 547px; height: 279px; }
div#header #menu { position: absolute; top: 283px; left: 10px; }
div#header li { float: left; list-style: none; margin-right: 0; padding-right: 0; }
div#header li a.main { display: block; margin-bottom: 15px; text-decoration: none; font-size: 1.2em; color:#FFFFFF; font-weight: normal; text-transform:uppercase; }
div#header li a.main:hover { color: #000; }


/***************** CONTENT *********************/
div#content h1 { margin: .7em .5em .5em; font-size: 1.8em; }
div#content h2 { margin: .5em .5em; font-size: 1.4em;}
div#content img#logo { margin: 0 10px; padding: 0; }
div#content p { margin: 1em;}
div#content p.slogan { margin: 0.5em 1.5em; font-weight: bold; font-size: 1.1em; }
div#content ul, div#content dl { margin: 1em 1em 1em 2em; }
div#content li { margin: .5em; }
div#content img { margin: 5px; }
div#content a, div#content a.visited { color: #305C81; }
div#content a:hover { color: #4A8AB8; }

div#content dl#download { margin: 2em; padding: 1em; background: #D9DDDF;}
div#content dl#download dt { font-weight: bold; font-size: 1.1em;}
div#content dl#download dd { padding: .5em 0 0 1em;}


div#content #mark_images { /*height: 149px; background: url(/design/mark_images.jpg) top center no-repeat; */text-align: center; }
div#content #mark_images img { padding: 3px 8px 0; }

div.category { width: 600px; height: 160px; margin: 5px auto; border-bottom: 1px dotted #CCCCCC; }
div.category p {margin:0; padding:0;}
div.category h2.cim { margin:0; padding:0;}
div.category h2.cim a { text-transform: uppercase; font-size: .9em; font-weight: bold; color:#333333; text-decoration: none;}
div.category h2.cim a:hover { text-decoration: underline;}
div.category img { margin: 3px; padding: 5px; border: 2px outset #CCCCCC; }
div.category p.kivitel { margin: 0; padding:0; font-weight: bold; font-size .8em;  }
div.category p.categoryPrice { font-size: 1.2em; font-weight: bold; color: #333; }

/* kosar, product */
table#product { width: 612px; margin: 0 auto; font-size: 0.85em; }
table#product tr { background:#f1f1f1; }
table#product tr.cs { background:#B8DAEF; }
table#product tr.cs h2 { font-size: 1em; font-weight: bold; margin:0; padding:0; }
table#product tr p { font-size: 1em; margin:0; padding-left: 20px; }
table#product tr.row2 { background: #DFDFDF; }
table#product th { background:#5495BD; color: #fff; padding: 2px; }
table#product td { padding: 4px 3px 2px; }
table#product td img{ margin:0 2px; padding:0; }
table#product td a{ }
table#product td a.product_name { color: #000;  }
table#product td a.action { color: #FF0000; }
span.price_info { color: #009999; }
p#action_category { font-size: 1.6em; font-weight: bold; color: #F7223D; }

td.ol { text-decoration: line-through; }

form#registration, form#quiz { padding: 1em;}
form#registration fieldset, form#quiz fieldset { padding: 1em; margin-bottom: 1em; border:0; border-top: 1px solid #315C7F; }
form#registration legend, form#quiz legend { margin-left: 1em; padding: 0 .5em; }
form#registration label, form#quiz label.fl { display: block; width: 150px; float: left; }
form#registration input.txt { }
form#registration input.txt { }

form#quiz input.radio {  margin: 0 10px; }
form#quiz label { padding-bottom: 10px; }

/* klimaszotar */
div.dic {}

/* faq */
div.faq, div.dic  { margin: 1em 0; }
div.faq p.title, div.dic p.title { font-size: 1.2em; padding-top: 1.7em; border-top: 1px dotted #999;}
div.faq p, div.dic p{}

div#technical_tip {}
div#technical_tip a {}


.divNewsList {}
.divNewsList h3 { margin: 10px 0 0 15px; font-weight: bold;}
.divNewsList h3 a {text-decoration: none;}
.divNewsList p {}


/************** KEZDOLAP *********************/

div.info_box  {width: 155px; height: 244px; float: left; font-size: .85em;}
div#kereso  {background: url(kereso.jpg) top center no-repeat;}
div#szolgaltatas {background: url(szolgaltatas.jpg) top center no-repeat;}
div#informacio {background: url(informacio.jpg) top center no-repeat;}
div#cegunkrol {background: url(cegunkrol.jpg) top center no-repeat;}
div#content div.info_box p { margin: 40px 13px 0 15px; padding: 0; }
div.info_box ul{ margin:0; padding: 0; }
div.info_box li { margin:0; padding:0; list-style: none; }
div#content div.info_box a { display: block; margin:0 13px 0 15px; padding:0;  }
div.info_box a:hover { color: #993300; background-color: #FFFFFF; }

#divPlusBox { margin: 10px 20px; }
#divPlusBox h3 { margin-left: 10px; }


/************** LEFT & RIGHT BOX *************/

div.box { width: 170px; margin-bottom: 10px; color: #fff;  }
div#left div.box { background: #31597D url(/design/left-box-bg.jpg) bottom no-repeat;  }
div#right div.box { background: #4D712B url(/design/right-box-bg.jpg) bottom no-repeat;  }

div.box p.box_title { height: 34px; color: #fff; font-size: 1.1em; padding: 7px 0 0 10px; font-weight: bold; }

div#left p.box_title, div#left div.box form  { background: url(/design/left-box-head.jpg) no-repeat top; }
div#right p.box_title, div#right div.box form { background: url(/design/right-box-head.jpg) no-repeat top; }

div.box ul { padding: 0 5px 15px 10px; }
div.box p, div.box a{ padding: 5px 5px 10px 10px; font-weight: bold; font-size: 0.9em; }
div.box a { display: block; text-decoration: none; color: #fff; }
div.box a:hover { text-decoration: underline; }


div.box form { margin:0; padding:0;}
div.box form fieldset { margin: 0px 0 10px 0; padding: 10px 5px 10px 10px; border: 0; }
div.box form legend { font-weight: bold; margin: 10px 0 0 0; padding:0; color: #fff; }
div.box form label { margin: 5px 0 3px 0; display: block;}
div.box form input { border: 0;}
div.box form input.txt { width: 130px;}
div.box form input.submit { width: 100px; margin: 10px;}
div.box form select {width: 130px; font-size: .9em;}
div.box form option { padding: 2px 3px}
div.box form span { font-size: .9em; }


/*************** LEFT ****************/


div#left div.box ul#mark a { margin:0; padding: 3px 0; font-size: 1.1em; }
div#left div.box ul#mark a:hover { text-decoration: none; color: #CCCCCC}
div#left ul#mark li { margin:0; padding: 0; }

div#left div#klima_jatek { background: url(/design/left-box-game-bg.jpg) bottom no-repeat; padding-bottom: 100px; }
div#klima_jatek a { font-size: 1.7em; font-family: "helvetica neue", "lucida grande", helvetica, arial, sans-serif; font-weight: normal; }
div#klima_jatek a span { color:#333333; }
div#klima_jatek a:hover { text-decoration: underline; }

/* kilma kereso */
div#klima_kereso { }

/*************** RIGHT ****************/

div.banner { margin-bottom: 10px; } 

div#right div#szakmai_tipp { background: url(/design/right-box-tech-bg.jpg) bottom no-repeat; padding-bottom: 160px; }
div#szakmai_tipp a { font-size: .9em; }

div#right div#klima_akcio { background: url(/design/right-box-action-bg.jpg) bottom no-repeat; padding-bottom: 70px;}
div#klima_akcio a { font-size: 1.8em; font-family: "helvetica neue", "lucida grande", helvetica, arial, sans-serif; font-weight: normal; }
div#klima_akcio a span { color:#333333; }


/* ajanlatkeres */
form#offer { font-size: 0.8em;}
form#offer label { display: block; width: 120px; float: left; }
form#offer .txt { width: 100px; }
form#offer select { width: 100px; }


/******** FOOTER ******************/

div#footer {clear: both; margin-top: 2.5em; padding: .5em; border-top: 1px solid #ddd; font-size: .9em; color: #666;}
div#footer p {margin: 1em 0 1em 0}
div#footer ul {margin: .5em 1.5em 1em; list-style: none;}
div#footer li {display: inline; padding-right: 1em;}
div#footer li + li {border-left: 1px solid #ddd; padding-left: 1em;}
div#footer a {color: inherit ;text-decoration: none;}