/***************************** CUSTOM RULES ***********************************/

body {
	font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;
	font-size: 12px;
}

/* overriding blueprint */
input[type="text"], input[type="password"], input.text, input.title, textarea, select {
	margin:0.1em 0;
}

/* IE fix */
div {
	text-align: left;
}

form table {
	width: 99%;
}

form table th {
	width: 25%;
	text-align: right;
}

/***************************** YOUNG PACKAGE **********************************/

/*------------------------------- LAYOUT -------------------------------------*/

h1 {
	color: #069;
	font-size: 1.6em;
}

h2 {
	font-size: 1.4em;
}

#page {
	background-color: #FFF;
	width: 990px;
	margin: 0px auto;
}

#banner {
	margin: 17px 0;
	width: 625px;
	height: 75px;
}


#footer {
	font-size: 0.8em;
	color: #777;
	margin-top: 30px;
}

#footer a.facebook img {
	vertical-align: bottom;
}

#footer .banners {
	border-top: solid #ADADAD 1px;
	margin: 5px 0 10px;
	padding-top: 10px;
}

#footer .banners div {
	width: 92px;
	float: left;
	text-align: center;
	margin-right: 10px;
}

#footer .banners div.withoutParagraph {
	padding-top: 22px;
}

#footer .banners p {
	margin: 0 0 10px;
}

#footer p {
	clear: both;
	margin: 0.5em 0;
}

#content {
	margin-right: 170px;
	
	min-height: 451px;
	_height: 460px; /*ie6 otestovat*/
}
/*min height pro IE7 only*/
*:first-child+html #content {
  min-height: 460px;
}

#center {
	margin-top: 14px;
	background-image: url("../images/backgroundMain.png");
	background-repeat: no-repeat;
	background-position: right top;
}

.c1 #center, .c2 #center {
	background-image: url("../images/backgroundBlue.png");
	background-repeat: repeat-y;
	background-position: right top;
}
/*mo 2010*/
#c9 #center, #c48 #center, .c9 #center, .c48 #center {
  background-image: url("../images/backgroundViolet.png");
	background-repeat: repeat-y;
	background-position: right top;
}

/*mo old*/
#c10 #center, #c50 #center, .c10 #center, .c50 #center {
  background-image: url("../images/backgroundGreen.png");
	background-repeat: repeat-y;
	background-position: right top;
}

/*mo materialy*/
#c18 #center, #c68 #center, .c18 #center, .c68 #center {
  background-image: url("../images/backgroundYellow.png");
	background-repeat: repeat-y;
	background-position: right top;
}

/*mo materialy*/
#c86 #center, #c69 #center, .c86 #center, .c69 #center {
  background-image: url("../images/backgroundViolet.png");
	background-repeat: repeat-y;
	background-position: right top;
}


.sectionLeft, .sectionRight {
	float: left;
	overflow: visible;
}

.sectionRight {
	width: 782px;
}

.sectionLeft {
	width: 208px;
}

#breadcrumbBar {
	position: relative;
	height: 21px;
	padding: 3px 0 0 8px;
	border-left: solid 1px #90D3E9;
}

#breadcrumbBar a, #languages {
	text-decoration: none;
}

#breadcrumbBar img {
	margin: 0 8px 0 8px;
}

.pageContainer {
	background-color: #FFF;
}

body, #breadcrumbBar {
	background-color: #09C;
}

#content #news .continue, #content #news p a {
	font-size: 0.9em;
}

#breadcrumbBar a {
	color: #003;
}

#news {
	margin: 65px 30px 0 26px;
}

#news a:hover {
	color: #000;
}

#content #news {
	margin-left: 0px;
}

#news .new .content p, #news .new .content p {
	display: none;
}

#content #news a {
	font-size: 15px;
}

#content #news  .content p {
	color: #000;
	display: block;
	margin-bottom: 0px;
	font-size: 1em;
}

#news .new {
	padding-bottom: 18px;
}

#c1 #news .new, #c2 #news .new {
	float: left;
	width: 44%;
	padding: 0 5% 0 0;
}

.categoryPage #content #news a, #news a {
	color: #00C;
}

