@import 'cro7.css';

em					{ font-style: italic; }
h1, h2.frHeading	{ font-size: 1.7em; }
h1 .title,
h2.frHeading .title { padding: .8em 15px 0 15px; 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: 2em; }
h1 .section a 		{ color: #fff; background-color: rgb(0, 78, 203); font-weight: inherit; padding: 2px 15px 1px; width: 200px; display: block; }
.container			{ background-image:url(../imgs/vr-dots-article-blu.png); }

/* content structures */
.main 				{ width: 508px; float: left; padding: 0 1px 2em 1px; }
.context			{ width: 269px; margin-right: 1px; padding-bottom: 2em; float: left; _position: relative; }

/* typo */
.main h3,
.main h2.normal,
.main p,
.main ul,
.context h2.normal,
.article h2			{ margin-left: 15px; margin-right: 15px; padding-bottom: .5em; }

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

.main h3 			{ margin-top: 1em; background-image:url(../imgs/hr-dots-blu.png); background-repeat: repeat-x; background-position: top; }
.context h2.normal 	{ letter-spacing: -.5px; }
.context p 			{ margin: 15px; }
.context .bbox p 	{ margin: 0; }
h2.normal 			{ margin: 1em 0; }

/* articles */
.article 		{ float: left; /* padding-right: 20px;*/
			 width: 491px; }
.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; }

/* .article a.photo 		{ text-decoration: underline; } */
.photo 			{ margin: .4em 15px 1.5em 15px; _margin-right: 0; display: block; text-decoration: none;}
.photo .caption	{ color: rgb(150, 150, 150); font-size: 9px; padding: .25em 0 0 10px; line-height: normal; display: block; clear: both; }
p img { /* padding: 5px 10px 5px 0; display: block; */ 
    padding: 5px 10px 5px 0; display: block;
}
p a.photo,
p span.photo	{ display: block; width: 10px; float: right; padding-right: 0; margin-right: 0; text-decoration: none; /* background-color: green; */ }

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

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

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.2em; padding: 0; }
.photo img,		{ display: block; padding: 0 0 .5em 0; clear: both; }
a.photo span.caption { text-decoration: none; }
p a.photoleft, p span.photoleft 	{ margin: .4em 15px 1.5em 0; float: left; }
.gallery 		{ margin: 2em 0 1em 0; }

.gallery
a.photo 		{ float: left; width: 130px; text-decoration: none; }
.bbox 			{ background-color: rgb(181, 212, 255); padding: 15px 0 15px 15px; 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 15px 0px 15px;
}

div.nohr-photo {
	clear: both;
	margin: 0px 15px 0px 15px;
}


.context ul,
.context h3 	{ margin-left: 15px; margin-right: 15px; }
.context h2 + ul { margin-top: 15px; }
.context ul.further li {
	background-image: none;
	padding-left: 0;
	margin-left: 0;
}
.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); }

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: 0.5em; }
.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 { text-align: left; margin: 1.3em 15px; } */

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

.noperex {
    margin-top: 0.4em;
}


.swf {
    width: 476px;
    height: 20px;
    margin: 0px;
    margin-top: 3px;
    padding: 0;
    text-align: center;
}

.swf embed {
    display: block; margin: auto;
}
.options {
 text-align: center; font-weight: bold; font-size: 10px; margin-bottom: 2px; padding: 5px 0;
}
.options .poslech { background-image:url(../imgs/icon-amp.png); background-position: left; padding-left: 18px; text-decoration: none; margin-left: 3px; margin-right: 20px; font-weight: normal; }

.options .dld { background-image:url(../imgs/icoDownload.png); background-position: left; padding-left: 10px; text-decoration: none; margin-left: 3px; margin-right: 20px; font-weight: normal; }

.options .podcast { background-image:url(../imgs/rss-sm.gif); background-position: left; padding-left: 15px; text-decoration: none; margin-left: 3px; font-weight: normal; }


.tools					{ border: 1px solid #e5f0ff; width: 100px; padding: 10px; float: right; margin: 0 0 1em 15px;
	text-transform: uppercase;
						  background-image:url(../imgs/jak-poslouchat-BKG.png); background-position: top left; background-color: #E0EDFF;}
.toolsXXL				{ margin-top: 2em; padding: 1.3em 15px; clear: both;
						  background-image:url(../imgs/hr-dots-blu.png); background-position: top; background-repeat: repeat-x; }
.tools ul,
.toolsXXL ul			{ margin: 0; padding-bottom: 0; }
.toolsXXL p 			{ margin-left: 0; }
.tools ul ul 			{ padding-left: 15px; }
.tools li,
.toolsXXL li 			{ padding: 0; background-image:none; }
.toolsXXL 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 15px; margin-top: 1em;}
.langSelect ul			{ margin-left: 0; }

