/*iregiony*/
html {overflow-y:scroll;} 
body {background:#FFF;}
#main {position:relative; width:100%; margin:0 auto; text-align:center}
.counters {position:absolute; top:-5000px; left:-5000px; z-index:1;}
.m-bg-1 {position:relative; z-index:2; min-height:600px; padding:7px 0; background:url("/o/iregiony/bg-line.gif") repeat-y 50% 0;}
.m-bg-2 {}
.m-bg-3 {}
.m-bg-4 {width:1000px; min-height:600px; margin:0 auto; padding:0 0 1px; background:#FFF; text-align:left;}

.klikaci-body .m-bg-1 {position:relative; z-index:2; min-height:600px; margin:0 auto -10px; padding:10px 0 0; background:url("/u/n4/shadeTop.png") no-repeat 50% 0;}
.klikaci-body .m-bg-2 {padding:0 0 10px; background:url("/u/n4/shadeBot.png") no-repeat 50% 100%;}
.klikaci-body .m-bg-3 {background:url("/u/n4/shadeMid.png") repeat-y 50% 0;}
.klikaci-body .m-bg-4 {width:1000px; min-height:600px; margin:0 auto; padding:0 0 1px; background:#FFF; text-align:left;}

a {color:#093a6f}
a:hover {}

/*portal*/
#portal {margin:0 0 20px}
#p-top {width:100%; min-height:6.25em; _height:6.25em; background:#fbd03b}
#p-logo {float:left; margin:1.25em 0 0 1.67em}
#p-top ul {float:right; display:table; width:750px; height:6.25em}
#p-top li {display:table-cell; *float:left; text-align:center; vertical-align:middle}
#p-top ul a {display:block; *float:left; padding:1.69em 0.5em; font-size:134%; font-weight:bold; color:#003169; text-decoration:none; white-space:nowrap}
#p-top ul a:hover, #p-top ul .act {color:#FFF; background:#347fcb}
#p-top ul li:last-child {color:#003169; background:#f69d08}

/*foot*/
#foot {padding:7px 0 0; background:url("/o/iregiony/bg-line.gif") repeat-y 50% 0;}
#f-logo {float:left; overflow:hidden; display:block; width:248px; height:58px; text-indent:-1000%; background:url("/o/iregiony/foot-logo.png") no-repeat}
#foot .f-bg {padding:15px 20px; background:url("/o/iregiony/bg-foot.gif")}
#f-copy {float:right; width:640px; line-height:1.67em; font-size:75%; color:#686868;}
.f-menu {list-style:none}
.f-menu li {float:right; padding-right:1px; background:url("/o/iregiony/f-menu-separator.gif") no-repeat right center}
.f-menu li:first-child {background:none}
.f-menu a {padding:0 0.83em; color:#414040; text-decoration:none}
.f-menu li:first-child a {padding-right:0}
.iweb2 {float:right; margin:5px 0 0 10px}

/*content*/
.col-a {float:left; width:630px; margin:0 0 0 10px; }
.col-b {float:right; width:300px; margin:0 10px 0 0}
.col-line {margin:0 0 20px; background:url("/o/iregiony/bg-col.gif") repeat-y top center}
.space-c {margin-right:10px}
#content {min-height:400px}

/*margin-bottom*/
.list-gas table, #hp-maps, .list-art-hp .art, .list-art-hp, .list-traffic {margin-bottom:22px}

/*title*/

.online-art h2, .moot-art h2, .moot-headline h2, .multi-art h2, .anketa-art h2, .kemel-list h2, .aukce-art h2, .aukce-list h2, .test-art h2, .test-articles h2, .test-html h2, .poradna-art h2, #porad-vypis h2, #osob-online h2, #proof h2, .poutani-art h2, .setting-homepage h1, .kalk-top h2, .h2-tit, #poradny-top h2, #poradny2 h1 {color:#000}

/*doprava*/
#doprava h1 {margin:0 0 7px; font-size:166%; font-weight:bold;}

/*form*/
.form select, .form .inp {height:1.71em; line-height:1.71em; padding:2px 7px; margin:0 0 10px; font-size:117%; border:1px solid #CCC; background:#FFF}
.form select {padding:2px 4px}

/*filter*/
.filter-gas, .filter-traffic {padding:0.42em; text-align:center; border-top:1px dotted #979797; border-bottom:1px dotted #979797; background:#f3f3f3}
.filter-gas select, .filter-traffic select {margin:0 0.25em}

/*bttn*/
/*bttn default*/
.bttn {display:inline-block; min-width:1em; line-height:1.83em; /*height:31px;*/ vertical-align:middle; margin:0 2px; padding:0 .5em; font-size:12px; text-decoration:none; color:#4F4F4F; border:1px solid #CCC; border-radius:3px; background:#E0E0E0 url("/o/jobdnes_v3/button/bttn-line-v2.png") repeat-x; white-space:nowrap; text-align:center; font-weight:bold; cursor:pointer; overflow:visible;}
.bttn:hover {text-decoration:none; color:#4F4F4F; background-position:0 -60px; background-color:#CACACA; border-color:#C2C2C2; box-shadow:0 0 3px #999;}

/*pages*/
.pages {font-size:117%; text-align:right}

/*ico*/
.ico a, .ico-r a {color:#080}
.ico a span, .ico-r a span {background-color:#080}
.ico a:hover, .ico-r a:hover {color:#F69D08}
.ico a:hover span, .ico-r a:hover span {background-color:#F69D08}

/*art*/
.art {margin:0 0 15px}
.art .perex a {color:#fcc000; text-decoration:none}

.list-art {margin-left:0}

#nxt-cl .art {padding-top:15px; border-top:2px solid #fcc000}
#nxt-cl .art img, #nxt-cl .art u, #nxt-cl .art .mark-video {top:15px}

.art-box {padding:22px 0 0; background:url("/o/iregiony/art-line.gif") no-repeat center top}
.list-art-hp h2 {margin:0 0 7px 10px; font-size:125%; font-weight:bold; text-transform:uppercase}
.list-art-hp h2 a {color:#fcc000; text-decoration:none}
.list-art-hp h3 {font-size:134%}
.list-art-hp .perex {font-size:100%}
.list-art-hp .perex a {display:block; text-align:right; font-size:117%; color:#fcc000; text-decoration:none}
.list-art-hp .perex a:after {content:" >"}
.list-art-hp {margin:0 10px 10px}
.list-art-hp .art {width:278px; padding:0 10px 0 187px; margin-left:10px}
.list-art-hp .no-img {width:465px; padding-left:0}
.list-art-hp .art-box:first-child {padding:0; background:none}

/*hp*/
#hp-maps {position:relative; margin:-20px 10px 22px; min-height:334px; border-bottom:2px solid #fcc000; background:url("/o/iregiony/bg-radio-bot.png") no-repeat center top}
#hp-maps:before {content:" "; position:absolute; z-index:1; top:-75px; left:194px; width:63px; height:75px; background:url("/o/iregiony/bg-radio-top.png") no-repeat center top}
/*mapa*/
#mapa-obal {background:url("/o/iregiony/mapa.png") no-repeat 50% 0; position:relative} /**/
#mapa {background:url("/o/iregiony/mapa-hover.png") 0 -5000px no-repeat; display:block; margin:auto}
/*kraje*/
#hp-maps .location {overflow:hidden; position:relative; display:table; width:620px; padding:0 83px 0 0; margin:0 0 0 170px; border:2px solid #fcc000; border-radius:5px 0 0 5px; background:#FFF url("/o/iregiony/bg-location.gif") repeat-y top right}
#hp-maps h3 {position:absolute; width:85px; text-align:center; z-index:1; top:50%; right:0; margin:-8px 0 0; font-weight:bold; color:#002e66}
#hp-maps menu {display:table-cell; list-style:none}
#hp-maps menu li {float:left; padding-right:1px; background:url("/o/iregiony/f-menu-separator.gif") no-repeat right center}
#hp-maps menu a {float:left; display:inline-block; line-height:1.81em; padding:0 1.2em; font-weight:bold; text-decoration:none }
#hp-maps menu a:hover {color:#FFF; background:#347fcb}

.hp-rfull {margin:0 0 10px}

.hp-maps-art {position:absolute; top:30px; right:0; z-index:2; width:260px;}
.hp-maps-art .art {padding:0 0 0 90px}
.hp-maps-art .art img, .hp-maps-art .art .mark-video {width:80px; height:60px;}
.hp-maps-art h2 {margin:0 0 4px; font-size:125%; font-weight:700; text-transform:uppercase;}
.hp-maps-art h2 a {color:#fcc000; text-decoration:none;}
.hp-maps-art h3, #hp-maps .hp-maps-art h3 { position:static; width:auto; margin:0 0 .2em; font-size:125%; font-weight:400; text-align:left;}


/*maps-300*/
#mapa-300-obal {background:url("/o/iregiony/mapa-300.png") no-repeat 50% 0;}
#mapa-300-img {background:url("/o/iregiony/mapa-300-hover.png") 0 -5000px no-repeat; display:block; margin:auto}

#mapa-300-img.mapa-3 {background-position:0 -0px}
#mapa-300-img.mapa-10 {background-position:0 -187px}
#mapa-300-img.mapa-1 {background-position:0 -374px}
#mapa-300-img.mapa-4 {background-position:0 -561px}
#mapa-300-img.mapa-2 {background-position:0 -748px}
#mapa-300-img.mapa-11 {background-position:0 -935px}
#mapa-300-img.mapa-12 {background-position:0 -1122px}
#mapa-300-img.mapa-6 {background-position:0 -1309px}
#mapa-300-img.mapa-5 {background-position:0 -1496px}
#mapa-300-img.mapa-9 {background-position:0 -1683px}
#mapa-300-img.mapa-8 {background-position:0 -1870px}
#mapa-300-img.mapa-7 {background-position:0 -2057px}
#mapa-300-img.mapa-13 {background-position:0 -2244px}
#mapa-300-img.mapa-14 {background-position:0 -2431px}

/*benzin*/
.list-gas {font-size:117%}
.list-gas .order {padding:0.42em; text-align:center; border-top:1px dotted #979797; background:#f3f3f3}
.list-gas table {width:100%; border-collapse:collapse; border-top:1px dotted #979797}
.list-gas tr {border-bottom:1px dotted #979797}
.list-gas tr:hover {background:#f3f3f3}
.list-gas td {padding:5px}
.list-gas img {vertical-align:middle}
.list-gas .first {padding-left:0}
.list-gas .last {padding-right:0}
.list-gas .col1 {width:20px}
.list-gas .col6, .list-gas .col7 {width:15%}

/*box-video*/
.box-video {margin:0 0 22px; background:#fbd03b}
.box-video .img {position:relative; overflow:hidden; display:block; width:135px; padding:0 42px 0 0; vertical-align:middle; background:#347fcb}
.box-video .img:before {content:" "; position:absolute; z-index:1; right:10px; bottom:10px; width:25px; height:26px; background:url("/o/iregiony/ico-play.png") no-repeat}
.box-video h3 {font-size:125%; font-weight:bold}

#hp-video {margin:0 10px 22px; background:#FCD03B url("/o/iregiony/bg-box-video.jpg") no-repeat right center}
#hp-video .box {float:left; width:430px}
#hp-video .img {float:left; margin:0 10px 0 0}
#hp-video h3 {margin:20px 15px 10px 10px}

#b-video {padding:25px 25px 1px}
#b-video .img {width:100%; padding:0; margin:0 0 10px}
#b-video .box {margin:0 0 25px}

/*doprava*/
#doprava .phone {padding:12px 0 10px 30px; font-size:117%; background:url("/o/iregiony/ico-phone.png") no-repeat 4px center}
#doprava .phone span {color:#f3ad05}

.list-traffic {width:100%; border-collapse:collapse; border-top:1px dotted #979797}
.list-traffic tr {border-bottom:1px dotted #979797}
.list-traffic tr:hover {background:#f3f3f3}
.list-traffic td {padding:5px; vertical-align:middle}
.list-traffic .img {padding-left:0; width:76px}
.list-traffic img {vertical-align:middle}
.list-traffic h3 {margin:0 0 4px; font-size:134%; font-weight:bold}
.list-traffic p {margin:0 0 4px; font-size:117%}
.list-traffic h3 span, .list-traffic p span  {color:#f3ad05; font-weight:bold}
.list-traffic .time {margin:0; font-size:100%; color:#666}

/*opravy*/
.de-area, .inputs input {background-color:#FFF}

/*mapa-benzin*/
.bubble-mark {width:150px; min-height:50px}

.bg-404 {color:#002e66; background:#dfdfdf}
#page404 {width:820px; margin:0 auto} 
#p404-top {padding:120px 0 0; margin:0 0 1em; background:url("/o/iregiony/bg404.jpg") no-repeat left bottom}
#p404-top #logo {float:right; margin:0 0 2em}
#p404-top p {float:right; width:460px; margin:0 0 1em; line-height:2em; font-size:134%}
#page404 .form {line-height:34px; vertical-align:middle}
#page404 .form p {float:left; margin-right:15px; font-size:166%; font-weight:bold; }
#page404 .inp {float:left; width:200px; margin-top:5px; margin-right:5px}
#page404 .bttn {float:left; margin-top:4px}