/*- This stylesheet was made specialy for Peníze.cz -*/
/*- Copyright 2007 Lukáš Hroch. All rights reserved.  -*/

/*- Basics -*/
html, body, div, p, li, ul, form, fieldset, h1, h2, h3, h4, h5, h6   { margin: 0; padding: 0; list-style: none; }

body		{ font: normal 12pt Arial, Helvetica, sans-serif; background: #fff; color: #000; }
a			{ color: #153F7B; }
a:hover	{ text-decoration: underline !important; color: #DB2032 !important;}
a:hover .alt   { color: #DB2032; }
a img   	{ border:0; }

h1	{ font-size: 15pt; padding: 0 0 5pt; }
h2	{ font-size: 13pt; padding: 3pt 0; }
h3	{ font-size: 11pt; padding: 3pt 0; }
h4	{ font-size: 11pt; padding: 3pt 0; }
h5	{ font-size: 11pt; padding: 3pt 0; }
h6	{ font-size: 11pt; padding: 3pt 0; }


table { border-collapse: collapse; width: 100%; }
table th    { text-align: left; xpadding-right: 2em; }
table td.right { padding-left: 5px; }
table th.right { padding-left: 5px; }
table td.left { padding-right: 5px; }
table th.left { padding-right: 5px; }
table td.flag { width: 16px; }
table th.sort { background-color: #157B53 !important; border-bottom-color: #157B53 !important;  }
table td.sort { background-color: #FFFFCC !important;  }
table tr.active td.sort { background-color: #E6FFCC !important;  }
table.small  { margin-right: 15px; margin-bottom: 1em; }
table.small th.sort  {background: none !important; }

dl {}
dt { font-weight: bold; padding-left: 15px; }
dd { margin:0 0 1.25em 15px; }

dl.bigger dt   { font-size: 1.2em; }

dl.dlCols dt   { float: left; width: 49%; margin: 0; padding: 0; margin-bottom: .3em; background: none; }
dl.dlCols dd   { float: right; width: 49%; margin: 0; padding: 0; margin-bottom: .3em; }

blockquote  { margin: 0; padding: 10px 20px; color: #333; line-height: 1.6; font-family: Georgia, serif; }

fieldset { border: 0 !important; }

/*- Basic layout -*/
#view    { }
.colsFifty .col1 { float: left; width: 49% !important; }
.colsFifty .col2 { float: right; width: 49% !important; }


/*- Main hacks -*/
.holder:after, .cols:after, .item:after, .paging:after, .smallPaging:after, .filter .base:after, filter .extended:after, .cont:after,
#mainMenu ul:after, .tip:after, .setBar:after, .steps:after, .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:block; }

/*- User friendly features -*/
.onTop,
hr { display: none; }


/*- Main classes -*/
.fr		{ float: right !important; }
.fl		{ float: left !important; }
.clear   { clear: both !important; }
.right	{ text-align: right !important; }
.left		{ text-align: left !important; }
.center	{ text-align: center !important; }
.last		{ margin-right: 0 !important; margin-bottom: 0 !important; border-bottom: none !important; }
.small	{ font-size: .91em; }
h2 .small	{ font-size: .71em; }
.big	   { font-size: 1.5em; }
.light	{ color: #666; }
.hidden	{ display: none; }
.alt           { color: #000; }
img { border: 0; }
.offset { margin-bottom: 1em; }
li { background: url('http://css.pencdn.cz/img/poradna_li.png') no-repeat 0 5pt; padding: 0 0 3pt 10pt; margin: 0 0 0 10pt; }

.box  { border: 1px solid #666; padding: 1em; margin-bottom: 1.5em; clear: right; }
.item  { border-bottom: 1px solid #666; padding-bottom: 1.5em; margin-bottom: 1.5em; }
.boxFloated { width: 33%; }
.noprint, .author, .comments, .articleTags, .rating, .articleOptions, .tabs, .advItem, .adv, .cSet, #foot, #sponsors, #sideBar, .boxCommentsLight, 
.reklama, #reklamabg, #header, .print, .parrating { display:none }

/*Srovnani*/
.box .filter .wide .clearfix { width: 31.2%; }
.box .filter .clearfix { float: left; margin-left: 10pt; width: 23%; }
.clearfix { display: block; }

#articlePerex           	{ position: relative; margin-bottom: 40px;  border: 1px solid #aaa;  padding: 10px 10px 15px;}
#articlePerex .thumbnail   { float: left; margin-right: 15px; }
.thumbnail img  { display: block; }
#articlePerex .perex       { font-size: 14pt; margin-bottom: 10px; }
#articlePerex .info        { border-top: 1px solid #aaa; padding: 10px 0 7px 0; font-size: 9pt; color: #666; margin-left: 130px; }
#articlePerex .info a 		{ color: #666; }
#articlePerex .info .fr 	{ display: none; }
#articlePerex .articleType { margin-right: 3em; }

/* clanek */

.article .text .fr         { width: 46% !important; margin: 0 0 5mm 5mm; }
.article .text .fl         { width: 46% !important; margin: 0 5mm 5mm 0; }

.article .text .boxFloated          { width: auto; page-break-inside: avoid; clear: none; }
.article .text .boxFloated h3       { margin-top: 0; }
.article .text .boxFloated ul       { font-size: .9em; line-height: 1.2; }
.article .text .boxFloated ul li    { margin: 2mm 0; }
.article .text .boxFloated table    { margin-top: 5mm; }
.article .text .boxFloated table td,
.article .text .boxFloated table th { border: 1px solid #ccc; border-collapse: collapse; }
.article .text .boxFloated p {margin-bottom: 1em;}
.article .text .boxFloated {font-size: 10pt;}

.article .text .over       { border: 1px solid #999; margin: 5mm 0; padding: 1em; }

.article .text ol          { margin: 0 0 5mm 0; padding: 0; }
.article .text ol li       { margin: 0; padding: 0; list-style-type: decimal; list-style-position: inside; font-weight: bold; margin-top: 5mm; }
.article .text ol li span  { font-weight: normal; }
.article .text h3          { margin: 5mm 0 5mm 0; }
.article .text a           { color: #000; text-decoration: underline !important; }
.article .text p           { margin-bottom: 13pt; }
.article .text {font-size: 1.15em;}

.article .text .boxTable            { width: 95%; }
.article .text .boxTable table      { width: 100%; }
.article .text .boxTable td,
.article .text .boxTable th         { border: 1px solid #ccc !important; border-collapse: collapse; padding: 1mm; }
.article .text .boxTable tr.last td,
.article .text .boxTable tr.last th { border-bottom: 1px solid #333 !important; }
.article .text .boxTable thead td   { font-size: 1.5em; padding-bottom: 5mm; border-bottom: 1px solid #333 !important; }
.article .text .boxTable tfoot td   { font-size: 1.1em; padding-top: 5mm; }


.calculators {font-size: 10pt;}
.calculators h5                { margin-bottom: 1.5em !important; }
.calculators .perex            { xbackground: #fff; xpadding: 5px 10px; xborder: 1px solid #BBC8D9; border-bottom: 1px solid #BBC8D9; padding-bottom: 1em;  margin: -1.25em 0 1.5em; position: relative; }
.calculators p.perex           { margin-top: 0; }
.calculators .formCalcul             { margin: 1em 0 0 0; clear: both}
.calculators .formCalcul span        { font-weight: bold; }
.calculators .formCalcul span.info        { font-weight: normal; }
.calculators .formCalcul .cols              { margin-bottom: .7em; clear: both;}
.calculators .formCalcul .col1              { width: 35% !important; text-align: right; float: left;}
.calculators .formCalcul .col2              { width: 61% !important; text-align: left; float: right;}
.calculators .formCalcul .col2 .col1              { width: 44% !important; text-align: left; float: left;}
.calculators .formCalcul .col2 .col2              { width: 44% !important; text-align: left;  margin-right: 8.75%; float: right;}
.calculators .formCalcul .col2 .col1 input,
.calculators .formCalcul .col2 .col2 input              {  width: 60%; }
.calculators .formCalcul .cols { margin-bottom: .7em; }
.calculators .formCalcul .cols input        { width: 80%; padding: 2px; vertical-align: middle; }
.calculators .formCalcul .cols select       { width: 85%; vertical-align: middle; }
.calculators .formCalcul .cols input.submit { margin-left: 0; padding: 3px 30px; }
.calculators .result          { position: relative; background: #fff; border: 1px solid #BBC8D9; font-weight: bold; margin: 2em 0;padding: .5em 0; min-height: 2.8em; _height: 2.8em; clear: both;}
.calculators .result .col1    { color: #153F7B; font-size: 1.16em; xtext-align: right; }
.calculators .result .col1 p  { margin-left: .7em; }
.calculators .result .col2    { color: #DB2032; font-size: 2.16em; }
.calculators .result .col2 p  { margin-left: .92em; text-align: left; }
.calculators .result .bigOne  { margin: 0 .92em; color: #DB2032; font-size: 2.16em; text-align: right; }
.calculators .result .bigOne small  { font-size: .51em; margin-right: .66em; }
.calculators .result .legend  { color: #DB2032; font-style: normal; position: absolute; top: -1.5em; left: 0; }
.calculators .qubic         { background: #fff; padding: 5px 10px; border: 1px solid #BBC8D9; margin-bottom: 1em; }
.calculators .qubic .col1              { width: 50% !important; }
.calculators .qubic .col2              { width: 49% !important; }
.calculators .qubic input              { border-color: #9AADC7; }
.calculators .rhombus         { background: #fff; margin-bottom: 1.5em; padding-bottom: 0; border-width: 1px; }
.calculators div.info { margin: -1em 0 1em;  position: relative; }
.calculators div.info p { margin-bottom: 3px; position: relative; margin-left: 1.5em; }
.calculators div.info p strong { position: absolute; left: -1.5em; }
.calculators div.info p.first { font-weight: bold; margin: 0 0 3px;  }
.calculators div.info p.first .star { font-weight: normal; }

.calculators .resultTables          { font-size: 1em; padding: .5em; font-weight: normal; }
.calculators .result table          { border: 1px solid #ECF1F5; }
.calculators .result table thead th { background: #fff; color: #DB2032; padding: 1em 10px 4px; font-size: 1.2em; }
.calculators .result table tbody th { background: #ECF1F5; padding: 4px 10px; border: 1px solid #ECF1F5; border-width: 1px 0; }
.calculators .result table tbody td { background: #F8FAFC; padding: 4px 10px; border: 1px solid #ECF1F5; border-width: 1px 0; text-align: right; }
.calculators .result table tbody span.info { font-weight: normal !important; }
.calculators .result table tbody .even th { background: #F8FAFC; }
.calculators .result table tbody .even td { background: #FFFFFF; }
.calculators .result table tbody .bg th   { background: #E9D8DA; }
.calculators .result table tbody .bg td   { background: #F2E1E6; }


/*nove*/
.detailtext { font-size: 11pt; }
.detailtext p { margin-bottom: 8pt; }
.detailtext .box {border: 0; }
.detailtext .tabulka .nadpis { background: #C7E9FB; height: 2em; line-height: 1.1}
.detailtext table { font-size: 10pt; } 
.detailtext table .bg { background: #EDF9FD; }
.detailtext table td { padding: 0 10pt; }
.detailtext table th { padding: 0 10pt; }
.detailtext table tr { line-height: 1.1; }
.detailtext li { background: url('http://css.pencdn.cz/img/poradna_li.png') no-repeat 0 5pt; padding: 0 0 3pt 10pt; margin: 0 0 0 10pt; }
.detailimg { float: left; margin: 0 1em 1em 0; }
.clanekinfo .info { font-size: 10pt; }
.cleardetail { clear: both; margin-bottom: 25pt;}
.detailtext .f-none { margin-bottom: 8pt; font-size: 10pt; }
.detailtext .f-right, .detailtext .f-left, .detailtext .floatright, .detailtext .floatleft, .detailtext .floatmidle { font-size: 10pt; }
.detailtext .f-right, .detailtext .floatright { width: 50%; float: right; margin: 0 0 25pt 25pt; }
.detailtext .f-left, .detailtext .floatleft { width: 50%; float: left; margin: 0 25pt 25pt 0; }
.detailtext .boxin { background: #F2FBFF; padding: 5pt 10pt; } 
#footNew { margin-top: 25pt; font-size: 8pt; }
#footNew .holder { display: none; }