@import "reset.css";

/* BASE
***********************************************************************************************************************/

body {background-color: #fff; font-family: arial, sans-serif; font-size: 14px; position: relative;}

h2 { color: #389abe; font-weight: bold; font-size: 17px; border-bottom: 1px solid #ddd; padding: 2px; padding-top: 0px; margin-bottom: 18px; }

h2 a {color: #389abe; }

a {cursor: pointer;}

applet {border: 1px solid #ccc}

/* UNIVERSAL CLASSES
***********************************************************************************************************************/
.center {text-align: center;}

.small { font-size: 11px; }

.hr {border-bottom: 1px solid #ddd; padding-bottom: 7px; margin-bottom: 3px; }

.vcenter {height: 400px; display:table-cell; vertical-align:middle}

.clear {clear: both;}

.choosed { text-decoration: none; color: #4fb6d3;}

.maly-padding {padding: 5px !important;}

.no-border {border: none !important;}

.padding-tb { padding-top: 10px; padding-bottom: 10px }
.padding-btm {padding-bottom: 20px }


a.bubble {position: relative; }

a.bubble em {
	font-weight: normal;
	background: url(img/hover.png) no-repeat;
	width: 180px;
	height: 45px;
	position: absolute;
	top: -85px;
	left: -85px;
	text-align: center;
	padding: 20px 12px 10px;
	font-style: normal;
	z-index: 2;
	display: none;
}

#calendar { width: 740px; }

/******************************************************************************/

.readonly { border: none; background: none; font-weight: bold; font-family: arial, sans-serif; }

.form div{margin-top: 10px;}

.btn { border: 1px solid #4fb6d3; padding: 2px; background-image: url("img/btn.jpg"); font-weight: bold; }

.oznam { border: 1px solid #4fb6d3; padding: 10px; margin-bottom: 10px; background-color: #dce6ea; }
.oznam h3{ border-bottom: 1px solid #ddd; margin-bottom: 5px; padding-bottom: 5px;  }
.oznam span{  padding-right: 3px; padding-left: 3px;  }

.chyba { border: 1px solid #ff0000; padding: 10px; margin-bottom: 10px; background-color: #f1cccc; }
.chyba h3{ border-bottom: 1px solid #ddd; color: #b70000; margin-bottom: 5px; padding-bottom: 5px;  }


.input-text {width: 253px;}
.login-form {width: 180px}

.pencil {padding-left: 5px; padding-right: 5px;}

/*forms*/
input, textarea, select, button { border: 1px solid #4fb6d3;  background-image: url("img/btn.jpg"); background-repeat: repeat-x; }
textarea {background-position: bottom;}

input[type="checkbox"] {border: none; background: none }

input[type="submit"] , button { background-image: url("img/btn-hover.jpg"); background-repeat: repeat-x; background-position: top;     }
input[type="submit"]:hover, button:hover {  background-image: url("img/btn-hover.jpg");  background-position: bottom; }


.mesiac {padding: 19px; padding-bottom: 10px;}
.mesiac p{margin-top: 5px; padding-bottom: 10px; border-bottom: 1px solid #4fb6d3;  }


.center-obj {display: block; margin: 0 auto; width:480px; text-align: center; }
.reg-ico {width: 214px; height: 214px; position: relative;  float: left; margin-left: 20px;}

.reg-ico p {position: absolute; width: 214px;  text-align: center; left: 0px; top: 185px;}
.reg-ico a {font-size: 16px; text-decoration: none; text-align: center;}
.reg-ico a:hover {text-decoration: underline;}

/*
.fo-ico {background-image: url("img/fo.jpg"); background-repeat: no-repeat; }
.firma-ico {background-image: url("img/firma-ico.jpg"); background-repeat: no-repeat; }
*/

/* CONTAINER
***********************************************************************************************************************/
#container { width: 990px;
			 position: relative;
 			 background: #fff; 
			 margin: 0 auto; 
			 text-align: left;
			} 

/* HEADER
***********************************************************************************************************************/

#header {
    position: relative;
    width: auto;
    height: 120px;
    background-image: url("img/top-bg.jpg");
    background-repeat: repeat-x;
    color: #fff;
    margin: 0;
    padding: 0;    
}

#header h1 { 
	position: relative;	
	text-align: left;
	width: 241px; 
	height: 78px;
	overflow: hidden; 
	display: block;
	top: 0px;
	left: 0px;
	}

#header h1 span { 
	position: absolute; display: block;
	width: 241px; 
	height: 78px;
	left: 0px; top: 0px; 
	background-image: url("img/logo.jpg"); 
	}

#header p { width: 700px; font-size: 13px; margin-left: 14px; float: left }

#header ul {
	position: relative;
	top: -53px; 
	width: 240px; 
	float: right;
	text-align: right;
	margin-right: 14px;  
	
	}

#header li { padding-top: 3px; }

#header a {color: #fff;}

/* MENU
***********************************************************************************************************************/

#menu {
   top: -32px;
	position: relative;
	margin-top: 2px;
	height: 34px;
	background-image: url("img/menu-bg.jpg");
	background-repeat: repeat-x;
    clear: both;
        
}

#menu li {
	display: inline;
	float: left;
	padding-left: 14px;
	font-size: 20px;
    font-weight: bold;
}

#menu li a {
	color: #fff;
	text-decoration: none;
}

#menu li a:hover {
	text-decoration: underline;
}

#menu li a   { line-height: 34px; display: block;  height: 35px; }
/*#menu li a span { display: block; position: absolute;   height: 35px; left: 0; top: 0;   }*/
/*
#menu .domov a { width: 68px;   }
#menu .domov a span { width: 68px; height: 36px;  background-image: url(img/domov.jpg); background-position: 0px 0px  }

#menu .sms-brana a { width: 93px;   }
#menu .sms-brana a span { width: 93px; height: 36px;  background-image: url(img/sms-brana.jpg); background-position: 0px 0px  }

#menu .registracia a { width: 97px;   }
#menu .registracia a span { width: 97px; height: 36px;  background-image: url(img/registracia.jpg); background-position: 0px 0px  }

#menu .vyhladavace a { width: 116px;   }
#menu .vyhladavace a span { width: 116px; height: 34px;  background-image: url(img/vyhladavace.jpg); background-position: 0px 0px  }

#menu .rekordy a { width: 78px;   }
#menu .rekordy a span { width: 78px; height: 34px;  background-image: url(img/rekordy.jpg); background-position: 0px 0px  }

#menu .preklad a { width: 91px;   }
#menu .preklad a span { width: 91px; height: 34px;  background-image: url(img/preklad.jpg); background-position: 0px 0px  }

#menu .udalosti a { width: 74px;   }
#menu .udalosti a span { width: 74px; height: 34px;  background-image: url(img/udalosti.jpg); background-position: 0px 0px  }
*/

/*menu po prihlaseni*/

.menu a{ display: block; text-decoration: none; padding: 4px;    }
.menu a:hover{  background-color: #dcf0f6; }



/* CONTENT
***********************************************************************************************************************/
#content {
        top: -32px;

	color: #000; 
	position: relative; 
	padding-top: 5px; 
	padding-bottom: 10px;
	/*
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	*/
	border: 1px solid #bbb;
	min-height: 300px;
	width: auto;
	height: auto;
	display: block;
	}

#content #left, #content #right {
	position: relative;
	display: block;
	width: 200px;
	min-height: 300px;
	height: auto;
	padding: 5px;
	float: left;
			
}

#content #right {float: right}

#content #center {
	position: relative;
	display: block;	
	
	width: 743px;
	min-height: 300px;
	height: auto;
	display: block;
	border-right: 1px solid #bbb;	
	padding: 11px;
	float: left;
}

#tel-zoznam legend {margin-bottom: 5px;}
#tel-zoznam { padding: 5px;}
#tel-zoznam span{ margin-right: 10px; }

#content .oznac-vsetko {
	padding: 5px; 
	margin-bottom: 15px; 
	padding-left: 45px; 
	background-color: #dce6ea; 
	font-size: 12px;
}

#registracia fieldset {
	padding: 10px;
	margin-bottom: 10px;
	padding-bottom: 20px;
	border: 1px solid #ddd
}

