/* OBECNE.CSS */ * {margin: 0; padding: 0;} img, a img {border: none} body {text-align: center; background: #373535 url("../img/background.jpg") top center no-repeat; font-family: "Arial", sans-serif; color: #373535} #horni {width: 100%} .telo {width: 998px; margin: auto; } #zahlavi {height: 40px; color: #ffffff; font: normal 12px Arial, sans-serif; background: url("../img/zahlavi.jpg") bottom center no-repeat; _margin-bottom: -1px} #vzahlavi {float: right; margin: 18px 50px 0 0/*18px 0 0 698px*/; _margin-right: 25px} #vzahlavi a {color: #ffffff; text-decoration: none} #vzahlavi a:hover {text-decoration: underline;} #hlavicka {margin-left: 28px; width: 944px; height: 126px; background: #ffffff url("../img/hlavicka.jpg") top center no-repeat; _margin-left: 0px; *margin-left: 0px; _overflow: hidden} #logo {float: left; margin: 20px 0 0 60px; _margin-left: 30px; height: 124px} /* Menu */ #horni-menu {float: right; width: 680px; height: 120px; margin: 0 12px 0 0; text-align: right; _margin-right: 6px} #horni-menu ul {float: right; height: 120px; display: block; list-style: none; border-left: 1px solid #cccccc;} #horni-menu ul li {float: left; font: normal 24px/110px Trebuchet MS, Arial, sans-serif; height: 120px; border-right: 1px solid #cccccc;} #horni-menu ul li#sluzby {background: url("../img/horni-sluzby.gif") bottom left repeat-x;} #horni-menu ul li#reseni {background: url("../img/horni-reseni.gif") bottom left repeat-x;} #horni-menu ul li#expres {background: url("../img/horni-expres.gif") bottom left repeat-x;} #horni-menu ul li#levne {background: url("../img/horni-levne.gif") bottom left repeat-x;} #horni-menu ul li#reference {background: url("../img/horni-reference.gif") bottom left repeat-x;} #horni-menu ul li#kontakt {background: url("../img/horni-kontakt.gif") bottom left repeat-x;} #horni-menu ul li a {color: #7f7f7f; display: block; text-decoration: none; float: left; padding: 0px 10px; border: none} #horni-menu ul li a:hover {color: #ffffff;} #horni-menu ul li#sluzby a:hover {background-color: #9b0202;} #horni-menu ul li#reseni a:hover {background-color: #f16305;} #horni-menu ul li#expres a:hover {background-color: #ecc904;} #horni-menu ul li#levne a:hover {background-color: #00c00e;} #horni-menu ul li#reference a:hover {background-color: #037ade;} #horni-menu ul li#kontakt a:hover {background-color: #a703a9;} #nadpole {width: 100%; height: 14px; background: url("../img/nadpole.jpg") bottom center no-repeat; margin-top: 5px} #hlavni-pole {background: url("../img/hlavni-pole.png") top center repeat-y; width: 100%; text-align: left; _background: #ffffff url("../ig/hlavni-pole.png"); _width: 920px} #drobky, #zapati {margin: 10px 0 0 50px; width: 900px; height: 41px; color: #ffffff; font-size: 13px; _margin-left: 5px} #drobky {float: left; background: #5b5959 url("../img/drobky.jpg") top left no-repeat;} #zapati {clear: both; padding-top: 10px; background: url("../img/drobky.jpg") bottom left no-repeat;} #drobecky {margin: 13px 0 0 30px; } #drobecky img {margin: 0px 10px; } #drobecky a {color: #ffffff; text-decoration: none} #drobecky a:hover {text-decoration: underline;} #obsah {width: 630px; margin: 10px 0 0 50px; background-color: #ffffff; float: left; min-height:556px; _margin-left: 5px} #text {margin-left: 30px} h1 {margin: 20px 0 15px 0px; font-family: "Arial", sans-serif; color: #9b0202} /*h2 {margin: 25px 0 20px 0px; font-family: "Arial", sans-serif; font-size: 20px; color: #9b0202}*/ h2 {margin: 25px 0 5px 0px; font-family: "Arial"; font-size: 15px; color: #9b0202; } h3 {margin: 0px 0 35px 0px; font-family: "Arial"; font-size: 13px; color: #9b0202} /*h3.uvnitr {margin: 20px 0 5px 0px;}*/ /*h1.webdesign, h2.webdesign, h3.webdesign {color: #9b0202} h3.sluzby {margin: 25px 0 5px 30px}*/ p {text-indent: 0px; font-size: 13px; text-align: justify; line-height: 1.6em; margin-top: 15px} #text p span {font-size: 11px; line-height: 10px} .dobry-napad {text-indent: 0px; font-size: 13px; text-align: justify; line-height: 1.6em; margin-top: 15px; padding: 10px 10px 10px 55px; border: 1px solid #037ade; background: #e5f1fc url("../img/zarovka.gif") 13px 32px no-repeat;} .dobry-napad strong {color:#037ade;} .mezera20 {clear: both; height: 20px} .uspesne-odeslano {background-color: #00c00e; border: 1px solid #ccf2cf; padding: 10px; width: 100%; min-height: 50px} ul.webdesign, #text ul {font-size: 13px; margin: 10px 0 10px 30px; list-style: url("../img/li-webdesign3.gif");} ul.webdesign li, #text ul li {line-height: 1.7em} #menu {width: 234px; height: 556px; float: right; margin: 10px 50px 0 0px; border-left: 1px solid #dddddd; background: #ffffff url("../img/menu.gif") top right no-repeat; _margin-right: 5px} #menu ul {float: left; display: block; list-style: none; margin: 10px 0 0 0;} #menu ul li {font: normal 13px/20px Arial, sans-serif; height: 20px; width: 216px; _margin-top: -3px; *margin-top: -3px} #menu ul li a {color: #373535; display: block; text-decoration: none; float: left; padding: 0px; border: none; width: 180px; padding-left: 36px; _width: 216px;} div.webdesign, div.grafika {width: 216px; height: 156px} div.webdesign:hover {background-color: #ebcccc;} .webdesign ul li a {background: url("../img/li-webdesign.gif") bottom left no-repeat;} #menu ul li.webdesign a, #menu .webdesign ul li a:hover {background: #9b0202 url("../img/li-hover.gif") bottom left no-repeat; color: #ffffff;} div.grafika:hover {background-color: #fce0cd;} .grafika ul li a {background: url("../img/li-grafika.gif") bottom left no-repeat;} #menu ul li.grafika a, #menu .grafika ul li a:hover {background: #f16305 url("../img/li-hover.gif") bottom left no-repeat; color: #ffffff;} div.expres {width: 216px; height: 56px} div.expres:hover {background-color: #fbf4cd;} .expres ul li a {background: url("../img/li-expres.gif") bottom left no-repeat;} #menu ul li.expres a, #menu .expres ul li a:hover {background: #ecc904 url("../img/li-hover.gif") bottom left no-repeat; color: #ffffff;} div.levne {width: 216px; height: 56px} div.levne:hover {background-color: #ccf2cf;} .levne ul li a {background: url("../img/li-levne.gif") bottom left no-repeat;} #menu ul li.levne a, #menu .levne ul li a:hover {background: #00c00e url("../img/li-hover.gif") bottom left no-repeat; color: #ffffff;} div.reference {width: 216px; height: 76px} div.reference:hover {background-color: #cde4f8;} .reference ul li a {background: url("../img/li-reference.gif") bottom left no-repeat;} #menu ul li.reference a, #menu .reference ul li a:hover {background: #037ade url("../img/li-hover.gif") bottom left no-repeat; color: #ffffff;} div.kontakt {width: 216px; height: 56px} div.kontakt:hover {background-color: #edcdee;} .kontakt ul li a {background: url("../img/li-kontakt.gif") bottom left no-repeat;} #menu ul li.kontakt a, #menu .kontakt ul li a:hover {background: #a703a9 url("../img/li-hover.gif") bottom left no-repeat; color: #ffffff;} a.webdesign, a {color: #9b0202} #text a:hover {text-decoration: none;} #cena {width: 234px; height: 300px; color: #ffffff; float: right; margin: 20px 0px 0 0; _margin-right: 5px} .hodnota {margin: 70px 18px 0 0; text-align: right;} .poznamka {margin: 10px 10px 10px 0px;text-indent: 10px; text-align: justify} .hodnota-webove-stranky {margin: 0px 18px 0 0; text-align: right;} .hodnotka-webove-stranky {margin: 15px 0px 0 16px; text-align: left; font-size: 12px} #cena-graficky-navrh {width: 234px; height: 190px; background: #3c3c3c url("../img/cena/graficky-navrh.jpg") top left no-repeat; float: left} #cena-webove-stranky {width: 234px; height: 360px; background: #3c3c3c url("../img/cena/webove-stranky.jpg") top left no-repeat; float: left} #cena-logo {width: 234px; height: 140px; background: #3c3c3c url("../img/cena/logo.jpg") top left no-repeat; float: left} #cena-kalendar {width: 234px; background: #3c3c3c url("../img/cena/kalendar.jpg") top left no-repeat; float: left} #cena-analyzy {width: 234px; background: #3c3c3c url("../img/cena/analyzy.jpg") top left no-repeat; float: left} #text span {line-height: 1.7em; font-size: 13px} object {border: 1px solid #000000} .nahledy/*, .nahledy2*/ {margin: 10px 0 20px 0; font-size: 12px; line-height: 1.5em; } .nahledy {height: 170px; border-bottom: 1px #dddddd solid;} /*.nahledy2 {height: 250px} .nahledy h3 {margin: 0px 0 5px 2px; font-size: 14px} .nahledy2 h3 {margin: 0} .nahledy ul {margin: 10px 0; list-style: url('../img/li-webdesign2.gif'); } .nahledy span {margin-left: -15px; font-weight: bold}*/ .obrazky {width: 600px; float: left; margin-top: 20px} .nahled {margin-right: 5px; padding: 3px; border: 1px #cccccc solid; float: left} .nahled2 {visibility: hidden; width: 0;height: 0; _border: 1px #cccccc solid; _display: none; _float: left; _margin-right: 5px; _padding: 3px;} .obrazky2 {margin-top: 0px; overflow: visible; height: 640px; width: 600px; margin-bottom: 30px; float: left} .nahled {margin: 6px 12px 6px 0} /*.reference-navigace, .reference-sluzby {width: 600px; height: 18px; font-size: 13px; float: left; padding: 7px; clear: both}*/ .navigace-dole {width: 586px; _width: 600px; height: 22px; font-size: 13px; float: left; padding: 7px; clear: both; margin: 45px 0 20px 0; margin-bottom: 60px;color: #000000; border-top: 1px #cccccc solid; border-bottom: 1px #cccccc solid;} .navigace-dole span {font-weight: bold; margin-right: 10px} /*.reference-sluzby {margin: 10px 0; color: #7f7f7f; border-top: 1px #7f7f7f solid; border-bottom: 1px #7f7f7f solid;}*/ .padesat {width: 50%; float: left} table {font-size: 12px; border-collapse: collapse} th, td {padding: 4px 8px 4px 0} th {color: #ffffff; background-color: #9b0202} td {border-bottom: 1px solid #9b0202} #menu table, #menu h3, #menu .poznamka {_margin-left: 5px} /*td:first-child {min-width: 180px;}*/ table#table-form td {font-size: 13px; padding: 5px; border-bottom: none} table#table-form td:first-child {min-width: 120px;} table#table-form td input {width: 450px; height: 20px} table#table-form td textarea {width: 450px; height: 150px} table#table-form td input, table#table-form td textarea {background: #ffffff url("../img/input.jpg") top left repeat-x; border: 1px solid #7f7f7f} table#table-form td input.antispam {width: 50px;} table#table-form td input.odeslat {width: 80px; background: #9b0202; color: #ffffff; border: none; height: 22px} .poznamka {font-size: 11px} #zapati {_margin: 10px 0 0 10px; } #zapaticko {padding-top: 13px; text-align: left; _float:left; _padding: 0px 0 0 10px; margin-left: 30px; _margin: 2px 0 0 25px;} #zapaticko a {color: #ffffff;} #zapaticko a:hover {text-decoration: none;} #nahoru {position: relative; top: -50px; left: 835px; width: 50px; height: 50px; _display: none} #nahoru ul li a {display: block; text-decoration: none; border: none; width: 50px; height: 50px; text-align: center; background: url("../img/nahoru.gif") top left no-repeat; font-size: 10px; font-weight: bold} #nahoru ul li a:hover {text-decoration: underline;} #nahore {position: absolute; top: 0; left: 0} #visacka {width: 40px; height: 40px; position: relative; top: -132px; left: 908px; _display: none} #visacka ul {float: left; display: block; list-style: none;} #visacka ul li, #nahoru ul li {height: 40px; width: 40px; list-style: none} #visacka ul li a {display: block; text-decoration: none; border: none; width: 40px; height: 40px; background: url("../img/visacka.jpg") top left no-repeat; } #visacka ul li a:hover {background: url("../img/visacka-hover.jpg") top left no-repeat; } .pagerank {color: #ffffff; font-size: 10px} .pagerank:hover {text-decoration: none;}