/** {
margin: 0;
padding: 0;
}*/
ul, ol, li, h1, h2, h3, h4, p, span, div, a, img, strong, body, dl, dd, dt {
margin:0;
padding:0;
}

body {
/*color:#9B9B67;*/
color:#70704b;
font:9pt Arial,Verdana,sans-serif;
line-height:1.4em;
text-align:justify;
background:url(body.gif) top left repeat-x;
}

a {
   font-size: 9pt;
}

a:link, a:visited { color:#58564F; }
a:hover, a:active { color:#9B9B67; text-decoration: none; }

#pagename,#page-homepage #pagetitle, hr, #loginForm legend, #logoutForm legend, .hidden {
display:none;
}

ul li {
list-style:none;
}

ol li {
margin-left: 20px;
}

small {
font-size:100%;
}

p {
padding: 5px 0;
}

.clear {
   clear: both;
}

.page {
width:100%;
}

.main {
background:#F7F8ED url(main.gif) top center no-repeat;
margin:30px 0 0 0;
}

#header {
position:absolute;
height:214px;
top:30px;
width: 100%;
margin: 0;
padding: 0;
z-index: 1;
}
#header-box {
background:url(header.png) bottom center no-repeat;
width:750px;
height:214px;
margin:0 auto;
}

#logo {
padding: 5px 0 0 8px;
}
#logo-over {
display:block;
position:absolute;
width:200px;
height:50px;
margin-top:-10px;
margin-left:4px;
}
#logo a img {
border: none;
}

#logo-box {
top: 80px;
left: 20px;
/*color:#757e04;*/
color:#70704b;
width:300px;
height:40px;
font-size:11pt;
font-weight: bold;
text-align:left;
/*margin:90px 0 0 25px;*/
position:relative;
}

#logo-box a {
left:300px;
top: -25px;
position:relative;
display:block;
color:#FFF;
font-size:11px;
width:71px;
height:16px;
padding:2px 0;
background:url(logo-box-button.gif) top left no-repeat;
text-align:center;
/*padding:1px 0 5px 9px;*/
}

#motto {
visibility:hidden;
}

#menubonus {
position:absolute;
top:-25px;
left:50%;
margin:0 0 0 150px;
}

#menubonus li {
float:left;
}

#menubonus a {
color:#FFF;
padding:0 10px;
}

#menubonus span {
color:#3B3933;
font-size:100%;
}

#area {
width:750px;
margin:0 auto 0 auto;
}

#menu1 {
float:left;
height:53px;
width:741px;
margin:5px 0 0 5px;
margin-top:219px;
background:url(menu1.gif) top left no-repeat;
}

#random-logged #menu1 {
background:url(menu1-1.gif) top left no-repeat;
}

#menu1 li {
float:left;
}

#menu1 a {
display: block;
height:45px;
text-decoration:none;
}


#m11i-uvod a {
width:135px;
background:url(m11i-uvod.gif) top left no-repeat;
margin:4px 10px 0 5px;
}
#m11i-vylety a {
width:75px;
background:url(m11i-vylety.gif) top left no-repeat;
margin:4px 10px 0 11px;
}
#m11i-vyletnici a {
width:87px;
background:url(m11i-vyletnici.gif) top left no-repeat;
margin:4px 10px 0 11px;
}
#m11i-forum a {
width:78px;
background:url(m11i-forum.gif) top left no-repeat;
margin:4px 10px 0 11px;
}
#m11i-vyznamna-mista a {
width:140px;
background:url(m11i-vyznamna-mista.gif) top left no-repeat;
margin:4px 10px 0 11px;
}
#m11i-registrace a {
width:111px;
background:url(m11i-registrace.gif) top left no-repeat;
margin:4px 5px 0 11px;
}

#m11i-muj-profil a {
width:111px;
background:url(m11i-muj-profil.gif) top left no-repeat;
margin:4px 5px 0 11px;
}

#menu1 a:hover {
background:none;
}

#menu1 span {
visibility:hidden;
}

a#m1active {
background:none;
}


#container {
clear:both;
float:left;
width:740px;
background:url(container.gif) top left repeat-y;
margin:5px 0 0 5px;
display: inline;
}

#photo-detail #container, #page-vyhledavani #container {
background:#ECECDC;
}

