@import url("http://www.wmp.cz/css/wmp_bar.css");

body{
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #fff;
	overflow: hidden;
}
.accessibility{
	position: absolute;
	top: -10000px;
	left: -10000px;
	width: 1px;
	height: 1px;
	font-size: 0px;
}
.hidden{
	display: none;
}
.clear{
	clear: both;
	height: 1px;
	font-size: 0px;
}
form{
	margin: 0px;
	padding: 0px;
}
fieldset{
	border: none;
	padding: 0px;
	margin: 0px;
}
a img{
	border: none;
}


#container{
	position: relative;
	padding: 10px 10px 10px 10px;
	z-index: 1;
}
#top_bar{
	position: relative;
	width: 100%;
	margin-bottom: 16px;
	z-index: 10500;
}
#logo{
	position: absolute;
	top: 15px;
	left: 2px;
	width: 271px;
	height: 63px;
	background: url(../resource/img/tourmapy_logo.png) no-repeat;
	cursor: pointer;
	z-index: 1;
}
#fb-like {
	position: absolute;
	top: 0px;
	right: 305px;
	z-index: 2;
	border:none; 
  overflow:hidden; 
  width:150px; 
  height:21px;
  line-height: 21px;
}
#language{
	position: absolute;
	top: 0px;
	right: 105px;
	z-index: 2;
}
#logo_czecot{
	position: absolute;
	top: -5px;
	right: 5px;
	z-index: 2;
}

/***************************/
/*          .BOX           */
/***************************/

.box{
	
}
/* ---- BOOKMARKS ---- */
.bookmarks{
	width: 100%;
	background-color: #fff;
	font-size: 77%;
}
.bookmark_opened{
	color: #0b4b5e;
	text-decoration: none;
}
.bookmark_opened:hover, .bookmark_opened.hover{
	color: #0b4b5e;
}
.bookmark_opened a{
	color: #0b4b5e;
}
.bookmark_opened a:hover{
	text-decoration: none;
}
.bookmark_opened .bookmark_left{
	float: left;
	width: 3px;
	height: 21px;
	font-size: 0px;
	background: #d3e5ea url(../resource/img/bookmark_opened_bkg_left.jpg) no-repeat;
}
.bookmark_opened .bookmark_middle{
	float: left;
	height: 18px;
	padding: 3px 7px 0px 7px;
	background: #d3e5ea url(../resource/img/bookmark_opened_bkg_middle.jpg) repeat-x;
}
.bookmark_opened .bookmark_right{
	float: left;
	width: 3px;
	height: 21px;
	margin-right: 2px;
	font-size: 0px;
	background: #d3e5ea url(../resource/img/bookmark_opened_bkg_right.jpg) no-repeat;
}
.bookmark_closed{
	color: #fff;
	text-decoration: none;
	behavior: url(hover.htc);
}
.bookmark_closed:hover{
	color: #fff;
}
.bookmark_closed a{
	color: #fff;
}
.bookmark_closed a:hover{
	text-decoration: none;
}
.bookmark_closed .bookmark_left{
	float: left;
	width: 3px;
	height: 21px;
	font-size: 0px;
	background: #4eb1ce url(../resource/img/bookmark_closed_bkg_left.jpg) no-repeat;
}
.bookmark_closed .bookmark_middle{
	float: left;
	height: 18px;
	padding: 3px 7px 0px 7px;
	background: #4eb1ce url(../resource/img/bookmark_closed_bkg_middle.jpg) repeat-x;
}
.bookmark_closed .bookmark_middle:hover, .bookmark_middle.hover{
	text-decoration: underline;
}
.bookmark_closed .bookmark_right{
	float: left;
	width: 3px;
	height: 21px;
	margin-right: 2px;
	font-size: 0px;
	background: #4eb1ce url(../resource/img/bookmark_closed_bkg_right.jpg) no-repeat;
}
/* ---- end:BOOKMARKS ---- */
.box_content{
	clear: left;
	font-size: 83%;
	background-color: #e0ecef;
}
/* ---- end:BOX ---- */

