/* CSS document */

@import '_horoskop.css';
@import '_tg.css';

@media all {


/* ===============================  V Y H L E D A V A N I  =============================== */

#HotNewsTop {
	width: 680px;
	height: 52px;
	margin: 8px 0px 0px 0px;
	}

#HotNewsTitle {
	width: 375px;
	height: 45px;
	display: block;
	float: left;
	background: transparent url('../images/sekce_titles/hotnews.gif') no-repeat bottom left;
	}

#HotNewsTitle span {
	display: none;
	}

#SearchArea {
	width: 300px;
	height: 52px;
	float: right;
	}

#SrchFrm {
	width: 300px;
	height: 47px;
	background: #fff url('../images/bgr_hledej.gif') no-repeat top left;
	}
/*
#Vyhledavani {
	width: 290px;
	height: 33px;
	background: #b00 url('../images/bgr_search.gif') repeat-x top left;
	margin: 4px;
	}
*/
#Vyhledavani input.srchTXT {
	width: 190px;
	padding: 2px 3px;
	font-size: 8pt;
	border: 1px #ddd solid;
	margin: 13px 5px 0px 9px;
	float: left;
	}

#Vyhledavani img {
	float: left;
	margin-top: 9px;
	margin-left: 4px;
	cursor: pointer;
	}

/* ===============================  H O T   N E W S  =============================== */


#HotNews {
	width: 680px;
	margin: 10px 0 0 0;
	background: #fff url('../images/bgr_hot_news.gif') no-repeat top left;
	}

#hnLeftSide {
	width: 275px;
	float: left;
	margin: 15px 0px 0px 18px;
	}

#hnLeftSide ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

#hnLeftSide li {
	margin: 0;
	padding: 0;
	}

#hnLeftSide a {
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	color: transparent;
	border: 0;
	text-decoration: none;
}

#hnLeftSide a span {
	visibility: hidden;
	}


#hnLeftSide li#ksTV {
	width: 276px;
	height: 65px;
	}

#hnLeftSide li#ksKINA {
	width: 149px;
	height: 56px;
	}


#hnLeftSide li#ksHUDBA {
	width: 169px;
	height: 63px;
	}


#hnLeftSide li#ksDIVADLA {
	width: 198px;
	height: 64px;
	}


#hnLeftSide li#ksFEST {
	width: 233px;
	height: 53px;
	}


/*
#hnLeftSide li#ksTV {
	width: 276px;
	height: 60px;
	}

#hnLeftSide li#ksKINA {
	width: 149px;
	height: 47px;
	}


#hnLeftSide li#ksHUDBA {
	width: 169px;
	height: 50px;
	}


#hnLeftSide li#ksDIVADLA {
	width: 198px;
	height: 48px;
	}


#hnLeftSide li#ksGALERIE {
	width: 194px;
	height: 47px;
	}


#hnLeftSide li#ksFEST {
	width: 233px;
	height: 49px;
	}
*/




#hnRightSide {
	width: 290px;
	height: 290px;
	margin: 22px 30px 0 0;
	display: block;
	float: right;
	position: relative;
	background-color: transparent;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	}

#hnPerex {
	width: 290px;
	height: 290px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: transparent url('../images/bgr_hot_news_perex.png') no-repeat top left;
	margin: 0;
}

#hnPerex h1, #hnPerex p {
	margin: 190px 8px 0 8px;
	}

#hnPerex p {
	margin: 4px 8px;
	color: #000;
	}

#hnRightSideDown {
	margin: 0 8px;
	}

#HotNews .clkDatum {
	float: left;
	font-size: 7pt;
	color: #000;
/*	line-height: 25px;*/
	}

#HotNews .clkTools {
	float: right;
	font-size: 7pt;
	color: #000;
/*	line-height: 22px;*/
	}

#HotNews .clkTools a {
	text-decoration: none;
	color: #000;
	}

#HotNews .clkTools a:hover {
	color: #c7262b;
	}

