body, html {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color:	#000;
	margin: 0;
	padding: 0;
	height: 	100%;
	background-color: #FCFCFC;
}

.noScreen {
	display: none;
}

div.pageBody {
	width: 	997px;
	min-height: 100%;
	background-color: #fff;
	border-left: 1px solid #F3F3F3;
	border-right: 1px solid #F3F3F3;
	margin: 	auto;
	padding: 0;
	position: relative;
}

* html div.pageBody {
	height: 	100%;
}

div.pageHeader {
	height: 	290px;
	position: relative;
	top: 0;
	left: 0;
}

div.pageHeader2 {
	height: 30px;
	position: relative;
	top: 0;
	left: 0;
}

div.pageLogotype {
	width: 	996px;
	height: 45px;
}

div.pageLogotype a {
	width: 272px;
	height: 30px;
	display: block;
	background: url( "/media/images/design/logotype.gif" ) top left no-repeat;
}

div.pageLogotype a span {
	display: none;
}

div.pageLogotype2 {
	margin-top: 10px;
	width: 	996px;
	height:	45px;
}

div.pageLogotype2 a {
	width: 	272px;
	height: 	30px;
	display: block;
	background: url( "/media/images/design/logotype.gif" ) top left no-repeat;
}

div.pageLogotype2 a span {
	display: none;
}

div.pageLogotype3 {
	width: 	712px;
	/*height: 28px;*/
}

div.pageLogotype3 a {
	width: 	272px;
	height: 	30px;
	display: block;
	background: url( "/media/images/design/logotype.gif" ) top left no-repeat;
}

div.pageLogotype3 a span {
	display: none;
}

ul.pageMenuTop {
	margin: 	10px 0 0 0;
	padding: 0;
	list-style-type: none;
	color: 	#3b3b3b;
	font-size: 9pt;
	z-index: 999;
}

ul.pageMenuTop li {
	width: 	100px;
	height: 	22px;
	float: 	left;
	padding: 3px 0 0 0;
	margin: 0 25px 0 0;
	white-space: nowrap;
	background: url( "/media/images/design/button_log.jpg" ) no-repeat;
}

ul.pageMenuTop a {
	color: 	#3b3b3b;
	font-weight: normal;
	text-decoration: underline;
}

ul.pageMenuTop a:hover {
	color: 	#3b3b3b;
	text-decoration: none;
}

ul.pageMenu {
	height: 	240px;
	position: absolute;
	top: 	45px;
	left: 0;
	margin: 0;
	padding: 0 0 0 716px;
	list-style-type: none;
	background: url( "/media/images/design/bg_menu_main.jpg" ) top left no-repeat;
}

* html ul.pageMenu {
	padding: 0 0 0 714px;
}

ul.pageMenu li {
	float: 	left;
	padding: 0;
	margin: 0 0 0 2px;
}

ul.pageMenu li span {
	display: none;
}


ul.pageMenu a.menuHome {
	width: 	54px;
	height: 	240px;
	display: block;
	background: url( "/media/images/design/buttons/menu_01.gif" ) top left no-repeat;
}

ul.pageMenu a.menuSearch {
	width: 	54px;
	height: 	240px;
	display: block;
	background: url( "/media/images/design/buttons/menu_02.gif" ) top left no-repeat;
}

ul.pageMenu a.menuPhoto {
	width: 	54px;
	height: 	240px;
	display: block;
	background: url( "/media/images/design/buttons/menu_03.gif" ) top left no-repeat;
}

ul.pageMenu a.menuHelp {
	width: 	54px;
	height: 	240px;
	display: block;
	background: url( "/media/images/design/buttons/menu_04.gif" ) top left no-repeat;
}

ul.pageMenu a.menuContact {
	width: 	54px;
	height: 	240px;
	display: block;
	background: url( "/media/images/design/buttons/menu_05.gif" ) top left no-repeat;
}

div.pageContent {
	margin: 0;
	padding: 0 0 20px 0;
}

h1.pageTitle {
	clear:both;
	font-size: 20pt;
	color: 	#036;
	font-weight: normal;
	padding: 10px 0 0 0;
	margin: 0 0 10px 0;
	text-align:  left;
}

