* 
{
	font-family: "Trebuchet MS", "Tahoma" ; font-size: 12px;
	cursor: default;	
}
a,a span, p a, h1 a, a img{cursor:pointer;}


textarea {cursor: text;}

h1, a, img, form, div, p {margin: 0; padding: 0; border: 0;}
a {
	color: #008be1;
}
a:hover {
	text-decoration: none;
}
body 
{
	margin: 0px; padding: 0px;
	background: /*#e5f5ff*/ #e9eff9 url("../img/layout/html-bg.jpg") repeat-x ;
	background-position-top: 0px;
	
}
p {
	margin-bottom: 10px;
}
p.index-google {margin: 0; padding: 0; margin-top: 10px; margin-bottom: -10px;}
#main a.button-green 
{
	position: absolute;	width: 179px; height: 58px; padding-top: 5px; float:left;  overflow: hidden;
	background: url("../img/layout/button-green.gif") no-repeat;
	color: white; font-size: 18px; text-align: center; text-decoration: none; vertical-align: middle;
}
#main a.button-green:hover 
{
	background: url("../img/layout/button-green-hover.gif") no-repeat;
}
.hide {display: none;}
/**
 * HLAVICKA
 * */
#hlavicka { display: block; height: 71px; }
#hlavicka h1 {
	display: block; float: left; overflow: hidden;
	margin: 0; padding: 0;
	width: 323px; height: 71px;
	font-size: 1.3em; color: black;
}
#hlavicka h1 a {border: 0px; }
#hlavicka h1 span {
	position: absolute;
	width: 323px; height: 71px;
	background: url("../img/layout/logo-h1.gif");
	cursor:pointer;
}
#hlavicka .right{
	display: block; float: left; 
}
#main #hlavicka .right,#text #hlavicka .right {
	position: relative; top: 20px; left: 220px;
	width: 360px;
}
#hlavicka .right form a {
	color: #008be1;
	font-size: 11px;
}
#hlavicka .right form a:hover {
	text-decoration: none;
}
#hlavicka form p {

}

#hlavicka form input {
	display: block; float: left;
	height: 16px;
	margin-left: 10px; padding-left: 5px; padding-top: 3px;
	font-size: 11px;
	border: 1px solid #c8c8c8; 
}
#hlavicka .submit { 
	padding: 0;
	padding: 0 5px;
	height: 20px;
	overflow: hidden;
}

#hlavicka .right ul {position: absolute; list-style: none; padding: 0; margin: 0; top: 40px; margin-left: 40px; width: 600px;}
#hlavicka .right ul li {float: left;} 
#hlavicka .right ul li a {display: inline;  color:#0076c0; text-decoration: none; font-size: 12px;line-height: 25px; font-weight: bold; padding: 0 10px; }
#hlavicka .right ul li a:hover {text-decoration: underline;}
/**
 * RIBBON (HORNI BANNER)
 * */
#ribbon {
	display: block;
	height: 200px;	
	width: 100%;
	background: #438fc0 url("../img/layout/ribbon-bg.jpg") repeat-x;
}
#ribbon-flash {outline:none;}
/**
 * RIBBON 2 (MALY HORNI BANNER)
 * */
#ribbon-small 
{
	display: block; 
	height: 64px;
	width: 100%;
	background: #438fc0 url("../img/layout/ribbon2-bg.jpg") repeat-x;
}
#ribbon-small .banner-top {position: relative; width: 468px; margin: auto; top: 2px;}
#ribbon-small .vystredit {background-image: url("../img/layout/ribbon-small-img.jpg");}

/**
 * 	VYSTREDIT
 * */
div.vystredit {
	display: block; 
	width: 900px; 
	margin: auto;
}

div.vystredit div.reklama 
{
	display: block;
	width: 730px;
	margin: auto; 
	margin-bottom: 10px;
}
/**
 * #Body
 */
#body {
	padding-top: 15px; padding-bottom: 15px;
	background-color: /*#e5f5ff*/ #e9eff9;

}
/***
 * .Text 
 */
