@charset "utf-8";

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

body { background: #000;}
body,td,th {
	color: /*#EBB48B*/ #B79677 /*#e3ba91*/ /*#ffdead*/;
	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 { color: #fff; font-size: 160%; }
.fontS170 { font-size: 170%; }
.fontS180 { font-size: 180%; }
.fontS190 { font-size: 190%; }
.fontS200 { font-size: 200%; }

a {
	color:#F08F4F /*#F4F0B9*/;
}
a:hover { color: #fff; text-decoration: none;}
ul { padding-left: 16px;}
ol li { list-style: decimal; padding: 5px 0;}

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;}
fieldset.hodn { padding: 10px 10px 0 10px; margin-bottom: 0px;}
.hodn legend { padding-bottom: 0px;}
fieldset.hodn table td { background: #0E0E0E;}

table { width: 100%;}
td, th {color:#B79677; padding: 3px 4px; text-align: left; vertical-align: top;}

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

h1, h2, h3, h4, h5 {
	color: #EDE68B;
	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 {color:#B79677; padding: 5px 0; line-height: 150%;}
.clear { clear:both; font-size:0; height:0; line-height:0;}
.date { font-weight: bold;}

.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; overflow: hidden;}

#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: 298px; 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 #mygallery #orez { overflow: hidden; width: 188px; height: 136px; z-index: 10;}
#monitor .rollButt { /*background:aqua;*/ width: 20px; height: 136px; float: left; display:block; z-index: 12;}
#monitor #mygallery #orez .belt {/*width: 1300px;*/ left: 0px; position:relative; z-index: 9;}
.panel { position:absolute; float: none;}
/*#monitor #mygallery table#orez .belt #pos01 { left: 0px;}
#monitor #mygallery table#orez .belt #pos02 {left: 188px;}
#monitor #mygallery table#orez .belt #pos03 {left: 376px;}
#monitor #mygallery table#orez .belt #pos04 {left: 564px;}
#monitor #mygallery table#orez .belt #pos05 {left: 752px;}
#monitor #mygallery table#orez .belt #pos06 {left: 940px;}
#monitor #mygallery table#orez .belt #pos07 {left: 1128px;}*/

#maskBl { position: relative; z-index: 11;}
#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;}
#maskBl #mask a img#snap_com_shot_link_icon {  z-index:auto;}

#seoBl { width: 847px; position: absolute; top: 170px; left: 57px; z-index: auto; }
#seoBl h1 { padding-bottom: 0px; }
#seoBl a[href^="http"] {background:url(../img/link-out.png) no-repeat right top; padding-right: 15px;}
#seoBl .contBl { padding: 0px;}
#seoBl .contBl p {color:#B79677; /*color: #FAECE2;*/ /*padding-bottom: 0px;*/}
#seoBl .contBl p.fontS120 {color: #EDE68B /*#F4E6D7*/ /*#CAB099*/; line-height: 120%; font-style:italic;}
#seoBl .contBl .fontS160 { font-size: 150%;}
/*#seoBl .contBl p strong { color: #F4E6D7;}
#seoBl .contBl p a strong { color: #F08F4F;}*/

#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%; 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.homeBig { background: #000 url(../img/bg-specbl.jpg) no-repeat; height: 366px; padding: 6px 16px; margin-bottom: 0px;}
#presentBl { background: #000 url(../img/bg-specbl.jpg) no-repeat; height: 63px; padding: 6px 16px; margin-bottom: 25px; overflow: hidden; /*border-bottom: solid 1px #460f00;*/}
div:hover#presentBl { background: #000 url(../img/bg-specbl.jpg) no-repeat; height: 366px; padding: 6px 16px; margin-bottom: 0px; overflow: hidden;}
#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 27px;}
#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 { display: block; font-size: 120%;}

#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: #fff;}
#flCol a, #flCol a strong { color: #F08F4F;}

.infoBl {color: #EDE68B; font-style: italic; font-size: 120%;}

#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 { color: #f0ea99;}
#benef li { list-style: none; background: url(../img/li-ico-benef.png) no-repeat left 5px; font-size: 110%; line-height: 110%; /*letter-spacing: -1px;*/ padding: 5px 0 8px 35px; margin: 3px 0; }

.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 30px 10px 30px;}
#oblibBl p {color:#B79677; /*color: #c0bb74;*/ font-size: 80%; padding: 5px 0;}

#partnBl {color: #71594A; padding: 10px 27px 0 27px;}
#partnBl a { color:#664B42;}

#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;}

.userOdkBl { background: url(../img/bg-odk-bl.png) no-repeat left top; width: 100%; height: 64px; overflow: hidden; margin-bottom: 10px;}
.userOdkBl a { display: block; float:left; width: 100px; padding: 14px 0 0 16px; height: 50px;}
#flCol .userOdkBl a, #flCol .userOdkBl strong { color: #FFFF99; text-decoration: none;}
#flCol .userOdkBl a:hover, #flCol .userOdkBl a:hover strong { color:#FFF;}
#flCol .userOdkBl a.act, #flCol .userOdkBl a.act strong { color:#FFF;}

#flCol #infoMenu { background: url(../img/bg-info-menu.png) no-repeat left top; margin: 0px; padding: 15px 0px 5px 10px; height: 51px; margin: 15px 0; }
#infoMenu li { list-style:none; float:left; width: 82px; padding-left: 26px; padding-right: 10px;}
#infoMenu li.end { width: 72px; padding-right: 0px;}
#infoMenu li a { color: #f0ea99; display: block; line-height: 120%; text-decoration: none; margin-right: 10px; /*background:#FF9900;*/}
#infoMenu li a:hover { color:#fff; text-decoration:underline;}
#infoMenu li a strong { font-size: 160%;}
#infoMenu li.clear { float:none; width: 100%;}

.iframe.loga { width: 100%; height: 480px; /*padding: 20px 0;*/}
.iframe.loga a img { border: none;}
.iframe.loga p {line-height:150%; padding:5px 0;}


#helpKontBl { padding: 0 30px 0 30px;}
#helpKont td { padding: 0px;}
#helpKont td a#contImg { color: #EAE17B; background: url(../img/bg-contact-col.png) no-repeat; font-size: 100%; height: 60px; padding: 10px 20px 10px 70px; line-height: 130%;}
#helpKont td a#contImg { font-weight: bold; text-decoration: none; display: block;}
#helpKont td a#contImg strong { font-size: 200%; line-height: 130%; letter-spacing: -1px;}
#helpKont td a:hover#contImg {color: #fff;}

#eshRef {}
#eshRef td { text-align: center;}
#eshRef td a { display: block; height: 80px; overflow:hidden;}
#eshRef td img { margin:auto; border: none;}