/* CSS style document */

@import url('menu.css');
@import url('_navigace.css');
@import url('_banners.css');
@import url('_msgs.css');

@media all {

body {
	font-family: Tahoma, 'Microsoft Sans Serif', 'Arial CE', Arial, Verdana, 'Helvetica CE', Helvetica  !important;
	padding: 0px;
	margin: 0px;
	}

body.dark { background-color: #1a1a1a }
body.white { background-color: #fff }


hr {
	color: #bbb;
	background-color: #bbb;
	height: 1px;
	border: 0px none;
	margin: 10px 0px;
	}


.cistic {
	clear: both;
	visibility: hidden;
	display: block;
	height: 0px;
	font-size: 1px;
	}

.aC { text-align: center; }
.aL { text-align: left; }
.aR { text-align: right; }
.aJ { text-align: justify; }

.vaT { vertical-align: top; }
.fwB { font-weight: bold; }

.fs6  { font-size: 6pt; }
.fs7  { font-size: 7pt; }
.fs8  { font-size: 8pt; }
.fs9  { font-size: 9pt; }
.fs10 { font-size: 10pt; }
.fs11 { font-size: 11pt; }
.fs12 { font-size: 12pt; }

.cR   { color: #b00; }
.cG   { color: #080; }
.cB   { color: #2bf; }
.cW   { color: #fff; }
.c60  { color: #f60; }
.c90  { color: #fb0; }
.c000 { color: #000; }
.cCCC { color: #ccc; }
.c666 { color: #666; }
.c369 { color: #369; }

.inv { display: none; }

h1, h2, h3, h4, h5, h6 {
	padding: 0px;
	margin: 0px;
	font-weight: normal;
	}

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
	}




/* =======================================================================  MAIN  ====================================================================== */

#MainPage {
	width: 1010px;
	position: relative;
	margin: 0px auto 20px auto;
	display: block;
	}


/* =======================================================================  TOP  ======================================================================= */

#Top {
	width: 1010px;
	height: 190px;
	display: block;
	position: relative;
	}

body.dark #Top { background:  #1a1a1a url('../images/bgr_people_dark.gif') no-repeat left top; }
body.white #Top { background:  #fff url('../images/bgr_people_white.gif') no-repeat left top; }


/* ======================================================================  LOGO  ======================================================================= */

#Logo {
	width: 420px;
	height: 100px;
	display: block;
	position: absolute;
	top: 20px;
	left: 25px;
	color: #1a1a1a;
	}

body.logoWhite #Logo { background: transparent url('../images/logo_white.png') no-repeat left top; }
body.logoBlack #Logo { background: transparent url('../images/logo_black.png') no-repeat left top; }
body.logoRedGR #Logo { background: transparent url('../images/logo_red.png') no-repeat left top; }

#Logo a {
	width: 420px;
	height: 100px;
	display: block;
	text-decoration: none;
	color: #1a1a1a;
	}

#Logo span { display: none; }

body.dark #Top { background:  #1a1a1a url('../images/bgr_people_dark.gif') no-repeat left top; }
body.white #Top { background:  #fff url('../images/bgr_people_white.gif') no-repeat left top; }


#gPlusOne {
	position: absolute;
	right: -40px;
	bottom: 8px;
	width: 40px;
	}


/* =======================================================================  MENU  ====================================================================== */
/* ==  menu.css  == */
/* ================ */

#Menu {
	width: 1010px;
	height: 40px;
	display: block;
	}


/* ======================================================================  SEARCH  ====================================================================== */

#srchForm {
	position: absolute;
	top: 90px; /* 97 */
	right: 5px;
	font-size: 8pt;
	color: #ddd;
	z-index: 100;
	}

.txtSearch {
	width: 190px;
	padding: 2px 28px 2px 5px;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 101;
	}

.btnSrch {
	width: 28px;
	height: 21px;
	position: absolute;
	top: 1px;
	right: 0px;
	z-index: 102;
	}

/* ======================================================================  SVATEK  ====================================================================== */


#Svatek {
	font-size: 8pt;
	text-align: right;
	line-height: 20px;
	color: #999;
	position: absolute;
	top: 65px; /* 70 */
	right: 5px;
	z-index: 100;
	}

#SvatekDatum strong { color: #b00; }
#SvatekName strong { color: #b00; }




/* ======================================================================  JAZYKY  ====================================================================== */

#Langs {
	width: 150px;
	height: 20px;
	display: block;
	position: absolute;
	top: 92px;
	right: 190px; /* 250 */
	z-index: 100;
	}

#google_translate_element span {
	font-size: 8pt;
	}

img.goog-te-gadget-icon {
	display: none;
	}


/* =======================================================================  TELO  ======================================================================= */

#Telo {
	width: 1010px;
	/*min-height: 400px;*/
	display: block;
	background: #fff url('../images/bgr_telo.jpg') repeat-x left top;
	border: 1px solid #e0e0e0;
	-moz-border-radius: 0px 0px 6px 6px;
    -webkit-border-radius: 0px 0px 6px 6px;
    -khtml-border-radius: 0px 0px 6px 6px;
    border-radius: 0px 0px 6px 6px;
}


#LeftSide {
	width: 680px;
	display: block;
	float: left;
	position: relative;
	padding: 15px;
	}

