/* layout styles */

html { padding: 0; margin: 0;}
body { padding: 0; margin: 0; color: #000; background: #cdd9e0;  }

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

/* Layout */
#mother { background: #ffffff url(../img/bg-body.png) repeat-x 50% 0; padding-bottom: 15px; }
#mother-in1 { background: url(../img/bg-mother.png) no-repeat 50% 0; }
#mother-in2 { width: 960px; background: #ffffff url(../img/bg-mother-in.png) repeat-x 0 0; margin: 0 auto; position: relative; zoom: 1;  }

#content { padding: 20px; }

.col-side { width: 200px; float: left; }
.col-content { width: 760px; float: right; }

/* Header */
#header { zoom: 1; position: relative; }
#logo { float: left; margin: 20px 0 0 30px; _display: inline; }
 
#header .motive { background: url(../img/bg-motive-2.jpg) no-repeat 100% 0; width: 750px; height: 240px; float: right; margin: 23px 10px 0 0; padding-bottom: 10px; border-bottom: 1px solid #d1dce3; _display: inline;  } 

/* .ico-target { background: url(../img/ico-target.png) no-repeat 0 0; width: 67px; height: 67px; position: absolute; top: 240px; right: -34px; } */
.ico-target { width: 67px; height: 67px; position: absolute; top: 240px; right: -34px; }

/* Footer */
#footer { background: url(../img/bg-footer.png) repeat-x 0 0; padding-top: 10px; border-top: 2px solid #aabfcb; }
#footer-in { width: 960px; margin: 0 auto; }

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

#main-menu { margin-bottom: 15px; background: #294757; padding: 20px 0; margin-top: -141px; position: relative; zoom: 1; }
#main-menu ul { margin: 0 10px; padding: 0; border-top: 1px solid #3f5c6b; }
#main-menu ul li { margin: 0; padding: 0; background: none; list-style: none; border-bottom: 1px solid #3f5c6b; background: url(../img/bg-menu-item.png) repeat-x 0 100%; zoom: 1; }
#main-menu ul li a { display: block; padding: 5px 0 6px 25px;  color: white; text-decoration: none; font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; background: url(../img/bullet-menu-item.png) no-repeat 5px 8px; line-height: 1.3; zoom: 1;}

#main-menu ul li.active { background: #152c38 url(../img/bg-menu-item-active.png) no-repeat 0 0; }
#main-menu ul li.active a { color: #00c859; background-image: url(../img/bullet-menu-item-active.png); }
#main-menu ul li a:hover { color: #00c859; }

#lang-menu { position: absolute; top: 0; right: 0; background: #ffffff url(../img/bg-lang-menu.png) no-repeat 0 0; padding-left: 50px; padding-right: 3px; }
#lang-menu ul { margin: 0 0 0 5px; padding: 2px 0 0px; overflow: hidden; }
#lang-menu ul li { margin: 0; padding: 0 7px; float: left; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 13px; line-height: 1.2; background: url(../img/bg-lang-menu-item.png) no-repeat 0 50%; }
#lang-menu ul li a { color: #294757; text-decoration: none;  }


#lang-menu ul li:first-child { background: none; }
#lang-menu ul li { background: expression(this.parentNode.firstChild == this ? 'none' : 'url(../img/bg-lang-menu-item.png) no-repeat 0 50%'); }
#lang-menu ul li.active a { font-weight: bold; }

.top-strip { background: url(../img/bg-strips.png) repeat-x 0 0; padding-top: 5px; } 

.annot { font-size: 116.667%; padding-bottom: 1px; margin-bottom: 20px; background: url(../img/bg-strips.png) repeat-x 0 100%; }

.img-box-right, .img-box-left { float: right; margin: 0 0 10px 20px; }
.img-box-right img, .img-box-left img { border: 3px solid white; display: block; margin: 0; }
.img-box-left { float: left; margin: 0 20px 10px 0; }
.img-box-right .desc, .img-box-left .desc { margin: 0; text-align: center; padding: 5px 0; }

/* Attached images */
.att-images { margin: 0 0 20px 0; }
.att-images ul { margin: 0 0 17px 0; padding: 0; width: 100%; float: left; }
.att-images ul li { margin: 0 0 0 17px; padding: 0; background: none; float: left; }
.att-images ul li:first-child { margin-left: 0; }
.att-images ul li { margin-left: expression(this.parentNode.firstChild == this ? '0' : '7px'); }
.att-images ul li img { display: block; background: white; padding: 1px; border: 3px solid #AABFCB;  }

/* pridano */
#footer a { color: black; }
#lang-menu ul li a:hover { text-decoration: underline; }
#lang-menu ul li.active a:hover { text-decoration: none; }
#mother { background: #ffffff url(../img/bg-body.png) repeat-x 50% 0; padding-bottom: 55px; }