@charset "utf-8";

body {
	margin:0;
	padding:0;
	width:100%;
	color:#5f5f5f;
	font:normal 12px/1.8em Arial, Helvetica, sans-serif;
}
html, .main {
	padding:0;
	margin:0;
}
html {
	background: #7b6da2 url(http://www.transped.cz/_css/images/4/all.png) repeat-x top left;
}

.main {
	padding:0;
	margin:0px auto;
	margin-top: 60px;
	margin-bottom: 10px;
	width: 1000px;
	border:1px solid #c2c1c1;
	background: #d6d2e2;
	border-radius: 12px 0px 12px 0px;
	-moz-border-radius: 12px 0px 12px 0px;
	-webkit-border-radius: 12px 0px 12px 0px;
	box-shadow: 2px 2px 5px #321c6f;
  -o-box-shadow: 2px 2px 5px #321c6f;
  -moz-box-shadow: 2px 2px 5px #321c6f;
  -webkit-box-shadow: 2px 2px 5px #321c6f;
}

.main_resize {
	margin:0 auto;
	padding:14px 0 0;
	background: transparent;
}

.fotohtml {
	padding:0;
	margin:0;
	background: #7b6da2 url(http://www.transped.cz/_css/images/4/all.png) repeat-x top left;
}

.clr {
	clear:both;
	padding:0;
	margin:0;
	width:100%;
	font-size:0;
	line-height:0;
}
.logo {
  position: relative;
	padding:10px;
	height: 110px;
	width:auto;
	background: #7b6da2;
	border-radius: 0px 0px 12px 0px;
	-moz-border-radius: 0px 0px 12px 0px;
	-webkit-border-radius: 0px 0px 12px 0px;
	box-shadow: 2px 2px 5px #321c6f;
  -o-box-shadow: 2px 2px 5px #321c6f;
  -moz-box-shadow: 2px 2px 5px #321c6f;
  -webkit-box-shadow: 2px 2px 5px #321c6f;
}

h1 {
	margin:0;
	padding:16px 0;
	color:#321c6f;
	font:normal 32px/1.2em Arial, Helvetica, sans-serif;
	letter-spacing:-3px;
	text-transform:uppercase;
}
h1 a, h1 a:hover {
	color:#fff;
	text-decoration:none;
}
h1 span {
	color:#fff;
}
h1 small {
	display:block;
	padding:0;
	font:normal 12px/1.2em Arial, Helvetica, sans-serif;
	letter-spacing:normal;
}
h2 {
	font:normal 24px Arial, Helvetica, sans-serif;
	padding:8px 0;
	margin:8px 0;
	color:#321c6f;
}
p {
	margin:8px 0;
	padding:0 0 8px 0;
	font:normal 12px/1.8em Arial, Helvetica, sans-serif;
}
a {
	color:#321c6f;
	text-decoration:underline;
}
.header, .content, .menu_nav, .fbg, .footer, form, ol, ol li, ul, .content .mainbar, .content .sidebar {
	margin:0;
	padding:0;
}
.header {
	background: transparent;
}
.header_resize {
	margin:0 auto;
	padding:0;
	width:970px;
}
.menu_nav {
	margin:0;
	margin-top: 4px;
	padding:6px;
	background: #321c6f;
	border-radius: 12px 0px 12px 0px;
	-moz-border-radius: 12px 0px 12px 0px;
	-webkit-border-radius: 12px 0px 12px 0px;
	box-shadow: 2px 2px 5px #321c6f;
  -o-box-shadow: 2px 2px 5px #321c6f;
  -moz-box-shadow: 2px 2px 5px #321c6f;
  -webkit-box-shadow: 2px 2px 5px #321c6f;
}
.menu_nav ul {
	list-style:none;
}
.menu_nav ul li {
	margin:0;
	padding:0 4px 0 0;
	float:left;
	background:no-repeat right center;
}
.menu_nav ul li a {
	display:block;
	margin:0;
	padding:4px 26px 4px;
	color:#fff;
	text-decoration:none;
	font-size:13px;
	background-color:#321c6f;
	border-radius: 12px 0px 12px 0px;
	-moz-border-radius: 12px 0px 12px 0px;
	-webkit-border-radius: 12px 0px 12px 0px;
}
.menu_nav ul li.active a, .menu_nav ul li a:hover {
  color: #321c6f;
	background:#d6d2e2 url(http://www.transped.cz/_css/images/4/menu_a.png) repeat-x bottom;
}