#RightSide {
	width: 300px;
	display: block;
	float: left;
	position: relative;
	padding-bottom: 15px;
	}


/* =======================================================================  FOOTER  ======================================================================= */


#Footer {
	width: 1004px;
	height: 60px;
	background-color: #a9a9a9;
	border: 1px solid #666;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    margin-left: 2px;
    margin-bottom: 2px;
    position: relative;
	}

#Footer a {
	text-decoration: none;
	color: #222;
	}

#Footer a:hover {
	text-decoration: underline;
	}

#FooterLeft {
	width: 320px;
	height: 60px;
	display: block;
	line-height: 60px;
	position: absolute;
	top: 0px;
	left: 40px;
	font-size: 8pt;
	color: #333;
	}

#FooterRight {
	width: 220px;
	height: 60px;
	display: block;
	font-size: 8pt;
	position: absolute;
	top: 0px;
	right: 5px;
	font-size: 8pt;
	color: #333;
	}

#yticon {
	position: absolute;
	top: 13px;
	right: 10px;
	border: 0px none;
	text-decoration: none;
	color: #a9a9a9;
	}

#smallMenu {
	margin-top: 18px;
	}

#smallMenu a {
	display: inline-block;
	padding: 5px 10px;
	}


/* ===============================================================  RIGHTSIDE POL & SPOLECNE  ================================================================= */




.RightPolozka {
	width: 285px;
	display: block;
	background: #fff url('../images/bgr_rightpolozka.gif') repeat-x left bottom;
	border: 1px solid #ccc;
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
    margin-top: 15px;
    position: relative;
	}

.RightPolozka .RPtitle {
	height: 40px;
	background: #fff url('../images/bgr_title.gif') repeat-x left top;
	padding-left: 15px;
	margin: 2px;
	margin-bottom: 0px;
	border: 1px #ddd solid;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
	color: #b00;
	}


.RightPolozka .RPtitle h2 {
	font-size: 12pt;
	color: #b00;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	text-transform: uppercase;
	font-family: 'Arial CE', Arial, 'Microsoft Sans Serif', Tahoma, Helvetica CE;
	line-height: 40px;
	}


#bodyIn.green .RightPolozka .RPtitle { background: #fff url('../images/bgr_title_green.gif') repeat-x left top; }
#bodyIn.red .RightPolozka .RPtitle { background: #fff url('../images/bgr_title_red.gif') repeat-x left top; }
#bodyIn.blue .RightPolozka .RPtitle { background: #fff url('../images/bgr_title_blue.gif') repeat-x left top; }
#bodyIn.normal .RightPolozka .RPtitle { background: #fff url('../images/bgr_title.gif') repeat-x left top; }

#bodyIn.green .RightPolozka .RPtitle h2 { color: #fff; }
#bodyIn.red .RightPolozka .RPtitle h2 { color: #fff; }
#bodyIn.blue .RightPolozka .RPtitle h2 { color: #fff; }
#bodyIn.normal .RightPolozka .RPtitle h2 { color: #b00; }