#page-homepage #container {
background:url(container-hp.gif) top left repeat-y;
}

#container-box {

}

#page-homepage #container-box {
background:url(hp.gif) bottom left no-repeat;
}

#content {
float:left;
width:491px;
}

.loc-1 {
float:left;
width:243px;
}

.loc-2 {
float:right;
width:243px;
}

#content h3 {
font-size:130%;
font-weight:normal;
color:#58564F;
/*background:#E1E1C9 url(box-content.gif) top left no-repeat;*/
background:#E1E1C9;
padding:12px 0 11px 15px;
clear:both;
}

#page-homepage #content h3 {
font-size:130%;
font-weight:normal;
color:#58564F;
background:#E1E1C9 url(box-content-hp.gif) top left no-repeat;
padding:12px 0 11px 15px;
}

#page-statistiky #content h3 {
margin-top:30px;
}

#page-homepage #content .box {
background:url(box-content-bottom-hp.gif) bottom left no-repeat;
}

#column {
float:right;
width:244px;
}

#column h3 {
font-size:130%;
font-weight:normal;
color:#58564F;
background:#CBCBB3 url(box-column.gif) top left no-repeat;
padding:12px 0 11px 15px;
}

#column .box {
background:url(box-column-bottom.gif) bottom left no-repeat;
}

.box-content {
padding:13px 15px 15px 15px;
}

.btn-more {
padding:10px 0 2px 0;
clear: left;
}

.btn-more a, .back-button a {
color:#A3AA47;
font-weight:bold;
font-size:110%;
}

#footer {
clear:both;
height:82px;
text-align:center;
background:#EFF2DC url(footer.gif) top left repeat-x;
}

#menu4 {
width:430px;
font-size:110%;
margin:0 auto;
}

#menu4 li{
float:left;
padding:15px 10px;
}


#copyright {
clear:both;
}



/* formulare */
div.formitem, .reqnote {
clear:both;
padding: 5px 0 5px 0;
}
label {
float: left;
width: 100px;
text-align: right;
padding-right: 5px;
}
input {
}
fieldset {
border: 1px solid #9B9B67;
}
legend {
padding: 0 5px;
margin: 0 5px;
}
fieldset {
padding: 3px;
}
input.submit {
background:url(login-input-submit.gif) top left no-repeat;
width:71px;
height:20px;
/*padding: 2px 3px;*/
font-size: 80%;
color:white;
}
input.submit-small {
width:30px;
}
input.text, input.password {
border:none;
height:19px;
width:120px;
background:url(login-input.gif) top left no-repeat;
}
.required, .quick-form-required-note-asterisk{
color: red;
font-weight: bold;
font-size: 130%;
}
.quick-form-required-note-text, .error {
color: red;
font-weight: bold;
font-size: 110%;
}
.mceEditor {
clear:both;
}

/* krivy obrazek */
#photo {
position:absolute;
top:80px;
width: 100%;
color:#58564F;
z-index: 0;
}
#photo-box {
margin: 0 auto;
width: 340px;
padding-left: 400px;
}

#layer1-bonus {
margin-left:auto;
margin-right:auto;
width:750px;
}

/*Prihlaseni*/
#loginForm {
width:380px;
margin-left:auto;
margin-right:auto;
margin-top:-8px;
padding-left:365px;
}

#layer1 {
position:absolute;
top:44px;
width:100%;
color:#58564F;
z-index:3;
}

.header {
border:none;
}

#useruserId, #userpassword  {
border:none;
height:13px;
width:114px;
background:url(login-input.gif) top right no-repeat;
}

.formitem-useruserId .element, .formitem-userpassword .element, .formitem-userlogin .element {
position:absolute;
float:none;
width:auto;
margin:0 0 0 -34px;
padding:2px 0 0 0;
}

#loginForm input {
color:#a3aa47;
font-size:11px;
padding:3px;
}

#loginForm .formitem {
float:left;
clear:none;
}

#loginForm .reqnote, #loginForm .required {
display: none;
}

.formitem-useruserId {
width:164px;
}

#loginForm input.submit {
border:none;
width:71px;
height:20px;
color:#FFF;
font-size:11px;
background:url(login-input-submit.gif) top left no-repeat;
/*padding:2px 3px;*/
padding:2px 0;
margin:0 0 0 8px;
}