#HotNews h1 a {
	font-size: 10pt;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	display: block;
	}

#HotNews h1 a:hover {
	color: #c7262b;
	}


/* =========================  H O T   N E W S  P E R E X Y  ========================= */



#hpZpravaHNtop {							/* prvni 2 zpravy pod hlavni zpravou na HP */
	margin-top: 30px;
	}

#hpZpravaHNdown {							/* dalsi 2 zpravy pod hlavni zpravou na HP */
	margin-top: 20px;
	padding-bottom: 10px;
	}

#hpZpravaHNtop .hpZpravaHN {
	border-bottom: 1px #ccc solid;
	}

.hpZpravaHN {
	float: left;
	width: 317px;
	margin: 0px 10px;
	}

.hpZpravaHN .clFoto {
	width: 85px;
	height: 80px;
	float: left;
	}

.hpZpravaHN .clFoto img {
	border: 1px #578 solid;
	}

.hpZpravaHN .clNazevPerex {	
	float: left;
	width: 232px;
	height: 75px;
	}

.clNazevPerex p {	
	color: #444;
	}

.hpZpravaHN h2 {
	font-size: 10pt;
	margin: 0px;
	padding: 0px;
	}

.hpZpravaHN h2 a {
	color: #c7262b;
	}

.hpZpravaHN h2 a:hover {
	color: #578;
	}

.hpZpravaHN .textInfo {
	height: 25px;
	font-size: 7pt;
	clear: both;
	}

.hpZpravaHN .textInfo .infoDatum {
	color: #578;
	line-height: 15px;
	}

.hpZpravaHN .textInfo .infoTools {
	color: #578;
	line-height: 15px;
	}

.hpZpravaHN .textInfo .infoTools a {
	text-decoration: none;
	color: #578;
	}

.hpZpravaHN .textInfo .infoTools a:hover {
	color: #000;
	}



#HotNews .aMore, #TipyDnesHP .tMore {
	width: 670px;
	margin: 0px auto;
	padding: 5px 0px;
	text-align: right;
	font-size: 8pt;
	border-top: 1px #ccc solid;
	clear: both;
	}

#TipyDnesHP .tMore {
	width: auto;
	margin-top: 5px;
	border: none;
	}

#HotNews .aMore a, #TipyDnesHP .tMore a {
	text-decoration: none;
	color: #000;
	}

#HotNews .aMore a:hover, #TipyDnesHP .tMore a:hover {
	color: #b00;
	}



/* ===============================     V I D E O     =============================== */


#VideoFilm {
	width: 660px;
	height: 160px;
	display: block;
	margin: 7px;
	background: #dee9ed url('../images/bgr_videofilm.jpg') repeat-x top left;
	overflow: hidden;
	}

#VideoFilm ul {
	list-style-type: none;
	margin: 0 0 0 28px;
	padding: 10px 0 0 0;
	}

#VideoFilm li {
	float: left;
	margin-left: 39px;
	}

#VideoFilm li.first {
	float: left;
	margin-left: 0;
	}

#VideoFilm li a {
	display: block;
	width: 120px;
	height: 98px;
	border: 1px solid #577889;
	}

#VideoFilm li a:hover {
	border-color: #bb0303;
	}

#VideoFilm li img {
	border: none;
	}

#VideoFilm h2 {
	margin-left: 28px;
	margin-top: 120px;
	font-size: 16px;
	letter-spacing: 2px;
	color: #C7262B;
	}

.vaMore {
	width: 670px;
	margin: 10px auto 0px auto;
	padding: 5px 0px;
	text-align: right;
	font-size: 8pt;
	border-top: 1px #ccc solid;
	clear: both;
	}

.vaMore a {
	text-decoration: none;
	color: #000;
	}

.vaMore a:hover {
	color: #b00;
	}



/* ===============================  A N K E T A  =============================== */


/* vyska cele oblasti */
.hAnketa {
	height: 212px;
	}