#body .textcontent 
{
	display: block;
	margin: auto;
	width: 878px;
	
	background-color: #ffffff; border-left: 1px solid #bebfc0; border-right: 1px solid #bebfc0; 
	
}
#body .textcontent  .obsah
{
	padding: 0 20px;
}
#body .textcontent  .obsah h1 {font-size:18px; text-transform:uppercase; color:#85c226; padding-bottom: 10px;}
#body .textcontent  .obsah h2 {font-size: 16px; text-transform: uppercase; color:#11a4ff;}
#body .textcontent  .obsah td h2 {margin-left: -10px;}
#body .textcontent .obsah h3 {font-size: 14px; color:#11a4ff; text-transform:none;}
#body .textcontent  .obsah p {}
#body .textcontent  .obsah p.source {font-family:"Courier New", Courier, monospace;}
#body .textcontent  .obsah ul {}
#body .textcontent  .obsah img {}
#body .textcontent  .obsah strong, #body .text .obsah b {color:#f48a00; font-weight: bold;}
#body .textcontent  .obsah a {text-decoration: underline; color:#008be1;}
#body .textcontent  .obsah a:hover {text-decoration: none;}
#body .textcontent  .obsah table {width: 800px;}
	#body .textcontent .obsah table.forms {width: 350px;}
	#body .textcontent .obsah table tr th {background-color:#4f81bd; padding-top: 5px; padding-top: 5px; color: white;text-align: center; }
	#body .textcontent .obsah tr td, #body .textcontetn .obsah tr th {padding: 2px 10px; }
	#body .textcontent .obsah table tr.odd td {background-color: #dbe5f1; color: black;}
	#body .textcontent .obsah table tr.even td {background-color: white; color: black;}
	#body .textcontent .obsah table td.center {text-align: center;}

#body .text-heading, #body .text-leading {width: 880px; display: block; height: 21px; margin: auto;}
#body .text-heading { background: url("../img/layout/text-heading.gif") no-repeat; }
#body .text-leading { background: url("../img/layout/text-leading.gif") no-repeat; }
/**
 * #left
 * */
#left {
		display: block;	float: left; width: 450px; overflow: hidden;
}
/*NABIDKA*/
#left .nabidka {
	width: 425px; position: relative; overflow:auto; left: 12px;
}
/*nabidka heading*/
#left .nabidka ul {list-style: none; margin: 0; padding: 0; margin-top: 2px;}
#left .nabidka ul li {float: left; }
#left .nabidka ul li span {
	display: block;  height: 29px; line-height: 29px;  float: left; color: #7fb923; font-size: 14px; font-weight: bold; overflow: hidden;
	text-align: center;  outline:none; text-decoration: none;
}
#left .nabidka li a {text-decoration: none;}
#left .nabidka li a:hover {text-decoration: underline;}
#left .nabidka li.m01 span { width: 213px; background: url("../img/layout/nabidka-button-left-active.gif") no-repeat; clear: both;}
#left .nabidka li.m01 span.active { width: 213px; background: url("../img/layout/nabidka-button-left-active.gif") no-repeat; clear: both;}
#left .nabidka li.m01 span.inactive { width: 213px; background: url("../img/layout/nabidka-button-left-inactive.gif") no-repeat; clear: both;}
#left .nabidka li.m02 span.active { display: block; width: 212px; height: 29px; background: url("../img/layout/nabidka-button-right-active.gif") no-repeat;  }
#left .nabidka li.m02 span { display: block; width: 212px; height: 29px; background: url("../img/layout/nabidka-button-right-inactive.gif") no-repeat;  }
#left .nabidka li.m02 span.inactive { display: block; width: 212px; height: 29px; background: url("../img/layout/nabidka-button-right-inactive.gif") no-repeat;  }
/*nabidka obsah*/
#left .nabidka .obsah {background-color: #ffffff; margin-top: -2px; border-left: 1px solid #bebfc0; border-right: 1px solid #bebfc0; }
#left .nabidka .obsah {height: 328px; overflow-y:scroll; padding-top: 5px; }
/*nabidka obsah radek*/
#left .nabidka .obsah .jizda {display: block; width: 370px; margin: auto; border-bottom: 1px solid; border-color: #dadada; padding-bottom: 6px; }
	#left .nabidka .obsah .jizda.last {display: block; width: 370px; margin: auto; border: 0; padding-bottom: 6px; }
	#left .nabidka .obsah .jizda.prihlasen { background-image: url("../img/layout/prihlasen.gif"); background-repeat: no-repeat; background-position: right bottom; }
	#left .nabidka .obsah .jizda.vasepoptavka { background-image: url("../img/layout/vasepoptavka.gif"); background-repeat: no-repeat; background-position: right bottom; }