.searchform {
	margin:0 0 8px 0;
	padding:16px 32px 60px 0;
}
#formsearch {
	margin:0;
	padding:0;
}
#formsearch span {
	display:block;
	margin:6px 0;
	padding:0 8px 0 11px !important;
	padding:0 4px 0 6px;
	float:right;
	width:183px;
	background:#fff url(http://www.transped.cz/_css/images/4/search.gif) no-repeat top left;
}
#formsearch input.editbox_search {
	margin:0;
	padding:5px 0;
	float:left;
	width:180px;
	height:20px;
	border:none;
	background:none;
	font:normal 13px/20px Arial, Helvetica, sans-serif;
	color:#a8acb2;
}
#formsearch input.button_search {
	margin:6px 0 0 0;
	padding:0;
	border:none;
	float:right;
}


.loginform {
	margin:0 0 8px 0;
	padding:16px 32px 16px 0;
}
#formlogin {
	margin:0;
	padding:0;
}
#formlogin span {
	display:block;
	margin: 6px 0;
	margin-left: 30px;
	padding:0 8px 0 11px !important;
	padding:0 4px 0 6px;
	float:left;
	width:173px;
	background:#fff url(http://www.transped.cz/_css/images/4/search.gif) no-repeat top left;
}
#formlogin input.login, #formlogin input.pswd {
	margin:0;
	padding:5px 0;
	float:left;
	width:160px;
	height:20px;
	border:none;
	background:none;
	font:normal 13px/20px Arial, Helvetica, sans-serif;
	color:#a8acb2;
}
#formlogin input.button_login {
	margin:6px 0 0 0;
	padding:0;
	border:none;
	float:right;
}

.logindiv {
	margin:0 0 0 40px;
}

.content {
	background: transparent;
}
.content_resize {
	margin:0 auto;
	padding:6px 0 0;
	width:970px;
	background: transparent;
}
.content .mainbar {
	margin:0;
	padding:0;
	float:right;
	width:662px;
}

