/*settings css*/

body { margin: 0; padding: 0; font-family: Arial, sans-serif; color:#707070; background: url(bg.png) 0 0 repeat-x #480004; }
object, p, ul, li, hr { margin: 0; padding: 0; border-width: 0; display: block; }
img { margin: 0; padding: 0; border-width: 0; }
h1, h2, h3, h4, h5, h6 { margin-top: 0.3em; }
ul{list-style-type:none;}
form { margin: 0; padding: 0;}

/*top header logo*/

#topPan {width:950px; height:100px; position:relative; margin:0px auto; padding:0px; background: url(top.png) no-repeat;}

/*icon title*/

#home { width:47px; height:100px; margin:0px; padding:0 0 0 0; float:right; }
#home a { width:47px; height:36px; margin:0px; padding:56px 0 0 0; float:right; font-size:72%; color:#410202; line-height:13px; text-align:center; text-decoration:none; background:url(home.gif) no-repeat; }
#home a:hover { height:36px; padding:74px 0 0 0; background:url(home.gif) no-repeat -48px 0; }

/*icon email*/

#email { width:47px; height:100px; margin:0px; padding:0 10px 0 10px; float:right; }
#email a { width:47px; height:36px; margin:0px; padding:56px 0 0 0; float:right; font-size:72%; color:#410202; line-height:13px; text-align:center; text-decoration:none; background:url(email.gif) no-repeat; }
#email a:hover { height:36px; padding:74px 0 0 0; background:url(email.gif) no-repeat -48px 0; }

/*banner, menu*/

#header { position:relative; margin:0 auto; clear: both; width: 950px; }

#header .left { float: left; }
#header .left div.obnova { width: 640px; height: 350px; background: url(header_left_obnova.png) no-repeat; border: #960100 5px solid; }
#header .left div.ndomy { width: 640px; height: 350px; background: url(header_left_ndomy.png) no-repeat; border: #960100 5px solid; }
#header .left div.certifikacia { width: 640px; height: 350px; background: url(header_left_certifikacia.png) no-repeat; border: #960100 5px solid; }
#header .left div.audit { width: 640px; height: 350px; background: url(header_left_audit.png) no-repeat; border: #960100 5px solid; }
#header .left div.ekonomia { width: 640px; height: 350px; background: url(header_left_ekonomia.png) no-repeat; border: #960100 5px solid; }
#header .left div.fyzika { width: 640px; height: 350px; background: url(header_left_fyzika.png) no-repeat; border: #960100 5px solid; }
#header .left div.termo { width: 640px; height: 350px; background: url(header_left_termo.png) no-repeat; border: #960100 5px solid; }
#header .left div.krby { width: 640px; height: 350px; background: url(header_left_krby.png) no-repeat; border: #960100 5px solid; }
#header .left div.kominy { width: 640px; height: 350px; background: url(header_left_kominy.png) no-repeat; border: #960100 5px solid; }
#header .left div.ntatry { width: 640px; height: 350px; background: url(header_left_ntatry.png) no-repeat; border: #960100 5px solid; }
#header .left div.santiago { width: 640px; height: 350px; background: url(header_left_santiago.png) no-repeat; border: #960100 5px solid; }
#header .left div.other { width: 640px; height: 350px; background: url(header_left.png) no-repeat; border: #960100 5px solid; }
#header .left h2 { width:423px; height:38px; margin:190px 0 0 0; padding:0 0 0 80px; float:left; font-size:190%; color:#1d1d1d; line-height:38px; font-weight:bold; }
#header .left p { width:500px; padding-left: 70px; float:left; color:#000; line-height:19px; text-align: left; font-size:130%; line-height:22px; }
#header .left a { width:62px; height:23px; margin:0 15px 0 0; padding:0px; float:right; font-size:72%; color:#FFFFFF; line-height:22px; text-align:center; text-decoration:none; background:url(buttons1.png) no-repeat; }
#header .right { width: 280px; height: 350px; float: right; }
#header .right h2 { height:38px; margin:25px 0 0 0; padding:0 0 0 80px; float:left; font-size:150%; color:#fd7a00; line-height:38px; font-weight:normal; background:url(okr.png) no-repeat 30px 10px; }
#header .right #additionalLinks { width:260px; margin:0px; padding:0px; clear: both; }
#header .right #additionalLinks ul { width:260px; margin:12px 0 0 30px; display:block; }
#header .right #additionalLinks ul li a { width:220px; height:27px; margin:3px 0 0 0; padding:0 0 0 30px; float:left; color:#000; font-weight:bold; line-height:25px; text-decoration:none; background:url(odd.png) no-repeat; }
#header .right #additionalLinks ul li a:hover { width:220px; height:27px; margin:3px 0 0 0; padding:0 0 0 30px; float:left; color:#fff; font-weight:bold; line-height:25px; text-decoration:none; background:url(odd_a.png) no-repeat; }

/*medzi panel informacnych clankov*/

#bodytopmainPan { width:100%; background:#000; color:#8D8D8D; float:left; padding:10px 0 0; clear:both; margin-top: 10px; }
#bodytopPan { width:950px; height: 25px; position:relative; background:#000; color:#707070; margin:0 auto; padding:0px; }

/*obsah, okraje, pismo, nadpisy, tabulky, odrazky*/

#bodymainmiddlePan { width:100%; color:#666666; padding:0; clear:both; }
#bodymainPan { width:940px; margin:0 auto 0 auto; background: #fff; color:#666666; overflow: hidden; border-left: #960100 5px solid; border-right: #960100 5px solid; }

/*content*/

#bodymain { width: 570px; float: right; padding: 25px; text-align: justify; color:#666666; font-size: 102%; }
#bodymain a { color: #c56600; text-decoration: underline; }
#bodymain a:hover { text-decoration: none; }
#bodymain h1 { font-size: 220%; clear: both; padding-right: 10px; padding-left: 50px; padding-bottom: 10px; padding-top: 0px; margin: 0px; color: #000; background:url(ok.png) no-repeat 0px 0px; }
#bodymain h2 { font-size: 170%; clear: both; padding-right: 10px; padding-left: 0px; padding-bottom: 10px; padding-top: 0px; margin: 0px; color: #AF010C; }
#bodymain h3 { font-size: 150%; clear: both; padding-right: 10px; padding-left: 0px; padding-bottom: 10px; padding-top: 0px; margin: 0px; color: #e65f05; }
#bodymain h4 { font-size: 140%; clear: both; padding-right: 10px; padding-left: 0px; padding-bottom: 10px; padding-top: 0px; margin: 0px; color: #AF010C; }
#bodymain h5 { font-size: 130%; clear: both; padding-right: 10px; padding-left: 0px; padding-bottom: 10px; padding-top: 0px; margin: 0px; color: #AF010C; }
#bodymain p { padding:0 0px 11px 0; }
#bodymain p span { font-weight:bold; }
#bodymain p.more { margin:0 0 15px 860px; padding:0px; }
#bodymain p.more a { display:block;width:79px; height:28px; background:url(orangebutton.gif) 0 0 no-repeat #f4f4f4; color:#111; font-size:15px; line-height:28px; text-decoration:none; padding:0 0 0 10px; }
#bodymain p.more a:hover { background:url(silverbutton.gif) 100% 0% no-repeat #f4f4f4; color:#111; text-decoration:none; }
#bodymain ul { padding:0 0 20px 30px; }
#bodymain ul li { background:url(arrow.gif) 0 8px no-repeat; color:#666666; line-height:20px; padding:0 0 0 16px; }
#bodymain table { width: 635px; margin-top: 8px; margin-left: 10px; margin-bottom: 15px; padding: 0px; font-size: 90%; }
#bodymain th { padding: 5px; background: #c1c1c1; color: #000; border-bottom: #ccc 1px solid; }
#bodymain td { padding: 5px; background: #F5F5F5; color: #000; border-bottom: #ccc 1px solid; }
#bodymain img { border: 5px solid #ddd; margin-top: 25px; margin-bottom: 25px; }

#bodymain .b_right { float: right; width: 280px; text-align: left; margin: 0px; padding: 0px; }
#bodymain .b_left { float: left; width: 280px; text-align: left; margin: 0px; padding: 0px; }

#bodymain .content_right p img { float: left; display: block; margin: 0 8px 7px 0; border: 1px solid #b8b7bb; }
.odd { clear: both; height: 1px; line-height: 1px; font-size: 1px; }

/*title*/

#bodytitle { width: 950px; text-align: justify; color:#666666; }
#bodytitle h1 { font-size: 220%; clear: both; padding-right: 10px; padding-left: 0px; padding-bottom: 10px; padding-top: 0px; margin: 0px; color: #666666; }
#bodytitle .calc { width: 150px; height: 50px; float: left; padding-top: 150px; padding-left: 25px; text-align: center; background: url(calculator.png) no-repeat 55px 55px; }
#bodytitle .calc a { color: #c56600; text-decoration: underline; }
#bodytitle .calc a:hover { text-decoration: none; }
#bodytitle .konc { width: 710px; float: right; padding: 25px 40px 25px 25px; }
#bodytitle .konc a { width:62px; height:23px; margin:10px 0px 0 0; padding:0px; float:right; font-size:72%; color:#fff; line-height:22px; text-align:center; text-decoration:none; background:url(buttons_a.png) no-repeat; }
#bodytitle .konc a:hover { width:62px; height:23px; margin:10px 0px 0 0; padding:0px; float:right; font-size:72%; color:#fff; line-height:22px; text-align:center; text-decoration:none; background:url(buttons_h.png) no-repeat; }
#bodytitle .konc ul { padding:0 0 20px 30px; }
#bodytitle .konc ul li { background:url(arrow.gif) 0 8px no-repeat; color:#666666; line-height:20px; padding:0 0 10px 16px; }

/*left desk*/

#bodydesk { width: 265px; float: left; padding-left: 25px; padding-top: 30px; margin: 0; color: #707070; font-size: 95%; }
#bodydesk h1 { font-size: 110%; clear: both; padding-right: 10px; padding-left: 0px; padding-bottom: 10px; padding-top: 0px; margin: 0px; color: #e65f05; }

#bodydesk .box { padding: 20px 20px 20px 20px; clear: both; font-size: 85%; margin-bottom: 20px; border: #e65f05 1px solid; }

#bodydesk ul.files_article { margin: 0px; padding: 0; list-style: none; color: #494949; }
#bodydesk ul.files_article a { color: #d49e36; text-decoration: underline; }
#bodydesk ul.files_article a:hover { color: #d49e36; text-decoration: none; }
#bodydesk ul.files_article li.pdf { list-style: none; padding: 6px 0 2px 25px; background: url(li_pdf.png) no-repeat 0 .5em; }
#bodydesk ul.files_article li.img { list-style: none; padding: 6px 0 10px 45px; background: url(li_jpg.png) no-repeat 0 .2em; }

#bodydesk .linknav { width: 265px; border-top: 1px solid #e65f05; margin-bottom: 20px; }
#bodydesk .linknav ul { list-style: none; }
#bodydesk .linknav ul li { border-bottom: 1px solid #e65f05; width: 265px; text-align: right; background: #ffaf65; }
#bodydesk .linknav ul li a { color: #e65f05; text-decoration: none; font-size: 82%; display: block; width: 265px; height: 50px; line-height: 50px; overflow: hidden; }
#bodydesk .linknav ul li a:hover { color: #000; }
#bodydesk .linknav ul li .l01 { background: url(logo01.png) no-repeat 8px 5px; }
#bodydesk .linknav ul li .l02 { background: url(logo02.png) no-repeat 8px 5px; }
#bodydesk .linknav ul li .l03 { background: url(logo03.png) no-repeat 8px 5px; }

/*fotogalery*/

#fotogaleria { width: 100%; clear: both; }
#fotogaleria .foto { padding-bottom: 5px; padding-top: 5px; padding-right: 5px; padding-left: 5px; float: left; }
#fotogaleria .foto .foto_box { text-align: center; padding: 10px; background: #f5f5f5; border: solid 1px #c6c6c6; }

/*mailing price*/

#middleWrap { width:100%; margin:0px; padding:0px; float:left; background:#ededed repeat-x; border-bottom: #eaeaea 1px solid; }
#middlePanel { width:950px; height: 130px; margin:0 auto; padding:0px; }

#mailing { width:390px; margin:0px; float:left; }
#mailing h2 { padding-left: 60px; font-size:200%; color:#1d1d1d; line-height:30px; font-weight:normal; background:url(mailing_odd.png) no-repeat; }
#mailing p { margin: 0; padding:0px; font-size:82%; color:#575433; line-height:19px; }
#mailing p span { font-weight:bold; color:#ba0707; }
#mailing a { color:#cd4008; text-decoration: underline; }
#mailing a:hover { color: #000; text-decoration: none; }

#mailinginput { width: 540px; height: 102px; margin: 15px 0 0 10px; padding: 0px; float: left; color: #c5c5c5; border-left: #fff 1px solid; background:url(bg_mailing.png) no-repeat; }
#mailinginput .inp input { background: transparent; border: 0px solid; width: 140px; height: 20px; margin-right: 15px; margin-top: 15px; margin-bottom: 3px; color: #868585; }
#mailinginput .inp2 textarea { background: transparent; border: 0px solid; width: 390px; height: 30px; margin-top: 12px; margin-left: 45px; color: #868585; font-family: Arial, sans-serif; }
#mailinginput .inp3 input { background: transparent; border: 0px solid; width: 40px; height: 40px; margin-top: 3px; margin-left: 50px; cursor: pointer; }
#mailinginput p { margin-left: 45px; margin-top: 5px; font-size: 72%; color: #9b9b9b; }

/*footer, copyright, xhtml, css*/

#footermainPan { width:100%; height: 214px; margin:0px; padding:0px; float:left; background: url(footerbg.png) 0 0 repeat-x #565656; color: #fff; clear: both; }
#footerPan { width: 950px; position: relative; margin: 0 auto; }
#footerPan img.footerlogo { position: absolute; top: 80px; right: 17px; }

#footerPan p.html { background: url(html-button.gif) 0 0 no-repeat; position: absolute; top: 42px; right: 75px; width: 64px; height: 22px; padding: 3px; } 
#footerPan p.html a { width: 55px; height: 18px; display: block; font-weight: bold; color: #565656; text-decoration: none; text-transform: uppercase; padding: 2px 0 0 0px; }
#footerPan p.html a:hover { color: #565656; text-decoration: none; }

#footerPan p.css { background: url(css-button.gif) 0 0 no-repeat; position: absolute; top: 42px; right: 12px; width: 53px; height: 19px; padding: 3px; }
#footerPan p.css a { width: 50px; height: 18px; display: block; font-weight: bold; color: #fff; text-decoration: none; text-transform: uppercase; padding: 2px 0 0 0px; }
#footerPan p.css a:hover { color:#fff; text-decoration:none; }
#footerPan p.copyright { color: #fff; position: absolute; top: 110px; left: 0px; font-size: 82%; }

#footerPan ul { width: 743px; position: absolute; top: 55px; left: -12px; }
#footerPan li { float: left; font-size: 100%; font-weight: normal; }
#footerPan ul li a { padding: 0 12px 0; color: #b3b3b3; text-decoration: underline; line-height:22px; }
#footerPan ul li a:hover { color: #fff; text-decoration: none; }

#footerPan ul.cop { width: 400px; color: #444444; display: block; position: absolute; font-size: 78%; top: 140px; left: 0px; }
#footerPan ul.cop li a { display: block; color: #fff; text-decoration: none; }
#footerPan ul.cop li a:hover { text-decoration: underline; }