#left .nabidka .obsah .jizda .avatar { display: block; width: 35px; margin-top: 6px; float: left; }
#left .nabidka .obsah .jizda .udaje { width: 335px; float: left; }
#left .nabidka .obsah .jizda .udaje .username,#left .nabidka .username a { color: black; font-size: 12px; font-weight: bold; text-decoration: none;}
	#left .nabidka .username a:hover {color:#fb8b39;}
#left .nabidka .obsah .jizda .udaje .hodnoceni {color:#7fb923; font-weight: bold;}
#left .nabidka .obsah .jizda .udaje .mista {color:#fa6a00; font-weight: bold;}
#left .nabidka .obsah  .udaje .volna-mista {color:#fa6a00; font-weight: bold;}
#left .nabidka .obsah .jizda .udaje .cesta {color:#07324c; font-weight: bold;}
	#left .nabidka .obsah .jizda.active .udaje .cesta a {color: #fb8b39; font-size: 15px; font-weight: bold; text-decoration: none;}
	#left .nabidka .obsah .jizda .udaje .cesta a {color: #0183d3; font-size: 15px; font-weight: bold; text-decoration: none;}
		#left .nabidka .obsah .jizda .udaje .cesta a:hover {color:#fb8b39;}
#left .nabidka .obsah .jizda .udaje .cas {color: #8F8F90; font-weight: bold; font-size: 12px;}


/*nabidka leading, heading*/
#left .nabidka .leading {display: block; height: 21px; background: url("../img/layout/nabidka-leading.gif") no-repeat; }
/*KONEC NABIDKA*/

/**
 * #right
 * */
#right {
	display: block;	float: left; width: 450px; overflow: hidden;
}
/* upoutavka */
#right .upoutavka 
{
	display: block; 
	width: 433px; height: 384px;
	margin: 0 10px;
	background: url("../img/layout/right_logged_out.gif") no-repeat;
	
}

#right .upoutavka .text {position: relative; top: 50px; margin: 15px;
}
#right a {color: #039cff; text-decoration: underline;}
	#right a:hover {text-decoration: none;}
	#right .upoutavka a.button { position: relative; display: block; float: left; width: 160px; height: 53px; left: 259px; top: 20px; text-align: center; vertical-align: middle; 
								 background: url("../img/layout/button_pripojte_se.gif"); background-repeat: no-repeat; background-position: 0 0px;
								 color: white; text-decoration: none;  font-size: 16px; padding-top: 7px; overflow-y: hidden; font-weight: bold; }
	#right .upoutavka a.button:hover { background-position: 0 -60px;}
	#right .upoutavka .text p {color: #ffffff; font-size: 12px; margin: 0 0px; padding-bottom: 13px; font-weight: bold;}
	#right .upoutavka .text strong { font-size: inherit; font-weight: bold; color: #edc028;}
		#right .upoutavka .text strong.nadpis { font-size: 16px; }

/* DETAIL */
#right .detail {
	width: 425px; position: relative; overflow:auto; left: 12px;
}
/** nabidka heading 
#right .detail ul {list-style: none; margin: 0; padding: 0; margin-top: 2px;}
#right .detail ul li {float: left; }
#right .detail ul li a {
	display: block;  height: 29px; line-height: 29px;  float: left; color: #7fb923; font-size: 14px; font-weight: bold; overflow: hidden;
	text-align: center;  outline:none; text-decoration: none;
}
#right .detail li a:hover {text-decoration: underline;}
#right .detail li.m01 a { width: 213px; background: url("../img/layout/nabidka-button-left-active.gif") no-repeat;}
#right .detail li.m02 a { width: 212px; background: url("../img/layout/nabidka-button-right-inactive.gif") no-repeat;}
*/
/* MENU */
#right .radek .menu {position: absolute; left: 20px; top: 115px; float: left; z-index: 3;}
	#right .radek .menu ul {list-style: none; margin: 0; padding: 0;}
		#right .radek .menu li {display: block; width: 40px; margin-right: 4px; height: 40px; float: left; overflow: hidden;}
		#right .radek .menu a {border: 0px;}
		#right .radek .menu a span {position: absolute; width: 40px; height: 40px;}
			
		#right .radek .menu li.m01 a span {background: url("../img/layout/detail-menu/odhlasit.gif");}
		#right .radek .menu li.m02 a span {background: url("../img/layout/detail-menu/pripojit.gif");}
		#right .radek .menu li.m03 a span {background: url("../img/layout/detail-menu/facebook.gif");}
		#right .radek .menu li.m04 a span {background: url("../img/layout/detail-menu/zrusit.gif");}
		#right .radek .menu li.m05 a span {background: url("../img/layout/detail-menu/smazat.gif");}
		#right .radek .menu li.m06 a span {background: url("../img/layout/detail-menu/hodnotit.gif");}
		#right .radek .menu li.m07 a span {background: url("../img/layout/detail-menu/upravit.gif");}
			#right .radek .menu li a:hover span {background-position: 0 40px; } 