.LSTanketa {
	width: 130px;
	float: left;
	}

#LSTanketaRight {
	width: 80px;
	height: 22px;
	line-height: 20px;
	float: left;
	text-align: right;
	}

#LSTanketaRight a {
	text-decoration: none;
	color: #f1a;
	font-size: 8pt;
	}

#LSTanketaRight a:hover {
	color: #fff;
	}


/*#Anketa {
	width: 200px;
	margin: 5px auto;
	background-color: #403;
	text-align: center;
	font-family: 'Arial CE', Arial, 'Microsoft Sans Serif', Verdana;
	}*/

#AnketaPlace {
	width: 206px;
	height: 180px;
	margin: 5px auto;
	background: transparent url('../images/bgr_sekceHP.jpg') no-repeat left top;
	/*background-color: #403;*/
	padding-top: 5px;
	}

#AnketaOzt {
	width: 190px;
	margin: 5px 5px 10px 10px;
	font-size: 8pt;
	font-weight: bold;
	color: #fff;
	}

#AnketaOdp {
	width: 200px;
	height: 100px;
	margin-left: 5px;
	}

#AnketaOdp ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	}

#AnketaOdp ul li {
	margin: 2px 0px 10px 0px;
	list-style-type: none;
	font-size: 8pt;
	font-weight: bold;
	color: #fff;
	}

#AnketaTools {
	width: 190px;
	height: 23px;
	margin: 5px auto 0px auto;
	display: block;
	}

#AnketaPocet {
	width: 110px;
	height: 23px;
	display: block;
	float: left;
	/*margin-left: 5px;*/
	line-height: 22px;
	color: #f1a;
	font-size: 8pt;
	}

#AnketaBtn {
	width: 75px;
	height: 23px;
	display: block;
	float: right;
	}



/* ===============================  N A H A   C E L E B R I T A  =============================== */

/* vyska cele oblasti */
.hCelebrita {
	height: 212px;
	}

#NahaCelebrita {
	width: 206px;
	height: 180px;
	margin: 5px auto 0px auto;
	background: transparent url('../images/bgr_sekceHP.jpg') no-repeat left top;
	/*background-color: #403;*/
	text-align: center;
	}

#NahaCelebrita img {
	/*height: 140px;*/
	margin-top: 5px;
	border: 2px #3c0636 solid;
	}

#NahaCelebritaNazev {
	width: 196px;
	height: 20px;
	line-height: 20px;
	margin-top: 5px;
	padding: 0px 5px;
	text-align: center;
	}

#NahaCelebrita a {
	color: #fbe;
	font-weight: bold;
	font-size: 8pt;
	}

#NahaCelebrita a:hover {
	color: #f1a;
	}



/* ===============================  H O R O S K O P  =============================== */


/* vyska cele oblasti */
.hHoroskop {
	height: 212px;
	}

#horoskop {
	width: 196px;
	height: 180px;
	display: block;
	margin: 5px auto;
	background: transparent url('../images/bgr_sekceHP.jpg') no-repeat left top;
	}

#horoskopTab {
	margin: 7px auto 0px auto;
	border: 0px #604 solid;
	border-collapse: collapse;
	}

#horoskopTab td {
	width: 45px;
	height: 53px;
	border: 0px #604 solid;
	border-collapse: collapse;
	}

#horoskopTab td a {
	width: 45px;
	height: 13px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: #ec1ea7;
	padding-top: 40px;
	font-size: 7pt;
	}


/* ===============================  T A G   C L O U D  =============================== */

#TagCloud {
	width: 643px;
	padding: 5px 10px;
	display: block;
	margin: 5px auto;
	background-color: #f2f6f8;	/*#dee9ed*/
	text-align: justify;
	line-height: 30px;
	}

#TagCloud a {
	text-decoration: none;
	color: #578;
	}

#TagCloud a:hover {
	color: #b71f23;
	}