.content .mainbar .article {
	margin:0 0 8px 0;
	padding:16px 24px 16px 40px;
}
.content .sidebar {
	padding:0;
	float:left;
	width:300px;
}
.content .sidebar .gadget {
	margin:0 0 8px 0;
	padding:16px 16px 16px 40px;
}
ul.sb_menu, ul.ex_menu {
	margin:0;
	padding:0;
	list-style:none;
	color:#959595;
}
ul.sb_menu li, ul.ex_menu li {
	margin:0;
}
ul.sb_menu li {
	padding:4px 0 4px 12px;
	width:220px;
}
ul.sb_menu .selected{
	color:#de484d;
	font-weight:bold;
}
ul.ex_menu li {
	padding:4px 0 8px 12px;
}
ul.sb_menu li a, ul.ex_menu li a {
	color:#5f5f5f;
	text-decoration:none;
	margin-left:-12px;
	padding-left:12px;
	background:url(http://www.transped.cz/_css/images/4/li.gif) no-repeat left center;
}
ul.sb_menu li a:hover, ul.ex_menu li a:hover {
	color:#de484d;
	font-weight:bold;
}
ul.sb_menu li a:hover {
	text-decoration:underline;
}
ul.sb_menu li.active span.active {
	color:#de484d;
	font-weight:bold;
} 
ul.ex_menu li a:hover {
	text-decoration:none;
}
.content .mainbar .article, .content .sidebar .gadget, .fbg_resize, .searchform, .loginform {
	background: #b7afcf url(http://www.transped.cz/_css/images/4/containers.png) repeat-y left;
	border:1px solid #c2c1c1;
	border-radius: 12px 0px 12px 0px;
	-moz-border-radius: 12px 0px 12px 0px;
	-webkit-border-radius: 12px 0px 12px 0px;
	box-shadow: 2px 2px 5px #321c6f;
  -o-box-shadow: 2px 2px 5px #321c6f;
  -moz-box-shadow: 2px 2px 5px #321c6f;
  -webkit-box-shadow: 2px 2px 5px #321c6f;
}
.content .mainbar .article{
  background: #efeef1;
  border-radius: 12px 0px 12px 0px;
	-moz-border-radius: 12px 0px 12px 0px;
	-webkit-border-radius: 12px 0px 12px 0px;
}

.content .mainbar .comment {
  background: #fff;
	margin:0;
	padding:16px 0 0 0;
}
.content .mainbar .comment img.userpic {
	border:1px solid #dedede;
	margin:10px 16px 0 0;
	padding:0;
	float:left;
}
.fbg_resize {
	margin:0 auto;
	padding:24px 40px;
	width:886px;
}

.fbg .col {
	margin:0;
	float:left;
}
.fbg .c1 {
	padding:0 16px 0 0;
	width:348px;
}
.fbg .c2 {
	padding:0 16px 0 0;
	width:220px;
}
.fbg .c3 {
	padding:0 16px 0 0;
	width:270px;
}

.footer_resize {
	margin:0 auto;
	padding:24px 40px;
	width:890px;
}
.footer p {
	margin:0;
	padding:4px 0;
}
.footer a {
	color:#5f5f5f;
	text-decoration:underline;
}
.footer a:hover {
	text-decoration:none;
}
.footer .lf {
	float:left;
}
.footer .rf {
	float:right;
}
.footer a img {
	margin:0;
	border: 1px solid transparent;
}
.footer a:hover img {
	margin:0;
	border: 1px solid #DEC393;
}
ul.fmenu li a:hover, ul.fmenu li.active a {
	background:url(http://www.transped.cz/_css/images/4/menu_a.gif) repeat-x top;
	color:#fff;
}
ul.fmenu li a:hover {
	text-decoration:underline;
}
ol {
	list-style:none;
}
ol li {
	display:block;
	clear:both;
}
ol li label {
	display:block;
	margin:0;
	padding:16px 0 0 0;
}
ol li input.text {
	width:480px;
	border:1px solid #c0c0c0;
	margin:2px 0;
	padding:5px 2px;
	height:16px;
	background:#fff;
}
ol li textarea {
	width:480px;
	border:1px solid #c0c0c0;
	margin:2px 0;
	padding:2px;
	background:#fff;
}
ol li .send {
	margin:16px 0 0 0;
}

/*------- šablony článku ------------------------------------------------------------------------------*/

.article .admin_info{
  float: right;
  padding: 2px;
  font-size: 8pt;
  color: #474747;
}

.article .admin_info a{
  text-decoration: none;
}

.article_perex{
  display: block;
  background: #D5D5D5;
  float: left;
  overflow: hidden;
  margin: 4px;
  margin-right: 8px;
	border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;	
}

a:hover .article_perex{
  background: #DEC393;
}

.article_perex_inner{
  display: block;
  overflow: hidden;
  margin: 4px;
}

.article span.search-result{
  background: #FFBC73;
  padding: 0 1px 0 1px;
}

.article .w_table{
   border-collapse: collapse;
   border: 0px;
   width: 100%;
   margin: 0px auto;
}

.article .w_table td{
  font-size: 10pt;
  border: 1px solid #BABABA;
  padding: 2px 6px 2px 6px;
  text-align: right;
}

.article .t_head td{
  background: rgb(102,51,255);
  color: rgb(0,0,51);
}

.article .t_hr td{
  background: #006600;
}

.article .t_row td{
  color: rgb(0,0,51);
}

.article .destinace_label{
  color: black;
  background: #00CC00;
  padding: 2px;
  padding-right: 4px;
  padding-left: 4px;
	border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;	  
}

.article .destinace_label img{
  float: left;
  padding: 0px;
  margin: 0px;
  border: 0px;
}

/*------- šablony seznamů v článku ------------------------------------------------------------------------------*/

.article li {
  margin: 0; padding: 0;
}
.article ul, .article ol {
  margin: 1em 0 1em 1.3em; padding: 0;
  list-style-type: disc;
  padding-left: 40px; 
}
.article ul ul {
  list-style-type: square;
}
.article ul ul ul {
  list-style-type: circle;
} 

/*------- šablony náhledů v článku ------------------------------------------------------------------------------*/

.article a .thumb{
  border: 1px solid gray;
  text-align: center;
  margin: 2px;
}

.article a:hover .thumb{
  border: 1px solid #DEC393;
}

.article .thumb img{
  margin: 0px;
  border: 0px;
  padding: 0px;
}
/*------- šablony náhledů v trase ------------------------------------------------------------------------------*/

.article .route_thumb, .route_thumb_hover{
  height: 110px;
  width: 110px;
  border: 1px solid gray;
  background: rgb(183,183,183);
  text-align: center;
  float: left;
  margin: 2px;
  cursor: pointer;
  _cursor: hand;
}

.article .route_thumb_hover{
  border: 1px solid #3366CC;
}

.article .route_thumb img{
  margin: 0px;
  border: 0px;
  padding: 0px;
}

/*------- šablony formulářů v článku ------------------------------------------------------------------------------*/

.article .form_div{
  margin: 0px auto;
  padding: 0px;
  text-align: center;
}

.article .form_div #form_message{
  margin: 4px 0px 4px 0px;
  padding: 2px;
  display: block;
  background: #CCCC99;
  text-align: left;
	border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;	   
}

.article .form_div table{
   border-collapse: collapse;
   width: 100%;
   margin: 0px auto;
}

.article .form_div td{
  font-size: 10pt;
  border: 0px;
  padding: 2px 6px 2px 6px;
}

.article .form_div .pruhledna{
  background: transparent;
  border: 1px solid #C8C8C8;
}

.article .form_div .seda{
  background: #F0F0F0;
}

.article .form_div .bunka-leva{
  text-align: right;
  padding-left: 10px;
}

.article .form_div .bunka-prava{
  text-align: left;
  padding-right: 10px;
}

.article .form_div .bunka-stred{
  text-align: center;
}

.article .form_div input, .article .form_div textarea, .article .form_div select, .article .form_div submit{
  background: #FFFFCC;
  font-family: Arial;
  font-size: 10pt;
  border: 1px solid #C8C8C8;
  margin: 4px;
  padding-right: 2px;
  padding-left: 2px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.article .form_div select {
  background: #FFFFCC;
}

.article .form_div input.submit {
  background: #CCCC66;
  font-size: 12pt;
  border: 1px solid #C8C8C8;
  color: white;
  
  padding-right: 24px;
  padding-left: 24px;
  cursor: pointer;
  _cursor: hand;
}

.article .form_div input.radio, .article .form_div input.checkbox{
  position: relative;
  background: transparent;
  border: 1px solid #C8C8C8;
  margin: 4px;
  padding-right: 2px;
  padding-left: 2px;
}

.article .form_div textarea{
  padding: 4px;
  font-size: 10pt;
}

.article .form_div img{
  padding: 0px;
  margin: 0px;
  border: 0px;
  position: relative;
  top: 4px;
}

/*------- šablony kalendáře ------------------------------------------------------------------------------*/

#diary_head{
 border: 0px;
 margin: 0px;
}

#diary_head img{
 border: 0px;
 margin: 0px;
 padding: 0px;
}