#bodyIn.out .RightPolozka .RPtitle { background: #fff url('../images/bgr_title.gif') repeat-x left top; border: 1px #b00 solid; }
#bodyIn.redout .RightPolozka .RPtitle h2 { color: #b00; }




.RightPolozka .aMore {
	padding: 10px 15px 10px 0px;
	text-align: right;
	font-size: 8pt;
	}

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

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



.RightPolozka .rss {
	position: absolute;
	/*left: 15px;
	bottom: 7px;*/
	top: 17px;
	right: 15px;
	width: 22px;
	height: 14px;
	}

.RightPolozka .rss a {
	text-decoration: none;
	color: #f4f4f4;
	}

.RightPolozka .rss a:hover {
	color: #f4f4f4;
	}

.RightPolozka .rss a img {
	border: 0px none;
	}





.imageFrame {
	width: 62px;
	height: 62px;
	display: block;
	background-color: #ddd;
	border: 1px solid #ccc;
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
    padding: 2px;
	}

.imagePlace {
	width: 60px;
	height: 60px;
	display: block;
	background-color: #fff;
	background-position: center center;
	background-repeat: no-repeat;
	overflow: hidden;
	border: 1px solid #cbcbcb;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
	}

.imagePlace img {
	display: none;
	}

.imagePlace a {
	width: 60px;
	height: 60px;
	display: block;
	text-decoration: none;
	color: #e0e0e0;
	}




.sekceClanekB4M .imageFrame {
	width: 122px;	/* 164 */
	height: 92px;	/* 124 */
	display: block;
	background-color: #ddd;
	border: 1px solid #ccc;
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
    padding: 2px;
	}

.sekceClanekB4M .imagePlace {
	width: 120px;
	height: 90px;
	display: block;
	background-color: #fff;
	background-position: center center;
	background-repeat: no-repeat;
	overflow: hidden;
	border: 1px solid #cbcbcb;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
	}

.sekceClanekB4M .imagePlace img {
	width: 120px;
	height: 90px;
	display: block;
	}

.sekceClanekB4M .imagePlace a {
	width: 120px;
	height: 90px;
	display: block;
	text-decoration: none;
	color: #e0e0e0;
	}


/* ================================  FACEBOOK  ================================  */

#fbPlace {
	width: 250px;
	height: 260px;
	display: block;
	margin: 15px auto 10px auto;
	}

#fb iframe {
	border: 0px;
	}


/* ================================  ZAJIMAVOSTI  ================================  */


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

.ZajClanek h3 {
	margin: 0px;
	padding: 0px;
	color: #000;
	font-size: 8pt;
	}

.ZajClanek h3 a {
	color: #b00;
	}

.ZajClanek h3 a:hover {
	color: #000;
	}

.ZajClanek img {
	border: 0px none;
	}

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

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

.ZajClanek .clNazevPerex p {
	font-size: 8pt;
	color: #333;
	margin-top: 5px;
	}




/* ===============================   C L A N K Y   B E S T   4   M A N  -  R I G H T   S I D E  =============================== */


.rsClanekB4M {
	width: 270px;
	margin: 0px auto;
	padding: 10px 0px 5px 0px;
	}


/* ======   C L A N K Y   S E K C E  -  N R M   ====== */


.rsClanekB4M h3 {
	margin: 0px;
	padding: 0px;
	color: #000;
	font-size: 8pt;

	}

.rsClanekB4M h3 a {
	color: #b00;
	}

.rsClanekB4M h3 a:hover {
	color: #000;
	}

.rsClanekB4M .clFotoB4M {
	width: 80px;
	float: left;
	}


.rsClanekB4M .imageFrameB4M {
	width: 62px;
	/*height: 92px;	 124 */
	display: block;
	background-color: #ddd;
	border: 1px solid #ccc;
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
    padding: 2px;
	}
/*
.rsClanekB4M .imagePlaceB4M {
	width: 120px;
	height: 90px;
	display: block;
	background-color: #fff;
	background-position: center center;
	background-repeat: no-repeat;
	overflow: hidden;
	border: 1px solid #cbcbcb;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
	}
*/


.rsClanekB4M img {
	border: 1px solid #cbcbcb;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
	width: 60px;
	/*height: 60px;*/
	}