/***************************/
/*      .SEARCH_BOX        */
/***************************/
#search_box{
	padding: 5px 0px 0px 285px;
	position: relative;
}
#search_box fieldset {
  position: relative;
}
#search_box .bookmarks a{
	cursor: pointer;
}
#search_box .bookmarks a:hover{
	text-decoration: underline;
}
#search_box .box_content{
	height: 60px;
}
#search_box .box_content a{
	color: #0d4b5d;
}
#search_box form{
	padding: 20px 10px 0px 15px;
}
#search_box #examples{
	margin-left: 5px;
}
#search_box .search_button{
	
}
#search_box #search_loader{
	position: relative;
	top: 4px;
}
/* ---- end:SEARCH_BOX ---- */

/***************************/
/*        .MAP_BOX         */
/***************************/
#map_box{
	float: left;
}
#map_box .bookmark_middle:hover{
	text-decoration: none;
}
#map_wrapper{
	padding: 5px;
}
#map{
	border: 3px solid #fff;
}
#gps_position{
	position: absolute;
	top: 116px;
	right: 268px;
	_right: 230px;
}
#gps_position .bookmark_middle{
	position: relative;
	padding-left: 25px;
}
#gps_position #gps_icon{
	position: absolute;
	top: 2px;
	left: 4px;
	width: 17px;
	height: 17px;
	background: transparent url(../resource/img/icon_gpstarget.png) no-repeat;
  	_background: none!important; 
  	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/icon_gpstarget.png', sizingMethod='scale');
}
#gps_height{
	color: #537c88;
}
/* ---- end:MAP_BOX ---- */

/***************************/
/*  .MORE_OPTIONS closed   */
/***************************/
#more_options{
	position: absolute;
	top: 104px;
	right: 41px;
	width: 170px;
}
.button_left{
	float: left;
	width: 6px;
	height: 24px;
	font-size: 0px;
	background: url(../resource/img/button_bkg_left.jpg);
}
.button_middle{
	float: left;
	height: 24px;
	width: 131px;
	padding: 0px 21px 0px 3px;
	font-size: 12px;
	
	line-height: 24px;
	color: #fff;
	background: url(../resource/img/button_bkg_middle.jpg) repeat-x;
}
.button_right{
	float: left;
	width: 6px;
	height: 24px;
	font-size: 0px;
	background: url(../resource/img/button_bkg_right.jpg);
}
#options_plus{
	position: absolute;
	cursor: pointer;
  top: 4px;
	right: 9px;
	width: 16px;
	height: 16px;
	background: transparent url(../resource/img/button_icon_plus.png) no-repeat;
  	_background: none!important; 
  	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../resource/img/button_icon_plus.png', sizingMethod='scale');
}
#options_minus{
	position: absolute;
	cursor: pointer;
	top: 4px;
	right: 7px;
	width: 16px;
	height: 16px;
	background: transparent url(../resource/img/button_icon_minus.png) no-repeat;
  	_background: none!important; 
  	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../resource/img/button_icon_minus.png', sizingMethod='scale');
}
/***************************/
/*  .MORE_OPTIONS opened   */
/***************************/
#more_options_opened{
	position: absolute;
	top: 104px;
	right: 43px;
	width: 168px;
	color: #fff;
	font-size: 12px;
	z-index: 10;
}
.menu_top{
	width: 168px;
	height: 5px;
	font-size: 1px;
	background: transparent url(../resource/img/options_menu_bkg_top.png) no-repeat;
  	_background: none!important; 
  	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/options_menu_bkg_top.png', sizingMethod='scale');
}
.menu_middle{
	width: 168px;
	background: url(../resource/img/options_menu_bkg_middle.png) repeat-y;
}
.menu_bottom{
	width: 168px;
	height: 5px;
	font-size: 1px;
	background: transparent url(../resource/img/options_menu_bkg_bottom.png) no-repeat;
  	_background: none!important; 
  	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/options_menu_bkg_bottom.png', sizingMethod='scale');
}
.menu_title{
	margin: 0px 0px 3px 0px;
	padding: 0px 0px 3px 9px;
	border-bottom: 1px solid #b0dde9;
}
#more_options_opened a{
	display: block;
	width: 136px;
	line-height: 22px;
	padding-left: 32px;
	color: #fff;
	text-decoration: none;
}
#more_options_opened a:hover{
	text-decoration: underline;
}
a#menu01{
	background: transparent url(../resource/img/icon_satellite.png) no-repeat 5px center;
}
a#menu02{
	background: transparent url(../resource/img/icon_letter.png) no-repeat 6px center;
}
a#menu03{
	background: transparent url(../resource/img/icon_pin.png) no-repeat 9px center;
}
a#menu04{
	background: transparent url(../resource/img/icon_ruler.png) no-repeat 5px center;
}
a#menu05{
	background: transparent url(../resource/img/icon_address.png) no-repeat 5px center;
}
a#menu06{
	background: transparent url(../resource/img/pencil.png) no-repeat 5px center;
}  
a#menu07{
	background: transparent url(../resource/img/icon_add_object.png) no-repeat 9px center;
}
a#menu08{
	background: transparent url(../resource/img/icon_add_event.png) no-repeat 9px center;
}
a#menu09{
	background: transparent url(../resource/img/icon_print.png) no-repeat 9px center;
}
/* ---- end:MORE_OPTIONS ---- */

