/* --------------------------------------------------------------------------------------------------------------------------------------------------

RESET & HTML ELEMENTS

-------------------------------------------------------------------------------------------------------------------------------------------------- */



blockquote, body, button, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, img, legend, li, ol, p, pre, td, th, ul {margin:0; padding:0; border:0; vertical-align:baseline;}

address, blockquote, dl, fieldset, form, h1, h2, h3, h4, h5, h6, ol, p, table, ul {margin:15px 0;}





body {

	background: #FFF url(img/bg.png) 0 0 repeat-x;

	font:0.8em/1.5 "arial", sans-serif;

	color:#555;}

	

a {color:#004B96;}

a:hover, a:active, a:focus {color:#0065C8;}



h1 {font-size:300%; font-weight:normal; color:#004B96;}

h2 {font-size:190%; font-weight:normal; color:#004B96;}

h3 {font-size:160%; font-weight:normal; color:#004B96;}

h4, h5, h6 {font-size:130%; font-weight:bold;}





ul {margin-left:20px; list-style:none;}

ul li {padding-left:15px; background:url(img/ul.gif) 0 5px no-repeat;}

ul ul {margin:0 0 0 20px; list-style:none;}



input, select, textarea { font-size:100%; font-family: Arial,sans-serif;}

input, textarea {padding:5px; border:1px solid #CCC; border-right:1px solid #EEE; border-bottom:1px solid #EEE; color:#888;}

textarea { width: 300px; height: 200px}

label.error { color: crimson; display:block }



table {border-collapse:collapse; border-spacing:0; border:1px solid #CCC;}

table th, table td {padding:7px 10px; border:1px solid #CCC;vertical-align: middle;}

table th {font-weight:bold;border-bottom:3px solid #004B96; color:#004B96; background: #EEEEEE}



table.noborder {  border: none; }

table.noborder td { border: none; text-align: center; vertical-align: middle; }



table.formtable, table.formtable td, table.formtable th {  border: none; }

table.formtable td.prvni { text-align:right }



p.err, p.uspech { padding: 10px; text-align:center; margin: 7px 0; background: #F4F4F4 }

p.err { border: 2px solid red }

p.uspech { border: 2px solid green }

p.editace { position: absolute; right:0; top:0; width: 70px; 

    text-align:center; padding: 2px 5px }



code { font-size: 100% }

pre { font-size: 120%; margin: 5px 0; padding: 10px 5px 15px; line-height: 1.6em;

			background: #FAFAFA; border: 1px solid #f0f0f0; overflow-y: auto; }





div#nahledinfo { position: absolute; top: 0; left: 0; width: 100%; z-index: 500 }

div#nahledinfo p { padding: 15px; margin: 0; color: #fff; font-weight: bold; text-align:center; background: red }





/* --------------------------------------------------------------------------------------------------------------------------------------------------

Pomocne tridy puvodniho designu

-------------------------------------------------------------------------------------------------------------------------------------------------- */



.box {min-height:1px; _height:1%;}

.box:after {display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:".";}

.fix {float:none; clear:both; width:0; height:0; margin:0; padding:0; border:0; line-height:0; font-size:0;}

.f-left {float:left !important;}

.f-right {float:right !important;}

.t-left {text-align:left !important;}

.t-center {text-align:center !important;}

.t-right {text-align:right !important;}

.t-justify {text-align:justify !important;}

.va-top {vertical-align:top !important;}

.va-middle {vertical-align:middle !important;}

.va-bottom {vertical-align:bottom !important;}

.nom {margin:0 !important;}

.nomt {margin-top:0 !important;}

.nomb {margin-bottom:0 !important;}

.hidden {position:absolute; left:-1000em; top:auto; width:1px; height:1px; overflow:hidden;}

.noscreen {display:none;}







/* --------------------------------------------------------------------------------------------------------------------------------------------------

LAYOUT

-------------------------------------------------------------------------------------------------------------------------------------------------- */





.main {width:960px; margin:0 auto; }

#header {position:relative; height:140px; overflow:hidden; background:url("img/header.png") 50% 0 no-repeat;}

#header #logo {position:absolute; top:40px; left:0; margin:0; font-size:350%; line-height:1; letter-spacing:-2px; font-weight:normal; color:#FFF;}

#header #logo span {font-weight:bold;}

#header #logo a { color: #fff }



/* Horni navigace */

#header #menu1 {position:absolute; top:38px; right:0; list-style:none; font-size:110%;}

#header #menu1 li {display:inline; background: none}

#header #menu1 li a {display:block; float:left; padding:6px 12px; font-weight:bold; text-decoration:none; color:#FFF;}

#header #menu1 li a:hover {text-decoration:underline;}

#header #menu1 li.aktivni a {background-color:#FFF; color:#004B96; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; text-decoration:none;}



#section {overflow:hidden; padding:20px 0; min-height: 600px; }



/* Stredni sloupec */

#content {float:left; width:680px; text-align:justify;}

.articles {margin:0; list-style:none;}

.articles h1,.articles h2.title { margin: 0; font-size: 220%; font-weight:bold;}

.articles h2.title {margin:0; }

.articles h2.title a {text-decoration:none;}

.articles .article-info {padding-bottom:10px; border-bottom:1px dotted #CCC; color:#888;}

.articles .article-info a {color:#888;}

.articles .article-info a:hover {color:#555;}

.articles .article-info .comment {padding-left:18px; background:url("img/comment.gif") 0 50% no-repeat;}

.articles .article-info p {margin:0;}



.article { position: relative }

.gallery li {display:block; float:left; margin-right:10px;}

.pokracovani {text-align:right;}

.pokracovani a {border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; padding:6px 12px; text-decoration:none; font-weight:bold;}

.pokracovani a {border:1px solid #DDD; border-right:1px solid #CCC; border-bottom:1px solid #CCC; background-color:#EEE; color:#000;}

.pokracovani a:hover {background-color:#FFF; color:#004B96;}





/* Pravy sloupec */

#aside {float:right; width:250px;}

.poslednikomentare {margin:0; list-style:none; font-size:85%;color:#888;}

.poslednikomentare li {padding:10px 0;border-bottom:1px dotted #CCC; background:none}

.poslednikomentare li a {font-size:115%;}





/* Paticka */

#footer {padding:30px 0; background:url(img/footer.gif) 0 0 repeat-x;background-color:#EEE;}

#footer p {margin:0;}









/* --------------------------------------------------------------------------------------------------------------------------------------------------

OTHERS

-------------------------------------------------------------------------------------------------------------------------------------------------- */







/*

	Obrazky

*/

#content img { display: block; margin: 1em auto; padding:1px; border:1px solid #ccc; }

#content img.img-left{ float: left;  margin: 5px 10px 10px 0; }

#content img.img-right{  float: right;  margin: 5px 0 10px 10px; }

#content img.smajl { display: inline; padding: 0; margin: 0; border: 0; vertical-align: middle; }



#content div.imgd, #content div.imgdr, #content div.imgdl { margin: 1em auto; }

#content div.imgdl {float: left; margin: 0 1em 1em 0;}

#content div.imgdr {float: right; margin: 0 0 1em 1em;}

#content div.imgd img, #content div.imgdr img, #content div.imgdl img { margin: 0 auto; }

#content div.imgd p, #content div.img dr p, #content div.imgdl p { font-style: italic; margin:0; padding: 5px 10px 0; text-align:center; }







/* Strankovani pod vypisem textu */

div.strankovani { text-align:center; padding: 15px 0 25px }

div.strankovani ul li { display:inline; background: none }

div.strankovani ul li.vpred,div.strankovani ul li.vzad { font-size: 2.5em } 

div.strankovani ul li.archiv { font-size: 1.8em }

div.strankovani ul li a { text-decoration:none }

div.strankovani ul li a:hover { text-decoration:underline}























/*

    Vypis komentaru

*/



div#komentare { padding-top: 15px }

h2#komentarenadpis { margin-bottom: 15px }

div#komvypisobal {}



div.komentar { border-bottom: 1px dotted #CCC; padding: 0; margin-bottom: 15px; position:relative }

div.komentar div.komentartop { background: #EEEEEE; padding: 5px 10px }

div.komentar a.komentarid { font-size: 1.5em }

div.komentar span.svislitko {}

div.komentar span.svisl1 { display:none }

div.komentar span.svisl2 { display:none }

div.komentar strong.jmeno {font-size: 1.9em; font-weight: normal; padding-left: 15px; padding-right: 20px;}

div.komentar strong.jmeno span.zav { font-size: .5em }

div.komentar strong.overeny { font-weight: bold}

div.komentar span.datum{}

div.komentar span.web{}

div.komentar div.komentartelo{padding: 10px }

div.komentar h3.komentarnadpis { margin: 4px 0 0 0; padding: 0 0 5px 0 }

div.komentarlichy {}

div.komentarsudy {}



p.komentarreakce { position:absolute; top: 0; right: 0; width: 70px; color: #fff;

                    padding: 2px; margin: 0; text-align:center; background: #DEDEDE }





/*

    Tabulka formulare komentare

*/



div#komformobal { padding-top: 20px; }

h2#komformnadpis {  }

table.komentform { border: 0 }

table.komentform td { border: 0 }

table.komentform td.levy { width: 150px;text-align: right; padding-right: 5px}



table.komentform tr#komentformjmeno label  { font-weight: bold; }

table.komentform tr#komentformemail label { font-weight: normal; }

table.komentform tr#komentformweb  label { font-weight: normal; }

table.komentform tr#komentformnadpis label { font-weight: normal; }

table.komentform tr#komentformnadpis input { width: 300px }

table.komentform tr#komentformtext label  { font-weight: bold; }

table.komentform tr#komentformtext td.levy { vertical-align: top; padding-top: 15px }

table.komentform tr#komentformtlacitko p { margin:0 }























/*

    Dokumenty

*/



.dokument { margin: 20px 0 20px 5px; }

.dokument h3 { margin: 0 }

.dokument p.info {font-size:0.75em; margin: 0 0 5px 0; padding: 0 0 0 30px}



div#dokumenty-kategorie { margin: 15px 0 }



a.pripona, a.filedownload{  padding-left: 24px; background-image: url('img/file-file.gif');

        background-position: left center; background-repeat: no-repeat;  background-color: transparent;}



a.filedownload { padding: 3px 1px 3px 24px }



a.pdf { background-image: url('img/file-pdf.gif') ; }

a.zip { background-image: url('img/file-zip.gif') ; }

a.doc { background-image: url('img/file-doc.gif') ; }

a.avi { background-image: url('img/file-avi.gif') ; }

a.mpg { background-image: url('img/file-mpg.gif') ; }

a.xls { background-image: url('img/file-xls.gif') ; }

a.ppt { background-image: url('img/file-ppt.gif') ; }

a.rar { background-image: url('img/file-rar.gif') ; }





















/*

	Fotogalerie

*/



ul.alba li { background: none; padding-top: 4px; padding-bottom: 4px }

ul.galerie li { background:url(img/ul.gif) left center no-repeat;}





#content table.foto-fotky { margin: 10px auto; }

#content table.foto-fotky, table.foto-fotky td { border: 0;}

#content table.foto-fotky p { padding: 1px; margin: 0; border:1px solid #ccc;  }

#content table.foto-fotky img { padding: 0; margin: 0; border: 0; }

#content table.foto-fotky td { padding: 5px 4px }

#content table.foto-fotky td p { overflow:hidden; }

#content table.foto-fotky td.navysku p {position: relative;}

#content table.foto-fotky td.navysku img { position:absolute; top: -40px;  clip: rect( 41px,auto,153px,auto) }





div#foto-album { padding-top: 10px }

div#foto-album > div.fotoalbumgalerie:first-child {border-top: none}

div.fotoalbumgalerie {padding: 15px 0; }

div.fotoalbumgalerie h2 { margin : 5px 0}

div.fotoalbumgaleriepopis {}

p.fotoalbumgalerieodkaz { text-align: right; padding-right: 40px }



p#nahodnafotka  { text-align: center }

p.vsechnyfotogalerie { display: none; }









/*

	Fotografie

*/



body#fotografie { background-position: 0 -60px; }

body#fotografie #header { height: 80px; background:url("img/header.png") center bottom no-repeat;}

body#fotografie #header h5 { font-size: 180%; clear: both; padding-top: 5px; color: #fff }

body#fotografie #header h5 a { color: #fff }



p#navrat { width: 300px; float:right; background: #fff; margin: 0 100px 0 0; padding: 2px 8px }

p#navrat span.svisl { color: #ccc }



body#fotografie #content { float:none; width: auto }

body#fotografie #section { padding-top: 10px }



#nagalerii a.galerie { text-decoration: underline; }

#nagalerii a.galerie:hover { text-decoration: none;  }



#foto-obal { position:relative; margin: 0 auto }

#foto-obal img { margin: 0; padding:0; border: 0;}

#foto { margin: 0 auto;  overflow: hidden;}

#foto-obal a.navigace span { display: none }





#foto-obal a.navigace { position:absolute; width: 150px; height: 100%; background: none }

#foto-obal:hover a.predchozi { top: 0px; left:0; background: url(img/sipka-leva-hover.png) 10px 10px no-repeat; }

#foto-obal:hover a.nasledujici { top: 0px; right:0; background: url(img/sipka-prava-hover.png) 80px 10px no-repeat; }

#foto-obal:hover a.predchozi:hover { background: url(img/sipka-leva.png) 10px 10px no-repeat; }

#foto-obal:hover a.nasledujici:hover { background: url(img/sipka-prava.png) 80px 10px no-repeat; }



#foto-obal div.snadpisem a.predchozi { top:50px; left:0; }

#foto-obal div.snadpisem a.nasledujici { top: 50px; right:0; }









p#foto-napoveda { color:gray; padding: 5px; margin: 0; text-align:center }

p#demonstrace-funkcnosti { margin: 5px 0; padding: 10px; border: 1px solid #e0e0e0; background: #f4f4f4; }



div#foto-info-obal { width: 800px;  margin: 10px auto; }

div#foto-info {  }

div#foto-info h1 { margin: 5px 0 10px; font-size: 1.8em }

div#foto-info h1 span { color: #cacaca }

div#foto-info #foto-popis { font-size: 120%; font-style: italic;}



div#foto-komentare { padding-top: 15px}