@charset "utf-8";
/* CSS Document */

html, body, form, fieldset {
	margin: 0;	
	padding: 0;
	 margin-top:15px;
}

body {
	background: #F1F1F1;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.5;
}

.hide{ display:none;}

body#pageContainer {
	color: #000000;
	font-size: 12px;
	line-height: 1.3em;
	margin: 0;
	margin: 1em 2em;
	width: auto; /* Printable Page */
}

body.fs1 {font-size: 10px;}
body.fs2 {font-size: 11px;}
body.fs3 {font-size: 12px;}
body.fs4 {font-size: 13px;}
body.fs5 {font-size: 14px;}
body.fs6 {font-size: 15px;}

.contentAlert{ background-color:#D7E9FD; border-left:10px solid #FF9900; padding:15px; color:#006699;  margin:15px 0;}


/* Normal link */
a {
	color: #00508E;
	text-decoration: none;
	cursor:pointer;
}

a:hover, a:active, a:focus {
	color: #00508E;
	text-decoration: underline;
}

a img {
	border: none;
}

/* Title text */
.contentheading, .componentheading, .blog_more strong, h1, h2, h3, h4 {
	line-height: normal;
	color: #000000;
	 margin:0px;
}

/* Small text */
small, .small, .smalldark, .article-meta, .modifydate, .img_caption p, .site-slogan,  #topContainer, #leftContainer, #centerContainer, #centerLeft, #centerRight, #rightContainer, #fullContainer, .triTvrteContainer {
	font-size: 70%;
}

.mySmall{font-size:80%; font-weight:normal;}


img {
	margin: 0;
	padding: 0;
}

.img_caption p {
	text-align: center;
}

.img_caption.left, .img_caption.right {
	margin-top: 3px;
}

/* Heading */
h1 {font-size: 160%; margin:0; padding:0; color:#00508E }
h2 {font-size: 140%; margin:0; padding:0; color:#00508E }
h3 {font-size: 115%; margin:0; padding:0; color:#00508E }
h4 {font-size: 110%; margin:0; padding:0;}

p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 {
	margin: 1em 0;
	padding: 0;
	margin:0px;
}

ul {
	list-style: none;
}

li {
	background: url(../layout/arrow.gif) no-repeat 10px center;
	padding-left: 20px;
	line-height:25px;
	
}

li ul li {
	background: url(../layout/arrow.gif) no-repeat 10px center;
	padding-left: 20px;
	line-height:25px;
	
}

ol li {
	padding-left: 20px; background:none;
}

th {
	font-weight: bold;
	padding: 8px;
	text-align: left;
}

fieldset {
	border: none;
	padding: 10px 5px;
	background: url(../layout/dot.gif) repeat-x top;
}

fieldset a {
	font-weight: bold;
}

fieldset.input {
	padding: 0;
	background: none;
}

hr {
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
	border-top: 1px solid #EEEEEE;
	height: 1px;
}

/*br {
	height: 1px;
	font-size: 1px;
}*/

td, th, div {
	font-size: 100%; vertical-align:top;
}

/* FORM
--------------------------------------------------------- */
form {
	margin: 0;
	padding: 0;
}

form label {
	cursor: pointer;
}

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

.inputbox {
	padding: 2px;
	border: 1px solid #DFDFDF;
	background: #FFFFFF;
	color: #000000;
	font-size: 100%;
}

.button {
	padding: 1px 8px;
	border: 1px solid #333333;
	background: #333333;
	color: #FFFFFF;
	text-transform: uppercase;
	font-size: 92%;
}
.clear{ clear:both;}
.clearRight{ clear:right;}
.clearLeft{ clear:left;}
.textLeft{ text-align:left;}
.textRight{ text-align:right;}
.textCenter{ text-align:center;}
.textJust{ text-align:justify;}

* html .button { /*IE 6*/
	padding: 0 5px !important;
}

*+html .button { /*IE 7*/
	padding: 0 5px !important;
}

#pageContiner{
	margin:auto; width:970px;
	/*margin-top:116px;*/
}

#sky{ 
 position:fixed !important;
 position: absolute; /*ie6 and above*/
 margin-left:975px; 
 margin-top:4px; 
 border: solid 1px #cccccc; 
 background:#FFFFFF; 
 padding:4px; 
 font-size:70%
}

#topContainer{ 
}

#topContainer .top{
	background:url(../layout/top-top.jpg) no-repeat left bottom;
}

#topContainer .body{
	background:url(../layout/top-body.jpg) repeat-y left top; 
	padding:0 4px;
}