#loginForm p {
position:relative;
top:-10px;
float:left;
text-align:right;
width:362px;
color:#9b9b67;
}

.formitem-lostpassword, .formitem-pernamentLogin {
/*outline:1px solid red;*/
}

.formitem-lostpassword {
width:240px;
text-align:right;
margin-top:-5px;
}
.formitem-lostpassword a {
/*outline:1px solid red;*/
padding:0;
margin:0;
}

.formitem-pernamentLogin {
width:120px;
margin-top:-5px;
margin-left:10px;
}
.formitem-pernamentLogin label, .formitem-pernamentLogin input {
float:right;
width:auto;
}

.formitem-userlogout {
/*float:right;*/
/*width:71px;*/
width:80px;
margin-top:-15px;
}

#userlogout {
/*
position:relative;
top:-26px;
left:185px;
height:20px;
width:71px;
*/
}


/*Box vylety*/

h4{
font-size:110%;
padding:0 0 5px 0;
}

.trips-box .btn-more {
padding:5px 0 12px 0;
}

#random-trip {
clear:both;
padding-top:15px;
}

/* statistiky */
dl {
clear: both;
}
dt {
float: left;
}
dd {
float: left;
font-weight: bold;
margin-left: 5px;
}

/* styl bezne stranky */
#pagetitle h1 {
font-size: 140%;
color:#58564F;
/*background:#E1E1C9 url(box-content.gif) top left no-repeat;*/
background:#E1E1C9;
padding:12px 0 11px 15px;
}
#work {
padding:13px 15px 15px 15px;
}
#page-homepage #work {
padding:0;
}
#content {
overflow:hidden;
}

/* vypis vyletu */
ul.trips {
padding-top: 10px;
clear: both;
}
ul.trips li {
padding-bottom: 10px;
}
ul.trips h4, ul.trips div.user {
float: left;
}
ul.trips div.date {
font-weight: bold;
float: right;
}
ul.trips div.user {
margin-left: 5px;
}
ul.trips p.description {
clear: both;
}
ul.trips h4 {
font-size: 120%;
}

/* strankovani */
div.pager-navigation {
clear:both;
padding-top:5px;
}
div.pager-navigation .pager-first, div.pager-navigation .pager-back, div.pager-navigation .pager-pages, div.pager-navigation .pager-next, div.pager-navigation .pager-last {
float: left;
}
div.pager-navigation a {
/*font-size: 130%;*/
padding: 0 1px 0 1px;
}
a.pager-current-page {
font-weight:bold;
text-decoration:none;
}
.pager-pages {
padding-bottom:10px;
}

.pager-pages a {
float: left;
}

/* detail vyletu */
#gallery-thumbnails {
margin: 3px;
}
#gallery-thumbnails li {
float: left;
padding: 2px;
}
#gallery-thumbnails li a {
display: block;
width: 60px;
height: 60px;
}
#gallery-thumbnails li a img, #gallery-thumbnails li a:visited img {
opacity: 0.75;
filter: alpha(opacity=75);
border:none;
}
#gallery-thumbnails li a:hover img, #gallery-thumbnails li a:active img {
opacity: 1;
filter: alpha(opacity=100);
border:none;
}
div.trip-description {
clear: both;
padding-top: 5px;
}
#gallery-thumbnails li input.checkbox {
position:relative;
top:17px;
left:0px;
}
/* detail fotky */
#gallery-buttons ul li {
float: left;
padding: 3px;
font-size: 120%;
}
#bigpic {
clear:both;
margin: 0 auto;
border: 7px solid #fff;
background:#fff;
}
#bigpic-box {
}
#bicpic-box-content {

}
/*
#bigpic {
clear:both;
width:100%;
text-align:center;
}
#bigpic-box {
display: inline-block; 
display: inline; 
zoom: 1; 
}
body:lang(cz) div#bigpic-box {
display: table;
margin: 0 auto;
text-align: inherit;
}
div#bigpic-box-content {
float: left;
margin: 0;
padding: 0;
list-style: none;
}
 
body:lang(cz) div#bigpic-box-content {
display: table-cell;
}
*/
#bigpic a {
font-size:0;
line-height:0;
display:block;
border:none;
}
#bigpic-img {
border: 0;
}
#bigpic-desc {
clear:both;
background:#FFF;
}
#bigpic-desc h2 {
text-align:center;
font-size:120%;
padding:4px;
color:#58564F;
}
#bigpic-desc form {
margin:0;
padding:0;
}
#bigpic-desc form textarea {
border:none;
background:#ddd;
width: 100%;
color:#58564F;
}

