/* Layout */

body {
margin: 0;
padding: 0;

background-color: #1C2021;
background-image: url('/images/background.jpg');
background-repeat: repeat-x;
text-align: center;

font-family: Arial;
color: #000;
}

body.panorama {
background-image: url('/images/background-panorama.jpg');
} 

* html body {
behavior: url('/css/csshover3.htc');
}

hr {
display: none;
}

br {
margin: 0 !important;
}

* html table {
font-size: 100%; 
color: #FFF;
}

body #header-container, body #middle-container, body #bottom-container {
min-width: 1000px;
background-repeat: no-repeat;
background-position: center 0;
}

body #header, body #middle, body #bottom {
width: 1000px;
margin: 0 auto;
text-align: left;
}

body #header-container {
background-image: url('/images/top.png');
height: 157px;
}

body #middle-container {
background-image: url('/images/center.png');
height: 212px;
}

body.panorama #middle-container {
background-image: url('/images/center-panorama.png');
height: 340px;
}

body.panorama #middle-container p.warning {
margin: 0;
text-align: center;
color: #E2007A;

font-size: 80%;
font-weight: bold;

padding: 20px 20px 0 20px;
}

body.panorama #middle-container p.warning a, body.panorama #middle-container p.warning a:link, body.panorama #middle-container p.warning a:visited {
color: #FFF;
text-decoration: underline;
}

body.panorama #middle-container p.warning a:hover, body.panorama #middle-container p.warning a:active {
text-decoration: none;
}

body #bottom-container {
background-image: url('/images/down.png');
}

body.panorama #bottom-container {
background-image: url('/images/down-panorama.png');
}

h1 {
margin: 0;
padding: 0;
}

h1 a span {
display: none;
}

h1 a, h1 a:link, h1 a:visited {
display: block;
width: 257px;
height: 145px;
background-image: url('/images/logo.png');
background-repeat: no-repeat;

position: absolute;
margin: 15px 0 0 0;
}

body #bottom-container #levypanel {
float: left;
width: 168px;
padding-top: 43px;
}

body #bottom-container #hlavnipanel {
float: left;
width: 784px;
padding-left: 48px;
}

* html body #bottom-container #hlavnipanel {
width: 832px;
}

body #bottom-container .non-hp {
padding-top: 14px;
width: 764px !important;
padding-left: 20px !important;
}

* html body #bottom-container .non-hp {
width: 784px !important; 
}

body #bottom-container .non-hp div {
background-color: #030303;
padding: 29px 29px 14px 29px;
}

body #bottom-container hr.cleaner {
clear: both;
float: none;
clear: both;
height: 1px;
display: block;
visibility: hidden;
margin: 0 !important;
}

body #bottom-container hr.right-cleaner {
clear: right;
float: none;
clear: both;
height: 1px;
display: block;
visibility: hidden;
margin: 0 !important;
}

#menu {
padding: 0;
margin: 0;
list-style-type: none;
}

#menu li a, #menu li a:link, #menu li a:visited {
display: block;
width: 108px;
height: 27px;
line-height: 27px;
color: #FFF;
font-weight: bold;
text-decoration: none;
font-size: 90%;
font-family: Verdana;

padding-left: 30px;

background-color: #000;
background-image: url('/images/menu.jpg');
background-repeat: no-repeat;

margin-bottom: 2px;
}

* html #menu li a, * html #menu li a:link, * html #menu li a:visited {
width: 138px; 
}

#menu li a:hover, #menu li a:active, #menu li.active a, #menu li.active a:link, #menu li.active a:visited {
background-position: 0 -27px;
width: 119px;
}

* html #menu li a:hover, * html #menu li a:active, * html #menu li.active a, * html #menu li.active a:link, * html #menu li.active a:visited {
width: 149px; 
}

#menu li ul {
margin: 0;
padding: 0;
list-style-type: none;
margin: 3px 0 3px 30px;
display: none;
}

#menu li ul li a, #menu li ul li a:link, #menu li ul li a:visited {
background-image: none;
padding-left: 23px;
padding-right: 30px;
height: 22px;
line-height: 22px;
font-size: 70%;
width: auto;
}

#menu li ul li a:hover, #menu li ul li a:active, #menu li ul li.active a, #menu li ul li.active a:link, #menu li ul li.active a:visited {
color: #E2007A;
width: auto;
}

#menu li.active ul {
display: block;
}

#menu li ul li.polozka-1 a, #menu li ul li.polozka-1 a:link, #menu li ul li.polozka-1 a:visited {
width: 85px !important;
}