.rsClanekB4M .clNazevPerex {	
	float: left;
	width: 180px;
	}

.rsClanekB4M .clNazevPerex p {	
	margin-top: 5px;
	color: #333;
	font-size: 8pt;
	}




/* =====================================================================  TOOLTIPS  ==================================================================== */


/* ================================  iLAYER INFO  ================================  */

#iLayerInfo {
	position: fixed;
	/*left: 423px;*/
	top: 295px; /* 205 */
	z-index: 10002;
	width: 25px;
	height: 31px;
	}

#iLayerInfo img {
	border: 0px;
	cursor: pointer;
	margin: 0px;
	}


.tooltipInfo {
	display: none;
	background: transparent url('../images/templates_iLayer.png');
	font-size: 12px;
	height: 330px;
	width: 480px;
	padding: 25px;
	color: #fff;	
	z-index: 10001;
	}


.tooltipInfo.bottom {
	background: url('../images/templates_iLayer.png');
	padding-top: 0px;
	height: 330px;
	}

#xTip {
	width: 10px;
	height: 10px;
	display: block;
	background: transparent url('../images/icons/x_close.png') no-repeat center center;
	float: right;
	margin: 15px 0px 0px 0px;
	}

#xTip span { display: none; }

#iLayerHOUSER {
	padding: 25px 0px 0px 5px;
	}



/* ================================  TEMPLEJTY  ================================  */

#skins {
	position: fixed;
	/*left: 423px;*/
	top: 425px; /* 335 */
	z-index: 10001;
	width: 25px;
	height: 78px; /* 32 | 78 */
	}

#skins img {
	border: 0px;
	cursor: pointer;
	margin: 0px;
	}


.tooltipSkin {
	display: none;
	background: transparent url('../images/templates_right.png');
	font-size: 12px;
	height: 150px;
	width: 165px;
	padding: 25px;
	color: #fff;	
	z-index: 10001;
	}


.tooltipSkin.bottom {
	background: url('../images/templates_right.png');
	padding-top: 0px;
	height: 150px;
	}

#skinTitle {
	width: 160px;
	margin-top: 5px;
	padding: 10px 0px;
	text-align: center;
	font-size: 12pt;
	color: #fff;
	font-family: 'Arial CE', Arial, Verdana;
	}


.skinPol {
	padding: 5px 0px 5px 20px;
	}

.skinPol span {
	width: 50px;
	display: block;
	padding: 3px 10px 0px 0px ;
	float: left;
	}

.skinPol select {
	width: 70px;
	float: left;
	position: relative;
	z-index: 0px;
	}

#xTip {
	width: 10px;
	height: 10px;
	display: block;
	background: transparent url('../images/icons/x_close.png') no-repeat center center;
	float: right;
	margin: 15px 0px 0px 0px;
	}

#xTip span { display: none; }


/* ================================  AKTUALNI CASAK  ================================  */


#aktCasak {
	position: fixed;
	/*left: 423px;*/
	top: 330px; /* 240 */
	z-index: 10000;
	width: 25px;
	height: 91px; /* 45 ... 91 */
	}

#aktCasak img {
	border: 0px;
	cursor: pointer;
	margin: 0px;
	}

.tooltipCasak {
	display: none;
	background: transparent url('../images/titulka_on-line_right.png');
	font-size: 12px;
	height: 275px; /* 240 */
	width: 165px;
	padding: 25px;
	padding-top: 0px;
	color: #fff;	
	z-index: 10000;
	}


.tooltipCasak.bottom {
	background: url('../images/titulka_on-line_right.png');
	padding-top: 0px; /* 40 */
	height: 310px; /* 240 */
	}

#tooltipImgPlace {
	margin-top: 40px;
	width: 160px;
	height: 200px; /* 200 */
	display: block;
	}

#tooltipImgPlace img {
	border: 0px none;
	margin-left: 5px;
	}

#tooltipDatum {
	color: #ccc;
	text-align: center;
	padding-top: 12px;
	line-height: 18px;
	font-family: Verdana;
	font-size: 8pt;
	}

#tooltipDatum span {
	color: #f90;
	}




* p.perex {
	font-weight: bold;
	}



} /* media all */