/***************************/
/*         .PANEL          */
/***************************/
.panel_button {
  cursor: pointer;
}
#panel_opened{
	position: relative;
	float: right;
	width: 235px;
	margin: 21px 0px 0px 0px;
	border: 3px solid #d3e3e8;
	background-color: #e0ecf0;
	font-size: 12px;
}
#panel_opened .panel_button{
	position: absolute;
	top: -20px;
	right: -3px;
	_right: -4px;
	width: 19px;
	height: 17px;
	background: url(../resource/img/icon_close.jpg) no-repeat;
}
#panel_content{
	width: 235px;
	height: 490px;
	overflow: auto;
	overflow-x: hidden;
	position: relative;
}
#panel_opened .title h3{
	margin: 0px;
	margin-bottom: 1px;
}
#panel_opened .title h3, .window .title h3 {
	display: block;
	line-height: 22px;
	font-size: 15px;
	background: #3194b1 url(../resource/img/title_background.jpg) repeat-x;
}

#panel_opened .title h3 a.opened, #panel_opened .title h3 a.closed {
	display: block;
	padding: 0px 0px 0px 5px;
	color: #fff;
	text-decoration: none;
	background: url(../resource/img/icon_minus.jpg) no-repeat 98% 3px;
}
.title h3 span{
	padding: 0px 0px 0px 5px;
}
#panel_opened .title h3 a.closed{
	background: url(../resource/img/icon_plus.jpg) no-repeat 98% 3px;
}
#panel_opened .content{
	padding: 10px 5px 12px 5px;
	color: #0d4b5d;
}
#panel_opened .content a{
	color: #0d4b5d;
	text-decoration: none;
}
#panel_opened .content .separator{
	height: 1px;
	margin: 2px 0px;
	font-size: 1px;
}
#panel_opened .sub{
	margin: 0px 0px 0px 10px;
}
#panel_opened .name img {
	vertical-align: middle;
}

#panel_closed{
	position: absolute;
	top: 134px;
	_top: 135px;
	right: 10px;
}
#panel_closed .panel_button{
	position: absolute;
	top: -14px;
	right: 0px;
	width: 19px;
	height: 17px;
	background: url(../resource/img/icon_open.jpg) no-repeat;
}
/* ---- end:PANEL ---- */

