/*--------------------------------------------------------------------------------------------------
TABLE OF CONTENTS
					-RESET
					-GENERAL TAGS
					-LAYOUT
					-HEADER
					-HOMEPAGE HEADER
					-MENU
					-LANGUAGE MENU
					-RIBBON
					-COUNTER
					-3-COL
					-LOGIN FORM
					-CONTENT
					-FOOTER


--------------------------------------------------------------------------------------------------*/
/*--------------------------------------- RESET --------------------------------------------------*/
*{margin:0;padding:0;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;vertical-align: baseline; background:transparent;}
a img{border:0px solid #fff;}
ul,li{list-style:none;}

/*--------------------------------------- GENERAL TAGS--------------------------------------------*/
html {font-size: 100.01%; height: 100%;}
body {text-align: center; 
			font-family: 'Open Sans';
			font-style: normal;
			font-size: 15px;  
		 /* background: #552244;  */
			height: 100%;
			position: relative; 
			-webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
			-moz-animation: fadein 2s; /* Firefox < 16 */
			-ms-animation: fadein 2s; /* Internet Explorer */
			-o-animation: fadein 2s; /* Opera < 12.1 */
			animation: fadein 2s;
			background:#fff url('../filesystem/layout/texture.jpg') repeat;	 
			}

@keyframes fadein {
		from { opacity: 0; }
		to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
		from { opacity: 0; }
		to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
		from { opacity: 0; }
		to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
		from { opacity: 0; }
		to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
		from { opacity: 0; }
		to   { opacity: 1; }
}


.TopankaThumbnail {
	width : 190px;
	height : 250px;
	padding : 5px;
	margin : 7px; 
	float : left;  
	/*  border: 1px solid #000000; */
	background: #FFFFFF ;      

	/*  -moz-box-shadow: 0 0 2px 2px #888;
	-webkit-box-shadow: 0 0 2px 2px#888;
	box-shadow: 0 0 2px 2px #888;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px; */


	border: 0px solid #eeeeee; 
	margin-top : 
	8px;
	-webkit-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.3);
	}
			 


a{text-decoration: none;}
a:hover{text-decoration: underline;}

*:focus {outline: none;}   
textarea {resize: none;}
.clear{clear: both; display: block; width: 100%; overflow: hidden; height: 1px;}
.fright{float: right;}
.fleft{float: left;}
.noscreen{display: none;}

/*--------------------------------------- LAYOUT -------------------------------------------------*/
.center{width: 972px; margin:0 auto 0 auto;position:relative;text-align:left;  }
.background{background:url('') top no-repeat; height: auto;  min-height: 100%; 


	 }
/* for Internet Explorer */
/*\*/
* html .background {
height: 100%;
}
/**/
/*--------------------------------------- HEADER -------------------------------------------------*/
.header .logo{margin: 18px 12px 34px 12px; float: left;}
.header{height: 140px; overflow: hidden;}

/*--------------------------------------- HOMEPAGE HEADER -------------------------------------------------*/
.homepage{height: 105px; overflow: hidden;}
.homepage h1{clear: both; font-size: 40px;  font-weight: normal; line-height: 40px; letter-spacing: -1px;}
.homepage h2{clear: both; font-size: 23px;  line-height: 31px;letter-spacing: -1px; }


/*--------------------------------------- LANGUAGE MENU -------------------------------------------------*/
/*.lang{position: absolute; top: 20px; right: 12px;}
.lang li{float: left; margin-left: 8px;}
.lang a{float: left;} */