* html #menu li ul li.polozka-1 a, * html #menu li ul li.polozka-1 a:link, * html #menu li ul li.polozka-1 a:visited {
width: 138px !important;
}

#menu li ul li.polozka-2 a, #menu li ul li.polozka-2 a:link, #menu li ul li.polozka-2 a:visited {
width: 70px !important;
}

* html #menu li ul li.polozka-2 a, * html #menu li ul li.polozka-2 a:link, * html #menu li ul li.polozka-2 a:visited {
width: 123px !important;
}

#menu li ul li.polozka-3 a, #menu li ul li.polozka-3 a:link, #menu li ul li.polozka-3 a:visited {
width: 60px !important;
}

* html #menu li ul li.polozka-3 a, * html #menu li ul li.polozka-3 a:link, * html #menu li ul li.polozka-3 a:visited {
width: 113px !important;
}

div.panorama {
padding: 0 48px;
}

#footer {
margin-top: 60px;
padding-bottom: 45px;
text-align: center;
background-image: url('/images/footer.png');
background-repeat: no-repeat;
height: 66px;
}

* html #footer {
margin-top: 50px; 
padding-bottom: 57px;
}

#footer div {
font-size: 80%;
color: #545454;
padding-top: 14px;
}

#footer div p {
margin: 0 0 3px 0;
}

#footer div p strong {
font-weight: bold;
}

#footer div p a, #footer div p a:link, #footer div p a:visited {
text-decoration: none;
color: #545454;
}

#footer div p a:hover, #footer div p a:active {
text-decoration: underline;
}

/* Homeboxy */

div.homebox {
width: 151px;
height: 250px;

float: left;

padding: 0;
padding-left: 7px;
}

div.homebox h2 {
display: none;
}

div.homebox p {
margin: 0;
}

div.homebox a, div.homebox a:link, div.homebox a:visited {
display: block;
width: 131px;
height: 127px;

background-repeat: no-repeat;

color: #FFF;
font-size: 70%;
text-decoration: none;

padding: 123px 10px 0 10px;
}

* html div.homebox a, * html div.homebox a:link, * html div.homebox a:visited {
width: 151px;
height: 250px; 
}

div.homebox a:hover, div.homebox a:active {
background-position: 0 -250px;
color: #E2007A;
}

div.homebox.web {
padding-left: 0;
}

div.homebox.web a, div.homebox.web a:link, div.homebox.web a:visited {
background-image: url('/images/web.gif');
}

div.homebox.panorama a, div.homebox.panorama a:link, div.homebox.panorama a:visited {
background-image: url('/images/panorama.gif');
}

div.homebox.sazba a, div.homebox.sazba a:link, div.homebox.sazba a:visited {
background-image: url('/images/sazba.gif');
}

div.homebox.foto a, div.homebox.foto a:link, div.homebox.foto a:visited {
background-image: url('/images/foto.gif');
}

div.homebox.servis a, div.homebox.servis a:link, div.homebox.servis a:visited {
background-image: url('/images/servis.gif');
}

/* Formátování */

body #bottom-container .non-hp div {
color: #FFF;
font-size: 75%;
}

body #bottom-container .non-hp div * {
margin: 0 0 15px 0;
}

body #bottom-container .non-hp div h2 {
font-weight: bold;
font-size: 130%;
color: #E3007A;
}

body #bottom-container .non-hp div h2 span {
background-image: url('/images/h2-separator.jpg');
background-repeat: no-repeat;
background-position: 5px 4px;
color: #FFF;
padding-left: 24px;
}

body #bottom-container .non-hp div h3 {
font-weight: bold;
font-size: 115%;
color: #E3007A;
}

body #bottom-container .non-hp div strong {
font-weight: bold;
font-style: normal;
}

body #bottom-container .non-hp div em {
font-style: italic;
font-weight: normal;
}

body #bottom-container .non-hp div a, body #bottom-container .non-hp div a:link, body #bottom-container .non-hp div a:visited {
text-decoration: underline;
color: #E3007A;
}

body #bottom-container .non-hp div a:hover, body #bottom-container .non-hp div a:active {
text-decoration: none;
}

body #bottom-container .non-hp div acronym {
border-bottom: 1px dotted #E3007A;
cursor: help;
}

body #bottom-container .non-hp div acronym:hover {
border-bottom: 1px dotted #FFF;
}

body #bottom-container .non-hp div p, body #bottom-container .non-hp div li {
line-height: 19px;
}

body #bottom-container .non-hp div p img {
vertical-align: middle;
}

body #bottom-container .non-hp div ul {
margin: 0 0 15px 22px;
padding: 0;
} 