#topContainer .logo{
	float:left; 
	margin:25px 20px;
}



#topContainer .topLinks{
	float:right; 
	margin:8px;  
	width:350px;
	position:relative;
}

#topContainer .topLinks ul{
	text-align:right;
}

#topContainer .topLinks li{
	display:inline; 
	padding:0 8px 0 5px; 
	text-align:center;  
	background:url(../layout/dot.gif) repeat-y right top;
}

#topContainer .topLinks li.last{
	background:none;
}

#topContainer .topLinks .motto{ 
position:absolute;
font-size:90%; 
color:#e4e4e4; 
padding-left:4px;
text-align:right;
 margin:38px 0 0 100px;

}

.topSearch{
	padding-top:16px;
}

.topSearch .textInput{
	float:right; 
	background:transparent url(../layout/top-search-input.gif) no-repeat left center; 
	width:200px; 
	height:22px; 
	border: none; 
	padding:5px 5px 0 5px;
}

#topContainer .overMainMenu{
	height:85px;
}

input[type="button"]{
	cursor:pointer;
}

/* ------------------------ buttons ----------------- */
.topSearchButt{
	float:right; 
	background:transparent url(../layout/butt-search.gif) no-repeat left center; 
	width:67px; 
	height:22px; 
	border: none; 
	padding:5px 5px 0 5px; 
	margin-top:2px;
}

.buttSendNews{
	background: transparent url(../layout/_buttons/butt-send-news.gif) no-repeat center center; 
	width:26px; 
	height:22px; 
	border: none; 
	padding:5px 5px 0 5px;
	margin-top:1px; 
	float:right; 
}

.buttLogin{
	float:right; 
	background: transparent url(../layout/butt-login.gif) no-repeat left center; 
	width:67px; 
	height:22px; 
	border: none; 
	padding:5px 5px 0 5px; 
	margin-top:2px; 
	border:none;
}

.buttSearch{
	float:right; 
	background: transparent url(../layout/butt-search.gif) no-repeat left center; 
	width:67px; 
	height:22px;
	border: none; 
	padding:5px 5px 0 5px; 
	margin-top:2px; 
	border:none;
}


.buttSend{
	float:right; 
	background: transparent url(../layout/butt-send-blue.gif) no-repeat left center; 
	width:67px; 
	height:22px;
	border: none; 
	padding:5px 5px 0 5px; 
	margin-top:2px; 
	border:none;
}

/* --------------- MAIN MENU --------------- */

.mainMenuContainer{
}

#mainMenu{
	background: url(../layout/grad-2.gif) repeat-x left bottom; 
	height:30px;
	color:#FFFFFF;
	padding:0 7px; 
	margin-bottom:0;
}

#mainMenu ul.topmenu{
	display:inline;
	font-family:Helvetica,Verdana,Arial, sans-serif;
	font-size:12px; 
	font-weight:normal;
}

#mainMenu ul.topmenu li{ 
display: inline;float:left;list-style:none;padding:0;margin:0;background: none;cursor:pointer; 	}
#mainMenu ul.topmenu a{ font-size:95%;line-height:30px;text-align:center;padding:0px 10px;color:#ffffff;display:block;text-decoration:none; text-transform:uppercase;}
#mainMenu ul.topmenu a:hover{background: url(../layout/mainnav-hover.gif) repeat-x center bottom;}
#mainMenu ul.topmenu .active {background: url(../layout/mainnav-active.gif) repeat-x center bottom;}
#mainMenu ul.topmenu .sep {background: url(../layout/mainnav-sep.gif) no-repeat center center;}
#mainMenu ul.topmenu .active a:hover{background: url(../layout/mainnav-active-hover.gif) repeat-x center bottom;}
#topContainer .bott{ background:url(../layout/top-bott.jpg) no-repeat left top;}
	
/* --------------- KONEC MAIN MENU --------------- */

