/* ================================================== */
/* jansochor.com, 10/2008
/* styled by J.Sochor; http://www.jansochor.com
/* ================================================== */

body {
	margin: 0;
	background-color: #363933;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	
}

body.horizPhoto7 {width: 7308px;}
body.horizPhoto10 {width: 10044px;}
body.horizPhoto12 {width: 11868px;}
body.horizPhoto13 {width: 12780px;}
body.horizPhoto14 {width: 13692px;}
body.horizPhoto15 {width: 14604px;}
body.horizPhoto16 {width: 15516px;}
body.photoblog {
	width: 50%;
	text-align: center;
}
body.slideshow {width: 100%; background: #363933 url("../imgs/bgd-slideShow.gif") top center repeat-y; text-align: center;}

/* ================================================== */
/* text 
/* -------------------------------------------------- */

p, a, em, ul, li, h1, h2, h3, h4, h5, img, input, textarea {
	font-family: Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

p, a, em, ul, li { font-size: 12px; line-height: 20px;}

ul, li {list-style: none;}

h1, h2, h3, h4, h5, input, textarea {font-size: 12px;}

fieldset {margin: 0; padding: 0; border: none;}

/* ================================================== */
/* helpers
/* -------------------------------------------------- */

.clear {clear: both;}
.nodisplay {display: none;}

/* ================================================== */
/* layout containers 
/* -------------------------------------------------- */

#horizContPhoto7, #horizContPhoto10, #horizContPhoto12, #horizContPhoto13, #horizContPhoto14, #horizContPhoto15, #horizContPhoto16, #vertiContUni, #vertiContBlog, #vertiContCol, #vertiContInd {
	position: absolute;
	top: 11px;
	background-color: #363933;
	z-index: 999;
	background-position: center center;
	
}

#horizContPhoto7, #horizContPhoto10, #horizContPhoto12, #horizContPhoto13, #horizContPhoto14, #horizContPhoto15, #horizContPhoto16 {
	

}

#horizContPhoto7 {
	width: 1526px;
	height: 424px;
} /* 7 fotek */
/* IE.5-6 */ * html #horizContPhoto7 {width: 7311px;}

#horizContPhoto10 {width: 10044px; height: 424px;} /* 10 fotek */
/* IE.5-6 */ * html #horizContPhoto10 {width: 10047px;}

#horizContPhoto12 {width: 11868px; height: 424px;} /* 12 fotek */
/* IE.5-6 */ * html #horizContPhoto12 {width: 11871px;}

#horizContPhoto13 {width: 12780px; height: 424px;} /* 13 fotek */
/* IE.5-6 */ * html #horizContPhoto13 {width: 12783px;}

#horizContPhoto14 {width: 13692px; height: 424px;} /* 14 fotek */
/* IE.5-6 */ * html #horizContPhoto14 {width: 13695px;}

#horizContPhoto15 {width: 14604px; height: 424px;} /* 15 fotek */
/* IE.5-6 */ * html #horizContPhoto15 {width: 14607px;}

#horizContPhoto16 {width: 15516px; height: 424px;} /* 15 fotek */
/* IE.5-6 */ * html #horizContPhoto16 {width: 15519px;}

#vertiContUni {width: 912px;} /* univerzalni */
/* IE.5-6 */ * html #vertiContUni {width: 915px;}

#vertiContCol {width: 936px; background: url("../imgs/bgd-col.gif"); overflow: hidden;} /* 3-sloupcový layout; overflow: hidden; = finta na dopocitani vysky sloupce navigacniho boxu */

#vertiContInd {
	width: 936px;
	margin-top: 150px;
	padding-left: 12px;
} /* indexove stranky */
/* IE.5-6 */ * html #vertiContInd {width: 939px;}

#vertiContPhB {width: 600px; margin: 0 auto; text-align: left;} /* photoblog */

#vertiContSlideShow {width: 600px; height: 100%; margin: 0 auto; text-align: left;} /* slideshow */

/* ================================================== */
/* navigace
/* -------------------------------------------------- */