#c1 #news h2 a, #c2 #news h2 a {
	background-image: url("../images/news-arrows-others.png");
}

/*#c1 #news h2 a:hover, #c2 #news h2 a:hover {
	background-image: url("../images/news-arrows-others-hover.png");
}*/


#news h2 {
	margin-bottom: 18px;
}

#c1 #news h2, #c2 #news h2 {
	margin-bottom: 14px;
}

#news h2 a {
	padding: 0 30px 0 0;
	background-image: url("../images/news-arrows-others.png");
	background-position: right center;
	background-repeat: no-repeat;
}

#news h2 a:hover {
  background-image: url("../images/news-arrows-others-hover.png");
  color: black;
}

#news .time, #footer a, .newsPage .time, .categoryPage #content a {
	color: #09C;
}

#news .time {
	font-size: 0.8em;
}

#menu, .c1 #news, .c1 #news p, .c1 #news div, .c2 #news, .c2 #news p, .c2 #news div {
	text-align: right;
}

#menu {
	margin-bottom: 86px;
}

#menu ul {
	list-style: none;
	margin: 0 27px 0 0;
}

#menu a, #news h2, #content #news h2, #news .new a {
	font-size: 1.25em;
}

#menu a {
	padding: 0 4px 0.5em 5px;
	display: block;
	color: #000;
}

#menu a:hover {
	color: #069;
}

#top {
	position: relative;
}

#languages {
	position: absolute;
	right: 36px;
	top: 17px;
	font-size: 1.2em;
}

#languages .login {
    font-size:1.1em;
    margin-left:55px;
}


#header span {
	position: absolute;
	top: -9999px;
	left: -9999px;
}

#languages a {
	color: #0099cc;
	text-decoration: underline;
}

#header img {
	margin: 23px 0 0 25px;
}

/*----------------------------- FORM SEARCH ----------------------------------*/

form.search {
	position: absolute;
	right: 30px;
	top: 2px;
}

form.search input {
	vertical-align: middle;
}

form.search input.text {
	margin: 0px;
	padding: 0px;
	height: 16px;
	width: 71px;
	border-width: 1px 0 1px 0;
	border-color: #90D3E9;
}


form.search input.imagebutton {
	margin: 1px 0 1px -3px;
}

/*-------------------------- CONCRETE MODULES --------------------------------*/

#c1 h2, #content .perex, #c2 h2 {
	color: #609;
}

#c1 #content, #c2 #content {
	margin-left: 0px;
}

#content {
	margin-left: 70px;
}

#c1 #content p, #c2 #content p, #content .perex {
	color: #609;
	font-size: 1.2em;
	line-height: 1.25;
}

.newsPage h3 {
	font-size: 1.3em;
}

.categoryPage #content a {
	font-size: .9em;
}

.categoryPage #content h3, .previewGallery h3, .newsPage h3 {
	margin-bottom: 5px;
}

.categoryPage #content p {
	color: #555;
}

.articlePage #content h2 {
	margin-bottom: 5px;
}

.articlePage #content p, .articlePage #content .perex {
	text-indent: 19px;

}

.articlePage #content .time {
	margin-bottom: 1em;
}

.articlePage .text h1, .articlePage .text h2, .articlePage .text h3,
.articlePage .text h4, .articlePage .text h5, .articlePage .text h6,
.articlePage .text img {
	margin-top: 25px;
}

.articlePage .text h1 {
  font-size: 1.3em;
}
.articlePage .text h2 {
  font-size: 1.3em;
}

.articlePage .text ul {
	margin-top: 10px;
}

.articlePage .text p {
	font-size: 1.1em;
	color: #333;
	margin: 1em 0 0;
}

.articlePage #content img {
	margin-top: 16px;
}

.articlePage #content .Popisek {
	display: block;
	color: #609;
	margin: 0 22px 0 0;
	padding: 0 0 2px 16px;
	line-height: 22px;
	min-height: 25px;
	_height: 25px;
	background-image: url("../images/image-description.png");
	background-repeat: no-repeat;
	background-position: 19px 3px;
}