/* ===============================   D A L S I   C L A N K Y   =============================== */


.DCclanek {
	margin: 10px 7px 5px 7px;
	height: 85px;
	}

.DCclanek h2 {
	margin: 0px;
	padding: 0px;
	color: #fbe;
	}

.DCclanek h2 a {
	color: #fbe;
	}

.DCclanek h2 a:hover {
	color: #f1a;
	}

.DCclanek img {
	border: 2px #403 solid;
	}

.DCclanek .clFoto {
	width: 85px;
	height: 75px;
	float: left;
	}

.DCclanek .clNazevPerex {	
	float: left;
	width: 345px;
	}

.DCclanek .clNazevPerex p {	
	margin-top: 5px;
	}

.DCclanek .textInfo {
	width: 345px;
	height: 25px;
	font-size: 7pt;
	}



.DCclanek .textInfo .infoDatum {
	color: #f1a;
	line-height: 15px;
	width: 80px;
	}

.DCclanek .textInfo .infoTools {
	color: #f1a;
	line-height: 15px;
	}

.DCclanek .textInfo .infoTools a {
	text-decoration: none;
	color: #f1a;
	}

.DCclanek .textInfo .infoTools a:hover {
	color: #fff;
	}



/* ===============================  D I V K A   D N E  =============================== */


#DivkaDne {
	width: 200px;
	margin: 5px auto;
	background-color: #403;
	text-align: center;
	}

#DivkaDne img {
	height: 180px;
	margin: 5px 0px;
	border: 2px #3c0636 solid;
	}


/* ===============================  V T I P Y   D N E  =============================== */


#VtipDne {
	width: 200px;
	margin: 5px auto;
	background-color: #403;
	text-align: center;
	}

#VtipDne img {
	height: 155px;
	margin: 5px 0px;
	border: 2px #3c0636 solid;
	}


/* ===============================  N E J C T E N E J S I   H P  =============================== */


#NejctenejsiHP {
	width: 256px;
	min-height: 150px;
	margin-top: 15px;
	padding-bottom: 7px;
	background: #e92028 url('../images/bgr_hp_nejctenejsi.jpg') no-repeat left bottom;
	}

#NejctenejsiHP .HPtitle {
	width: 256px;
	height: 61px;
	background: transparent url('../images/sekce_titles/nejctenejsi_HP.jpg') no-repeat left center;
	margin-bottom: 5px;
	}

.NejctenejsiClanek {
	width: 210px;
	margin: 0 auto;
	padding: 10px 0;
	/*background: #d2d2d2;*/
	border-top: 1px #dddddd dotted;
	}


.NejctenejsiClanek h2 {
	margin: 0px;
	padding: 0px;
	color: #f90;
	}

.NejctenejsiClanek h2 a {
	color: #fff;
	}

.NejctenejsiClanek h2 a:hover {
	color: #f90;
	}

.NejctenejsiClanek img {
	border: 1px #ccc solid;
	}

.NejctenejsiClanek .clFoto {
	width: 60px;
	float: left;
	}

.NejctenejsiClanek .clNazevPerex {	
	float: left;
	width: 147px;
	}

.NejctenejsiClanek .clNazevPerex p {	
	margin-top: 5px;
	margin-bottom: 0;
	color: #eee;
	}

#NejctenejsiHP .aMore {
	width: 210px;
	margin: 0px auto;
	padding: 5px 0 23px 0;
	text-align: right;
	font-size: 8pt;
	border-top: 1px #fff solid;
	}

#NejctenejsiHP .aMore a {
	text-decoration: none;
	color: #fff;
	}

#NejctenejsiHP .aMore a:hover {
	color: #f90;
	}


/* ===============================  Z A J I M A V O S T I  =============================== */


#ZajimavostiHP {
	width: 256px;
	min-height: 150px;
	background: url('../images/bgr_hp_zajimavosti.jpg') no-repeat left bottom;
	}

