@font-face {
	font-family: 'kaiju_monster';
	src: url(#);
	src: local('☺'), url('/theme/BolaRazJednaTrieda/fonts/gomarice_kaiju_monster.woff') format('woff'), url('/theme/BolaRazJednaTrieda/fonts/gomarice_kaiju_monster.ttf') format('truetype'), url('/theme/BolaRazJednaTrieda/fonts/gomarice_kaiju_monster.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'HelveticaNeueLTPro-LtCn';
	src: url(#);
	src: local('☺'), url('/theme/BolaRazJednaTrieda/fonts/HelveticaNeueLTPro-LtCn.woff') format('woff'), url('/theme/BolaRazJednaTrieda/fonts/HelveticaNeueLTPro-LtCn.ttf') format('truetype'), url('/theme/BolaRazJednaTrieda/fonts/HelveticaNeueLTPro-LtCn.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'KGTurningTables';
    src: url(#);
    src: url(#) format('embedded-opentype'),
         url(#) format('woff2'),
         url(#) format('woff'),
         url('/theme/BolaRazJednaTrieda/fonts/KGTurningTables.ttf') format('truetype'),
         url('/theme/BolaRazJednaTrieda/fonts/KGTurningTables.svg') format('svg');
}



body{color:#fff;background: url(/theme/BolaRazJednaTrieda/img/bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;padding-top: 140px; }
#menu {height:140px;background-color:rgba(0,0,0, 0.35);text-align:center;overflow:hidden;position: fixed;top:0px;width:100%;z-index: 10;}
#menu ul {display:inline-block;margin:0 auto;}
#menu ul li {float:left;height:70px;padding:0 23px;}
#menu ul li a {font-size:0;text-indent:-6000px;float:left;display:block;height:70px;line-height:70px;font-family: 'kaiju_monster';font-size:35px;color:#fff;text-decoration:none;}
#menu ul li.pribeh-triedy a {background:url(/theme/BolaRazJednaTrieda/img/menu-1.png) no-repeat center 12px;width:167px;}
#menu ul li.o-projekte a {background:url(http://brjt.sk/theme/BolaRazJednaTrieda/img/menu-2.png) no-repeat center 28px;width:136px;}
#menu ul li.pribehy-nazivo a {background:url(/theme/BolaRazJednaTrieda/img/menu-3.png) no-repeat center 16px;width:181px;}
#menu ul li.hobby a {background:url(http://brjt.sk/theme/BolaRazJednaTrieda/img/menu-4.png) no-repeat center 28px;width:74px;}
#menu ul li.pomoc a {background:url(/theme/BolaRazJednaTrieda/img/menu-5.png) no-repeat center 28px;width:79px;}
#menu ul li.hra a {background:url(http://brjt.sk/theme/BolaRazJednaTrieda/img/menu-6.png) no-repeat center 28px;width:43px;}
#menu ul li.talentova-sutaz a {background:url(/theme/BolaRazJednaTrieda/img/talentova-sutaz.png) no-repeat center 16px;width:203px;}
#menu ul li.skola a {background:url(/theme/BolaRazJednaTrieda/img/menu-8.png) no-repeat center 16px;width:215px;}
#menu ul li.sutaziaci a {background:url(/theme/BolaRazJednaTrieda/img/menu-registracia-sutaziaci.png) no-repeat center 16px;width:257px;}
#menu ul li.hlasovanie a {background:url(http://brjt.sk/theme/BolaRazJednaTrieda/img/menu-9-1.png) no-repeat center 28px;width:259px;}
#menu ul li.archiv a {background:url(/theme/BolaRazJednaTrieda/img/menu-11.png) no-repeat center 17px;width:77px;}
#menu ul li.partneri a {background:url(/theme/BolaRazJednaTrieda/img/menu-12.png) no-repeat center 29px;width:103px;}
#menu ul li.active {background:url(http://brjt.sk/theme/BolaRazJednaTrieda/img/active.png) no-repeat center center;background-size: 100% 90%;}

#content {/*width:1370px;margin:0 auto;overflow:hidden;*/font-size:21px;font-family:Tahoma;padding-top:35px;font-family: 'HelveticaNeueLTPro-LtCn';line-height:140%;}
#content-inner{max-width: 1286px; margin: 0px auto;}
#content-inner td{vertical-align: top}
#content h1 {font-size:24px;margin-bottom:35px;font-weight:bold;}
.pribeh-triedy #content h1 {font-size:65px;font-family: 'kaiju_monster';font-weight:normal;text-shadow: 0px 4px 0px rgba(44, 91, 74, 1);text-align:center;line-height:65px;margin:0;}

.hraBanner {text-align:center;}

#footer {height:155px;background-color:rgba(0,0,0, 0.20);font-size:16px;font-family: 'HelveticaNeueLTPro-LtCn';line-height:20px;}
#footer .content {width:730px;margin:0 auto;padding-top:30px;}
#footer .content img {float:right;margin-top:10px;}


.jcarousel { position: relative; overflow: hidden; width:1045px;margin:0 auto;}
.jcarousel-wrapper {width:1045px;margin:0 auto;position:relative;}


.jcarousel ul { width: 20000em; position: relative; /* Optional, required in this case since it's a <ul> element */ list-style: none; margin: 0; padding: 0; }


.jcarousel li { /* Required only for block elements like <li>'s */ float: left; width:1045px; text-align:center; }

.jcarousel-control-prev {position:absolute;top:360px;left:-50px;}
.jcarousel-control-next {position:absolute;top:360px;right:-50px;}

#content a {color:#fff;font-weight:bold;text-decoration:none;}
#content a:hover {text-decoration:underline;}
#content strong {font-weight:bold;}

.school_students_form h2{
	color: #FED201;
	font-size: 30px;
	text-transform: uppercase;
	font-family: 'kaiju_monster';
}
.color{color:#FED201;}
p{padding-bottom: 10px;}
span.customSelect { 
	border: 1px solid #FFD200;
	border-radius: 3px;
	padding: 0px 4px;
	font-size: 20px;
	font-family: 'HelveticaNeueLTPro-LtCn';
	line-height: 43px;
	height: 43px;
	background: #FFD200 url('/theme/BolaRazJednaTrieda/img/select.png') right 10px center no-repeat;
	background-size: 15px 12px;
	display: inline-block;
	width: 200px;
	color: black;
	margin-bottom: 20px;
	width: 480px;
}
.customSelect.customSelectHover {
}
.customSelect.customSelectFocus {
}
.customSelect.customSelectOpen {
}
.customSelect.customSelectChanged {
}
.customSelectInner {
	width: auto !important;
}
.clear{clear:both;}
.flash{
	font-size: 18px;
	background-color: #eee;
	padding: 10px;
	border-radius:3px;
	margin-bottom: 10px;
	font-weight: bold;
	text-align: center;
	font-family: 'HelveticaNeueLTPro-LtCn';
}
.flash_info{
	color: green;
}
.flash_error{
	color: red;
}
.error-message{color:red;margin-bottom: 30px;}
.file_text{
	line-height: 60px;
	vertical-align: top;
	padding-left: 20px;
}

.talentova-sutaz td{vertical-align: top;}
.talentova-sutaz #content-inner{
	font-family: KGTurningTables;
	font-size: 18px;
	width: 1000px;
}

.talentova-sutaz h2{
	font-size: 23px;
	text-transform: uppercase;
	padding-left: 20px;
}
.talentova-sutaz img{margin-top: 10px;}
.talentova-sutaz #content .box a{
	color: black;
}
.talentova-sutaz .box{
	font-size: 21px;
	font-family: 'HelveticaNeueLTPro-LtCn';
	background: transparent url('/theme/BolaRazJednaTrieda/img/box.png') no-repeat;
	background-size: 100% 100%;
	min-width: 672px;
	min-height: 237px;
	padding: 60px;
	color: black;
}
.talentova-sutaz #content-inner a{text-decoration: underline;color: #FED201;}
.registracia #content a{
	font-size: 23px;
	font-family: KGTurningTables;
	color: #FED201;
}

.registracia #content-inner{
	width: 1000px;
}

.school_schools #content-inner, .school_students_form #content-inner{
	width: 1070px;
	background: transparent url('/theme/BolaRazJednaTrieda/img/skola-bg.png') no-repeat top left;
	padding-left: 55px;
	padding-top: 90px;
	font-family: KGTurningTables;
	font-size: 20px;
	min-height: 768px;
}
.school_students_form #content-inner{
	background-image:url('/theme/BolaRazJednaTrieda/img/sutaziaci-bg.png');
	min-height: 928px;
}
.school_students #content-inner, .pomoc #content-inner{
	width: 1070px;
}
.school_schools #content-inner label, .school_students #content-inner label, .pomoc #content-inner label{
	display: block;
	margin-bottom: 5px;
}
.school_schools #content-inner input, .school_students #content-inner input,.school_schools #content-inner textarea, .school_students #content-inner textarea, .pomoc #content-inner input{
	background-color: #FFD200;
	color: black;
	border-radius: 3px;
	font-size: 20px;
	padding: 10px 4px;
	margin-bottom: 20px;
	font-family: 'HelveticaNeueLTPro-LtCn';
	width: 480px;
}
.school_schools #content-inner input[type=image], .school_students #content-inner input[type=image], .pomoc #content-inner input[type=image]{
	background-color: transparent;
	width: auto;
}
.school_students #content-inner input#SchoolStudentAge{
	width: 160px;
}
.selectFile{cursor:pointer;margin-bottom: 20px;}
#SchoolStudentAddForm .input.file input,#SchoolSchoolAddForm .input.file input{display:none;}

