charset "utf-8";
/* CSS Document for Joomla 3 styles */


body{margin:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:20px;color:#333;background-color:#cccccc}
.container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:1110px}
.span12{width::1110px}
.container{background-color:white; padding: 12px;border-radius: 7px;margin-right:auto;margin-left:auto;*zoom:1}
input,textarea,.uneditable-input{width:170px}
.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width::1110px}
.pagenavcounter {display:none}
/* =============================== */


/* ===========================
	FONT STYLES
	========================== */
body {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	padding-top: 10px;
	padding-bottom: 40px;
	background-color:#cccccc;
	line-height:normal;
}

#mainmenu {
        font-size: 14px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Open Sans Condensed',sans-serif;
	font-weight: 700;
}

h1 {
  font-size: 30px;
  line-height: 34px;
}

h2 {
  font-size: 26px;
  line-height: 30px;
}

h3 {
  font-size: 22px;
  line-height: 26px;
}

h4 {
  font-size: 18px;
  line-height: 20px;
}

h5 {
  font-size: 14px;
  line-height: 20px;
}

h6 {
  font-size: 12px;
  line-height: 20px;
}

/* ======================
	GENERAL STYLES
	===================== */
/* Write your general styles here */

/* ===================================================================================
	BOOTSTRAP MEDIA QUERIES OVERRIDES
	NOTE: The order of the media queries is important when styles overwrite each other
	================================================================================== 
@media (min-width: 980px) {}
@media (min-width: 1200px) {}
@media (max-width: 979px) {}
@media (min-width: 768px) and (max-width: 979px) {}
@media (max-width: 767px) {}
@media (max-width: 480px) {}
*/

/* ======================
	MODULES
	===================== */

/* ----------------------
	Special module styles
	--------------------- */
/* Special general */
[class*="special"] .module-content ul {
	margin: 0 0 10px 17px;
}

[class*="special"] .module-content ul.unstyled {
	margin: 0 0 10px 0;
}

/* -------------
	Special Grey
	------------ */
.specialgrey {
    border: 1px #e6e6e6 solid;
    border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
    box-shadow: 0 2px 4px 0 #b4b4b4;
    color: #333;
	min-height: 20px;
	margin-bottom: 20px;
    background: #F5F5F5;
	background: -moz-linear-gradient(top,  #ffffff 0%, #e6e6e6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#e6e6e6 100%); /* W3C */
}

.specialgrey .page-header {
	border-bottom: 1px #ccc dotted;
	margin: 0;
	padding: 4px 19px;
}

.specialgrey .module-content {
	padding: 4px 19px;
}

/* -------------
	Special Blue
	------------ */
.specialblue {
    border: 1px #3c67a5 solid;
    border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
    box-shadow: 0 2px 4px 0 #b4b4b4;
    color: #333;
	min-height: 20px;
	margin-bottom: 20px;
	background: #507bb9; /* Old browsers */
	background: -moz-linear-gradient(top,  #507bb9 0%, #3c67a5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#507bb9), color-stop(100%,#3c67a5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #507bb9 0%,#3c67a5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #507bb9 0%,#3c67a5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #507bb9 0%,#3c67a5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #507bb9 0%,#3c67a5 100%); /* W3C */
}

.specialblue .page-header {
	border-bottom: 1px #fff dotted;
	margin: 0;
	padding: 4px 19px;
	color: #fff;
}

.specialblue hr {
    margin: 5px 0;
}

.specialblue .module-content {
	padding: 4px 19px;
	color: #fff;
}

.specialblue .module-content a {
	color: #fff;
}

/* -------------
	Special Red
	------------ */
.specialred {
    border: 1px #990000 solid;
    border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
    box-shadow: 0 2px 4px 0 #b4b4b4;
    color: #333;
	min-height: 20px;
	margin-bottom: 20px;
	background: #ff0000; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff0000 0%, #990000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff0000), color-stop(100%,#990000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff0000 0%,#990000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff0000 0%,#990000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff0000 0%,#990000 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ff0000 0%,#990000 100%); /* W3C */
}

.specialred .page-header {
	border-bottom: 1px #fff dotted;
	margin: 0;
	padding: 4px 19px;
	color: #fff;
}

.specialred .module-content {
	padding: 4px 19px;
	color: #fff;
}

.specialred .module-content a {
	color: #fff;
}

/* -------------
	Special Gold
	------------ */
.specialgold {
    border: 1px #ab7915 solid;
    border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
    box-shadow: 0 2px 4px 0 #b4b4b4;
    color: #333;
	min-height: 20px;
	margin-bottom: 20px;
	background: #cc9933; /* Old browsers */
	background: -moz-linear-gradient(top,  #cc9933 0%, #ab7915 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc9933), color-stop(100%,#ab7915)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #cc9933 0%,#ab7915 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #cc9933 0%,#ab7915 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #cc9933 0%,#ab7915 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #cc9933 0%,#ab7915 100%); /* W3C */
}

.specialgold .page-header {
	border-bottom: 1px #fff dotted;
	margin: 0;
	padding: 4px 19px;
	color: #fff;
}

.specialgold .module-content {
	padding: 4px 19px;
	color: #fff;
}

.specialgold .module-content a {
	color: #fff;
}

/* nastavenie hlavneho menu */

#mainmenu li {
	background-color: #bbbbbb;
	border-right: solid 1px #dddddd;
	order-left: solid 1px #dddddd;
	border-bottom: solid 1px #dddddd;
	border-radius: 0 0 0 0;
}
#mainmenu li a {
	color: #444444;
	font-weight: bold;
}

#mainmenu {
	background-color: #bbbbbb;
	border-left: solid 1px #dddddd;
	border-right: solid 1px #dddddd;
	border-bottom: solid 1px #dddddd;
	border-radius: 8px;
}

