html,body {padding:0px; margin:0px; font:normal normal 0.85em Arial, sans-serif;}
body {background: rgb(71,145,207);}
form {margin:0px;}
table {border:none; margin:auto;}
#obsah td {_font-size:12px; _color:#6E523B}
img {border:none; vertical-align:middle}
input {vertical-align:middle;}
a {color:white;}
a:hover {color:yellow;}

.tbold {font-weight:bold;}
.tpodtrzeny {text-decoration:underline;}
.tkurziva {font-style:italic;}
.tvetsi {font-size:120%;}
.tmensi {font-size:80%;}
.al {text-align:left}
.aj {text-align:justify}
.ac {text-align:center}
.ar {text-align:right}
.fl {float:left;}
.fr {float:right;}
.inv {display:none;}
.obrl {float:left; margin-right:5px; margin-top:5px; margin-bottom:5px;}
.obrr {float:right; margin-left:5px; margin-top:5px; margin-bottom:5px;}
.cleaner {clear:both}
.vyrazny {color:#BE0000;}
.full {width:100%;}
#levy .full {_width:93%;}
.nic {font-size:1px;}

.separator1 {border-bottom:solid 1px black; padding-bottom:5px; margin-bottom:5px; font-size:2px; _width:100%; _height:10px;}
.separator2 {border-bottom:dotted 1px black; padding-bottom:5px; margin-bottom:5px; font-size:2px; _width:100%; _height:10px;}
.separator3 {border-bottom:double 3px black; padding-bottom:5px; margin-bottom:5px; font-size:2px; _width:100%; _height:10px;}
.separator4 {border-bottom:solid 1px #d90000; padding-bottom:5px; margin-bottom:5px; font-size:2px; _width:100%; _height:10px;}

.sloupec1 {float:left; width:49%; _width:46%;}
.sloupec2 {float:right; width:49%; _width:46%;}
.pod {padding-top:10px; clear:both;}

h1 {font:normal bold 140% Arial, sans-serif; margin:0px; padding:15px 0px 15px 30px; font-weight:bold;}
h2 {font:normal bold 130% Arial, sans-serif; margin:0px; padding:10px 0px 10px 0px; font-weight:bold;}
h3 {font:normal bold 120% Arial, sans-serif; margin:0px; padding:10px 0px 10px 0px; font-weight:bold;}

/*většinou formuláře*/
.c {width:159px;}
.c2 {width:100px;}
.sloupec1 .c,.sloupec2 .c {width:100px;}
.sloupec1 .c2,.sloupec2 .c2 {width:70px;}
.input {width:100%; background:white; border:solid 1px #003470; font:normal normal 11px Tahoma,sans-serif; color:black; margin-bottom:1px; padding:1px;}
.input_mini {width:25px;}
.button {background-color:#003470; color:white; font:normal normal 11px Arial,sans-serif; text-transform:uppercase; border:none; _padding:0px 4px 0px 4px; border:1px solid #003470;}
a.button {padding:2px 5px 2px 5px;}
.x {color:white; background-color:#CC2828; cursor:pointer; border:1px solid #003470;}
.mensi {width:120px;}
.kal {text-align:center}
.kal2 {cursor:pointer; background-color:#2A7C87; color:white;}

/*galerie - někdy se hodí*/
.gal_obrazek_velky {width:520px; height:520px; overflow:auto; margin:5px 0px 5px 0px; clear:both; background-color:#cccccc;}
.gal_obrazek {padding:10px; clear:both; text-align:center;}
.gal_obrazek img {border:solid 8px #cccccc; }
.gal_popiska {padding:5px 0px 5px 0px; width:100%; text-align:center; background-color:#cccccc; }
.gal_ovladani_nahled {padding-top:12px; margin-bottom:15px;}
.gal_ovladani {padding-top:11px; margin-bottom:10px;  _height:33px;}
.gal_nahledy {text-align:center; background:url("imgs/gal_bg.gif") no-repeat center top; height:110px; padding-top:17px;}
.nahled {margin:0px 2px 0px 2px;}
.aktivni_nahled img {border:solid 1px #D9754B;}
.gal_zoom {float:right; padding-top:11px; padding-right:10px; }
.gal_link {padding:2px 5px 2px 5px; background-color:#D9754B; color:white; font-size:85%;}
.gal_link:hover {color:black; background-color:#2A7C87; cursor:pointer; text-decoration:none;}


.sedy_ramecek img {border:6px solid #c5c5c5;}
.formular form div.ar {text-align: center !important; padding-top:10px;}
.formular table {background-color:#cecece; padding:10px; color:#3a3a3a; text-align: left;}
.button_cerveny {background:url("imgs/button_cerveny.png") no-repeat top; width:144px; height:34px; color:white; text-transform:uppercase; border:none;}
.button_cerveny:hover {background-position: bottom;}
.formular .input {background:url("imgs/input.png"); width:501px; padding:3px; border:0px; font-style: normal; color:black; font-size:12px;}
.formular textarea.input {background:url("imgs/textarea.png"); }

.w960 {width:960px; margin:auto;}
#pozadi {background:url("imgs/pozadi_1.jpg") center top;}
.grafika2 #hlavicka_siroka {background:url("imgs/hlavicka_siroka_2.jpg") center top no-repeat;}
.grafika1 #hlavicka_siroka {background:url("imgs/hlavicka_siroka_1.jpg") center top no-repeat;}

  #pozadi.grafika2 {background:url("imgs/pozadi_2.jpg") center top;}
#frame {padding-bottom:20px;}
#hlavicka {height:76px; padding-top:24px;}
  .logo {display: block; width:338px; height:54px; background:url("imgs/logo_topeterm_1.jpg") no-repeat; float:left;}
    .grafika2 .logo {background:url("imgs/logo_topeterm_2.jpg") no-repeat;}
  #hlavicka h1 {margin:0px; padding:0px; font-family:regular, Arial; color:#00328d; font-size:30px; float:left; margin-left:55px; margin-top:10px; letter-spacing:-2px;}
  #hlavicka h2 {margin:0px; padding:0px; font-family:handy, Arial; color:#be0000; font-size:36px; float:right; margin-top:8px;}

#menu {height:41px; background:url("imgs/menu_pozadi.jpg");}
#menu a {display: block; height:20px; padding:13px 13px 8px 13px; float:left; font-size:12px; font-family:regular; text-transform: uppercase; text-decoration:none;}
  #menu a:hover,#menu a.on {background:url("imgs/menu_bgon.jpg") repeat-x; color:white;}
#menu a.first {background:url("imgs/ikonka_home.jpg") no-repeat 0px 0px; width:49px; height:41px; padding:0px;}
#menu a.first:hover {background-position:bottom;}

#drobecky a,#drobecky span {display: block; float:left; background:url("imgs/drobecky_bg.png") no-repeat right; height:25px; padding:13px 30px 2px 30px; text-transform: uppercase; text-decoration: none; color:#000000; font-family:regular; letter-spacing:-1px;}
#drobecky a:hover {background:url("imgs/drobecky_bgon.png") right no-repeat;}
#drobecky span.tbold {color:#c5201d; background:none; font-size:14px; padding-top:11px; padding-left:20px;}
#drobecky {height:42px;}

#hlavicka_box {width:325px; height:156px; background:url("imgs/hlavicka_box.png"); float:right; margin-top:7px; padding:15px;}
#hlavicka_box .vyrazny {color:#be0000; font-weight: bold; font-size:15px;}

#menu form .hledej {background:url("imgs/hledej_bg.png"); width:173px; height:25px;}
#menu form {float:right; width:173px; height:23px; margin:7px 7px 0px 0px;}
#menu form .input {border:0px; padding:5px 2px 3px 3px; width:136px; margin:2px; _padding-top:3px;}
#menu form .button {background:none; border:0px; width:25px; height:24px; cursor:pointer; font-size:0px;}
#menu form .hledej:hover {background-position:bottom;}

#titulka_obsah {margin-top:20px;}

.boxik {margin-right:4px;}
.boxik h2 {font-family:heavy; background:url("imgs/modry_prouzek.png") repeat-x top; height:26px; margin:0px; padding:3px 0px 0px 8px; text-transform: uppercase; font-size:14px; font-weight: normal; text-align: left;}
.boxik h2 a {text-decoration: none; color:white; text-decoration:none;}
.boxik h2 a:hover {color:yellow;}

.boxik a {text-decoration:none;}

.box1 {background:url("imgs/img_topeni.png"); width:183px;}
.box2 {background:url("imgs/img_elektricke.png"); width:215px;}
.box3 {background:url("imgs/img_vetrani.png"); width:170px;}
.box4 {background:url("imgs/img_zdravotechnika.png"); width:175px;}
.box5 {background:url("imgs/img_ohrev.png"); width:199px; margin-right:0px;}
.boxik {background-position:0px 29px; float:left; height:215px;}

.box1 .prepinaci_odkazy {background:url("imgs/img_topeni.png");}
.box2 .prepinaci_odkazy {background:url("imgs/img_elektricke.png");}
.box3 .prepinaci_odkazy {background:url("imgs/img_vetrani.png");}
.box4 .prepinaci_odkazy {background:url("imgs/img_zdravotechnika.png");}
.box5 .prepinaci_odkazy {background:url("imgs/img_ohrev.png");}

.boxik .prepinaci_odkazy {font-family: regular; height:166px; padding:10px; background-position: 0px 215px; overflow: auto;}
.prepinaci_odkazy a {display: block; background:url("imgs/cerveny_ctverecek.png") no-repeat 0px 6px; text-transform: uppercase; color:black; padding:2px 4px 2px 15px;}
.prepinaci_odkazy a:hover {color:#BE0000;}

.cerveny_nadpis,.cerveny_nadpis_maly {color:#be0000; font-family: heavy; font-size: 18px; text-transform: uppercase; margin-bottom:20px;}
.cerveny_nadpis_maly {font-size:14px; text-transform: none;}

#titulka_boxy {margin-bottom:25px; height:215px;}
#titulka_akce {float:left; width:579px;}
#titulka_aktuality {float:right; width:356px;}
  .titulka_aktuality {background:url("imgs/aktuality_bg.png"); width:336px; height:169px; padding:10px;}
  .titulka_aktuality a.button {background: none; border:none;}
  .titulka_aktuality a.button:hover {color:white;}
#titulka_nabidka {float:left; clear:both; margin-top:20px; color:#3a3a3a; font-size:11px; width:100%;}

#levy_panel .titulka_aktuality {width:219px; background:none; height:auto;}

#obsahova {width:960px; float:left; position: relative;}
#pravy_panel {width:725px; float:right; background:url("imgs/obsah_y.png") repeat-y; position: relative;}
  #obsah_bottom {background:url("imgs/obsah_bottom.png") no-repeat bottom;}
  #obsah_top {background:url("imgs/obsah_top.png") no-repeat top;}
  #text {padding:20px; min-height:600px; height:auto !important; height:600px; padding-left:25px; line-height:1.6em;}
    #text a {color:#003470; text-decoration: underline;}
    #text a:hover {color:#A60000; text-decoration: none;}
  #text h1 {margin-top:0px; font-family:regular; color:#cc2828; font-size:30px; padding:5px 0px 15px 10px;}
  #text h2 {color:#cc2828; font-size:19px; font-family:regular;}
  
#levy_panel {width:239px; min-height:300px; padding-top:20px; position:absolute; left:2px;}
#falesny {float:left; height:1000px;}

#submenu {width:239px; margin-bottom:20px;}
#submenu div {background:url("imgs/submenu_top.png") no-repeat top; padding:1px 0px 0px 0px;}
#submenu div div {background:url("imgs/submenu_bottom.png") no-repeat bottom; padding:0px 0px 1px 0px;}
#submenu a {display: block; width:224px; background:url("imgs/submenu_bg.png") repeat-y; padding:8px 5px 8px 10px; color:#cc2828; text-transform: uppercase;}
#submenu a:hover {background:url("imgs/submenu_bgon.png") left center; color:white;}

#submenu .on a {background:url("imgs/submenu_bgon.png") left center; color:white;} 
#submenu .uroven2.on.first a {background:url("imgs/submenu_firston.png") left center; color:white;}
#submenu .uroven2.on.last a {background:url("imgs/submenu_laston.png") left center; color:white;}
#submenu .uroven2.first a {background:url("imgs/submenu_first.png") top left no-repeat; color:#cc2828;}
#submenu .uroven2.last a {background:url("imgs/submenu_last.png") bottom left no-repeat; padding-bottom:12px; color:#cc2828;}
#submenu div.first.uroven2,#submenu div.uroven2.last div {background: none;}
#submenu .first a:hover,#submenu .first.on a {background:url("imgs/submenu_firston.png"); color:white;} 
#submenu .uroven2.last a:hover,#submenu .uroven2.last.on a {background:url("imgs/submenu_laston.png"); color:white;}
#submenu .uroven3 a {font-size:11px; padding-left:16px; width:218px; color:#025394;}
#submenu .uroven3.on a,#submenu .uroven3 a:hover {color:white;}

#zapati {background:url("imgs/zapati.png") repeat-x;}
  .zapati {padding:13px 0px 0px 0px; height:27px;}
  
#zapati_dolni {background:url("imgs/zapati_dolni.png") repeat-x top #BABABA;}
  .zapati_dolni {height:400px; padding-top:20px;}
  .zapati_dolni h2 {color:white; border-bottom:1px solid #bebebe; padding-bottom:3px; margin-bottom:4px; margin-bottom:15px;}
  .zapati_dolni h2 a {background:none !important; height:35px; text-decoration:none;}
  .zapati_dolni .odkazy a {color:#3a3a3a; display: block; padding:2px 0px 2px 15px; background:url("imgs/seda_sipka.png") no-repeat 0px 6px; text-transform: uppercase; margin-bottom:4px; margin-left:5px;}
  .zapati_dolni .odkazy a:hover {color:white;}
  .odkazy {width:185px; float:left; display:block; margin-right:8px;}
  .odkazy.boxik5 {margin-right:0;}
  
#paticka-tit {margin:20px 0; padding-top:15px; color:#3b3b3b; font-size:10px; clear: both; margin-top:25px;}  
#paticka-tit a {color:#3B3B3B;}
#paticka-tit .fl,#paticka-tit .fr,#zapati_posledni .fl,#zapati_posledni .fr {margin-bottom:20px;}
 
.placak img {border-radius:5px;}
 
#zapati_posledni {padding-top:15px; color:#3b3b3b; font-size:10px; clear: both; margin-top:25px; margin-bottom:40px;}
#zapati_posledni a {color:#3B3B3B; }

.aktualita {color:#3a3a3a; clear:left; margin-bottom:10px;}
.aktualita a.nadpis {color:#be0000; font-weight: bold; display: block;}
.aktualita a.nadpis:hover {color:yellow;}
.aktualita a.fr {color:#3a3a3a; margin-top:5px;}
.aktualita a.fr:hover {color:yellow;}
.aktualita a span {color:#e2001a;}
.titulka_aktuality a.button {color:#be0000; text-transform: uppercase; margin-left:70px;}
  .titulka_aktuality a.button:hover {color:white;}
.kalendar {display:block; width:65px; height:60px; background:url("imgs/kalendarik.png"); font-weight:bold; float:left; text-align:center; font-size:12px; margin-right:6px; color:white;}
	.kalendar span {color:#be0000; display:block; font-size:20px; margin-bottom:7px; text-transform:uppercase; margin-top:5px;}
	#levy_panel .kalendar {background:url("imgs/kalendarik1.png");}
	
	.aktuality_top {background:url("imgs/aktuality_top.png") no-repeat top #C5C5C5;}
	.aktuality_bottom {background:url("imgs/aktuality_bottom.png") no-repeat bottom;}
	
@font-face {
    font-family: 'heavy';
    src: url('imgs/mplus-1c-heavy-webfont.eot?') format('eot'),
         url('imgs/mplus-1c-heavy-webfont.woff') format('woff'),
         url('imgs/mplus-1c-heavy-webfont.ttf') format('truetype'),
         url('imgs/mplus-1c-heavy-webfont.svg#webfontum2hNunk') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'handy';
    src: url('imgs/scrgunny-webfont.eot?') format('eot'),
         url('imgs/scrgunny-webfont.woff') format('woff'),
         url('imgs/scrgunny-webfont.ttf') format('truetype'),
         url('imgs/scrgunny-webfont.svg#webfontAvG7i5B9') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'regular';
    src: url('imgs/mplus-1c-regular-webfont.eot?') format('eot'),
         url('imgs/mplus-1c-regular-webfont.woff') format('woff'),
         url('imgs/mplus-1c-regular-webfont.ttf') format('truetype'),
         url('imgs/mplus-1c-regular-webfont.svg#webfontkdTY2Jgu') format('svg');
    font-weight: normal;
    font-style: normal;

}