.navBox {width: 300px; height: 400px; background: #000000; line-height: 20px; border-right: 12px solid #363933; border-top: 12px solid #363933; float: left;}
/* IE.5-6 */ * html .navBox {width: 312px; height: 412px;}

.navBox.unlimited {padding-bottom: 1001em; margin-bottom: -1000em; height: auto;} /* finta na dopocitani pozadi pri nezname vysce navigacniho boxu */

.navBox.photoBlogLeft, .navBox.photoBlogFull, .navBox.photoBlogRight {height: 200px; border: none;}
.navBox.photoBlogRight {width: 300px;}
.navBox.photoBlogLeft {width: 299px; border-right: 1px solid #363933;}
.navBox.photoBlogFull {width: 600px;}
/* IE.5-6 */ * html .navBox.photoBlogRight {width: 299px; height: 200px;}
/* IE.5-6 */ * html .navBox.photoBlogLeft {width: 299px; height: 200px; border-right: 1px solid #363933;}
/* IE.5-6 */ * html .navBox.photoBlogFull {width: 600px; height: 200px;}

.navBox:hover {background: #0099ff;}

.navBox ul {margin: 18px 0 0 18px;}
.navBox li {list-style: none;}
.navBox li a {
	height: 20px;
	display: block;
	font-weight: normal;
	color: #FFFFFF;
	background-image: url(../imgs/bg-menu.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.navBox li a span {font-weight: normal;}
.navBox li a:hover {color: #ffffff; background: url(../imgs/bgd-menu-hover.gif) bottom left no-repeat;}
	
/* ================================================== */
/* headlines - nazvy, nadpisy sekci
/* -------------------------------------------------- */

#headerBox {height: 181px; padding: 18px 0 0 18px; background: #000000; border-bottom: 1px solid #363933;}
/* IE.5-6 */ * html #headerBox {height: 200px;}

#headerBox.phB {height: auto; border: none;}

#headerBox h1 {height: 40px; padding-bottom: 10px; background: url(../imgs/bgd-menu-hove.gif) bottom left no-repeat; color: #ffffff; font-weight: normal; border-bottom: 10px solid #000000;}
#headerBox h1 a {color: #ffffff; font-weight: bold;}
#headerBox h1 a:hover {border-bottom: 1px solid #0099ff;}
#headerBox h1 span {color: #0099ff; font-weight: normal;}
#headerBox h1 span a {
	color: #0099ff;
	font-weight: normal;
}

#headerBox h2 {color: #ffffff; font-weight: normal;}
#headerBox h2 a {color: #0099ff; font-weight: bold;}
#headerBox h2 a:hover {border-bottom: 1px solid #0099ff;}

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

#nameTop {height: 182px; padding: 18px 0 0 0;}
/* IE.5-6 */ * html #nameTop {height: 200px;}

#nameTop.archive {height: 94px; float: left;}

#nameTop h1 {padding: 0 0 0 18px; font-size: 24px; color: #ffffff; font-weight: normal;}
#nameTop h2 {padding: 0 0 0 18px; color: #ffffff; font-weight: normal;}
#nameTop h2 a {color: #ffffff;}
#nameTop h2 a:hover {color: #ffffff; border-bottom: 1px solid #0099ff;}
#nameTop h3 {padding: 0 3px 0 18px; color: #0099ff; font-weight: normal; display: inline;}
#nameTop h3.archive {padding: 0 0 0 18px; display: block;}
#nameTop h4 {color: #363933; font-size: 11px; text-transform: uppercase; display: inline;}
#nameTop h4.archive {padding: 0 0 0 18px;}
	
#nameBott {padding: 106px 0 0 0; height: 94px;}
/* IE.5-6 */ * html #nameBott {height: 200px;}

#nameBott h1 {padding: 0 0 0 18px; color: #ffffff; font-size: 52px; line-height: 52px; font-weight: normal;}
#nameBott h1.blog {padding: 30px 0 0 18px; color: #000000; font-size: 24px; line-height: 24px;}

#nameBott h2 {padding: 0 3px 0 18px; color: #0099ff; font-weight: normal; display: inline;}
#nameBott h3  {color: #363933; font-size: 11px; display: inline; text-transform: uppercase;}
	
.nameUni {padding: 158px 0 0 0; height: 42px;}
/* IE.5-6 */ * html #nameUni {height: 200px;}
.nameUni h3 {padding: 0 18px 0 18px; color: #0099ff; line-height: 20px;}

/* ================================================== */
/* objekty - fotoboxy
/* -------------------------------------------------- */

.BfotoBox, .SfotoBox, .AfotoBox {font-size: 0px; line-height: 0px; background: #363933 url("../imgs/bgd-rastr.gif");}

.BfotoBox {width: 600px; height: 400px; border-top: 12px solid #363933; float: left;}
.BfotoBox img {width: 600px; height: 400px; border: 0;}

.SfotoBox {width: 300px; height: 200px;}
.AfotoBox {width: 140px; height: 94px; border-right: 12px solid #363933; float: left;}
	
/* ================================================== */
/* objekty - photoblog
/* -------------------------------------------------- */

.phbBox, .phbBoxArchive {width: 100%; height: 94px; background: #000000; line-height: 20px; float: left;}
/* IE.5-6 */ * html .phbBox {height: 106px;}
/* IE.5-6 */ * html .phbBoxArchive {height: 106px;}

.phbBox {border-top: 12px solid #363933;}
.phbBoxArchive {border-top: 12px solid #363933;}

.phbBox.toparchive {border-top: none;}
/* IE.5-6 */ * html .phbBox.toparchive {height: 94px;}

.phbBlackBox {width: 100%; height: 94px; background: #000000; float: left;}
	
/* ================================================== */
/* objekty - slideshow
/* -------------------------------------------------- */

.slideShowTopBox {width: 100%; height: 94px; background: #000000; border-top: 12px solid #363933; line-height: 20px; float: left;}
/* IE.5-6 */ * html .slideShowTopBox {height: 106px;}

.slideShowFlashBox {width: 600px; height: 442px; background: #000000; border-top: 12px solid #363933; border-bottom: 12px solid #363933; float: left;}

.slideShowCreditBox {padding: 0 18px 0 18px; border-top: 12px solid #000000; border-bottom: 12px solid #000000; background: #000000; float: left;}
.slideShowCreditBox p, .slideShowCreditBox a {font-size: 9px; line-height: 14px; color: #8c8c84;}
.slideShowCreditBox a {color: #8c8c84;}
.slideShowCreditBox a:hover {color: #ffffff; border-bottom: 1px solid #0099ff;}
	
/* ================================================== */
/* objekty - centralni box (vertikal & horizontal)
/* -------------------------------------------------- */

#centrBox {
	width: 600px;
	height: 400px;
	line-height: 20px;
	background: #000000 url("../imgs/bgd-centr-line-363933.gif") top repeat-x;
	border-top: 12px solid #363933;
	float: left;
}
/* IE.5-6 */ * html #centrBox {width: 600px; height: 412px;}

#centrBox.photoblog {border-top: 12px solid #363933;}
#centrBox.half {height: 200px; background-image: none;}
/* IE.5-6 */ * html #centrBox.half {height: 212px;}

#centrBox p {padding: 18px; color: #8c8c84;}
#centrBox p a {color: #ffffff;}
#centrBox p a:hover {color: #ffffff; border-bottom: 1px solid #0099ff;}

/* ================================================== */
/* objekty - text box (indexy)
/* -------------------------------------------------- */

.blackIndexBox {background: #000000 url("../imgs/bgd-centr-line-363933.gif") top repeat-x; border-right: 12px solid #363933; border-top: 12px solid #363933; float: left;}
.blackIndexBox {width: 300px; height: 400px;}
/* IE.5-6 */ * html .blackIndexBox {width: 312px; height: 412px;}

.blackIndexBox h1 {padding: 18px 18px 0 18px; color: #0099ff; line-height: 20px;}
.blackIndexBox h1 a {color: #0099ff; border-bottom: none;}
.blackIndexBox h1 a:hover {border-bottom: 1px solid #0099ff;}

.blackIndexBox p {
	padding: 0 18px 18px 18px;
	color: #FFFFFF;
}
.blackIndexBox p a {color: #ffffff;}
.blackIndexBox p a:hover {color: #ffffff; border-bottom: 1px solid #0099ff;}

/* ================================================== */
/* objekty - cerne boxy (vertikal & horizontal)
/* -------------------------------------------------- */

.blackBoxRB, .blackBoxLB, .blackBoxTRB, .blackBoxT {width: 300px; height: 400px; background: #000000; float: left;}
.blackBoxT {height: auto; border-top: 12px solid #363933;}

/* IE.5-6 */ * html .blackBoxRB {width: 312px; height: 412px;}
/* IE.5-6 */ * html .blackBoxLB {width: 312px; height: 412px;}
/* IE.5-6 */ * html .blackBoxTRB {width: 312px; height: 424px;}
/* IE.5-6 */ * html .blackBoxT {width: 300px; height: auto;}

.blackBoxRB {border-right: 12px solid #363933; border-top: 12px solid #363933;}
.blackBoxLB {border-left: 12px solid #363933; border-top: 12px solid #363933;}
.blackBoxTRB {border-top: 12px solid #363933; border-right: 12px solid #363933; border-bottom: 12px solid #363933;}

.blackBoxRB p, .blackBoxRB p.right, .blackBoxLB p, .blackBoxLB p.right, .blackBoxTRB p.right, .blackBoxT p.right {
	padding: 0 18px 18px 18px;
	color: #FFFFFF;
}
.blackBoxRB p.right, .blackBoxLB p.right, .blackBoxTRB p.right, .blackBoxT p.right {text-align: right;}
.blackBoxRB p, .blackBoxLB p, .blackBoxRB p.right, .blackBoxLB p.right, .blackBoxTRB p.right, .blackBoxT p.right {padding: 18px;}
.blackBoxRB a, .blackBoxLB a {color: #ffffff;}
.blackBoxRB a:hover, .blackBoxLB a:hover {color: #ffffff; border-bottom: 1px solid #0099ff;}

/* ================================================== */
/* objekty - text boxy (vertikal)
/* -------------------------------------------------- */

.vertTxtCont {width: 912px; background: #000000; overflow: hidden; float: left;} /* text kontejner pro reportaze */
.vertTxtCont.black {background: #000000;} /* kontejner pro zdroje informaci u reportaze */
.vertTxtCont.borderTop {border-top: 12px solid #363933;}
.vertTxtCont.comments {width: 600px; background: #c9c9bb url("../imgs/bgd-comm-box.gif") top left repeat-x; float: left; display: none;} /* kontejner pro komentare */

.vertTxt {width: 600px; margin: 0 0 0 300px; padding: 18px 0 0 0; background-color: #c9c9bb; border-top: 12px solid #363933; border-left: 12px solid #363933; line-height: 20px;}
/* IE.5-6 */ * html .vertTxt {width: 612px;}

.vertTxt.comm {min-height: 164px; margin: 0; padding: 18px 0 18px 0; border-top: 12px solid #363933; border-left: none;}
/* IE.5-6 */ * html .vertTxt.comm {height: 212px;}
.vertTxt.noBorderTop {border-top: none;}
.vertTxt.noMargin {margin: 0; float: left;}

.vertTxt p {padding: 0 18px 18px 18px; color: #000000;}
.vertTxt p span {margin: 0 0 0 8px; background: url("../imgs/p-end.gif") center left no-repeat;}
.vertTxt p a {color: #000000; border-bottom: 1px solid #8c8c84;}
.vertTxt p a:hover {color: #ffffff; border-bottom: 1px solid #0099ff;}

.vertTxt h3, .vertTxt h4, .vertTxt h5 {margin: 0 18px 0 18px; color: #000000;}

.vertTxt h3 a {color: #000000; border-bottom: 1px solid #363933;}
.vertTxt h3 a:hover {color: #ffffff; border-bottom: 1px solid #0099ff;}
.vertTxt h3 span {color: #0099ff; font-weight: normal;}

.vertTxt h4 {height: 36px; color: #0099ff; font-size: 24px; font-weight: normal; background: url(../imgs/bgd-menu-hover.gif) center left no-repeat; display: block;}
.vertTxt h5 {color: #363933; font-size: 11px; text-transform: uppercase;}

/* ================================================== */
/* objekty - sloupce
/* -------------------------------------------------- */

.col2Box, .col3Box {height: 100%; background: #000000 url("../imgs/bgd-centr-line-363933.gif") top repeat-x; border-right: 12px solid #363933; border-top: 12px solid #363933; float: left;}

.col3Box {width: 300px;}
/* IE.5-6 */ * html .col3Box {width: 312px;}
.col2Box {width: 612px;}
/* IE.5-6 */ * html .col2Box {width: 624px;}

.colBoxTxt {padding: 18px 0 24px 0;}
/* IE.5-6 */ * html .colBoxTxt {margin: 18px 0 0 0;}

.colBoxTxt ul {list-style: none;}
.colBoxTxt p, .colBoxTxt li {padding: 0 18px 0 18px; color: #8c8c84;}
.colBoxTxt a, .colBoxTxt li a {color: #ffffff;}
.colBoxTxt a:hover, .colBoxTxt li a:hover {color: #ffffff; border-bottom: 1px solid #0099ff;}
.colBoxTxt li span {padding: 0 0 0 6px; color: #363933; font-size: 11px; font-weight: bold; text-transform: uppercase;}

/* ================================================== */
/* footery (vertikal & horizontal)
/* -------------------------------------------------- */

.vertFooter, .horzFooter {background: #363933;}

.vertFooter {width: 924px; border-top: 12px solid #363933; border-bottom: 12px solid #363933; float: left;}
.vertFooter.phB {width: 100%; background: #363933; border-top: 12px solid #363933; border-bottom: 12px solid #363933;} /* pro photoblog */
.vertFooter.reportaz {width: 912px;} /* pro reportaz, publikace */

.horzFooter {position: fixed; bottom: 6px; left: 324px; width: 600px; height: 60px;}
/* IE.5-6 */ * html .horzFooter {position: absolute;}

.vertFooter p, .horzFooter p, .vertFooter a, .horzFooter a  {font-size: 9px; line-height: 14px;}
.vertFooter p, .horzFooter p  {padding: 6px 0 6px 0; background: url(../imgs/bgd-footer-line.gif) top left no-repeat; color: #8c8c84;}
.vertFooter a, .horzFooter a  {color: #8c8c84;}
.vertFooter a.top {color: #000000;}
.vertFooter a:hover, .horzFooter a:hover {border-bottom: 1px solid #0099ff;}

.horzFooter h4, .horzFooter h5 {line-height: 20px; display: inline;}
.horzFooter h4 {padding: 0 3px 0 0; color: #ffffff;}
.horzFooter h5 {color: #000000; font-weight: normal;}