#mainmenu .item-101 {
	border-radius: 8px 0 0 8px;
}

.navigation .moduletable {
	width: 100%;
}
/*   nastavenie kalendara - jeho detailu */

#dpcal-event-container .span7 .row-fluid  {
	display: none;
}

#dpcal-event-container h2 {
	display: none;
}

#dpcal-event-container .span5 {
	display: none;
	width: 0px;
}

#dpcal-event-container .span7 {
	width: 100%;
}

#dpcal-event-container .span7 #dp-event-title, #dpcal-event-container .span7 #dp-event-date, #dpcal-event-container .span7 #dp-event-url, #dpcal-event-container .span7 #dp-event-copy-google  {
	display: block;
}

#dpcal-event-container .span7 #dp-event-title .span9 {
	font-size: 26px;
	font-family: 'Open Sans Condensed',sans-serif;
	font-weight: 700;
}

/*     nastavenie medzery pod hlavnym menu */
.navigation {
	height: 55px;
}

/*   sirka hlavnej casti textu, ale asi nejde ak bude iny pocet stlpcov */
.span6 {
	width: 622px;
}

/* obrazok v headeri */
.header .bigimage img {
        border-radius: 8px;
        width: 1130px;
}

/* fix - zobrazenie "podrobnosti"  pod clankom zakazat */
.article-info-term {
	display: none;
}

/* nastavenie sidebar menu */
.ux-menu-item-main {
	width: 200px;
}

.ux-menu-item-level-1 {
	width: 180px;
}

.ux-menu a {
	padding: 6px 8px;
}

.ux-menu a.current {
}

.ux-menu a:hover {
}


/* nastavenie modulov */

#sidebarleft {
	width: 218px;
	margin-left: 0px;
}

#sidebarleft .well {
	width: 200px;
}

.well {
	padding: 9px;
	margin-bottom: 15px;
	background-color: #c4ceef;
	border-radius: 8px;
	box-shadow: 0px 0px 1px 0px rgba(1, 1, 1, 0.2) inset;
}

#content {
        margin-left: 10px;
}

#sidebarright {
        margin-left: 10px;
        width: 270px;
}

/*  TCVN banner system  */
.tcvn-banner-item img {
	width: 100%;
	border-radius: 5px;
}

#content img {
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 1px;
	margin-bottom: 1px;
}

/* nastavenie paty */

.footer .container p {
	display: none;
}

.footer .container hr {
	display: none;
}

.footer .container div p {
	display: block;
	color: white;
	font-size: 12px;
	text-align: center;
}

.footer .container {
	background-color: #888888;
}

/* korekcia okolia stranky je v bootstrap.min.css a zvysok nasledovne*/

body {
	background-color: #787878;
}

/* itemy na home stranke */

.items-leading {
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	box-shadow: 0px 0px 1px 0px rgba(1, 1, 1, 0.2) inset;
	border-radius: 8px;
	padding: 9px;
	margin-bottom: 15px;
}

.items-row div {
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	box-shadow: 0px 0px 1px 0px rgba(1, 1, 1, 0.2) inset;
	border-radius: 8px;
	padding: 4px;
	margin-right: 5px;
	margin-bottom: 15px;
}

.items-row .item-image {
        border-radius: 6px;
	box-shadow: 0px 0px 0px 0px rgba(1, 1, 1, 0.2) inset;
	margin-top: 2px;
	margin-bottom: 5px;
}

.items-row .item-image img {
        border-radius: 3px;
}

/* joombig beatifull banner */

.Joombig-beautiful-banner div {
	border-radius: 8px;
    	opacity: 0.2;
    	filter: alpha(opacity=20); /* For IE8 and earlier */
}

.Joombig-beautiful-banner .slide-desc {
    	opacity: 1;
    	filter: alpha(opacity=100); /* For IE8 and earlier */
}

.Joombig-beautiful-banner .skdslider {
    	opacity: 1;
    	filter: alpha(opacity=100); /* For IE8 and earlier */
}

.Joombig-beautiful-banner img {
	border-radius: 8px;
}

.pos3 {
    	margin-bottom: 30px;
}

.container {
	width: 1130px;
}

/* phoca gallery */

#phocagallery .category {
	font-size: 14px;
}

.pg-cats-box-float2 {
	padding: 3px;
}

#phocagallery .pg-cat-img-detail {
	margin: 0px 0px 0px 0px;
}

.pg-cat-img-detail div {
	line-height: 24px;
}

.pg-cv-box{
        line-height: normal;
        height: 150px;
}

#phocagallery .pagination {
	display: none;
}

img {
	max-width: none;
}

#login-form .unstyled {
	display: none;
}

.blog-featured h2 {
	font-size: 20px;
	line-height: 22px;
}

#archive-items h2 {
	font-size: 20px;
	line-height: 22px;
}

.readmore .btn {
	font-size: 10px;
	line-height: 12px;
	padding: 2px 2px;
}

hr {
	height: 0px;
	border-bottom: 1px solid #e8e8e8;
	border-top: none;
	margin: 10px 0px;
}

.dual-prihlasovanie img {
	-webkit-animation: swing-in-top-fwd 0.8s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
	        animation: swing-in-top-fwd 0.8s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2025-2-24 22:16:21
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation swing-in-top-fwd
 * ----------------------------------------
 */
@-webkit-keyframes swing-in-top-fwd {
  0% {
    -webkit-transform: rotateX(-100deg);
            transform: rotateX(-100deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 1;
  }
}
@keyframes swing-in-top-fwd {
  0% {
    -webkit-transform: rotateX(-100deg);
            transform: rotateX(-100deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 1;
  }
}