/*
* html #bigpic-desc form textarea {
width:auto;
display:block;
}*/

#bigpic-desc form input.editor_ok_button, #bigpic-desc form a.editor_cancel {
background:url(login-input-submit.gif) top left no-repeat;
width:71px;
height:20px;
float:left;
margin-top:10px;
border:none;
color:#FFF;
font-size:100%;
cursor:pointer;
/*margin:0;
padding:0;*/
}
#bigpic-desc form a.editor_cancel {
display:block;
line-height:20px;
text-decoration:none;
text-align:center;
color:#FFF;
margin-left:5px;
}
/* vypis vyletniku */
ul.users {
clear:both;
padding-top: 20px;
}
ul.users li {
float: left;
padding: 5px;
width: 104px;
height: 130px;
}
ul.users li.narrow {
float: left;
padding: 1px;
width: 104px;
height: 130px;
}
ul.users li a img {
border: none;
}
li.profiles-list p {
text-align: center;
}
.profiles-list-avatar a img {
opacity: 0.75;
filter: alpha(opacity=75);
}
.profiles-list-avatar a:hover img, .profiles-list-avatar a:active img {
opacity: 1;
filter: alpha(opacity=100);
}

/* detail uzivatele */
.profile-avatar {
float: right;
}
.user-info {
min-height: 80px;
}

/* box novinky */
li.item h2 {
font-weight: bold;
font-size: 120%;
}
li.item div.date {
font-weight: bold;
margin-top: 7px;
font-size: 90%;
}