/*nabidka obsah*/
#right .detail .obsah {background-color: #ffffff; margin-top: -2px; border-left: 1px solid #bebfc0; border-right: 1px solid #bebfc0; }
#main #right .detail .obsah {height: 292px; overflow-y:scroll; padding-top: 5px; }
/*nabidka obsah radek*/
#right .detail .obsah .radek {display: block; width: 370px; margin: auto; border-bottom: 1px solid #bebfc0; padding-bottom: 3px; }
#right .detail .obsah .radek.last {border:0;}
#right .detail .obsah .radek .avatar { display: block; width: 70px; margin-top: 6px; float: left; }
#right .detail .obsah .radek .udaje { width: 300px; float: left; }
#right .detail .obsah .radek .udaje .username, #right .detail .username a { color: #0183d3; font-size: 18px; font-weight: bold; text-decoration: none;}
	#right .detail .username a:hover {color:#fb8b39;}
#right .detail .phone {color: #039cff ; font-size: 14px; font-weight: bold;}

#right .detail .left {float: left; display: block; width: 175px;  }
#right .detail .right {position: relative; display: block;  float:left; width: 115px; height: 150px; }

#right .detail .radek .udaje .hodnoceni {position: relative; display: block; width: 113px; height: 68px; background: url("../img/layout/hodnoceni-bg.gif") no-repeat; float: left; color:#23f600; font-weight: bold;  color: white;}
	#right .detail .radek .udaje .hodnoceni .kladne, #right .detail .radek .udaje .hodnoceni .zaporne { top: 30px; font-size: 18px; display: block; float: left; position: relative; width: 55px; text-align:center;}
	#right .detail .radek .udaje .hodnoceni .kladne{ left: 5px; }
	#right .detail .radek .udaje .zaporne{ }

#right .detail .radek .udaje .volna-mista {position: relative; display: block; width: 113px; height: 68px; background: url("../img/layout/cena-bg.gif") no-repeat; float: left; color:#23f600; font-weight: bold;  color: white;}
	#right .detail .radek .udaje .volna-mista .mista { top: 5px; font-size: 18px; display: block; float: left; position: relative; width: 113px; text-align:center;}
	#right .detail .radek .udaje .volna-mista .text { top: 8px; font-size: 11px; display: block; float: left; position: relative; width: 113px; text-align:center; }
	#right .detail .radek .udaje .volna-mista .cena { top: 10px; font-size: 11px; display: block; float: left; position: relative; width: 113px; text-align:center;}


/*#right .detail .radek .udaje .volna-mista {display: block; position: relative; color:#ff6700; font-weight: bold; width: 80px; text-align: center; }
	#right .detail .radek .udaje .volna-mista .mista {font-size: 20px;}
	#right .detail .radek .udaje .volna-mista .pocet {font-size: 10px;}
	#right .detail .radek .udaje .volna-mista .cena {font-size: 10px;}*/
#right .detail .obsah .radek .udaje .cesta {color:#07324c; font-weight: bold;}
#right .detail .obsah .radek .udaje .cas {color:#07324c; font-weight: bold; font-size: 12px;}
#right .detail .obsah .radek table  { border-collapse: collapse; width: 100%; }
	#right .detail .obsah .radek table th {vertical-align: top; text-align: left; padding: 1px 5px; font-weight: bold; }
		#right .detail .obsah .radek table th,#right .detail .obsah .radek table td { }
		#right .detail .obsah .radek table tr.even th,#right .detail .obsah .radek table tr.even td { background: #dce8f5/*#e4f5ff*/; }
		td {word-wrap:break-word;}
/** comment */
#right .comment {border-bottom: 1px dashed #bebfc0; vertical-align: middle; padding-top: 5px; margin: 5px 0; padding-bottom: 5px; }
#right .comment.last {border: 0;}
	#right .detail .obsah .comment .avatar { display: block; width: 35px; float: left; margin-top:5px; }
	#right .detail .obsah .comment .text { display:block; width: 338px; word-wrap: break-word; -ms-word-wrap:break-word; margin-bottom: 5px;  overflow: hidden; }
	#right form textarea.textclosed {width: 100%; height: 20px; border: 1px solid #bebfc0; color: #bebfc0; }
	#right #textareacomment.textopen {width: 100%; height: 100px; border: 1px solid #bebfc0;  color: black;}