h1.pageTitleBigPh {
	clear:both;
	font-size: 20pt;
	color: 	#036;
	font-weight: normal;
	padding: 0;
	margin: 10px;
	text-align:  center;
}

h1.pageTitlePhoto {
	height: 	37px;
	width: 	990px;
	background: url( "/media/images/design/background/bg_title_photo.jpg" ) repeat-x;
	font-size: 20pt;
	color: 	#036;
	font-weight: normal;
	float: 	left;
	padding: 3px 0 0 10px;
	margin: 3px 0 0 15px;
}

.spanPinkB {
	color: 	#dd137b;
	font-size: 17pt;
}

.spanPink {
	color: 	#dd137b;
	font-weight: bold;
}

.spanBlue {
	color: 	#183884;
	font-weight: bold;
}

#filtr {
	width: 997px;
	height: auto;
	padding: 8px 0 0 0;
}

#category_date_from { float: left;}
#category_date_to { float: left;}

#top_filtr {
	width: 997px;
	height: 42px;
	background: url( "/media/images/design/bg_top_filtr.jpg" ) no-repeat;
}

#down_filtr {
	width: 995px;
	height: auto;
	color: #5c5c5c;
	font-weight: bold;
	background: #e8dad9;
	padding: 10px 0 10px 0;
	border-left: 1px solid #d6c0be;
	border-right: 1px solid #d6c0be;
	border-bottom: 1px solid #d6c0be;
	text-align: center;
}

#down_filtr input {

	border: 1px solid #b1b1b0;
}

#filtr_keyword {
	width: 125px;
}

#filtr_date_action, #filtr_date_insert {
	width: 95px;
	float: left;
}

#filtr_days_action, #filtr_days_insert {
	width: 30px;
}

#filtr_activites {
	width: 245px;
}

#filtr_filtr {
	width: 140px;
}

#down_filtr table {
	text-align: left;
	width: 950px;
	margin: 0 auto;
}

#obal_fv {
	width: 997px;
	height: 67px;
	margin: 5px 0 5px 0;
	text-align: center;
}

#obal_fv  h2 {
	width: 478px;
	height: 67px;
	display: block;
	margin: 0;
}

#obal_fv_left {
	background: url( "/media/images/design/bg_top_fotogalerie.jpg" ) no-repeat;
	float: left;
}
#obal_fv_right {
	background: url( "/media/images/design/bg_top_videogalerie.jpg" ) no-repeat;
	float: right;
}

#obal_fv_cont {
	width: 997px;
	height: auto;
}

#obal_fv_cont_left {
	width: 478px;
	height: auto;
	float: left;
}

#obal_fv_cont_right {
	width: 478px;
	height: auto;
	float: right;
}

.name_blue {
	color: #215ec8;
	font-weight: bold;
}

.foto_cover {
	width: 442px;
	height: auto;
	border: 1px solid #e0e060;
	background: #f4f4b4;
	margin: 5px 0 5px 0;
	padding: 13px 17px;
	color: #676767;
	float: left;
}

.foto_cover_text {
	width: 248px;
	height: auto;
	float: left;
}

.foto_cover_text a {
	color: #0049cc;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.1em;
}

.foto_cover_foto_height {
	width: 136px;
	height: 174px;
	float: right;
	padding: 21px 0 0 23px;
	margin: 0 20px 0 0;
	display: inline;
	background: url( "/media/images/design/bg_foto_@.jpg" ) no-repeat;
}

.foto_cover_foto_width {
	width: 174px;
	height: 136px;
	float: right;
	padding: 20px 0 0 20px;
	background: url( "/media/images/design/bg_foto.jpg" ) no-repeat;
}

.video_cover {
	width: 476px;
	height: auto;
	float: left;
	border: 1px solid #65e357;
	background: #baf5af;
	margin: 5px 0 5px 0;
	color: #676767;
}

.video_cover_text {
	width: 190px;
	height: auto;
	float: left;
	padding: 70px 0 0 20px;
	
}

.video_cover_text a {
	color: #0049cc;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.1em;
}

.video_cover_foto {
	width: 232px;
	height: 167px;
	float: right;
	padding: 80px 0 5px 30px;
	margin: 0;
	display: inline;
	background: url( "/media/images/design/bg_video.jpg" ) no-repeat;
}