#ZajimavostiHP .HPtitle {
	width: 256px;
	height: 73px;
	background: transparent url('../images/sekce_titles/zajimavosti.jpg') no-repeat left center;
	margin-bottom: 5px;
	}

.ZajClanek {
	width: 210px;
	margin: 0 auto;
	padding: 10px 0;
	/*background: #d2d2d2;*/
	border-top: 1px #dddddd solid;
	}

.ZajClanek h2 {
	margin: 0px;
	padding: 0px;
	color: #000;
	}

.ZajClanek h2 a {
	color: #000;
	}

.ZajClanek h2 a:hover {
	color: #b00;
	}

.ZajClanek img {
	border: 1px #666 solid;
	}

.ZajClanek .clFoto {
	width: 60px;
	float: left;
	}

.ZajClanek .clNazevPerex {	
	float: left;
	width: 147px;
	}

.ZajClanek .clNazevPerex p {	
	margin-top: 5px;
	margin-bottom: 0;
	}


#ZajimavostiHP .aMore {
	width: 210px;
	margin: 0px auto;
	padding: 5px 0 23px 0;
	text-align: right;
	font-size: 8pt;
	border-top: 1px #e9e9e9 solid;
	}

#ZajimavostiHP .aMore a {
	text-decoration: none;
	color: #000;
	}

#ZajimavostiHP .aMore a:hover {
	color: #b00;
	}


/* ===============================  T I P Y   D N E S  =============================== */


#TipyDnesHP {
	width: 408px;
	min-height: 200px;
	}

#TipyDnesHP .HPtitle {
	width: 408px;
	height: 45px;
	background: transparent url('../images/sekce_titles/tipydnes.jpg') no-repeat left center;
	}


.TDpol {
	width: 338px;
	min-height: 100px;
	padding-left: 70px;
	margin-top: 12px;
	}