.imgBorder{ border: solid 1px #CCCCCC; padding:5px; }
.imgBorderNoPad{ border: solid 1px #CCCCCC; padding:0px; }


/* ################################################################# */
/* ############ boxContent - definovan v souboru box_[...].css ########### */
/* ################################################################# */

/*.box{ background:url(../layout/box2/box-br.gif) no-repeat right bottom; margin:0 0 0 0;}
.boxTop{ background:url(../layout/box2/box-tr.gif) no-repeat right top; line-height:11px;}
.boxTopLeft{ float:left; background:url(../layout/box2/box-tl.gif) no-repeat left top; width:20px; }
.boxContent{ background:url(../layout/box2/box-bl.gif) repeat-y left bottom; }*/


.artticleSettings{ 
	padding:4px; 
	border: solid 1px #CCCCCC; 
	background:#efefef; 
	margin-bottom:8px;
}

.round4{
	-moz-border-radius:4px; 
	-webkit-border-radius:4px;
}


.boxContent{padding:0 4px 4px 4px; margin:auto; border: none 1px red; color:#666666;  overflow:hidden;}
.boxContent .contentCenter{ margin:auto; width:95%; padding:10px; overflow:hidden; }
.boxContent p{ margin:5px 0;}
.boxContent h1{color:#00508E}
.boxContent h1 a:hover{ text-decoration:none; color:#cc0000;}
.boxContent h2{color:#00508E; margin-bottom:10px; font-size:115%}
.boxContent h3{color:#00508E }
.boxContent h3 a:hover{ text-decoration:none; color:#cc0000;}
.boxContent .bgCalendar{ background:url(../layout/_icons/_ico_calendar.gif) no-repeat 220px center;}
.boxContent .nadpis{margin:5px 0; padding:0 10px 5px 0; border-bottom:1px none #00508E; }
.boxContent .nadpisTZ{margin:0 0 5px 0; padding:0 10px 5px 10px;  font-size:100%; background: url(../layout/arrow.gif) no-repeat left 4px; border-bottom: solid 1px #efefef; }
.boxContent .eventsTitle{margin:5px 0;}
.boxContent .boxNadpis{ font-size:135%; color:#00508E; font-weight:bold;}
.boxContent .boxNadpis h2{ font-size:110%; color:#00508E;  margin:0;}
.boxContent .boxNadpisLine{border-bottom:solid 1px #efefef; margin-bottom:10px;}


.clankyVypis{}
.clankyVypis .nadpis{}
.clankyVypis .fotka{ padding:4px; border: solid 1px #CCCCCC; background:#efefef;}

.noData{ margin:25px; padding:30px 30px 30px 70px; border:solid 1px #CCCCCC; font-size:150%; font-weight:bold; color:#999999; background:#efefef url(../layout/_icons/no-data.gif) 10px center no-repeat;}

.boxContent ul.menu { 
	font-family:Helvetica,Verdana,Arial, sans-serif;
	font-weight:normal; 
	padding:0; 
	margin:0;
}

.boxContent ul.menu li{ 
    border-top: none 1px #ffffff;
	border-bottom: solid 1px #efefef;
	line-height:30px; 
	cursor:pointer; 
	padding:0;
	cursor:pointer;
	background:url(../layout/arrow.png) no-repeat 10px center;

	}
.boxContent ul .menuLast{ border:none;}

.boxContent ul.menu  a{
	padding:0 22px;
	color:#000000;   
	display:block;
	text-decoration:none; 
}

/*.boxContent ul.menu  a:hover{color:#00508E; text-decoration:none  }
.boxContent ul.menu .menuHover{  color:#00508E; background:#f5f5f5  url(../layout/arrow-active.gif) no-repeat 10px center;	}

.boxContent ul.menu .active { background:#f5f5f5 url(../layout/arrow-active.gif) no-repeat 10px center; font-weight: ; color:#00508E;}
.boxContent ul.menu .active a{ background:#f5f5f5 url(../layout/arrow-active.gif) no-repeat 10px center; font-weight: ; color:#00508E;}
.boxContent ul.menu .active a:hover{ }

.boxContent ul.menu ul{ padding-left:5px; background:#f5f5f5	}
.boxContent ul.menu ul a{color:#00508E;}
.boxContent ul.menu ul a:hover{color: #990000; text-decoration:underline } */

/* modra varioanta */

.boxContent ul.menu  a:hover{color:#fff; text-decoration:none ; background-color: #00508e; }
.boxContent ul.menu .menuHover{  color:#fff; background:#00508E  url(../layout/arrow-active-white.gif) no-repeat 10px center;	}

.boxContent ul.menu .active { background:#00508E url(../layout/arrow-active-white.gif) no-repeat 10px center; font-weight: ; color:#fff;}
.boxContent ul.menu .active a{ background:#00508E url(../layout/arrow-active-white.gif) no-repeat 10px center; font-weight: ; color:#fff;}
.boxContent ul.menu .active a:hover{ }

.boxContent ul.menu ul{ padding-left:5px; background:#f5f5f5	}
.boxContent ul.menu ul a{color:#00508E;}
.boxContent ul.menu ul a:hover{color: #990000; text-decoration:underline;  } 

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

.boxContent ul.menu .active a:hover{ }


.boxNadpis{ padding:4px 8px 8px 8px;}


.boxBG{ background:url(../layout/box-bg.gif) repeat-x left top; border-top: solid 1px #efefef;}
.nastred{ text-align:center;}
.jentext{ padding:12px;}

.padd_4{ padding:4px;}
.padd_6{ padding:6px;}
.padd_8{ padding:8px;}
.padd_10{ padding:10px;}
.padd_12{ padding:12px;}
.padd_15{ padding:15px;}

.padLeft12{ padding-left:12px;}
.padLeft50{ padding-left:50px;}

.mar_8{ margin:8px;}
.mar_10{ margin:10px;}
.mar_12{ margin:12px;}
.mar_15{ margin:15px;}



.boxRound{ background:url(../layout/roundclear/box-br.gif) no-repeat right bottom;}
.boxRoundTop{ background:url(../layout/roundclear/box-tr.gif) no-repeat right top; line-height:11px}
.boxRoundTopLeft{ float:left; background:url(../layout/roundclear/box-tl.gif) no-repeat left top; }
.boxRoundContent{ background:url(../layout/roundclear/box-bl.gif) repeat-y left bottom; padding:0 0px 8px 0px; color:#666666;}
.boxRoundContent .nadpis{border-bottom: solid 1px #EBEBEB; margin-bottom:6px; padding-bottom:6px; font-size:115%; font-weight:bold; color:#00508E }
.boxRoundContent .nadpisDark{border-bottom: none 1px #EBEBEB; margin-bottom:6px; padding-bottom:6px; font-size:115%; font-weight:bold; color:#ffffff }
.boxRoundContent .obsah{ padding:0px 12px 4px 12px;   }
.boxRoundContent img{margin:5px 0;}

.roudDark_br{ background-image:url(../layout/roundclear/dark/box-br.gif)}
.roudDark_tr{ background-image:url(../layout/roundclear/dark/box-tr.gif)}
.roudDark_tl{ background-image:url(../layout/roundclear/dark/box-tl.gif)}
.roudDark_bl{ background-image:url(../layout/roundclear/dark/box-bl.gif)}

.ctvrtkaL{ float: left; width:24%; margin:8px 4px; }
.ctvrtkaR{ float: right; width:24%; margin:8px 4px; }

.pulkaL{ float: left; width:48.9%; margin:4px 0 4px 0px;}
.pulkaR{ float: right; width:48.9%; margin:4px 0px 4px 0; }

.pulkaMarginLeft{ margin-right:10px;}
.pulkaMarginRight{margin-left:10px;}


.height75{ height:75px;}
.height100{ height:100px;}
.height125{ height:125px;}
.height150{ height:150px;}
.height175{ height:175px;}
.height200{ height:200px;}
.height210{ height:210px;}
.height220{ height:220px;}
.height230{ height:230px;}
.height240{ height:240px;}
.height250{ height:250px;}
.height260{ height:260px;}
.height270{ height:270px;}
.height280{ height:280px;}
.height290{ height:290px;}
.height300{ height:300px;}
.height325{ height:325px;}
.height350{ height:350px;}


	.width1Full{ width:100%;}
	.width40{ width:40px;}
	.width60{ width:60px;}
	.width80{ width:80px;}
	.width100{ width:100px;}
	.width110{ width:110px;}
	.width120{ width:120px;}
	.width130{ width:130px;}
	.width140{ width:140px;}
	.width150{ width:150px;}
	.width152{ width:152px;}
	.width160{ width:160px;}
	.width170{ width:170px;}
	.width180{ width:180px;}
	.width190{ width:190px;}
	.width200{ width:200px;}
	.width210{ width:210px;}
	.width220{ width:220px;}
	.width230{ width:230px;}
	.width240{ width:240px;}
	.width250{ width:250px;}
	.width260{ width:260px;}
	.width270{ width:270px;}
	.width280{ width:280px;}
	.width290{ width:290px;}
	.width300{ width:300px;}
	.width310{ width:310px;}
	.width320{ width:320px;}
	.width330{ width:330px;}
	.width340{ width:340px;}
	.width350{ width:350px;}
	.width360{ width:360px;}
	.width370{ width:370px;}
	.width380{ width:380px;}
	.width390{ width:390px;}
	.width400{ width:400px;}



.vice{ background:url(../layout/dot.gif) repeat-x left bottom; margin-top:4px; padding-bottom:4px; margin-bottom:10px; }
.vice a{background:url(../layout/arrow-active.gif) no-repeat left center; padding-left:10px;}
.vice a:hover{ text-decoration:underline;}

.horDelic{background:url(../layout/dot.gif) repeat-x left center;}
.verDelic{background:url(../layout/dot.gif) repeat-y center center;}
.hpNew{position:absolute;color: #cc0000; top:4px; padding:2px 5px; background-color:#CC0000; left:210px; font-size:10px; color:#fff;}
.sideLeft{ float: left; width:48%;}
.sideRight{ float: right; width:48%;}


/* --------------- left container --------------- */
#leftContainer{ float:left; width:21%;}
/* --------------- left container --------------- */
	

/* --------------- center container --------------- */
#centerContainer{ float:left; width:57.9%;}
#centerLeft{ float:left; width:29%} /* jen na HP */
#centerRight{ float:left; width:29%} /* jen na HP */
/* --------------- center container --------------- */


/* --------------- right container --------------- */
#rightContainer{ float:right; width:21%;}
/* --------------- right container --------------- */

/* --------------- full container --------------- */
#fullContainer{ }
/* --------------- full container --------------- */

.triTvrteContainer{ float:right; width:79%}

#centerLeft{ float:left; width:29%}
#centerRight{ float:left; width:29%}


#navigace{}
#navigace ul{ }
#navigace li{ display:inline; background:url(../layout/arrow.png) no-repeat left center; padding-left:10px; margin-right:6px; color:#333333;}
#navigace .navigaceFirst{ padding-left:6px; background:none;}


#footer{ text-align:center; padding:10px 0;  color:#999999;}
#footer a{ color:#666666}


/* ----------------- detail clanku ----------------- */

.clanekDetailAnotace{ font-weight:bold; padding:10px 0; border-bottom:solid 2px #efefef; margin-bottom:10px;  line-height:22px; }
.clanekDetailObsah{  line-height:22px; font-size:110%; margin-bottom:20px; padding:0 10px;}
.clanekDetailObsah p{ margin-bottom:5px;}


/* ---------------- LOADERS --------- */
.loader{ background:url(../layout/big-loader.gif) no-repeat center center; }
.preloader{ background:url(../layout/ajax-loader.gif) no-repeat center center; width:100%; height:100px;}
#calendarRight .preloader{ height:250px;}

/* ----------------- OTHERS ----------------- */

.soutezTbl{
	border-top:solid 1px #ccc;
	margin: 8px 0;
	width:100%;
}
.soutezTbl td{
	padding:5px;
}
.hand{ cursor:pointer;}
.advInfo{font-size:90%; text-align:left; color:#666666; padding:3px 20px 3px 25px; background:url(../layout/icon-max.gif) no-repeat 8px center;}
.napravo{ text-align:right;}
.nalevo{ text-align: left;}
.floatLeft{ float:left;}
.floatRight{ float:right;}
.mapBorder{ border:solid 3px #CCCCCC; }
.imgRam{ border: solid 1px #cccccc; margin-bottom:10px;}
.centerDelic{ background:url(../layout/vertical-delic.gif) repeat-y center top;}
.imgInTextLeft{ float:left; margin:0 8px 0px 0;}
.fotka{ padding:4px; border: solid 1px #CCCCCC; background:#efefef;}
.strong{ font-weight:bold;}
.normal{ font-weight:normal;}


.naDetail{ margin:8px; text-align:right;}

.addAction{ margin:12px; text-align:right;}
.addAction a{ color:#FF6600}
.arrowOrange{ background-image:url(../layout/arrow-orange.gif)}
.orangeLink{color:#FF6600;}
.orangeLink a{color:#FF6600;}
.orangeLink a:hove{color:#FF6600;}

.error, .report{padding:4px 4px 4px 28px;cursor:pointer; }
.error{ border: solid 1px #cccccc;  color:#FF0000; font-size:90%; background:#ffffff url(../layout/_icons/icon-error.gif) no-repeat 4px center;}
.report{ border: solid 1px #CCCCCC; color: #0066CC; font-size:90%; background:#ffffff url(../layout/_icons/icon-info.gif) no-repeat 4px center;}
.obrazek{ background: center center no-repeat; border: solid 1px #efefef; }
.preloader{ background:url(../layout/preloader.gif) no-repeat center center; height:100%; width:100%;}
.inputValidation{ display:inline; font-size:90%; color:#666666;  position:absolute; padding:2px;}
.inputValidation .cancel{ background:url(../layout/icon_cancel.gif) no-repeat 4px center; padding-left:28px;float:right;}
.inputValidation .ok{ background:url(../layout/icon_ok.gif) no-repeat 4px center; padding-left:28px; float:right;}
.imgWithSpacer{ background-position:center center; float:right; border: solid 1px #CCCCCC;}
.imgWithSpacer a{ cursor: -moz-zoom-in}
.imgBorder{ padding:3px; border:solid 1px #cccccc; background:#ffffff;}

.imgWithSpacerHP{ background-position:center center; float:left;}

.grey{ color:#666666;}
.help{ background:#FFFFCC; border: solid 1px #999999; padding:4px; margin:4px 0;  display:none; position:absolute;}

.horDelic{background:url(../layout/dot.gif) repeat-x left center;}
.verDelic{background:url(../layout/dot.gif) repeat-y center center;}

/*.butt{border:none; margin:3px 0; padding:0; cursor:pointer}*/
.hover_button{ border:none; margin:0; padding:0; cursor:pointer}
.add_1_off{ float:left; background-image:url(../layout/_buttons/add_1.gif); width:130px; height:24px;}
.add_1_on{ background-image:url(../layout/_buttons/add_1_hover.gif);}
.add_2_off{ float:right; background-image:url(../layout/_buttons/add_2.gif); width:130px; height:24px;}
.add_2_on{ background-image:url(../layout/_buttons/add_2_hover.gif);}



/* ----------------- TOOLTIPS -------------- */
#tipContent{ display:none;}
#easyTooltip{
	padding-left:8px;
	/*border:1px solid #195fa4;*/
	background:#fff ;
	color:#333333;
	font-size:70%;
	filter:alpha(opacity=85);
	opacity: 0.85;
	-moz-opacity:0.85;
	width:250px;
	z-index:5000;
	 background: url(../layout/tooltip-bg.png) no-repeat left top; 
	}
#easyTooltip .inner{border:1px solid #195fa4; border-left:none; padding:8px 8px 8px 12px;}
#easyTooltip ul{}	
#easyTooltip li{ padding:3px 0 3px 15px; border-top: dotted 1px #FFFFFF; background:url(../layout/arrow.gif) no-repeat left center; }


#easyTooltip2{
	padding-left:8px;
	/*border:1px solid #195fa4;*/
	background:#fff ;
	color:#333333;
	font-size:70%;
	filter:alpha(opacity=85);
	opacity: 0.85;
	-moz-opacity:0.85;
	width:200px;
	z-index:5000;
	 background: url(../layout/tooltip-bg.png) no-repeat left top; 
	}
#easyTooltip2 .inner{border:1px solid #195fa4; border-left:none; padding:4px 4px 4px 12px;}
#easyTooltip2 ul{ margin:0; padding:0;}	
#easyTooltip2 li{ padding:2px; padding-left:8px; background:url(../layout/arrow.gif) no-repeat left center; line-height:100%; }


/* ----------------- OPACITY ----------------- */
 
  .pruhledne0 {  
     opacity: 0.0;  
     filter: alpha(opacity=00);  
     -moz-opacity: 0.0;  
     -khtml-opacity: 0.0;  
 } 
 
 .pruhledne25 {  
     opacity: 0.25;  
     filter: alpha(opacity=25);  
     -moz-opacity: 0.25;  
     -khtml-opacity: 0.25;  
 } 

.pruhledne50 {  
     opacity: 0.5;  
     filter: alpha(opacity=50);  
     -moz-opacity: 0.5;  
     -khtml-opacity: 0.5;  
 } 
 
  .pruhledne75 {  
     opacity: 0.75;  
     filter: alpha(opacity=75);  
     -moz-opacity: 0.75;  
     -khtml-opacity: 0.75;  
 } 



/* ------------------- FORMS ------------------------- */

	form{ font-size:100%}
	form table{}
	form th{ font-weight:normal; text-align:left; padding-right:5px;}
	form td{ padding:5px 0px;}
	form .bgUser{padding:3px 2px 3px 20px;  background:url(../layout/_icons/icon-user.gif) 2px center no-repeat;}
	form .bgKey{padding:3px 2px 3px 20px;  background:url(../layout/_icons/icon-key.gif) 2px center no-repeat;}

	.inputText{ padding:4px; border: solid 1px #cccccc; color:#666666;}
	select{ padding:4px; border: solid 1px #cccccc; color:#666666;}
	textarea{ padding:4px; border: solid 1px #cccccc; font-family:Verdana, Arial, Helvetica, sans-serif; color:#666666;}
	.submit{ background:url(../layout/butt-send.gif) no-repeat center center; width:111px; height:20px; border: none; cursor:pointer;}
	.newReg{ background-image:url(../layout/butt-reg.gif)}
	.sendReg{ background-image:url(../layout/butt-send-reg.gif)}
	.log{ background-image:url(../layout/butt-log.gif)}
	.nevim{ background-image:url(../layout/butt-nevim.gif)}
	.logout{ background-image:url(../layout/butt-logout.gif)}
	#forgotForm, #registerForm, #loginForm { }
	
	.memberButtony{ float:right; padding:10px; width:111px; text-align: right;}
	.memberButtony img{ cursor: pointer; margin-bottom:10px;}
	
	#memberTitle{}
	


/* ------------------- FORMS ------------------------- */


/* ------------------ LOADERS -------------------- */
.loaderSmall{ background:url(../layout/loader_small.gif) no-repeat 4px center;}





.obrazek{ background: center center no-repeat; border: solid 1px #efefef; }
.preloader{ background:url(../layout/preloader.gif) no-repeat center center; height:100%; width:100%;}
.inputValidation{ display:inline; font-size:90%; color:#666666;  position:absolute; padding:2px;}
.inputValidation .cancel{ background:url(../layout/icon_cancel.gif) no-repeat 4px center; padding-left:28px;float:right;}
.inputValidation .ok{ background:url(../layout/icon_ok.gif) no-repeat 4px center; padding-left:28px; float:right;}


/* detail clanku*/

#detailClanku { padding:20px; color:#333333}
#detailClanku p{ line-height:140%;}
#detailClanku h2{ font-size:115%; margin:30px 0 18px 0;}
#detailClanku h3{ font-size:100%; margin:20px 0 10px 0; color:#333333}
#detailClanku ul, ol{ margin:10px 15px;}
#detailClanku li{ font-size:100%; line-height:15px; margin-bottom:4px}


.subLinks{ padding:0 10px; text-align:center;}
.subLinks table{ width:100%;}
.subLinks td{ padding:0px 0px 0px 10px!important; text-align:left; width:33%; background: url(../layout/arrow.gif) no-repeat left 6px; line-height:140%}

.rssList{ padding:0 8px; margin:4px; border-top: none 1px #CCCCCC;}
.rssList .item{ margin-bottom:8px;}
.rssList .title{ font-size:100%; font-weight:bold; color:#00508E;}
.rssList .anotace{ padding:5px 0;}
.rssList .partner{ font-weight:normal; color:#666666;}

.rssReader{ font-size:125%; color:#666666; font-weight:bold; margin-bottom:10px}

.formIco{background:url(../layout/_icons/form.jpg) left center no-repeat;}
.userRegIco{background:url(../layout/_icons/user-reg.png) left center no-repeat;}
.searchIco{background:url(../layout/_icons/search.jpg) left center no-repeat;}
.mediaIco{background:url(../layout/_icons/mediagallery.gif) left center no-repeat;}
.aboutIco{background:url(../layout/_icons/about.png) left center no-repeat;}
.rssIco{background:url(../layout/_icons/rss.jpg) left center no-repeat;}
.calendarIco{background:url(../layout/_icons/event.png) left center no-repeat;}
.clanekIco{background:url(../layout/_icons/clanek.jpg) left center no-repeat;}
.clanekListIco{background:url(../layout/_icons/news.png) left center no-repeat;}

 .aboutIco{padding-right:48px; font-size:145%; line-height:40px;}
.clanekIco, .clanekListIco, .searchIco, .userRegIco, .formIco, .calendarIco, .rssIco, .mediaIco{padding-left:60px; font-size:145%; line-height:40px;}




.searchList{ margin-top:10px; border-top: solid 3px #efefef;}
.searchList .big{ font-size:120%; margin:8px 0; color: #FF6600; text-align:center; padding:15px; border: solid 1px #cccccc; background:#efefef;}
.searchList .count{ font-size:80%; color: #666666;}
.searchList .moreResult{ margin:8px 0 10px 0; padding-top:8px;}
.searchList h2{ font-size:110%; font-weight:normal; margin:3px 0;}

/* ------------------ PAGGING -------------------- */

.pagging{ color: ;}
.pagging_a{ font-weight:bold; color:#FF6600;}

/* ------------------ PAGGING -------------------- */



.redText{ color:#990000;}

/* -----------------------MEMBERS ----------------- */
.greyBoxFirma{margin-bottom:10px}
.firmaDetailLogo{ background:#FFFFFF; padding:0px; border: solid 1px #cccccc; }
.firmaDetailAdresa{}
.firmaDetailAdresaBig{ font-size:135%; font-weight:bold; color:#666666}
.firmaMap{ overflow:hidden}

/* -----------------------MEMBERS ----------------- */


/* -----------------------firma ----------------- */
.memberMenu{border-right: solid 4px #cccccc; float:left; width:220px; padding-right:8px;}
.memberMenu ul{margin-left:0px; padding:0px}
.memberMenu ul li{ margin:none !important; padding-left:15px !important; background-position: 4px 4px;}

/* -----------------------firma ----------------- */


/* -------------------- GALERIE ----------------------*/

.photoGallery{}
.photoGallery table{ border-collapse:collapse; }
.photoGallery td{ padding:10px;}

/* -------------------- GALERIE ----------------------*/


/* -----------------------VIDEO GALERIE ----------------- */

#playerDiv{ border: none 1px #FF0000}
.loader2{background:url(../layout/ajax-loader-2.gif) center center no-repeat; }

#videoInfoData {padding:5px; color:#666666; text-align:left; border: solid 1px #cccccc; background:#efefef; font-size:150%; margin-bottom:5px; font-weight:bold; }
.videoHodnoceni{}
.mediaPagging{margin:8px;}
#videoContent{ text-align:center;}
#videoBottomInfo{margin:5px 0 10px 0; padding:10px; border: solid 1px #cccccc; background:#efefef; text-align:left;}
.videoLink{ float:right; text-align:right;}
.linkit{ padding:2px 4px; border: solid 1px #cccccc; color:#FF6600;}
.videoItem{height:152px; border: none 1px #cccccc; text-align:center; margin-bottom:5px;}
.videoGalleryTbl{}
.videoGalleryTbl td{ padding:4px 4px 4px 4px; border-bottom:solid 1px #efefef; border-right: solid 1px #efefef;}
.videoDate, .videoDuration{ font-size:90%; color:#999999}
.videoDate{ background:url(../layout/_icons/video-date.gif) left center no-repeat; padding-left:14px;}
.videoDuration{ background:url(../layout/_icons/video-duration.gif) 4px center no-repeat; padding-left:17px;}
.videoName{ padding:16px 10px 4px 10px}

/* -----------------------VIDEO GALERIE ----------------- */

#firmyKategorie{}
#firmyKategorie h2{ margin:0;}
#firmyKategorie div{}
#firmyKategorie .accordionNadpis{ font-size:125%; font-weight: bold; color:#00508E;}
#firmyKategorie ul{ margin:0; padding-left:0;}
#firmyKategorie li{ background:none; padding:8px 0 10px 0px; margin:0px; background:url(../layout/dot.gif) repeat-x bottom;}
#firmyKategorie li ul{background:url(../layout/dot.gif) repeat-x top; padding:15px; margin-top:4px}
#firmyKategorie li ul li {	background: url(../layout/arrow.gif) no-repeat left center; padding:0 0 0px 15px; }

#fullContainerBott{

/*background:#97c8ef url(../layout/bottom-bg.jpg) repeat-x left top;
border-top: solid 20px #00508e; */
margin:0;
padding:0 0 10px 0;
color:#ffffff;
font-family:"Trebuchet MS", Verdana;
font-size:90%;}
#fullContainerBott a{ color:#FFFFFF;}
#fullContainerBott .bottNadpis{ font-size:120%; font-weight:bold; margin-bottom:10px;}
#fullContainerBott .pole{ float:left; padding:10px 18px 10px 18px; width:250px; }
#fullContainerBott .poleCenter{width:310px; border-left: solid 1px #ccc; border-right: solid 1px #ccc}

#land{ position:absolute; margin-bottom:10px; display:none; left:0; top:0;}
	
	
.DetailOperationLinks{float:right;}
.hpListClankyImgHolder{float:left; width:60px; height:60px; margin-left:4px; _margin-left:0px;}
.hpListClankyImg{border: solid 2px #ccc;}
.hpListClankyDate{margin-left:80px; font-size:80%; color:#999}
.hpListClankyDateLeft{font-size:80%; color:#999}
.hpListClankyAnotace{float:right; width:165px;}

.hpOsobItem{float:left; width:120px; border:solid 0px red; text-align:center; height:110px;}

#videaBott{}
#videaBott td{padding:3px;}


/* ----------------------- REFGERENCE ADMIN ----------------- */

#refList{}
#refList .refItem{
	border-top:solid 1px #ccc;
	padding:4px;
}
#refMenu{ padding:0 0 10px 0;}

.refItemFront{

}
.refItemFront h2{ font-size:14%;}
.refItemFront .text{float:left; width:45%;}
.refItemFront .media{float:right; width:50%;}
.refItemFront .media div{ margin-bottom:10px;}

/* ----------------------- REFGERENCE ADMIN ----------------- */