@import url(modules.css);

body {background-color:#dedede; color: #666f74; margin: 0px; padding: 0px; font-family:"trebuchet ms", verdana, sans-serif; font-size: 11px}
#body{background: #FFFFFF url(../images/bg-body.jpg) repeat-x top left;}
p { padding: 3px 0px 3px 0px; margin:0px;}

a { color: #666f74}
a:link, a:visited { text-decoration: underline}
a:hover { text-decoration: none}

a img { border: 0px none}

input, select, textarea {color: #404D6C; font-family:"trebuchet ms", verdana, sans-serif; font-size: 11px; 	
}
.input{border-width:1px; border-style:solid; border-left-color:#e2e3ea;border-right-color:#e2e3ea; border-bottom-color:#e3e9ef; border-top-color:#abadb3;}

label span{font-family:"trebuchet ms", verdana, sans-serif!important;}

.noborder{border:none!important;}

h1, h2, h3, h4, h5, h6{color: #404d6c;}

h1 { color: #E20016; font-size: 19px; margin: 5px 0px 5px 0px; padding: 7px 0px 5px 0px; border-bottom: #cccccc 1px solid; font-weight:normal;}
h2 { color: #404d6c; font-size: 13px; margin: 0px 0px 7px 0px; padding: 8px 0px; border-bottom: #cccccc 1px solid; border-top: #e20016 3px solid; text-transform:uppercase;}
h3 { color: #404d6c; font-size: 15px; margin: 0px 0px 7px 0px; padding: 8px 0px; border-bottom: #cccccc 1px solid;}
#article h2, #article h3{color: #404d6c; margin: 0px 0px 7px 0px; padding: 8px 0px; border-bottom: #cccccc 1px solid; border-top:none; text-transform:none;}
#article h2{font-size: 15px;}
#article h3{font-size: 12px;}
h2 a{text-decoration:none!important;}

.red, #article a.red{color:#e20016!important;}
.grey{color:#404d6c!important;}

h5.red{font-size:14px; font-weight:bold; padding:0px; margin:0px;}
h5.grey{font-size:14px; font-weight:bold; padding:0px; margin:0px;}

h6.red{font-size:12px; font-weight:bold; padding:0px; margin:0px;}
h6.grey{font-size:12px; font-weight:bold; padding:0px; margin:0px;}

.ico-oznamy{background: url(../images/ico-oznamy.gif) no-repeat scroll right center;}
.ico-faq{background: url(../images/ico-faq.gif) no-repeat scroll right center;}
.ico-zaujimat{background: url(../images/ico-zaujimat.gif) no-repeat scroll right center;}

.zaujimat-img{border: #cccccc 1px solid; margin:0px 10px 0px 0px;}

#wrapper { width: 970px; margin: 0px auto; padding-bottom:30px;}

#header{height:129px; width:970px;}
#header-left{width:220px; height:106px; float:left;}
	#logo { width: 212px; height: 36px; float: left; background: url(../images/logo.gif) no-repeat scroll 0px 0px; margin-top:31px;}
#header-right{width:742px; height:106px; float:right;}
	#lang-holder{width:700px; height:66px;float:right;}
		#langs{float:right; width:172px;}
			#langs a{padding:4px; border:2px solid #CCCCCC; float:right; display:block; margin-left:2px; background-color:#FFFFFF; width:27px; height:18px; overflow:hidden;}
			#langs a:hover, #langs a.sel{border-color:#AAAAAA}
			
		#infolinky{float:right;padding-top:10px;}
			a.infolinky{padding-left:10px; float:right; background: url(../images/arrow-infolinks.gif) no-repeat scroll 0px 5px; margin-right:13px;}
			
	#menu-main{width:700px; height:40px; float:left;}
		#menu-main ul{list-style:none; margin:0px; padding:0px;}
			#menu-main ul li{float:left;}
			#menu-main ul a{margin-right:5px; display:block;}
			#menu-main ul a span{display:none;}
				#menu-main-domov{width:120px; height:40px;background: url(../images/menu-home.jpg) no-repeat scroll 0px 0px;}
				#menu-main-domov:hover{background: url(../images/menu-home-hover.jpg) no-repeat scroll 0px 0px;}
				#menu-main-domov.sel{background: url(../images/menu-home-sel.jpg) no-repeat scroll 0px 0px;}
				
				#menu-main-uchadzaci{width:130px; height:40px;background: url(../images/menu-uchadzaci.jpg) no-repeat scroll 0px 0px;}
				#menu-main-uchadzaci:hover{background: url(../images/menu-uchadzaci-hover.jpg) no-repeat scroll 0px 0px;}
				#menu-main-uchadzaci.sel{background: url(../images/menu-uchadzaci-sel.jpg) no-repeat scroll 0px 0px;}
				
				#menu-main-zamestnavatelia{width:164px; height:40px;background: url(../images/menu-zamestnavatelia.jpg) no-repeat scroll 0px 0px;}
				#menu-main-zamestnavatelia:hover{background: url(../images/menu-zamestnavatelia-hover.jpg) no-repeat scroll 0px 0px;}
				#menu-main-zamestnavatelia.sel{background: url(../images/menu-zamestnavatelia-sel.jpg) no-repeat scroll 0px 0px;}
				
				#menu-main-kontakt{width:116px; height:40px;background: url(../images/menu-kontakt.jpg) no-repeat scroll 0px 0px;}
				#menu-main-kontakt:hover{background: url(../images/menu-kontakt-hover.jpg) no-repeat scroll 0px 0px;}
				#menu-main-kontakt.sel{background: url(../images/menu-kontakt-sel.jpg) no-repeat scroll 0px 0px;}
				
#header-bottom{width:962px; height:23px;float:left; color:#FFFFFF;}

#left-column-holder{width:240px; float:left;}
#left-column{width:230px; float:left; padding:14px 5px 0px; background-color: #efefef;}
#left-column .left-column-h1-box{width:230px; height:32px;} /* minus 16px kvoli relativnej pozicii*/
.relative{position:relative;}
#left-column .left-column-h1{background: url(../images/bg-left-column-h1.jpg) no-repeat scroll 0px 0px; width:216px; height:30px; padding-left:30px; padding-top:2px; color:#FFFFFF; font-size:15px; font-weight:bold; position:absolute; left:-16px;}
#left-column .form-3{width:212px;}
.form{padding:2px 9px 12px;}
.form form {display: inline;}
.form-2{padding:0px 9px 12px;}
.form-3{padding:0px 9px;}
.form select{width:210px; margin:5px 0px;}
input.termin{ width:57px;margin:5px 0px;}

#flash-holder{width:460px; height:300px;}

#content{
	width:462px; 
	padding:14px 10px; 
	float:left; 
	min-height:400px; 
 	height:auto !important; 
 	height:400px;	
}

#right-column-holder{width:240px; float:right;}
#right-column{width:230px; float:right; padding:14px 5px 0px; background-color: #efefef;}
#right-column .form{width:196px;}

.banner-left{width:230px; padding:6px 10px 12px 0px; clear:left; background: #efefef url(../images/bg-left-column-bottom.jpg) no-repeat scroll right bottom;}
.banner-right{width:230px; padding:6px 0px 12px 10px; clear:right; background: #efefef url(../images/bg-right-column-bottom.jpg) no-repeat scroll left bottom;}

.index-boxes{width:225px;}
.index-boxes-body a, .index-boxes-body span.title {font-size:12px; color:#e20016; font-weight:bold;}
a.oznamy{padding-right:10px;margin-top:5px; background: url(../images/arrow-oznamy.gif) no-repeat scroll right 5px; color:#404D6C!important;}
a.vsetky{}
#faq{padding:0px 5px 10px;}
a.faq{padding-left:13px; padding-top:3px; background: url(../images/arrow-faq.gif) no-repeat scroll 0px 10px;color:#E20016;}


.breaker { clear: both; margin: 0px; padding: 0px; font-size:0px; line-height:0px;}
.lajna{background-color:#CCCCCC; height:1px; margin:10px 0px;}

.left{float:left;}
.right{float:right;}
.bg-red{background-color:#e20016;}
.bg-grey{background-color:#d2d2d2;}
.font-red{color:#e20016;}
.font-grey{color:#d2d2d2;}
.font-14{font-size:14px;}

#breadcrumb {}
#breadcrumb img{vertical-align:middle; padding:3px;}

#informacie{margin:0px 7px 20px; background-color:#FFFFFF; border: #cccccc 1px solid; border-top:none;}

#menu, #menu-pobocky {list-style:none; padding:0px 0px 0px 0px; margin:0px;}
#menu li, #menu-pobocky li {clear:both;}
#menu a, #menu-pobocky a {padding-left:13px; padding-top:3px; background: url(../images/arrow-faq.gif) no-repeat scroll 0px 10px; float:left; clear:both;}
#menu .sel a, #menu-pobocky .sel a {color:#E20016; text-decoration:none; font-weight:bold;}
#menu .level-1{}
#menu .level-2{margin-left:12px;}
#menu .level-3{margin-left:24px;}

table.grey{background-color:#e9ebf1; color:#666f74; font-size:12px; width:100%;}
table.grey td, table.grey th{padding:4px 8px; border:1px solid #FFFFFF; border-top:none; border-left:none; vertical-align:top;}
table.grey th{text-align:right!important;}

.buttons{padding-top:8px;}
.mail{color:#cc0000; font-weight:bold; display:block; padding: 2px 10px 2px 20px; margin-top:3px; background: url(../images/arrow-mail.jpg) no-repeat scroll 0px 3px; float:left;}
.tlacit{color:#cc0000; font-weight:bold; display:block;  padding: 2px 0px 2px 20px; margin-top:3px; background: url(../images/arrow-print.jpg) no-repeat scroll 0px 3px; float:left;}
.reagovat{width:169px; height:30px; background: url(../images/btn-reagovat-na-ponuku.jpg) no-repeat scroll 0px 0px; display:block; float:right;}

#top .border{border: #cccccc 1px solid; padding:1px 0px 1px 10px; border-right:none;}
.btns{width:30px; height:60px; background: url(../images/bg-top-btns.jpg) no-repeat scroll 0px 0px;}
.btns .up{width:30px; height:22px; display:block;background: url(../images/btn-up.jpg) no-repeat scroll 0px 0px;}
.btns .up:hover{background: url(../images/btn-up-hover.jpg) no-repeat scroll 0px 0px;}
.btns .down{width:30px; height:22px; display:block;background: url(../images/btn-down.jpg) no-repeat scroll 0px 0px;}
.btns .down:hover{background: url(../images/btn-down-hover.jpg) no-repeat scroll 0px 0px;}
.btns span{width:30px; height:16px;display:block; padding-left:3px;}

#reakcia{display:none;}
#reakcia h3{margin-bottom:0px;}
#reakcia h1{margin-top:0px; padding-top:0px;}

.brigada{
	/*border-bottom: #cccccc 1px solid;*/
	
	padding:10px;
	}
.gray{background-color:#E9EBF1;}

.brigada table{background:none;}
.brigada td{vertical-align:top; border:none; padding:0px 16px 0px 0px;}
.brigada a.brigada-title{font-size: 12px; color: #E20016!important; font-weight:normal; padding-bottom:5px;}
.brigada .datum{padding-top:20px;}

#pager {font-size: 12px; text-decoration: none; padding:6px 0px; float:right;}
#pager span {font-weight: bold; color: #E20016;}

#pager a.cislo:link, #pager a.cislo:visited, #pager span{text-decoration: none; font-weight: bold;
text-align:center; line-height:20px; margin-left:1px;
width:20px; height:20px; background: url(../images/bg-pager-small.jpg) no-repeat scroll 0px 0px; display:block; float:left;
}
#pager a:hover {text-decoration: underline!important; color: #E20016!important;}

#pager a.spat:link, #pager a.spat:visited {text-decoration: none; font-weight: bold;
text-align:center; line-height:20px; margin-left:1px;
width:48px; height:20px; background: url(../images/bg-pager-big.jpg) no-repeat scroll 0px 0px; display:block; float:left;
}
#pager a.spat:hover {text-decoration: underline;}

#pager a.dalej:link, #pager a.dalej:visited {text-decoration: none; font-weight: bold;
text-align:center; line-height:20px; margin-left:1px;
width:48px; height:20px; background: url(../images/bg-pager-big.jpg) no-repeat scroll 0px 0px; display:block; float:left;
}
#pager a.dalej:hover {text-decoration: underline;}

/* DOTAZNIK */
.width_210{width:235px;}
.width_210_r{width:220px;}
.width_105{width:80px;}
.width_auto{width:auto;}
.dotaznik input{vertical-align:text-top;}
.dotaznik td{padding:6px; border:none;}
.dotaznik .noback td{background-color:white;}
.align-right{text-align:right;}


#footer {font-size:11px; height:24px; padding-top:10px; background: url(../images/bg-footer.jpg) repeat-x scroll 0px 0px; overflow:hidden;}
#footer-wrapper{width: 750px; margin: 0px auto;}
.leftpos {
float:left;
width:160px;
color:#5e5f5e;
}
.rightpos {
float:right;
width:550px;
color:#E20016;
}
.rightpos a{color:#5e5f5e;}

.klienti img {border:3px solid #e1e3e2;}

.auto-width{width:auto; margin-left:0px;}
label{vertical-align:top;}
.nobold label{font-weight:normal;}

fieldset{margin-bottom:15px; border:1px solid #CCCCCC; padding:10px;}


.dotaznik_pre_uchadzaca_table td{vertical-align:top; padding-bottom:8px; padding-top:8px;}
.dotaznik_pre_uchadzaca_table td td{padding:0px;}

.dotaznik_pre_uchadzaca_table h4{border-bottom:1px solid #CCCCCC; margin:0px; padding-bottom:2px; font-size:1.1em;}

.counter{font-weight:bold; float:left;}


h3 {
	border:none!important;
	font-size:13px!important;
}
select {
	width:237px;
}
.remove{display:none;}

.sel_tr td{background-color:#E9EBF1;}

.termin_do, .termin_od{width:60px;}

#message-kontakt{display: none; color: #FF0000; text-align: center; font-weight: bold; margin: 0px; padding: 20px;}
#message-kontakt-sent{color: #77B405; text-align: center; font-weight: bold; padding-top: 20px; padding:20px; display: none;}

.width_30{width:30px;}
.width_50{width:50px;}
.width_80{width:80px;}
.width_100{width:100px;}
.width_110{width:110px;}
.width_120{width:120px;}
.width_130{width:130px;}
.width_140{width:140px;}
.width_150{width:150px;}
.width_160{width:160px;}
.width_165{width:165px;}
.width_170{width:170px;}
.width_180{width:180px;}
.width_190{width:190px;}
.width_200{width:200px;}
.width_235{width:235px;}
.width_250{width:250px;}
.width_405{width:405px;}

#black-box{ height:111px; padding-top:12px;}