/* \*/
* html li a { overflow: hidden; o\verflow: visible; he\ight: 1px; }
/* osetreni ie bugu s italic fontem */

.mtit {font-weight:bold; margin-bottom:0; padding-bottom:0}

/* ikonka v portalovce */
#pi-spo {background:url('/o/xhp_old/volby.gif') 0 3px no-repeat; padding:2px 0 6px 26px}
#pi-rev {background:url('/o/xhp_old/ico_vanoce.gif') 0 3px no-repeat; padding:2px 0 6px 18px}

/*Neco od skolaka*/
.cnfimg {width:200px; height:80px; border:1px solid black}

#col-w-b, .col-w-b  {float:left; width:640px; margin-left:10px; /**/ position:relative; /*top:-5px; _top:-6px; padding-top:5px; */}
#col-w-c, .col-w-c {float:right; width:302px}
.expander {width:330px; float: left;}
.expander div.art-ab {display:block; clear:both; width:644px; _width:642px; margin-right:-310px; position:relative}
.expander div.art-a {float:left; width:330px; display:block; margin-right:10px; _margin-right:6px}
.expander div.art-b {float:left; width:302px; display:block}

/* LAYOUT */ /* overflow pouzivej opatrne (jen u 'col-a' a 'col-b'), jinak muze orezavat reklamy! */
#page {float:left; padding-left:2px; width:998px !important; width /**/:1000px}
#col-a, .col-a {float:left; width:121px; overflow:hidden}
#col-b, .col-b {float:left; width:330px; margin-left:10px; overflow:hidden}
#col-c, .col-c {float:left; width:302px; margin-left:10px}
#col-d, .col-d {float:left; width:171px; margin-left:49px}
#col-ab, .col-ab {float:left; width:463px; overflow:hidden; }
#col-abc, .col-abc {float:left; width:775px; }
#col-bc, .col-bc {float:left; width:644px; margin-left:10px}
#col-bc #col-b, .col-bc #col-b, #col-bc .col-b, .col-bc .col-b {margin-left:0} /* Cifrik: aby se nescital margin */
#col-bcd, .col-bcd {float:left; width:867px; margin-left:10px}

.mt-14 {margin-top:-13px; _margin-top:-14px} /* posunuti col-c nahoru, kvuli dot */
#extra-sect {clear:both; float:left; padding-left:4px; width:769px !important; width /**/:773px}
#extra-art {clear:both; float:left; padding-left:5px; width:456px !important; width /**/:461px}
#extra-arch {text-align:right; padding-right:10px; font-weight:bold}


/* obarveni portalovky */
#plink {clear:both; margin:0; padding:0; height:3px; font-size:3px; width:1000px; background-color:gray}
#sect {background:gray url('/u/sorn.gif') top left no-repeat; padding:1px 0 2px 19px; color:#FFF; font-size:18px; line-height:1.25; float:right; width:365px !important; width /**/:384px; font-weight:bold}
#clink {height:2px; width:1000px; background-color:gray}

/* TMENU */
#tmenu {margin:15px 0 0; padding:0; font-size:0.84em; line-height:1.3}
#tmenu .tmin {padding:2px 5px 3px 6px; background-color:#EEE; color:#000}
#tmenu a {display:block; padding:3px 0; margin:0; color:#000; text-decoration:underline}
#tmenu a:hover {color:#EE333E}

