/*
	@author: o13.cz
	@site: www.stavitel.net
------------------------------------------- */
html, body {height:100%; margin: 0; padding: 0;}
body {background: #dcdcdc url('../gfx/body.png') 0 0 repeat-x;}


/* obecna definice
-------------------------------------------------------------------- */
h1, h2, h3 {font-size: 1.2em; font-weight: normal; line-height: 1.2; padding-left: 19px; margin: 0; margin-bottom: 1.0em; background: url('../gfx/ico_heading.gif') 0 4px no-repeat; clear: both; }
h1 {font-size: 1.3em; padding-bottom: 7px; border-bottom: solid 1px #c8c8c8;}
h2, h3 {background-position: 0 -196px;}
h2 {margin-top: 2.2em; }
h3 {font-size: 1.0em; margin-top: 2.7em; }

h1 a, h2 a, h3 a {color: #323232; text-decoration: none; display: block;}
h1 a:hover, h2 a:hover, h3 a:hover, h1 a:focus, h2 a:focus, h3 a:focus {text-decoration: underline;}


p, table, address, form {margin: 0 0 1.0em 0;}
address {font-style: normal; padding:0; }

ul, ol {padding: 0; margin: 0 0 1.5em 0;}
ul {list-style: square;}
ul ul {list-style: disc; margin: 0.2em 0 0.5em 10px;}

hr {margin: 0; display: none; }
img {border: none; }
small {font-size: 0.9em; }

a {color:#ed1b2f; text-decoration: underline; outline: 0;}
a:hover, a:focus {text-decoration: none;}



/* formulare */
form {position: relative; }
form, fieldset {padding: 0; margin: 0; border: none;}
legend {position: absolute; top: -2000px; left: -3000em; margin-top: -3000em;}

input, select, button {font: 1.0em Verdana, "Geneva CE", lucida, sans-serif, "Corbel"; vertical-align: middle;}
input[type="text"], input[type="password"] {width: 124px; height: 1.4em; padding: 2px 2px 1px 2px;}
input[type="text"], input[type="password"], select, textarea {color: #323232; background: none; border: solid 1px #c8c8c8;}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus {background: #fbfbfb; }
input[type="radio"] {position: relative; top: -2px;}

textarea {font: 1.0em Verdana, "Geneva CE", lucida, sans-serif, "Corbel"; width: 376px; padding-left: 2px;}

button {color: #ed1b2f; width: 80px; padding: 3px 0; margin: 0; background: #f5f5f5 url('../gfx/btn.png') 0 0 no-repeat; border: none; cursor: pointer;}
button:hover, button:focus {color: #323232; background-color: #fff; background-position: -80px 0; }

/* validace */
form span {color: #ed1b2f; }
.false {border-color: #ed1b2f/* !important;*/}

.result {margin: 0.5em 0 1.0em 20px;}
.result li {color: #ed1b2f; margin-bottom: 0.25em !important;}
.result strong {font-weight: normal;}



.left {text-align: left !important;}
.right {text-align: right !important;}
.center {text-align: center !important;}
.top {vertical-align: top;}

.fll {float: left !important;}
.flr {float: right !important;}
img.fll {margin: 0 10px 10px 0;}
img.flr {margin: 0 0 10px 10px;}

.half {width: 50%; float: left;}

.spaceman {position: absolute; top: -2000px; left: -3000px;}
.nod {display: none;}
.nob {background: none !important;}

.cleaner {clear: both;}
.spacer {margin-bottom: 20px; border: none; border-bottom: solid 1px #c8c8c8; display: block;clear: both;}


/* box-model */
.mt-0 {margin-top: 0 !important;}
.mr-0 {margin-right: 0 !important;}
.ml-20 {margin-left: 20px;}

.w60 {width: 60px;}
.w70 {width: 70px;}
.w130 {width: 130px; }





/* page 
------------------------------------------- */
#page {color: #323232; font: 0.6875em/1.5 Verdana, "Geneva CE", lucida, sans-serif, "Corbel"; width: 760px; min-height: 100%; margin: auto; position: relative; z-index:1; overflow: hidden;}
#page-inset {padding: 0 20px; background: #fff; }


/* header 
------------------------------------------- */
#header {height: 15.1em; position: relative; background: url('../gfx/header.png') 50% 0 no-repeat;}

/* logo */
#header h1 {font-size: 1.6em; width: 86px; height: 60px; padding: 0; margin: 0; position: relative; top: 35px; left: 0; background: none; border: 0; overflow: hidden;}
#header h1 a {font-weight: bold; text-decoration: none; height: 60px; display: block; }
#header h1 a:hover {text-decoration: underline; }
#header h1 a span {width: 86px; height: 60px; position: absolute; top: 0; left: 0; z-index:1;background:url('../gfx/logo.png') 0 0 no-repeat; display: block; cursor: pointer; }

/* claim */
#claim {width: 310px; height: 16px; margin-top: 3px; margin-left: 110px; position: relative;  overflow: hidden; }
#claim span {width: 310px; height:16px; position: absolute; top: 0; left: 0; background: url('../gfx/claim.png') 0 0 no-repeat; }

/* vyhledavani */
#header form {position: absolute; top: 132px; right: 2px; z-index: 1;}
#header input {width: 160px; padding-top: 3px; padding-bottom: 1px; margin-right: 0; border-color: #fff; }
#header form a {color: #4e4e4e; }
#header button {width: 20px; height: 21px; padding: 0; background: url('../gfx/ico_equip.png') -60px 0 no-repeat; }
#header button:hover {background-position: -60px -21px;}

/* sitemap */
#header ul {list-style: none; width: 200px; padding:0; margin:0; position: absolute; top: 60px; right: 0;}
#header li {line-height: 2.0; width: 20px; margin-left: 7px; display: block; overflow: hidden;float: right;}
#header li a {text-decoration: none; height: 21px; position: relative; display: block;  }

#header li a span {width: 20px; height: 21px; position: absolute; top: 0; left: 0; z-index: 1; background: url('../gfx/ico_equip.png') -40px 0 no-repeat;}
#header li#print a span {background-position: -20px 0;}
#header li#fav a span {background-position: 0 0;}

#header li a:hover span {background-position: -40px -21px;}
#header li#print a:hover span {background-position: -20px -21px;}
#header li#fav a:hover span {background-position: 0 -21px;}



/* drobeckova navigace */
#crumb {color: #c8c8c8; }
#crumb a {text-decoration: none;}
#crumb a:hover, #crumb strong {color: #323232; font-weight: normal;}


/* center-box 
------------------------------------------- */
#center-box {margin-top: 2.1em; }

#center-box li {list-style: none; padding-left: 19px; margin-bottom: 0.4em; background: url('../gfx/ico_bull.gif') 0 3px no-repeat; }
p.next a, a.next {padding-left: 19px; background: url('../gfx/ico_bull.gif') 0 -198px no-repeat;}


/* content 
------------------------------------------- */
#content {width: 500px; min-height: 363px; padding-bottom: 2.0em; float: left; }

#content .case {width: 500px; overflow: hidden; }
.case p, .case ul, .case address {width: 250px; float: left; }
.case ul {width: 240px; padding-right: 10px; }

#content a[href^='http'] {padding-right: 13px; background: url('../gfx/ico_bull.gif') 100% -400px no-repeat;}

/* inline seznam */
#footer ul {}
#content ul.inline li {padding: 0; padding-right: 10px; margin-right: 9px; background: url('../gfx/separator.gif') 100% 3px no-repeat; display: inline;}
li.nob {padding-right: 0 !important; margin-right: 0 !important;}

/* vypis clanku */
.a-list {}
#content ul.a-list li {padding-left: 0; margin-bottom: 10px; background: none; }

.a-list h2, .a-list h3 {font-size: 1.0em; margin-top: 0; }
.a-list h2 a, .a-list h3 a {color: #323232; text-decoration: underline; }
.a-list h2 a:hover, .a-list h3 a:hover {text-decoration: none; }
.a-list li div {min-height: 100px; padding-left: 110px; position: relative;}
.a-list li img {width: 100px; height: 100px; position: absolute; top: 3px; left: 0; background:url('../gfx/ico_loading.gif') center no-repeat; display: block; }
.a-list span {color: #8d8c8c; position: relative; top: -0.3em;}
.a-list li p.next {margin-bottom: 0; }

/* vypis nahledu */
.i-list {width: 500px; margin-top: 3.0em; overflow: hidden;}
#content ul.i-list li {padding-left: 0; margin: 0 10px 10px 0; background: none; }
.i-list img {width:100px; height:100px; margin: 0 10px 10px 0; background:url('../gfx/ico_loading.gif') 50% 50% no-repeat; display: block; float: left;}


/* switchboard */
.part {width: 500px; margin: 0; position: relative; float: left;}

.s-frame {overflow: hidden; }

#content ul.s-control {list-style: none; padding: 0; margin: 0;}
#content ul.s-control li {padding: 0; margin: 0; background: none; display: inline; }  

#content .s-control a.prev, #content .s-control a.next {color: #ed1b2f; text-decoration: none; padding: 0; margin-right: 10px; background: url('../gfx/ico_switchboard.png') 0 1px no-repeat; }
#content .s-control a.prev, .s-control b.prev {padding-left: 19px;}
#content .s-control a.next, .s-control b.next {padding-right: 19px; background-position: 100% -199px;}

.s-control b {color: #8d8c8c; font-weight: normal; margin-right: 10px; background: url('../gfx/ico_switchboard.png') no-repeat;}
.s-control b.prev {background-position: 0 -399px;}
.s-control b.next {background-position: 100% -599px;}



/* strankovani */
.paging td {color: #c8c8c8; vertical-align:middle;}

.paging a, .paging b {font-weight: normal; text-decoration:none; width: 10px; height: 12px;  padding: 6px 3px 18px 3px; margin-right: 8px; position: relative; display: block; float: left;  overflow: hidden;}
.paging a:hover {color: #323232;}
.paging a.next {background: none;}

.paging td.pages {color:#c8c8c8; text-align: center; }
.paging td.pages a, .paging td.pages b  {margin: 0; display: inline; float: none; }
.paging b {color: #323232; }

.paging td.right a, .paging td.right b {margin-right: 0; margin-left: 8px;}

.paging a span, .paging b span {width: 24px; height: 24px; position: absolute; top: 6px; left: -4px; z-index: 1; background: url('../gfx/ico_paging.png') 0 0 no-repeat; display: block;}
a.prev span {background-position: -24px 0; }
a.next span {background-position: -48px 0; }
a.last span {background-position: -72px 0; }

a.first:hover span, b.first span {background-position: 0 -24px; }
a.prev:hover span, b.prev span {background-position: -24px -24px; }
a.next:hover span, b.next span {background-position: -48px -24px; }
a.last:hover span, b.last span {background-position: -72px -24px; }


/* kotvy */
#upwards {/*text-align: right;*/ width: 100%; margin: 0; display: block; }
#upwards a {color: #8d8c8c; width: 100%; text-decoration: none;  padding-top: 11px; padding-bottom: 20px; display: block;}
#upwards a:hover, #upwards a:focus {color: #ed1b2f;}
#upwards span {font-size: 1.3em; position: relative; top: -1px; }

.no-upwards #content {padding-bottom: 2.0em;}
.no-upwards #upwards {position: absolute; top: -4000px; left: -4000px;}





/* column 
------------------------------------------- */
#col {width: 200px; float: right;}
#col h2 {margin-top: 0.1em;}
#col img {text-decoration: underline;}

#col ul {padding-left: 0;}
#center-box #col li {background-position: 0 -196px; }
#col li a {text-decoration: none; display: block;}
#col li a:hover {text-decoration: underline;}

#col li.set>a {color: #313131; }
#col li a strong {font-weight: normal;}

/* rotor */
#rotor {width: 200px; height: 210px; margin-bottom: 15px; position: relative; overflow: hidden; }
#rotor img {position: absolute; top: 0; left: 0; z-index: 1; }


/* navigace 
------------------------------------------- */
#nav>ul {margin: 0;}
#nav>ul>li {padding: 0; background: none; }
#nav>ul>li>a {text-decoration: none; width: 86px; padding: 2px 5px 3px 10px; margin-right: -1px; position: absolute; top: 132px; background: url('../gfx/nav.png') -101px 0 no-repeat; display: block; }
#nav>ul>li>a:hover, #nav>ul>li.set>a {color: #313131; text-decoration: none; background-position: 0 0; }
#nav>ul>li>a:hover {z-index: 2; }

#i-1>a {left: 20px; }
#i-2>a {left: 120px; }
#i-3>a {left: 220px; }
#i-4>a {left: 320px; }
#i-5>a {padding-left: 11px; left: 419px; }

/* druha uroven */
#nav li ul {margin-bottom: 1.5em; margin-left: 0;}





/* footer 
------------------------------------------- */
#footer {color: #8d8c8c; font-size: 0.9em; width: 740px; padding: 4px 10px 7.7em 10px; margin: 0 -20px; position: relative; background: #dcdcdc url('../gfx/footer.png') 0 0 no-repeat; overflow: hidden; }

#footer ul {list-style: none; width: 450px; padding: 0; margin: 0 20px 0.8em 20px; float: left;}
#footer li {padding-right: 10px; margin-right: 9px; background: url('../gfx/separator.gif') 100% 60% no-repeat; float: left;}

#footer a, #footer a:hover {color: #8d8c8c; text-decoration: none;}
#footer a:hover {color: #313131; text-decoration: none;}

#footer ul.right {text-align: right; text-transform: lowercase; width: auto; float: right;}
li.nob {padding-right: 0 !important; margin-right: 0 !important;}










/* uvodni strana
------------------------------------------- */
.uvod #crumb {visibility: hidden;}

.uvod #content h2 {font-size: 1.3em; padding-bottom: 7px; background-position: 0 4px; border-bottom: solid 1px #c8c8c8;}
.uvod #content h2:first-child {margin-top: 0;}



/* sluzby
------------------------------------------- */
.sluzby .case {margin-bottom: -1.5em;}
.sluzby #content .case li.set {background-position: 0 -197px;}
.sluzby .case li.set b {font-weight: normal;}



/* reference
------------------------------------------- */
.reference #content {padding-bottom: 0;}



/* kontakt
------------------------------------------- */
.kontakt .case i {font-style: normal; width: 45px; display: inline-block; }

.kontakt form table {width: 460px; margin: 0; margin-left: 19px; table-layout: fixed; }
form td {padding: 5px 10px 5px 0;}

td.right, td.w130 {padding-right: 0;}
.kontakt td label {display: block; }
tr.captcha label {width:auto; display: inline;}

.notice {color:#8d8c8c; font-size: 1.0em; text-align: right; padding: 0; padding-bottom: 5px;}
.notice span {margin: 0; margin-right: 2px;}



/* mapa stranek
------------------------------------------- */
.mapa-stranek #content>ul {margin-left: 20px; }








/* viewer
------------------------------------------- */
#vBox {color:#323232; font:0.6875em/1.3 Arial,Helvetica,sans-serif,"Calibri";; width:auto;padding:15px 15px 0 15px; position:absolute;left:0;top:0;z-index:10; background: #fff url('../gfx/viewer/tico_close.png') 100% 100% no-repeat; visibility:hidden;}
#vBox h3 {font-size: 1.1em; /*font-weight: bold;*/ margin-top:0;margin-bottom: 0.2em;}
#vBox a {text-decoration: none;cursor:pointer;}
#vBox a:hover {text-decoration: underline;}
#vBox p {color:#8d8c8c; font-size:1.1em;}
#vBox big {font-size:1.1em; font-weight: bold;}

#vBox p.close {font-size: 1.0em;text-align:right; text-transform: uppercase; padding:0;/*padding-right: 33px;*/ margin-right: -15px;}
#vBox p.close a {color:#323232; padding-top: 15px; padding-right: 48px; display: block; }
#vBox p.close a:hover {color:#323232;text-decoration: underline;}
#vBox p.close u {font-weight: bold;}

#vImg {position: relative;}
#vImg img {margin-bottom:10px;}
#vImg a {width: 49%; position: absolute; top: 0; z-index: 1; display: block;}
#vImg a.prev {left: 0; background: url('../gfx/viewer/tico_prev.png') 0 -60px no-repeat;}
#vImg a.prev:hover {background-position: 0 1px;}
#vImg a.next {right: 0;background: url('../gfx/viewer/tico_next.png') 100% -60px no-repeat;}
#vImg a.next:hover {background-position: 100% 1px;}
#vImg span, #vImg br {display:none;}

#vLoader {padding: 20px; position:absolute; top:0; left:0; z-index:10;background-color:#fff;visibility:hidden;}


#vOverlay {height: 100%; position: absolute; top:0; z-index:1; overflow: hidden; background: #c8c8c8; opacity: 0.5; cursor: pointer;}










/* webkit / opera
------------------------------------------- */
@media all and (min-width: 0) {

  h1, .uvod #content h2 {padding-bottom: 8px;}
  h3 {margin-top: 2.6em;}

  input[type="text"] {padding-top: 1px; padding-bottom: 2px;}
  button {padding: 4px 0; } 

  #header input {padding-top: 2px; padding-bottom: 3px;}
  #center-box #col ul li {background-position: 0 -197px;}
  #upwards span {font-size: 1.0em; position: static; }
  #nav>ul>li>a {padding-top: 3px;}
  #footer {padding-top: 5px; }


}


/* webkit
------------------------------------------- */
@media all and (-webkit-min-device-pixel-ratio: 0) {

  textarea {width: 383px; padding-left: 0;}

  #header button {position: relative; top: -1px;}
  #upwards span {font-size: 1.3em; position: relative; top: -1px; }

  td.w60 {width: 65px; }
  td.w70 {width: 75px; }
    
}





/* tiskova verze
------------------------------------------- */
@media print {

  html, body {padding: 0; margin: 0;}
  body {background: none;}
  
  form, .spaceman, #header ul, #crumb, #upwards, #rotor, #banner, #nav, #footer {display: none;}
  
  #header, #header * {background: none !important;}
  #header {height: auto; padding-top: 1.0cm; }
  #header h1 {width: auto; height: auto !important; margin: 0 !important; position: static; background: orange !important; }
  #claim {width: auto; margin: 0; }
  
  #content, #col {width: 100%; min-height: auto; float: none; }
  /*
  fieldset {border: none;}
  
  form, #header span, #header div, #center-box hr, #crumb, #master p, #col, #footer, #upwards, .spaceman, .paging, .tab, .handler {display: none;}
  
  #header, #header h1, #content, .part {width: 100%;}
  
  #header, #header * {background: none !important;}
  #header {height: auto; padding-top: 1.0cm; }
  #header h1 {position: static; }
  #header h1 a strong {display: inline; }
  */
  
}