.videoShow {
	float: left;
	width: 100%;
}
.videoShowLeft {
	float: left;
}
.videoShowRight {
	float: right;
	width: 400px;
	padding: 0 0 20px 0;
	
}
.videoShowRight img {
	margin: 3px 3px 3px 20px;
	display: inline;
}
.relatedVideo {
	color: #0a43ac;
	font-weight: bold;
	font-size: 1.1em;
}

input#butt_filtr {
	background: url( "/media/images/design/butt_filtr.jpg" ) no-repeat;
	width: 80px;
	height: 30px;
	border: 0;
	margin: 10px 0 0 0;
}

div.photoPageBg {
	width: 	966px;
	height: 	auto;
	background-color: #e7eaf3;
	float: 	left;
	border-left: 2px solid #bbb9b9;
	border-right: 2px solid #bbb9b9;
	border-bottom: 2px solid #bbb9b9;
	margin: 0 0 0 15px;
	padding: 0 0 0 30px;
}
div.photoPageBgObal {
	width: 	1000px;
	height: 	auto;
	float: 	left;
	margin-left: -20px;
	display: inline;
}

div.pageTitleText {
	width: 	712px;
	height: 	52px
	text-align: center;
	padding: 0 0 0 6px;
	margin: 0;
	float:  	left;
}
div.pageTitleLogo {
	width: 	259px;
	min-height: 52px
	font-size: 16pt;
	padding: 0;
	margin: 0 0 0 0;
	float:  	left;
	text-align: center;
}

div.topLog {
	width: 	997px;
	height: 	52px;
	font-family: Arial;
	font-size: 16pt;
	color: 	#036;
	font-weight: normal;
	padding: 0 0 0 10px;
	margin: 0;
}

div.pageFooter {
	clear: both;
	text-align: center;
}

div.pageMenuBottom {
	color: 	#666;
	font-size: 9pt;
	margin: 	10px 0 10px 0;
	padding: 5px;
	text-transform: uppercase;
	background-color: #FCFCFC;
	border-top: 1px solid #F3F3F3;
	border-bottom: 1px solid #F3F3F3;
}

div.pageMenuBottom a {
	color: 	#666;
	text-decoration: underline;
}

div.pageMenuBottom a:hover {
	color: 	#666;
	text-decoration: none;
}

div.pageCopyright {
	color: 	#999;
	font-size: 8pt;
	margin: 0;	padding: 0;
}

div.pageCopyright a {
	color: 	#999;
	font-weight: bold;
	text-decoration: underline;
}

div.pageCopyright a:hover {
	color: 	#999;
	text-decoration: none;
}





form {
	margin: 0;
}

fieldset {
	padding: 15px;
	margin: 0 0 10px 0;
}

legend {
	color: 	#036;
	font-size: 9pt;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0 10px 10px 10px;
}

div.formItem, div.formItemRequired {
	clear: 	both;
	margin: 	1px 0 2px 0;
}
.formDescr {
	/*width: 	330px;*/
	font-size: 11px;
	color:#036;
}

label {
	float: 	left;
	width: 	130px;
	margin: 	0.20em 0.00em 0.00em 0.00em;
}

div.formItemRequired label {
	font-weight: bold;
}

div.errorBox {
	color: 	#CC0000;
	padding: 10px;
	border: 	1px solid #CC0000;
}
div.blueTextBox {
	color: 	#1b00bc;
	padding: 10px;
	border: 	1px solid #1b00bc;
}

div.noItems {
	padding: 30px;
	text-align: center;
	color: 	#666;
}

div.listOfPhotos {
	clear: 	both;
	float: 	left;
}

div.listOfPhotos2 {
	clear: 	both;
	float: 	left;

}

div.userGal {
	float: 	left;
	width: 	940px;
	height: 170px;
	padding: 5px;
	margin: 7px;
	border: 1px solid #e0e0e0;
	font-size: 12px;
	color: 	#333;
	position: relative;
	background-color: #fff;
}

div.userGalOver {
	float: 	left;
	width: 	940px;
	height: 170px;
	padding: 5px;
	margin: 7px;
	border: 1px solid #9ACD32;
	font-size: 12px;
	color: 	#333;
	position: relative;
	background-color: #ffffee;
}