.categoryPage .perex {
	margin-bottom: 20px;
}

.sitemapPage #content ul {
	list-style-type: none;
	margin: 0 40px;
}

.sitemapPage #content .ulComposite {
	margin: 0;
}

.sitemapPage #content li {
	margin: 8px 0;
}

.previewGallery {
	margin: 15px 0;
	width: 103%;
}

.previewGallery img {
	float: left;
	margin-right: 15px;
}

.previewGallery .time {
	color: #444;
}

.previewGallery .perex {
	font-size: 1.2em;
}

.images {
	position: relative;
	left: -15px;
}

.images img {
	width: 100px;
	height: 75px;
	float: left;
	margin: 15px 15px;
}

/*rozmery galerie*/
#lightBox {
	background-color: #FFF; width: 718px; height: 594px; border: solid 1px #09C;
	position: relative;
}
#lightBox .image-browser-image {
	width: 716px; height: 436px; overflow: hidden; padding: 0px; float: left;
	position: relative; top: 15px;
}

/*nahledovy pas*/
#lightBox .image-browser-thumbs {
	width: 668px; height: 75px; overflow: hidden; clear: both;
	padding: 0 25px;
	top: 63px;
	border-top: solid 10px #06C;
	border-bottom: solid 10px #06C;
}

#lightBox .image-browser-active {
  border-left: 2px solid #0066CC;
  border-right: 2px solid #0066CC;
}

#lightBox .image-browser-thumbs div.image-browser-thumb-box	{
	height: 75px; width: auto; padding: 0; margin: 0 14px;
}

#lightBox .image-browser-thumbs div.image-browser-thumb-box	{
	position: relative;
	*top: -1px;
}

/*ovladaci tlacitka*/
#lightBox .image-browser-prev {
	position: absolute; top: 509px; left: 0px;
	display: block; width: 24px; height: 75px; cursor: pointer; background: #FFF url(../images/image-previous.png) no-repeat scroll center center;
}
#lightBox .image-browser-prev:hover	{
	background: #FFF url(../images/image-previous.png) no-repeat scroll center center;
}
#lightBox .image-browser-next {
	position: absolute; top: 509px; right: 0px;
	display: block; width: 24px; height: 75px; cursor: pointer;
	background: #FFF url(../images/image-next.png) no-repeat scroll center center;
}
#lightBox .image-browser-next:hover	{
	background: #FFF url(../images/image-next.png) no-repeat scroll center center;
}
#lightBox .image-browser-prev-disabled {
	position: absolute; top: 509px; left: 0px;
	display: block; width: 42px; height: 36px; cursor: pointer;
	background: #FFF url(../images/image-previous.png) no-repeat scroll center center;
}
#lightBox .image-browser-next-disabled {
	position: absolute; top: 509px;  right: 0px;
	display: block; width: 42px; height: 36px; cursor: pointer;
	background: #FFF url(../images/image-next.png) no-repeat scroll center center;
}
#lightBox .image-browser-close {
	position: absolute;
	top: 17px;
	right: 17px;
	display: block;
	width: 23px;
	height: 23px;
	cursor: pointer;
	background: url(../images/image-close.png);
}

/*styly pro popisku*/
#lightBox .image-browser-caption {
	position: absolute;
	top: 452px;
	height: 40px;
	padding: 0 24px;
	font-size: 1.1em;
	color: #006;
}

/* rozbalovaci menu */

#rollMenu {
	position: relative;
	z-index: 1;
}

#rollMenu li {
	position: relative;
	width: 100%;
}

#rollMenu ul {
	border-left: solid 1px #069;
	border-top: solid 1px #09C;
	border-right: solid 1px #069;
	border-bottom: solid 2px #09C;
}

#rollMenu div div {
	left: 135px;
	padding-left: 30px;
	background-color: transparent;
}

#rollMenu div ul {
	background-color: #FFF;
}

#rollMenu div {
	text-align: left;
	width: 170px;
	padding-left: 30px;
	background: transparent url("../images/menu-arrow.png") no-repeat scroll 15px 5px;
	
	position: absolute;
	top: 0px;
	left: 170px;

	display: none;
}