/*--------------------------------------- RIBBON -------------------------------------------------*/
/*.ribbon{background:#1e2326 url('../images/ribbon.jpg') top repeat-x; height: 205px;margin-bottom: 50px;}
.ribbon h3{font-size: 38px; color: #bcdde5; letter-spacing: -1px; font-weight: normal; float: left; text-align: right; padding-top: 18px; margin-right: 34px; width: 500px; display: inline;}
*/
/*--------------------------------------- COUNTER -------------------------------------------------*/
/*.ribbon .nums {border-left: 1px solid #383f44; display: block; float: left; padding: 22px 0; width: 400px; padding-left: 34px;}
.ribbon .nums span span{background:url('../images/nums.png') no-repeat; position: absolute; top: 0;left: 0;}
.ribbon .nums span {display: block; width: 59px; height: 84px; position: relative; text-align: center; line-height: 84px; font-size: 60px; color: #fff; float: left;}
.ribbon .nums .n0 span{background-position: 0 0;}
.ribbon .nums .n1 span{background-position: -59px 0;}
.ribbon .nums .n2 span{background-position: -118px 0;}
.ribbon .nums .n3 span{background-position: -177px 0;}
.ribbon .nums .n4 span{background-position: -236px 0;}
.ribbon .nums .n5 span{background-position: -295px 0;}
.ribbon .nums .n6 span{background-position: -354px 0;}
.ribbon .nums .n7 span{background-position: -413px 0;}
.ribbon .nums .n8 span{background-position: -472px 0;}
.ribbon .nums .n9 span{background-position: -531px 0;}
.ribbon .center{padding-top: 38px;}
*/
/*--------------------------------------- 3-COLUMNS -------------------------------------------------*/
/*.col{float: left; width: 333px; padding-bottom: 80px;}
.col h3,.login legend{font-size: 25px; font-weight: normal; color: #fff; padding-bottom: 18px; letter-spacing: -1px;}
.col p{padding-right: 30px; padding-bottom: 18px;}
*/
/*--------------------------------------- LOGIN FORM -------------------------------------------------*/
/*.login label{display: block; float: left; width: 204px; height: 32px;background:#97afb7 url('../images/textinput.png') no-repeat; margin:0 8px 11px 0; position: relative; }
.login label input{position: absolute; top: 7px; left: 10px; color: #434c4f; font-size: 13px; border: none; background-color: transparent; width: 190px; font-style: italic;}
.login .loginsubmit{width: 87px; height: 32px;background:#4e9fcb url('../images/loginsubmit.png') no-repeat; border: none; color: #fff; cursor: pointer; font-weight: bold;font-size: 13px; }
.login .loginsubmit:hover{background-position: left bottom;}
.login a{margin-top: -5px;}
.row{clear: both; height: 40px; overflow: hidden;}
*/

.topround {  
	-moz-border-top-left-radius: 15px;
	border-top-left-radius: 15px;
	-moz-border-top-right-radius: 15px;
	border-top-right-radius: 15px;
}

.bottomround {  
	-moz-border-bottom-left-radius: 15px;
	border-bottom-left-radius: 15px;
	-moz-border-bottom-right-radius: 15px;
	border-bottom-right-radius: 15px;
}

/*
.shadow {    
	box-shadow: 0px 0px 5px #222222;  
}
*/


/*--------------------------------------- CONTENT -------------------------------------------------*/
.content{background:#fff url('../images/') bottom repeat-x; top : 00px;
				background:url('../images/fill.jpg') 0px 185px; min-height : 900px; color : #444; background: #fefefe;
				border: 0px solid #eeeeee; 
				margin-top : 8px;
				-webkit-box-shadow: 0px 0px 30px 8px rgba(53, 53, 53, 0.75);
				-moz-box-shadow:    0px 0px 30px 8px rgba(53, 53, 53, 0.75);
				box-shadow:         0px 0px 30px 8px rgba(53, 53, 53, 0.75);
}
.content .title{position: relative; top: 0px; height: 240px; width: 100%; 
							 /* border-bottom: 1px solid #eeeeee; */
}
.content .title h1{
	letter-spacing: 0px;
	-webkit-text-stroke: 0px white;
	font-size: 25px; font-weight: normal;  padding-top: 10px; 
	margin-left: 25px; letter-spacing: -1px;}

.content .inner {padding-left: 25px; padding-right: 25px; padding-top: 10px; width: 90%;  
								}
.content .outer { padding-top: 12px; padding-left: 25px; padding-right: 25px; min-height : 20px;
								}

.content a{color: red; text-decoration: none;}
.content a:hover{text-decoration: underline;}
.content p{line-height: 24px; padding-bottom: 17px; white-space: pre-line; /* color:  #111111; */}
.content h2{font-size: 20px; font-weight: bold; line-height: 31px;letter-spacing: -1px; margin-bottom: 4px; padding-top: 16px; padding-left : 0px;}
.content h3{font-size: 14px; font-weight: bold; line-height: 24px; padding-top: 6px;}
.content h4{font-size: 12px; font-weight: bold; line-height: 24px; padding-top: 8px;}

/*.content ul li{background:url('../images/li.png') left 0px top 5px no-repeat; padding-left: 15px; margin-bottom: 3px; margin-right : 12px; }
.content ul ul li{background:url('../images/li.png') left 0px top 5px no-repeat; padding-left: 15px; margin-bottom: 3px; margin-top: 3px; margin-right : 12px; }

.content ul{padding-bottom: 11px;}      */

.content .error,.content .ok{width: 921px;margin-bottom: 17px;}
.content .error div,.content .ok div{width: 921px;}


.content .error p,.content .ok p{padding: 12px 18px; line-height: 15px;}


