body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
    background: #FFF url(design/back-page.gif) repeat-x;
    color: #000;
    line-height: 1.5em;
}

a {color: #1873C0;}
p {margin: 1em 0;}
a:hover {text-decoration: none;}
.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.mr15 {margin-right: 15px;}
img {border: 0;}

h1 {font-size: 1.6em; margin: 1em 0; color: #A53C2C;}
h2 {font-size: 1.3em; margin: 1em 0; color: #35B9E4;}
h3 {font-size: 1.1em; margin: 1em 0; color: #A53C2C;}

#main {width: 980px; margin: auto; background: #FFF url(design/back-main.gif) top center no-repeat; margin-bottom: 40px;}
#page {width: 929px; margin: auto;}

#header {height: 128px;}

#logo-thermokomplet {width: 236px; height: 61px; background: url(design/logo-thermokomplet.gif) no-repeat; float: left; margin: 55px 20px 0 4px;}
#logo-thermokomplet a {width: 236px; height: 61px; display: block;}
#logo-thermokomplet span {display: none;}

#logo-titulek {color: #8B8888; float: left; margin-top: 83px; text-transform: uppercase; font-size: 11px;}

#search {width: 275px; float: right; margin-top: 61px;}
#search form {margin: 0; padding: 0;}
#search .input-text {width: 192px; height: 25px; background: #FFF url(design/input-text.gif); border: 0; float: left; margin-right: 6px; font-style: normal; padding: 8px 0 0 4px;}

#menu {width: 929px; height: 69px;}
#menu ul {margin: 0; padding: 0;}
#menu li {float: left; list-style-type: none; height: 69px; background: url(design/menu-break.gif) top right no-repeat;}
#menu a {display: block; border-bottom: none; text-transform: uppercase; color: #A59D9D; text-decoration: none; padding: 30px 20px 0 20px; font-size: 12px;}
#menu a:hover {color: #4A4843;}
/*
#menu a span {display: none;}
#menu a.menu-uvod {width: 105px; height: 69px; background: url(design/menu-uvod.gif) no-repeat;}
#menu a.menu-o-spolecnosti {width: 167px; height: 69px; background: url(design/menu-o-spolecnosti.gif) no-repeat;}
#menu a.menu-voda {width: 94px; height: 69px; background: url(design/menu-voda.gif) no-repeat;}
#menu a.menu-topeni {width: 106px; height: 69px; background: url(design/menu-topeni.gif) no-repeat;}
#menu a.menu-plyn {width: 93px; height: 69px; background: url(design/menu-plyn.gif) no-repeat;}
#menu a.menu-reference {width: 138px; height: 69px; background: url(design/menu-reference.gif) no-repeat;}
#menu a.menu-kontakt {width: 115px; height: 69px; background: url(design/menu-kontakt.gif) no-repeat;}
#menu a:hover {background-position: 0 -69px;}
*/
h1.h1-index {width: 457px; height: 22px; background: url(design/h1-index.gif) no-repeat; margin: 30px 0 30px 0;}
h1.h1-index span, h2.h2-reference span, h2.h2-specializace span, h2.h2-sluzby span {display: none;}

h2.h2-reference {width: 124px; height: 30px; background: url(design/h2-reference.gif) no-repeat; margin: 20px 0;}
h2.h2-specializace {width: 142px; height: 30px; background: url(design/h2-specializace.gif) no-repeat; margin: 20px 0;}
h2.h2-sluzby {width: 97px; height: 19px; background: url(design/h2-sluzby.gif) no-repeat; margin: 0 0 20px 30px;}

.ref-index {margin-bottom: 20px;}
.ref-index a {background: url(design/dot1.gif) 0 4px no-repeat; padding-left: 14px;}
.ref-index img {margin-top: 10px; float: left;}

#content {}
#content-left {width: 622px; float: left; margin-right: 30px;}
#content-right {width: 276px; float: left; margin-top: -70px; z-index: 99; position: relative;}
#content-right.not-title { margin-top: 30px; }

#index-left {width: 281px; float: left; margin-right: 30px;}
#index-right {width: 281px; float: left;}

.spec1 {padding-top: 80px; background: url(design/icon-house.gif) top center no-repeat; margin-bottom: 20px;}
.spec2 {padding-top: 80px; background: url(design/icon-pipe.gif) top center no-repeat;}

.spec1 a, .spec2 a {color: #A53C2C;}

#side-menu a {background: url(design/dot1.gif) 0 4px no-repeat; padding-left: 14px; text-decoration: none;}
#side-menu a:hover {text-decoration: underline;}
#side-menu ul {margin: 0 0 15px 0; padding: 0 0 0 30px; list-style-type: none;}
#side-menu li {line-height: 30px;}

#servis {width: 276px; height: 210px; background: url(design/back-servis.gif) top left no-repeat; color: #6D7F89; text-transform: uppercase; line-height: 1.7em;}
#servis-in {padding: 90px 30px 0 30px;}

#footer {width: 100%; height: 56px; color: #787171; font-size: 10px; background: url(design/back-footer.gif) repeat-x; line-height: normal;}
#footer-in {width: 929px; margin: auto; padding: 23px 0 0 0; }
#footer a {color: #787171; text-decoration: none;}
#footer a:hover {text-decoration: underline;}

#links ul {float: right; list-style-type: none; margin: 0; padding: 0; text-transform: uppercase;}
#links ul li {float: left; margin-left: 20px;}

#content ul li.level-1 { margin-left: 20px; }
#content ul li.level-2 { margin-left: 40px; }

#search-results span { background: #FDD; }

#category {margin: 0 0 15px 0; padding: 0;}
#category li {list-style-type: none; float: left; background: url(design/icon-folder.gif) 0 1px no-repeat; margin-right: 14px; line-height: 1.5em;}
#category li a {padding-left: 21px; white-space: nowrap;}
#category li a.act {font-weight: bold;}

#path {margin: 20px 0; background: url(design/icon-home.gif) 0 3px no-repeat; padding: 0 0 15px 20px; border-bottom: 1px solid #ECEBEB;}

/*div.gallery a { height: 130px; padding: 3px 3px; background: #E6EFF9; margin: 0 5px 5px 0; display: block; float: left; text-align: center; color: black; text-decoration: none; line-height: 1.2em; }
div.gallery a img {float: left; margin: 3px 3px 0 3px;}*/

#page-photogallery .photo-item {float: left; border: 1px solid #C3EDFF; margin: 0 8px 8px 0; padding-bottom: 3px;}
#page-photogallery .photo-item img {margin: 3px 3px 0 3px; float: left;}

.reference-item {margin-bottom: 20px; width: 320px; float: left; padding-right: 10px;}
.reference-item img {float: left; margin-right: 10px;}
.reference-item h3 {font-size: 1em; font-weight: normal;}

fieldset {border: none;}
.form1 {margin-bottom: 10px; background: #E6EFF9; padding: 20px 20px;}
.form1 fieldset {border: 1px solid #DFDFDF; padding: 10px 10px; margin: 0;}
.form1 legend {font-weight: bold; padding: 5px 5px 0 5px; color: #69B63D; background: #FFF;}
.form1 label {float: left; width: 25%; vertical-align: middle; font-weight: bold;}
.form1 div {margin: 0.3em 0;}
.check {margin: 0 0 0 -5px;}
.form-item {margin-bottom: 3px;}

ul#mark-list {margin: 30px 0 0 0; padding: 0;}
#mark-list li {list-style-type: none; float: left;}
#mark-list li .mark {width: 150px; display: block; line-height: 8em !important; height: 8em !important; text-align: center;}
#mark-list li .mark img {display: inline; vertical-align: middle;}
.mark-img {width: 145px; border-right: 1px solid #E5E5E5; margin-right: 10px; height: 5em; float: left; text-align: center;}

table.plynova-zarizeni {margin-right: 30px;}
.table-data.plynova-zarizeni td {width: 50%;}
table.horaky, .plynova-zarizeni {float: left; margin-right: 10px;}

#objednavka-servisu {padding: 8px 6px; background: #FFB513; border: 1px solid #7C183E; font-weight: bold; margin: 8px 0; text-align: center; }
#objednavka-servisu a {color: #FFF;}

table.data {border-collapse: collapse; width: 100%;}
table.data th {text-align: left;}
table.data td {padding: 5px 5px; background: #F6F6F6; border-bottom: 1px solid #EBEBEB;}

#map {float: right;}