#diary_head .right_arrow, #diary_head .left_arrow{
 display: block;
 height: 16px;
 width: 16px;
 border: 0px;
 margin: 0px;
 padding: 0px 0px 8px 0px; 
}

#diary_head .left_arrow{
  background: url(http://www.transped.cz/_css/images/4/diary_left.png) no-repeat 50% 50%;
  float: left;
}

#diary_head .right_arrow{
  background: url(http://www.transped.cz/_css/images/4/diary_right.png) no-repeat 50% 50%;
  float: right;
}

#diary_table {
}

#diary_table caption {
	padding-bottom: 5px;
	font-weight: bold;
}

#diary_table table {
	width: 100%;
	border-collapse: collapse;
	border-right: 1px solid #F5F2EF;
}

#diary_table thead th {
	padding: 5px 0;
	text-align: center;
	border-top: 1px solid #F5F2EF;
	border-left: 1px solid #F5F2EF;
	background: #F5F2EF;
}

#diary_table tbody {
	border-bottom: 1px solid #F5F2EF;
}

#diary_table tbody td {
	padding: 5px 0;
	text-align: center;
	border-top: 1px solid #F5F2EF;
	border-left: 1px solid #F5F2EF;
}

#diary_table tfoot td {
	padding: 5px;
}

#diary_table tfoot #prev {
	border-left: 1px solid #F5F2EF;
}