body #bottom-container .non-hp div ol {
margin: 0 0 15px 40px;
padding: 0;
}

body #bottom-container .non-hp div li {
margin: 0;
}

body #bottom-container .non-hp div ul li {
list-style-type: none;
background-image: url('/images/bullet.jpg');
background-repeat: no-repeat;
background-position: 0 4px;
padding-left: 18px;
}

body #bottom-container .non-hp div ol li {
list-style-type: decimal;
}

body #bottom-container .non-hp div table tr td, body #bottom-container .non-hp div table tr th {
vertical-align: middle;
padding: 7px 9px;
}

body #bottom-container .non-hp div table tr td, body #bottom-container .non-hp div table tr th {
vertical-align: middle;
}

body #bottom-container .non-hp div table tr td {
background-color: transparent;
border-right: 1px solid #FFF;
border-bottom: 1px solid #FFF;
}

body #bottom-container .non-hp div tr:first-child td {
border-top: 1px solid #FFF;
}

body #bottom-container .non-hp div table tr td:first-child {
border-left: 1px solid #FFF;
}

body #bottom-container .non-hp div table tr th {
background-color: #FFF;
color: #E3007A;
font-weight: bold;
text-align: center;
}

body #bottom-container .non-hp div img {
margin: 0;
border: none;
}

body #bottom-container .non-hp div a img, body #bottom-container .non-hp div a:link img, body #bottom-container .non-hp div a:visited img {
padding: 1px;
background-color: #FFF;
border: 9px solid #030303;
}

body #bottom-container .non-hp div a:hover img, body #bottom-container .non-hp div a:active img {
border: 9px solid #FFF;
}

body #bottom-container .non-hp p.pages {
text-align: right;
}

/* vnitřní layout */

body #bottom-container .non-hp #sublevy, body #bottom-container .non-hp #subpravy, body #bottom-container .non-hp #reference {
padding: 0;
margin: 0;
font-size: 100%;
}

body #bottom-container .non-hp #subpravy {
float: right;
width: 200px;
padding-left: 20px;
margin-bottom: 15px;
}

body #bottom-container .non-hp div.prohl {
width: 356px !important;
}

* html body #bottom-container .non-hp div.prohl {
width: 376px !important; 
}

body #bottom-container .non-hp div.kontakty {
width: 353px !important;
padding: 0 !important;
}

* html body #bottom-container .non-hp div.kontakty {
width: 350px !important; 
}

body #bottom-container .non-hp #subpravy ul {
margin-bottom: 0;
}

body #bottom-container .non-hp #sublevy {
margin-bottom: 15px;
}

body #bottom-container .non-hp div.pan-uzsi {
width: 330px;
}

* html body #bottom-container .non-hp div.pan-uzsi {
width: 320px;
}

* html body #bottom-container .non-hp #subpravy {
width: 220px;
}

body #bottom-container .non-hp #subpravy ul {
margin-left: 0 !important;
}

body #bottom-container .non-hp p.info {
margin-bottom: 0;
}

body #bottom-container .non-hp p.vice {
clear: right;
text-align: right;
}

/* tabulka s fotkama */

body #bottom-container .non-hp table.gallery tr td {
vertical-align: top;
padding: 0;
border: none !important;
}

body #bottom-container .non-hp table.gallery {
width: 706px;
border: none !important;
margin-top: 20px;
}

body #bottom-container .non-hp table.gallery tr td {
width: 25%;
text-align: center;
padding-bottom: 10px;
margin: 0;
}

body #bottom-container .non-hp table.gallery h3 {
margin: 0 0 3px 0;
}

body #bottom-container .non-hp table.gallery tr td p.popis {
padding: 0 16px;
line-height: normal !important;
margin: 0 !important;
}




body #bottom-container .non-hp table.gallery.reference tr td {
width: 50%;
padding-bottom: 30px;
}

body #bottom-container .non-hp table.gallery.reference tr td p.popis {
color: #545454;
font-size: 90%;
font-weight: bold;
}




body #bottom-container .non-hp table.gallery.referencedetail tr td {
width: 33%;
padding-bottom: 20px;
}



body #bottom-container .non-hp table.gallery.fotogalerie tr td {
width: 33%;
padding-bottom: 20px;
}

body #bottom-container .non-hp table.gallery.fotogalerie tr td p.popis {
color: #545454;
font-size: 90%;
font-weight: bold;
}





body #bottom-container .non-hp table.gallery.minifotogalerie tr td {
width: 25%;
padding-bottom: 15px;
}

/* panorama */

body #bottom-container .non-hp div.obsah {
display: none;
}