.kino { background: #fff url('../images/tipy_dnes/hp_kino.gif') no-repeat left 40px; }
.hudba { background: #fff url('../images/tipy_dnes/hp_hudba.gif') no-repeat left 40px; }
.divadlo { background: #fff url('../images/tipy_dnes/hp_divadlo.gif') no-repeat left 40px; }
.festival { background: #fff url('../images/tipy_dnes/hp_festival.gif') no-repeat left 40px; }
.kniha { background: #fff url('../images/tipy_dnes/hp_kniha.gif') no-repeat left 40px; }
.CD { background: #fff url('../images/tipy_dnes/hp_cd.gif') no-repeat left 40px; }
.DVD { background: #fff url('../images/tipy_dnes/hp_dvd.gif') no-repeat left 40px; }
.gamesa { background: #fff url('../images/tipy_dnes/hp_gamesa.gif') no-repeat left 40px; }
.vystava { background: #fff url('../images/tipy_dnes/hp_vystava.gif') no-repeat left 40px; }
.neutralni { background: #fff url('../images/tipy_dnes/hp_neutral.gif') no-repeat left 40px; }

.TDpolTXT {
	width: 338px;
	min-height: 100px;
	padding-bottom: 5px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: left 37px;
	}

.kino .TDpolTXT { background-image: url('../images/tipy_dnes/bgr_kino.jpg'); }
.hudba .TDpolTXT { background-image: url('../images/tipy_dnes/bgr_hudba.jpg'); }
.divadlo .TDpolTXT { background-image: url('../images/tipy_dnes/bgr_divadlo.jpg'); }
.festival .TDpolTXT { background-image: url('../images/tipy_dnes/bgr_festival.jpg'); }
.kniha .TDpolTXT { background-image: url('../images/tipy_dnes/bgr_kniha.jpg'); }
.CD .TDpolTXT { background-image: url('../images/tipy_dnes/bgr_cd.jpg'); }
.DVD .TDpolTXT { background-image: url('../images/tipy_dnes/bgr_dvd.jpg'); }
.gamesa .TDpolTXT { background-image: url('../images/tipy_dnes/bgr_gamesa.jpg'); }
.vystava .TDpolTXT { background-image: url('../images/tipy_dnes/bgr_vystava.jpg'); }
.neutralni .TDpolTXT { background-image: url('../images/tipy_dnes/bgr_neutralni.jpg'); }

.TDtitle {
	width: 338px;
	height: 37px;
	}

.TDtitle span {
	display: none;
	}

.kino .TDtitle { background: #fff url('../images/tipy_dnes/head_kino.gif') no-repeat top left; }
.hudba .TDtitle { background: #fff url('../images/tipy_dnes/head_hudba.gif') no-repeat top left; }
.divadlo .TDtitle { background: #fff url('../images/tipy_dnes/head_divadlo.gif') no-repeat top left; }
.festival .TDtitle { background: #fff url('../images/tipy_dnes/head_festival.gif') no-repeat top left; }
.kniha .TDtitle { background: #fff url('../images/tipy_dnes/head_kniha.gif') no-repeat top left; }
.CD .TDtitle { background: #fff url('../images/tipy_dnes/head_cd.gif') no-repeat top left; }
.DVD .TDtitle { background: #fff url('../images/tipy_dnes/head_dvd.gif') no-repeat top left; }
.gamesa .TDtitle { background: #fff url('../images/tipy_dnes/head_ganesa.gif') no-repeat top left; }
.vystava .TDtitle { background: #fff url('../images/tipy_dnes/head_vystava.gif') no-repeat top left; }
.neutralni .TDtitle { background: #fff url('../images/tipy_dnes/head_neutral.gif') no-repeat top left; }

.TDfoto {
	width: 80px;
	float: left;
	}

.TDfoto img {
	width: 70px;
	margin-left: 5px;
	border: 1px #7f98a5 solid;
	}

.TDtext {
	width: 240px;
	margin-left: 5px;
	float: left;
	}

.TDnadpis {
	width: 240px;
	}

.TDnadpis h2 {
	font-size: 10pt;
	padding: 0px;
	margin: 0px;
	color: #c9252b;
	}

.TDnadpis h2 a {
	color: #c9252b;
	}

.TDnadpis h2 a:hover {
	color: #000;
	}

.TDperex {
	width: 240px;
	color: #489;
	font-size: 9pt;
	}

.TDperex p {
	color: #489;
	}


/* ===============================  H O R O S K O P  =============================== */


#HoroskopHP {
	width: 408px;
	min-height: 150px;
	margin-top: 20px;
	background: #fff url('../images/bgr_hp_horoskop.jpg') no-repeat left bottom;
	}

#HoroskopHP .HPtitle {
	width: 408px;
	height: 52px;
	background: transparent url('../images/sekce_titles/horoskop.jpg') no-repeat left center;
	position: relative;
	}

.HorClanek {
	width: 368px;
	margin: 0px auto;
	padding: 10px 0;
	padding-bottom: 20px;
	padding-left: 6px;
	}


.HorClanek h2 {
	margin: 0px;
	padding: 0px;
	color: #000;
	font-size: 10pt;
	}

.HorClanek h2 a {
	color: #000;
	}

.HorClanek h2 a:hover {
	color: #b00;
	}

.HorClanek img {
	border: none;
	}

.HorClanek .clFoto {
	width: 70px;
	float: left;
	}

.HorClanek .clNazevPerex {	
	float: left;
	width: 272px;
	margin-left: 20px
	}

.HorClanek .clNazevPerex p {	
	margin-top: 5px;
	}


#HoroskopHP .aMore {
	width: 150px;
	margin: 0px auto;
	loat: right;
	position: absolute;
	right: 24px;
	bottom: 5px;
	text-align: right;
	font-size: 8pt;
	}

#HoroskopHP .aMore a {
	text-decoration: none;
	color: #000;
	}

#HoroskopHP .aMore a:hover {
	color: #b00;
	}


} /* media all */

/* end of CSS document */