div.userGalDesc {
	float: 	left;
	width: 	940px;
	padding: 10px;
	margin: 	7px;
	border: 	1px solid #9ACD32;
	text-align: left;
	font-size: 8pt;
	color: 	#666;
	position: relative;
	background-color:		#F9F9F9;
}

div.photoCard {
	float: 	left;
	width: 	210px;
	height: 260px;
	padding: 0;
	margin:	7px;
	border: 	1px solid #b0b0af;
	text-align: center;
	font-size: 8pt;
	color: 	#3b3b3b;
	position: relative;
	background-color: #e2e2e1;
}

div.photoCardOver {
	float: 	left;
	width: 	210px;
	height: 	260px;
	padding: 0;
	margin: 	7px;
	border: 	1px solid #e0117d;
	text-align: center;
	font-size: 8pt;
	color: 	#3b3b3b;
	position: relative;
	background-color: #fec9d6;
}

div.photoCard_info {
	float:  	left;
	width: 	210px;
	text-align:  center;
	font-size:  8pt;
	color:
}

div.photoCard_width {
	float: 	left;
	width: 	208px;
	height: 	172px;
	padding: 4px 0 0 0;
	margin: 	0 auto;

	background: url("/media/images/design/background/bg_gall_width.gif" ) no-repeat;

}

div.photoCard_height {
	float: 	left;
	width: 	172px;
	height: 	208px;
	padding: 4px 0 0 0;
	margin-left: 24px;
	display: inline;
	background: url("/media/images/design/background/bg_gall_height.gif" ) no-repeat;

}

div.photoCard_widthOver {
	float: 	left;
	width: 	208px;
	height: 	172px;
	padding: 4px 0 0 0;
	margin: 	0 auto;
	position: relative;
	background: url("/media/images/design/background/bg_gall_width_over.gif" ) no-repeat;
}

div.photoCard_heightOver {
	float: 	left;
	width: 	172px;
	height: 	208px;
	padding: 4px 0 0 0;
	margin-left: 24px;
	display: inline;
	background: url("/media/images/design/background/bg_gall_height_over.gif" ) no-repeat;
}

div.photoCardBig {
	/*padding: 10px;
	margin: 	7px;*/
	text-align: center;
	font-size: 8pt;
	color: 	#333;
	position: relative;
	background-color: #fff;
}

div.photoCardShow {
	/*padding: 10px;
	margin: 7px;*/
	text-align: center;
	font-size: 11px;
	color: 	#333;
	position: relative;
	background-color: #e7eaf3;
}

div.photoCard img.photoCardImg, div.photoCardOver img.photoCardImg, div.photoCardBig img.photoCardImg, div.photoCardShow img.photoCardImg  {
	border: 	1px solid #000;
	margin: 	10px;
}

div.photoCart div.imgPlace {

}

div.photoCard img.photoCardImgNo, div.photoCardOver img.photoCardImgNo {
	border: 0 none;
	margin: 	10px;
}

div.photoCard a, div.photoCardOver a {
	color: 	#666;
	font-weight: bold;
	text-decoration: underline;
}

div.photoCard a:hover, div.photoCardOver a:hover {
	color: 	#666;
	font-weight: bold;
	text-decoration: none;
}

/*
div.photoCard div.imgInfo, div.photoCardOver div.imgInfo {

<!-- 	position: absolute;
	bottom: 	20px;
	left: 0;
	width: 	210px; -->
}
*/

div.galInfo {
	position: absolute;
	top: 	10px;
	right: 	10px;
	width: 	750px;
}

div.galNoConfirmed {
	position: absolute;
	top: 	50px;
	left: 	20px;
	color: 	red;
	font-weight: bold;
	background: yellow;
}

div.phNoConfirmed {
	position: absolute;
	top: 	50px;
	left: 	70px;
	color: 	red;
	font-weight: bold;
	background: yellow;
}


div.galImgPlace {
	width: 	160px;
	float:left;
	text-align:center;
}


div.clearBox {
	clear: 	both;
}

a {
	color: 	#036;
	text-decoration: underline;
}

a:hover {
	color: 	#9ACD32;
	text-decoration: none;
}

div.listOfPhotosInfo {
	clear: 	both;
	padding: 0;
	text-align: center;
}

div.listOfPhotosInfo a {
	color: 	#666;
	text-decoration: underline;
}