/* --- Loading div --- */

#loading { 
  z-index: 9;
}

#loading p {
  margin-top: 220px;    
}
/*this is what we want the div to look like
    when it is not showing*/
div.loading-invisible{
/*make invisible*/
display:none;
}

/*this is what we want the div to look like
when it IS showing*/
div.loading-visible {
  /*make visible*/
  display:block;
  
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height: 100%;
  text-align:center;
  
  /*in supporting browsers, make it
    a little transparent*/
  background:#fff;
  opacity:.85;
  filter:alpha(opacity=85);
  /*border-top:1px solid #ddd;
  border-bottom:1px solid #ddd;*/
}

#maploader {
  z-index:1000;
  background-image: url(/resource/img/public/loader.gif);
  background-position: 20px center;
  background-repeat: no-repeat;
  padding: 10px 20px 10px 40px;
  background-color: #ffffff;
  color: #000000;
  position: absolute;
  top: 250px;
  left: 45%;
  font-weight: bold;
  border: 1px solid gray;
  cursor: pointer;
}
/*
#rpanel_objekty {
  white-space: nowrap;
}

#rpanel_objekty .sub{
  font-size: 90%;
}

#rpanel_vrstvy {
  white-space: nowrap;
  overflow: hidden;
}
*/
.bubble {
  padding: 0px;
}

.bubble p {
  margin: 8px 0;
}

.bubble img.logo {
  float: left;
  margin: 0 5px 5px 0;
}
.bubble img{
	border: 1px solid #0d4b5d;
	margin-bottom: 10px;
}
.bubble h3{
	margin: 10px 0px 2px 0px;
	font-size: 110%;
}
.bubble h3 img{
	/*position: absolute;*/
	top: 2px;
	left: 10px;
	margin: 2px;
	border: none;
}
.bubble a{
	color: #0d4b5d;
}

#atlas_normal, #atlas_photo, #google_normal, #google_photo, #google_terrain, #google_3d {
  display: none;
}

#gps_text {
  float: left;
}

#gps_height {
  float: left;
  overflow: hidden;
  white-space: nowrap;
}

#rpanel_objekty input.checkbox, #rpanel_vrstvy input.checkbox, #rpanel_multimedia .sub input.checkbox, #rpanel_kalendar .sub input.checkbox {
  float: left;  
  clear: left;
}

#rpanel_objekty span.name, #rpanel_vrstvy span.name {
  width: 180px;
  display: block;
  float: left;
}

#rpanel_objekty .sub span.name,  #rpanel_kalendar .sub label, #rpanel_multimedia .sub label, #rpanel_vrstvy .sub span.name {
  width: 165px;
} 
#rpanel_kalendar .sub label, #rpanel_multimedia .sub label {
  display: block;
  float: left;
}

#map_box {
  width: 100%;
}

#map {
  background: #ffffff url(/resource/img/public/loader.gif) 50% 50% no-repeat;
}

.upoutavka {
  float: right;
  font-size: 80%;
  padding: 0 10px 0px 0px;
  width: 230px;
  color: #537c88;
  /*background: url(../resource/img/info.png) top left no-repeat;*/
}
#search_box .upoutavka a{
	color: #537c88;
}
#search_box .upoutavka a:hover{
	text-decoration: none;
}

.suggestions {
  position: absolute;
  margin: 0;
  padding: 0;
  list-style-type: none;
  border: 1px solid #d3e5ea;
  background-color: #fff;
  top: auto;
  left: auto;
  padding: 5px;
}

#distance_text {
  background: transparent url(../resource/img/icon_ruler.gif) no-repeat left center;
  padding-left: 30px;
}

.clickable {
  cursor: pointer;
}

table {
  font-size: 90%;
}

form span.req {
  color: red;
  padding-left: 2px;
}

div.tm_overlay {
  white-space: nowrap;
  font-size: 80%;
  width: 75px;
  margin-top: -24px;
}

