.hidden {display: none;}

.clear{clear:both;}


@media (min-width : 651px) {

body {
	position: relative;
	width: 992px;
	margin: 0 auto;
	padding-top: 0px;
	text-align: center;
	font-family: Arial, sans-serif;
}

.ramecek {
	width: 992px; 
	margin: 0 auto;
}

.banner992x100 {
	width: 992px; height: auto; float: left;
}

.mezera_15 {
	width: 992px; height: 15px; float: left;
}

.menu1 {
	width: 992px; height: 45px; text-align: left;
}

.menu2 {
	font-family: 'GothamCEBook', sans-serif; font-size: 12px;
	text-align: left;
	height: 30px; width: 992px; float: left;
	border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; 
}


.menu_social0 {
	width: 387px; height: 45px; float: left;
}

.menu_social1 {
	width: 346px; height: 21px; float: left;
	position: relative; top: 3px
}

.menu_heldani1 {
	border: 0px; background-color: #efefef; float: left;
	width: 141px; height: 22px; line-height: 22px;
	padding-left: 10px; padding-right: 10px;
	font-family: Arial, sans-serif; 
	font-size: 12px;
}


.vecitydne0 {
	width: 650px; height: 300px; float: left; background-color: #000000;
}

.radia0 {
	width: 650px; height: 93px; float: left; background-color: #eeeeee;
	font-family: 'GothamCEBook', sans-serif;  font-size: 14px;
	border-bottom: 10px solid #eeeeee;
}

.menu2_1 {
	width: 77px; height: 30px; float: left; line-height: 32px;
	border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; 
}

.menu2_2 {
	width: 64px; height: 30px; float: left; line-height: 32px;
	border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc;
}

.menu2_3 {
	width: 89px; height: 30px; float: left; line-height: 32px;
	border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc;
}

.menu2_4 {
	width: 141px; height: 30px; float: left; line-height: 32px;
	border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc;
}


.titulka_vedlejsi0 {
	width: 300px; float: left; text-align: right;
	border-top: 16px solid white; 
	font-family: "GothamCEBook", sans-serif;  font-size: 14px; color: #231f20;
	position: relative; left: 21px; top: -5px;
}

.titulka_clanky0 {
	width: 670px; float: left;
	background: transparent url('../imgs/vypis_clanku.gif') repeat-y;
	background-position: 669px 10px;
}

.titulka_clanek1 {
	width: 459px; float: left; text-align: left;
	font-family:  Arial, sans-serif; font-size: 11px; color: #666666;
}

.titulka_clanky_dalsi {
	width: 669px; float: left;
}

.lastPostsLoader {
	width: 650px; height: 30px; float: left; text-align: left; text-align: center; position: relative; top: 10px;
}

.fake_load_calc {
	width: 650px; height: 0px; display: none; clear: both;
}

.titulka_dalsiclanky {
	width: 650px; height: 30px; float: left;
	background-color: #eeeeee; position: relative; top: 15px; cursor: pointer; cursor: hand;
}

.titulka_clanek {
	width: 650px; float: left;
	background-color: #ffffff; cursor: pointer; cursor: hand; padding: 15px 0px 15px 0px;
}

.titulka_nahled2 {
	width: 190px; height: 150px; float: left; text-align: center;
	border-left: 1px solid #4a9bbb;
}

.titulka_nahled3 {
	width: 190px; height: 150px; float: left; text-align: center;
	border-left: 1px solid #eeeeee;
}

.titulka_clanek h2 {
	width: 459px; float: left; text-align: left;
	margin: 0px 0px 0px 0px;
}

.titulka_clanek h2 a {
	font-family:'am_sans_lightregular',Sans-Serif; font-size: 27px; text-decoration: none; font-weight: normal;
	color: #3e94b6;
}

.titulka_clanek h3 {
	width: 459px; float: left; text-align: left;
	margin: 0px 0px 0px 0px;
}

.titulka_clanek h3 a {
	font-family:'am_sans_lightregular',Sans-Serif; font-size: 27px; text-decoration: none; font-weight: normal;
	color: #101010;
}

.titulka_clanek p {
	width: 450px; float: left; margin-top: 30px;
	font-family: Arial, sans-serif; font-size: 12px; text-align: justify; color: #666666;
}

.titulka_banner468 {
	width: 650px; height: 60px; float: left; text-align: center;
	background-color: #eeeeee; border-top: 20px solid #eeeeee; border-bottom: 20px solid #eeeeee;
}

.titulka_clanky_radia {
    width: 669px; float: left;
}

.paticka {
	width: 992px; height: 27px; float: left;
	border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc;
	font-family: 'GothamCEBook', sans-serif;  line-height: 27px; text-indent: 10px; text-align: left; font-size: 10px;
}

.paticka2 {
	width: 992px; height: 210px; float: left;
	font-family: 'GothamCEBook', sans-serif;  line-height: 27px;
	text-indent: 10px; text-align: left; font-size: 10px; color: #575757;
}

.paticka_logo {
	width: 141px; height: 17px; float: right;
	position: relative; left: -10px; top: 5px;
	background: transparent url('../imgs/logo_paticka.gif') no-repeat;
}

.banner_250titulka {
	width: 300px; height: 300px; float: left;
	position: relative; left: 41px;
}

.banner_250head {
	display: none;
}


}