div.listOfPhotosInfo a:hover {
	color: 	#666;
	text-decoration: none;
}

.listOfPhotosInfo img {
	margin: 0 3px;
}

.vypis_head {
	color: #333333;
	font-weight: bold;
	background-color: #F3F3F3;
}
.vypis {
	background-color: rgb(153, 153, 153);
}
.table_header {
	font-size: 16pt;
	color: 	#036;
	font-weight: normal;
	padding: 0 0 0 10px;
}
.top_line {
	font-weight: bold;
}
div.changeCol {
	width: 	247px;
	float: 	right;
	color:  	#036;
	font-weight: bold;
	background-color: #e0117d;
	padding: 3px 0 3px 0;
	margin: 	0 0 0 0;
	text-align: center;
}

div.RightColumn {
	border: 	1px solid #bcc6ff;
	width: 	245px;
	padding: 0 0 0 0;
	float: 	right;
	text-align:  left;
	margin: 	0 0 0 0;
}

div.RightColumnBoom {
	border: 0 solid #9ACD32;
	width: 	249px;
	padding: 0;
	float: 	left;
	text-align:  center;
	margin-top: 12px;
}

.RightGalList {
	margin: 0 0 0 0 ;
	padding: 0 0 0 0 ;
	color: 	#036;
	font-weight: normal;
	list-style-type: none;

}
li.RightGalList {
	margin: 	2px 0 0 0;
	padding: 2px 0 2px 5px;
	background-color: #bcc6ff;
}

li.RightGalList a {
	color: 	#036;
	text-decoration: none;
}

li.RightGalList a:hover {
	color: 	#036;
	text-decoration: none;
}

.RightGalListSub {
	height: 	auto;
	width: 	216px;
	margin: 	0 0 0 0;
	padding: 0 0 0 30px;
	color: 	#036;
	font-weight: normal;
	list-style-type: none;
	background-color: #d5dbff;

}
li.RightGalListSub {
	margin: 	2px 0 0 0;
	padding: 0 0 0 30px;
	background-color: #d5dbff;
}

li.RightGalListSub a,a:hover {
	color: 	#036;
	text-decoration: none;
}

div.RighGalListBorder {
	border: 	1px solid #173782;
	float: 	right;
	width: 	247px;
	height: 	auto;
	margin: 	6px 0 0 0;

}


ul.pageMenuTop2 {
	position: absolute;
	top: 	10px;
	right: 	10px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	color: 	#3b3b3b;
	font-size: 9pt;
	z-index: 999;

}

ul.pageMenuTop2 li {
	width: 	100px;
	height: 	22px;
	float: 	right;
	padding: 3px 0 0 0;
	margin: 0 0 0 10px;
	white-space: nowrap;
	text-align: center;
	background: url( "/media/images/design/button_log.jpg" ) no-repeat;
}

ul.pageMenuTop2 a {
	color: 	#3b3b3b;
	font-weight: normal;
	text-decoration: underline;
}

ul.pageMenuTop2 a:hover {
	color: 	#3b3b3b;
	text-decoration: none;
}


div.pageTitleBut {
	float: 	right;
	width: 	auto;
	height: 	auto;
	text-align: right;

}

/* VIDEO GALERIE */

div.videoPageBg {
	width: 	906px;
	height: 	auto;
	background-color:		#e7eaf3;
	float: 	left;
	border: 	2px solid #bbb9b9;
	margin: 0 0 0 0;
	padding: 30px;
	text-align: center;
}

div.videoPageName {
	width:	906px;
	height: 30px;
	float: left;
	font-size: 18px;
	color: #0000cc;
}

div.videoInf {
	margin: 20px 0 20px 5px;
	float: left;
	width: 870px;
	border: 1px solid #999;
	background: #CCCCCC;
	padding: 10px;
	font-size: 16px;
	color: #333333;
}

div.videoInf a {
	color: #CC0000;
	text-decoration: none;
}

div.videoInf a:hover {
	color: #FF3366;
	text-decoration: none;
}

div.videoObal {
	width:	906px;
	height: auto;
	float: left;
	padding: 30px;
}

div.videoSer {
	width: 600px;
	height: 20px;
	float: left;
	font-size: 15px;
	color: red;
}