.label_box .label_left {
  background:transparent url(http://1.im.cz/mapy/2007/img/rtMark_left2.png) no-repeat scroll 0 0;
  height:24px;
  float: left;
  width:10px;
}

.label_box .label_middle {
  background:transparent url(http://1.im.cz/mapy/2007/img/rtMark_body2.png) repeat-x scroll 0 0;
  height:24px;
  overflow:hidden;
  float: left;
  padding-top: 5px;
  text-align: left;
  padding-right: 3px;
}

.label_box .label_right {
  background:transparent url(http://1.im.cz/mapy/2007/img/rtMark_right2.png) no-repeat scroll 0 0;
  height:24px;
  overflow:hidden;
  float: left;
  width:3px;
}


#rpanel_vyhledavani div.search_result {
  border-top: 1px solid #CDCDCD;  
  margin: 0;
  padding: 0;
  font-size:90%;
}

#rpanel_vyhledavani div.search_result a, #rpanel_vyhledavani div.search_result div {
  display: block;
  padding-bottom:0.6em;
  padding-left:3px;
  padding-right:3px;
  padding-top:0.6em;

}

#rpanel_vyhledavani div.search_result a:hover, #rpanel_vyhledavani div.search_result a.hover {
  background: yellow;
}


#search_loader_container {
  width: 24px;
  display: inline-block;
  text-align: center;    
}

.pagination {
  white-space: normal;
  font-size: 10px;
  text-align: center;
}

.pagination a {
  line-height: 1.5em;
  padding: 0 5px 0 5px;
  border-right: 1px dashed gray;
}

.pagination a:hover {
  background: white;
}

#moreExamples {  
  position: absolute;
  display: inline;
  width: 200px;
  height: auto !important;
}

.window h3 img.close {
  float: right;
  margin: 3px 3px 0 3px;
}

.window {
  border: 3px solid #d3e3e8;
  z-index: 15000;
  position: absolute !important;
  margin-top: 25px;
  right: 260px;
  width: 500px;
}

.window p {
  text-align: justify;
}

.window_right {
  right: 10px !important;
}

.window .content {
  padding: 10px;
}

.window .title h3 {
	color: #fff;
  margin: 0;
  padding: 0 0 0 10px;	
}

#spojeni_z_select, #spojeni_do_select, .spojeni_prez_select {
  width: 160px;
  font-size: 90%;
}

.gbubble, .abubble {
  /*max-height: 200px;
  _height: 200px;
  overflow: auto;*/
}

.gbubble {
  width: 400px;
  margin-right: 20px;
  max-height: 300px;
  overflow: auto;
}

#top_bar input.inputbox {
  width: 40%;
  font-size: 90%;
}

#top_bar input.short {
  width: 20%;
}

#top_bar input.auto {
  width: auto;
}

#top_bar input.long {
  width: 90%;
}

#top_bar select {
  font-size: 90%;
}

div.label {
  /*border: 1px solid white;*/
}

#panel_content h4 {
  margin: 0;
  text-transform: uppercase;
  font-size: 100%;
}

#panel_opened #rpanel_spojeni_anchor {
  padding-right: 20px;
}

#spojeni_form2 .inputbox {
  font-size: 11px;
  height: 13px;
  width: 154px;
}

#spojeni_form2 p .inputbox {
  width: 137px;
}

#search_box #rezervace_form {
  padding: 5px 10px 0 5px;
}   

#rezervace_form td {
  padding: 0 5px 0 0;
}

#panorama {
  width: 320px;
}

#panorama_content {
  width: 300px;
  height: 200px;
}

.note {
  font-size: 80%;
  color: gray;
}

.gray {
  color: gray;
}

.bubble .icons img{
	position: relative;
	margin: 2px;
	top: 4px;
	border: 0px none;
}

img.calendar {
  cursor: pointer;
  border: 0;
  top: 4px;
  position: relative;
}


