/*
podklad - #FFFFCC
rámečky - #996600
barva-lh - #E6C5FE
barva-ph - #F8E2A9
barva-ld - #CDFFCC
barva-pd - #F1AA40
písmo -  brown
vsur - white
šedá - silver
?obrázky: 1100, 239, 60x60
obrázky - galerie náhled 440x440
*/
img, a, h1, h2 {border: none; padding: 0px; margin: 0px; color: brown; text-decoration: none;}
html, body {color: black; background:  #FFFFCC; font-size: 10pt; font-family: 'Arial', sans-serif; padding: 0px; margin: 0px;}
form, input {margin: 0px; font-size: 9pt;}
a:hover {text-decoration: underline; font-weight: bold;}

.i0 {width: 100%; padding-top: 105px;}
.i1 {width: 1000px; margin: auto}
.body {background: #996600; height: 700px; position: relative; color: #FFFFCC; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(./js/pie.htc);}
#logo {position: absolute; left: 467px; top: -100px; z-index: 10;}
#portret {position: absolute; left: 20px; top: -50px; z-index: 9;}
#portret img, #reklama img {-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(./js/pie.htc);}
#firma {position: absolute; left: 80px; top: -54px;}
#firma h1, h2, p {color: #996600; margin: 0px;}
#firma h1 {font-size: 12pt;}
#firma h2 {font-size: 10pt;}
#palicka {position: absolute; right: 20px; top: -40px; cursor: pointer;}
#like {position: absolute; left: 630px; top: -95px; border:none; overflow:hidden;}
.text h3 {text-align: center;}
.lh {position: absolute; top: 10px; left: 10px; width: 487px; height: 337px; background: #E6C5FE; -webkit-border-radius: 10px 0px 0px 0px; -moz-border-radius: 10px 0px 0px 0px; border-radius: 10px 0px 0px 0px; behavior: url(./js/pie.htc);}
#lhimg {position: absolute; left: 0px; top: 0px; -webkit-border-radius: 10px 0px 0px 0px; -moz-border-radius: 10px 0px 0px 0px; border-radius: 10px 0px 0px 0px; behavior: url(./js/pie.htc);}
.lh .text {position: absolute; top: 0px; right: 3px; width: 215px; height: 335px; color: brown; z-index: 6;}
.lh li {text-align: left;}
.podnadpis {font-weight: bold;}
.podprvky {font-weight: normal;}
.ph {position: absolute; top: 10px; right: 10px; width: 487px; height: 337px; background: #F8E2A9; -webkit-border-radius: 0px 10px 0px 0px; -moz-border-radius: 0px 10px 0px 0px; border-radius: 0px 10px 0px 0px; behavior: url(./js/pie.htc);}
.ph .text {position: absolute; top: 0px; left: 3px; width: 200px; height: 335px; color: brown;}
.ld {position: absolute; bottom: 10px; left: 10px; width: 487px; height: 337px; overflow: hidden; background: #CDFFCC; -webkit-border-radius: 0px 0px 0px 10px; -moz-border-radius: 0px 0px 0px 10px; border-radius: 0px 0px 0px 10px; behavior: url(./js/pie.htc);}
#ldimg {position: absolute; left: 0px; bottom: 0px; -webkit-border-radius: 0px 0px 0px 10px; -moz-border-radius: 0px 0px 0px 10px; border-radius: 0px 0px 0px 10px; behavior: url(./js/pie.htc);}
.ld .text {position: absolute; top: 0px; right: 3px; width: 215px; height: 335px; color: brown; z-index: 100;}
.ld h3 {margin-bottom: 0px;}
.pd {position: absolute; bottom: 10px; right: 10px; width: 487px; height: 337px; background: #F1AA40; -webkit-border-radius: 0px 0px 10px 0px; -moz-border-radius: 0px 0px 10px 0px; border-radius: 0px 0px 10px 0px; behavior: url(./js/pie.htc); }
#pdimg {position: absolute; right: 0px; bottom: 0px; -webkit-border-radius: 0px 0px 10px 0px; -moz-border-radius: 0px 0px 10px 0px; border-radius: 0px 0px 10px 0px; behavior: url(./js/pie.htc);}
.pd .text {position: absolute; top: 0px; left: 3px; width: 200px; height: 335px; color: brown; z-index: 100;}
.pd li {text-align: left;}
.vsur {text-align: center; color: white; margin-top: 5px;}
#phimg {position: absolute; right: 0px; top: 0px; -webkit-border-radius: 0px 10px 0px 0px; -moz-border-radius: 0px 10px 0px 0px; border-radius: 0px 10px 0px 0px; behavior: url(./js/pie.htc);}
.foot {position: absolute; width: 1000px;}
.langs {float: left; position: relative; top: -8px; background-color: #996600; width: 120px; margin-left: 20px; -webkit-border-radius: 0px 0px 10px 10px; -moz-border-radius: 0px 0px 10px 10px; border-radius: 0px 0px 10px 10px; behavior: url(./js/pie.htc);}
.langs a {margin-left: 12px;}
.pristupy {text-align: center; font-size: 0.7em; height: 26px; color: #FFFFCC; float: right; position: relative; top: -10px; right: 20px; padding-top: 4px; padding-left: 12px; padding-right: 12px; background-color: #996600; -webkit-border-radius: 0px 0px 10px 10px; -moz-border-radius: 0px 0px 10px 10px; border-radius: 0px 0px 10px 10px; behavior: url(./js/pie.htc);}
#reklama {position: absolute; left: -70px; top: 0px; z-index: 5;}

/*Magiczoomplus*/
/* Style of the small image link */
.MagicZoomPlus, .MagicZoomPlus:hover {cursor: url(../grafika/mz/zoomin.cur), pointer;outline: 0 !important;}
/* Style of the small image */
.MagicZoomPlus img {border: 0 !important;padding: 0 !important;margin: 0 !important;outline: 0 !important;}
/* Style of the span inside the small image link */
.MagicZoomPlus span {display: none !important;}
/* Style of hint box */
.MagicZoomPlusHint {background: url(../grafika/mz/hint.gif) no-repeat 2px 50%;padding: 2px 2px 2px 20px !important;min-height: 24px;margin: 0;text-decoration: none;text-align: left;line-height: 24px;font-size: 8pt;font-family: sans-serif;color: #444;}
/* Style to hide external title or caption on a page. Only needed for #id method */
.MagicZoomPlus-ExternalText {display: none;}
/* Style of the zoomed image */
.MagicZoomBigImageCont {border: 1px solid #999;background: #ffffff;}
/* Style of text on the zoomed image */
.MagicZoomHeader {font-size: 10pt !important;line-height: normal !important;color: #fff;background: #666;text-align: center !important;}
/* Style of square magnify area under the cursor */
.MagicZoomPup {border: 1px solid #aaa;background: #fff;cursor:url(../grafika/mz/zoomin.cur),pointer;}
/* Style of loading message and icon shown during load */
.MagicZoomLoading {border: 1px solid #ccc;background: #fff url(../grafika/mz/loader.gif) no-repeat 2px 50%;padding: 4px 4px 4px 24px !important;margin: 0;text-decoration: none;text-align: left;line-height: 1.5em;font-size: 8pt;font-family: sans-serif;color: #444;}
/* Style of hotspots */
.MagicHotspots {display: none;visibility: hidden;}
.MagicHotspots a {border: 1px solid #ccc;display: block !important;position: absolute !important;}
.MagicHotspots a:hover {border: 1px solid red;}
/* Style of the small image when the large image is expanded */ 
.MagicThumb-expanded-thumbnail {cursor: default;}
/* Style of the expanded image */
.MagicThumb-expanded {cursor: url(../grafika/mz/zoomout.cur), pointer;background: #ffffff;border: 1px solid #ccc;outline: 0;padding: 0;}
.MagicThumb-expanded img {background: #ffffff;}
/* Style of the caption for the expanded image */
.MagicThumb-caption {color: #333;font: normal 10pt Verdana, Helvetica;background: #ccc;text-align: left;padding: 8px;min-height: 18px !important;border: 0 !important;outline: 0 !important;}
/* Style of the close/next/previous buttons */
.MagicThumb-buttons {background: transparent url(../grafika/mz/buttons1.png) no-repeat 0 0;height: 24px;display: block;}
.MagicThumb-buttons a {width: 24px;height: 24px;margin: 0px 1px !important;overflow: hidden;}
/* Style of the loading message box */
.MagicThumb-loader {font: normal 12pt sans-serif;line-height: 1.5em;border: 1px solid #000;background: #fff url(../grafika/mz/loader.gif) no-repeat 2px 50%;padding: 2px 2px 2px 22px;margin: 0;text-decoration: none;text-align: left;}
/* Style of shadow effect behind zoomed image */
.MagicBoxShadow {-moz-box-shadow: 3px 3px 4px #888888;-webkit-box-shadow: 3px 3px 4px #888888;box-shadow: 3px 3px 4px #888888;border-collapse: separate;
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888') !important;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888')" !important;
}
/* Style of glow effect behind zoomed image */
.MagicBoxGlow {-moz-box-shadow: 0px 0px 4px 4px #888888;-webkit-box-shadow: 0px 0px 4px 4px #888888;box-shadow: 0px 0px 4px 4px #888888;border-collapse: separate;
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Glow(Strength=4, Color='#888888') !important;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Glow(Strength=4, Color='#888888')" !important;
}

/*MagicScroll*/
.MagicScroll {display: none; border: none; z-index: 1;}
.MagicScrollItem {text-align: left;}
.MagicScrollItem img {display: block; margin: 0 auto;}
.MagicScrollArrows {width: 24px; height: 24px; cursor: pointer; background: url('../grafika/ms/arrows.png'); padding: 0px !important;}
.MagicScrollArrowTop {background-position: 24px 0;}
.MagicScrollArrowRight {background-position: 0 0;}
.MagicScrollArrowBottom {background-position: 24px 24px;}
.MagicScrollArrowLeft {background-position: 0 24px;}
.MagicScrollSliderWrapper {background: #f3f3f3; border-top: 1px solid #e1e1e1;}
.MagicScrollSlider {background: #f7f7f7; border:1px outset #e1e1e1; border-style: solid outset outset solid;}
.MagicScrollSliderShadow {background: #dfdfdf; border:1px solid #dfdfdf;}
/* Style for scroll with borders and background */
.MagicScroll.msborder {background:#efefef; border:1px solid #e1e1e1;}
.MagicScroll.msborder .MagicScrollItem {background:#fff; border-right:1px solid #efefef; padding: 6px 0;}
.MagicScroll.msborder.vertical .MagicScrollItem {border-right:none; border-bottom:1px solid #efefef;}
.MagicScroll.msborder .MagicScrollArrows {width: 36px; height: 36px;  background: url('../grafika/ms/arrows-padding.png');}
.MagicScroll.msborder .MagicScrollArrowTop {background-position: 36px 0;}
.MagicScroll.msborder .MagicScrollArrowBottom {background-position: 36px 36px;}
.MagicScroll.msborder .MagicScrollArrowLeft {background-position: 0 36px;}
.MagicScroll.mstext .MagicScrollItem {text-align: left; line-height:1.2; padding:9px; border:none;}