﻿/*
   Lubomír Pokorný (lubomirpokorny@email.cz)
   CSS styles for photostaud.com

*/


* {padding:0;margin:0;}
img {border:0;}
body {font-size:0.7em;font-family:'Arial','Tahoma',sans-serif;color:#181d20;text-align:center;background:#fff url(../img/body-back.gif) repeat-x top;}
h1,.h1 {margin:0 22px 0 15px!important;padding:25px 7px 10px 7px!important;color:#9a9a9a;font-size:1.95em;font-weight:bold;text-transform:lowercase;letter-spacing:-0.05em;border-bottom:2px solid #3f4345;}
h1.small {margin:0 22px 0 15px;padding:30px 7px 10px 7px;color:#9a9a9a;font-size:1.55em;text-transform:lowercase;letter-spacing:-0.05em;border-bottom:2px solid #3f4345;}
h1.title {margin:0 22px 0 15px;padding:17px 7px 7px 7px!important;color:#639ec8;font-size:2.95em;text-transform:lowercase;letter-spacing:-0.07em;border-bottom:2px solid #3f4345;}
h1 a,.h1 a {text-decoration:none;color:#9a9a9a;}
h1 a:hover,.h1 a:hover {color:#639ec8;}
h1 span,h1 span {color:#639ec8;}
code {font-size:1.25em;}
.h1 {font-size:1.7em;}
.h1 ul {margin:0;padding:0!important;list-style:none;height:22px;}
.h1 ul li {float:left;}
.h1 ul h1 {display:inline;margin:0!important;padding:0!important;font-size:1em;color:#639ec8;border:0;}
.h1 ul h1 a {color:#639ec8;}
.h1 ul li ul {position:absolute;z-index:20;display:none;clear:both;margin:0;padding:0;width:200px;list-style:none;border-top:3px solid #639ec8;}
.h1 ul li ul li {float:none;padding:2px 10px;font-size:0.8em;background:#3f4345;border:3px solid #639ec8;border-width:0 3px;}
.h1 ul li ul li.last {border-bottom:3px solid #639ec8;}
.h1 ul li ul li a {letter-spacing:normal;color:#ddd;font-size:0.8em;}
.h1 ul li:hover ul {display:block;}
.h1 .small {font-size:0.8em;position:relative;top:4px;}
.h1 .small ul li ul {font-size:1.15em;}
.h1 .smallest {font-size:0.7em;position:relative;top:7px;}
.h1 .smallest ul li ul {font-size:1.4em;}
.cb {clear:both;}
.right {text-align:right;}
.fright {float:right;}
.center {text-align:center;}
.hidden {display:none;}

#page {width:993px;margin:0 auto;text-align:left;}

/* Leftbox */
#leftbox {float:left;width:267px;}
#logo {display:block;height:177px;background:url(../img/logotype.jpg) no-repeat;}
#logo strong {display:none;}
#lsearch {margin:16px 0 0 20px;padding:0 0 11px 14px;border-bottom:2px solid #3f4345;}
#lsearch .inputSearch {height:22px;width:164px;padding:0 10px;color:#9a9a9a;background:url(../img/input-lsearch.gif) no-repeat;border:0;}
#hoverSearch {display:none;position:absolute;top:230px;left:30px;padding:5px 35px 5px 5px;background:#e1e1e1;border:3px solid #6f6f6f;}
#hoverSearch .close {position:relative;bottom:4px;left:29px;font-size:0.95em;color:#639ec8;text-align:right;text-decoration:underline;cursor:pointer;}
#lsearch .submitSearch {position:relative;top:7px;right:9px;}
#leftmenu {padding:13px 15px 20px 35px;list-style:none;font-size:1.2em;text-align:right;}
#leftmenu li {padding:3px 0 4px 0;}
#leftmenu a {color:#fff;}
#leftmenu a:hover,#leftmenu a.selected {color:#639ec8;}
#leftbox .mapstrip {margin:28px 0 20px 20px;height:2px;background:#e1e1e1;}
#leftbox .right {padding-right:15px;color:#9a9a9a;font-size:1.2em;text-decoration:underline;}
#leftbox .worldMap .smallMap {margin:20px 0 20px 10px;cursor:pointer;}
#leftbox .worldMap .closeMap {position:absolute;left:957px;}
/*#leftbox .worldMap:hover #bigMap {display:block;}*/
#bigMap {display:none;position:absolute;top:180px;height:549px;border:1px solid #bbb;z-index:30;}
.newsletter {padding:30px;line-height:1.5em;}
.newsletter h3 {padding-bottom:5px;}
.newsletter a {color:#181d20;}
.newsletter a:hover {color:#444;}

/* Mainbox */
#mainbox {float:right;width:726px;padding-bottom:40px;}
#mainbox .edittext {clear:both;padding:40px 20px 0 20px;color:#8e8e8e;text-align:right;}
#mainbox .edittext a {position:relative;bottom:20px;color:#444;font-weight:bold;text-decoration:none;}
#mainbox .edittext a:hover {color:#639ec8;}
#mainbox .edittext2 {clear:both;padding:2px 10px;color:#8e8e8e;text-align:right;}
#mainbox .edittext2 a {color:#444;font-weight:bold;text-decoration:none;}
#mainbox .edittext2 a:hover {color:#639ec8;}
#mainbox .edittext3 {clear:both;padding:2px 50px;text-align:center;color:#8e8e8e;text-align:right;}
#mainbox .edittext3 a {color:#444;font-weight:bold;text-decoration:none;}
#mainbox .edittext3 a:hover {color:#639ec8;}
#header {width:716px;height:177px;background:url(../img/header-back.jpg) no-repeat top left;}
.homepageTitle {margin:0 15px 25px 15px;width:681px;height:59px;background:url(../img/galleries-title-back.gif) no-repeat;}
.homepageTitle strong {position:relative;top:14px;left:35px;color:#639ec8;font-size:2.95em;letter-spacing:-0.07em;}

/* Mainmenu */
#mainmenu {position:relative;height:36px;top:114px;margin:0 0 0 6px;padding-left:15px;list-style:none;font-size:1.2em;border-bottom:2px solid #b4b6b7;}
#mainmenu li {float:left;behavior:url(/css/hover.htc);}
#mainmenu a.main {display:block;height:38px;width:98px;color:#181d20;text-decoration:none;background:url(../img/button-back.gif) no-repeat -103px;}
#mainmenu a:hover, #mainmenu .selected a {color:#639ec8;background-position:0;}
#mainmenu .selected a {font-weight:bold;}
#mainmenu .selected .submenu a {font-weight:normal;}
#mainmenu .selected .submenu {display:block;z-index:10;}
#mainmenu a span {position:relative;left:13px;top:12px;}
#mainmenu .submenu {position:absolute;left:0;z-index:20;display:none;clear:both;width:700px;height:20px;padding-top:4px;list-style:none;background:#e1e1e1 url(../img/mnu-bg.gif) repeat-x bottom;}
#mainmenu li:hover .submenu {display:block;}
#mainmenu .submenu li {position:relative;float:left;padding:1px 10px;}
#mainmenu .submenu a {text-decoration:none;color:#639ec8;text-transform:lowercase;background:0;}
#mainmenu .submenu a:hover,#mainmenu .submenu a.selected,#mainmenu .selected ul a.selected {color:#000;}
#mainmenu .s2 li {left:30px;}
#mainmenu .s3 li {left:20px;}
#mainmenu .s4 li {left:250px;}
#mainmenu .s5 li {left:330px;}
#mainmenu .s6 li {left:300px;}

/* Content */
#contentbox {margin-top:13px;padding:0 23px 0 15px;background:url(../img/content-shadow.png) no-repeat top left;}
#content {min-height:350px;height:auto !important;height:350px;padding:10px 0 0 0;background:#e8e9e9}
#content-bottom-shadow {height:28px;background:url(../img/content-bottom-shadow.png) left;}
#content .text {padding:20px;}

#content p {margin:12px 25px;text-align:justify;}
#content a {color:#327eb4;}
#content a:hover {color:#000;}
#content ul {padding:10px 20px;list-style:square;}
#content .text2 {padding:0 30px;}
#content .text p {margin:12px 15px;}
#content .text h1,#content .text h2,#content .text h3 {margin:12px 15px 3px 15px;}
#content .text ul {padding:0 50px 10px 60px;list-style:square;}
#content .text ol {padding:0 50px 10px 65px;}
#content .text table thead th {padding:2px 10px;background:#639ec8;}
#content .text table tbody td {padding:2px 10px;background:#b4b6b7;}
#topnews2 {margin:0 15px;padding:8px 7px;list-style:none;letter-spacing:-0.07em;font-size:1.15em;color:#6f6f6f;}
#topnews2 li {padding:2px 0;}
#topnews2 a {font-size:1.25em;color:#6f6f6f;font-weight:bold;text-decoration:none;}
#topnews2 a:hover {text-decoration:underline;}
#topnews2 strong {font-size:1.25em;font-weight:normal;}

/* Articles */
.nahled_clanku {margin:0 20px;padding:20px 5px 15px 5px;position:relative;top:1px;border-bottom:1px solid #b4b6b7;}
.nahled_clanku .fright_wide {float:right;width:490px;}
.nahled_clanku span, #content .nahled_clanku span a {color:#6cab50;}
#content .nahled_clanku span a:hover {color:#2c551a;}
.nahled_clanku h2 {margin:0;padding:2px 0 4px 0;font-size:18px;}
#content .nahled_clanku p {margin:3px 0 8px 0;}
.nahled_clanku h2 a {text-decoration:none;}
#content .nahled_clanku h2 a:hover {color:#000;}
.nahled_clanku img.thumb {border:5px solid #d9d9d9;}
#content .nc_bottom {text-align:right;font-size:0.9em;color:#639ec8;}
.clanekfoto {display:block;margin:15px auto 15px auto;padding:5px;text-align:center;}
.navysku {width:400px;}
.imgpopis {display:block;margin:0 5px 0 5px;color:#000;text-align:justify;font-size:0.95em;}
#mainbox .imgpopis ins {text-decoration:none;font-weight:bold;color:#327eb4;}
.youtube {width:425px;margin:15px auto 15px auto;padding:5px;text-align:center;background:#efefef;border:1px solid #d0d0d0;}
.text h2 {font-size:1.7em;}

/* Comments */
#komentare {margin:0 50px;}
#komentare h2 {padding-bottom:10px;}
#komentare p {text-indent:0;padding:0;}
.komentar {margin:5px auto 0 auto;padding:8px 10px 4px 10px;text-align:left;background:#e8e9e9;border:1px solid #c9c9c9;}
.khead {padding:0 5px 5px 5px;border-bottom:1px solid #c9c9c9;}
.khead a {font-weight:bold;color:#333;}
.komentar img {position:relative;top:1px;margin-right:3px;}
#komentare .komentar p {padding:10px 5px;}
.kfooter {float:right;font-size:0.85em;}
.autor {background:#e7ecf0;border:1px solid #c1d2e0;}
.autor .khead {color:#639ec8;border-bottom:1px solid #c1d2e0;}
.autor .khead a {color:#639ec8;}
#komentare #formular {margin:0 90px;}
.komentar .ed a {color:#666;font-weight:bold;}
.komentare_clanku {margin:10px 20px;padding:0;font-size:0.9em;}
.komentare_clanku li {float:left;margin:1px;text-align:center;list-style:none;}
.komentare_clanku li a {display:block;width:149px;height:130px;padding:5px 0 0 0;font-size:0.9em;color:#867666;text-decoration:none;background:#dadada;cursor:pointer;}
.komentare_clanku li a:hover {background:#e1e1e1;}
.komentare_clanku span {display:block;}
.komentare_clanku .imgobal {width:119px;height:105px;margin:5px auto 0 auto;text-align:center;}
.komentare_clanku .nasirku {height:86px;margin-top:24px;}
.komentare_clanku img {margin:0 auto;border:1px solid #bcbcbc;}
.komentare_clanku .clean {background:#fff;border:0;}
.komentare_clanku .clean:hover {background:#fff;border:0;}

/* Topnews */
h1.title a {float:right;position:relative;top:17px;color:#6f6f6f;font-size:0.45em;letter-spacing:-0.04em;}
#topnews {margin:0 15px;padding:8px 7px;list-style:none;letter-spacing:-0.07em;font-size:1.15em;color:#6f6f6f;border-bottom:2px solid #3f4345;}
#topnews li {padding:2px 0;}
#topnews a {font-size:1.25em;color:#6f6f6f;font-weight:bold;text-decoration:none;}
#topnews a:hover {text-decoration:underline;}
#topnews strong {font-size:1.25em;font-weight:normal;}
.introduction {height:85px;margin:0 25px;}
.introduction p {margin:5px 0;color:#fff;font-size:1.1em;line-height:140%;text-align:justify;}
.introduction a {color:#639ec8;}
.frighti {float:right;}

/* HomepageGalleries */
.homepageGalleries {padding:15px 25px;list-style:none;}
.homepageGalleries li {padding-bottom:22px;background:url(../img/mpgallery-shadow.jpg) no-repeat bottom left;}
.homepageGalleries li .frame {padding:6px 6px 3px 6px;background:#e2e2e2;}
.homepageGalleries .frame img {border:5px solid #929292;}
.homepageGalleries .frame .fright {width:400px;}
.homepageGalleries h2 {padding:5px 0;font-size:2.2em;letter-spacing:-0.07em;}
.homepageGalleries h2 a {color:#181d20;text-transform:lowercase;text-decoration:none;}
.homepageGalleries p {height:50px;}
.homepageGalleries select {width:190px;margin-top:5px;padding:4px 5px;color:#639ec8;font-size:0.9em;background:url(../img/mpgallery-select.gif) no-repeat;border:0;}
.homepageGalleries option {background:#fff;}

/* Continents */
#mainbox .continents {padding:25px;list-style:none;}
#mainbox .continents li {margin-bottom:20px;padding:6px 6px 3px 6px;list-style:none;background:#d7d7d7;border:1px solid #c7c7c7;}
#mainbox .continents li img.nahled {border:5px solid #929292;}
#mainbox .continents .fright {width:375px;}
#mainbox .continents h2 {padding:5px 10px;font-size:2.2em;letter-spacing:-0.07em;}
#mainbox .continents .info {position:relative;bottom:8px;margin:0;padding:0 12px;text-align:left;}
#mainbox .continents h2 a {color:#181d20;text-transform:lowercase;text-decoration:none;}
#mainbox .continents .countrylist {margin:0;padding:0 20px 8px 5px;}
#mainbox .continents .countrylist li {margin:0;padding:5px 0 8px 10px;border:0;border-bottom:2px solid #c7c7c7;}
#mainbox .continents .countrylist a {font-weight:normal;font-size:1.1em;color:#181d20;text-decoration:underline;}
#mainbox .continents .countrylist a:hover {font-weight:bold;}
#mainbox .continents .destlist {padding:3px 11px 0 11px;font-size:0.9em;text-align:justify;}
#mainbox .continents .destlist a {text-decoration:none;color:#639ec8;}
#mainbox .continents .destlist a:hover {font-weight:normal;text-decoration:underline;}

/* Galleries */
.galleries {margin:0;padding:0;}
.galleries li {float:left;margin:5px 4px;list-style:none;text-align:center;}
.galleries li .galbox {width:207px;padding-bottom:31px;background:#d7d7d7 url(../img/gallery-back.jpg) no-repeat bottom;}
.galleries .imgcont {height:207px;}
.galleries h3 {padding:4px 0;color:#fff;font-size:1.2em;text-decoration:underline;}
.galleries .info {text-align:center;color:#fff;}
.galleries img.horizontal {margin-top:40px;}
.galleries img.vertical {margin-top:10px;}
.galleries img.center {margin-top:12px;}
.galleries li .imgbox {width:207px;text-align:center;background:#d7d7d7;}
#mainbox .galleries h3 a {color:#fff;}
#mainbox .galleries h3 a:hover {color:#fff;}
#mainbox .galleries .edittext2 {padding-top:0px;position:relative;bottom:10px;text-align:center;}

/* Main image */
#photobox {text-align:center;}
#photobox img {margin:0 auto;}
#photobox .buttons {position:absolute;}
#photobox .previous {position:relative;bottom:310px;display:block;width:21px;height:112px;background:#d4d5d5 url(../img/previous.gif) no-repeat 6px 48px;}
#photobox .next {position:relative;bottom:310px;left:667px;display:block;width:21px;height:112px;background:#d4d5d5 url(../img/next.gif) no-repeat 7px 48px;}
#photobox .previous:hover,#photobox .next:hover {background-color:#639ec8;}
.caption h3 {margin:30px 50px 5px 50px;font-size:1.1em;font-weight:normal;text-align:center;}
.refno {margin:0 50px 20px 50px;text-align:center;color:#639ec8;text-decoration:underline;}
#content #imgmenu {float:left;margin:0;padding:0;position:relative;top:2px;}
#imgmenu li {float:left;list-style:none;}
#imgmenu a {display:block;margin-right:1px;padding:7px 19px;color:#181d20;text-decoration:none;background:#d4d5d5;}
#imgmenu a:hover,#imgmenu a.selected {background:#c1c1c1;}
#content #imgmenu2 {float:left;margin:0;padding:0;}
#imgmenu2 li {float:left;list-style:none;}
#imgmenu2 a {display:block;padding:4px 5px 8px 15px;background:transparent;text-decoration:none;cursor:pointer;}
#imgmenu2 a span {color:#5586a8;text-decoration:underline;}
#imgmenu2 a:hover span {color:#000;}
#imgmenu2 a img {position:relative;top:3px;margin-right:7px;}
.tabcontent {clear:both;padding:30px 15px;background:#c1c1c1;}
.tabcontent form {clear:both;}
.tabcontent2 {clear:both;padding:15px 35px;background:#c1c1c1;}
.tabcontent2 hr {border-left:0;border-right:0;border-top:1px solid #444444;border-bottom:1px solid #ebebeb;}
.closetab {float:right;position:relative;bottom:20px;}
.formular .kwbox {float:left;margin:1px;padding:2px 3px;width:136px;background:#d5d5d5;}
#mainbox .selection {padding:20px;}
.selection li {margin:10px 0;padding:5px;list-style:none;background:#c1c1c1;}
.selection .fright {width:350px;padding-top:15px;}
.selection td {width:130px;vertical-align:middle;text-align:center;}
#mainbox .kwbox a {color:#000;}
#mainbox .kwbox a:hover {color:#327eb4;}
#mainbox #photostrip {padding:20px 35px;}
#mainbox #photostrip h2 {padding-bottom:10px;color:#a7a7a7;font-weight:normal;font-size:1.7em;letter-spacing:-0.07em;}
#photostrip ul {list-style:none;}
#photostrip li {float:left;}
#photostrip .previous {width:21px;height:141px;background:#d4d5d5 url(../img/previous.gif) no-repeat 6px 65px;}
#photostrip .next  {width:21px;height:141px;background:#d4d5d5 url(../img/next.gif) no-repeat 7px 65px;}
#photostrip .previous a {display:block;width:21px;height:141px;background:#d4d5d5 url(../img/previous.gif) no-repeat 6px 65px;}
#photostrip .next a {display:block;width:21px;height:141px;background:#d4d5d5 url(../img/next.gif) no-repeat 7px 65px;}
#photostrip .previous a:hover,#photostrip .next a:hover {background-color:#639ec8;}
#photostrip .photo {text-align:center;background:#e8e9e9;}
#photostrip table {padding:0;border-collapse:collapse;}
#photostrip td {width:203px;height:141px;padding:0;vertical-align:middle;text-align:center;}
#photostrip td .nofoto {width:140px;height:95px;margin:0 auto;padding:0;background:#e1e1e1;border:3px solid #dedede;}
.month {text-align:center;font-weight:bold;padding:0 0 5px 0;}

/* Pagination */
#mainbox .pagination {clear:both;padding:20px 50px;text-align:right;}
#mainbox .pagination a {margin:0 3px;color:#000;}
#mainbox .pagination .nplink {font-weight:bold;color:#639ec8;}
#mainbox .pagination .selected {font-weight:bold;color:#639ec8;}
#mainbox .pagination2 {clear:both;padding:20px 50px 0 50px;text-align:right;}
#mainbox .pagination2 select {width:90px;margin-top:5px;padding:4px 5px;color:#639ec8;font-size:0.9em;background:#fff url(../img/mpgallery-select.gif) no-repeat;border:0;}

/* Formulářové prvky */
#content #formular .hlaska,#mainbox .hlaska {padding:5px;color:#f00404;font-weight: bold;}
#formular td,#formular2 td,.formular td {padding:0 3px;color:#000;}
#formular,#formular2,.formular {margin:5px 25px;padding:0 5px;}
#formular .submit,#formular2 .submit,.formular .submit {margin:8px 14px;padding:3px 15px;color:#fff;font-weight:bold;background:#639ec8;border:0;cursor:pointer;}
#formular fieldset,#formular2 fieldset,.formular fieldset {margin-top:15px;padding:0 10px 10px 10px;color:#000;background:#d4d4d4;border:1px solid #a6a6a6;border-top:3px solid #a6a6a6;}
#formular legend,#formular2 legend,.formular legend {padding:2px 8px;color:#639ec8;font-weight:bold;background:#e8e9e9;border:1px solid #a6a6a6;}
#formular label,#formular2 label,.formular label {padding:6px 15px 6px 5px;}
#formular input,#formular2 input,.formular input {padding:2px;font-size:1em;color:#000;border:1px solid #a6a6a6;background:#ebebeb url(../img/input-back.gif) repeat-x top;}
#formular select,#formular2 select,.formular select {font-size:1em;color:#000;background:#ebebeb;}
#formular textarea,#formular2 textarea,.formular textarea {border:1px solid #a6a6a6;background:#ebebeb url(../img/input-back.gif) repeat-x top;}
#formular table,#formular2 table,.formular table {margin-top:8px;color:#999}
#formular td,#formular2 td,.formular td {padding:2px 10px;}
#formular td td,#formular2 td td,.formular td td {padding:2px 0;}
.info {margin:0;padding:0 10px;color:#888888;text-align:right;}
#formular .info input {font-weight:bold;text-align:center;border:0;background:none;width:22px;}
textarea {padding:1px 2px;font-size:1em;color:#000;font-family:"Tahoma",'Arial',Sans-Serif;}
#formular.webmailform {float:right;width:400px;margin-right:50px;}
.searchsubmit {clear:both;margin:8px 17px;padding:0 5px;color:#fff;text-decoration:underline;background:#639ec8;border:0;}
.sbright {text-align:right;clear:both;padding:15px 5px;}
.form-tab {width:100%}
.form-tab thead {background:#232323;}
.form-tab td {padding:3px 8px;}
.editznak {position:relative;top:4px;}
.selZnacka {width:170px;}
.searchTable {width:100%;}
#formular .searchTable td {padding:3px;}
.selSearch {width:120px;}
.logoutbox {position:absolute;float:right;}
.logoutbox a {padding:0 10px;position:relative;left:586px;color:#fff;background:#181d20;}
.logoutbox a:hover {color:#639ec8;}
.purchase-select {width:225px;}
input.disabled, .disabled {width:30px;padding:0;margin:0;color:#327eb4;font-size:1.4em;font-weight:bold;text-align:right;background:0;border:0;}

/* Bubliny */
.bublina {padding:1px 5px;border:1px dashed #606060;background:#fff;color:#000;}
.ttbox {padding:0 0 5px 0;}
.ttbox strong {display:block;padding:10px 0;}
.ttlink {color:#3e79a5;}
.ttlink:hover {color:#000;}

/* Footer */
#footer {clear:both;padding:20px;color:#fff;background:#181d20;}
#footer .frame {width:950px;}
#footer a {color:#639ec8;}
#footer a:hover {text-decoration:none;}
#footer .fright {width:700px;margin-left:20px;}
#footer .fleft {width:200px;}
#footer .ftop1 {padding:4px 4px 20px 4px;border-bottom:2px solid #3f4345;}
#footer .ftop2 {padding:8px 4px 20px 4px;text-align:right;border-bottom:2px solid #3f4345;}
#footer .fbottom1 {padding:20px 4px 10px 4px;}
#footer .fbottom2 {padding:20px 4px 10px 4px;text-align:right;}
#footer ul {list-style:none;}
#footer li {float:right;padding:0 0 0 16px;}
#footer li a {color:#fff;text-decoration:none;}
#footer li a:hover {text-decoration:underline;}