#hiddenFrame {
  visibility: hidden;
  left: -10000px;
  top: -10000px;
  position: absolute;  
}

/* QUICKFORM */

table.quickForm {
  width: 500px;
}

table.quickForm th {
  width: 200px;
  padding: 2px 10px 2px 5px;
  text-align: right;
  background: #E0ECEF;
  color: #0D4B5D;
}

table.quickForm .input, table.quickForm select {
  width: 250px;
}

table.quickForm .submitRow td {
  text-align: center;
}

p.center {
  text-align: center;
}

.login_submenu {
  font-size: 0.9em;
}

.login_submenu a {
  font-size: 0.9em;
  color: #0D4B5D;
  text-decoration: none;
}

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

/* ITINERAR */

#itinerar_user {
  background:url("/resource/img/itinerar/icon_user.png") no-repeat scroll left center transparent;
  padding:4px 0 3px 20px;
}

#itinerar_modul {
 /* background:url("/resource/img/itinerar/pencil_big.png") no-repeat scroll 95% 10% transparent;
  */
  padding:5px 3px;
  position: absolute;
  right: 0;
  height: 49px;
  font-size: 75%;
  width: 280px;
  top: 26px;
  z-index: 14000;
  background-color: #E0ECEF;
  border-left: 1px solid white;
} 

#itinerar_modul img.pencil {
  position: absolute;
  right: 10px;
  top: 3px;
}

#itinerar_modul a {
  text-decoration: underline;
  color: #800080;
  line-height: 150%;
}

#itinerar_select_vylet {
  width: 160px;
}

.itinerar_error, .itinerar_message, .itinerar_ok {
  text-align: center;
  font-size: 0.75em;
}

.itinerar_error, .itinerar_ok {
  font-weight: bold;
}

.itinerar_error {
  color: maroon;
}

.itinerar_ok {
  color: green;
}

#panorama .ui-resizable-sw {
  width: 16px;
  height: 16px;
  background: url(/resource/img/icon-resize-sw.png) top right no-repeat;
}

#rpanel_spojeni .minus {
  cursor: pointer; 
  position: relative; 
  top: 3px;
}

ul.bubble_tools {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-size: 90%;
}

ul.bubble_tools li {
  margin-bottom: 3px;
}

ul.bubble_tools li a {
  padding-left: 30px;    
  height: 20px;
  display: block;
  font-size: 90%;
}

a.itinerarAdd {
  background: url(/resource/img/itinerar/pencil.png) top left no-repeat;
}

a.addToRoute {
  background: url(/resource/img/button_icon_plus.png) top left no-repeat;
}

a.reportMistake {
  background: url(/resource/img/icon_report.png) top left no-repeat;
}

/* Context Menu */

.contextMenu {
  background: #43A6C4;
  border-color: #B0DDE9;
  border-width: 1px;
  border-style: solid;
  margin: 0;
  padding: 0px 0px 2px 0px;
  list-style-type: none;
  font-size: 80%;
  color: #FFFFFF;
  white-space:nowrap;
  z-index: 15000;
}

.contextMenuItem {
  cursor: pointer;
  padding: 5px 10px 5px 30px;
}

.contextMenuItem:hover {
  text-decoration: underline;
  background-color: #56bad8 !important;
}

.contextMenuItem_Idle {
  cursor: auto;
}

.contextMenuItem_Idle:hover {
  text-decoration: none;
}      

.contextMenu .contextMenuGPS {
  border-bottom: 1px solid #B0DDE9;
  background: url("/resource/img/icon_gpstarget.png") no-repeat 5px center transparent;
}

.contextMenu .addToRoute {
  background: url(/resource/img/button_icon_plus.png) 6px center no-repeat transparent;
}

.contextMenu .addMarker {
  background:url("/resource/img/icon_pin.png") no-repeat scroll 5px center transparent;
}

