@charset "utf-8";

* { padding: 0px; margin: 0px;}

body { background: #000;}
body,td,th { color: #ccc88e; font-size: 12px; font-family: Arial, Helvetica, sans-serif;}

/******************************************
*            VELIKOSTI PRVKU              *
******************************************/
.sizeS { width: 50px; }
.sizeSm { width: 75px; }
.sizeM { width: 100px; }
.sizeMl { width: 125px; }
.sizeL { width: 150px; }
.sizeLl { width: 175px; }
.sizeXl { width: 200px; }
.sizeXxl { width: 225px; }
.sizeXxxl { width: 250px; }
.sizeMax1 { width: 350px; }
.sizeMax2 { width: 400px; }
.sizeMax3 { width: 450px; }

/******************************************
*               FONT SIZE                 *
******************************************/
.fontS110 { font-size: 110%; }
.fontS120 { font-size: 120%; }
.fontS130 { font-size: 130%; }
.fontS140 { font-size: 140%; }
.fontS150 { font-size: 150%; }
.fontS160 { font-size: 160%; }
.fontS170 { font-size: 170%; }
.fontS180 { font-size: 180%; }
.fontS190 { font-size: 190%; }
.fontS200 { font-size: 200%; }

a { color:#f0ea99;}
a:hover { color: #fff; text-decoration: none;}
ul { padding-left: 16px;}
ol li { list-style: decimal;}

fieldset { border: 1px solid #161616; padding: 10px; margin-top: 10px; margin-bottom: 20px;}
legend { color: #fff; font-size: 110%; font-weight: bold; font-style: italic;  padding-bottom: 10px;}

table { width: 100%;}
td, th { padding: 3px 4px; text-align: left; vertical-align: top;}
td.rightAl, th.rightAl { text-align: right;}

.borderTable { border: 1px solid #161616; border-collapse: collapse;}
.borderTable td, .borderTable th { border: 1px solid #161616; border-collapse: collapse;}
.borderTable th { background: #ed3f0a;}
.borderTable td { background: #111111;}

h1, h2, h3, h4, h5 { color: #fff; padding-bottom: 5px; clear: both; font-weight: normal;}
h1 { font-size: 160%;}
h2 { font-size: 160%; margin-bottom: 5px;}
h3 { font-size: 120%; font-weight: bold;}
h4 { font-size: 110%;}
h5 { font-size: 100%;}
h3, h4, h5 { padding-top: 20px;}

.contBl { padding: 10px 30px;}
.contBl p, .contBl ul, .contBl ol { padding: 5px 0; line-height: 150%;}
.clear { clear:both; font-size:0; height:0; line-height:0;}
.date { font-weight: bold;}
.miniInfo { font-size: 80%; font-style: italic; margin-top: 20px;}

.flLeft { float: left;}
.flRight { float: right;}
.flLeftImg { border: solid 1px #fff; float: left; margin: 0 10px 10px 0;}
.flRightImg { border: solid 1px #fff; float: right; margin: 0 0 10px 10px;}


.formButt { border: none; padding: 3px 10px; background: #ed3f0a; color: #fff; font-size: 100%; font-weight: bold; text-transform: uppercase; cursor: pointer;}
.formButt:hover { background: #0aa8da; /*color: #fff;*/}


#main { width: 962px; margin: auto;}

#head { background: url(../img/head-img.jpg) no-repeat;  height: 322px; position: relative;}
#headMenu { background: url(../img/bg-menu.jpg) no-repeat; width: 567px; height: 84px;}
#logo { text-decoration: none; width: 384px; height: 69px; position: absolute; left: 54px; top: 103px; z-index: auto; }
#helpBl { display: none; text-decoration: none; width: 115px; height: 113px; position: absolute; left: 788px; top: 124px; z-index: auto; }

#monitor { background:url(../img/monitor.jpg) no-repeat; width: 274px; height:165px; padding: 33px 0 0 31px; position:absolute; right: 3px; top: 0px; z-index:auto; }
#monitor a { text-decoration: none;}
#monitor #mygallery { overflow: hidden; width: 188px; height: 136px; float:left;}
#monitor .rollButt { /*background:aqua;*/ width: 20px; height: 136px; float: left; display:block;}
.belt {width: 1300px; left: 0px; position:relative;}
.panel { position:absolute; float: none;}
#pos01 { left: 0px;}
#pos02 {left: 188px;}
#pos03 {left: 376px;}
#pos04 {left: 564px;}
#pos05 {left: 752px;}
#pos06 {left: 940px;}
#pos07 {left: 1128px;}

#maskBl { position: relative;}
#maskBl #mask { background:url(../img/monitor-mask.png) no-repeat; width: 203px; height: 148px; position: absolute; left: 10px; top: -6px; z-index: auto;}
#maskBl #mask a { display:block; width: 183px; height: 148px; margin:auto;}

#seoBl { width: 847px; position: absolute; top: 190px; left: 57px; z-index: auto; }
#seoBl a[href^="http"] {background:url(../img/link-out.png) no-repeat right top; padding-right: 15px;}
#seoBl .contBl { padding: 0px;}
#seoBl .contBl p {}

#colMenu { padding-bottom: 0px;}
#colMenu ul { }

.menu { }
.menu li { list-style: none;}
.menu li a { display: block;}
.horiz { padding: 0 28px;}
.horiz li { float: left;}
.horiz li a { color: #fff; font-weight: bold; font-size: 120%; letter-spacing: -1px; width: 170px; line-height: 56px; padding: 0 0 28px 0; text-align: center; text-decoration: none;}
.horiz li a:hover { text-decoration: underline;}
.horiz li.act a{ color: #f0ea99; font-weight: bold;}

.vert { }
.vert li { }
.vert li a { background: #003573; /*font-weight: bold;*/ font-size: 120%; text-decoration: none; margin-bottom: 1px; padding: 5px 10px;}
.vert li a:hover { background: #002c60;}
.vert li.act a { background: #ed3f0a;}

#content { background: url(../img/bg-delitko.png) repeat-y 320px top; margin-bottom: 20px;}
/*#content p, #content ul, #content ol { color: #b0e0e6;}*/


#presentBl {background: #000 url(../img/bg-specbl.jpg) no-repeat; height:63px; margin-bottom:25px; overflow:hidden; padding:6px 16px;}
#presentBl.homeBig {  height: 366px; padding: 6px 16px;}
#presentBl:hover {  height: 366px; padding: 6px 16px;}
#presentBl a { color: #f0ea99; display: block; width: 286px; padding: 24px 12px; float: left; text-decoration: none;}
#presentBl a:hover { color: #fff;}
#presentBl a.act { color: #fff;}
#presentBl a span { display: block;}
#presentBl a .nadpPres { font-size: 160%; text-transform: uppercase; font-weight: bold; letter-spacing: -1px; height: 36px; padding: 10px 0 0 23px;}
#presentBl a .imgPres { height: 159px; overflow: hidden;}
#butt01 .imgPres { background: url(../img/img-butt01.jpg) no-repeat left top;}
a:hover#butt01 .imgPres { background: url(../img/img-butt01a.jpg) no-repeat left top;}
#butt01.act .imgPres { background: url(../img/img-butt01a.jpg) no-repeat left top;}
#butt02 .imgPres { background: url(../img/img-butt02.jpg) no-repeat left top;}
a:hover#butt02 .imgPres { background: url(../img/img-butt02a.jpg) no-repeat left top;}
#butt02.act .imgPres { background: url(../img/img-butt02a.jpg) no-repeat left top;}
#butt03 .imgPres { background: url(../img/img-butt03.jpg) no-repeat left top;}
a:hover#butt03 .imgPres { background: url(../img/img-butt03a.jpg) no-repeat left top;}
#butt03.act .imgPres { background: url(../img/img-butt03a.jpg) no-repeat left top;}
#presentBl a .textPres { padding: 20px 30px; font-size: 90%;}
#presentBl a .textPres strong { color: #fff; display: block; font-size: 150%; font-weight: normal; margin-bottom: 5px;}

#presentBl p { color: #fff; font-size: 110%;}




#leftCol { width: 33.3%; float: left;}

#flCol { width: 66.6%; float: right;}
#flCol table { margin-bottom: 10px;}
#flCol ul, #flCol ol { margin-left: 20px;}
/*#flCol strong { color: #ffdfd2;}*/
#flCol a, #flCol strong { color: #fff;}

#centrCol { width: 100%; float: right;}
#centrCol a[href^="http"] {background:url(../img/link-out.png) no-repeat right top; padding-right: 15px;}
.home #centrCol { width: 50%; float: left;}
#centrCol h2 { padding-top: 30px;}
#centrCol h2.top { padding-top: 0px;}

#rightCol { display: none; float: right;}
.home #rightCol { width: 50%; display: block; float: right;}


#newsBl {}
#newsBl p { padding: 0 0 10px 0;}
#newsBl .date { padding: 0px;}
#newsBl a { /*text-decoration: none;*/}
#newsBl a:hover { /*text-decoration: underline;*/}


#benef ul { padding: 5px 0; margin: 0px;}
#benef li { list-style: none; background: url(../img/li-ico-benef.png) no-repeat left 5px; font-size: 120%; letter-spacing: -1px; padding: 5px 0 8px 35px; }

.pager { padding: 5px; border: solid 1px #161616; margin: 5px 0; clear: both;}
.pager a { color: #fff; font-size: 110%; text-align: center; font-weight: bold; text-decoration: none; width: 20px; height: 20px; line-height: 20px; margin: 0 1px; display: block; float: left;}
.pager a:hover { color: #000; background: #ff9962;}
.pager a.act { background: #ed3f0a;}

#foot {	background: url(../img/bg-footer.png) no-repeat center top; font-size: 90%; padding: 10px 0 20px 0;}
#foot #footCont { width: 962px; margin: auto; }
#foot #footCont .flLeft { }

#oblibBl { padding: 10px 20px 10px 60px;}
#oblibBl p { color: #c0bb74; font-size: 80%; padding: 5px 0;}

#partnBl { color: #706C4B; padding: 10px 27px 0 27px; }
#partnBl a { color:#646144; }

#kontaktInfo { background: url(../img/bg-info.png) no-repeat left bottom; /*width: 596px;*/ height: 64px; padding: 25px 20px 10px 40px; position: relative; cursor: pointer;}
#kontaktInfo p { color: #0074e3; /*font-size: 110%; line-height: 110%;*/ padding: 0 40px 0 0;}
#kontaktInfo .kontaktFormBlHid { background: #000; width: 573px; padding: 10px; position: absolute; left: -10px; bottom: 89px; z-index: auto; display: none;}
#kontaktInfo:hover .kontaktFormBlHid { display:block;}