@media (max-width : 650px) {

body {
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding-top: 0px;
	text-align: center;
	font-family: Arial, sans-serif;
}

.ramecek {
	width: 100%;  
	margin: 0 auto;
}

.banner992x100 {
	display: none;
}

.mezera_15 {
	width: 100%; height: 15px; float: left;
}

.menu1 {
	width: 100%; height: 45px; text-align: left;
}

.menu2 {
	font-family: 'GothamCEBook', sans-serif; font-size: 12px;
	text-align: left;
	height: 30px; width: 100%; float: left;
	border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; 
}

.menu_social0 {
	width: 10px; height: 5px; clear: both;
}

.menu_social1 {
	display: none;
}

.menu_heldani1 {
	border: 0px; background-color: #efefef; float: left;
	width: 141px; height: 22px; line-height: 22px;
	padding-left: 10px; padding-right: 10px;
	font-family: Arial, sans-serif; 
	font-size: 12px;
	margin: 0px 0px 5px 5px;
}

.vecitydne0 {
	display: none;
}

.radia0 {
	display: none;
}

.menu2_1 {
	display: none;
}

.menu2_2 {
	display: none;
}

.menu2_3 {
	display: none;
}

.menu2_4 {
	display: none;
}

.titulka_vedlejsi0 {
	display: none;
}

.titulka_clanky0 {
	width: 100%; float: left;
}

.titulka_clanky_dalsi {
	width: 98%; float: left;
}

.lastPostsLoader {
	width: 100%; height: 30px; float: left; text-align: left; text-align: center; position: relative; top: 10px;
}

.fake_load_calc {
	width: 100%; height: 0px; display: none; clear: both;
}

.titulka_dalsiclanky {
	width: 100%; height: 30px; float: left;
	background-color: #eeeeee; position: relative; top: 15px; cursor: pointer; cursor: hand;
}

.titulka_clanek {
	width: 100%; float: left;
	background-color: #ffffff; cursor: pointer; cursor: hand; padding: 15px 0px 15px 0px;
}

.titulka_nahled2 {
	display: none;
}

.titulka_nahled3 {
	display: none;
}

.titulka_clanek1 {
	display: none;
}

.titulka_clanek h2 {
	width: 90%; float: left; text-align: left;
	margin: 0px 0px 0px 5px;
}

.titulka_clanek h2 a {
	font-family:'am_sans_lightregular',Sans-Serif; font-size: 27px; text-decoration: none; font-weight: normal;
	color: #3e94b6; 
}

.titulka_clanek h3 {
	width: 90%; float: left; text-align: left;
	margin: 0px 0px 0px 5px;
}

.titulka_clanek h3 a {
	font-family:'am_sans_lightregular',Sans-Serif; font-size: 27px; text-decoration: none; font-weight: normal;
	color: #101010; 
}

.titulka_clanek p {
	width: 90%; float: left; margin-top: 30px; margin-left: 5px;
	font-family: Arial, sans-serif; font-size: 12px; text-align: justify; color: #666666;
}

.titulka_banner468 {
	display: none;
}

.titulka_clanky_radia {
    width: 99%; float: left;
}

.paticka {
	width: 100%; height: 27px; float: left;
	border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc;
	font-family: 'GothamCEBook', sans-serif;  line-height: 27px; text-indent: 10px; text-align: left; font-size: 10px;
}

.paticka2 {
	width: 100%; height: 210px; float: left;
	font-family: 'GothamCEBook', sans-serif;  line-height: 27px;
	text-indent: 10px; text-align: left; font-size: 10px; color: #575757;
}

.paticka_logo {
	display: none;
}

.banner_250titulka {
	display: none;
}

.banner_250head {
	width: 300px; height: auto; float: left;
	position: relative; left: 41px;
}


}