.contextMenu .reverseGeocode {
  border-bottom: 1px solid #B0DDE9;
  background:url("/resource/img/icon_address.png") no-repeat scroll 2px center transparent;
}

.contextMenu .addObject {
  background:url("/resource/img/icon_add_object.png") no-repeat scroll 5px center transparent;
}

.contextMenu .addEvent {
  border-bottom: 1px solid #B0DDE9;
  background:url("/resource/img/icon_add_event.png") no-repeat scroll 5px center transparent;
}

.contextMenu .zoomIn {
	background:url("/resource/img/icon_zoom_in.png") no-repeat scroll 5px center transparent;
}

.contextMenu .zoomOut {
	background:url("/resource/img/icon_zoom_out.png") no-repeat scroll 5px center transparent;
}

/* end Context Menu */

.highslide-close, .highslide-close * {
  cursor: pointer !important;
}

.highslide-move * {
  cursor: default;
}

.highslide-close a {
  display: block;
  width: 16px;
  height: 16px;
  float: right;
  position: relative;
  background: url(/js/highslide/graphics/closeX.png) no-repeat 50% 0px;
}

.highslide-close a:hover {
  display: block;
  width: 16px;
  height: 16px;
  float: right;
  background: url(/js/highslide/graphics/closeX.png) no-repeat 50% -16px;
}

.highslide-header {
  height: 20px;
}

body #tooltip {
  font-weight: normal;
  width: 450px;
  background-color: #43A6C4;
  color: white;
  border-color: #B0DDE9;
  opacity: 1;
  line-height: 110%;
  text-align: justify;
}

#tooltip h3 {
  font-weight: normal;
  font-size: 75%;
}

.search_results_wrapper {
  margin-bottom: 15px;
}

#more_login_opts {
  padding: 20px;
}

#facebook_login, #google_login {
  float: left;
  width: 49%;
  text-align: center;
  height: 50px;
  margin-bottom: 10px;
}

#facebook_login a {
  margin-top: 10px;
}

#openid_login {
  clear: both;
  text-align: center;
}

#openid_login label {
}

#openid_identifier {
  background: url(/resource/img/openid-small.gif) no-repeat left top;
  padding-left: 25px;
  border: 1px solid gray;
  width: 250px;
}

/* Facebook */

a.fb_button, a.fb_button_rtl, .fb_button, .fb_button_rtl {
  text-decoration:none;
}

.fb_button {
  color:#3B5998;
  text-decoration:none;
}

.fb_button, .fb_button_rtl {
  background:url("/resource/img/facebook.png") no-repeat scroll 0 0 #29447E;
  cursor:pointer;
  display:inline-block;
  outline:medium none;
  padding:0 0 0 1px;
  text-decoration:none;
}

.fb_button_medium, .fb_button_medium_rtl {
  background-position:left -188px;
  font-size:11px;
  line-height:14px;
}

a.fb_button, a.fb_button_rtl, .fb_button, .fb_button_rtl {
  text-decoration:none;
}



.fb_button .fb_button_text, .fb_button_rtl .fb_button_text {
  background:url("/resource/img/facebook.png") repeat scroll 0 0 #5F78AB;
  border-bottom:1px solid #1A356E;
  border-top:1px solid #879AC0;
  color:#FFFFFF;
  display:block;
  font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
  font-weight:bold;
  margin:1px 1px 0 21px;
  padding:2px 6px 3px;
  text-shadow:none;
}

/* Predpoved */

.predpoved h3, .predpoved_dnes h3 {
  clear: both;
}

.predpoved img, .predpoved_dnes img {
  border: 0 none;
}

.predpoved {
  float: left;
  width: 33%;
  text-align: center;
}

.predpoved_dnes {
  background: white;
  padding: 10px;
  border: 1px solid black;
}

.predpoved_dnes .pocasi, .predpoved_dnes .vitr_text, .predpoved_dnes p {
  float: left;
  width: 49.5%;
  text-align: center;  
}