.whitebox{
	display: inline-block;
	background-color: white;
	margin-bottom: 20px;
	text-align: center;
	padding: 20px;
}
.whitebox a{
	padding: 10px;
}
#content .paging{
	background-color: #154728;
	color: white;
	font-size: 13px;
	font-family: 'KGTurningTables';
	line-height: 29px;
	padding: 5px;
	clear:both;
}
#content .paging a{
	font-weight: normal;
	color: white;
}
#content .paging form{
	display:inline-block;
}
#content .paging input{
	color: #FFD200;
	background-color: #154728;
	border: 1px solid #fff;
	border-radius: 0px;
	padding: 2px 4px;
	width: 50px;
	text-align: center;
	font-family: 'KGTurningTables';
	font-size: 13px;
	margin-bottom: 0px;
}
#content .paging .left,#content .paging .center,#content .paging .right{
	width: 33.3%;
	float: left;
}
#content .paging .left{width:66.6%;}
#content .paging .center{text-align: left;}
#content .paging .right{text-align: right;}
#content .paging .sorting{margin-left: 10px;display: inline-block;}
#content .paging .first,#content .paging .prev,#content .paging .next,#content .paging .last{
	margin-left: 2px;
	margin-right: 2px;
	width: 20px;
	display: inline-block;
	text-align: center;
	background: transparent url('/theme/BolaRazJednaTrieda/img/first.png') no-repeat center center;
	text-indent: -9999px;
}
#content .paging .left a{
	padding:0px 3px;
}
#content .paging .left a.active{text-decoration: underline;color: #FFD200;}
#content .paging .prev{background-image: url('/theme/BolaRazJednaTrieda/img/prev.png');}
#content .paging .next{background-image: url('/theme/BolaRazJednaTrieda/img/next.png');}
#content .paging .last{background-image: url('/theme/BolaRazJednaTrieda/img/last.png');}
#content .paging .first a,#content .paging .prev a,#content .paging .next a,#content .paging .last a{
	display: block;
}
#content .paging .sort-down{
	display: inline-block;
	margin-left: 5px;
	width: 13px;
	height: 29px;
	background: transparent url('/theme/BolaRazJednaTrieda/img/sort-d.png') no-repeat center 13px;
}
#content .paging .sort-down.active{
	background-image: url('/theme/BolaRazJednaTrieda/img/sort-d-a.png');
	text-decoration: none !important;
}
#content .paging .sort-up{
	margin-right: 5px;
	display: inline-block;
	width: 13px;
	height: 29px;
	background: transparent url('/theme/BolaRazJednaTrieda/img/sort-up.png') no-repeat center 14px;
}
#content .paging .sort-up.active{
	background-image: url(#);
	text-decoration: none !important;
}