body #bottom-container .non-hp div.panorama-vyber {
padding: 0;
margin: 0;
font-size: 100%;
background-color: #8F014D;
padding: 13px 20px;
margin-bottom: 15px;
}

body #bottom-container .non-hp div.panorama-vyber * {
margin: 0;
vertical-align: middle;
}

body #bottom-container .non-hp div.panorama-vyber label {
font-weight: bold;
}

body #bottom-container .non-hp div.panorama-vyber select {
width: 134px;
}

body #bottom-container .non-hp div.panorama-vyber strong {
display: block;
float: right;
padding-top: 3px;
}

body #bottom-container .non-hp #subpravy p.panorama {
float: left;
}

body #bottom-container .non-hp #subpravy p.panorama.prvni {
margin-right: 10px;
}

body #bottom-container .non-hp #subpravy p.panorama span {
padding: 0 0 1px 9px;
color: #E2007A;
}

/* fotogalerie */
body #bottom-container .non-hp form.fot-heslo p {
text-align: center;
margin-bottom: 10px;
}

body #bottom-container .non-hp form.fot-heslo p * {
margin: 0;
}

/* facebook */

body #bottom-container .non-hp div.sdileni {
padding: 0;
margin: -6px 0 0 10px;
float: right;
text-align: right;
background: transparent;
}

body #bottom-container .non-hp  div.sdileni div.addthis_toolbox {
padding: 0;
}

body #bottom-container .non-hp  div.sdileni div.addthis_toolbox * {
padding: 0;
margin: 0;
}

body #bottom-container .non-hp  div.sdileni div.addthis_toolbox a.addthis_button_facebook {
margin-right: 10px;
float: left;
}

body #bottom-container .non-hp  div.sdileni div.addthis_toolbox img {
background: transparent;
}

/* Kontaktní formulář */

body #bottom-container .non-hp form.contact-form div {
padding: 0;
margin: 0;
font-size: 100%;
}

body #bottom-container .non-hp form.contact-form div.levy {
float: left;
padding-right: 20px;
}

body #bottom-container .non-hp form.contact-form * {
margin: 0 !important;
}

body #bottom-container .non-hp form.contact-form p {
margin-bottom: 7px !important;
}

body #bottom-container .non-hp form.contact-form p.msg {
margin-bottom: 15px !important;
}

body #bottom-container .non-hp form.contact-form p.captcha {
padding-left: 105px;
}

body #bottom-container .non-hp form.contact-form p.submit {
padding-top: 5px !important;
padding-bottom: 5px !important;
text-align: center;
}

body #bottom-container .non-hp form.contact-form p.submit input {
width: auto;
}

body #bottom-container .non-hp form.contact-form label {
display: block;
float: left;
width: 100px;
text-align: right;
margin-right: 5px !important;
font-size: 12px;
}

body #bottom-container .non-hp form.contact-form input, body #bottom-container .non-hp form.contact-form select {
width: 194px;
}

body #bottom-container .non-hp form.contact-form div.levy input {
border: 1px solid #D9D9D9;
font-family: Arial;
padding: 1px;
}

body #bottom-container .non-hp form.contact-form textarea {
width: 375px;
height: 250px;
border: 1px solid #D9D9D9;
font-family: Arial;
padding: 3px;
}

body #bottom-container .non-hp h3#contact-form {
clear: right;
}

body #bottom-container .non-hp form.contact-form p.msg {
font-weight: bold;
}

body #bottom-container .non-hp form.contact-form p.msg.ok {
font-weight: normal;
}

/* Ateliér */

body #bottom-container .non-hp table.atelier tr td {
vertical-align: top;
padding: 0;
border: none !important;
}

body #bottom-container .non-hp table.atelier {
width: 706px;
border: none !important;
margin-top: 0;
}

body #bottom-container .non-hp table.atelier tr td {
width: 25%;
text-align: center;
padding-bottom: 10px;
margin: 0;
}

body #bottom-container .non-hp table.atelier tr td p.popis {
padding: 0 16px;
line-height: normal !important;
margin: 0 !important;
}

body #bottom-container .non-hp p.vice-info {
text-align: center;
margin-bottom: 10px !important;
}

body #bottom-container .non-hp p.vice-info a, body #bottom-container .non-hp p.vice-info a:link, body #bottom-container .non-hp p.vice-info a:visited {
background-color: #E60180;
color: #FFF;
text-decoration: none;
padding: 5px 35px;
}

body #bottom-container .non-hp p.vice-info a:hover, body #bottom-container .non-hp p.vice-info a:active {
background-color: #FFF;
color: #E60180;
}