* { margin:0; padding:0; }
body, div, p, a, img, span, ul, ol, li, table, th, tr, td, dl, dt, dd, form, fieldset, legend, blockquote, applet, object { border:0; }

body { font-family:"Lucida Grande", /*Calibri, */Arial, Helvetica, sans-serif; font-size:0.75em; background-color:#fff; color:#000; line-height:1.5em; text-align:center; }

p { margin:0; font-size:1em; padding:0; }

/*a { color:#60BFF3; text-decoration:underline; outline:none; }
a:hover { color:#0074C5; text-decoration:none; }*/

a { color:#999; text-decoration:none; outline:none; }
a:hover { color:#000; text-decoration:none; }

hr, .noscreen { display:none; }

.kontakt { position:absolute; right:-2px; top:35px; }
.kontakt a { text-decoration:none; color:#6c6c6c; }
.kontakt a:hover { text-decoration:underline; }

h2.top { font-size:58px; color:#000; padding-bottom:45px; margin:40px 0 20px 0; border-bottom:#dfdfdf solid 1px; text-align:center; }
h2 { font-weight:bold; font-size:1.1em; margin:0; padding:15px 0 5px 0; clear:both; }

ul { margin:0; padding:0; list-style:none; overflow:hidden; }
ul li { margin:0; padding:0; list-style:none; }
ul li a { text-decoration:none; }
ul li a:hover { text-decoration:none; }

.t-right { text-align:right; }

table.profil { margin-top:22px; }
table.profil td { vertical-align:bottom; width:40%; padding:0 5px 4px 5px; }
table.profil td.foto { width:20%; padding:0 5px; }
table.profil td p { margin:0; padding:8px 0 0 0; }

/* H1 REPLACE
------------------------------*/
h1 { display:block; position:relative; width:244px; height:50px; left:0; top:0; text-align:center; line-height:50px; font-size:2em; text-indent:-9999px; background:url(../design/logo.png) 0 0 no-repeat; }
h1 span { width:100%; height:100%; display:block; position:absolute; left:0; top:0; z-index:1000; background:url(../design/logo.png) 0 0 no-repeat; }

/* VERTICAL CENTER
------------------------------*/
/* mac hide \*/
html, body { height:100%; width:100%; }
/* end hide */
body { text-align:center; min-height:670px; min-width:860px; }
#outer { height:100%; width:100%; display:table; vertical-align:middle; }
#container { text-align: center; position:relative; vertical-align:middle; display:table-cell; height:670px; }
#inner { width:860px; height:680px; text-align:center; margin-left:auto; margin-right:auto; text-align:left; overflow:hidden; position:relative; }

/* SCROLL
------------------------------*/
#divScrollTextCont { width:860px; height:538px; clip:rect(0px 860px 538px 0px); overflow:hidden; visibility:hidden; position:relative; }
#divText { position:absolute; left:0; top:0; width:860px; }
#divUp { position:absolute; top:650px; left:55px; height:15px; width:16px; display:block; overflow:hidden;}
#divDown { position:absolute; top:650px; left:0; height:15px; width:16px; display:block; overflow:hidden;}
#divUp a { width:16px; height:15px; background:url(../design/sipky.png) -16px 0 no-repeat; display:block; }
#divDown a { width:16px; height:15px; background:url(../design/sipky.png) 0 0 no-repeat; display:block; }
#divUp a:hover { width:16px; height:15px; background:url(../design/sipky.png) -16px -15px no-repeat; }
#divDown a:hover { width:16px; height:15px; background:url(../design/sipky.png) 0 -15px no-repeat; }

/* MENU
------------------------------*/
#menu { position:relative; padding:0 0 31px 0; color:#60bff3; font-size:1.5em; text-align:left; margin:0 0 0 -8px; }
#menu a { display:inline; color:#60bff3 !important; text-decoration:none; padding:0 8px; }
#menu a:active, #menu a:hover, #menu a.active { text-decoration:none; color:#0074c5 !important; }

/* BOXY
------------------------------*/
#obsah { width:860px; padding:0; clear:both; margin-top:15px; position:relative; height:564px; }

.box { width:410px; float:left; overflow:hidden; padding:0 20px 0 0; }
.box p { padding:3px 0 0 0; margin-top:13px; }
.vlevo { float:left; padding:0 10px 0 0 }

/* PROJEKTY
------------------------------*/
#projekty { float:left; width:988px; margin:20px 0 0 0; overflow:hidden; height:460px; }
#projekty ul { list-style:none; padding:0; }
#projekty li { width:150px; height:104px; float:left; display:inline; margin: 0 50px 50px 0; list-style:none; position:relative; }
#projekty li a { position:absolute; top:0; left:0; width:150px; height:104px; float:left; line-height:1.3em; font-size:0.9em; text-decoration:none; overflow:hidden; color:#000; font-weight:bold; font-size:0.9em; }
#projekty li a em { width:140px; height:94px; padding:5px; position:absolute; top:0; left:0; display:block; text-indent:-9999px; display:block; font-style:normal; }
#projekty li a em span { position:absolute; bottom:5px; right:200px; text-align:right; text-transform:none; cursor:pointer; }
#projekty li a:hover em { color:#000; text-indent:0; }
#projekty li a:hover span { color:#000; right:5px; text-indent:0; cursor:pointer; }
.seznam { float:left; width:200px; }
.seznam a { text-decoration:none; font-size:1.1em; color:#999; }
.seznam a:hover { text-decoration:none; color:#000; }
.next { float:right; padding-right:110px; width:200px; text-align:right; }
.next a { text-decoration:none; font-size:1.1em; padding:0 0 0 3px; color:#999; }
.next a:hover, .next a.selected { text-decoration:none; color:#000; }

/* DETAIL
------------------------------*/
#imagebox { float:left; width:500px; text-align:right; }
#mapa { width:500px; height:400px; float:left; }

.text h2 { padding:0 0 10px 0; margin:0; font-size:1.2em; font-weight:bold; text-transform:uppercase; }
.cisla { padding:0; color:#ccc; position:absolute; height:20px; line-height:20px; left:0; }
.cisla a { color:#ccc !important; text-decoration:none !important; padding:0 3px 0 0; }
.cisla a.selected, .cisla a:hover { color:#000 !important; }
.zpet { padding:20px 0 0 0; color:#ccc; }
.zpet a, .seznam { color:#ccc; text-decoration:none }
.zpet a:hover, .seznam:hover { color:#000; text-decoration:none; }
.pruchod { position:absolute; bottom:20px; left:0; }
.pruchod a { text-decoration:none; color:#ccc; margin-right:15px; }
.pruchod a:hover { text-decoration:none; color:#000; }

.text { height:194px; width:330px; position:absolute; top:370px; right:0; }
.cisla  { position:absolute !important; bottom:20px !important; }
.kontakt { width:330px; right:0; height:400px; position:absolute; top:0; }
.kontakt table td { vertical-align:bottom; height:400px; }
.kontakt a { color:#60BFF3; text-decoration:underline; outline:none; }
.kontakt a:hover { color:#0074C5; text-decoration:none; }

/* FOOTER
------------------------------*/
#footer { width:860px; height:80px; position:relative; border-top:1px solid #dfdfdf; clear:both; margin-top:15px; }
#footer p { color:#666; text-align:right; margin:0; padding:0 9px 0 0; line-height:50px; font-size:0.9em; }

/* CLEARFIX
------------------------------*/
.clearfix { display: inline-block; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }