/* reset */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,hr {margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size:1em; font-weight:normal; font-style:normal;}
ul,ol {list-style:none;}
fieldset,img,hr {border:none;}
img { vertical-align: middle;}
caption,th {text-align:left;}
table {border-collapse:collapse; border-spacing:0;}
td {vertical-align:top;}

/* typo 
-------------------------------------------------------------- */
html 		{	font-size:100.01%;	}
body 		{	font-size:12px;
				color:#222;
				background:#fff;
				font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
				line-height:1.5; }
.brdr		{	border: 1px dotted red; opacity: 0.5 ;	}
/* links
-------------------------------------------------------------- */
a 			{	color: #477FBD; }
a:hover 	{	color: #000; 	}
a img 		{	border: none; 	}
a:active, a:focus,
input[type="image"] { 	
				outline: none; -moz-outline-style: none; }
a.ext		{	background:url("../_images/external.png") no-repeat scroll right center transparent;
				padding-right: 13px;
				text-decoration: none;
}
a.ext:hover	{	text-decoration: underline;	}

/* alignment 
-------------------------------------------------------------- */
.left 		{	text-align: left;	}
.right 		{	text-align: right;	}
.center 	{	text-align: center;	}
.justify 	{	text-align: justify;}

.fl 		{	float: left;	}
.fr			{	float: right;	}
.clear		{	clear: both;	}


/* typography 
-------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
				font-weight:normal; line-height:1;	 color:#111;	}
h1			{	font-size:2.5em; margin-bottom:0.5em;}
h2 			{	font-size:2em; margin-bottom:0.2em;	}
h3 			{	font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p			{	text-indent: 2em ;	margin-bottom: 1em; }
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}

strong, .bold {
	font-weight: bold ;
}
em, .italic {
	font-style: italic;
}
.large {
	font-size: 1.2em;
	margin: 0 ;
	line-height: 0.8em;;
}
.small {
	line-height: 1em;
	font-size: 0.85em;
}
.nound		{	text-decoration: none ;	}
.noind		{	text-indent: 0 ;	}

/* fonts 
-------------------------------------------------------------- */
.font_arial {
  font-family: Arial, Helvetica, sans-serif;
}
.font_lucida {
  font-family: "Lucida Sans Unicode", "Lucida Grande", Lucida, sans-serif;
}
.font_tahoma {
  font-family: Tahoma, sans-serif;
}
.font_trebuchet {
  font-family: Trebuchet, "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.font_verdana {
  font-family: Verdana, sans-serif;
}
.font_georgia {
  font-family: Georgia, Times, serif;
}
.font_times {
  font-family: "Times New Roman", Times, serif;
}
.font_courier {
  font-family: "Courier New", Courier, monospace;
}
.font_fertigo {
  font-family: FertigoProRegular, Georgia, Arial, sans-serif;
}

/* list 
-------------------------------------------------------------- */

li {
	padding-left: 20px;
	background-position: 5px 4px;
    background-repeat: no-repeat;
    background-image: url('../_images/li_default_bg.gif');
}


/* margins, paddings 
-------------------------------------------------------------- */
.m0 		{ margin: 0 ; }
.m10 		{ margin: 10px ; }
.m25 		{ margin: 25px ; }
.m50 		{ margin: 50px ; }
.m100 		{ margin: 100px ; }

.ml0 		{ margin-left: 0 ; }
.ml10 		{ margin-left: 10px ; }
.ml25 		{ margin-left: 25px ; }
.ml50 		{ margin-left: 50px ; }
.ml100 		{ margin-left: 100px ; }

.mr0 		{ margin-right: 0 ; }
.mr10 		{ margin-right: 10px ; }
.mr25 		{ margin-right: 25px ; }
.mr50 		{ margin-right: 50px ; }
.mr100 		{ margin-right: 100px ; }

.mt0 		{ margin-top: 0 ; }
.mt10 		{ margin-top: 10px ; }
.mt25 		{ margin-top: 25px ; }
.mt50 		{ margin-top: 50px ; }
.mt100 		{ margin-top: 100px ; }

.mb0 		{ margin-bottom: 0 ; }
.mb10 		{ margin-bottom: 10px ; }
.mb25 		{ margin-bottom: 25px ; }
.mb50 		{ margin-bottom: 50px ; }
.mb100 		{ margin-bottom: 100px ; }

.p0 		{ padding: 0 ; }
.p10 		{ padding: 10px ; }
.p25 		{ padding: 25px ; }
.p50 		{ padding: 50px ; }
.p100 		{ padding: 100px ; }

.pl0 		{ padding-left: 0 ; }
.pl10 		{ padding-left: 10px ; }
.pl25 		{ padding-left: 25px ; }
.pl50 		{ padding-left: 50px ; }
.pl100 		{ padding-left: 100px ; }

.pr0 		{ padding-right: 0 ; }
.pr10 		{ padding-right: 10px ; }
.pr25 		{ padding-right: 25px ; }
.pr50 		{ padding-right: 50px ; }
.pr100 		{ padding-right: 100px ; }

.pt0 		{ padding-top: 0 ; }
.pt10 		{ padding-top: 10px ; }
.pt25 		{ padding-top: 25px ; }
.pt50 		{ padding-top: 50px ; }
.pt100 		{ padding-top: 100px ; }

.pb0 		{ padding-bottom: 0 ; }
.pb10 		{ padding-bottom: 10px ; }
.pb25 		{ padding-bottom: 25px ; }
.pb50 		{ padding-bottom: 50px ; }
.pb100 		{ padding-bottom: 100px ; }



/* .error, .notice, .success  
-------------------------------------------------------------- */
.error, .notice, .success {padding-left:2em;}

/* text
---------------------------------------------------------------------------- */
.dlouhy		{	margin-top: 1em ;	}
.kratky		{	font-weight: bold ; margin-top: 1em ;	}
.rubrika_list .kratky	{	font-weight: normal;	}
.rubrika_item			{	margin-top: 1em; }
.rubrika_item:first		{	margin-top: 1em; }
/* .fotrogalerie 
--------------------------------------------------------------- */

.fotogalerie ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.fotogalerie li {
	padding: 5px;
	margin: 0;
	float: left;
	position: relative;
	width: 100px;
	height: 100px;
	background: none;
}
.fotogalerie img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 3px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.fotogalerie li:hover img {
	border-color: #999;
}
.fotogalerie em {
	/*display: none;*/
	position: absolute;
	top: 13px;
	left: 0px;
	padding-left: 2px;
	padding-right: 2px;
	font-style: normal;
	font-size: 10px;
	text-align: center;
	color: #FFFFFF;
	background: url(../_images/prusvitna-cerna.png) repeat;
	border: solid 1px #000000;
	
	color: #000000;
	background: #FFFFFF url(../../_images/.png) repeat;
	border: solid 1px #000000;
	
}
.fotogalerie a {
	text-decoration: none;
	color: #000;
}
.fotogalerie a:hover em {
	display: block;
}
.fotogalerie span {
	width: 30px;
	height: 60px;
	display: block;
	position: absolute;
	top: 0px;
	left: 9px;
	/*background: url(../_images/paper-clip-mini.png) no-repeat;*/
	z-index: 3;
}
.fotogalerie li.slozka  {
	background: url(../_images/fotoslozka_modra_w100_h100.png) no-repeat;
}
.fotogalerie li.slozka a {
	width: 100px;
	height: 100px;
	display: block;
	position: absolute;
	z-index: 5;
}