/* novinky */
li.news-item {
padding-bottom: 20px;
}
li.news-item div.date {
font-weight: bold;
float: right;
font-size: 90%;
}
li.news-item h2 {
font-weight: bold;
font-size: 140%;
}
/* vyznamna mista */
ul.waypoints a img {
border: none;
line-height:0;
font-size:0;
}
ul.waypoints li {
clear: both;
}
ul.waypoints li .waypoint-definition, ul.waypoints li .waypoint-picture-list {
float: left;
}
.waypoint-picture-list a img {
opacity: 0.75;
filter: alpha(opacity=75);
}
.waypoint-picture-list a:hover img, .waypoint-picture-list a:active img {
opacity: 1;
filter: alpha(opacity=100);
}
.waypoint-definition {
width: 410px;
height: 50px;
padding-left: 8px;
}
.waypoint-definition .number {
float: right;
}
p.letters {
padding: 5px 0;
}
p.letters a {
font-weight:bold;
font-size:110%;
}
/* detail */
.waypoint-detail .waypoint-picture, .waypoint-detail .waypoint-header {
float: left;
}
.waypoint-picture p {
color:#58564F;
padding:3px 0;
margin-top:-4px;
text-align:center;
background-color: #FFF;
}
.waypoint-picture img {
border:7px solid #FFF;
border-bottom:none;
}
.waypoint-detail p {
clear: both;
}
.waypoint-header {
padding-left: 10px;
}
/* naseptavac */
#autocomplete-choices ul {
position:absolute;
background: #4f4c45;
margin-top:-36px;
margin-left:107px;
padding:3px;
z-index:10;
}
#autocomplete-choices ul li {
cursor:pointer;
}
#autocomplete-choices ul li.selected {
color:yellow;
}
#waypoint-tree li {
cursor:n-resize;
}
/* bannery */
.banner {
clear:both;
}
.banner span {
font-size:7pt;
color:#9B9B67;
}
#leaderboard {
width:728;
padding-top:30px;
margin-left:-9px;
}
#leaderboard-box {
width:728;
height:90px;
}
#leaderboard span {
margin-left: 10px;
}
#fullbanner {
width:468px;
margin-right:-10px;
padding-top:30px;
}
#page-homepage #fullbanner {
background:#F7F8ED;
}
#fullbanner-box {
width:468px;
height:60px;
/*background:white;
margin:0 auto;
border:1px solid #9B9B67;*/
}
#fullbanner span {
margin-left: 10px;
}
#squarebanner {
width:100%;
margin-bottom: 10px;
}
#squarebanner-box {
width:200px;
height:100px;
/*background:white;*/
margin:0 auto;
/*border:1px solid #9B9B67;*/
}
#squarebanner span {
margin-left:32px;
}
#skyscraper {
width:1px;
margin:0 auto;
position:absolute;
}
#skyscraper-box {
width:120px;
height:600px;
background:white;
/*border:1px solid #9B9B67;*/
margin-left:-630px;
}
#skyscraper span {
margin-left:-630px;
}
/* galerie admin */
.photos-buttons {
clear:both;
}
/* muj profil */
table.vypis {
width:100%;
}
table.vypis tr.tableHeader {
background-color:#58564F;
}
table.vypis tr.tableHeader th {
padding:2px 6px;
color:#F7F8ED;
}
table.vypis tr.tableHeader th a {
color:#F7F8ED;
text-decoration:none;
}
table.vypis tr.tableHeader th a.selected-order, table.vypis tr.tableHeader th a.selected-order:visited,
table.vypis tr.tableHeader th a:hover, table.vypis tr.tableHeader th a:active {
color:yellow;
}
table.vypis td {
padding:2px 3px;
text-align:center;
}
table.vypis td.right {
text-align:right;
}
table.vypis td.left {
text-align:left;
}
table.vypis tr.even {
background-color:#E1E1C9;
}
/* mapy */
#mainMap {
clear:both;
margin-top:20px;
width:460px;
height:460px;
border:1px solid #9B9B67;
background:url('ajax-loader.gif') center center no-repeat;
}
/* mapy - velka bublina */
.bubble-tab h1 {
font-size: 140%;
}
#bubble-content {
clear:both;
}
#bubble-content .waypoint-picture {
float:left;
}
#bubble-content .waypoint-picture img {
border:7px solid #CBCBB3;
border-bottom:none;
margin-right:5px;
margin-top:5px;
}
#bubble-content .waypoint-picture p {
background:#CBCBB3;
color:#FFF;
margin-right:5px;
margin-bottom:10px;
}
/* diskuze */
.discussion .item-unpack {
float:left;
}
.discussion .avatar {
float:left;
}
.discussion .post-header {
float:left;
}
.discussion li {
min-height:50px;
margin-top:5px;
margin-bottom:5px;
}
.discussion, .discussion li {
clear:both;
}
.discussion .item-unpack a {
text-decoration:none;
margin-right:4px;
}
.discussion .avatar a img, .discussion .avatar a:visited img {
border:none;
opacity: 0.75;
filter: alpha(opacity=75);
}
.discussion .avatar a:hover img, .discussion .avatar a:active img {
border:none;
opacity: 1;
filter: alpha(opacity=100);
}
.discussion .avatar {
margin-right:3px;
}
.discussion .item-bonus {
float:right;
}
.discussion li {
padding:3px;
border:1px solid #E1E1C9;
}
#DiscussionForumModuleAddPost {
clear:both;
}
.discussion .item-text {
clear:both;
padding:3px;
background:#F7F8ED;
}
/* urovne diskuze */
.discussion-depth0 {
margin-left:0;
}
.discussion-depth1 {
margin-left:20px;
}
.discussion-depth2 {
margin-left:40px;
}
.discussion-depth3 {
margin-left:60px;
}

/* vyhledavani */
#cse-search-box {
margin: 0;
}

/* buttony */
a.tbutton {
background:url(button.gif) top left no-repeat;
display: block;
line-height: 19px;
height: 19px;
width: 100px;
text-align: center;
text-decoration: none;
color: white;
}
a.tbutton:hover, a.tbutton:active {
background:url(button-active.gif) top left no-repeat;
padding: 1px 0 0 1px;
height: 18px;
width: 99px;
}
a.tbutton-small {
background:url(button-small.gif) top left no-repeat;
width: 30px;
}
a.tbutton-small:hover, a.tbutton-small:active {
background:url(button-small-active.gif) top left no-repeat;
width: 29px;
}