#diary_table #today {
	background: #E7F1E1;
}

#diary_table img{
 border: 0px;
 margin: 0px;
 padding: 0px;
}

#diary_table .right_arrow, #diary_table .left_arrow{
 display: block;
 height: 16px;
 width: 16px;
 border: 0px;
 margin: 0px;
 padding: 0px 0px 8px 0px; 
}

#diary_table .left_arrow{
  background: url(http://www.transped.cz/_css/images/4/diary_left.png) no-repeat 50% 50%;
  float: left;
}

#diary_table .right_arrow{
  background: url(http://www.transped.cz/_css/images/4/diary_right.png) no-repeat 50% 50%;
  float: right;
}

/*------- šablony aktuálních výletů ------------------------------------------------------------------------------*/

ul.info_menu, ul.info_menu ul {
	margin:0;
	padding:0;
	list-style:none;
	color:#959595;
}

ul.info_menu li{
	padding-left:12px;
}

ul.info_menu li.head{
	color:#de484d;
	font-weight:bold;
	text-decoration:none;
	margin: 0;
	background: url(http://www.transped.cz/_css/images/4/li.gif) no-repeat left 8px;
}

ul.info_menu li.head a{
	text-decoration:none;
}

ul.info_menu li.head a:hover{
	text-decoration:underline;
}

/*------- šablony náhledů fotek výletů ------------------------------------------------------------------------------*/


#route_thumbs a span{
  display: block;
  float: left;
  text-align: center;
	border:2px solid #e3e3e3;
	border-radius:12px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	margin: 8px;
	height: 112px;
	width: 112px;
}

#route_thumbs a:hover span{
	border: 2px solid #DEC393;
}

#route_thumbs a span img{
	margin:6px auto;
	padding:0;
	border:0;
}

/*------- šablony popup okna s fotkou ------------------------------------------------------------------------------*/

.fotoallbar
{
	padding: 0px;
	margin: 0px;
}

.fotoallbar img
{
	padding: 0px;
	margin: 0px;
	border: 0px;
	box-shadow: 2px 2px 5px #321c6f;
  -o-box-shadow: 2px 2px 5px #321c6f;
  -moz-box-shadow: 2px 2px 5px #321c6f;
  -webkit-box-shadow: 2px 2px 5px #321c6f;
}

.fotohead
{
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 0px;
	position: relative;
}

.fotoinfo
{
	background-color: red;
	border: 1px solid gray;
	margin: 0px auto;
	position: absolute;
  filter: alpha(opacity=0);
  opacity: 0;	
	top: 20px;
	left: 5%;
	width: 90%;
	padding-top: 6px;
	padding-bottom: 6px;
  border-radius: 6px;	
  -moz-border-radius: 6px;	
  -webkit-border-radius: 6px;	
}

.container_edit{
  margin: 2px;
  width: 20px;
  height: 20px;
  overflow: hidden;
  text-align: center;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px; 
  background: white;
  float: right;
  position: relative;
  cursor: pointer;
  _cursor: hand;  
}