/*zle vyplneny form pri reg. - chybove hlasky**/
#registracia fieldset div em {
	width: 420px;
	float: right;
	text-align: left;
	padding: 5px;
	margin-top: -5px; 
	
}


#registracia legend {
	font-weight: bold;
	font-size: 16px;
	
}

.jazyky {color: #888; font-size: 11px;}

.history-table, .search-table {width: 100%;  border: 1px solid #ddd;}
.history-table .first td{ background-color: #eee; font-weight: bold;}

.history-table td, .search-table td {padding: 8px;  border: 1px solid #ddd;}

.search-table td {width: 33%;}
.search-table td:hover

.history-table tr:hover td, .history-table-hover, .search-table td:hover {background-color: #cccccc; cursor: pointer; }
.selected td{ background-color: #dce6ea !important; }


.two td { background-color: #eeefff }

/* FOOTER
***********************************************************************************************************************/
#footer {
        top: -32px;
    
	position: relative;
	width: 972px;
	background-color: #218eb7;
	padding: 5px;
	padding-left: 14px;
	float: left;
	clear: both;
	/*margin-top: 10px;*/
	color: #fff;
	}

#footer p {
	float: left;
}

#footer p * {
	color: #fff;
	text-decoration: none;
}


#footer a:hover { text-decoration: underline; } 


#footer h4{
	float: right;
	margin-right: 14px;
	font-weight: normal;
}


#footer h4 *{ color: #fff; text-decoration: none; }
#footer h4 a:hover{ text-decoration: underline }


/* UNDER FOOTER
***********************************************************************************************************************/
#under-footer, .rights  {
	clear: both; 
	padding-top: 5px;
	color: #555; 
	text-align: center;
	font-size: 10px;
	}