/* CSS Document */
body {margin: 0; padding: 0; color:#444; background-color: #FFF; background-image: url(../img/body-bg.jpg); background-repeat: repeat-x; font-family: trebuchet MS; font-size: 12px; text-align: center;}

.main a {text-decoration: none;}

.main a:hover {text-decoration: underline;}

.main a {color:#6A95AD;}

.main a:hover {color:#DA8619;}

.underline {border-top-color: #CADDEC; border-top-style: solid; border-top-width: 1px; margin-bottom: 5px;}

.main {width: 770px; background-color: #FFF; border: 1px #99C0DF solid; margin: auto; margin-top: 15px; margin-bottom: 10px;}

.head {text-align: left; background-image: url(../img/hlavicka.jpg); background-color: #ECD345; background-repeat: no-repeat; background-position: center; width:740px; height:150px; margin: 15px auto 10px auto; }

.head h2 {margin:0; padding:0;}

.head h2 a {color: #FFF; text-decoration: none; font-size: 55px; margin: 0 0 0 35px; line-height: 140px;}

.head h2 a:hover {border-bottom-color: #FFF; text-decoration: none; color:#FFF; border-bottom-style: double; border-bottom-width: 6px;}

.subMain {width: 740px; margin: auto; margin-bottom: 5px; text-align: left;}

.rightMenu {float: right; width: 180px; background-color: #F7F7F7;}

.rightMenu .menu {margin: 10px;}

.rightMenu .menu h3 {margin:0; padding:0; font-size: 14px; color:#666}

.rightMenu .menu ul {margin:2px 0 0 0; padding:0; list-style-type: none;}

.rightMenu .menu ul li {padding: 1px 0;}

.rightMenu .menu ul li, .rightMenu ul li strong {margin:0; font-weight: normal; font-size: 100%; color:#49789E;  font-size: 13px;}

.rightMenu .menu ul li strong a {color:#6A95AD; text-decoration: none;}

.rightMenu .menu ul li strong a:hover {color:#DA8619; text-decoration: underline;}

.content {float: left; width: 550px;}

.content h1 {margin:0 0 3px 0; padding:0; color:#6A95AD; font-size: 18px; font-weight: normal; float:left;}

.content .favorite {float: right; padding-top: 4px;}

.content ol {margin:0 0 0 25px; padding:0;}

.content ol li {margin: 0; padding:0;}

.footer {color: #999; font-size: 11px; margin: 15px 0 0 0; text-align: center; }

.footer a {color: #999; text-decoration: none; }

.footer a:hover {color: #333; text-decoration: underline; }

.vtip {border-bottom-color: #CADDEC; padding:0px 0;}

.vtip .top {float: left; margin: 5px 0 10px 0; width: 100%; padding-top: 1px; background-color: #F7F7F7; border-color: #CADDEC; border-style: solid; border-width: 1px; border-left-width: 0; border-right-width: 0;}

.vtip .lft {float:left; margin-left: 3px;}

.vtip .rght {float:right; margin-right: 3px;}

.vtip strong {font-weight: normal;}

.vtip p {margin: 0 0 3px 0; padding: 0; }

.vtip .btn {float: left; margin: 20px 0 0 0; width: 100%;}

.vtip .date {float:left; width: 160px; line-height: 24px;}

.vtip .rating {float:left; width: 155px;}

.vtip .fcbk_img {border:0; margin:1px 0 0 0; float:left;}

.vtip .fcbk_spn {font-size:11px; margin:0 0 0 3px;}

.vtip .ico {float:right;}

.vtip .ico img {border: 0; margin-left: 10px;}

.horoskop {border-bottom-color: #CADDEC; padding:0; margin: 0 0 5px 0;}

.horoskop .top {float: left; margin: 5px 0 10px 0; width: 100%; padding-top: 1px; background-color: #F7F7F7; border-color: #CADDEC; border-style: solid; border-width: 1px; border-left-width: 0; border-right-width: 0;}

.horoskop .lft {float:left; margin-left: 3px;}

.horoskop .rght {float:right; margin-right: 3px;}

.horoskop strong {font-weight: normal;}

.horoskop img {float:left; margin:0 5px 5px 0;}

.zdroj {text-align: right; margin:0; padding:0; font-size: 9px;}

.clear {clear: both;}

.preh {margin: 0; padding: 0; text-align: center;}

.preh span, .preh a  {margin: 0 5px;}


.hrskpBlck {width: 90px; float:left; text-align: center; margin: 10px 0;}

.rghtMrgn {margin-right: 63px;}

.hrskpBlck p {margin:0; padding:0;}

.hrskpBlck img {border:0;}

.hrskpName {list-style-type: none; margin:10px 0 15px 5px; padding:0; font-size: 110%;}

.hrskpName li {float:left; width: 180px;}

.vtipAdd {margin:0; padding:0;}

.vtipAdd label {display: block; margin: 2px 0 1px 0;}

.vtipAdd select, .vtipAdd textarea {margin-bottom: 10px;}

.vtipAdd option {padding: 0 0 0 10px;}

.kategorie {list-style-type: none; margin:5px 0 0 5px; padding:0; font-size: 110%;}

.kategorie li {float:left; width: 270px;}

#topLayer {position: absolute; text-align: left; width: 350px; height: 250px; top:50px; left:150px; background-color: #666;  display: none;}

#topLayer .cont {background-color:#F7F7F7; border: 1px #99C0DF solid; position: absolute; width: 350px; height: 250px; bottom:2px; right:2px;}

#topLayer #top {height: 20px; background-color: #99C0DF; cursor: move;}

#topLayer #top #cls { height: 19px; width: 19px; right:1px; position: absolute; cursor: pointer;}

#topLayer #top #cls a {display: block; background-color: red; color: #FFF; font-size: 14px; margin-bottom: 0px;; font-weight: bold;}

#topLayer #top #cls a:hover {text-decoration: none;}

#topLayer form {margin: 5px 5px 5px 5px; padding: 0;}

.btnBnr {float: left; text-align: center; width: 100%;}

.btnBnr div {width: 468px; height:60px; text-align: center; margin: 15px auto 0px auto;}

.rghtBnr {float: right; padding: 0; margin: 0px;}

.rghtBnr div {padding: 10px;}

.rghtBnr h3 {margin:0 0 5px 0; padding:0; font-size: 14px; color:#666}

.topLista {position: absolute; top:0px; left:0px; width: 100%; height: 20px; margin: 0; padding: 0; text-align: center;}

.lista1 {font-size: 12px; color: #DDD; font-family: Verdana; text-decoration: none; font-weight: bold;}

.lista2 {font-size: 11px; color: #DDD; font-family: Verdana; text-decoration: none;}

.lista1 a:hover {color: #FFFFFF;}

/*             styles for the star rater                */
.star-rating{
	list-style:none;
	margin: 0px;
	padding:0px;
	width: 100px;
	height: 20px;
	position: relative;
	background: url(../img/star_rating.gif) top left repeat-x;
}

.star-rating li{
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
}
.star-rating li a{
	display:block;
	width:20px;
	height: 20px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
}
.star-rating li a:hover{
	background: url(../img/star_rating.gif) left bottom;
	z-index: 1;
	left: 0px;
}
.star-rating a.one-star{
	left: 0px;
}
.star-rating a.one-star:hover{
	width:20px;
}
.star-rating a.two-stars{
	left:20px;
}
.star-rating a.two-stars:hover{
	width: 40px;
}
.star-rating a.three-stars:hover{
	width: 60px;
}
.star-rating a.three-stars{
	left: 40px;
}
.star-rating a.four-stars{
	left: 60px;
}
.star-rating a.four-stars:hover{
	width: 80px;
}
.star-rating a.five-stars{
	left: 80px;
}
.star-rating a.five-stars:hover{
	width: 100px;
}