@import 'cro7.css';

em					{ font-style: italic; }
h1, h2.frHeading	{ font-size: 1.7em; padding-bottom: 10px; }
h1 .title,
h2.frHeading .title { padding: 1.2em 20px 0 20px; display: block; }

h2.frHeading		{ margin-top: .5em; }
h1 .section 		{ display: block; text-transform: uppercase; border-bottom: 1px solid rgb(0, 78, 203); font-size: 10px; margin-top: 4em; }
h1 .section a 		{ color: #fff; background-color: rgb(0, 78, 203); font-weight: inherit; padding: 2px 20px 1px; width: 320px; display: block; }
.container			{ background-image:url(../imgs/vr-dots-article-blu.png); }

.article-list .section {
    background-image:url(../imgs/arrow-red.png);
    background-position:right center;
    margin-right:0.5em;
    padding-right:0.75em;
}



/* content structures */
.main 				{ width: 660px; float: left; padding: 0 0 2em 0; }
.context			{ width: 329px; padding-bottom: 2em; float: left; }

/* typo */
.main h3,
.main h2.normal,
.main p,
.main ul,
.context h2.normal,
.article h2			{ padding-bottom: 1em; }

.article h3,
.article h2.normal,
.article p,
.article ul,
.article h2			{ margin-right: 0px; margin-left: 0; }

.main h3 			{ margin-top: 1em;
              background-image: url(../imgs/hr-dots-blu.png); background-repeat: repeat-x; background-position: top; }

.context p 			{ margin: 20px; }
.context .bbox p 	{ margin: 0; }
h2.normal 			{ margin: 1em 0; }

/* articles */
.article 			{ float: left; width: 618px; padding-right: 20px; padding-left: 20px; }
.article h2 		{ font-size: 120%; margin-top: 1em; }

.article h2.huge	{ font-size: 170%; margin-top: 0.5em; }
.article h2.large	{ font-size: 155%; margin-top: 0.6em; }
.article h2.big		{ font-size: 140%; margin-top: 0.7em; }

.photo .caption		{ color: rgb(150, 150, 150); font-size: 11px; padding: .25em 0 0 10px; line-height: normal;
                   display: block; clear: both; font-weight: normal; text-decoration: none; font-style:normal;}
p img 				{ padding: 5px 10px 5px 0; display: block; }

/* quote */
.article blockquote {
    float: right;
    display: inline;
    width: 200px;
    padding: 10px 10px 15px 20px;
    margin: 5px 0 10px 20px;
    border-left: 1px solid #b3d2fd;
    font-size: 18px;
    color: #363636;
    font-style: normal;
}

.article blockquote.left {
    float: left;
    padding: 10px 20px 15px 10px;
    margin: 5px 20px 10px 0;
    border: solid #b3d2fd; 
    border-width: 0 1px 0 0;
}

/* span.photo */
p span.photo,
p a.photo,
a.photo	{ display: block; float: right; padding-right: 0; margin-right: 0; text-decoration: none; }
a.photo img,
span.photo img		{ border: 1px solid #ccc; padding: 0px;}
a.noborder img,
span.noborder img	{ border: 0px; padding: 0; }

a.photo-back		{ text-align: center; font-size: 12px; display: block; text-decoration: none; clear: both}
a.photo-back img {display: inline}

.photo-single	{ padding-top: 3px; padding-bottom: 3px;  margin-left: auto; margin-right: auto; display: block; float: none}

span.photo-single .caption { color: rgb(51, 51, 51); font-size: 12px; padding: .25em 0 0 10px; margin-bottom: 0px; line-height: normal; display: block; clear: both; }
a.photo:hover .caption		{ color: rgb(227, 0, 0); }

p.perex 			{ font-size: 1.15em; padding-top: 5px; }
.photo img			{ display: block; padding: 0 0 .5em 0; clear: both; }
a.photo span.caption { text-decoration: none; }
a.photoleft, span.photoleft, p a.photoleft, p span.photoleft 	{ margin: .4em 15px 1.5em 0; float: left; }

div.fW, span.fW,
a.fW			{ background-image: url(../imgs/photoFW.jpg); background-position: top right; background-color:rgb(238,238,238); width: 618px; float: none; 
         border: 1px solid #e1e1e1; margin-left: 0px}
div.fW img,span.fW img,
a.fW img		{ margin-left: 13px; border: none; }
.fW .caption	{ margin-left: 15px; margin-top: .5em; padding-bottom: 2em; padding-right: 20px;}

.gallery 		{ margin: 0.2em 0 1em 0; }
.gallery
a.photo 		{ float: left; width: 130px; text-decoration: none; margin-left: 0; margin-right: 20px; }

.bbox 			{ background-color: rgb(181, 212, 255); padding: 15px 0 15px 20px; margin: 1px 0; }
.bbox h2 		{ color: #fff; }

p.perex span.expr { background-color: red; color: white; font-weight: bold; }

div.hr, div.hr-photo 	{ background-image: url(../imgs/hr-dots-blu.png); background-position: top; background-repeat: repeat-x;
                        margin: 10px 25px 0px 25px; clear: both; }
div.hr-photo			{ margin: 10px 20px 0px 20px; }
div.nohr-photo 			{ clear: both; margin: 0px 20px 0px 20px; }

.context ul, .context h3 	{ margin-left: 20px; margin-right: 20px; }
.context h2 + ul                   	{ margin-top: 20px; }
.context ul.further li 		{ background-image: none; padding-left: 0; margin-left: 0; }
.context ul.further li p {
    margin-left: 0;
}
.context ul.further li h3 {
    margin-left: 0;
    padding-top: 0; padding-bottom: 0.25em;
}
.context .section 			{ padding-top: 1.5em; text-transform: uppercase; }
.context .section a 		{ background-color: rgb(0, 78, 203); color: #fff; font-size: 8px; padding: 2px; }
.context .section a:hover	{ background-color: rgb(227, 0, 0); }

.context h2.bar {
    text-transform: uppercase;
}
.context h3.grouped {
    margin-bottom: 0;
    margin-top: 1em;
    padding-top: 0.5em;
    padding-bottom: 0.25em;
}
.context p.author { margin-top: 0px; margin-bottom: 0px; width: 267px; padding-top: .25em; padding-bottom: .25em; font-size: 9px; }
.context p { margin-top: 0px; margin-bottom: 0px; padding: 0px; }
.context p.summary { margin-bottom: .5em; }
.context p.summary img { margin-bottom: .5em; }

.context p.archive {
    margin-top: 10px;
    margin-right: 25px;
}


p.quote, .survey p.question	{ font-size: 1.1em; font-style: italic; padding: 1em 0 1.5em 30px; }
p.quotation-mark 			{ background-image:url(../imgs/quotation-mark.png); background-position: 0 1.3em; padding-bottom: 2em; }
.survey 					{ padding-bottom: 1.5em; clear: both; }
.quote						{ clear: both; }
.survey p.question			{ background-image:url(../imgs/question-mark.png); background-position: 3px 1.3em; padding-bottom: .5em; }
.survey p.answer			{ padding-left: 30px; background-image:url(../imgs/arrow-red.png); background-position: 20px .6em; }
.survey p.answer .person 	{ font-weight: bold; font-size: .8em; text-transform: uppercase; }

.play 				{ margin: 1.3em 20px; border: 1px solid #e5f0ff; padding: 10px 0 7px 13px; 
            background-image:url(../imgs/sound-choice-BKG.png); background-position: top left; background-color: #E0EDFF; }

.noperex 			{ margin-top: 0.4em; }
.swf 				{ width: 421px; height: 20px; padding: 20px 0 0 0; display: block; float: left; }
.options 			{ line-height: 150%; float: left; font-weight: bold; font-size: 10px; margin-bottom: 2px;
              padding: 0 0 0 15px; margin-left: 15px; border-left: 1px solid #c4e0ee; width: 141px; text-align: left; }
.raOptions			{ font-weight: normal; }
.raOptions .option	{ font-weight: bold; }
.options .option	{ display: block; }
.naOptions			{ border-top: 1px solid #c4e0ee; padding-top: 6px; margin-top: 6px; }
.naOptions .option  { width: 80px; display: block; float: left; height: 14px; padding-bottom: 3px; }
.options .poslech,
.options .dld,
.options .podcast	{ background-position: left; padding-left: 18px; text-decoration: none; font-weight: normal;
                    display: block; height: 14px; width: 52px; float: left; padding-bottom: 3px; }
.options .poslech 	{ width: 62px; margin: 0; }
.options .poslech.r 	{ width: 42px; }
.options .dld 		{ width: 42px; }
.options .podcast 	{ background-image:url(../imgs/icoRSS.png); }

.options-nomp3 {margin:0; padding:0; text-align: center; font-weight: bold; }
.options-nomp3 .podcast 	{background-image:url(../imgs/icoRSS.png); margin: 0; font-weight: normal; 
                          margin-left: 3px; margin-right: 20px; padding-left: 18px}
.options-nomp3 .poslech         {background-image:url(../imgs/iconAmp.png); margin:0; font-weight: normal; 
                                 margin-left: 3px; margin-right: 20px; padding-left: 18px}

/* naradi */

.main ul.tools			{ float: right; display: inline; position: relative; margin: 15px 30px 0 0; padding: 0; }
.tools li a				{ height: 25px; width: 25px; padding: 0; display: block; line-height: 1000px; background-position: center; }
.tools li				{ position: relative; display: inline; float: left; margin-right: 5px; padding: 0; background-image: none; }

.toolsXXL, .relatedArticles {
    margin-top: 2em;
    padding: .5em 20px 1.3em 20px;
    clear: both;
    background-image: url(../imgs/hr-dots-blu.png);
    background-position: top;
    background-repeat: repeat-x;
}
.toolsXXL ul,  .relatedArticles ul {
    margin: 0;
    padding-bottom: 0;
}
.toolsXXL p,  .relatedArticles p  {
    margin-left: 0;
}
.toolsXXL li,  .relatedArticles li {
    padding: 0;
    background-image: none;
    font-size: 13px;
}
.toolsXXL li {
    font-size: 10px;
    text-transform: uppercase;
}
.toolsXXL li a {
    padding-left: 20px;
    background-position: 0 1px;
}
.toolsXXL h2, .relatedArticles h2 {
    padding: .5em 0 .5em 0;
}
.toolsXXL .column33 h2 {
    padding-top: 2em;
}

.langSelect h2			{ margin-bottom: .5em; }
.langSelect li strong 	{ text-transform: uppercase; }
.langSelect h2			{ background-image:url(../imgs/flagsAnim.gif); background-position: 0 2px; padding-left: 20px; }
.langSelect				{ padding: 0 20px; margin-top: 1em;}
.langSelect ul			{ margin-left: 0; }

.printer		{ background-image:url(../imgs/icons/printer.gif); }
.printer-large		{ background-image:url(../imgs/icons/printer-large-alt.gif); }
.printer-large:hover	{ background-image:url(../imgs/icons/printer-large-alt-hover.gif); }
.envelope		{ background-image:url(../imgs/icons/email.gif); }
.envelope-large		{ background-image:url(../imgs/icons/email-large-alt.gif); }
.envelope-large:hover	{ background-image:url(../imgs/icons/email-large-alt-hover.gif); }
.envelopes		{ background-image:url(../imgs/icons/envelopes.gif); }
.RSSL			{ background-image:url(../imgs/icoRSSL.png); }
.shareL			{ background-image:url(../imgs/icoShareL.png); }
.printerL:hover,
.envelopeL:hover,
.shareL:hover,
.RSSL:hover		{ background-position: 0 -30px; }
.printerL:active,
.envelopeL:active,
.RSSL:active,
.shareL:active,
.shareL.active	{ background-position: 0 -60px; }

.digg			{ background-image:url(../imgs/icons/digg.gif); }
.facebook		{ background-image: none; padding: 0 !important; }
.newsvine		{ background-image:url(../imgs/icons/newsvine.gif); }
.delicious		{ background-image:url(../imgs/icons/delicious.gif); }
.permalink		{ background-image:url(../imgs/icons/delicious.gif); }
/* .linkuj			{ background-image:url(../imgs/icons/linkuj.gif); } */
.vybralisme		{ background-image:url(../imgs/icons/vybralisme.gif); }
.linking		{ background-image:url(../imgs/icons/linking.gif); }

.lang-english,
.lang-espanol,
.lang-francais,
.lang-parusky,
.lang-deutsch,
.lang-cesky		{ padding-left: 20px; }
.lang-english	{ background-image:url(../imgs/icons/flag-uk.png); }
.lang-espanol	{ background-image:url(../imgs/icons/flag-es.png); }
.lang-francais	{ background-image:url(../imgs/icons/flag-fr.png); }
.lang-parusky	{ background-image:url(../imgs/icons/flag-ru.png); }
.lang-deutsch	{ background-image:url(../imgs/icons/flag-de.png); }
.lang-cesky		{ background-image:url(../imgs/icons/flag-cz.png); }


/* forum */
.forum p,
.forum h2,
.forum h3				{ margin-left: 0; margin-right: 0; }
.forum					{ padding: 20px; margin-top: 20px;
             background-image:url(../imgs/hr-dots-blu.png); background-position: top; background-repeat: repeat-x;}
.forum form				{ display: block; background-color: rgb(181, 212, 255); padding: 0 20px 0 20px; }
.forum form input,
.forum form textarea	{ display: block; border: 1px solid rgb(0, 78, 203); padding: 3px; font-size: 11px; margin-bottom: 1em; }
.forum .post .post 		{ padding-left: 30px; background-image:url(../imgs/forum-reply.png); background-position: 5px 1.2em; }
.forum form input.bt 	{ cursor: pointer; }
.forum form textarea 	{ width: 500px; height: 10em; }
.forum form input.name 	{ width: 300px; }
.forum form textarea:focus,
.forum form input:focus { border-color: rgb(201, 0, 0); }
.forum h3 				{ background: none; }
.forum p.author 		{ padding: 0 0 .7em 0; float: none; }
.forum h2 				{ font-size: 1.3em; padding: 1em 0 .5em 0; }


.inlineRepo { padding: 15px 15px 20px 10px; font-size: 10px; display: block;}
.inlineRepo .miniAmp { width: 14px; height: 14px; float: left; display: block;}
.inlineRepo h4 { font-size: 10px; margin-bottom: 1em; }
.inlineRepo img { vertical-align: middle; margin-right: 5px;}
.inlineRepo .download { background-position: left; padding-left: 5px; text-decoration: none; margin-left: 0px; padding-top: 10px; }

.alternativeLanguage { float: left; text-align: right; }
.alternativeLanguage select { font-size: 10px; border: 1px solid #ddd; width: 100px; }
.alternativeLanguage p.author { padding: 1.2em 5px 1.2em 0; margin: 0 0 0 40px; width: 220px; float: none; font-size: 9px; }


/* etc */
.column33				{ width: 186px; padding-right: 20px; float: left; }
.column50				{ width: 279px; padding-right: 20px; float: left; }

.context .language ul { margin: 0; }

.achtung	{ text-transform: uppercase; font-weight: bold; background-image:url(../imgs/achtung.png); background-position: left center; padding-left: 15px; }


p.author { padding: 1.5em 0; width: 450px; float: left; display: inline; font-size: 14px; }
p.author a:hover { color: rgb(227, 0, 0); }

.portrait	{ display: block; float: left; border: 1px solid #ccc; padding: 0; margin: 5px 10px 5px 0pt; }


/* moje styly ke clankum */
/* @import 'sigiho-styly-k-clankum.css'; */

/* tabulka v clanku */

/*.article*/
thead th {
    text-transform: uppercase;
    color: #fff;
    background-color: rgb(0, 78, 203);
    font-weight: bold;
    padding: 3px 5px 3px 5px;
}

/*.article*/
tbody th {
    text-transform: uppercase;
    color: #fff;
    background-color: rgb(0, 78, 203);
    font-weight: bold;
    padding: 3px 5px 3px 5px;
}

/*.article*/ 
table.swfreq thead th {
    text-transform: none;
}

/*.article*/ 
table.freq td.time-utc {
    text-align: center;
    font-weight: bold;
}

/*.article*/
table.freq td.khz, .article table.freq td.meters, .article table.freq td.power {
    text-align: center;
}

/*.article*/
table {
    margin: 10px 0px 15px 15px;
    caption-side: bottom;
    border-spacing: 2px;
}

/*.article*/
table caption {
    caption-side: bottom;
    font-size: 0.9em;
    text-align: center;
    margin: 0 auto;
}


/*.article*/
tbody tr.even, .article tbody td.even {
    /*	background-color: rgb(181, 212, 255);	 */
    background-color: rgb(230, 241, 255);
}

/*.article*/
tbody td {
    /*	background-color: rgb(181, 212, 255);	 */
    padding-left: 5px;
    padding-right: 5px;
    padding: 3px 5px;
}


/* .article .hr-div { margin-top: 0.5em; background-image:url(../imgs/hr-dots-blu.png); background-repeat: repeat-x; background-position: top; margin-left: 15px; margin-right: 15px; clear: both; } */
.article .hr-div { background-image:url("../imgs/hr-dots-blu.png"); background-position:center top; background-repeat:repeat-x; clear:both; margin: auto; }

/* used in some templates */
.poslech { background-image: url(../imgs/iconAmp.png); background-position: left; padding-left: 18px; text-decoration: none; font-weight: normal; }

.dld { background-image: url(../imgs/icoDownloadFull.png); background-position: left; padding-left: 18px; text-decoration: none; font-weight: normal; }

.article-list td.right{
    padding-top: 3px;
    font-size: 8pt;
    text-align: right;
}
.article-list a.more {
    font-size: 8pt;
}

h1.static {
    margin-bottom: 15px;
}


h2.bar{
    /*        margin-left: 15px;
	margin-right: 15px; */
    padding-top: 2em;
    padding-bottom: 0px;
    text-transform: uppercase;
    /* width: 250px; */
}


h2.bar a {
    background-color: rgb(0, 78, 203);
    color: #fff;
    font-size: 8px;
    padding: 2px;
    text-transform: uppercase;
    text-decoration: none;
    margin: 0;
}
h2.bar a:hover {
    background-color: rgb(227, 0, 0);
}

.column50 h2.bar{
    /*        margin-left: 15px;
	margin-right: 15px; */
    border-bottom: 0px;
    padding-bottom: 1px;
    margin-bottom: 2px;
}

h2.bar span.nolink{
    font-size: 8px; display: block; width: 200px; background-color: rgb(0, 78, 203); color: white; padding: 2px; text-transform: uppercase;
}

h1.static {
    margin-bottom: 15px;
}

div.article-spacer {
    margin-bottom: 15px;
}

.gallery .jmeno {
    display: block;
    font-size: 12px;
}

.gallery .funkce {
    display: block;
    font-size: 10px;
    margin-bottom: 5px;
    color: rgb(120,120,120);
}

.gallery .who-photo {
    margin-bottom: 5px;
}

.article-list table {
    width: 95%;
    padding-right: 15px;
}

.map_canvas {
    width: 618px;
    height: 281px;
    margin: 10px 0px 0px 20px;
}

.map_wrapper {
    background-image:url(../imgs/hr-dots-blu.png); background-position: top; background-repeat: repeat-x;
    clear:both;
    margin:0;
    padding:10px 0 0 0;
}

.map_initializer {
    display: none;
}

.vplayer {
    margin-left: 15px;
}

.article .static-nadpisek:first-child  {
    background-image: none;
    padding-top: 0;
}

.article .archiv-item {
    margin-bottom: 6px;
}

/* breaking news */
.breakingNews { background-color: #C90000; font-weight: bold; text-transform: uppercase; font-size: 9px; color: white; padding: 0 3px; }
.newsList h2 { background-image:url(../imgs/hr-dots-blu.png); background-repeat: repeat-x; background-position: top; padding-top: 20px; line-height: 130%; }