/*---------- GENERAL ----------------*/
body {margin: 0px; padding: 0px; font-family: Trebuchet MS, Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px; color: #666666; background-color: #fff;background-image:url(../cssImages/bodyBg.jpg); background-repeat: repeat-x;}
a, .href {color: #0099FF; text-decoration:none; font-weight:bold; cursor:pointer; cursor:hand;}
a:hover, .href:hover {color: #CC0000;}
img {border:none;}
.fc {clear:both; font-size:0px; line-height:0px;}
p {margin: 10px 0px 10px 0px; padding:0px;}
ul, li {margin:0px; padding:0px;}
ul { list-style-type:none;}
.red {color:#CC0000;}
.normal {font-weight:normal;}
i { display:block;margin-top:6px;}
strong {color:#000000;}

h1,h2,h3,h4,h5 {margin:0px; padding:0px; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; color:#000;}
h2{ font-size:15px; line-height:20px; color:#fff; font-weight:bold; margin-bottom:1px;}
h3 {font-size:14px; line-height:22px; font-weight:bold; margin-top:10px; margin-bottom:0px;}
h4 {font-size:12px; line-height:20px;}


/*---------- LAYOUT ----------------*/
div#conteiner {position: relative; width: 920px; margin: 0px auto; text-align: left;}
#logo {width:380px; height:100px; position:relative; left:18px; top:45px; z-index:10;}
#logo a {background-image:url(../cssImages/stranky-jednoduse.gif); background-repeat:no-repeat; width:380px; height:90px; display:block; text-decoration:none;}
#logo a span {visibility:hidden; overflow:hidden; width:380px; height:90px; display:block;}
#slogan {position:absolute; left:386px; top:51px; color:#999999; display:none;}

#footer {clear:both; width:920px; padding-top:10px; font-size:11px; color:#999999; text-align:center;}

.fc {clear:both; font-size:0px; line-height:0px;}

#main {height:220px; width:900px; position:relative; left:10px; top:10px; background-image:url(../cssImages/mainBg.jpg); background-position:620px 25px; background-repeat:no-repeat;}
#vyzkouset {height:310px; width:590px; background-image:url(../cssImages/vyzkousetBg.jpg); position:absolute; top:-90px;}
#vyzkousetText {position:absolute; left:52px; top:60px; color: #666666; width:320px; display:none;}
#vyzkousetText span {font-size:15px; display:block; margin-bottom:6px; font-weight:bold;}
#vyzkousetButton {position:absolute; left:21px; top:200px; background-image: url(../cssImages/vyzkouset.jpg); width:234px; height:54px; cursor:pointer; cursor:hand;}
#vyzkousetButton:hover { background-position:0px 54px;}
#vyzkousetButton span {visibility:hidden;}
#startButton {position:absolute; left:320px; top:190px; width:110px; height:110px; cursor:pointer; cursor:hand;}
#startButton span {visibility:hidden;}
#standardButton {position:absolute; left:440px; top:170px; width:130px; height:130px; cursor:pointer; cursor:hand;}
#standardButton span {visibility:hidden;}
#videopruvodce {height:185px; width:235px; background-image:url(../cssImages/videopruvodce.jpg); position:absolute; left:665px; top:10px; cursor:pointer; cursor:hand;}
#videopruvodce:hover { background-position:235px 0px;}
#bottom {margin-top:30px; background-image:url(../cssImages/bottomBg.jpg); background-repeat: no-repeat;}
#bottomObjednavka {margin-top:50px; background-image:url(../cssImages/bottomBg.jpg); background-repeat: no-repeat; padding:30px;}
#bottomObjednavka form {margin-top:30px;}
#bottomObjednavka form .popis {margin: 20px 0px 7px 0px;}

.hidden { display:none;}

input, select {font-family: Trebuchet MS, Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; padding:2px;}

#slideshow { width:900px; height:250px; position:relative; left:10px; top:30px;}
.slides-nav { height:35px; position:absolute; left:15px; z-index:100;}
.slides-nav li { width:160px; height:35px; background-image: url(../cssImages/bookmark.jpg); float:left; cursor:pointer; cursor:hand; text-align:center; font-weight:bold;}
.slides-nav li a {position:relative; top:14px; text-decoration:underline;}
.slides-nav li.on, .slides-nav li:hover {background-image: url(../cssImages/bookmarkActive.jpg)}
.slides-nav li.on a, .slides-nav li:hover a {color: #FF6600; text-decoration:none;}
.slides {position:absolute; left:2px; top:60px; width:920px; height:125px;}
.slides li {position:relative;width:920px; height:125px;}

.slides-popup { height:35px; position:absolute; left:325px;}
.slides-popup a { cursor:pointer; cursor:hand; font-weight:bold; margin-left:30px; text-decoration:underline;}
.slides-popup a:hover {color:#FF6600}
.slides-popup a {position:relative; top:14px;}

.slides li a {width:275px; height:125px; display:block; position:absolute; background-image:url(../cssImages/popupBg.jpg);}
.slides li a:hover {background-image:url(../cssImages/popupBgOver.jpg);}
.slides li a img { display:block; width:259px; height:107px; position:absolute; left:8px; top:8px;}

.vyh2, .tarif2, .ref2 {left:310px;}
.vyh3, .tarif3, .ref3 {left:620px;}

#popup {text-align:center;}

/* popup */
input, select {font-family: Trebuchet MS, Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; padding:1px; border:1px solid gray; background-color:#F4F4F0;}
.formText {width:450px;}
.kontFirmy {width:450px; margin:30px 0px 5px 0px;}
textarea {width:450px; height:40px; padding:2px; font-family: Trebuchet MS, Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 12px;border:1px solid gray; background-color:#F4F4F0;}
.inputNazev, .inputNazev2, .inputNazev3 {margin-top:14px;}
.blok {clear:both;}
.blok div, .blok input {float:left; width:215px; margin-right:20px;}
.blok .inputNazev2 {width: 220px;}
.blok .inputNazev3 { width:168px;}
.blok .formText3 { width: 163px;}
.blok .formText4 { width: 80px;}

.cara {height:1px; border-top:2px dotted #CCCCCC; margin-top:30px;}
.inpInactive {width:181px; height:50px;background-image: url(../cssImages/pokracovatInactive.jpg); display:block; margin-top:20px;}
.inp {width:137px; height:42px;background-image: url(../cssImages/odeslat.jpg); cursor:pointer; cursor:hand; display:block; margin-top:20px; border:none;}
.inp:hover { background-position:0px 42px;}
.inp1 {background-image: url(../cssImages/vyzkouset.jpg);}
.inp1:hover { background-position:0px 42px;}
.inp span, .inpInactive span {visibility:hidden;}
.potvrdit { margin-top:20px; margin-left:120px;}
.normalCont #leftCont {margin-left:40px;}
.normalCont #rightCont {width:450px; margin-left:30px;}
.normalCont h2{ font-size:28px; line-height:35px;}
.modTop {padding-left:70px;background-image: url(../cssImages/grafik.jpg); background-repeat:no-repeat; height:90px; overflow:hidden;}
.modTopAdresa {padding-left:70px;background-image: url(../cssImages/adresa.jpg); background-repeat:no-repeat; height:90px; overflow:hidden;}
.modTopAktualizace {padding-left:70px;background-image: url(../cssImages/aktualizace.jpg); background-repeat:no-repeat; height:90px; overflow:hidden;}
.modTopStandard {padding-left:70px;background-image: url(../cssImages/modal.jpg); background-repeat:no-repeat; height:90px; overflow:hidden;}
#modal .modTopStandard h2 {color: #666666;}
.modTopTarif1, .modTopTarif2, .modTopTarif3 {padding-left:70px;background-image: url(../cssImages/tarif1Modal.jpg); background-repeat:no-repeat; height:90px; overflow:hidden;}
.modTopTarif2 {background-image: url(../cssImages/tarif2Modal.jpg); }
.modTopTarif3 {background-image: url(../cssImages/tarif3Modal.jpg); }

.formBox {padding-top:25px; margin-left:70px; margin-right:70px;}

.popis {display:block; margin-bottom:30px;}

.vyzkousetMail {width:300px; margin-top:0px; position:relative; top:-10px;}
.kontaktMail, .kontaktText {width:500px; display:block;}
.kontaktText {margin-top:10px; height:100px;}

#modal {padding:0px; background-image: url(../cssImages/bottomBg.jpg); background-repeat:no-repeat; background-position:center 92px;}
#modal p {margin-bottom:20px; margin-top:0px; padding-top:0px;}
#modal h2 {margin:40px 0px 0px 0px; font-weight:bold; font-size:20px;color:white;}
#modal h2 span {color:#CCCCCC; font-size:18px;}
#generating {text-align:center; margin-top:200px;}
.gen {font-size:20px; margin-bottom:20px;}
#modal ul, #modal li {margin:0px; padding:0px;}
#modal li { padding-left:22px;background-image:url(../cssImages/li.gif); list-style-type:none; background-repeat:no-repeat; background-position:2px 4px; line-height:20px;}

#chooseFirmy {margin-top:30px;}

.word {background-image: url(../cssImages/word.gif); background-repeat:no-repeat; display:block; padding:18px 55px; margin-top:10px;}