/* MENU */
.menu {padding:0; font-size:0.84em; line-height:1.3}
.mtop {padding-top:2px; border-top:3px solid gray}
.mbot {padding-bottom:0px; _padding-bottom:2px; border-bottom:3px solid gray}
.menu-top, .menu-bottom {height:2px; background-color:gray; margin:0 0 2px 0}
.menu a {display:block; padding:3px 17px 1px 4px; margin:0 0 2px 0; text-decoration:none; background-image:url('/u/menutecka180.gif'); background-repeat:no-repeat}
.menu a:hover {text-decoration:underline; background-position:100% -176px !important; background-position:100% -175px}
.menu a.m1, .menu a.m2, .menu a.m1s, .menu a.m2s {text-transform:uppercase}
.menu a.m1s, .menu a.m2s, .menu a.m3s {background-position:100% -176px !important; background-position:100% -175px}
.menu .m1 {width:auto}
.menu a.m1, .menu a.m1s, .menu a.m2, .menu a.m2s, .menu a.m3s {font-weight:bold}
.menu a.m1, .menu a.m1s {border-top:1px solid gray; border-bottom:1px solid gray; background-color:gray; color:#FFF}
.menu a.m2, .menu a.m2s {border-top:1px solid #DDD; border-bottom:1px solid #DDD; background-color:#DDD; color:gray}
.menu a.m3, .menu a.m3s {padding-left:7px; text-transform:none; padding-left:10px}
.menu a.m1s, .menu a.m2s, .menu a.m3, .menu a.m3s {border-top:1px solid #EFEFEF; border-bottom:1px solid #EFEFEF; background-color:#EEE; color:gray}
.mnew {color:white; margin-right:8px; text-decoration:none}

.menu span.m2, .menu span.m2s {display:block; text-transform:uppercase; font-weight:bold; padding:3px 17px 1px 4px; margin:0 0 2px 0; border-top:1px solid #DDD; border-bottom:1px solid #DDD; background-color:#A7A7A7; color:white}

/* PHOTOS */
.phr, .phr-b {float:right; margin:0; margin-left:6px; padding:0}
.phl, .phl-b {float:left; margin:0; margin-right:6px; padding:0}
.phc, .phc-b {text-align:left; margin:0 auto 0px; padding:0}
.phl, .phr, .phc {border:none}
.phr-b, .phl-b, .phc-b {border:1px solid #000}
.ph-max:hover {text-decoration:none}
.s-max {display:block; background:#000 url("/u/plus.gif") 0 0 no-repeat; color:White; cursor:hand}
.s-max span {margin-left:25px; font-size:80%}

.s-fmax, .s-fnext {display:block; width:326px; height:14px; text-align:right; color:#C6C6C6; padding-right:4px !important; font-size:0.8em; background:#000 url("/u/cl-lupa.gif") 0 0 no-repeat; cursor:hand}
.s-fmax span {margin-left:25px; font-size:80%}

.s-fnext {background:#000 url("/u/art-3cubes.gif") 100% 0 no-repeat}

#opener table a {text-decoration:none !important}


/* LEFT EXTRAS */
#left .xbi {padding:6px 5px 6px 6px; color:#444; font-size:0.92em}
#left table td {margin:0; padding:2px 2px 2px 1px}
#number-of-day {font-size:1.63em; display:block}

/* INSERTION */
.it {position:relative; margin:13px 0 0; font-size:1em}
.it .fca {font-size:7px; height:7px}
/* insertion dot */
.it .dot, .it .dotr {position:absolute; top:-13px; font-size:1px; width:13px; height:13px}
.it .dot {left:0px; background:url('/u/dot_gray.gif') right top no-repeat}
.it .dotr {left:5px; width:8px; height:8px; background-color:#EE333E} /* cervena tecka */
/* insertion caption */
.itc, .itr, .itr2 {position:absolute; top:-1.5em; z-index:1; font-weight:normal; margin:0; padding:0; text-align:right; font-size:0.77em; line-height:1.3}
.itc {right:5px; font-size:0.77em; color:gray}
.itr {right:5px; font-size:0.77em; color:#EE333E} /* cerveny napis */
.itr2 {left:20px; color:#EE333E} /* cerveny napis */
.itt {position:absolute; top:-1.2em; left:20px; z-index:1}
.itti {font-weight:normal; margin:0; padding:0; font-size:0.84em; color:#000; line-height:1.3}
.it .itti a {color:#000; text-decoration:none}
.it .itti a:hover {color:#000}
/* insertion border (banners) */
.itb {padding:0; margin:0; border:1px solid #000; line-height:0; background-color:#F4F4F4}
/* insertion inner */
.iti {padding:6px 8px 7px; margin:0; font-size:0.84em; line-height:1.3}
.iti p {margin:0; padding:0.25em 0 0.5em}
.iti img {margin:0 5px}
.itir {margin:0; padding:0.5em; color:#CC3300; font-size:89%}
.itie {padding:3px 0; background:#fff; text-align:center; font-size:0.92em}
.itie img {margin:0}
/* insertion heights */
.ith1 {min-height:148px; height:auto !important; height:148px}
.ith2 {min-height:70px; height:auto !important; height:70px}
/* insertion colors */
.itc1 {background:#F6F6F6}
.itc2 {background:#D3D3D3}
.itc3 {background:#FDDFE0}
/* insertion links */
.itc1 a {color:#444}
.itc1 a:hover {color:#EE333E}

/* BOXES */
.c {clear:both; width:100%; height:1px; line-height:1px; margin:-1px 0 0 0; padding:0; border:none; display:none}
.x {position:relative; margin:1em 0 0; font-size:1em; line-height:1.3}
/* box dot */
.x .dot {position:absolute; left:0px; top:-13px; border:1px solid gray; border-bottom:0; width:14px !important; width /**/:16px; height:13px !important; height /**/:14px; font-size:1px; background:url('/u/dot_gray.gif') 50% 3px no-repeat}
/* box header */
.xt {position:absolute; top:-1em; left:20px; z-index:1}
.xti {font-weight:normal; margin:0; padding:0; font-size:0.84em; line-height:1.3; color:#EE333E}
.xti .inf {color:#000; padding-left:0.25em; _height:1px; _margin-bottom:-3px}
.xti a {color:#EE333E; text-decoration:none}
.xti a:hover {color:black}
.xta {position:absolute; top:-1em; right:0px; z-index:1}
.xtai {font-weight:normal; margin:0; padding:0; text-align:right; font-size:0.84em; line-height:1.3; color:#000}
.xtai a {color:#000; text-decoration:none}
.xtai a:hover {color:#EE333E}
/* box v tele clanku */
.xa {font-size:0.92em; border:1px solid gray; _height:1px; padding:7px 5px 7px 7px; line-height:1.3}
.xa p {padding:0 0 0.5em; margin:0}
.xa h4, .xa h4 a, .xa a:hover, .xa a.imp {color:#EE333E}
.xa h4 a:hover, .xa a, .xa a.imp:hover {color:gray}
.xa ul {padding:0; margin:0; padding-top:5px; clear:both; list-style:none}
.xa ul li {font-size:1em; 	line-height:1.3; margin:0 !important; padding:0 0 3px 15px !important; background:url('/o/zpr/li-dot.gif') left top no-repeat !important; list-style:none !important; 	}
.xac1 {background:#FFF}
.xac2 {background:#DDD}
.xac3 {background:#EFEFEF}
.xac4 {background:#FDDFE0}
/* box body/extra */
.xb {font-size:0.92em; border:1px solid gray; _height:1px}
.xbi, .xei {padding:7px 5px 7px 7px; line-height:1.3}
.xbi p, .xei p {padding:0 0 0.5em; margin:0}
.xbi a.inf {color:#444}
.xbi a.inf:hover {color:#EE333E}
.xei a {color:gray}
.xei a:hover {color:#EE333E}
.xei ul {padding:0; margin:0; padding-top:5px; clear:both; list-style:none}
.xei ul li {font-size:1em; line-height:1.3; margin:0 !important; padding:0 0 3px 15px !important; background:url('/o/zpr/li-dot.gif') left top no-repeat !important; list-style:none !important}
/* box sedy s modrym pruhem */
.xd {background:#EEE url('/u/blue.gif') repeat-x top left; padding:5px; margin:0 0 10px 0}
.xd .capt, .xd .capt-s {width:115px; float:left; text-align:right; line-height:180%; font-weight:bold; font-size:100%}
.xd .capt-s {width:70px}
.xd input {margin:2px 5px 0px 3px}
.xd input.text, .xd textarea.text {width:230px; height:150px; float:left; text-overflow:clip; border:1px solid gray; background-color:white}
.xd input.text { overflow:hidden; }
.xd a {color:#808080; margin:0 5px}
.xd span {font-size:83%}
.xd h3 {font-size:120%; margin:0 10px; color:#EE333E; text-transform:uppercase} 
.xd h4 {font-size:100%; margin:0 10px}
/* box body/extra colors */
.xc1, .xc1 .dot {background-color:#FFF}
.xc2, .xc2 .dot {background-color:#FCFCDA}
.xec1 {background-color:#DDD}
.xec1 a {color:#EE333E}
.xec1 a:hover {color:#000}
.xec2 {background-color:#FAEB7E}
/* box heights */
.xeh1 {min-height:18px; height:auto !important; height:18px}

/* ARTICLE */
.art {margin-bottom:9px; zoom:1}
.art .tit {font-weight:bold; margin:0 0 0.2em; padding:0; font-size:1.07em; line-height:1.37}

.art-phototext {color:#808080; font-size:0.84em; line-height:1.3; font-style:italic}
.art-phototext a {color:black}
.art-phototext a:hover {color:#EE333E}

.phototext {color:#808080; font-size:0.84em; line-height:1.3; font-style:italic; margin-top:2px}
.phototext a {color:black}
.phototext a:hover {color:#EE333E}

.art-full .phototext {color:#808080; font-size:0.84em; line-height:1.3; font-style:italic; margin-top:6px}
.art-full .phototext a {color:black}
.art-full .phototext a:hover {color:#EE333E}

.art .time {color:gray; font-size:0.77em; margin-bottom:2px}
.art .time .aktual {color:#EF3039}
.art .perex {line-height:1.24}
.art .phl-b {margin-right:10px}
.art-next {text-align:right; padding:8px 12px 0 0; font-size:0.92em}
.art img.phl-b {margin-bottom:2px}
.photogal a, .audio a, .files a, .videogal a, .links a {color:#EE333E !important; font-weight:bold}
.photogal a:hover, .audio a:hover, .files a:hover, .videogal a:hover, .links a:hover {color:black !important}

/* barvy odkazu */
#art-full a {color:black}
#art-full a:hover {color:#EE333E}
#art-full a.imp {color:#EE333E}
#art-full a.imp:hover {color:black}
#inc a {color:black}
#inc a.imp {color:#EE333E}

/* OPENER */
#opener {position:relative; margin-bottom:2px}
#opener .tit {font-size:1.82em; display:block; line-height:1.3; margin:0 0 2px; padding-top:0} 
#opener .time {color:#2E4F8E; font-size:0.77em; margin:2px 0 0 0}
#opener .perex {font-size:1.07em; line-height:1.3; margin:0}

/* prilohy */
#art-add {padding:5px 10px; font-size:83%}
#art-add span {display:block; height:25px}
#art-add span a {padding-left:27px; padding-right:10px; color:#000}
#art-add span.print {background:url('/u/add-print.gif') left center no-repeat}
#art-add span.email {background:url('/u/add-email.gif') left center no-repeat}
#art-add span.mobile {background:url('/u/add-mobil.gif') left center no-repeat}
#art-add .add {width:33%; float:left; line-height:200%}

/*lista tisk*/
#print-add {background: #e3e3e3; height: 30px; line-height:30px; background: #e3e3e3 url(/o/online/pozadi.gif) right repeat-y;}
#print-add span a {color:#000000;padding-left:27px;padding-right:10px;}
#print-add span a:hover {color:red;}
#print-add .add-l {width: 40%; float: left;}
#print-add .add-l .email, #print-add .add-l .print {float: left; margin-left:5px;}
#print-add .add-t {float: left; width: 60%;}
#print-add .add-t span a {margin:0; padding:0 0 0 7px;}
#print-add .top {float: right; width:20%;}
#print-add span {display:block;height:25px;}
#print-add span.print {background:transparent url("/u/add-print.gif") no-repeat scroll left center;}
#print-add span.email {background:transparent url("/u/add-email.gif") no-repeat scroll left center;}

/* audio a video */
.append {border-left:10px solid #244383; border-right:1px solid #244383; background:#EEE; margin:5px 0 10px; color:#244383; font-weight:bold; width:96%}
table.append {width:100%;display:block; border-collapse:collapse;}
.append img {border:none; float:left; margin:0 5px 0 10px}
.append a.small {margin:0 0 0 20px; padding:0; text-decoration:none;}
.append a.top {margin-left:55px; color:#2E4F8E !important; font-weight:normal; font-size:11px}
.append a.bot {display:block; width:160px; height:40px; font-size:12px; background:url('/o/zpr/prilohy_play.gif') right 50% no-repeat; color:black; padding-right:55px; margin-left:90px}

/* galerie */
.gallery-top {width:115px; background-color:#244383; color:white; font-weight:bold; padding:0 5px; margin:5px 0 0 0}
.gallery {border-top:1px solid #244383; border-bottom:1px solid #244383; font-size:83%; padding:5px 0; line-height:190%; width:100%}
.gallery a {display:block; float:left; font-weight:bold; color:#244383 !important; padding-left:27px; margin-right:5px}
.gallery a:hover {color:#FF0000 !important}
.gallery a.video {background:url('/u/add-video.gif') left center no-repeat}
.gallery a.foto {background:url('/u/add-foto.gif') left center no-repeat}
.gallery a.audio {background:url('/u/add-audio.gif') left center no-repeat}
.gallery a.file {background:url('/u/add-file.gif') left center no-repeat}
.gallery a.link {background:url('/u/add-link.gif') left center no-repeat}

.gallery .text {float:left; width:200px; padding-left:3px; _padding-left:0px; padding-top:3px; margin:0; line-height:142%}

/* ARTICLE ADD-ONS */
#article-add {background-color:#DDD; padding:5px 10px; font-size:0.84em; line-height:1.5}
#article-add span.audio {background:url('/u/iaudio.gif') left center no-repeat}
#article-add span.email {background:url('/u/iemail.gif') left center no-repeat}
#article-add span.files {background:url('/u/ifiles.gif') left center no-repeat}
#article-add span.mobile {background:url('/u/imobile.gif') left center no-repeat}
#article-add span.photogal {background:url('/u/iphoto.gif') left center no-repeat}
#article-add span.print {background:url('/u/iprint.gif') left center no-repeat}
#article-add span.videogal {background:url('/u/ivideo.gif') left center no-repeat}
#article-add span.links {background:url('/u/ilinks.gif') left center no-repeat}
#article-add span a {_height:1px; _margin-bottom:-3px; padding-left:17px; padding-right:10px; color:#000; line-height:1.8}
#article-add a:hover {color:#EE333E}
/* ARTICLE - TEXT */
#text {line-height:1.35; padding-top:13px}
#text p, #page-diary p {margin:0; padding:0 0 1.3em}
#authors {text-align:left; padding-bottom:15px; padding-left:5px}
#authors .dot { padding:0 0 0 13px; /*_height:1px; _margin-bottom:-3px;*/ background:url('/u/dot_black.gif') left 5px no-repeat}
#authors a {color:#000}
#authors a:hover {color:#EE333E}
#autori { text-align:right; padding-bottom:15px; padding-left:5px}
#autori .dot { padding-right:8px; color:#000; background:url('http://g.idnes.cz/u/dot_black.gif') left center no-repeat; }
#autori a {color:#000}
#autori a:hover {color:#EE333E}
/*nove profily*/
#authors a {color: #13375E;}
#authors .medium {font-weight: bold; white-space: nowrap;}
#authors .dot {margin-top: 5px;}
#authors .dont {margin-bottom: 10px;}
#authors a.top {display: block; text-align: right;}
#authors h3 {margin-bottom: 5px; font-size: 100%;}

/* Dalsi clanky v rubrice - box v pravem sloupci */
#next-art .xb {padding-right:10px}
#next-art a {font-size:108%}
#next-art i {font-style:normal;}
#next-art img {margin:0px 9px 1px 3px}

/*stary clanek*/
.col-left {float:left; width:330px}
.col-right {float:left; width:302px; margin-left:10px}

/* WEB/SECTION */
.ws {margin:0 3px}
.ws .phl-b {margin-left:3px}
.xei .wt {font-weight:normal; /*letter-spacing:0.1em; */ font-size:0.92em; padding:5px 0 5px 3px; margin:0}
.xei .wt a {padding-left:12px; _height:1px; _margin-bottom:-3px; color:#EE333E; text-decoration:none}
.xei .wt a:hover {color:black}
.xei .wt span {background:url('/u/dot_red.gif') left center no-repeat}

/* TIME LISTS */
.xei .lit {float:left; color:#444; width:70px}
.xei .lis {float:left; width:70%}
.xei .li {float:left; width:80%}

/* FLASH */
#flash .xtai a {_height:1px; padding-left:12px}
#flash .xtai {background:url('/u/24_ikona.gif') 0% 40% no-repeat}
#flash p {padding:0.25em 0 0.25em; margin:0; line-height:1.3}
#flash .xbi {padding:3px 5px 2px 7px; font-size:1em}
#flash .xei {padding-bottom:2px !important; padding:3px 5px 0 7px; font-size:0.92em}
#flash .xei a {color:#EE333E}
#flash .xei a:hover {color:black}
#flash .xei span a {color:#000; _height:1px}
#flash .xei span.h24m {background:url('/u/24_mobil.gif') 8px 2px no-repeat}
#flash .xei span.h24m a {padding-left:20px}
#flash .xei span.h24m a:hover, #flash .xei span.h24e a:hover {color:#EE333E}
#flash .xei span.h24e {background:url('/u/24_email.gif') 0px 4px no-repeat}
#flash .xei span.h24e a {padding-left:15px}


#flash-art ul, #flash-art li { list-style:none; background:none !important; margin:0; padding:0; clear:both; zoom:1}
#flash-art li { position:relative; font-size:1em; width:100%}
#flash-art li a { display:block; padding:2px 0px; margin-left:40px; width:245px; }
#flash-art li .time {position:absolute; top:2px; left:0px; z-index:1; display:block; width:30px; height:1em; font-weight:bold;}
#flash-art .xei {padding:3px 5px 2px 7px; font-size:0.92em}
#flash-art .xei a {color:#EE333E}
#flash-art .xei a:hover {color:black}
#flash-art .xei span a {color:#000; _height:1px}
#flash-art .xei span.h24m {background:url('/u/24_mobil.gif') 8px 2px no-repeat}
#flash-art .xei span.h24m a {padding-left:20px}
#flash-art .xei span.h24m a:hover, #flash-art .xei span.h24e a:hover {color:#EE333E}
#flash-art .xei span.h24e {background:url('/u/24_email.gif') 0px 4px no-repeat}
#flash-art .xei span.h24e a {padding-left:15px}

/* ARROWS */
.aup, .adw, .aeq {display:block; width:7px; height:9px; background:url('/u/aup.gif') center center no-repeat}
.adw {background:url('/u/adw.gif') center center no-repeat}
.aeq {background:url('/u/aeq.gif') center center no-repeat}

.aup-1, .adw-1 {display:block; width:7px; height:9px; background:url('/u/aup_green.gif') center center no-repeat}
.adw-1 {background:url('/u/adw_red.gif') center center no-repeat}

/* DISCUSSION  - diskuse pod clankem */
#discuss .xei {padding-right:7px; background-color:#DDD}
#discuss .xei .imp {color:#EE333E}
#discuss .disc-in {padding:5px; margin:5px 0; background-color:white; border-top:1px outset gray; 	border-right:1px inset gray; border-bottom:1px inset gray; border-left:1px outset gray}
#discuss .sm {font-size:93%; 	width:253px; padding-bottom:3px}
#discuss .name {color:#EE333E}
#discuss .text {color:#666}
#discuss .re {color:#808080}
#discuss .di {width:100%; height:31px; font-size:96%; overflow:hidden; margin-top:5px}
#discuss .dot {background:#DDD url('/o/zpr/dot-disc.gif') no-repeat center} 
#discuss .dvs {float:right; background:url('/u/bt/dvs.gif') no-repeat; display:block}
#discuss .dvs a {width:110px; height:16px; display:block}

#editwindow {width:230px; height:150px; float:left; float:left; text-overflow :clip; overflow :hidden; border:1px solid gray; background-color:white}

/* DISKUSE */
.non {color:#F00; font-style:italic; margin:10px 0 0 80px}
.cg {color:#808080} 

.disk-pri {width:775px; overflow:hidden} 
.disk-pri .new {padding:3px; background-color:#EEE; margin:15px 0 0 0}
.disk-pri .re {margin:10px 0 0 15px; padding:15px 0 0 15px}
.disk-pri .re .body  {border-left:4px solid #EEE}
.disk-pri .name {font-weight:bold; color:#EE333E}
.disk-pri .body {padding-right:10px} 
.disk-pri .new table, .re table {margin:5px 0}
.disk-pri .new a, .re a {color:#244383}
.disk-pri .react {color:#EE333E !important}
.disk-pri a.react:hover {color:black !important}
.disk-pri .time {font-size:89%}
.disk-pri .act {background:yellow}
.disk-pri .n-act {background:none}
.disk-pri table td div {margin-bottom:5px}

.de-area {margin-top:3px; float:left; width:230px; height:150px; background:#FFF; border:1px solid #808080; overflow:auto}
.de-color {font-weight:bold}
.smiley {border:0; margin:0 1px; vertical-align:middle; width:15px !important; height:15px !important}
.ikos2 {width:200px; height:130px; margin:0px 0 0 5px; padding-top:3px}
.ikos2 button {text-align:center; width:24px; height:24px; margin:0 1px 2px 1px; padding:0px ; floaat:left}

/* Navigace - modry pruh */
.nav {padding:4px 0px; margin:15px 0; font-size:89%; background-color:#D3E4FF; line-height:120%; vertical-align:middle; height:16px}
.nav .col2 span, .nav .col2 a {margin-left:2px}
.nav a:active {color:black; font-weight:bold; text-decoration:none}
.nav .col1 {width:17%; float:left}
.nav .col2 {width:64%; text-align:center; padding-left:5px; float:left}
.nav .col3 {float:right; width:56px}
.nav .arr a {display:block; overflow:hidden; width:13px; margin:0 2px}
.nav .a-ll {background:url('/o/zpr/a-ll.gif') 4px no-repeat; float:left; margin:0 10px}
.nav .a-l {background:url('/o/zpr/a-l.gif') 4px no-repeat; float:left}
.nav .a-r {background:url('/o/zpr/a-r.gif') 4px no-repeat; float:left; margin:0 10px 0 0}
.nav .a-rr {background:url('/o/zpr/a-rr.gif') 4px no-repeat; float:left; margin-right:10px}
.nav .an-ll {background:url('/o/zpr/an-ll.gif') 0 4px no-repeat; float:left; margin:0 10px; width:13px}
.nav .an-l {background:url('/o/zpr/an-l.gif') 0 4px no-repeat; float:left; width:13px}
.nav .an-r {background:url('/o/zpr/an-r.gif') 0 4px no-repeat; float:left; margin:0 10px; width:13px}
.nav .an-rr {background:url('/o/zpr/an-rr.gif') 0 4px no-repeat; float:left; width:13px}

.line {background-color:#D3E4FF; padding:0 5px 0 5px; line-height:200%; font-size:89%; margin:15px 0}
.line a {margin-left:5px}
.line a:active {color:black; text-decoration:none}
.line a:hover {color:black}

.order {font-weight:bold; float:left} 
.order a {color:black} 
.order a:hover {color:#EE333E} 
.number {color:#808080; float:right} 
.number a {color:#808080}
.number a:hover {color:#EE333E}

/* Vyjezd clanku - o autorovi, vyhledavani ... */
.list-perex {margin:0px 0 15px 5px; font-size:1em; font-size:93%}
.list-tit {font-weight:normal; font-size:100%; margin:0px}

/* O AUTOROVI */
.auth-name {font-size:120% !important; font-weight:bold; color:#EE333E; text-transform:uppercase}
.auth a {color:gray}
span.auth {color:#666; font-size:100%}
span.auth  a {color:#666}

/* BLESKOVKY */
.flash input, .flash select {margin:5px 3px 0 10px}
.flash h3 {margin:5px 20px 0 0px}
.flash-line {background-color:#DDD; width:100%; height:22px; margin:15px 0; font-size:89%}
.flash-line img {margin:3px 7px 0 7px}
.flash-line a {color:black; font-weight:normal}
/* pro kratke zpravy */
.smsg {margin:5px 0 10px 0; font-size:1em}
.smsg .time {color:#EE333E; font-weight:bold}
/* pro bleskovky */
.flash-perex {margin:5px 0 10px 0; font-size:1em}

/* HLEDANI */
.search span {color:#494949; font-size:93%; float:left; width:350px}
.search input {color:#494949}
.search select {font-size:95%}
.search-bt {float:right; width:50px; margin-right:20px} 

/* CHAT */
.chat-iko {width:50px}
.chat {width:100%; background-color:#EEE; padding:5px 0; margin-bottom:10px}
.chat img {float:left; margin:0 5px}
.chat .text {float:left; width:390px; overflow:hidden; margin:0 5px}
.chat .nick {color:#EE333E; font-weight:bold}
.chat p {margin-top:0}

/* hledat v archivu */
.ok-bt {float:right; width:30px; margin:3px 10px 0 0} 

/* boxik jobdnes - levy sloupec */
.xj {font-size:0.92em; border:1px solid #FFCC34; _height:1px} 
.xj1 {background-color:#FFE085} 
#jobdnes {text-align:center}
#jobdnes a {color:#6C5200}
#jobdnes .xj1 a {font-size:89%}

/* POLL  - Anketa levy sloupec */
.vote {padding:2px 0}
.vote .eb {height:10px; font-size:1px; margin-top:2px; margin-left:-1px; padding:0}
.vote .vb {height:100%}
.yes .eb {background-color:#99B899}
.no .eb {background-color:#F5BCBC}
.dn .eb {background-color:#BFBFBF}
.yes .vb {background-color:#060}
.no .vb {background-color:#F00}
.dn .vb {background-color:#000}
.yes, .yes a {color:#060}
.yes a:hover {background-color:#060; color:#FFF}
.no, .no a {color:#F00}
.no a:hover {background-color:#F00; color:#FFF}
.dn, .dn a {color:#000}
.dn a:hover {background-color:#000; color:#FFF !important;}

#anketa-art .vote a:hover {color:#FFF}
#anketa-art {margin:0; min-height: 0}
#anketa p {font-weight:bold;}

/* ANKETY - hlavni stranka */
.vts {margin:-5px 0 0 5px; font-size:83%}
.ank {margin-left:50px; font-size:83%; min-height:1px}
.poll-scr {float:left; width:85%}

.ank-next {font-size:95%; margin-left:5px}
.ank-title {text-transform:uppercase; color:#EE333E; font-size:86%; margin-left:5px}
.ank-more {font-weight:normal}
.ank-hr {color:#244383; background-color:#244383; border:1px solid #244383; margin-top:0px; _margin-top:-5px}
.ank-next .fin {float:right; margin-top:10px; font-weight:bold}
.ank-item {font-weight:bold; font-size:95%; margin:12px 0}
.ank-choice {width:45%; float:left; margin-left:5px}
.ank-subm {padding:5px 10px; background-color:#EEE}

#ank .next {font-size:95%; margin-left:5px}
#ank .title {text-transform:uppercase; color:#EE333E; font-size:86%; margin-left:5px}
#ank .more {font-weight:normal}
#ank .hr {color:#244383; background-color:#244383; border:1px solid #244383; margin-top:0px; _margin-top:-5px}
#ank .next .fin {float:right; margin-top:10px; font-weight:bold}
#ank .item {font-weight:bold; font-size:95%; margin:12px 0}
#ank .choice {width:45%; float:left; margin-left:5px}
#ank .subm {padding:5px 10px; background-color:#EEE}

/* UDALOST online */
#event h1 {margin:13px 0 5px 0; font-size:151%; font-weight:normal}
#event .c1, #event .c2, #event .ch {padding:5px}
#event .c1 p, #event .c2 p, #event .ch p {margin:3px 0; font-size:89%; line-height:120%}
#event .c1 img, #event .c2 img {margin-top:10px}
#event .c2 {background-color:#EEE}
#event .ch {background-color:#D3E4FF; font-weight:bold; text-align:center}
#event .time {color:#808080; font-size:83%; font-weight:bold}
#event .time img {margin:0 5px 0 0}
#event .refresh, .person .refresh {background:url('/u/bt/aktualizovat_vypis.gif') 0 0 no-repeat; width:111px; height:15px; display:block}
#event .refresh a, .person .refresh a {width:111px; height:15px; display:block}

/* OSOBNOST online */
.person .xd a {color:black}
.person h1 {margin:10px 0 5px 0; font-size:151%; font-weight:bold}
.person .insert {color:#EE333E; font-weight:bold; font-style:italic; float:left}
.person .insert a {color:#EE333E}
.person .quest, .person .answ {padding:5px; font-size:89%; margin-top:5px; line-height:140%}
.person .quest {background-color:#EEE}
.person .answ {margin-left:20px; margin-bottom:10px}
.person .th {color:#808080; text-transform:uppercase; font-weight:bold}
.person .name {color:#EE333E; font-weight:bold}
.person .person-no {color:#808080; float:right}
.person .person-no a {color:#808080 !important}
.person .perex {color:#666; margin:5px 0 10px 5px; font-size:1em; font-size:93%}
.person .tit {font-weight:normal; font-size:100%; margin:0px}

/* Modry pruh v online osobnost + udalost */
.nav-line {background-color:#D3E4FF; font-size:89%; padding:5px 10px 0 10px}
.nav-line a {color:black}
.nav-line a:hover {color:#EE333E}
.nav-line input {margin-left:5px; vertical-align:bottom}

/* Seznam diskuzi */
#disc-list a {color:black}
#disc-list a:hover {color:#EE333E}
#disc-list .c1, #disc-list .c2 {padding:3px; font-size:89%}
#disc-list .c1 {background-color:#EEE}
#disc-list .c2 {background-color:White}
#disc-list .half {width:46%; float:left}
#disc-list .quarter {width:26%; float:left}
#disc-list .cr {color:#EE333E; padding:0}
#disc-list small {font-size:83%}

/* poslani clanku mailem */
.e-order {display:block; padding:2px; border:1px solid #949494; background:#F2F2F2}
.e-order a {display:block; background:url('/u/obalka.gif') 4px center no-repeat; line-height:1.4em; padding-left:28px}
#art-mail form {width:330px}
#art-mail h2 {font-size:1em} 
#art-mail h3 {font-size:1.15em}
#art-mail p {margin:5px 0}
.star {color:red; position:relative; top:2px}
#art-mail input, #art-mail textarea {width:330px; _width:324px}
#art-mail input.check {width:30px}
#art-mail select {width:330px}
#art-mail .fr {margin-top:-3px} 
#art-mail .fr input {width:15px}
#art-mail .bt {text-align:center; margin:5px 0 0 65px; width:200px}
#art-mail textarea {height:60px; overflow:auto}
#art-mail .block {margin-bottom:10px}
.note {color:#888; text-align:right; font-size:80%}

.xs .line {height:1px; color:#CECECE}

/*  reklamy */
.banner-full {width:470px; margin-left:-2px}
#col-bc .banner-full {margin-left:0px}
.banner-full .dot {margin-left:2px}
.banner-full .itc {margin-right:5px}
.banner-paticka {width:463px}
.banner-paticka .dot {margin-left:2px}
.banner-paticka .itc {margin-right:5px}

/* ETARGET */
#etarget .itc {}
#etarget .xb {border:none; border-top:1px solid gray; padding-top:5px}

#etarget .title {font-size:98%; margin-bottom:5px}
#etarget .title a {display:block}
#etarget a {font-size:114%; font-weight:bold}
#etarget .tar a {font-weight:normal; font-size:100%}

/* Ze starych stylu */
div.tit, font.tit, div.radek h3.tit {font-size:139%; font-weight:bold; color:#2E4F8E}
.bhin, .boxt table.bxtin th.ch {font-weight:bold; line-height:20px; color:#FFF; background-color:#2E4F8E; text-transform:lowercase}
.bhin img {margin-left:5px}
.bbin {color:#111; background:#EEE}
.inpersonmiddle a, div.ob-item a, div.tit a {color:#2E4F8E}
table.intitpersonmiddle, table.personmiddle {font-size:12px; background-color:#335CAD; 	color:white}
td.inpersonmiddle {font-size:12px; color:#333; background-color:#FFF}
td.in2personmiddle {font-size:12px; color:#333; background-color:#EEE}
td.inpersonmiddle font, td.in2personmiddle font {font-size:12px; color:#333}
td.inpersonmiddle .tit, td.in2personmiddle .tit {font-size:20px; font-weight:bold; color:#2E57A8}
td.inpersonmiddle a, td.in2personmiddle a {color:#2E57A8}
td.inpersonmiddle a.imp, td.in2personmiddle a.imp {color:#F00}
td.inpersonmiddle a:hover, td.in2personmiddle a:hover {color:#000}
font.intitpersonmiddle {color:#FFF; font-size:11px; font-weight:bold}
a.inpersonmiddle font.intitpersonmiddle {color:#FFF}
a.inpersonmiddle:hover font.intitpersonmiddle {color:#000}

/*Souteze*/
.tit-s {color:#2E4F8E; text-align:center}
.xs .tit-b {color:black; margin:20px 5px 5px 5px; padding:0; font-size:12px}
.xs {margin-bottom:10px}
.xs .head {background:#2E4F8E; margin:0; padding:3px 5px; font-size:13px; color:#FFF}
.xs p {margin:5px 5px}
.xs .tit {color:#2E4F8E; font-size:12px; margin:10px 5px 5px 5px; padding:0}
.tit-b {color:black; margin:0; padding:0; font-size:12px}
.xs .label {float:left; width:150px; margin:5px 0 0 0}
.xs .textpole {width:200px; margin:5px 0 5px 0px}
.soutez .xs p span {width: 15px; display: block; float: left;}
.soutez .xs p input, .soutez p label {vertical-align: middle;}
.soutez .xs p input { margin-right: 5px;}

/* related */
.related .xb {border:0}
.related .xei ul {list-style-type:square; margin-left:17px}
.related .xei ul li {margin:4px 0 4px 0 !important; background:none !important; list-style-type:square !important; padding-left:3px !important}
.related .xei a:hover {color:#000}
.related .xei a {color:#F00; font-weight:bold; font-size:105%}
.related .xt {left:0}
.related .dot {display:none}
.related .xti {color:#000; font-weight:bold; font-size:115%; display:block}
.related .data {margin-top:5px}

/* prectete si */
.related {margin:5px 0}
.related .title h3 {font-size:1.1em; margin:0 0 5px 0}
.related .data ul {margin:0 0 20px 0; padding:0; color:#000; font-size:0.89em}
.related .data ul li {list-style-type:none; background:url('/o/zpr/black_bullet.gif') top left no-repeat !important; padding-left:0; margin-bottom:6px; margin-left:5px; color:#000; position:relative; z-index:10}
.related .data ul li a {color:#EE333E !important; font-weight:bold; margin-left:12px; display:block}
.related .data ul li a:hover {color:#000 !important}

/* poradny */
#poradny h1 a {text-decoration:none; color:#000}
#poradny h1 a:hover {text-decoration:underline; color:#000}
#poradny .col-lbc .por-ended {width:264px; height:220px}
#poradny .art h1.tit {color:#000; font-weight:bold; margin:0 0 20px 0; padding:0; font-size:1.8em}
#poradny .art h1.tit a {color:#EE333E; text-decoration:underline}
#poradny .art h2.tit {color:#000; font-weight:bold; margin:12px 0 6px 0; padding:0; font-size:1.07em; line-height:1.37}
#poradny .art h1.tit a:hover, #poradny .art h2.tit a:hover {color:#000} 
#poradny {width:100%; float:left; margin:0}
#poradny .col-lbc {margin:0; width:264px; float:left}
#poradny .col-rbc {margin:0; width:380px; float:left}
#poradny .col-bbc {margin:0; width:644px; float:left; overflow: hidden !important;}
#poradny .col-rbc p {margin:8px 0 8px 0}
#poradny .xfl {margin:0}
#poradny .omr {margin:2px 0 0 173px; color:#FF8017}
#poradny .hline {margin:20px 0 0 0; background-color:#539DE6; color:#FFF; font-weight:bold; line-height:2em; padding:0 5px 0 5px; vertical-align:middle}
#poradny .diskuse {color:#FFF; float:right; display:block; background:url('/o/poradny_old/diskuse_icon.gif') 4px no-repeat; padding-left:28px} 
#poradny .diskuse a {color:#FFF; text-decoration:underline}
#poradny .diskuse a:hover {color:#FFF}
#poradny .prispevek .new {margin:5px 0 0 0; font-size:1em; padding:8px}
#poradny .prispevek .new p {margin:0}
#poradny .prispevek .re {margin:5px 0 0 40px; font-size:1em}
#poradny .prispevek .re p {margin:0 0 0 5px}
#poradny .prispevek .re div {border-left:4px solid #EDEDED}
#poradny ul, #poradny li {padding:0; margin:0}
#poradny ul.mnf {float:left; margin:5px 0 0 0; color:#566FA5; list-style-type:none; width:190px}
#poradny ul.mnf li{font-size:1em; display:block; color:#566FA5; list-style-type:none; line-height:1.75em}
#poradny ul.mnf li a:hover{color:#000}
/* text */
#poradny h1 {font-size:1.8em; margin:0 0 8px 0; padding:0}
#poradny h3.mhn {font-size:1.1em; margin:0}
#poradny h3.mhn2 {font-size:1.1em; margin:12px 0 4px 0}
#poradny h3.mhn3 {font-size:1.1em; margin:-3px 0 3px 0; _margin:-3px 0 0 0}
#poradny .fs8 {font-size:0.75em; display:block}
#poradny .sp {color:#FF8017}
#poradny a.sp {color:#FF8017}
#poradny a.sp:hover {color:#000}
#poradny .pr {padding-right:20px; padding-left:5px}

/* form */
#poradny form {margin:0}
#poradny #formbox {margin:6px 0 0 0}
#poradny .inpname {width:197px; _width:191px}
#poradny .inpnames {width:307px; _width:300px}
#poradny #formbox textarea {overflow:none; width:247px; _width:243px; height:138px; _height:132px; margin:6px 0 0 0; border:1px solid #000}
#poradny #formbox .bmt{margin-top:16px; width:130px}
#poradny .bmt2 {margin:0 0 1px 12px; _margin:0 0 1px 12px; cursor:hand; width:60px}             
/* line */
#poradny .predel {width:220px; height:10px; border-top:1px solid #DBDBDB; background-color:#FFF; margin:30px 0 10px 212px}

/* dolni navigace */
#poradny .nav {padding:4px 0px; margin:15px 0; font-size:0.9em; background-color:#539DE6; line-height:120%; vertical-align:middle; height:16px}
#poradny .nav .col2 span, #poradny .nav .col2 a {margin-left:2px}
#poradny .nav a:active {color:black; font-weight:bold; text-decoration:none}
#poradny .nav .col1 {width:17%; float:left}
#poradny .nav .col2 {width:64%; text-align:center; padding-left:5px; float:left}
#poradny .nav .col2 a {color:#FFF}
#poradny .nav .col3 {float:right; width:56px}
#poradny .nav .arr a {display:block; overflow:hidden; width:13px; margin:0 2px}
#poradny .nav .a-ll {background:url('/o/poradny_old/first_active.gif') 4px 3px no-repeat; float:left; margin-right:10px}
#poradny .nav .a-l {background:url('/o/poradny_old/previous_active.gif') 4px 3px no-repeat; float:left; margin:0 2px 0 0; width:12px}
#poradny .nav .a-r {background:url('/o/poradny_old/next_active.gif') 4px 3px no-repeat; float:left; margin:0 10px 0 0}
#poradny .nav .a-rr {background:url('/o/poradny_old/last_active.gif') 4px 3px no-repeat; float:left; margin-right:10px}
#poradny .nav .an-ll {background:url('/o/poradny_old/first_inactive.gif') 4px 3px no-repeat; float:left; margin:0 10px; width:13px}
#poradny .nav .an-l {background:url('/o/poradny_old/previous_inactive.gif') 4px 3px no-repeat; float:left; width:13px}
#poradny .nav .an-r {background:url('/o/poradny_old/next_inactive.gif') 4px 3px no-repeat; float:left; margin:0 10px; width:13px}
#poradny .nav .an-rr {background:url('/o/poradny_old/last_inactive.gif') 4px 3px no-repeat; float:left; width:13px}

/* hledani */
#poradny .xvhl {margin:10px 0 18px 5px}
#poradny .xvhl2 {margin:10px 0 18px 0px}
#poradny .xvhl2 ul {list-style-type:none}
#poradny .xvhl2 ul li {color:#656565}
#poradny .xvhl2 ul li a {color:#566FA5}
#poradny .xvhl2 ul li a:hover{color:#000}
#poradny .xvhl2 h4 {margin:0; font-size:1.1em; !important}
#poradny .xvhl span a {font-weight:bold; color:#566FA5}
#poradny .xvhl span a:hover {font-weight:bold; color:#000}
#poradny .date {color:#656565}
#poradny .hledat {float:right; margin-top:-78px; _margin-top:-81px;}

/* text pod fotku technet */
.ph-in-atr {background: none;}
.ph-in-atr.nesd {width: 300px;}
.ph-in-atr.mms {width: 160px; float: left; margin-right: 10px;}
.ph-in-atr.cl {width: 328px;}
.ph-in-atr.mid {width: 80px;}
.ph-in-atr.small {width: 48px;}
.ph-in-atr.mms {width: 160px;}
.ph-in-atr.sph {width: 224px;}
.ph-in-atr .sup {font-size: 85%; background: url('/o/technetn2_old/photonote_bg.gif') top repeat-x; padding: 2px 5px 0; text-align: center; margin-bottom: 6px; =margin-top:-4px; }
.ph-in-atr .sup p {margin: 0; padding:0 !important}

#page .img-in-art, .img-in-art {margin:0 0 1em }
#page .img-in-art a, .img-in-art a, #page .img-in-art img, .img-in-art img { display:block }
#page .img-in-art p, .img-in-art p { margin:0; padding:0 4px; border:1px solid #FFF; border-width:1px 0; line-height:17px; color:#000; background:#BCBCBC; font-size:11px;} 


/*videa 10.1.07. videa v clanku, pozadavek Michala Baraka*/
.mow .butt, .mow .video, .mow .end {float: left; height: 21px; margin: 2px 0 5px 0; margin-bottom: 4px;}
.mow .butt {background: url('/o/zpr/btn_video.gif') no-repeat; height: 21px; width: 52px;}
.mow .video {background: url('/o/zpr/bg_video.gif') repeat-x; padding: 3px 0 0 5px; width: 266px; font-size: 0.9em;}
.mow .end {background: url('/o/zpr/end_video.gif') no-repeat; width: 3px;}
.mow a {color: #000; text-decoration: none; cursor: pointer;}

.mow .sub-a, .mow .sub-b, .mow .sub-c {float: left; height: 21px;}
.mow .sub-a {background: url("/u/btn_video.gif") no-repeat;}
.mow .sub-b {background: url("/u/bg_video.gif") repeat-x;  font-size: 0.9em; margin: 0 3px 0 52px; padding: 0 !important; width: 272px;}
.mow p {margin:0; padding: 2px 0 0 5px !important;}
.mow .sub-c {background: url("/u/end_video.gif") right no-repeat; margin: 0; padding: 0;}
.mow a {color: #000; text-decoration: none; cursor: pointer;}
.mow img {margin-bottom: 4px;}

/*fotky*/
#opener .autor {float:right; color:#8f8f8f; font-size: 0.8em; display: block; width: 63%; text-align: right; margin: 2px 2px 2px 4px; =margin: 1px 1px 1px 4px;}
#opener .autor a {color:#8f8f8f !important; cursor: pointer;}
#opener .autor a:hover {color: #fff !important;}
#opener .zoom {background: url("/u/zvetsit.gif") 3px 0 no-repeat;}
#opener .next {background: url("/u/dalsi.gif") 2px 0 no-repeat; }
#opener .zoom, #opener .next {cursor: pointer; height: 14px; float: left; border: 0; margin: 2px 0; =margin:0; text-align: left; width: 33%;}
#opener .background {background: #000; height: 14px;}

/* 5.3. zmena kvuli technetu */
#text ul {margin-top:0; margin-bottom:24px}

/* poutani na MF */
.mfwrite { width:328px; font-weight:bold; margin-bottom:1.3em}
.mfwrite h4 { position:relative; height:68px; font-size:14px; color:#C00; margin:0; padding:0; text-indent:1em}
.mfwrite h4 span { display:block; width:100%; height:100%; position:absolute; top:0; left:0; color:#FFF; background: #fff url('/u/mfwrite.gif') 0 0 no-repeat; font-size:1px; text-indent:0 }
.mfwrite-hrz { position:relative; width:328px; height:125px; font-weight:bold; margin-bottom:1.3em}
.mfwrite-hrz h4 { height:100%; font-size:1.2em; color:#C00; margin:0; padding:0; text-indent:1em}
.mfwrite-hrz h4 span { position:absolute; top:0; left:0; z-index:1; display:block; width:100%; height:100%; color:#FFF; background: #fff url('/u/mfwrite-hrz.jpg') 0 0 no-repeat; font-size:1px; text-indent:0 }
.mfwrite-hrz p { position:absolute; top:38px; left:5px; z-index:2; display:block; width:165px; height:80px; margin:0; padding:0 }
.mfwrite-vrt { width:164px; font-weight:bold; margin-bottom:1em}
.mfwrite-vrt h4 { position:relative; height:139px; font-size:1.2em; color:#C00; margin:0; padding:0; text-indent:1em}
.mfwrite-vrt h4 span { position:absolute; top:0; left:0; z-index:2; display:block; width:100%; height:100%; color:#FFF; background:url('/u/mfwrite-vrt-h.jpg') 0 0 no-repeat; font-size:1px; text-align:left }
.mfwrite-vrt p { margin:0; padding:5px 5px 0 !important; text-align:center; background: #fff url('/u/mfwrite-vrt-p.jpg') 0 0 no-repeat; }
.exklusive {position:relative; width:124px; height:124px; margin:0 5px;}
.exklusive span {position:absolute; top:0; left:0; z-index:1; display:block; width:100%; height:100%; color:#FFF; background:url('/u/exklusive.gif') no-repeat; font-size:1px }
.magazin-write { width:328px; margin:1em 0; border-bottom:1px solid #000; padding-bottom:0.5em }
.magazin-write h4 {position:relative; height:31px; margin:0.5em 0}
.magazin-write h4 span { display:block; width:100%; height:100%; position:absolute; top:0; left:0; color:#FFF; background: url('/u/magazin-write.gif') 0 0 no-repeat; font-size:1px; text-indent:0 }
.magazin-write img { float:left; margin:0 12px 6px 0}
.magazin-write p {margin:0; font-size:1.07em; font-weight:bold; color: #EE333E; }
.magazin-write blockquote { margin: 0 }

/* komerční odkazy */
.commerclink {width:988px; padding:0 6px; height:2em; line-height:2em; color:#666; background-color:#EEE; font-size:11px }
.commerclink a {color:#666; text-decoration:none}

/*novinari*/
.art-autor {border-bottom: 1px #4A6774 solid; margin-bottom: 15px;}
.art-autor .perex {margin: 10px 0;}
.art-autor img {float: right;}
.art-autor .info {float: left; width: 150px;}
.art-autor h3 {text-decoration: none; font-size: 150%; font-weight: bold; margin:0;}

/*online*/
#col-ab .img_osl, .col-ab .img_osl {float: left; margin-bottom: 8px; width:50%;}
.col-ab .img_osl .phl-b {float: left;}
.duel {background:transparent url(/o/zpr/online/duel.gif) center no-repeat; width: 100%; font-weight: bold; font-size: 110%;}
.duel img {margin:0;}
#col-ab .img_osr, .col-ab .img_osr {float: right; margin-bottom: 8px; width:50%; text-align:right;}
#col-ab .img_osr .phl-b, .col-ab .img_osr .phl-b {float: right;}


/********************************/
/*********** n3 styly ***********/
/********************************/
#main {width:1000px}

.q-js .arts-1, .q-js .arts-2, .q-js .arts-3, .q-js .arts-4, .q-js .arts-5, .q-js .arts-6, .q-js .arts-7, .q-js .arts-8, .q-js .arts-9, .q-js .arts-10 {display:none}
.q-js .prep-1 .arts-1, .q-js .prep-2 .arts-2, .q-js .prep-3 .arts-3, .q-js .prep-4 .arts-4, .q-js .prep-5 .arts-5, .q-js .prep-6 .arts-6, .q-js .prep-7 .arts-7, .q-js .prep-8 .arts-8, .q-js .prep-9 .arts-9, .q-js .prep-10 .arts-10 {display:block}

/* ikonky odkazu */
.ico a { display:inline; height:26px; line-height:26px; white-space:nowrap; font-size:12px}
.ico a span {float:left; width:17px; height:17px; line-height:16px; margin:5px 8px 0 0; color:#555; background-color:#555; background-repeat:no-repeat; text-decoration:none; cursor:pointer; cursor:hand;}
.ico-down span {background-image:url('/u/ico/arrow-down.gif')}
.ico-left span, .ico-prev span {background-image:url('/u/ico/arrow-left.gif')}
.ico-right span, .ico-next span {background-image:url('/u/ico/arrow-right.gif')}
.ico-top span {background-image:url('/u/ico/arrow-top.gif')}
.ico-att span {background-image:url('/u/ico/att.gif')}
.ico-audio span {background-image:url('/u/ico/audio.gif')}
.ico-back span {background-image:url('/u/ico/back.gif')}
.ico-close span {background-image:url('/u/ico/close.gif')}
.ico-doc span {background-image:url('/u/ico/document.gif')}
.ico-favs span {background-image:url('/u/ico/favs.gif')}
.ico-foto span {background-image:url('/u/ico/foto.gif')}
.ico-help span {background-image:url('/u/ico/help.gif')}
.ico-info span {background-image:url('/u/ico/info.gif')}
.ico-insert span {background-image:url('/u/ico/insert.gif')}
.ico-link span {background-image:url('/u/ico/link.gif')}
.ico-list span {background-image:url('/u/ico/list.gif')}
.ico-mail span {background-image:url('/u/ico/mail.gif')}
.ico-mobil span {background-image:url('/u/ico/mobil.gif')}
.ico-moot span {background-image:url('/u/ico/moot.gif')}
.ico-ok span {background-image:url('/u/ico/ok.gif')}
.ico-newin span {background-image:url('/u/ico/newin.gif')}
.ico-print span {background-image:url('/u/ico/print.gif')}
.ico-refresh span {background-image:url('/u/ico/refresh.gif')}
.ico-rss span {background-image:url('/u/ico/rss.gif')}
.ico-save span {background-image:url('/u/ico/save.gif')}
.ico-send span {background-image:url('/u/ico/send.gif')}
.ico-talk span {background-image:url('/u/ico/talk.gif')}
.ico-tip span {background-image:url('/u/ico/tip.gif')}
.ico-trash span {background-image:url('/u/ico/trash.gif')}
.ico-unpack span {background-image:url('/u/ico/unpack.gif')}
.ico-video span, .ico-play span {background-image:url('/u/ico/play.gif')}
.ico-voice span {background-image:url('/u/ico/voice.gif')}
.ico-zoom span {background-image:url('/u/ico/zoom.gif')}
.ico a:hover span {color:#D30000; background-color:#D30000; filter:none;}
.ico-voice span { background-image:url('/u/ico/voice.gif')}



/* kukatko - oci */
#eyes {position:relative; width:980px; margin:0 10px; overflow:hidden}
#eyes h2 {position:relative; z-index:1;}
#eyes h2, #eyes h3 {  margin:0 0 1.2em; font-size:135%; font-weight:bold; color:#13375E;}
#eyes h3 { font-family: Tahoma,Arial,sans-serif; }
#eyes .half {margin:0; width:50%}
#eyes .eyes-ico {visibility:hidden; position:absolute; top:0; right:0; z-index:2;width:172px }
.q-js #eyes .eyes-ico { visibility:visible}
#eyes .eyes-ico a { display:block; color:#13375E; text-decoration:underline; font-weight:bold}
#eyes .eyes-ico a:hover {color:#B9151C;} 
#eyes .eyes-ico .fr { text-align:right}
#eyes .eyes-ico .fr a span {float:right; margin:5px 0 0 8px; }
#eyes ul, #eyes li {display:block; list-style:none; padding:0; margin:0}
#eyes ul { clear:both; width:1000%; }
#eyes li {float:left; width:172px; margin-right:30px; border-top:4px solid #CCC; padding-bottom:10px}
#eyes h3 {margin:7px 10px; }
#eyes li h3 a {display:block; color:#B9151C; text-align:left; text-decoration:none; text-transform:uppercase}
#eyes li h3 a:hover {color:#13375E; text-decoration:underline}
#eyes img {width:172px; margin-bottom:4px; border:none}
#eyes li a {display:block; color:#13375E; text-decoration:none}
#eyes li a:hover{color:#B9151C}
#eyes li span {font-size:105%; font-weight:bold; text-decoration:underline}
#eyes li a.bg-img {min-height:124px; _height:124px; padding:38px 0 0; font-size:167%; font-weight:bold; text-align:center; text-decoration:underline}
#eyes li a.bg-img-quotes { background:url('/u/eyes/quotes_light.gif') 0 0 no-repeat;}
#eyes li.e-zpravodaj {border-top-color:#E9868C}
#eyes li.e-spo {border-top-color:#989898} 
#eyes li.e-ekonomikah {border-top-color:#7B95CD}
#eyes li.e-show {border-top-color:#E37B7A}
#eyes li.e-ona {border-top-color:#F1C9B0} 
#eyes li.e-xman {border-top-color:#FFF87C} 
#eyes li.e-fincentrum {border-top-color:#A0B4B4} 
#eyes li.e-mobil {border-top-color:#99AAB1}
#eyes li.e-technet {border-top-color:#70AD90}
#eyes li.e-bonusweb {border-top-color:#71AED1} 
#eyes li.e-autokat {border-top-color:#E3C272} 
#eyes li.e-reality {border-top-color:#96ADE2}
#eyes li.e-iglobe {border-top-color:#FFB87D} 
#eyes li.e-zdravih {border-top-color:#79C49C}

.inside-page { margin:10px 0; border:3px solid #CCC; }
.inside-page iframe { width:100%; margin:0; padding:0; }

/* vkladane stranky - tip redakci, vzkaz autorovi atd. */
.list-with-form { margin:10px; position:relative; line-height:1.25; text-align:left; }
.list-with-form h2 {color:#B9151C; margin:0 0 0.6em; padding:0; line-height:26px; font-size:150%; font-weight:bold; font-family:Tahoma,Arial,sans-serif; text-transform:uppercase}
.list-with-form p { margin:0 0 1em}
.list-with-form label { display:block; font-size:92%; text-transform:uppercase}
.list-with-form .relative { position:relative; width:100%}
.list-with-form ol li { margin:0 0 0.5em 2em; }
.list-with-form #d-editor-status, .list-with-form .comment { position:absolute; top:0; right:0; z-index:1; text-align:right; padding-left:0.5em; font-size:92%; }
.list-with-form #d-editor-status.forms-textlimit-warning {width:100%; color:#B9151C; background:#FFF}
.list-with-form .inputs input, .list-with-form .inputs .de-area { border:1px solid #CCC; background:#EEE; width:100%; margin:0 0 1em}
.list-with-form .inputs .half-l {float:left; width:49%; _width:48%; }
.list-with-form .inputs .half-r {float:right; width:49%; _width:48%; }
.list-with-form .inputs .de-area { height:100px; overflow:auto }
.list-with-form .inputs .checkboxes { margin:0 0 1em}
.list-with-form .inputs .checkboxes p { margin:0; line-height:150%}
.list-with-form .inputs .checkboxes input { width:auto; margin:0 3px 0 0; background:none; border:0; vertical-align:middle}
.list-with-form .inputs .checkboxes label { display:inline; text-transform:none }
.list-with-form .full .captcha { width:100%; text-align:center}
.list-with-form .full .captcha .half-l {width:49%; float:left; text-align:left; }
.list-with-form .captcha input {width:100%}



/*ousko*/
.bonz .voice {width:100%}
.content .voice input, .voice #overeni {float:left; margin-right:5px}
.voice .ico-voice {position:relative; float:left; margin-top:1px; z-index:1; margin-right: 2px}
.voice .ico-voice span.alter-text { position:absolute; width:auto; height:auto; top:-1000px; left:-1000px; color:#000; font-size:100%; background:0; z-index:2}
.voice .ico-voice span {float:left; width:17px; height:17px; line-height:16px; color:#555; background-color:#555; text-decoration:none; font-size:0 /*kvuli tecce*/; cursor:pointer; cursor:hand; }
.voice a:hover span {background-color: #D30000}
.voice a:hover .alter-text {color:#FFF}
.voice .bt {float:left}

.send-word { width:276px; margin-bottom:9px; padding:10px; border:3px solid #CCC; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:1.2; color:#000; background:#FFF;  }
.send-word h2 {color:#B9151C; margin:0 0 0.6em; padding:0; font-size:150%; font-weight:bold; font-family: Tahoma,Arial,sans-serif; text-transform:uppercase}
.send-word p { margin:0 0 1em}
.send-word .relative {position:relative; width:100%}
.send-word label {display:block; padding-top:0.5em; font-size:92%; text-transform:uppercase}
.send-word #d-editor-status { position:absolute; top:0.5em; right:0; z-index:1; text-align:right; padding:0 0.5em 0 0; font-size:92%;  }
.send-word #d-editor-status.forms-textlimit-warning {width:100%; color:#B9151C; background:#FFF}
.send-word .inputs input, .send-word .inputs textarea, .send-word  #overeni { border:1px solid #CCC; background:#EEE; font-family: arial, sans-serif; font-size:1em }
.send-word .inputs input, .send-word .inputs textarea { width:99%}
.send-word .inputs textarea { height:100px; padding:1px; }
.send-word  #overeni { width:120px}
.send-word .captcha {margin-bottom:1em}
.send-word .captcha input {vertical-align:middle;}
.send-word .captcha .bt {margin-left:3px;}
.send-word .cnfimg {width:200px;height:80px;margin:10px 30px 0; border:none; text-align:center;}
.send-word .warning { border-left: 3px solid #7292B5; background:#EEE; padding:4px 8px }
.send-word .warning h2 { color:#000}
.send-word .warning h2 span { float:left; width:17px; height:17px; line-height:16px; margin:3px 8px 0 0; color:#B9151C; background-color:#B9151C; background-repeat:no-repeat; font-size:0}
.send-word .warning ul {clear:both; padding-left:1.5em; margin:0; color:#B9151C}

#page .highlight-1, .highlight-1 {background-color:#FFC800}
#page .highlight-2, .highlight-2 {background-color:#FF6}
#page .highlight-3, .highlight-3 {background-color:#96FF96}
#page .highlight-4, .highlight-4 {background-color:#80FFFF}
#page .highlight-5 ,.highlight-5 {background-color:#FF9696}

/* PORTAL */
#plink { clear: both; margin: 0; padding:0; height:3px; font-size: 3px; width: 1000px; background-color: #2E4F8E; }
#portal { width:1000px; float:left; background:white }

#p-top {  font-family: Tahoma, Arial, sans-serif}
#p-top ul, #p-top li {list-style:none; list-style-position:outside;  }
#p-top li { display:inline; }
#p-top { margin-bottom:32px; height:18px; line-height:18px; font-size:11px; background:#F0F0F0 url('/u/portal/bar-bg.gif') top right repeat-x}
#p-top ul, #p-top li {height:18px; margin:0; padding:0;}
#p-top ul { background:url('/u/portal/bar-end.gif') top right no-repeat}
#p-top a { color:#000}
#p-top a:hover { color:#EE333E}
#toplinks { float:right; text-align:right; }
#toplinks ul { padding-right:8px}
#toplinks li { margin-left:10px}
#toplinks a { color:#000}
#p-dnes { position:relative; color:#383838; background:#FFF url('/u/portal/bar-start.gif') no-repeat right top; float:left; height:18px; padding-left:105px; padding-right:54px; }
#p-dnes #p-roll { position:absolute; top:0; left:0; z-index:1; display:block; width:101px; height:38px; }
#p-dnes #p-roll span { position:absolute; top:0; left:0; z-index:1; display:block; width:100%; height:100%; background:url('/u/portal/p-roll.gif') no-repeat; cursor:pointer; cursor:hand;}

#lidnes { float:left; display:inline; width:161px; height:35px; margin:0 10px 12px 15px; }
#lidnes h1 { width:100%; height:100%; margin:0; padding:0; font-size:1.4em }
#lidnes a {	position:relative; display:block; width:100%; height:100%; margin:0; padding:0;	text-decoration:none; }
#lidnes a span {position:absolute; top:0; left:0; z-index:1; display:block; width:100%; height:100%; background: url('/u/portal/logo-idnes-small.gif') no-repeat scroll 0pt; cursor:pointer; cursor:hand;}
#lidnes img {width:161px; height:35px;}

#webs { float:none; margin-bottom:12px; padding:20px 0 0; font-size:12px; line-height:16px; color:#000; text-align:right; }
#webs a { color:#000; }
#webs a:hover { color: #EE333E; }	
#webs span a { _height:1px; _margin-bottom:-3px; }
#sflash { background-color:#244383; color:#FFF; padding:3px; width:994px !important; width /**/:1000px; }
#sflash a { color:#FFF; text-decoration:none; }
#sflash a:hover { color: black; }
#sflash .text { text-transform:uppercase; text-decoration:none; font-size:1.23em; }
#sflash a:hover .text { color:#FFF; }
#sflash a .more { text-decoration:underline; padding-left:0.25em; _height:1px; _margin-bottom:-3px; }

/*new*/
#pbar { width:1000px; background-color: #EEE; padding:0; font-size:12px; line-height:1.8; }
#day { color:#444; float:left; width:140px !important; width /**/:140px; padding:3px 5px 0; line-height:1.8; }
.kl-logo { float: left;  display: block;  width: 90px; height: 25px; background: url("/o/xhp_old/logo_1.gif") 0 3px no-repeat; }
.kl-text { float: left; padding-left:0px; display: block;  width: 80px; height: 25px; background: none;}
#pbar em { visibility: hidden; }
.kl-text a { text-decoration: none}

/* helper */
#p-words { position: absolute; z-index: 999; }
#words { position: absolute; top: 0px; =top: 20px; left: 41px; =left: 0px; margin: 0; padding: 0; display: none; width: 209px; =width: 214px; border: 1px solid #666666; background-color: #F9F9F9; color: #2C5AA5; cursor: default; font-size: 89%; overflow: hidden; }
#words div span { float: right; color: #787878; }
#words div.selected, #words div.selected span {color:highlighttext; background:highlight; }
#words a { display: block; width: 209px; _width: 214px; height: 19px; _height: 15px; background-color: #E9EAEA; border-top: 1px solid #C2C2C2; clear: both; color: #EE333E; text-indent: 5px; }
#words div { padding: 1px 5px !important; }
#words a:hover { color:highlighttext; background:highlight; }

/* #sect - zmena background pro ostrovy */
#sect { background:#2E4F8E url('/u/sorn.gif') top left no-repeat; padding:1px 0 2px 19px; color:#FFF; font-size:18px; line-height:1.25; float:right; width:360px !important; width /**/:379px; font-weight:bold;	}
#psearch { float:left; width:340px; margin-right: 10px; color:#1F1F1F; padding:2px 0 0; }
#psearch form { padding:0; margin:0; }
#psearch .mb-4 { margin-bottom:-4px; }
#psearch .inp { font-size:0.84em; width:210px; margin-right: 10px; line-height:1.25; }
#ubar {background:white; width:990px !important; width /**/:1000px; padding:3px 5px; font-size:12px; }
#navig { float:left; width:620px; }
#coin { float:right; width:355px; color:#444; }
#coin a { color:#444; }
#coin a:hover { color: #EE333E; }
 
/* nova paticka */
#footer {clear:both; position:relative; width:1000px; height:154px; font-size:11px}
#footer ul, #footer li { display:block; list-style:none}
#footer li { float:left; margin-left:1em}
#footer .iweb, #footer .phr, #footer #clink, #footer #f-idnes, #footer #f-dnes, #footer #f-iservis, #footer #f-service, #footer #f-ilink, #footer #copyright { position:absolute; z-index:1; margin:0; padding:0;  }
#footer .iweb, #footer .phr {right:5px; top:126px; }
#footer #clink { left:0; top:22px; width:100%; height:0; border-top:2px solid #C51212; }
#footer #f-idnes {left:5px; top:40px; width:162px; height:35px;}
#footer #f-dnes {left:198px; top:40px; width:104px; height:35px;}
#footer #f-idnes a, #footer #f-dnes a { position:relative; display:block; width:100%; height:100%}
#footer #f-idnes span, #footer #f-dnes span { position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; cursor:pointer; cursor:hand;}
#footer #f-idnes span { background: url('/u/portal/logo-idnes-small.gif') no-repeat; }
#footer #f-dnes span { background: url('/u/portal/logo-mfd-small.gif') no-repeat; }
#footer #f-iservis {right:5px; top:40px; }
#footer #f-service {left:5px; top:124px; margin-right:20em; }
#footer #f-service li { margin-left:0; margin-right:0.6em}
#footer #f-service a {color:#B9151C} #footer2 #f-service a:hover {color:#13375E}
#footer #f-ilink {right:23px; top:124px;}
#footer a {color:#13375E;}
#footer a:hover {color:#EE333E;}
#footer #copyright {right:5px; top:70px; text-align:right; color:#666; font-size:92%}
#footer #copyright a {color:#666; text-decoration:none}

/* poutani tisku */
/*MF*/
.mfwrite { position:relative; min-height:126px; _height:126px; padding:0 0 45px; margin-bottom:1em; background: #F5F5F5 url('/u/n3/mfwrite.jpg') right top no-repeat; font-size:12px}
.mfwrite h4 { height:auto; margin:0 0 7px; padding:10px 0 0; text-transform:uppercase; font-size:175%; color:#000; text-indent:0;font-weight:normal; }
.mfwrite h4, .content .mfwrite p, .content .mfwrite img { margin-left:10px }
#page .mfwrite p { padding:0; margin:0 10px; font-weight: normal}
.mfwrite img { float:left; margin-right:10px; }
.mfwrite div { position:absolute; bottom:0; left:0; width:100%; border-top:#000 1px solid;height:41px;background:#FFF url('/u/portal/logo-mfd-small.gif') right bottom no-repeat; color:#FFF; font-size:1px;}

/*ONA*/
.onawrite { margin:0 10px 1em; background: #FFF url('/u/n3/onawrite.gif') right bottom no-repeat; font-size:12px}
.onawrite h4 { margin:0; padding:10px 0 0; font-size:175%; color:#000;}
#page .onawrite p { padding:0 0 50px; }
.onawrite img { float:left; margin:0 10px 10px 0; }

/*MAGAZIN*/
.magwrite { margin:0 10px 1em; background: #FFF url('/u/n3/magwrite.gif') right bottom no-repeat; font-size:12px}
.magwrite h4 { margin:0; padding:10px 0 0.2em; font-size:150%; font-weight:bold; color:#ED1C24;}
#page .magwrite p { padding:0 0 36px; }
.magwrite img { float:left; margin:0 10px 10px 0; }

.intextstart, .intextstop { display:none }

/* self-promo bez uni */
#self-promo, #self-promo h2, #self-promo h3, #self-promo h4 {font-size:12px}
#self-promo ul, #self-promo li, #self-promo h2, #self-promo h3, #self-promo h4, #self-promo p {padding:0; margin:0; }

/* poutani self-promo */
#self-promo {width:100%; margin-bottom:22px}
#self-promo .webs {float:left; overflow:hidden; position:relative; width:100%; background:#343534 url('/o/poutani/normal.gif') repeat-x left 0;}
#self-promo .w-top, #self-promo .w-dwn {position:absolute; left:0; width:300px; height:1px; line-height:1px; overflow:hidden; border:1px solid #FFF; border-width:0px 1px; font-size:1px; }
#self-promo .w-top {top:0}
#self-promo .w-dwn {bottom:0}
#self-promo .webs ul {font-family:Tahoma,Arial,sans-serif; font-size:92%; min-height:22px;}
#self-promo .webs li {float:left; margin-left:-1px; padding:0 1px; background:url('/o/poutani/linka.gif') 0% 50% no-repeat; line-height:21px; list-style:none;}
#self-promo .webs a {float:left; padding:0pt 0.64em 1px; font-weight:bold; text-decoration:none; color:#FFF}
#self-promo .webs a:hover {background:#212021 url('/o/poutani/hover.gif') repeat-x left top; color:#FFF}
.prep-1 #jobdnes, .prep-1 #jobdnes a, .prep-1 #jobdnes a:hover {position:relative; color:#3C3C3C; background:#FFF url('/o/poutani/active-left.gif') repeat-x left top}
.prep-2 #auto-modul, .prep-2 #auto-modul a, .prep-2 #auto-modul a:hover {position:relative; color:#3C3C3C; background:#FFFFFF url('/o/poutani/active.gif') repeat-x left top}
.prep-3 #topkontakt, #self-promo.prep-3 #topkontakt a, #self-promo.prep-3 #topkontakt a:hover {position:relative; color:#000; background:#D1E5F4 url('/o/poutani/topkontakt/tk-prechod.gif') repeat-x left top}
#self-promo .arts-1, #self-promo .arts-2, #self-promo .arts-3 {width:300px; border:1px solid #D2D2D2; border-top:0; color:#000; background:#FFF; overflow:hidden}
#self-promo .arts-1, #self-promo .arts-2 {background-color:#FFF}
/* JobDNES */
#self-promo .arts-1 {padding-top:12px}
#self-promo .arts-1 h2.logo {float:right; width:108px; height:22px; margin-right:20px; _margin-right:10px; padding:0; border:none; background:none;  }
#self-promo .arts-1 h2.logo a {position:relative; display:block; width:108px; height:22px;}
#self-promo .arts-1 h2.logo span {position:absolute; top:0; left:0; z-index:1; display:block; width:100%; height:100%; background:#FFF url('/o/poutani/box_logo.gif') no-repeat 0 0; cursor:pointer}
#self-promo .arts-1 .box-in { padding:0; background:#00BBFB url('/o/poutani/self-promo/jobdnes-bg.gif') repeat-y} 
#self-promo .arts-1 .line1, #self-promo .arts-1 .line2, #self-promo .arts-1 .line3  { min-height:87px; _height:87px; padding: 8px 12px 4px; line-height:1.33; font-weight:bold; background:#FFF url('/o/poutani/bg-line.gif') repeat-x top left} 
#self-promo .arts-1 h3 {height:16px; padding-left:12px; border-bottom:2px solid #749D00; color:#FFF; text-transform:uppercase}
#self-promo .arts-1 h3 span {padding:2px 10px; font-size:92%; background-color:#749D00; line-height:1.46}
#self-promo .arts-1 a {color:#547500}
#self-promo .arts-1 h4 {margin-bottom:2px; font-weight:bold}
#self-promo .arts-1 p {margin-bottom:2px; font-size:92%;}
#self-promo .arts-1 .b-plus {float:right; width:112px; text-align:center; background:url('/o/poutani/self-promo/banner-jobdnes.gif') no-repeat}
#self-promo .arts-1 .b-plus p {min-height:232px; _height:232px; padding:48px 5px 0; line-height:1.28; font-size:150%;  font-weight:bold; color:#FFF}
#self-promo .arts-1 .b-plus a {font-size:117%; font-weight:bold; color:#FFF}
#self-promo .arts-1 .b-plus a:hover {color:#0A66A1}
#self-promo .arts-1 .fl {float:left; width:188px; background:#FFF;}
#self-promo .line1 .wage-text, #self-promo .line2 .wage-text, #self-promo .line3 .wage-text {display:block; color:#333; font-size:83%}
#self-promo .line1 .wage, #self-promo .line2 .wage, #self-promo .line3 .wage {display:block; color:#D87407; font-size:150%; font-weight:bold; line-height:1.22}
#self-promo .arts-1 .search {padding:8px 10px; background-color:#749D00}
#self-promo .arts-1 .form {float:left; width:157px; padding:2px 22px 2px 0; border-right:2px solid #FFF}
#self-promo .arts-1 .search p {color:#FFF; padding-left:187px; font-weight:bold}
#self-promo .arts-1 .search span {display:block; color:#000; font-size:134%}
#self-promo .arts-1 select {width:100%; margin-bottom:3px; font-size:92%}
#self-promo .arts-1 .submit {margin-bottom:2px; font-size:92%}
/* Automodul */
#self-promo .arts-2 .logo {float:right; position:relative; z-index:1; width:197px; height:32px; margin:17px 18px 7px}
#self-promo .arts-2 .logo a {display:block; width:100%; height:100%; cursor:pointer}
#self-promo .arts-2 .logo span {position:absolute; top:0; left:0; width:100%; height:100%; background:#FFF url('/o/poutani/automodul/boxik_automodul.gif') no-repeat 0 0}
#self-promo .suit {margin:0 10px 12px; clear:both; font-size:142%; font-weight:bold}
#self-promo .suit span {color:#EE342A; text-decoration:underline}
#self-promo .arts-2 .box-in {padding:7px 10px 0; border-top:2px solid #445B6E; background:url("/o/poutani/automodul/boxik_grad.gif") repeat-x}
#self-promo .arts-2 .box-in a {color:#5C7792}
#self-promo .arts-2 h3 {display:block; margin-bottom:10px; font-size:117%; font-weight:bold; line-height:1.2}
#self-promo .arts-2 img {float:left; width:100%; margin-bottom:7px}
#self-promo .arts-2 table {width:100%; margin-bottom:4px; border-collapse:collapse; clear:both}
#self-promo .arts-2 td {width:50%; padding:1px 5px}
#self-promo .arts-2 .price {font-weight:bold; color:#C00}
#self-promo .arts-2 .ico-r {height:26px; margin-bottom:7px; }
#self-promo .arts-2 .ico-r a.ico-next { float:right; width:49%;}
#self-promo .arts-2 .ico-r a:hover { color:#C00}
#self-promo .arts-2 .ico-r a span {background-color:#DD4200}
#self-promo .arts-2 .ico-r a:hover span {background-color:#445B6E}
#self-promo .arts-2 .form {clear:both; padding:14px 10px 12px; background-color:#445B6E; font-size:92%}
#self-promo .arts-2 form {width:100%}
#self-promo .arts-2 label {float:left; margin-right:5px; line-height:22px; color:#FFF; text-transform:uppercase}
#self-promo .arts-2 #vyhl_fullt {width:115px}
#self-promo .arts-2 .submit {margin-top:-1px}
/* TOPkontakt */
#self-promo .arts-3 h2.logo {padding:6px; border-bottom:1px solid #D2D2D2; background:#D1E5F4; text-align:center;}
#self-promo .arts-3 h2.logo a {position:relative; display:block; width:154px; height:49px; margin:0 auto;}
#self-promo .arts-3 h2.logo span {position:absolute; top:0; left:0; z-index:1; display:block; width:100%; height:100%; background:url('/o/poutani/topkontakt/tk-logo3.gif') no-repeat; cursor:pointer;}
#self-promo .arts-3 .box-in {padding:0; background:#ECF4FA}
#self-promo .arts-3 .thumb {position:relative; clear:both; padding:0; overflow:hidden;}
#self-promo .arts-3 .thumb-img {position:absolute; top:5px; left:10px; z-index:1; border:1px solid #D2D2D2}
#self-promo .arts-3 .thumb-img img {width:50px; height:50px; border:0; -ms-interpolation-mode:bicubic;}
#self-promo .arts-3 .thumb-right {min-height:57px; _height:57px; padding:5px 10px 10px 75px;}
#self-promo .arts-3 .thumb-right h4 {margin:0 0 0.5em; font-size:117%;}
#self-promo .arts-3 .thumb-right h4 a {color:#3463B1}
#self-promo .arts-3 form {display:block; margin-top:5px; padding:15px; border-top:1px solid #D2D2D2; background:#21549B}
#self-promo .arts-3 form .search-input {width:180px; margin-right:4px;}
#self-promo .arts-3 .whence {margin:0 0 8px; padding:10px; border-bottom:1px solid #D2D2D2; background:#D1E5F4}
#self-promo .arts-3 .whence li { list-style:none; padding:0.2em 0 0.2em 65px; background:url('/o/poutani/topkontakt/arrow_red.gif') no-repeat 55px 0.5em }
#self-promo .arts-3 .whence a { color:#0000FE}
#self-promo .arts-3 .box-bot { padding:8px 10px 8px 75px; border-top:1px solid #D2D2D2; background:#D1E5F4; font-size:108%; font-weight:bold}
#self-promo .arts-3 .box-bot a { padding-right:16px; color:#13375E; background:url('/o/poutani/topkontakt/arrow2_red.gif') no-repeat 100% 50%}
/*reality*/
#self-promo .arts-4 a {color:#2949DF}
#self-promo .arts-4 .logo {position:relative; min-height:66px; _height:66px; font-size:117%; font-weight:bold; text-align:right; border-bottom:1px solid #D2D2D2}
#self-promo .arts-4 .logo p {padding:32px 10px 0}
#self-promo .arts-4 .logo img {position:absolute; z-index:1; top:10px; left:10px}
#self-promo .arts-4 .box-in {padding:10px 10px 4px; border-bottom:1px solid #D2D2D2; background:#FFF url('/o/poutani/self-promo/bg-reality.gif') repeat-x}
#self-promo .arts-4 .reality  {font-size:117%; font-weight:bold}
#self-promo .arts-4 .reality img {float:left; margin:6px 0; border:1px solid #000}
#self-promo .arts-4 .box-in p {margin-bottom:0.5em}
#self-promo .arts-4 .price {padding:0 0 0 10px; font-size:118%; font-weight:bold; color:#EB5757}
#self-promo .arts-4 .realpropety {padding:6px 10px;  border-top:1px solid #FFF; background:#DEEEF4}
#self-promo .arts-4 .realpropety p {margin-bottom:0.5em; font-weight:bold}
#self-promo .arts-4 ul {float:left; width:100%; margin-bottom:0.5em}
#self-promo .arts-4 li {float:left; width:49%; line-height:1.5; list-style:none}
#self-promo .arts-4 li.fc0 {overflow:hidden; height:0; line-height:0; font-size:0}

/*kristalova lupa*/
#kristalova-lupa {position:relative; z-index:1; float:left; display:block; width:191px; height:225px; margin:0 5px 4px 0;cursor:pointer}
#kristalova-lupa span {position:absolute; top:0; left:0; width:100%; height:100%; background:url('/o/zpr/kristalova_lupa.jpg') no-repeat}

.warning { margin:1em 0; padding:4px 8px 8px; border-left:3px solid #7292B5; background:#EEE; zoom:1; }
.warning h2 { color:#000; font-family:Tahoma,Arial,sans-serif; font-size:18px; line-height:22px; font-weight:bold; margin:0pt 0pt 6px; padding:0pt; text-transform:uppercase; }
.warning h2 span { float:left; width:17px; height:17px; line-height:16px; margin:3px 8px 0 0; _margin:3px 5px 0 0; color:#B9151C; background-color:#B9151C; font-size:0}
.warning ul {clear:both; padding-left:1.5em; margin:0; color:#B9151C}
.warning p {margin:0}
.warning p a { height:auto; line-height:1.25}

.textbanner { margin:0 0 1em;}

/*video ve clanku*/
#page .equip-tv {clear:both; min-height:380px; _height:380px;}
#page .equip-tv table {margin:0 0 1em; border:0; border-collapse:collapse;}
#page .equip-tv td {padding:0; border-bottom:1px solid #E3E3E3;}
#page .equip-tv .equ-img { border:0}
#page .equip-tv .equ-img .autor {display:block; min-height:17px; padding:0 4px; line-height:17px; font-size:11px; text-align:right; background-color:#BCBCBC; }
#page .equip td.equ-tv {padding:10px 0 0; text-align:center; vertical-align:top;}
.equ-tv h3 {margin:0 10px 10px; font-family:Tahoma,Arial,sans-serif; font-size:150%; font-weight:bold; text-align:left; text-transform:uppercase; color:#B9151C; background:url('/u/portal/logo-tv-equ.gif') right center no-repeat}
.equ-tv h3 a {display:block; color:#B9151C; text-decoration:none}
.equ-tv h3 a:hover {text-decoration:underline}
/*video ve clanku 2.0 Professional Edition*/
.video-in {width:312px; padding:10px 0; overflow:hidden; border-left:10px solid #ECECEC; border-right:10px solid #ECECEC; background:#ECECEC center center no-repeat;}
.video-4ku3 .video-in {height:246px;}
.video-4ku3 .video-in a {display:block; width:100%; height:100%; background-image:url('/o/sph/videoplay_43-n2.png'); _background:url('http://g.idnes.cz/u/free.gif'); _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='http://g.idnes.cz/o/sph/videoplay_43-n2.png', sizingMethod='scale');}

/*complete*/
#text table.complete {border:0;}
.complete {width:100%; margin:0 0 1em; padding:0; border:0; border-collapse:collapse; font-size:12px; line-height:1.33}
#text .complete-half-l, .adwords-text .complete-half-r {width:164px}
#text .complete-half-r {float:right; margin-left:10px; position:static; margin-right:0}
#text .complete-half-l {float:left; margin-right:5px;}
#text .complete td {background:#F7F7F7; border-left:1px solid #505656; padding:4px 8px 0}
#text .complete h3 {margin:0 0 6px; /*font-family:Tahoma, Arial, sans-serif*/}
.complete h3 span {font-size:14px; line-height:19px; text-transform:uppercase; font-weight:bold; white-space:normal }
.complete h3 span span, .content .complete h3 a span, .complete h3 a span {float:left; width:17px; height:17px; line-height:16px; color:#555; background-color:#555; background-repeat:no-repeat; font-size:0; margin:1px 8px 0 0; _margin:1px 5px 0 0; white-space:normal}
.complete img {float:right; display:inline; margin:-4px 0 0 10px; =margin-bottom:-4px /*IE bug*/;}
#text .complete p {padding:0; margin:0 0 6px}
#text .complete p.title {margin-bottom:4px;}
.complete .title { font-size:108%; font-weight:bold; color:#464646}
.complete div {clear:both; padding:2px 0; zoom:1;}
.complete .only-text {font-size:100%; padding-bottom:8px; margin:0}




