@font-face { font-family: Klavika; src: url('/fonts/klavika.ttf'); }

* { margin: 0; padding: 0; line-height: 1.6em; }
body
{
	background: #21314b url(/images/header-bg.gif) top left repeat-x;
	font-family: arial;
	font-size: 12px;
	color: #626262;
}
img { border: none; }

.h330 { height: 297px; }
.cl { clear: both; }
.white { color: #fff; }
.gray { color: #afafaf; }
.darkgray { color: #616467; }
.blue { color: #7792c0; }
.orange { color: #ef841d; }
.small { font-size: 11px;  }
.dotted-border { border-bottom: 1px dotted #8b9096; }



/* -----------[ HEADER STUFF ]------------ */
#header { height: 120px; width: 1000px; margin: 0 auto 0; background: transparent url('/images/logo-bg.gif') top left no-repeat; }
#header #logo 
{
	height: 120px;
	width: 338px;
	text-align: center;
	background: transparent url('/images/realiz-logo.gif') center center no-repeat;
	position: absolute;
}

#header .hmenu
{
	height: 34px;
	position: absolute;
	margin-top: 86px;
	margin-left: 358px;
	width: 642px;
	background: transparent url('/images/menu-sep.gif') top right no-repeat;
}
#header .hmenu div { float: left; }
#header .hmenu-item { margin-top: 9px; }
#header .hmenu-item a { color: #21324c; text-decoration: none; font-size: 13px; font-family: Klavika; text-transform: uppercase; }
#header .hmenu-sep
{
	height: 34px;
	width: 2px;
	background: url('/images/menu-sep.gif') top center no-repeat;
	margin-left: 33px;
	margin-right: 33px;
}
#header .searchbox
{
	margin-top: 10px;
	width: 257px; height: 36px; background: url('/images/search-bar.gif') top left no-repeat;
	position: absolute;
	margin-left: 738px;
	margin-top: 23px;
}
#header .searchbox.en
{
	background-image: url('/images/search-bar-en.gif');
}
#header .searchbox-input
{
	background: transparent; border: 0; margin-left: 12px; margin-top: 5px; height: 24px; width: 170px; color: #666; font-size: 11px;
}
#header .searchbox-submit
{
	position: absolute; margin-top: 6px; height: 20px; width: 60px;
}


/* -----------[ HOT NEWS ]------------ */
#hotnews
{
	height: 18px;
	background: #21314B;
	margin-bottom: 5px;
	padding: 6px;
}
#hotnews div { color: #ffffff; }
#hotnews strong { color: #709dbf; }
#hotnews a { color: #7AC2E6; }


/* -----------[ LAYOUT CRAP ]------------ */
#overall { width: 980px; margin: 0 auto 0; padding: 10px; background: #425066; clear: both; }
#content { margin: 0px 0 0; }

#content .module-outer { background: #fff; clear: both; margin-bottom: 10px;  }
.footer .module-outer { background: #fff; clear: both; margin-bottom: 10px;  }
.module-header
{
	height: 22px;
	padding-left: 10px;
	padding-top: 10px;
	border-bottom: 1px solid #22324c;
	background: #fff url('/images/mod-title.gif') top left no-repeat;
	
	font: 13px Klavika;
	color: #21324c;
	text-transform: uppercase;
}
.module-header-bar
{
	height: 32px;
	border-bottom: 1px solid #22324c;
	font: 13px Klavika;
	color: #21324c;
	text-transform: uppercase;
} 
.module-header-bar div
{
	padding-left: 10px;
	padding-top: 8px;
	height: 24px;
	padding-right: 10px;
	background: url('/images/bar0.gif') top left no-repeat;
	border-right: 1px solid #B5B5B5;
	float: left;
	cursor: pointer;
}
.module-header-bar div.active
{
	background: url('/images/bar1.gif') top left no-repeat;
}
.module-header-bar div a { text-decoration: none; color: #21324c; }

.padding10 { padding: 10px; }
.padding7 { padding: 7px; }

#content #left
{
	float: left;
	min-height: 980px;
	width: 640px;
	padding: 15px 20px 15px;

	min-height: 0;
	width: 675px;
	padding: 0;
}
#content #right { margin-left: 10px; float: left; width: 295px; }
#content #right .h330 ul { margin-left: 10px;padding-top: 10px; }
#content #right .h330 li { display: block; background: url('/images/li1.gif') bottom left no-repeat; height: 20px; padding-left: 20px; margin-top: 5px; margin-bottom: 5px; }
#content #right .h330 li a { text-decoration: none; color: #344b6f; font-weight: bold; }



.galinfo { margin-top: -11px; margin-bottom: 15px; }


/* --------------[ ITSY BITSY GALLERY ]---------------- */
.gallery-small { margin-top: 10px; margin-bottom: 10px; height: 185px;  }
.gallery-small .item { float: left; width: 205px; margin-left: 10px; margin-right: 10px; }
.gallery-small .item a { color: #4a6491;  font: bold 11px Arial;  }
.gallery-small .image
{
	height: 155px;
	width: 205px;
	background-position: center center;
	background-repeat: no-repeat;
}

/* -------------[ ITSY BITSY CALENDAR ]---------------- */
#sidecal
{
	float: right;
	width: 281px;
	height: 207px;
	background: #fff url(/images/cal-top.gif) top left no-repeat;
	margin-top: -10px;
	text-align: center;
	padding: 7px;
	padding-top: 40px;
}
#sidecal h3 { font: 19px Klavika; color: #22324c; } 
#sidecal-menu { border-bottom: 1px solid #22324c; height: 20px; font-size: 11px; font-weight: bold; color: #4a6491; }
#sidecal-menu ul { margin: 0; padding: 0; } 
#sidecal-menu li { display: block; float: left; margin: 0; padding: 2px; padding-bottom: 1px; padding-left: 15px; padding-right: 15px; cursor: pointer;  } 
#sidecal-menu li:hover,#sidecal-menu li.active { background: #7792c0; color: #fff; } 

#sidecal-submenu { background: #e4e5e6; height: 20px; font-size: 11px; font-weight: bold; color: #21314b; }
#sidecal-submenu ul { margin-left: 12px; } 
#sidecal-submenu li { display: block; float: left; margin: 0; padding: 2px; padding-bottom: 1px; padding-left: 10px; padding-right: 10px; cursor: pointer; } 
#sidecal-submenu li:hover,#sidecal-submenu li.active { background: #7792c0; color: #fff; } 
#sidecal-submenu .arrow-r { height: 11px; width: 6px; background: url('/images/arrow-r.gif') center center no-repeat; position: absolute; margin-left: 272px; margin-top: 5px; cursor: pointer; }
#sidecal-submenu .arrow-l { height: 11px; width: 6px; background: url('/images/arrow-l.gif') center center no-repeat; position: absolute; margin-left: 4px; margin-top: 5px; cursor: pointer; }
#sidecal .item
{
	background: url('/images/sidecal-sep.gif') bottom center no-repeat;
	height: 20px;
	margin-top: 10px;
	color: #595959;
	font-weight: bold;
	margin-left: 5px;
	text-align: left;
	font-size: 11px;
}
#sidecal .item .date
{
	width: 60px;
	float: left;
	color: #013a81;
}
#sidecal-cont
{
	width: 280px;
	height: 120px;
	position: relative;
	border: 1px solid #fff;
}
#sidecal-scroll
{
	width: 280px;
	height: 120px;
	overflow: hidden;
	position: relative;
	text-align: left;
}
#sidecal-cont .items {
	width:20000em;
	clear:both;
	position:absolute;
	height: 100px;
}
#sidecal .items div.screen {
	width: 280px;
	height: 100px;
	float: left;
}

#sidecal-status
{
	margin-top: 100px;
	position: relative;
	list-style: none;
	clear: both; 
}
#sidecal-status li
{
	height: 10px;
	width: 10px;
	background: url('/images/slide-menu-0.gif') top left no-repeat;
	float: left;
	margin: 5px;
	cursor: pointer;
}
#sidecal-status li.active
{
	background: url('/images/slide-menu-1.gif') top left no-repeat;
}
.sidecal-download
{
	float: right;
}









/* -------------[ ARTICLE LIST ]--------------- */

.sprava
{
	height: 130px;
	border-bottom: 1px solid #22324C;
	color: #22324c;
	clear: both;
}
.sprava .image
{
	height: 100px;
	width: 100px;
	float: left;
	background-position: center center;
	background-repeat: no-repeat;
	margin-right: 15px;
}
.sprava h3 { font: 18px Arial }
.sprava h3 a { text-decoration: none; color: #133f8a; }
.sprava .bar { margin-top: 99px; margin-left: 115px; position: absolute; width: 540px; }
.sprava .light, .sprava .light a { color: #3f609b }
.sprava .viac { float: right; padding: 1px; padding-left: 5px; padding-right: 5px; background-color: #7792c0; color: #fff; }
.sprava .viac a { color: #fff; text-decoration: none; }



/* ------------[ GALLERY LIST ]----------------- */

.emenu, .emenu a { color: #21314b; text-decoration: none; }
.emenu strong
{
	background-color: #7792c0; color: #fff; padding: 3px; padding-left: 5px; padding-right: 5px; 
}
.gallery-item,
.gallery .item
{
	float: left;
	margin: 4px;
	width: 205px;
	height: 190px;
	cursor: pointer;
	font: bold 11px Arial;
}
.gallery .item
{
	height: 155px;
}

.gallery-item .image,
.gallery .item .image
{
	height: 155px;
	width: 205px;
	background-position: center center;
	background-repeat: no-repeat;
	margin-bottom: 3px;
}
.gallery-item a,
.videogallery-item a { color: #4a6491; line-height: 1em; }

.videogallery-item
{
	float: left;
	margin: 20px;
	width: 120px;
	height: 90px;
	cursor: pointer;
	font: bold 11px Arial;
}
.videogallery-item .image
{
	height: 90px;
	width: 120px;
	background-position: center center;
	background-repeat: no-repeat;
	margin-bottom: 3px;
}





#news { background: #fff; padding: 10px; margin: 5px 0 0; }
#news-left { float: left; }
#news-right { float: right; }
#news-buttons { padding: 0px; margin: 0px; height: 35px; }
#news-list { width: 285px; height: 365px; background: #21314b; clear: both; }
.news { margin: 0 4px 0; padding: 12px 12px 12px; border-bottom: 1px dotted #afafaf; }
.news a { text-decoration: none; color: #fff; }
.news a:hover { text-decoration: underline; }
#slideshow { width: 665px; height: 370px; }
#flash { width: 665px; height: 30px; background: #21314b; }
#flash p { color: #fff; padding: 7px 0 0 15px; font-size: 11px; }
#flash p b { color: #fd6b09; font-size: 11px; padding: 0 15px 0 0; }
#top-news-top-partners { margin: 10px 0 0; }
#top-news { float: left; background: #fff; }
#top-news-caption { width: 675px; height: 29px; background: #fff; border-bottom: 1px solid #22324c; }
#top-news-content { background: #fff; padding: 10px; }
.top-news { float: left; width: 215px; height: 190px; background: #dfdcdc; margin: 0 5px 0 0; padding: 0 0 7px; }
.top-news p { padding: 1px 10px 0; }
#top-partners { float: left; }
#top-partners-caption { width: 305px; height: 29px; background: #fff; border-bottom: 1px solid #22324c; }
#top-partners-content { background: #fff; padding: 10px; }
#minuly-rocnik-preteku { float: left; padding: 3px 0 0; }
#minuly-rocnik-preteku-caption { width: 685px; height: 29px; background: #fff; border-bottom: 1px solid #22324c; }
#minuly-rocnik-preteku-content { background: #fff; padding: 15px 10px 10px; }
#spolocne-treningy { float: left; height: 331px; background: #fff; }
#spolocne-treningy-caption { width: 295px; height: 29px; background: #fff; border-bottom: 1px solid #22324c; }
#spolocne-treningy-content { background: #fff; padding: 10px; }
#spolocne-treningy-content table { margin: 15px 0 0; }
#spolocne-treningy-content td { padding: 10px 2px 10px; }
#spolocne-treningy-index { float: left; height: 330px; background: #fff; padding: 32px 0 0; }
#spolocne-treningy-index-caption { width: 295px; height: 29px; background: #fff; border-bottom: 1px solid #22324c; }
#spolocne-treningy-index-content { background: #fff; padding: 10px; }
#spolocne-treningy-index-content table { margin: 15px 0 0; }
#spolocne-treningy-index-content td { padding: 10px 2px 10px; }
#galeria-caption { width: 980px; height: 33px; background: #23334d; border-bottom: 1px solid #fff; border-right: 1px solid #6a7586; }
#galeria-caption a { float: right; position: relative; top: 5px; right: 40px; }
#galeria-content { background: #23334d; padding: 10px 10px 10px 11px; border-right: 1px solid #6a7586; border-bottom: 1px solid #6a7586; }
#galeria-left { float: left; }
.galeria { float: left; margin: 0 7px 0; text-align: center; }
#galeria-right { float: left; }
#reklamny-priestor { float: left; }
#reklamny-priestor-caption { width: 675px; height: 29px; background: #fff; border-bottom: 1px solid #22324c; }
#reklamny-priestor-content { background: #fff; padding: 13px 12px 10px; }
#kalendar { float: right; width: 295px; height: 247px; background: #e9e9e9 url(/images/cal-top.gif) no-repeat; margin: 5px 0 0; padding: 0 0 7px; }
#months { margin: 56px 6px 0; padding: 0 0 10px; border-bottom: 1px dotted #22324c; }
#months td a { margin: 0 1px 0; padding: 4px 7px 4px; color: #21314b; text-decoration: none; font-weight: bold; }
#months .active a { background: #fd6b09; color: #fff; }
#kalendar-list { margin: 8px 0 0; background: #f7f7f7; }
#kalendar-list .list-left { width: 38px; background: #e3e3e3; font-size: 12px; padding: 8px; color: #595959; font-weight: bold; }
#kalendar-list .list-right { width: 218px; font-size: 11px; padding: 8px; color: #595959; border-bottom: 1px dotted #8d94a1; font-weight: bold; }
#dalsi-partneri-caption { width: 980px; height: 29px; background: #fff; border-bottom: 1px solid #22324c; }
#dalsi-partneri-content { background: #fff; padding: 30px;  text-align: center; }
#dalsi-partneri-content img { padding: 0 12px 0; }
#left2 { float: left; width: 980px; background: #fff; }
#left2 .module-inner { background: #fff; }
/*
#right2 { float: right; width: 300px; }
*/
.article-detail { padding: 20px 16px 20px; }
.article-detail h1 { padding: 0 0 5px; font-size: 20px; font-weight: bold; }
.article-detail-content-full ul { padding: 0 0 25px; }
#prehlad-sprav-caption {  height: 29px; background: #fff; border-bottom: 1px solid #22324c; }
#prehlad-sprav-content { background: #fff; padding: 10px; }
#galeria2 { float: right; margin: 10px 0 0; }
#galeria2 a {text-decoration: none; }
#galeria2-caption { width: 295px; height: 33px; background: #23334d; border-bottom: 1px solid #fff; }
#galeria2-caption a { float: right; position: relative; top: 5px; right: 10px; }
#galeria2-content { background: #23334d; padding: 10px 10px 10px 11px; border-bottom: 1px solid #6a7586; }
#galeria2-left { float: left; width: 43px; }
.galeria2 { float: left; margin: 2px 35px 2px; text-align: center;  width: 120px; min-height: 140px; }
#galeria2-right { float: left; width: 43px; }
.paging { text-align: center; }
.paging a { color: #173d50; font-size: 10px; margin: 0 2px 0; text-decoration: none; padding: 1px 3px 1px; }
.paging a:hover { background: #eee; }
.paging .active { padding: 1px 3px 1px; color: #627599; background: #ccc; }
#footer { width: 980px; margin: 10px auto 0; }
#footer p { color: #647999; font-size: 11px; }

h3{
color: #5C7987;
font-size: 14px;
font-weight: bold;
margin: 12px 0 6px;
}

#slider-main
{
	height: 175px;
	width: 275px;
	background: #fff;
	text-align: center;
	overflow: hidden;
	
	position: relative;
	
}
.slider-pic
{
	height: 168px;
	width: 275px;
	position: absolute;
	top: 0;
	left: 0;
	background-position: center center;
	background-repeat: no-repeat;
}




#mslide-main
{
	width: 665px;
	height: 370px;
	background: #000;
	margin-bottom: 0px;
}
.mslide-pic
{
	width: 665px;
	height: 370px;
	position: absolute;
	background-position: top left;
	background-repeat: no-repeat;
}


.article{
width: 610px;
height: 120px;
background: url(/images/article-short-back.gif) right bottom repeat-x;
margin-bottom: 20px;
}
.article-datum, .diskusia-datum{
font-weight: bold;
}
.article-image{
width: 200px;
height: 150px;
float: left;
overflow: hidden;
margin-right: 23px;
}
.article-header h3 a{
color: #5C7987;
font-size: 14px;
text-decoration: none;
}
.article-header h3 a:hover{
text-decoration: underline;
}
.article-header{
width: 513px;
float: left;
}
.article-short{
height: 36px;
width: 513px;
float: left;
overflow: hidden;
}
.article-viac{
text-align: right;
}
.article-viac a{
color: #F26522;
font-weight: bold;
padding-left: 20px;
}
.article-diskusia{
float: left;
margin-left: 97px;
}
.article-diskusia{
font-size: 10px;
}
h1{
color: #5C7987;
font-size: 20px;
font-weight: bold;
margin-bottom: 0.5em;
}
h2{
color: #5C7987;
font-size: 16px;
font-weight: normal;
margin-bottom: 0.5em;
}
h3{
color: #5C7987;
font-size: 14px;
font-weight: bold;
margin-bottom: 0.5em;
}
h4{
color: #5C7987;
font-size: 13px;
font-weight: normal;
margin-bottom: 0.5em;
}
h5{
color: #5C7987;
font-size: 12px;
font-weight: normal;
margin-bottom: 0.5em;
}
h5{
color: #5C7987;
font-size: 11px;
font-weight: bold;
margin-bottom: 0.5em;
}

.autor{
color: #000;
font-weight: bold;
}
.article-detail-datum{
margin-bottom: 2em;
margin-top: -20px;
}
.gallery-list-outer{
overflow: hidden;
margin: 5px auto 5px auto;
clear: both;
}
.gallery-hitem{
float: left;
margin-right: 10px;
margin-botom: 10px;
width: 120px;
text-align: center;
border: 1px solid #e5e5e5;
padding: 6px;
}
.gallery-hitem img{ height: 80px; }

.list-popis, .list-vytvorene, .list-pocet{
float: left;
width: 500px;
}
.list-vytvorene{
font-weight: bold;
font-size: 10px;
}
.linky {} 
.linky ul, .linky p, .diskusia {
background: #fff;
padding: 5px;
margin: 0 0 1em 0;
}
.linky ul { padding-left: 25px; }
input.d-button{
color: #fff;
background: #183D50;
padding: 5px 10px;
font-size: 11px;
font-weight: bold;
}
label{
width: 140px;
display: block;
float: left;

}
input.search, input.search1, select{
border: 1px solid #99CCCC;
margin: 0 10px;
padding: 5px;
font-size: 10px;
}
input.search{
width: 310px;
}
input.search-button{
font-size: 10px;
font-weight: bold;

color: #fff;
display: block;
margin-top: 15px;
cursor: pointer;
width: 70px;
height: 25px;
background:url(/images/hladat-back.gif);
}
.linky a{
color: #626262;
text-decoration: none;
}
.linky a:hover{
text-decoration: underline;
}
.linky h2{
color: #fff;
background: #7792C0;
padding: 5px 10px;
font-size: 15px;
font-weight: normal;
margin-bottom: 0;
}
.d-h h3{
border: 0;
color: #fff;
background: #7792C0;
padding: 5px 10px;
font-size: 14px;
font-weight: normal;
margin-bottom: 0;
}
.form-body
{
	width: 95%;
	padding: 10px;
	border: 1px solid #e0e0e0;
	background: #f0f0f0;
}
.form-body input,
.form-body textarea
{
	border: 1px solid #c0c0c0;
}


.artdate
{
	float: left;
	width: 70px;
}

.galmaxipic { float: left; margin-right: 15px; margin-left: 15px; }
.gal-pic { height: 90px; }
.gal-pic img { width: 120px; }
.whitebg { background: #fff; }

.rozvrh { border-top: 1px solid #bbb; border-left: 1px solid #bbb; border-right: 2px solid #bbb; border-bottom: 2px solid #bbb; }
.rozvrh th { background: #ddd; text-align: left; vertical-align: top; }
.rozvrh td { font-size: 11px; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; }

.toplist { margin-top: 50px; margin-right: 15px; float: right; }







#banner-main
{
	height: 150px;
	width: 590px;
	background: #fff;
	text-align: center;
	overflow: hidden;
	position: relative;
	
}
.banner-pic
{
	height: 150px;
	width: 590px;
	position: absolute;
	top: 0;
	background-position: top left;
	background-repeat: no-repeat;
	cursor: pointer;
}

/*
#overlay{ background-image: url(/images/overlay40.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/overlay40.png", sizingMethod="scale");
}
*/




/* -------------[ NEW 2012 ASICS REALIZ RUN 2012  ]--------------- */

.real_run{padding:30px; }
.real_run img{padding:10px; }
.real_run table{ margin:0 auto;  }
.real_run table td{ vertical-align:top; padding:2px 4px;}
.real_run ul{ margin-left:30px;}