/*
   Lubomír Pokorný (lubomirpokorny@email.cz)
   CSS styly pro photo-macro.cz
*/


* {margin:0;padding:0;}
body {margin:0;padding:0;font-size:0.75em;font-family:"Trebuchet MS", "Geneva CE", lucida, sans-serif;text-align:center;color:#000000;background:#cdcdcd url(../img/body-back.png) repeat-x top;}
img {border:0;}
h1 {margin-left:28px;padding:17px 0 8px 30px;font-size:1.95em;background:url(../img/odrazka.gif) no-repeat 0 21px;}
h2 {margin-left:30px;padding:10px 0 8px 0;font-size:1.5em;}
h3 {margin-left:30px;padding:8px 0 8px 0;font-size:1.3em;}
td {_font-size:0.8em;}
.cb {clear:both;}
.fright {float:right;}

/* Page */
#page {width:998px;margin:0 auto;}

/* Header */
#header {height:147px;background:url(../img/header-back.jpg) no-repeat top right;}
#header .topstrip {float:right;margin: 10px 60px 0 0;color:#777777;}
#header .topstrip a {margin:0 4px;color:#c0c0c0;text-decoration:none;}
#header .topstrip a:hover {text-decoration:underline;}
#home {float:left;position:relative;left:70px;}
#mainmenu {clear:both;height:38px;width:902px;margin:0 auto;font-size:0.9em;background:url(../img/mm-back.gif) repeat-x;}
#mainmenu ul {list-style:none;margin-left:70px;}
#mainmenu ul li {float:left;margin:4px 2px 0 2px;}
#mainmenu a {display:block;width:122px;padding:8px 0 8px 0;font-size:1.1em;color:#fff;text-decoration:none;font-weight:bold;text-transform:uppercase;background:url(../img/mm-button.gif) no-repeat left;}
#mainmenu a:hover, #mainmenu a.selected {background-position:-122px;}

/* Banners */
#bannery {padding:6px 63px 0 63px;background:#c0c0c0 url(../img/banner-shadow.gif) repeat-y center;}
#bannery ul {list-style:none;margin-left:2px;}
#bannery ul li {float:left;padding:0 12px 0 9px;background:url(../img/banner-liner.jpg) no-repeat right;}
#bannery ul .last {background:none;}
#bannery ul li span {display:none;}
#bannery ul .clanky {display:block;width:269px;height:147px;background:url(../img/banner-clanky.jpg) no-repeat;}
#bannery ul .lokality {display:block;width:269px;height:147px;background:url(../img/banner-v-akci.jpg) no-repeat;}
#bannery ul .fototydne {display:block;width:269px;height:147px;background:url(../img/banner-foto-tydne.jpg) no-repeat;}
#bannery ul .tentotyden {float:left;position:relative;top:51px;left:19px;}
#bannery ul .minulytyden {float:left;position:relative;top:51px;left:92px;}
#bannery ul .archiv {float:left;display:block;width:50px;height:50px;position:relative;top:95px;right:47px;background:transparent;}

/* Mainbox */
#mainbox {text-align:left;background:#eeeeee url(../img/mainbox-shadow.gif) repeat-y top;}
#content {min-height:300px;padding:10px 50px 50px 50px;background:url(../img/mainbox-shadow.jpg) no-repeat top;}
#content p {margin:15px 30px;line-height:170%;text-align:justify;}
#content a {color:#327eb4;font-weight:bold;}
#content a:hover {color:#000;}
#content .ed {clear:both;text-align:right;padding:10px 30px;}
#content .ed a {color:#ba1010;}
#content .ed a:hover {color:#000;}
#content .text {padding:0px 30px;font-size:1.1em;}
#content .text p, #content .text h1, #content .text h2, #content .text h3 {margin-left:0;margin-right:0;}

/* Home page */
#content .uvodnislovo {margin:0 10px;padding:0 0 20px 0;font-size:1.1em;background:#cecece url(../img/uvod-back.jpg) repeat-x top;}
#content .uvodnislovo .podpis {margin:0 60px 0 0;text-align:right;}
#content .uvodnislovo h1 {margin-left:20px;}
#content .uvodnislovo p {margin:10px 20px 5px 20px;}
.podpis img {position:relative;top:10px;left:15px;}

/* Navbar */
#content .navbar {float:right;padding:0 28px 0 0;}
#content .navbar img {margin:0 0 0 8px;}
#content .navbar a {color:#484848;text-decoration:none;font-weight:bold;}
#content .navbar a:hover {text-decoration:underline;}

/* Gallery */
.galerie {padding:11px;}
.galerie ul {list-style:none;}
.galerie ul li {float:left;margin:1px 1px 0 0;}
.galerie ul li table {border-collapse:collapse;}
.galerie ul li td {width:174px;height:175px;text-align:center;vertical-align:middle;background:#d9d9d9 url(../img/foto-back.jpg) no-repeat;}
.galerie td img {border:1px solid #f2f2f2;}
.galerie td a:hover img {border:2px solid #9a9a9a;}
#content .galerie .ed {padding:3px 0;text-align:center;}
.alba {margin:20px 30px;padding:0;list-style:none;}
.alba li {float:left;width:415px;padding:0;}
.alba a.obal {display:block;height:127px;margin:0 10px;padding:0 10px;color:#000;text-decoration:none;cursor:pointer;background:#cecece url(../img/uvod-back.jpg) repeat-x 0 -60px;border:1px solid #e0e0e0;}
.alba a.obal:hover img {border-color:#909090;}
.alba img {float:left;margin:5px 10px 4px 0px;border:3px solid #c0c0c0;}
.alba .nadpis {display:block;margin-top:5px;font-size:1.1em;text-align:left;color:#000;}
.alba .popis {float:right;width:252px;padding:6px 4px 5px 0;text-align:justify;font-size:0.85em;color:#595959;border-bottom:1px solid #ccc;}
.album_bottom {display:block;clear:both;padding:5px 0 0 0;text-align:right;color:#777;font-size:0.9em;text-decoration:none;}
#content .alba .ed {display:block;padding:3px  15px 10px 0;font-size:0.95em;}

/* Odkazy */
#content .odkazy {padding:20px 30px;list-style:none;}
#content .odkazy li {float:left;width:209px;text-align:center;}
#content .odkaz img {margin-bottom:2px;border:8px solid #c0c0c0;cursor:pointer;}
#content .odkaz:hover img {border-color:#909090;}
#content .odkazy p {margin:0 0 10px 0;text-align:center;}
#content .odkazy p a {color:#000;font-weight:bold;text-decoration:none;}
#content .odkazy .ed {padding:0 0 10px 0;text-align:center;}

/* Tooltips */
#tooltip {padding:1px 10px 1px 10px;color:#000;background:#e0e0e0;border:3px solid #777777;border-width:3px 1px 1px 1px}

/* Články */
.clanek {clear:both;margin:10px 30px 0 30px;padding:20px 20px 10px 20px;background:url(../img/uvod-back.jpg) repeat-x 0 -4px;border:1px solid #e0e0e0;}
.clanek h2 {margin:0 0 10px 0;padding:2px 0 6px 5px;border-bottom:1px solid #ccc;}
.clanek h2 a {text-decoration:none;color:#92845c}
.clanek h2 a:hover {color:#000;text-decoration:underline;}
.clanek img.thumb {float:left;margin:0 10px 8px 0px;border:8px solid #c0c0c0;}
.clanek .uvod {padding:0 5px;text-align:justify;font-size:1.1em;}
.prava_cast {float:right;width:650px;}
.spodni_cast {padding:5px 0 0 0;text-align:right;color:#777;}
#content .spodni_cast .ed {padding:0 0 0 10px;}
.clanekfoto {display:block;text-align:center;margin:15px auto 15px auto;}
.clanekfoto img {border:8px solid #c0c0c0;margin:0 auto;}
.imgpopis {display:block;margin:0 50px 0 50px;font-style:italic;color:#333;text-align:center;}
.navysku {margin:0 100px 0 100px;}
.youtube {width:425px;margin:15px auto 15px auto;padding:5px;text-align:center;background:#efefef;border:1px solid #d0d0d0;}
.obrazek-vlevo {float:left;margin:0 8px 8px 0;border:3px solid #c0c0c0;}
.obrazek-vpravo {float:right;margin:0 0 8px 8px;border:3px solid #c0c0c0;}

/* Strankovani */
#content .page {clear:both;padding:20px 40px 20px 0;text-align:right;font-size:1.1em;font-weight:bold;color:#999;}
#content .page a {color:#999;text-decoration:none;}
#content .page a:hover, #content .page .selected {color:#327eb4;text-decoration:underline;}

/* Formulářové prvky */
.hlaska {padding:5px;color:#ba1010;font-weight:bold;}
.formular td {padding-right:10px;background:none;text-align:left;}
.formular {width:92%;margin:5px auto;padding:0 5px;text-align:left;}
.formular input {padding:1px 2px;font-size:1em;color:#333;background:#eeeeee;border:1px solid #a6a6a6;}
.formular fieldset {margin-top:15px;padding:0 15px 10px 15px;background:#dedede;border:1px solid #a6a6a6;border-top:3px solid #a6a6a6;}
.formular legend {padding:2px 8px;font-weight:bold;border:1px solid #a6a6a6;}
.formular label {padding:6px 15px 6px 5px;}
.formular select {font-size:1em;}
.formular textarea {padding:1px 2px;font-size:1em;color:#333;font-family:"Trebuchet MS", "Geneva CE", lucida, sans-serif;background:#eeeeee;border:1px solid #a6a6a6;}
.formular table {margin-top:8px;}
.formular a {color:#92845c;font-weight:bold;}
.formular a:hover {color:#debd54;}
.formular .info {text-align:right;color:#666666;}
.formular .info input {width:25px;font-weight:bold;text-align:right;border:0;background:0;}
.formular .popisek {width:110px;}
.formular .submit {margin:5px 0 0 20px;font-size:1em;color:#fff;background:#434343;border:1px solid #1b1b1b;cursor:pointer;}
#content .pridat {font-size:1.1em;}

/* Footer */
#footer {padding:47px 65px 60px 65px;font-size:1.1em;color:#595959;font-size:1em;text-align:left;background:url(../img/footer-back.jpg) no-repeat top;}
#footer a, #footer strong {color:#000000;font-weight:bold;text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer span {font-weight:normal;}