body {font: 80% Arial, Helvetica, sans-serif; margin: 50px; padding: 0px; color: #FFFFFF; text-align: center; background: #000000 url(img/pozadi.gif) left 50px repeat-x; }
#body-content3 {font: 80% Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; color: #000000; background-color: #FFFFFF; }
input,select {font-family: Arial, Helvetica, sans-serif;}
td {font-family: Arial, Helvetica, sans-serif; _font-size: 90%; color: #000000;}

h2,h1 {color: #FF0000; font-size: 150%; margin: 10px 0px 20px 0px;	padding: 0px; text-align: left; font-family: Arial, Helvetica, sans-serif; font-weight: bold; border-bottom: 1px solid #FF0000;}
h2{font-size: 120%;}
h3 {font-size: 150%; font-weight: bold; margin: 0px; padding: 0px;}
img {border: 0px;}
a, a:visited {color: #FF0000;}
a:hover { text-decoration: none; color: #CC0000;}

/*HRUBY FORMAT STRANKY*/
#pageie { width: 999px; margin-left: auto; margin-right: auto; margin-top: 0px; background: transparent url(img/levy_stin.gif) 190px 200px no-repeat;}
#page {background: transparent url(img/pravy_stin.gif) right top no-repeat; padding-right: 70px; min-height: 824px; _height: 824px;}
#page-stranka-pozadi {background: transparent url(img/stranka_pozadi.gif) 230px top repeat-y;}

#header #logo img, #header #logo a img, #header #logo {border: 0px; margin:0px; padding: 0px; overflow: hidden;}
#header {text-align: left; background: transparent url(img/hlavicka.jpg) 230px top no-repeat; height: 200px; overflow: hidden;}
#header #logo {float: left; width: 235px;}

#contentie {margin-left: 245px; vertical-align: top; text-align: left; font-size: 110%; color: #000000; background: transparent url(img/stranka_pozadi_top.gif) top right no-repeat; padding-left: 0px; padding-top: 5px;}/*min-height: 600px; _height: 600px;*//* */
#content {width: 665px;}
/*kvuli ul li u float fotek, aby nepretekaly do obrazku*/
#contentie ul li {margin-left: 20px;}
#footerie { padding: 100px 70px 16px 230px; font-size: 90%; clear: both; color: #FF1200; text-align: center; background: #000000 url(img/paticka.gif) 230px top no-repeat;}
#footer {text-align: center;}
#footer a,#footer a:visited {color: #FF1200;}
#footer a:hover {color: #CC1200;}
/*ZOBRAZENI JEN PROSTREDNIHO SLOUPCE*/
#content3 {background-color: #FFEFCA; margin: 0px; padding: 0px 0px 30px 0px;}

#drobeckova-navigace {font-size: 11px; margin-top: 3px; color: #FFFFFF;}
#drobeckova-navigace a,#drobeckova-navigace a:visited {color: #FFFFFF;}
#drobeckova-navigace a:hover {
	color: #FF4500;
}

/*NAHLEDY FOTEK nahled:140x105*/
.fotkanahledie {margin: 7px 0px 0px 10px;}
.fotkanahledie .fotkanahled { background-color: transparent; display: table-cell; text-align: center; vertical-align: middle; width: 207px; height: 167px; _width: 207px;}
.fotkanahledie .fotkanahled * { vertical-align: middle; }
.fotkanahledie .fotkanahled span {_display: inline-block; _height: 100%; _width: 1px; }
.fotkanahledie .fotkanahled img {margin: 5px; border: 2px solid #FF0000; padding : 0px; display: block; margin-left: auto; margin-right: auto; vertical-align: middle; _display: inline;}

/*VYJIMKY*/
#content .clanek h2 .obrazek img {margin: 5px; display: block; margin-left: auto; margin-right: auto; vertical-align: middle; _display: inline;}
#content .clanek img {margin: 5px;}
#content .clanekkategorie img {margin: 5px;}
/*ZOBRAZENI NAHLEDU FOTEK ALBA*/
.fotkanahledseznam {float: left; display: inline;}

/*SLIDESHOW*/
.fotka { margin: 5px; border: 1px solid #FF0000; background-color: #F2F2F2; text-align: center; }
.fotka .foto { padding: 5px; margin: 5px;}
.fotka .foto #popisfotky {background-color: #D1D1D1; color: #000000; padding: 5px; text-align: left; border: 1px dotted #FF0000; }
.fotka .seznam { width: 100%;height: 190px; overflow: auto; white-space: nowrap; margin: 5px; margin-left: auto; margin-right: auto; background-color: #D1D1D1;}
.fotka .seznam img {	margin: 10px 10px 2px 2px; border: 2px solid #FF0000;}

/*VZHLED CELEHO MENU*/
#menuie {float: left; color: #000000; text-align: left; width: 231px;}
#menu {margin: 10px 0px 20px 26px;}
#menu #vlajky {text-align: center; padding: 5px; padding-bottom: 20px;}
#menu #vlajky img {padding-left: 5px; padding-right: 5px;}

#menuseznam {margin: 0px; padding: 0px; padding-top: 10px;}
#menuseznam ul {margin: 0px; padding: 0px; list-style-type: none; border: 0px;}
#menuseznam ul li ul li a {font-size: 14px; color: #E7D58F;}
#menuseznam ul li ul li a:hover, #menuseznam ul li ul li .menuactive {background-image: none; background-color: #E7D58F;}
#menuseznam ul li ul li a {background-image: none;}
#menuseznam ul li a {background: transparent url(img/menu_top.gif) right top no-repeat; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; padding: 6px 20px 4px 15px; text-decoration: none; font-size: 16px; margin: 0px; display: block; _width: 100%; _display: inline-block; text-align: right; font-weight: bold;}
#menuseznam li li a {padding: 1px 0px 1px 17px;}
#menuseznam li li li a {padding: 1px 0px 1px 22px;}
#menuseznam ul li a:hover, #menuseznam ul li .menuactive {background: transparent url(img/menu_top_active.gif) right top no-repeat; color: #FF1200;}
#menuseznam ul ul ul {border: 0px;}
#menuseznam ul li ul li a {
   background-image: none;
}
#menuseznam ul#druhe-menu {padding-bottom: 30px;}

#content-local-menu {width: 100%; float: left; text-align: center; background: transparent url(img/cara.gif) bottom repeat-x; margin-left: auto; margin-right: auto; margin-bottom: 20px; margin-top: 10px;}
#content-local-menu #local-nadpis {float: left;padding-top: 0px;}
#content-local-menu #local-nadpis h1 {color: #FF0000; font-size: 140%; margin: 0px; padding: 0px; border: 0px;}
#content-local-menu ul { padding: 0;}
#content-local-menu ul li { display: inline;}
#content-local-menu ul {margin: 0; padding: 0 0 0 10px; color: #FFFFFF; font-size: 100%; font-weight: bold;}
#content-local-menu ul li a {padding: 0.3em 10px; background-color: transparent; color: #000000; text-decoration: none; float: left; border: 1px solid transparent; _border: 1px solid #FFFFFF; border-bottom: 1px solid #FF0000; margin-left: 10px; border: 1px solid #FF0000;}
#content-local-menu ul li a:hover {background-color: transparent; color: #FF0000; border: 1px solid #FF0000; border-bottom: 1px solid #FFFFFF;}
#content-local-menu li.menuactive a {background-color: transparent; color: #FF0000; border: 1px solid #FF0000; border-bottom: 1px solid #FFFFFF;}

.fieldset {text-align: center; padding-top: 20px;}
fieldset {_position: relative; _padding: 0px 10px 10px 10px;} 
html>body fieldset {_padding: 1em;}
fieldset legend {_position: relative; _top: -1em;}
fieldset { margin-left: auto; margin-right: auto; border: 1px dotted #FF0000; background-color: #F2F2F2; width: 95%; color: #000000; }
fieldset table {width: 100%; font-size: 1em; color: #000000;}
fieldset table tr td {padding-right: 5px; padding-left: 5px; text-align: center; font-size: 100%; color: #000000;}
fieldset table tr .levy {width: 150px; text-align: right; vertical-align: top; font-weight: bold;}
fieldset table tr .pravy {text-align: left; vertical-align: top;}
legend {color: #000000; border: 1px solid #FF0000; padding: 1px 10px; font-weight: bold; margin-top: 5px; font-size: 120%; background: #D1D1D1 url(img/pruh.gif) repeat;}
legend a, legend a:visited {color: #000000;}
legend a:hover {text-decoration: none; color: #FF0000;}
.alba_nahledy {background-color: #F2F2F2;}

#content #sitemap li { padding-top: 10px; }

td,tr,table {margin: 0px; padding: 0px; text-align: left;}
.tabulka { border: 1px solid #A0A0A0; margin: 5px; margin-left: auto; margin-right: auto; }
.tabulka caption {border: 0px solid #A0A0A0; text-align: left; display: none;}
.tabulka caption span {border: 1px solid #A0A0A0;  text-align: left; }
.tabulka thead tr td {text-align: center; font-size: 12px; font-weight: bold; border: 1px solid #A0A0A0; border-width: 0px 1px 1px 0px;}
.tabulka tbody tr td {border: 1px dotted #A0A0A0; border-width: 0px 1px 1px 0px; padding: 2px;}
.tabulka tfoot tr td {font-weight: bold; border: 1px solid #A0A0A0; border-width: 1px 0px 0px 0px; text-align: center; }
.hovernik tr:hover td, .tabulka tr.hover td {background-color: #DFE0E6;}

label {text-align: right; font-weight: bold;  vertical-align: top; color: #000000;}
input, select,textarea {background-color: #FFFFFF; border: 1px solid #FF0000; }
.button {border: 1px outset #FF0000; font-weight: bold; color: #000000; background-color: #D1D1D1;}

.strankovani { border: 1px solid #601D21; border-width: 1px 0px 1px 0px; min-height: 1.3em; margin-top: 2px; margin-bottom: 2px; }
.strankovani .levy {float: left; width: 8em; text-align: left;}
.strankovani .pravy {float: right; width: 8em; text-align: right;}
.strankovani .prostredek {margin-right: 8em; margin-left: 8em; text-align: center; font-size: 0.8em;  vertical-align: middle;}

.highlighted { background-color: #F9F9F9; }

/*CLANKY NAHLEDY*/
.clankynahledy {text-align: center;}
.clankynahledy .claneknahled { width: 95%; border: #601D21 solid 1px; border-width: 1px 1px 0px 1px; margin: 10px auto 20px auto;}
.clankynahledy .claneknahled .obrazek {float: right; margin-left: 5px;}
.clankynahledy .claneknahled h2 {color: #E7D58F; text-align: left; font-size: 150%; border: 1px solid #601D21; border-width: 0px 0px 1px 0px; margin: 0px; padding: 0px; padding-left: 7px; background: #601D21 url(img/pruh.gif) top repeat-x; padding: 2px;}/* font-weight: bold;*/
.clankynahledy .claneknahled h2 a:visited, .claneknahled h2 a { color: #E7D58F; text-decoration: underline; display: block; _width: 100%; _display: inline-block;}
.clankynahledy .claneknahled h2 a:hover{ text-decoration: none; color: #FFFFFF; }
.clankynahledy .claneknahled h3 { text-align: justify; margin: 0px; padding: 10px; font-size: 110%; overflow:hidden; _width: 100%;}
.clankynahledy .claneknahled .patka {padding: 2px; background-color: #601D21; color: #E7D58F; border: 1px solid #601D21; border-width: 1px 0px 1px 0px; text-align: left; margin: 0px; padding-left: 2px; font-size: 90%; clear: right; }
.clankynahledy .claneknahled .patka a:visited, .clankynahledy .claneknahled .patka a { color: #E7D58F; text-decoration: underline;}
.clankynahledy .claneknahled .patka a:hover{ color: #FFFFFF; text-decoration: none; }

/*DISKUZE*/
.diskuze {text-align: center;}
.diskuze .diskuzeprispevek h3 {color: #E7D58F; text-align: left; font-size: 120%; border-bottom: 1px solid #B38D65; font-variant: small-caps; font-weight: normal; margin: 0px; padding: 0px; padding-left: 7px; background: #601D21 url(img/pruh.gif) repeat-x; font-weight: bold;}
.diskuze .diskuzeprispevek h4 { text-align: justify; margin: 0px; padding: 10px; font-size: 100%; font-weight: normal; background-color: #E0CB8A;}
.diskuze .diskuzeprispevek .patka {padding: 2px; background-color: #601D21; color: #E7D58F; border: 1px solid #B38D65; border-width: 1px 0px 0px 0px; text-align: left; margin: 0px; padding-left: 2px; font-size: 90%; clear: right; }
.diskuze .diskuzeprispevek .patka a:visited, .diskuzeprispevek .patka a {color: #E7D58F;text-decoration: underline;}
.diskuze .diskuzeprispevek .patka a:hover{ color: #FFFFFF; text-decoration: none; }
.diskuze .diskuzeprispevek {width: 90%; border: #B38D65 solid 1px; margin: auto; margin-bottom: 20px;}
/*ODPOVED V DISKUZI*/
.diskuze .diskuzeprispevek .odpoved { border: 1px dotted #B38D65; padding: 5px; margin: 5px 15px 5px 15px;}

.clanek h2 { text-align: justify; margin: 0px; padding: 10px; font-size: 120%; padding-top: 0px;}/* color: #870000;*/
.clanek h2 .obrazek { float: right; margin: 5px; margin-top: 0px;}
.clanek .clanektext{ text-align: left; clear: right; padding: 10px; }
.clanek .patka { background-color: #601D21; color: #E7D58F; border: 1px solid #B38D65; text-align: left; margin: 0px; padding: 5px; font-size: 90%; margin-top: 100px; }
.clanek .patka a:visited, .clanek .patka a { color: #E7D58F; text-decoration: underline; }
.clanek .patka a:hover{ color: #FFFFFF; text-decoration: none; }

/*NOVINKY*/
#menu #novinky {margin: 20px 20px 0px 0px; text-align: justify; border: 1px solid #A20C00;}
#menu #novinky #nadpis {font-size: 170%; font-weight: bold; text-align: center; color: #FF0000; padding-top: 2px; padding-bottom: 2px; border-bottom: 1px solid #A20C00;}
#menu #novinky .datum {font-weight: bold; color: white; padding: 5px;}
#menu #novinky .novinka {padding: 5px; font-size: 120%; color: #FF0000;}

/*Specifika pro infratopeni*/
#dealer-karta {margin-bottom: 20px;}
#dealer-karta .dealer-fotka { float: right; width: 250px;}
#dealer-karta .dealer-fotka img {border: 2px solid #FF0000;}
#dealer-karta b {color: #FF0000;}

.vyrobek-karta { margin-top: 20px;}
.vyrobek-karta b {color: #FF0000;}
.vyrobek-karta td.vyrobek-fotka {width: 230px;}
.vyrobek-karta td.vyrobek-fotka img {border: 2px solid #FF0000; vertical-align: top;}
.vyrobek-karta td.vyrobek-udaje {width: 100px; text-align: left; font-weight: bold; vertical-align: top;}
.vyrobek-karta td.vyrobek-parametry {text-align: left; vertical-align: top;}

.vseobecne-informace {margin: 0px; text-align: center;}
.vseobecne-informace .nazev {text-align: left; font-size: 120%; font-weight: bold; color: #FF0000;}
.vseobecne-informace table {margin: 20px auto 20px auto; text-align: left; border: 1px dotted #FF0000; padding: 5px;}
.vseobecne-informace table td.vyrobek-udaje {width: 50%; text-align: left; vertical-align: top;}
.vseobecne-informace table td.vyrobek-parametry {width: 50%; text-align: left; vertical-align: top;}


/*Google maps*/
.infowindow {font-family:Verdana;font-size:9pt;font-weight:normal;width:250px;height:130px;overflow:auto;}
#map_canvasie {text-align: center;}
#map_canvas {overflow: hidden; margin: 0px auto 0px auto;text-align: left;}

.alert { color: #FF0000; font-size: 150%; border: 1px dotted #BF0000; font-weight: bold; margin: 3px; padding: 2px; margin: 0px; text-align: center; }
.ok { color: #00B902; font-size: 150%; border: 1px solid #00BF02; font-weight: bold; margin: 3px; padding: 2px; margin: 0px; text-align: center; }
.s300 {width: 300px;}
.s200 {width: 200px;}
.s150 {width: 150px;}
.s140 {width: 140px;}
.s50 {width: 50px;}
.s50p {width: 50%;}
.s100 {width: 100px;}
.s90 {width: 90%;}
.s95 {width: 95%;}
.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}
.justify {text-align: justify;}
.bez {margin: 0px; padding: 0px;}
.top { vertical-align: top; }
.fright {float: right; margin: 5px;}
.fleft {float: left; margin: 5px;}
.highlight td {background: #D4D7F5;}
.nowrap {white-space: nowrap;}
.bold {font-weight: bold;}
hr.float-right-konec,hr.float-left-konec {clear: right; height: 1px; border: none; margin: -1em 0 0 0; visibility: hidden;}
hr.float-left-konec {clear: left;}