.content .error { background:#cb5457 url('../images/error1.png') no-repeat; }
.content .ok {background:#4f8f52 url('../images/ok1.png') no-repeat; }   

.content .error div{ background:url('../images/error2.png') bottom no-repeat; }
.content .ok div{background:url('../images/ok2.png') bottom no-repeat; }



.content form{margin-bottom: 70px;}
.content form p{clear: both; }
.content form .textinput{display: block; width: 264px; height: 31px;background:#97afb7 url('../images/contenttextinput.png') no-repeat; margin:0 0px 7px 0; position: relative; }
.content form .textinput input{position: absolute; top: 7px; left: 10px; color: #434c4f; font-size: 13px; border: none; background-color: transparent; width: 250px; font-style: italic;}
.content form .disabled .textinput{background:#97afb7 url('../images/disabledtext.png') no-repeat;}
.content form .disabled .label{color: #abafb0;}
.content form .textarea{width: 644px; height: 181px;background:#ced4d9 url('../images/textarea.png') no-repeat; display: block;margin:0 0px 11px 0; position: relative;}
.content form .textarea textarea{display: block; position: absolute; top: 7px; left: 10px; color: #434c4f; font-size: 13px; border: none; background-color: transparent; width: 630px; font-style: italic; height: 167px;}
.content form label{display: block; clear: both; float: left;}
.content form .label{display: block; color: #555c5f; font-weight: normal; margin-bottom: 3px;  position: relative;}
.content form select{margin-bottom: 11px;}
.content form .group{display: block; clear: both; float: left;}
.content form .group .label{margin-bottom: 8px;}
.content form .group label{margin-bottom: 12px;}
.content form .group input{ margin-right: 6px;}
.content form .submit{width: 87px; height: 31px;background:#4e9fcb url('../images/submit.png') no-repeat; border: none; color: #fff; cursor: pointer; clear: both; float: left;  margin-top: 6px; font-weight: bold;font-size: 13px;}
.content form .submit:hover{background-position: left bottom;}
.content form .wrong{position: absolute; right: 4px; top: 0px; color: #d9373b;}


.content table{width: 870px; border-collapse: collapse; margin-bottom: 20px; font-size: 14px;  
 /*box-shadow: 1px 1px 4px #000;*/}
.content table thead th, .content table tbody th, .content table td{padding: 10px 16px; text-align: left; 

/*box-shadow: 1px 1px 4px #000; */}
.content table thead th{/*background:#849fa7 url('../images/th1.png') repeat-x; */
	background: red;
	background: linear-gradient(top, red 0%, #880000 40%);
	background: -moz-linear-gradient(top, red 0%, #880000 40%);
	background: -webkit-linear-gradient(top, red 0%,#880000 40%);
	background-image: -ms-linear-gradient(top , red 0%, #880000 100%);
	border: 1px solid #111111;  
	color: #fff; /* box-shadow: 1px 1px 4px #000;*/  }   
.content th { text-shadow: none; }
.content table tbody th{background:#eee url('../images/th2.png') repeat-x; border: 1px solid #fff; border-top: none;
 font-weight: normal;  /*box-shadow: 1px 1px 4px #000;*/}  
.content table td{background:none; border: 1px solid #ffffff; border-top: none; color : #555555; 
	background: #f1f1f1;
	background: linear-gradient(top, #f1f1f1 0%, #e4e4e4 40%);
	background: -moz-linear-gradient(top, #f1f1f1 0%, #e4e4e4 40%);
	background: -webkit-linear-gradient(top, #f1f1f1 0%,#e4e4e4 40%);
	background-image: -ms-linear-gradient(top , #f1f1f1 0%, #e4e4e4 100%);
}

/*.content_bottom{background:url('../images/contentbottom.png') bottom no-repeat; height: 17px; display: block;}    */
/*--------------------------------------- FOOTER -------------------------------------------------*/

.hrf{ background-color:#8cacb8;clear: both; height: 3px; overflow: hidden; display: block; margin-bottom: 5px;}
.footer{clear: both; padding: 0px 0; position: relative; margin-top : 30px;}
.footer p{padding: 15px 0 22px 0}
.footer .logo{position: absolute; width: 134px; height: 57px;  right: 0px; top: 6px; background:url('../images/footerlogo.png') no-repeat; text-indent: -4000px;}
/*.footer .logo:hover{background-position: left bottom;}  */
.footer a{color: #424b4e;}

.selector span{overflow: hidden;}


.content form .label{font-weight: normal;}
.content form .req .textinput{background:#97afb7 url('../images/input_r.png') no-repeat;}
.content form .req .textarea{background:#ced4d9 url('../images/textarea_r.png') no-repeat;}
.content form .req .label{font-weight: bold;}
.content form .req label{font-weight: bold;}
.content form .req div.selector{  background:url('../images/select_r.png') no-repeat;background-position: -248px -31px;}
.content form .req div.selector span{  background:url('../images/select_r.png') no-repeat;background-position: right 0px;}


.content .error p a,.content .ok p a{color: #fff; text-decoration: underline;}

.checker input{cursor: pointer;}
.radio input{cursor: pointer;}

.visible {display: block; visibility: visible;}
.hidden {display: none; visibility: hidden;}

.subreg-logo {font-size: 50px; color: black}
.subreg-logo a {text-decoration: none; color: black}


.cell { position: relative; display: block; float : left; height : 152px; width : 195px;  margin : 2px;
				padding : 5px;
				font-size: 18px; border:1px solid #000; text-transform: uppercase; text-align: center;
				vertical-align: middle; line-height: 50px;
				background: rgba(227,220, 255, 1);  }

			
			
/*  menu */     
.nav {  display: block; padding : 0px;  z-index: 22; position : absolute; top:190px;}
.nav ul ul { z-index: 22; display: none;
			 /*reset all shit */
			 background-image:none; padding : 0px; margin : 0px;  	font-weight: 100; 
			 }

.nav ul li:hover > ul {  z-index: 22; display: block;    
			 }

.nav ul {     
	background: #666;   z-index: 22;
	background: linear-gradient(top, #666 0%, #999 100%);  
	background: -moz-linear-gradient(top, #666 0%, #999 100%); 
	background: -webkit-linear-gradient(top, #666 0%, #999 100%); 
	background-image: -ms-linear-gradient(top , #666 0%, #999 100%);
	/*	box-shadow: 0px 0px 9px rgba(0,0,0,0.15); */
	/*	padding: 0 30px; */
	padding: 0 30px;
	border-radius: 0px;  
	list-style: none;
	position: relative;
	display: inline-table;  
	width : 914px;
	left : 0px;
	opacity: 0.9;
	filter: alpha(opacity=90); /* For IE8 and earlier */
	}

.nav ul:after { z-index: 22;
	content: ""; clear: both; display: block;   
}
	
.nav ul li { z-index: 22;
	float: left;
	/*reset all shit */
	background-image:none;   padding : 0px; margin : 0px;
	}

.nav ul li:hover { z-index: 22;
	background: red;
	background: linear-gradient(top, red 0%, #880000 40%);
	background: -moz-linear-gradient(top, red 0%, #880000 40%);
	background: -webkit-linear-gradient(top, red 0%,#880000 40%);
	background-image: -ms-linear-gradient(top , red 0%, #880000 100%);
	}
 
.nav ul li:hover a { z-index: 22;
	color: #fff; text-decoration: none;
	}
	
.nav ul li a { z-index: 22;      /* položka horného menu úplne hore */
	display: block; padding: 8px 38px;  /* tu sa rieší šírka položky */
	color: #fff; text-decoration: none;
}
	
.nav ul ul { z-index: 22;
	background: #5f6975; border-radius: 0px; padding: 0;
	position: absolute; top: 100%;     
	width : auto; 
	left : auto; 
}

.nav ul ul li { z-index: 22;
	float: none; 
	position: relative;
	/*reset all shit */
	background-image:none;
	padding : 0px; margin : 0px;
	}

.nav ul ul li a { z-index: 22;
	border-top: 1px solid #6b727c;
	border-bottom: 1px solid #575f6a;
	padding: 15px 40px;
	color: #fff;
	}	

.nav ul ul li a:hover { z-index: 22;
	background: #4b545f;
	}
	 
			
.nav ul ul ul { z-index: 22;
		position: absolute; left: 100%; top:0;
} 
		
		
		
/*   button          */

 .myButton {
	background: #666;   z-index: 22;
	background: linear-gradient(top, #666 0%, #999 100%);  
	background: -moz-linear-gradient(top, #666 0%, #999 100%); 
	background: -webkit-linear-gradient(top, #666 0%, #999 100%); 
	background-image: -ms-linear-gradient(top , #666 0%, #999 100%);
	/*display:inline-block;  */
	cursor:pointer;
	color:#ffffff;
	font-size: 12px;
	font-weight: 100; 
	/* padding:12px 17px; */
	padding-left  : 12px; 
	padding-right : 12px;
	height : 18px;
	text-decoration:none;
	border-style:none;
	margin-top : 5px;

	-moz-border-top-left-radius: 2px;
	border-top-left-radius: 2px;
	-moz-border-top-right-radius: 2px;
	border-top-right-radius: 2px;
	-moz-border-bottom-left-radius: 2px;
	border-bottom-left-radius: 2px;
	-moz-border-bottom-right-radius: 2px;
	border-bottom-right-radius: 2px;   
}
.myButton:hover {
	background: red;
	background: linear-gradient(top, red 0%, #880000 40%);
	background: -moz-linear-gradient(top, red 0%, #880000 40%);
	background: -webkit-linear-gradient(top, red 0%,#880000 40%);
	background-image: -ms-linear-gradient(top , red 0%, #880000 100%);
}
.myButton:active {
	position:relative;
	top:1px;
}