html, body{margin: 0; padding: 0; font-family: Arial, sans-serif; font-size: 11px; background-color: #fff; color: #000;}

#keywordsId{display: none;}
#layoutId{width: 980px;	margin: 10px auto 0 auto;}

#topId{position: relative; height: 130px; background: url(../img/top.jpg) no-repeat;}
#menuId{position: relative; padding-left: 25px; height: 35px; background: url(../img/menustrip.gif) repeat-x;}
#mainId{width: 980px; background: url(../img/maintopstrip.gif) repeat-x;}
.content{float: left; width: 680px;}
#gallery{float: left; width: 300px; background: url(../img/galstrip.jpg) repeat-y;}
#bottomId{position: relative; height: 40px; padding: 22px 0 0 10px; font-family: "Trebuchet MS", sans-serif; font-size: 9px; color: #6f6f6f; background: url(../img/bottom.gif) repeat-x;}

#fa{padding: 100px 0 0 4px; float: left;position:absolute;}
#logoId{position: absolute; top: 11px; left: 11px; width: 82px; height: 82px; background: url(../img/logo_aquasaning.gif) no-repeat;}
#flashId{position: absolute; top: 28px; left: 100px; width: 382px; height: 65px;}
#rId{z-index:10000;position: absolute; top: 11px; left: 93px; width: 17px; height: 17px; background: url(../img/r.gif) no-repeat;}
#tempId{z-index:1000;position: absolute; top: 29px; left: 101px; width: 382px; height: 65px; background: url(../img/temp.jpg) no-repeat;}
#fa strong.heading,
#fa h2.heading{display: inline; float: left; margin: 0; font-family: "Trebuchet MS", sans-serif; font-size: 14px; color: #21238b;font-weight:normal;padding: 2px 0 0 10px;}
#fa span,
#fa h2{display: inline; float: left; margin: 0; padding: 2px 0 0 10px; font-family: "Trebuchet MS", sans-serif; font-size: 11px; font-weight: normal; color: #21238b;}

#domain{padding: 24px 0 0 0px;float:right;width:268px;}
#domain h2{margin: 0; line-height: 27px; padding-bottom: 10px; font-family: "Trebuchet MS", sans-serif; font-size: 18px; font-weight: normal; color: #471407;}

.menuSep{display: block; float: left; width: 2px; height: 35px; background: url(../img/menusep.gif) no-repeat;}
#menuId a{display: block; float: left; height: 27px; padding: 8px 7px 0 7px; font-family: Arial, sans-serif; font-size: 14px; font-weight: bold; text-decoration: none; color: #fff;}
#menuId a:hover{color: #ddd;}
#conthomeId{position: absolute; right: 0; width: 300px; height: 35px; background: url(../img/conthome.jpg) no-repeat;}
#conthomeId a{display: block; padding: 10px 0 0 15px; font-family: "Trebuchet MS", sans-serif; font-size: 12px;}
#conthomeId a:hover{text-decoration: underline;}

.content h1{text-align: center; margin: 0; padding-top: 20px; padding-bottom: 20px; font-family: "Impact", sans-serif; font-size: 24px; font-weight: normal; color: #b2b2c8;}
.content h2{text-align: center; margin: 0; padding-bottom: 20px; font-family: Arial, sans-serif; font-size: 18px; font-weight: normal; color: #72729c;}
.content h3{text-align: left; margin: 0; padding-bottom: 20px; font-family: "Trebuchet MS", sans-serif; font-size: 14px; font-weight: normal; color: #72729c;}
.picItem{float: left; width: 327px; margin-bottom: 10px; margin-left: 5px;}
.picItemFrame{border: 1px solid #8cb3f7; border-bottom: none;}
#home1Id{background: url(../img/home1.jpg) top no-repeat;}
#home2Id{background: url(../img/home2.jpg) top no-repeat;}
#home3Id{background: url(../img/home3.jpg) top no-repeat;}
#home4Id{background: url(../img/home4.jpg) top no-repeat;}
.picBottom{height: 90px; background: url(../img/picbottom.gif) no-repeat; margin-top: -80px; z-index: 0;}
.picBottom2{height: 31px; background: url(../img/picbottom2.gif) no-repeat; margin-top: -21px;}
.picBottomR{height: 59px; width: 1px; background: url(../img/picbottomR.gif) no-repeat; margin-top: -90px; float: left;}
.picBottomL{height: 59px; width: 1px; background: url(../img/picbottomR.gif) no-repeat; margin-top: -90px; float: right;}

.picItem h2.like-h3,
.picItem h3{display: block; margin: 0; padding: 75px 5px 10px 39px; font-family: Arial, sans-serif; font-size: 12px; color: #21238b; font-weight: bold; background: url(../img/mainunderline.gif) bottom no-repeat; text-align:left;}
ul{margin-top: 10px; margin-right: 20px; list-style-image: url(../img/li.gif);}
li{padding-bottom: 5px;}
.picItem a{color: #f00; z-index: 100;}
.picItem a:hover{text-decoration: none;}

.vytisk a{display: block; padding-top: 10px; padding-left: 24px; color: #008; font-weight: bold; font-size: 12px; height: 30px; background: url(../img/vytisk.gif) left no-repeat;}
.otaznik a{display: block; margin-top: 20px; padding-top: 10px; padding-left: 35px; color: #8d412c; font-weight: bold; font-size: 14px; height: 30px; background: url(../img/otaznik.gif) left no-repeat; border-top: 1px dotted #dda18c;}

#gallery img{cursor: pointer;}
#galtop{background: url(../img/galtop.jpg) top no-repeat;}
#galbottom{background: url(../img/galbottom.jpg) bottom no-repeat;}
#galP{padding-bottom: 50px;}
.galItem{float: left; padding-left: 15px; padding-top: 30px;}
.galItemFrame{padding: 2px; border: 1px dotted #fff;}
.galDesc{margin-top: 2px; padding: 8px; font-size: 9px; color: #ffae89; background-color: #95360a;}

#bottomId span{padding-left: 590px;}
#logoRaynetId a{position: absolute; top: 21px; right: 12px; width: 99px; height: 16px; background: url(../img/raynet.gif) no-repeat;}

#uvodId h4.err { color: #aa0000; }

.field { width: 200px; }

