h1,h2,h3,h4,h5,ul,ol,li,a,p,div,form,fieldset,body,html,img{padding: 0px;margin: 0px; border:0 none;} /* 1)obecne nastaveni 2)hlavni struktura divu 3)Hlavicka 4)right 5)left */ /* 1)obecne nastaveni */ .reset{clear: both; margin: 0px; padding: 0px; line-height: 0px; overflow: hidden; height: 0px; width: 99%; font-size: 0px;} a{color: #FFFFFF; text-decoration: none;} a:hover{text-decoration: underline;} /*zakladni stavebni prvky*/ html{background:#029DE3 url(../img/gradient.png) repeat-x top;} body{text-align: center;font-family: Arial, Helvetica, sans-serif;font-size: 62.5%; color: #FFFFFF;background: url(../img/srdce2.jpg) no-repeat center top;} /* 2)hlavni struktura divu */ #page{width: 950px; margin: auto; position: relative; text-align: left; min-height: 630px;_height: 630px;padding-bottom: 80px;} #head{height: 83px; position: relative;width: 950px; margin-bottom: 27px; background: url(../img/dottedHead.gif) repeat-x bottom;} #hp{ width: 950px;} #left{width: 483px; float: left; padding:19px 0 0px 7px; position: relative;_height: 611px;} #right,#rightK{float: left; width: 460px; padding-top: 30px;} #rightK{padding-top: 30px; width: 455px;} #foot{height: 77px; width: 100%;position: fixed; left: 4px; bottom: 0px; text-align: center;} #foot-in{width: 942px; background: url(../img/foot.png) no-repeat center top; height: 55px; margin: auto; text-align: center; font-size: 110%; line-height: 190%; padding-top: 22px; position: relative; z-index: 1000;} #foot-in span{padding: 0 5px 0 5px; color: #01A5E7;} /* 3)Hlavicka */ #head{} #head h1{position: absolute; left: 0px; top: 35px; background: #D0DEE9; color: White; width: 264px; height: 29px; font-size: 18px;} #head h1 span{width: 264px; height: 29px;position: absolute; left: 0px; top: 0px; background: url(../img/logo.png) no-repeat left top;} #phc{display: block; width: 150px; height: 34px; position: absolute; right: 1px; bottom: 15px;} /* 4)right */ #right{} #right h2{position: relative;width: 420px; height: 126px; font-size: 30px; margin-bottom: 12px;} #right h2 span{display: block;position: absolute;width: 420px; height: 126px; left: 0px; top: 27px; background: url(../img/duvody.png) no-repeat left top; text-indent: -1000em;} #right ol{list-style: none; width: 460px;} #right ol li{width: 460px; background: url(../img/dotted.gif) repeat-x bottom; min-height: 48px; padding:4px 0 6px 0;} #right ol li ul li{width: auto; background-image: none; min-height: 0px; padding: 0px;} #right ol li h3{width: 460px; height: 48px; position: relative;} #right ol li h3 span{position: absolute;left: 0px; top: 0px; display: block;width: 460px; height: 48px; text-indent: -1000em; cursor: pointer;} #right ol li#li1 h3 span{background: url(../img/duvod1.png) no-repeat left top;} #right ol li#li1 h3.hover span{background: url(../img/duvod11.png) no-repeat left top;} #right ol li#li2 h3 span{background: url(../img/duvod2.png) no-repeat left top;} #right ol li#li2 h3.hover span{background: url(../img/duvod21.png) no-repeat left top;} #right ol li#li3 h3 span{background: url(../img/duvod3.png) no-repeat left top;} #right ol li#li3 h3.hover span{background: url(../img/duvod31.png) no-repeat left top;} #right ol li#li4 h3 span{background: url(../img/duvod4.png) no-repeat left top;} #right ol li#li4 h3.hover span{background: url(../img/duvod41.png) no-repeat left top;} #right ol li#li5 h3 span{background: url(../img/duvod5.png) no-repeat left top;} #right ol li#li5 h3.hover span{background: url(../img/duvod51.png) no-repeat left top;} #right ol li div{font-size: 140%; padding:0 23px 10px 52px;} #right ol li div p{margin-bottom: 14px;} #right ol li div p.nomar{margin-bottom: 0px;} #right ol li div span{color: #ed1c24;} .red{color: #ed1c24;} /*p.alo:first-letter {color: #ed1c24;}*/ #right ol li div ul{list-style: none;margin-bottom: 14px;} #right ol li div ul li{padding-left: 81px; background: url(../img/bullet.png) no-repeat 71px 6px;} #right ol li div img.mar{display: block; margin-bottom: 14px;} #right p#info{line-height: 24px; text-align: right; font-size: 11px;} #right p#info img{position: relative; top: 8px;} #rightK{ font-size: 140%;} #rightK h2{position: relative;margin-bottom: 40px; font-size: 28px;height: 42px; width: 184px;} #rightK h2 span{position: absolute;left: 0px; top: 27px; display: block;height: 48px; width: 212px; background: url(../img/kontakt.png) no-repeat left top; text-indent: -1000em;} #rightK h3{position: relative; margin-bottom: 8px; font-size: 18px; font-weight: normal;} #rightK h3 span{position: absolute;left: 0px; top: 0px; display: block;text-indent: -1000em;} #rightK h3#k1{width: 433px; height: 26px;} #rightK h3#k1 span{width: 433px; height: 26px; background: url(../img/kontakt1.png) no-repeat left top;} #rightK h3#k2{width: 80px; height: 22px;} #rightK h3#k2 span{width: 80px; height: 22px; background: url(../img/kontakt2.png) no-repeat left top;} #rightK h3#k3{width: 137px; height: 21px;} #rightK h3#k3 span{width: 137px; height: 21px; background: url(../img/kontakt3.png) no-repeat left top;} #add2,#add1{padding-bottom: 12px;background: url(../img/dotted.gif) repeat-x bottom; margin-bottom: 12px; position: relative;} #rightK address{font-style: normal; line-height: 125%; } /*#rightK #add1 address{ background: url(../img/phc.png) no-repeat 242px 17px;} #rightK #add2 address{ background: url(../img/sinclair.png) no-repeat 250px 15px;}*/ #rightK #add1 img{position: absolute; left: 242px; top: 17px;} #rightK #add2 img{position: absolute; left: 290px; top: 0px;} #rightK address a,#rightK ul a{font-weight: bold; text-decoration: underline;} #rightK address a:hover,#rightK ul a:hover{text-decoration: none;} /*#rightK ul{list-style: none;}*/ /* 4)left */ #left{} #left h1{ width: 397px; height: 174px; position: relative;} #left h1 span{position: absolute;left: 0px; top: 0px;display: block;width: 397px; height: 174px; background: url(../img/h1.png) no-repeat left top; text-indent: -1000em;} #left a{display: block; width: 320px; height: 90px;position: absolute;left: 7px; top: 19px;text-indent: -1000em;} #left #ustvod{position: absolute; top: 165px; left: 15px;} #left #gel{position: absolute; top: 468px; left: 115px;} #left a#koupit{display: block; width: 208px; height: 75px;position: absolute; top: 332px; left: 251px; text-indent: 0px;} #left span#zadejte{display: block; width: 256px; height: 75px;position: absolute; top: 332px; left: 221px; text-indent: 0px;} /* #left span#vzorek{display: block; width: 245px; height: 60px; position: absolute; top: 232px; left: 192px; text-indent: 0px; padding-left: 28px; padding-top: 15px; background: url(../img/btn_pro_kod_vyrobku.png); } #left span#vzorektext{display: block; width: 245px; height: 60px; position: absolute; top: 232px; left: 192px; text-indent: 0px; padding-left: 28px; padding-top: 15px; } #left img{display: block;} */ span#vzorek2{display: block; width: 245px; height: 60px; text-indent: 0px; position:relative; left: 80px; top: 20px; padding-left: 28px; padding-top: 15px; background: url(../img/btn_pro_kod_vyrobku.png); } #left div{font-size: 140%;color: white;text-align: center;font-weight: bold; height: 39px; line-height: 38px; display: none; filter: alpha(opacity=80); -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; opacity: 0.80; } #ustvodDIV{ position: absolute; left: 40px; top: 410px; width: 300px; background: url(../img/ustvodDIV.png) no-repeat left top;} #gelDIV{ position: absolute; left: 295px; top: 500px; width: 225px; background: url(../img/gelDIV.png) no-repeat left top;} .avoda {padding-left: 130px;} .error {color:#FF0000;} ul.errors { margin:0 20px 20px 20px;}