body {font-size: 68.75%; padding: 0;}

/* Auto-clearing floats */
#header:after, #inner:after, #footer:after, .tabs .nav:after, .box-tip p:after, #portals .inner:after, #services .inner:after, #my-services .inner:after, #my-services .top:after, .auctions .tab .inner:after, #news .tab .rates:after, #left-col-top:after, #my-services .nav:after, #my-services .service:after, #my-services .service2:after, #moje-sluzby-program ul:after, #moje-sluzby-sutaze li:after, #all-services .middle .inner:after, #companies .nav:after, #companies .all .middle .inner:after, #news .tab .inner:after, #moje-sluzby-horoskop .sings:after, #moje-sluzby-program .programs ul:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

a {text-decoration:none;}
a:hover {text-decoration:underline; cursor:pointer;}
.clear, .clear8, .clear10 {clear:both;}
.clear {height:1px;}
.clear8 {height:8px;}
.clear5 {height:5px;}
.clear10 {height:10px;}

#wrapper {width:890px; margin: 0 auto;}
/*.top_area {padding:20px 0 10px 0; background:#fff url(../images/bg_top.gif) top center no-repeat;}*/
.top_area {padding:6px 0 10px 0; background:#fff url(../images/bg_top_orng_line.gif) top center no-repeat;}
.top_bann {padding-bottom:10px; ^padding-bottom:13px; min-height:4px; ^min-height:1px; ^font-size:1px; background:#fff url(../images/bg_top_grad_line.gif) bottom center no-repeat;}
.top_area .tbl {width:100%;}
.top_area .tbl td { vertical-align:middle;}
.top_area .tbl .logo_pobox {text-align:left; padding:10px; width:290px;}
.top_area .tbl .logo_pobox img {margin-left:30px;}
.top_area .tbl .logo_centrum {text-align:center; width:180px;}
.top_area .tbl .date {padding:0 10px 0 10px; font-size:110%;}
.top_area .tbl .date a {color:#000; font-weight:bold;}
.top_area .tbl .date a.ako_home {display:block; padding: 7px 0 3px 8px; background:url(../images/buttons/arr_mark.gif) no-repeat 0 12px; color:#9f1a1d; font-size:90%;}
/*.top_area .tbl td {width:33%;}*/
.top_area .tbl .with_line {border-right:#e7e7e7 1px solid;}
.area300 {float:left; width:300px; margin-right:20px;}
.area300 .frame {margin-top:13px;}
.area_articles {float:left; width:570px;}
.box h2 {font-size:90%; text-transform:uppercase; letter-spacing:2px; padding-top:2px; margin-bottom:12px;}
.box h2 a {color:#2a2a2a;}
.box .image {float: left; width: 102px;}
.box .image img {border: 1px solid #d1d1d1;}
.box .text {float:left;}
.box .text p {text-align:justify; margin:0;}
.box .text a {color:#000;}
.box .text h3 {margin-bottom:4px; font-size:110%;}
.box .text h3 a {color:#cc2024;}
.box ul li {padding: 2px 0 4px 9px; background:url(../images/buttons/arr_mark.gif) no-repeat 0 7px; overflow:hidden;}
.box ul li h3 {font-size:110%;}
.box ul li h3 a {color:#cc2024; font-size:110%;}

.articles380 {float:left; width:380px;}
.articles380 .box {border-top:#e7e7ea 4px solid; padding:5px 0 9px 0; margin-top:13px; margin-bottom:15px;}
.articles380 .icon_portal {margin-right:5px; float:left;}
.articles380 .text {width:278px;}
.articles380 ul li {padding: 2px 0 4px 9px;}

.articles170 {width:170px; margin-left:20px;}
.articles170 .image {width: 67px;}
.articles170 .text {width: 103px;}
.articles170 .text h3 {margin-bottom:0; font-size:100%;}
.articles170 ul li {padding: 2px 0 2px 9px;}
.articles170 ul li h3 a {font-size:95%;}

.sutaz_w {background:#efefef; border:#cecece 1px solid; margin-top:13px; margin-bottom:15px;}
.sutaz_w .box {padding:13px;}
.sutaz_w .text {width:170px;}
.sutaz_w .text p.date {color:#909090; margin-top:4px;}

.bottom {clear:both; border-top: 1px solid #cacaca; padding: 15px 13px; font-size: 100%;}
.bottom p {margin:0; padding-bottom: 5px; color: #667084;}
.bottom p a {color: #555d6e;}
.bottom p span {color: #d5d8de; padding: 0 3px;}

/* Login panel START */
.loginPanelBox{
	float: left;
	width: 300px;
	height: 195px;
	background: transparent url(../images/loginPanelBgr.gif) no-repeat 0px 0px;
	}

.loginPanelBox strong{
	display: block;
	float: left;
	width: 287px;
	height: 32px;
	padding: 16px 0px 0px 13px;
	font-family: Tahoma, Arial;
	font-size: 16px;
	color: #333333;
	}

.loginPanelBoxInput{
	float: left;
	width: 287px;
	height: 30px;
	padding: 0px 0px 0px 13px;
	}

.loginPanelBoxInput label{
	display: block;
	float: left;
	width: 46px;
	height: auto;
	padding: 5px 0px 0px 0px;
	font-family: Tahoma, Arial;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	}

.loginPanelBoxInput input.input{
	display: block;
	float: left;
	border: 0px solid transparent;
	background-color: transparent;
	width: 145px;
	height: 20px;
	padding: 5px 5px 0px 5px;
	font-family: Tahoma, Arial;
	font-size: 12px;
	color: #333333;
	}

.loginPanelBoxInput input.button{
	display: block;
	float: left;
	border: 0px solid transparent;
	background-color: transparent;
	width: 66px;
	height: 25px;
	padding: 0px 0px 3px 0px;
	margin: 0px 0px 0px 7px;
	cursor: pointer;
	font-family: Tahoma, Arial;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	}

.loginPanelBoxInput span{
	display: block;
	float: left;
	width: auto;
	height: auto;
	padding: 5px 0px 0px 5px;
	font-family: Tahoma, Arial;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	}

.loginPanelBoxRadio{
	float: left;
	width: 287px;
	height: 30px;
	padding: 12px 0px 0px 13px;
	}

.loginPanelBoxRadio span{
	display: block;
	float: left;
	width: 46px;
	height: auto;
	padding: 0px 0px 0px 0px;
	font-family: Tahoma, Arial;
	font-size: 12px;
	color: #333333;
	}

.loginPanelBoxRadio input{
	display: block;
	float: left;
	width: auto;
	height: auto;
	margin: 0px 4px 0px 0px;
	_margin: -3px 4px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

.loginPanelBoxRadio input#bezny{
	margin: 0px 4px 0px 20px;
	_margin: -3px 4px 0px 16px;
	}

.loginPanelBoxRadio label{
	display: block;
	float: left;
	width: auto;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Tahoma, Arial;
	font-size: 12px;
	color: #333333;
	}
.loginPanelBoxRadio label a {color:#333;}

.loginPanelBoxButton{
	float: left;
	width: 290px;
	height: auto;
	padding: 0px 0px 0px 10px;
	}

.loginPanelBoxButton a{
	display: block;
	float: left;
	width: 280px;
	height: 26px;
	padding: 9px 0px 0px 0px;
	text-align: center;
	font-family: Tahoma, Arial;
	font-size: 14px;
	font-weight: bold;
	color: #9b0003;
	text-decoration: none;
	cursor: pointer;
	}

.loginPanelBoxBottom{
	float: left;
	width: 220px;
	height: 25px;
	padding: 0px 0px 0px 80px;
/*	margin-bottom:15px;*/
	}

.loginPanelBoxBottom a{
	float: left;
	width: 140px;
	height: 20px;
	padding: 5px 0px 0px 0px;
	text-align: center;
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #9b0003;
	text-decoration: none;
	cursor: pointer;
	background: transparent url(../images/loginPanelButton.gif) no-repeat 0px 0px;
	}

.loginPanelBoxBottomFull{
	float: left;
	width: 290px;
	height:122px;
	padding-bottom:18px;
	margin-left:5px;
	background: transparent url(../images/loginPanelButtonFull.gif) no-repeat 0px 100%;
	}

.loginPanelBoxBottomFull a{color:#9b0003; display:block; float:right;}

.loginPanelBoxBottomFull .box{
  border-left:#fceabc 2px solid;
  border-right:#fceabc 2px solid;
  height:122px;
  padding:10px;
  padding-bottom:0;
}

.loginPanelBoxBottomFull .box strong {color:#cc2024;}
/* Login panel END */

/* Menu panel START */

.menuPanel{
/*	float: left;*/
	width: 570px;
	height: 86px;
	background: transparent url(../images/menuPanelBgr.gif) no-repeat 0px bottom;
	}

#search{
	float: left;
	width: 570px;
	height: auto;
	}

/* Tabs */
.ui-tabs-hide, .ui-tabs .ui-tabs-hide { display: none; }
.ui-tabs-selected {display:block;}

.menuPanel ul{
	display: block;
	float: left;
	width: 570px;
	height: 25px;
	padding: 0px;
	margin: 0px;
	}

.menuPanel li{
	display: block;
	float: left;
	width: 85px;
	height: 25px;
	padding: 0px 3px 0px 0px;
	list-style-type: none;
	background: transparent url(../images/menuPanelLi.gif) no-repeat 0px 0px;
	}

.menuPanel ul li a{
	display: block;
	float: left;
	width: 85px;
	height: 21px;
	padding: 4px 0px 0px 0px;
	text-align: center;
	cursor: pointer;
	font-weight: bold;
	font-family: Tahoma, Arial;
	font-size: 10px;
	color: #656565;
	text-decoration: none;
	}

.menuPanel ul li a:hover {
  text-decoration:underline;
  color:#000;
}
/*.menuPanel ul li a:hover , .menuPanel ul li a.selected{*/
.menuPanel ul li a.selected{
	display: block;
	float: left;
	width: 85px;
	height: 21px;
	padding: 4px 0px 0px 0px;
	text-align: center;
	cursor: pointer;
	font-weight: bold;
	font-family: Tahoma, Arial;
	font-size: 10px;
	color: #656565;
	text-decoration: none;
	background: transparent url(../images/menuPanelLiSelected.gif) no-repeat 0px 0px;
	}

.tab search-basic{
	float: left;
	width: 570px;
	height: 40px;
	}

.searchPanelTab1{
	float: left;
	width: 570px;
	height: auto;
	padding: 5px 0px 0px 0px;
	}

label.searchTab1{
	display: block;
	float: left;
	width: 80px;
	height: auto;
	font-family: Tahoma, Arial;
	font-size: 12px;
	color: #464646;
	text-align: center;
	font-weight: bold;
	padding: 4px 0px 0px 0px;
	}

input.searchTab1{
	display: block;
	float: left;
	width: 400px;
	height: 17px;
	font-family: Tahoma, Arial;
	font-size: 12px;
	color: #464646;
	font-weight: bold;
	padding: 4px 5px 0px 5px;
	margin: 0px 8px 0px 0px;
	border: 0px solid transparent;
	border-top: 1px solid #ffd97b;
	}

input.searchTab1Button{
	display: block;
	float: left;
	width: 59px;
	height: 23px;
	text-align: center;
	font-family: Tahoma, Arial;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	padding: 0px 0px 3px 0px;
	border: 0px solid transparent;
	background: transparent url(../images/menuPanelButton.gif) no-repeat 0px 0px;
	}

.searchPanelTab1Links{
	float: left;
	width: 490px;
	height: auto;
	padding: 6px 0px 0px 80px;
	font-size: 11px;
	font-family: Tahoma, Arial;
	color: #464646;
	}

.searchPanelTab1Links a{
	font-size: 11px;
	font-family: Tahoma, Arial;
	color: #9b0003;
	text-decoration: none;
	}
	


.searchPanelTab2{
	float: left;
	width: 440px;
	height: auto;
	padding: 5px 0px 0px 0px;
	}

.searchPanelTab2 .searchPanelTab1Links {
  padding-left:66px;
}

label.searchTab2{
	display: block;
	float: left;
	width: 55px;
	height: auto;
	font-family: Tahoma, Arial;
	font-size: 12px;
	color: #464646;
	text-align: right;
	font-weight: bold;
	padding: 4px 10px 0px 0px;
	}

input.searchTab2{
	display: block;
	float: left;
	width: 295px;
	height: 17px;
	font-family: Tahoma, Arial;
	font-size: 12px;
	color: #464646;
	font-weight: bold;
	padding: 4px 5px 0px 5px;
	margin: 0px 8px 0px 0px;
	border: 0px solid transparent;
	border-top: 1px solid #ffd97b;
	}

label.searchTab3{
	width: 175px;
	}

input.searchTab3{
	width: 290px;
	}

.searchPanelTab3Links {
  padding-left:186px;
}

input.searchTab4{
	width: 220px;
	}

.searchPanelTab3{
	float: left;
	width: 290px;
	height: auto;
	padding: 5px 0px 0px 0px;
	}

.searchPanelTab4{
	float: left;
	width: 170px;
	height: auto;
	padding: 5px 0px 0px 0px;
	}

.searchPanelTab5{
	float: left;
	width: 328px;
	height: auto;
	padding: 5px 0px 0px 0px;
	}

input.searchTab5{
	width: 238px;
	}

input.datumCas{
	width: 75px;
	}

select.lang {float:left; margin:2px 5px 0 0;}
.chooseMapSearch {float:left; padding-top:6px; width:120px; height:44px;}
.buttons { width: 17px; height: 21px; position: relative; display: block; float: left;}
.buttons a { display: block; position: absolute; left: 0; }
.buttons a.up { top: 0; }
.buttons a.down { top: 11px; }
.calendar_ico { display: block; float: left; margin: 0 0 0 10px;}
.submit_doprava {
	display: block;
	float: left;
	width: 59px;
	height: 23px;
	text-align: center;
	font-family: Tahoma, Arial;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	padding: 0px 0px 3px 0px;
	margin-top:32px;
	border: 0px solid transparent;
	background: transparent url(../images/menuPanelButton.gif) no-repeat 0px 0px;

}

/* Menu panel END */


#leaderboard {
	text-align: center;
}