/* layout styles */

html { padding: 0; margin: 0; min-height: 100%; _height: 100%; }
body { padding: 0; margin: 0; background: #dad8c6; background: #dad8c6 url(../img/bg-body.png) repeat-y 50% 0; height: 100%;}

.sprite { position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: no-repeat 50% 0; }

/* Layout */
.row { float: left; width: 100%; display: block; position: relative; }
.col { position: relative; float: left; left: 100%; _display: inline; }

.col-left { margin-left: -100%; width: 300px; }
.col-right { margin-left: -210px; width: 210px; }

.col-main { margin-left: -730px; width: 550px; }
.col-side { margin-left: -885px; width: 140px; zoom: 1;}


#grandmother { background: url(../img/bg-mother.png) repeat 50% 0; height: 100%; }
#mother-top { background: url(../img/bg-mother-top.png) no-repeat 0 0; height: 25px; }
#mother-mid { background: url(../img/bg-mother-mid.png) repeat-y 0 0; width: 913px; padding: 1px 10px 1px 11px; position: relative; }
#mother-bot { background: url(../img/bg-mother-bot.png) no-repeat 0 100%; padding-bottom: 10px; }
#mother { width: 933px; margin: 0 auto; }

#main { margin: 20px 185px; min-height: 150px; _height: 150px; }

.col-main #main { margin: 0; }
.col-side #side-menu { position: static; margin-bottom: 20px; }

/* Header */
#header {  position: relative; height: 54px; background: url(../img/header.png) no-repeat 0 0; margin-bottom: 20px;}

#logo { position: absolute; left: 30px; top: 0; }
#logo a {  }

#nav-skip { position: absolute; left: -2000px; }
#nav-skip a:focus, #nav-skip a:active { position: absolute; left: 2000px; }

/* Main menu*/
#lang-menu { position: absolute; top: 25px; left: 815px; }
#lang-menu ul { float: left; margin: 0; padding-bottom: 0; _width: 90px; }
#lang-menu ul li { display: block; float: left; margin: 0 3px; padding: 0; background: none; zoom: 1; _display: inline; }
#lang-menu ul li a { display: block; float: left; margin: 0; padding: 0; position: relative; overflow: hidden; height: 20px; text-indent: -5000px;}
#lang-menu ul li a:hover { color: white; }
#lang-menu ul li a:hover .sprite { background-position: 0 -50px; cursor: pointer;  }
#lang-menu ul li.active a .sprite { background-position: 0 -50px; cursor: default;}

li.lmi-cz a { width: 16px; }
li.lmi-cz a .sprite { background-image: url(../img/lmi-cz.png); }
li.lmi-en a { width: 16px; }
li.lmi-en a .sprite { background-image: url(../img/lmi-en.png); }
li.lmi-fr a { width: 16px; }
li.lmi-fr a .sprite { background-image: url(../img/lmi-fr.png); }
li.lmi-ge a { width: 16px; }
li.lmi-ge a .sprite { background-image: url(../img/lmi-ge.png); }

/* Main menu*/
#main-menu { margin: -52px 0 20px 184px; position: relative; zoom: 1;  }
#main-menu ul { float: left; margin: 0; padding-bottom: 0; }
#main-menu ul li { display: block; float: left; margin: 0; padding: 0; background: none; zoom: 1; _display: inline; }
#main-menu ul li a { display: block; float: left; margin: 0; padding: 0; position: relative; overflow: hidden; height: 70px; }
#main-menu ul li a:hover { color: white; }
#main-menu ul li a:hover .sprite { background-position: 0 -100px; cursor: pointer; }
#main-menu ul li.active a .sprite { background-position: 0 -100px; cursor: default;}

li.mi-akce a { width: 79px; }
li.mi-akce a .sprite { background-image: url(../img/mi-akce.png); }
li.mi-cafe a { width: 79px; }
li.mi-cafe a .sprite { background-image: url(../img/mi-cafe.png); }
li.mi-cenik a { width: 78px; }
li.mi-cenik a .sprite { background-image: url(../img/mi-cenik.png); }
li.mi-contact a { width: 78px; }
li.mi-contact a .sprite { background-image: url(../img/mi-contact.png); }
li.mi-fotogalerie a { width: 78px; }
li.mi-fotogalerie a .sprite { background-image: url(../img/mi-fotogalerie.png); }
li.mi-home a { width: 78px; }
li.mi-home a .sprite { background-image: url(../img/mi-home.png); }
li.mi-kontakt a { width: 78px; }
li.mi-kontakt a .sprite { background-image: url(../img/mi-kontakt.png); }
li.mi-photogallery a { width: 78px; }
li.mi-photogallery a .sprite { background-image: url(../img/mi-photogallery.png); }
li.mi-prices a { width: 78px; }
li.mi-prices a .sprite { background-image: url(../img/mi-prices.png); }
li.mi-sluzby a { width: 78px; }
li.mi-sluzby a .sprite { background-image: url(../img/mi-program.png); }
li.mi-reservation a { width: 79px; }
li.mi-reservation a .sprite { background-image: url(../img/mi-reservation.png); }
li.mi-rezervace a { width: 79px; }
li.mi-rezervace a .sprite { background-image: url(../img/mi-rezervace.png); }
li.mi-services a { width: 78px; }
li.mi-services a .sprite { background-image: url(../img/mi-services.png); }

#side-menu { position: absolute; left: 40px; top: 435px; }
#side-menu ul {  margin: 0; padding: 0; zoom: 1;}
#side-menu ul li { display: block; margin: 0 0 3px; padding: 0; background: none; zoom: 1; float: left; clear: both;}
#side-menu ul li a { display: block; margin: 0; padding: 0; position: relative; overflow: hidden; height: 14px; text-indent: -5000px; float: left; }
#side-menu ul li a:hover { color: white; }
#side-menu ul li a:hover .sprite { background-position: 0 -50px; cursor: pointer; }
#side-menu ul li.active a .sprite { background-position: 0 -50px; cursor: default;}

li.smi-akce a { width: 29px; }
li.smi-akce a .sprite { background-image: url(../img/smi-akce.png); }
li.smi-brno a { width: 28px; }
li.smi-brno a .sprite { background-image: url(../img/smi-brno.png); }
li.smi-cafe a { width: 28px; }
li.smi-cafe a .sprite { background-image: url(../img/smi-cafe.png); }
li.smi-cenik a { width: 33px; }
li.smi-cenik a .sprite { background-image: url(../img/smi-cenik.png); }
li.smi-contact a { width: 46px; }
li.smi-contact a .sprite { background-image: url(../img/smi-contact.png); }
li.smi-dormitory a { width: 62px; }
li.smi-dormitory a .sprite { background-image: url(../img/smi-dormitory.png); }
li.smi-fleda-club a { width: 67px; }
li.smi-fleda-club a .sprite { background-image: url(../img/smi-fleda-club.png); }
li.smi-fotogalerie a { width: 69px; }
li.smi-fotogalerie a .sprite { background-image: url(../img/smi-fotogalerie.png); }
li.smi-home a { width: 30px; }
li.smi-home a .sprite { background-image: url(../img/smi-home.png); }
li.smi-jizni-morava a { width: 73px; }
li.smi-jizni-morava a .sprite { background-image: url(../img/smi-jizni-morava.png); }
li.smi-klub-fleda a { width: 66px; }
li.smi-klub-fleda a .sprite { background-image: url(../img/smi-klub-fleda.png); }
li.smi-koleje a { width: 41px; }
li.smi-koleje a .sprite { background-image: url(../img/smi-koleje.png); }
li.smi-kontakt a { width: 50px; }
li.smi-kontakt a .sprite { background-image: url(../img/smi-kontakt.png); }
li.smi-links a { width: 37px; }
li.smi-links a .sprite { background-image: url(../img/smi-links.png); }
li.smi-odkazy a { width: 40px; }
li.smi-odkazy a .sprite { background-image: url(../img/smi-odkazy.png); }
li.smi-photogallery a { width: 80px; }
li.smi-photogallery a .sprite { background-image: url(../img/smi-photogallery.png); }
li.smi-prices a { width: 36px; }
li.smi-prices a .sprite { background-image: url(../img/smi-prices.png); }
li.smi-program a { width: 52px; }
li.smi-program a .sprite { background-image: url(../img/smi-program.png); }
li.smi-reservation a { width: 67px; }
li.smi-reservation a .sprite { background-image: url(../img/smi-reservation.png); }
li.smi-rezervace a { width: 60px; }
li.smi-rezervace a .sprite { background-image: url(../img/smi-rezervace.png); }
li.smi-services a { width: 50px; }
li.smi-services a .sprite { background-image: url(../img/smi-services.png); }
li.smi-south-moravia a { width: 85px; }
li.smi-south-moravia a .sprite { background-image: url(../img/smi-south-moravia.png); }

#footer { text-align: center; padding: 5px 30px 5px; color: white; font-size: 92%; }
#footer p { margin: 0; }
#footer a, #footer a:visited { color: white; }
#footer a:hover { color: #C8FFAF; }

.motive-box { height: 320px; background: url(../img/bg-motive1.jpg) no-repeat 0 0; }
.theme-fotogalerie .motive-box { height: 320px; background: url(../img/bg-motive2.jpg) no-repeat 0 0; }
.theme-fotogalerie #mother-bot { background-image: url(../img/bg-mother-bot-fotogalerie.png); }

.vdots { background: url(../img/bg-vdots.png) repeat-y 311px 0; }

.photogallery { width: 549px; }
.photogallery h2 { margin-bottom: 0; }
.photogallery h2 img { display: block; }
.photogallery-top { background: url(../img/bg-fotogalerie-top.png) no-repeat 0 0; height: 1px; overflow: hidden; }
.photogallery-mid { background: url(../img/bg-fotogalerie-mid.png) repeat-y 0 0; padding: 15px 28px; zoom: 1; }
.photogallery-bot { background: url(../img/bg-fotogalerie-bot.png) no-repeat 0 0; height: 8px; overflow: hidden; }
.photogallery ul { margin: 7px 0 7px 0; padding: 0; width: 100%; float: left; _display: inline; }
.photogallery ul li { margin: 0 0 0 19px; padding: 0; width: 66px; float: left; _display: inline; }
.photogallery ul li.first { margin-left: 0; }

/* Forms */
form { margin: 0; padding: 0; }
input, select, textarea { font-size: 100%; font-family: Arial, sans-serif; }

.inp-text { border: 1px solid #c5c5c5; }
input.inp-text, textarea { padding: 1px 3px; }

.btn-submit { padding: 1px 5px; }

.form-box { padding: 20px 20px 15px 20px; background: #f2f2f2; color: black; zoom: 1; position: relative; margin-bottom: 30px; border: 0px solid #d2d2d2; }
.form-box .inp-fix { margin-right: 8px; display: block; }
.form-box .inp-fix .w-full { margin-right: -8px; }
.form-box p { margin-bottom: 8px; } 

.error { color: #ff0000; font-weight: bold; }
.error-message, .ok-message { color: red; font-size: 100%; font-weight: bold; margin: 15px 0; background: #FDF5F1; padding: 5px 5px 5px 10px; border: 1px solid #F3D2D2; }
.ok-message { color: green; background: #F6FBDC; border: 1px solid #C6E528;}

.w-full { width: 100%;  }
.w-half { width: 50%;  }