/*nabidka leading, heading*/
#right .detail .heading {display: block; height: 21px; background: url("../img/layout/nabidka-heading.gif") no-repeat; }
#right .detail .leading {display: block; height: 21px; background: url("../img/layout/nabidka-leading.gif") no-repeat; }


/**
 * #RIGHT MAIN LOGGED
 */

#main-logged {display: block; width:450px; background-image: url("../img/layout/right_logged_in.gif"); background-repeat: no-repeat; height: 530px; color: white;  }
#main-logged .text { margin: 15px; margin-top: 0; padding-top: 15px; }
#main-logged .text * {font-size: 13px;}
#main-logged a {text-decoration: underline; color: white; font-size: 13px; }
	#main-logged a:hover {text-decoration: none;}
#main-logged .avatar {position: relative; display: block; width: 70px; margin-top: 5px; float: left;  }


#main-logged .detaily {position: relative; display: block;  width: 210px; float: left; margin-bottom: 15px; }

#main-logged .detaily .nick {font-weight: bold; font-size: 19px; }

/* hodnoceni */
#main-logged .text .hodnoceni {position: relative; display: block; width: 113px; height: 68px; background: url("../img/layout/hodnoceni-bg.gif") no-repeat; float: left; color:#23f600; font-weight: bold;  color: white;}
	#main-logged .text .hodnoceni .kladne, #main-logged .text .hodnoceni .zaporne { top: 30px; font-size: 18px; display: block; float: left; position: relative; width: 55px; text-align:center;}
	#main-logged .text .hodnoceni .kladne{ left: 5px; }
	#main-logged .text .hodnoceni .zaporne{ }
/* MENU */
	#main-logged .menu ul {list-style: none; margin: 0; padding: 0;}
		#main-logged .menu li {display: block; width: 40px; margin-right: 4px; height: 40px; float: left; overflow: hidden;}
		#main-logged .menu a {border: 0px;}
		#main-logged .menu a span {position: absolute; width: 40px; height: 40px;}
			
		#main-logged .menu li.m01 a span {background: url("../img/layout/logged-menu/profile.gif");}
		#main-logged .menu li.m02 a span {background: url("../img/layout/logged-menu/settings.gif");}
		#main-logged .menu li.m03 a span {background: url("../img/layout/logged-menu/rides.gif");}
		#main-logged .menu li.m04 a span {background: url("../img/layout/logged-menu/search.gif");}
		#main-logged .menu li.m05 a span {background: url("../img/layout/logged-menu/admin.gif");}
			#main-logged .menu li a:hover span {background-position: 0 40px; } 

#main-logged .detaily strong {font-weight: bold;}



#main-logged .text h2 { font-size: 21px; margin-bottom: 5px; padding-bottom: 0px;  }

#main-logged .wall {}
	#main-logged .wall ul {list-style: none; margin: 0px; margin-left: 10px; padding: 0px;}
	#main-logged .wall ul li .datum {font-weight: bold; font-size: 11px; }

	

/*KONEC NABIDKA*/
/**
 * PATICKA
 * */
#paticka 
{
	display: block; overflow:hidden;
	width: 880px; height: 100px; margin: auto;
	background: #003b5f url("../img/layout/footer-bg.jpg") no-repeat;
	color: #ffffff;
}
#paticka .obsah 
{
	display: block; 
	width: 900px; 
	margin: auto; padding-top: 10px;
}
#paticka ul {list-style: none; padding: 0px; margin: 0px; float: left; }
#paticka ul li {float: left; margin-left: 20px; }
#paticka a { color: #ffffff; text-decoration: underline; }
#paticka a:hover {text-decoration: none; }
#paticka span.signature {position: relative; float: right;  margin-right: 50px; }

.clear { clear: both; }
/**upravy na stranky */
#home-logged #left .nabidka .obsah {height: 400px;}
.width130 {width:130px;}
input.error {
	border: 1px dashed red;
	background-color: #fff;
	margin: 1px;
	color: red;
}

label.error {
	display: inline;
	left: 164px;
}

a {
	cursor: pointer;
}

.radek.google {height: 60px; overflow: hidden;}
