/* * Base Style Sheet for www.regenerace-akupunktura.cz * version: screen.css, 2007/07 * (c) 2007, Ales Skotnica * Frenstat pod Rahostem, Czech Republic * tel.: +420 775 565 850, http://www.skotnica.eu */ /***************** Telo */ body {margin:0;padding:0px;background:#fff url(img/bg-body.png) repeat-x;font-family:sans-serif;font-size:95%;font-style:normal;font-weight:normal;line-height:1.3em;text-align:center;color:#000;} /***************** zakladni HTML */ q {font-style:italic;quotes:"„" "“" "‚" "‘";} q:before {content:open-quote;} q:after {content:close-quote;} form {margin:0;} img {border:0;} /***************** odkazy */ a, a:link, a:visited {color:#D33868;text-decoration:underline;background-color:transparent;} a:hover, a:focus {color:#FF0000;text-decoration:underline;background-color:transparent;} a:active {color:#FF0000;text-decoration:none;background-color:transparent;} a img, a:link img, a:visited img {border-style:none;background-color:transparent;text-decoration:none;} .linkout {padding-right:15px;background: url(img/link-out.gif) no-repeat right 50%; } /***************** nadpisy v obsahu stranky */ h2, h4 {color:#D33868;} h2 {font-size:150%;font-weight:normal;padding:5px 0 5px 16px;margin:0 0 15px 0; background: url(img/h2.png) no-repeat 0px 5px;} h3 {font-size:130%;color:#666;margin:5px 0 5px 0;padding:0 0 5px 0;font-weight:normal;border-bottom:solid 1px #F2C6D3;} h4 {font-size:120%;margin:5px 0 5px 0;font-weight:normal;} h5 {font-size:110%;margin:5px 0 5px 0;font-weight:bold;} h6 {font-size:100%;margin:5px 0 5px 0;font-weight:bold;} /***************** ruzne obecne tagy */ .nscr, .txt, .n {display:none;} hr, .clr {clear:both;display:none;} .clear {clear:both;} form {padding:0;margin:0;} .nmargin {margin:0;} .nborder {border:none;} .mar-bot20px {margin-bottom:20px;} sup {font-size:65%;} .imgill {border:solid 6px #FBCAE4;} /***************** box model */ #page {margin:15px auto 0 auto;width:876px;padding:0;background: url(img/bg-page.png) repeat-y;text-align:left;} #page-bt {width:100%;height:18px;margin:0;padding:0;background:url(img/bg-page-bottom.jpg) no-repeat;} #main {margin:0;padding:8px;background:url(img/bg-page-box.jpg) no-repeat;text-align:left;position:relative;} #main-box {width:100%;overflow:hidden;position:relative;padding:185px 0 0 0;} #logo {display:block;position:absolute;top:32px;left:29px;width:496px;height:80px;font-size:120%;font-weight:bold;margin:0;padding:0;} #logo a {display:block;float:left;position:relative;width:496px;height:80px;} #logo a span {display:block;position:absolute;width:496px;height:80px;top:0;left:0;background:url(img/h1-logo.jpg) no-repeat;cursor:pointer;} /***************** topmenu */ .topmenu {width:100%;position:absolute;left:0;top:137px;z-index:100;} .topmenu ul {width:100%;margin:0;padding:0;position:relative;} .topmenu a {text-decoration:none;display:block;width:100%;} .topmenu li {list-style-type:none;margin:0;padding:0;} ul.level1 li.item1 {position:absolute;display:block;top:0;height:42px;font-size:85%;} ul.level1 li.item1 a {display:block;width:100%;height:42px;line-height:1em;position:relative;} ul.level1 .item1 a span {display:block;height:42px;margin:0;padding:0;position:absolute;background: url(img/topmenu.jpg) no-repeat 0px 0px;top:0;left:0;cursor:pointer;} ul.level2 {position:absolute;top:42px;left:0px;display:none;width:345px;margin:0;padding:11px 0 0 0;background: url(img/tsm-top.gif) no-repeat top;} ul.level1 li.item2, ul.level1 li.item2 a, ul.level1 li.item2 a span {margin:0;float:none;background:transparent;overflow:hidden;position:relative;width:345px;padding:0;width:auto;height:auto;border:none;} ul.level1 li.item2 {display:block;margin:0;float:left;clear:left;padding:0;background-color:#DA497B;overflow:hidden;} ul.level1 li.item2 a, ul.level1 li.item2 a:link, ul.level1 li.item2 a:visited, ul.level1 li.item2 a:active {display:block;margin:0;padding:0;float:none;width:345px;overflow:hidden;background:#DA497B url(img/tsm-li-a.gif) no-repeat 0px 50%;text-decoration:none;color:#fff;font-weight:normal;font-size:95%;line-height:1em;} * html ul.level1 li.item2 a {width:auto;} ul.level1 li.item2 a:hover {background-color:#BC2955;background-position:-345px 50%;} ul.level1 li.item2 a span {margin:0;padding:6px 36px 6px 18px;} ul.level1 li.tmend {padding:0 0 6px 0;background:transparent url(img/tsm-bottom.gif) no-repeat bottom; } * html ul.level1 li.item1 { behavior: url(/hovermenu.htc); } ul.level1 li.tm1Hover span, ul.level1 li.tm1:hover span {background-position: -400px 0px;} ul.level1 li.tm2Hover span, ul.level1 li.tm2:hover span {background-position: -400px -42px;} ul.level1 li.item1Hover ul.level2, ul.level1 li.item1:hover ul.level2 {display:block;} ul.level1 .tm1 {left:20px;} ul.level1 .tm1, ul.level1 .tm1 a span {width:143px;} ul.level1 .tm1 a span {background-position: 0px 0px;} ul.level1 .tm1 a:hover span {background-position: -200px 0px;} ul.level1 .tm2 {left:173px;} ul.level1 .tm2, ul.level1 .tm2 a span {width:160px;} ul.level1 .tm2 a span {background-position: 0px -42px;} ul.level1 .tm2 a:hover span {background-position: -200px -42px;} ul.level1 .tm3 {left:343px;} ul.level1 .tm3, ul.level1 .tm3 a span {width:138px;} ul.level1 .tm3 a span {background-position: 0px -84px;} ul.level1 .tm3 a:hover span {background-position: -200px -84px;} ul.level1 .tm4 {left:703px;} ul.level1 .tm4, ul.level1 .tm4 a span {width:138px;} ul.level1 .tm4 a span {background-position: 0px -126px;} ul.level1 .tm4 a:hover span {background-position: -200px -126px;} ul.level1 li.tm1Hover span {background-position: -400px 0px;} ul.level1 li.tm2Hover span {background-position: -400px -42px;} /***************** odkazy na home a kontakty */ .top-navi {display:block;position:absolute;top:0px;left:680px;width:69px;height:26px;margin:0;padding:0;} .top-h, .top-c {display:block;float:left;width:33px;height:26px;background: url(img/top-navi.gif) no-repeat 0px 0px;margin:0;padding:0} .top-c {margin-left:3px;background-position:0px -26px;} .top-h span, .top-c span {display:none;} .top-h:hover {background-position:-33px 0px;} .top-c:hover {background-position:-33px -26px;} /***************** obsahova cast stranky */ #content {padding:0 25px 25px 25px;min-height:300px;height:auto;} * html #content {height:300px;} #content-box {width:100%;overflow:hidden;position:relative;} .content-top {margin:5px 300px 0 0;padding:0;} .content-top big {font-size:120%;font-weight:normal;color:#666;} /***************** opata stranky */ #foother {padding:0 25px;} #foother-box {overflow:hidden;width:100%;border-top:solid 1px #D33868;padding:15px 0 0 0;margin:0;} #foother-left {float:left;width:540px;} #foother-left p {margin:0 0 10px 0;padding:0;line-height:1em;font-size:80%;color:#D33868;} #copy {float:right;width:260px;margin:0 0 10px 0;padding:0;line-height:1em;font-size:80%;color:#D33868;text-align:right;} /***************** pathnavigator */ #path {line-height:1.4em;margin:0;padding:15px 0 25px 0;font-size:70%;color:#666;} #path strong {color:#666;} #path a, #path a:link, #path a:visited, #path a:active {color:#666;text-decoration:underline;} #path a:hover {color:#f00;text-decoration:underline;} #path .pthome a {padding-left:17px;background:url(img/path-home.gif) no-repeat 0 50%;} #path .ptarr {padding:0 8px; background: url(img/path-arr.gif) no-repeat 50% 50%;} #path .ptarr span {display:none;} /***************** box pro 2 sloupce */ .row2 {width:100%;overflow:hidden;background: url(img/dot-vertical.gif) repeat-y 50% top;margin-bottom:20px;} .row2-left {display:block;width:48%;float:left;} .row2-right {display:block;width:48%;float:right;} /***************** box pro 2 sloupce - pravy uzsi */ .row2fl {width:100%;overflow:hidden;} .row2fl-left { width:570px;float:left; } .row2fl-right { width:200px;float:right;margin:40px 0 0 0; } .rnav h2 {display:block;width:200px;height:52px;margin:0;padding:0;font-size:100%;font-weight:bold;background:transparent;position:relative;} .rnav h2 span {display:block;position:absolute;top:0;left:0;width:200px;height:52px;margin:0;padding:0;background: url(img/h2-other-service.jpg) no-repeat;} .rnav ul {margin:0;padding:0;list-style:none;} .rnav li {display:block;font-size:85%;line-height:1.2em;} .rnav li a, .rnav li a:link, .rnav li a:visited {display:block;padding:7px 5px 7px 25px; background: #fff url(img/bg-rnav-li.gif) no-repeat 0px 7px;text-decoration:none;color:#D33868} * html .rnav li a {width:100%;} .rnav li a:hover {background: #FBECF1 url(img/bg-rnav-li.gif) no-repeat -300px 7px;text-decoration:none;color:#D33868} .rnav li a span {padding:0;} li.ractive a, li.ractive a:link, li.ractive a:visited {background: #fff url(img/bg-rnav-li.gif) no-repeat -300px 7px;font-weight:bold;color:#666;} li.ractive a:hover {background: #FBECF1 url(img/bg-rnav-li.gif) no-repeat -300px 7px;color:#666;} .o-time {display:block;position:absolute;top:70px;right:0;width:200px;} .o-time h3 {display:block;position:relative;margin:0 0 15px 0;padding:0lwidth:200px;height:52px;font-size:100%;font-weight:bold;background:transparent;border:0;} .o-time h3 span {display:block;position:absolute;top:0;left:0;width:200px;height:52px;margin:0;padding:0;background: url(img/h2-o-time.jpg) no-repeat;} .o-time table {width:200px;margin:0;padding:0;} .o-time th, .o-time td {vertical-align:top;padding:0 0 5px 0;background: url(img/dot-horizontal.gif) repeat-x left bottom;line-height:1.2em;font-size:85%;text-align:left} .o-time th {color:#D33868;width:50px;} * html .o-time th, * html .o-time td {font-size:80%;} /***************** tabulka pro cenik */ .tblPrice {margin-bottom:40px;} .tblPrice th {font-weight:normal;text-align:left; background: url(img/dot-horizontal.gif) repeat-x left bottom;line-height:1.2em;} * html .tblPrice th {font-size:95%;} .tblPrice th small {font-size:75%;} .tblPrice td { background: url(img/dot-horizontal.gif) repeat-x left bottom;line-height:1.2em;} /***************** sluzby v boxech */ .svs-list { width:100%;overflow:hidden;margin:20px 0;} .svs-item {display:block;width:140px;height:160px;float:left;margin:0 24px 21px 0;padding:0;overflow:hidden; background: url(img/bg-svs-item.jpg) no-repeat;} .svs-item h4 {font-size:100%;font-weight:bold;text-align:center;margin:10px 0;padding:0 10px;height:60px;} .svs-item p {font-size:75%;text-align:center;margin:10px 0;padding:0 10px;line-height:1.1em;color:#DC5F81;} /***************** kontakty - upoutavka */ .linkmap {position:absolute;top:20px;right:0;width:200px;height:90px;overflow:hidden; background: url(img/map-link.gif) no-repeat;} .linkmap h2 {position:relative;display:block;width:112px;height:19px;font-size:85%;font-weight:bold;line-height:1em;background:transparent;margin:7px 0 0 7px;padding:0;} .linkmap h2 span {position:absolute;top:0;left:0;display:block;width:112px;height:19px; background: url(img/map-link-h2.gif) no-repeat;} .linkmap p {font-size:85%;margin:0;padding:4px 7px 3px 7px;line-height:1.2em;color:#D33868;} .linkmapmore {text-align:right;} /***************** counters */ #counters {margin:5px auto;padding:0;width:806px;text-align:right;font-size:75%;color:#999;line-height:1.2em;} #counters p {margin:0;padding:0 0 15px 0;} #counters a, #counters a:link, #counters a:visited, #counters a:active {color:#999;} #counters a:hover {color:#D33868;} /***************** boxy na home */ .home-box1, .home-box2, .home-box3 {display:block;float:left;width:255px;height:173px;margin:30px 0 20px 0;padding:0;} .home-box1 {background: url(img/home-box1.jpg) no-repeat;margin-right:15px;} .home-box2 {background: url(img/home-box2.jpg) no-repeat;margin-right:15px;} .home-box3 {background: url(img/home-box3.jpg) no-repeat;} .home-box1 h2, .home-box2 h2, .home-box3 h2 {margin:12px 0 0 11px;padding:0;background:transparent;font-size:110%;font-weight:bold;width:235px;height:50px;} .home-box1 h2 a, .home-box2 h2 a, .home-box3 h2 a {display:block;float:left;margin:0;padding:0;background:transparent;position:relative;width:235px;height:50px;} .home-box1 h2 a span, .home-box2 h2 a span, .home-box3 h2 a span {position:absolute;top:0;left:0;width:235px;height:50px;cursor:pointer;} .home-box1 h2 a span {background: url(img/home-box1-h2.jpg) no-repeat;} .home-box2 h2 a span {background: url(img/home-box2-h2.jpg) no-repeat;} .home-box3 h2 a span {background: url(img/home-box3-h2.jpg) no-repeat;} .home-box1 p, .home-box2 p, .home-box3 p {margin:7px 11px;} .home-box1-p, .home-box2-p, .home-box3-p {text-align:right;} /***************** ruznodsazeni */ .marg-t20 {margin-top:20px;} .padd-t20 {padding-top:20px;} .marg-r60 {margin-right:60px;} .marg-r0 {margin-right:0px;} /***************** mapa */ #mainMap {margin:10px 0 60px 0;width:800px;height:400px; }