.items{

}
.item-container{
	width: 25%;
	float: left;
}
.items .item{
	border-radius: 5px;
	margin: 15px;
	text-align: center;
	font-size: 18px;
	font-family: 'KGTurningTables';
	min-height: 260px;
	background-color: white;
	color: #3e5b23;
	margin-right: 20px;
	margin-bottom: 20px;
}
.items .item .image_container{
	position: relative;
	display: inline-block;
	width: 225px;
	height: 171px;
	overflow: hidden;
}
.items .item .image_container img{
	padding-top: 19px;
	max-width: 100%;
}
.items .item .youtube{
	position: absolute;
	top:0;
	left: 0;
	background: transparent no-repeat;
	background-size: cover;
	background-position: center;
	top:19px;
	left: 9px;
	width: 207px;
	height: 139px;
	display: inline-block;
}
.items .item .border{
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent url('/theme/BolaRazJednaTrieda/img/ramcek.png') no-repeat;
	background-size: 100% 100%;
}
.items .item .votes{margin-bottom: 10px;}
.items .item .vote{float:left;margin-left: 10px;}
.items .item .share{float:right;margin-right: 10px;}
.left, .right{float:left;width:50%;}
.schoolStudents.form ul{list-style-type: decimal;}

.hlasovanie-form{
	font-size: 20px;
	font-family: 'KGTurningTables';
}
.form-left{
	width: 50%;
	float: left;
}
.form-right{
	width: 50%;
	float: left;
}
.detail{
	padding-bottom: 20px;
}
.detail h2{
	font-size: 25px;
	font-weight: bold;
}
.detail h3{
	font-size: 20px;
	font-weight: bold;
}
.detail img.mainimage{
	max-width: 50%;
	float: right;
}

.pomoc #vypis .item {
  padding-bottom:30px;
  border-bottom:2px solid #dae8d9;
  margin-bottom:30px;
}  
.pomoc .help.left {text-transform:uppercase;width:50%;}
.pomoc .help.right {width:50%;}