@font-face {
    font-family: "am_sans_lightregular";
    src: url('amsansl-webfont.eot');
    src: url('amsansl-webfont.eot?#iefix') format('embedded-opentype'),
         url('amsansl-webfont.woff') format('woff'),
         url('amsansl-webfont.ttf') format('truetype'),
         url('amsansl-webfont.svg#am_sans_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face  {
    font-family: "GothamCEBook";
    src: url('gothaboo-webfont.eot');
    src: url('gothaboo-webfont.eot?#iefix') format('embedded-opentype'),
         url('gothaboo-webfont.woff') format('woff'),
         url('gothaboo-webfont.ttf') format('truetype'),
         url('gothaboo-webfont.svg#GothamCEBook') format('svg');
    font-weight: normal;
    font-style: normal;
}






.menu_logo0 {
	width: 304px; height: 45px; float: left;
}

.menu_logo1 {
	width: 240px; height: 27px; float:left;
	position: relative; left: 10px; top: -1px;
	background: transparent url('../imgs/logo.gif') no-repeat;
}


.menu_heldani2 {
	width: 100px; height: 24px; line-height:24px;
	float: left; text-align: left; 
	position: relative; left: 1px; 
	font-family: Arial, sans-serif; font-size: 12px;
}

.hledani_tlacitko {
	width: 35px; height: 24px; float: left;
}



.menu2 a {
	text-decoration: none; color: #000000; letter-spacing: 1px;
	position: relative; top: -1px;
	text-align: center;
}

.menu2 a:hover {
	color: #3e94b6;
	border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; 
}


.menu2_0 {
	width: 124px; height: 30px; float: left; line-height: 32px;
	border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; 
}

/*
.menu2_5 {
	width: 64px; height: 30px; float: left; line-height: 32px;
	border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc;
}
*/

.menu2_6 {
	width: 52px; height: 30px; float: left; line-height: 32px;
	border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc;
}

.menu2_7 {
	width: 79px; height: 30px; float: left; line-height: 32px;
	border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc;
}

.menu2_8 {
	width: 90px; height: 30px; float: left; line-height: 32px;
	border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc;
}




.vecitydne_obsah {
	width: 650px; height: 300px; float: left;
	}


.vecitydne_over {
	width: 650px; height: 300px; float: left;
	background: transparent url('../imgs/top_clanky_over.png') no-repeat;
	text-align: left; cursor: pointer; cursor: hand;
}

.vecitydne_over a {
	text-decoration: none;
}

.vecitydne_over h1 {
	width: 650px; height: 30px; float: left; line-height: 30px; text-indent: 42px;
	font-family:'am_sans_lightregular',Sans-Serif;
	color: #fefefe; font-size: 20px; font-weight: normal;
	margin: 0px 0px 0px 0px; cursor: pointer; cursor: hand;
	position: relative; left: 0px; top: 255px; z-index: 2;
	background: transparent url('../imgs/hlavni-clanek-maska.png') no-repeat;

}

.vecitydne_l {
	width: 31px; height: 27px; float: left;
	position: relative; top: 135px; left: -280px;
}

.vecitydne_p {
	width: 31px; height: 27px; float: left;
	position: relative; top: 135px; left: 305px;
}


.banner_250 {
	width: 300px; height: 300px; float: left;
	position: relative; left: 21px; top: -2px;
}



.banner_sky1 {
	display: none;
}

.banner_sky2 {
	display: none;
}




.radia_online {
	width: 123px; height: 30px; float: left;
	background-color: #3e94b6; color: #ffffff; line-height: 30px;
}

.radia_nej {
	width: 185px; height: 30px; float: left; 
	background-color: #eeeeee; color: #000000; line-height: 30px; cursor: pointer; cursor: hand;
}

.radia_obl {
	width: 90px; height: 30px; float: left;
	background-color: #ffffff; color: #808080; line-height: 30px; cursor: pointer; cursor: hand;
}

.radia_select0 {
  width: 252px; height: 30px; float: left; background-color: #ffffff;
}

.radia_select {
	width: 161px; height: 30px; float: left; background-color: #ffffff; text-align: left;
  position: relative; left: 88px;
  font-family: Arial, sans-serif; letter-spacing: 0px; font-size: 11px; color: #000000;
}

.radia_linka0 {
  width: 650px; height: 30px; float: left; line-height: 30px;
  position: relative; top: 10px;
}

.radia_linka a {
  color: #000000; text-decoration: none;
}


.radia_linka1 {
    width: 117px; height: 30px; float: left; text-indent: 25px;
    color: #3e94b6; font-size: 11px; text-align: left;  
}

.radia_linka {
    width: 533px; height: 30px; float: left;
    color: #000000; font-size: 14px; text-align: left;  
}



.radia_fav {
	display: none; width: 640px; height: auto; position: relative; left: 5px; top: 3px;
}

.radia_fav a {
	display: block; height: 15px; float: left; padding: 0px 4px 8px 3px;
	cursor: pointer; cursor: hand; white-space:nowrap;
}



.titulka_dalsiclanky2:hover {
	color: #3e94b6; background-color: #ffffff;
}

.titulka_dalsiclanky2:hover a {
	color: #3e94b6;
}

.titulka_dalsiclanky2 {
	width: 114px; height: 30px; float: right; background-color: #000000;
	font-family: Arial, sans-serif; font-size: 14px; color: white;
	line-height: 30px;
}

.titulka_dalsiclanky2 a {
	color: white; text-decoration: none;
}

.titulka_dalsiclanky2 a:hover {
	color: #3e94b6;
}

.titulka_dalsiclanky0 {
	 display: none;
}


.titulka_clanky15  {
	width: 100%; height: 15px; float: left;
}

.titulka_clanky5  {
	width: 100%; height: 5px; float: left;
}

.titulka_clanek:hover {
	background-color: #eeeeee;
}

.titulka_akt {
	width: 107px; height: 19px; float: left; background-color: #3e94b6;
	position: relative; top: -30px;
	font-family: Arial, sans-serif; font-size: 10px; color: white;
	line-height: 19px;
}

.titulka_pr {
	width: 107px; height: 19px; float: left; background-color: #efefef;
	position: relative; top: -30px;
	font-family: Arial, sans-serif; font-size: 10px; color: #666666;
	line-height: 19px; text-align: left; text-indent: 15px;
}


.titulka_clanek1 a {
	text-decoration: none; color: #000000;
}

.titulka_clanek p a {
	color: #666666; text-decoration: underline;
}

.titulka_clanekd {
	width: 61px; height: 16px; float: right; 
	background: transparent url('../imgs/cistdale.gif') 45px 0px no-repeat;
	font-family: Arial, sans-serif; font-size: 11px; color: #3e94b6; text-align: left; line-height: 14px;
}



.titulka_vedlejsi00 {
	width: 300px; height: 12px; float: left;
}

.titulka_vedlejsi01 {
	width: 300px; height: 45px; float: left;
}

.titulka_vedlejsimp30 {
	width: 300px; float: left;
	background-color: #eeeeee; border-top: 5px solid #eeeeee; border-bottom: 5px solid #eeeeee;
	text-align: left; font-size: 13px; color: #717171; font-style: italic; cursor: pointer; cursor: hand;
}

.titulka_vedlejsimp30 a {
	color: #717171; text-decoration: none; font-style: normal;
}

.titulka_vedlejsimp30 a:hover {
	color: #3e94b6;
}


.titulka_vedlejsimp3 {
	width: 290px; float: left; position: relative; left: 5px;
	background-color: #ffffff;
}

.titulka_vedlejsimp3:hover {
	background-color: #eeeeee;
}

.titulka_vedlejsimp3:hover a {
	color: #3e94b6;
}

.titulka_vedlejsimp3_2 {
	width: 290px; float: left; position: relative; left: 5px;
	background-color: #eeeeee;
}

.titulka_vedlejsimp3l {
	width: 240px; float: left; position: relative; left: 25px;
	line-height: 15px;
	padding: 5px 0px 5px 0px;
}

.titulka_vedlejsimp310 {
	width: 290px; height: 10px; float: left; background-color: #ffffff;
	position: relative; left: 5px;
}


.titulka_vedlejsi {
	width: 300px; float: left; text-align: left; background-color: #ffffff; color: #848484; font-size: 13px; line-height: 19px;
	border-top: 5px solid white; border-bottom: 5px solid white; cursor: pointer; cursor: hand;
	background: transparent url('../imgs/vedlejsi_odrazka.gif') 0px  3px no-repeat;
}

.titulka_vedlejsi:hover {
	background-color: #eeeeee; border-top: 5px solid #eeeeee; border-bottom: 5px solid #eeeeee;
	background-image: none;
}

.titulka_vedlejsi:hover a {
	color: #3e94b6;
}


.titulka_vedl {
  	width: 280px; float: left; position: relative; left: 20px;
}

.titulka_vedl2 {
  	width: 190px; float: left; position: relative; left: 20px;
}

.radio_poslechovost {
	width: 90px; float: left; text-align: right; position: relative; left: 20px;
}

.titulka_vedlejsi a {
	color: #717171; text-decoration: none;
}

.titulka_vedlejsi a:hover {
	color: #3e94b6;
}





.paticka a {
	font-size: 10px; font-family: 'GothamCEBook', sans-serif;  color: #000000; text-decoration: none;
}


.paticka2_kir {
	width: 260px; height: 18px; float: right;
	font-family: 'GothamCEBook', sans-serif;  font-size: 12px; color: #000000; text-align: right;
	position: relative; left: -12px;
}

.paticka2_kir a {
	text-decoration: none; color: #000000;
}



.reklama_300x600 {
	width: 300px; height: 600px; float: left;
	text-align: left;	
}


/* */


form div{position:relative;} 

/* setting the width and height of the SELECT element to match the replacing graphics */
select.select{
		position:relative;
		z-index:10;
		width:100px !important;
		height:24px !important;
		line-height:24px;
	background-color: #eeeeee;
	font-family: Arial, sans-serif; 
	font-size: 12px;
	border: 0px;
}

/* dynamically created SPAN, placed below the SELECT */
span.select{
	position:absolute;
	bottom:0;
	float:left;
	left:0;
	width:100px;
	height:24px;
	line-height:24px;
	text-indent:10px;
	background:url(../imgs/hledani_select.gif) no-repeat 0 0;
	cursor:default;
	z-index:1;
	}
  
  
  /* setting the width and height of the SELECT element to match the replacing graphics */
select.select2{
		position:relative;
		z-index:10;
		width:165px !important;
		height:30px !important;
		line-height:30px;
	background-color: #eeeeee;
	font-family: Arial, sans-serif; 
	font-size: 12px;
	border: 0px;
}

/* dynamically created SPAN, placed below the SELECT */
span.select2{
	position:absolute;
	bottom:0;
	float:left;
	left:0;
	width:165px;
	height:30px;
	line-height:30px;
	text-indent:2px;
	background:url(../imgs/radia_select.gif) no-repeat 149px 9px;
	cursor:default;
	z-index:1;
	}
	


select.select3{
		position:relative;
		z-index:10;
		width:300px !important;
		height:30px !important;
		line-height:30px;
	background-color: #eeeeee;
	font-family: Arial, sans-serif; 
	font-size: 12px;
	border: 0px;
}

/* dynamically created SPAN, placed below the SELECT */
span.select3{
	position:absolute;
	bottom:0;
	float:left;
	left:0;
	width:300px;
	height:30px;
	line-height:30px;
	text-indent:2px;
	background:url(../imgs/hledani_select.gif) no-repeat 185px 1px;
	cursor:default;
	z-index:1;
	}
	
	
  
  
	
/* first variation (LABEL is above the SELECT) */	
form div.variation1 label{display:block;line-height:24px;}

/* second variation (LABEL is placed on the left of the SELECT) */	
form div.variation2 label{float:left;width:100px;line-height:24px;}
form div.variation2 span.select{left:100px;}