.toolsMini, .toolsMiniStatic    { clear: both; background-image:url(../imgs/hr-dots-blu.png); background-position: bottom; background-repeat: repeat-x; padding-top: 2em; padding-bottom: 2em;  }
.toolsMini h2			{ padding: 5px 15px 5px 15px; }

.toolsMiniStatic h2		{ padding: 5px 15px 5px 0px; }

.ico		{ padding: 5px 0 5px 15px; background-position: 0 4px; _background-position: 0 8px; display: block;
			  line-height: 120%; font-weight: normal; font-size: 9px; font-family: Arial, Helvetica, sans-serif; }

.printer	{ background-image:url(../imgs/icons/printer.gif); }
.envelope	{ background-image:url(../imgs/icons/email.gif); }
.digg		{ background-image:url(../imgs/icons/digg.gif); }
.facebook	{ background-image:url(../imgs/icons/facebook.gif); }
.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	{ 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); }

.lang-english, .lang-espanol, .lang-francais, .lang-parusky, .lang-deutsch, .lang-cesky { padding-left: 20px; }

/* forum */
.forum form {
	display: block;
	background-color: rgb(181, 212, 255);
	margin: 0 15px;
}
.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: 20px 1.4em;
}
.forum form input.bt {
	cursor: pointer;
}
.forum form textarea {
	width: 400px;
	height: 10em;
}
.forum form input.name {
	width: 250px;
}
.forum form textarea:focus, .forum form input:focus {
	border-color: rgb(201, 0, 0);
}
.forum h3 {
	background: none;
}
.forum p.author {
	padding: .6em 0 .7em 0;
	float: none;
	_margin-left: 15px;
}
.forum h2 {
	font-size: 1.3em;
	margin-top: 2em;
	padding: 1em 15px .5em 15px;
	background-image:url(../imgs/hr-dots-blu.png);
	background-position: top;
	background-repeat: repeat-x;
}
.player {
	padding: 15px;
	margin-top: 20px;
}
.player img	{ display: block; }
.column33	{ width: 140px; padding-right: 15px; float: left; }
.column50 	{ width: 224px; padding-right: 15px; float: left; }

.context .language ul {
	margin: 0;
}

.context .language h2 {
	text-transform: uppercase;
}



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

.inlineRepo { padding: 15px 15px 20px 10px; font-size: 10px; display: block;}
.inlineRepo .miniAmp { width: 35px; height: 35px; 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; }

p.author { padding: 1.5em 0; width: 230px; float: left; _padding-left: 0; _margin-left: 7.5px;}
.alternativeLanguage { float: right; text-align: right; }
.alternativeLanguage select { font-size: 10px; border: 1px solid #ddd; }
.alternativeLanguage p.author { padding: 1.2em 0; #padding: 1em 0; width: 210px; float: none; }

.rsspromo p	{ margin-top: 0; padding: 0; }

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

/* moje styly ke clankum */

.context h2.bar {text-transform: uppercase;}
.context h3.grouped { margin-bottom: 0; margin-top: .5em; padding-top: 0.5em; padding-bottom: 0.25em; }
.context p.author { margin-top: 0px; margin-bottom: 0px;  width: 220px;  }
.context p { margin-top: 0px; margin-bottom: 0px; padding: 0px;}
/*
.context h3 {  margin: 0px 0px 0px 0px;   padding: 0px 0px 0px 0px; border: 1px solid red;}
.context p { margin: 0px 0px 0px 0px;  padding: 0px 0px 0px 0px; border: 1px solid blue; background-color: blue;}
.context h3 a { marign: 0px 0px 0px 0px;  padding: 0px 0px 0px 0px; 1px solid yellow;}
.context p img { margin: 0px 0px 0px 0px;  padding: 0px 0px 0px 0px; border: 1px solid red;}
*/

/* 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; }


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

.dld { background-image:url(../imgs/icoDownload.png); background-position: left; padding-left: 15px; text-decoration: none; margin-left: 5px; margin-right: 25px; 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;
}
/*
.column50 h2.bar a {
	background-color: rgb(0, 78, 203);
	color: #fff;
	font-size: 8px;
	padding: 2px;
	text-transform: uppercase;
	text-decoration: none;
	margin: 0;
}

.column50 h2.bar a:hover {
	background-color: rgb(201, 0, 0);
}
*/

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

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

.map_canvas {
    width: 261px;
    height: 161px;
    margin: 4px 4px 4px 4px;
}

.map_initializer {
    display: none;
}


/*
.snippets h2 a {
	background-color: rgb(0, 78, 203);
	color: #fff;
	font-size: 8px;
	padding: 2px;
}
.snippets h2 a:hover {
	background-color: rgb(201, 0, 0);
}

*/