/*		1. MAIN  -----------------------------*/

body {font-family: Tahoma, Arial, Helvetica, sans-serif; text-align: center; font-size: 13px; background: #fff url(../img/bg.jpg) repeat-x; line-height: 18px;}

	h1 {font-size: 240%; color: #efdf2a; font-family: Arial, sans-serif; font-style: italic; font-weight: 100; padding: 10px 0px 20px;}
	h2 {color: #165ee3; font-size: 110%;}
	h3 {color: #e72a18; font-size:14px; font-weight:bold;}
	strong {color: #e72a18; font-weight:bold;}
	.clear {clear: both;}
	.hide {display: none;}
	
	a {color: #165ee3;}
	a:hover {color: #000;}

	.pic {float: left; border: 1px solid #E4E1D6; margin: 0px 10px 10px 2px; padding: 3px; background-color: #fff;}

/*		2. STRUCTURE  -----------------------------*/

#wrapper {width: 960px; border: 0; color: #3e3e3e; margin: 0px auto auto auto; background: url(../img/footer.jpg) no-repeat bottom; text-align: justify;}
	#top {width: 960px; background: url(../img/top.jpg) no-repeat right top; height: 65px;}
	#under_nav {width: 960px; background: url(../img/c.jpg) no-repeat; height: 19px;}
	#content_half_l {float: left; width: 500px; height: 309px; overflow: visible; _overflow: hidden;}
	#content_half_r {width: 460px; float: left;}
                   #content_half_r img {padding-bottom: 15px;}
                   #content_half_r a {text-decoration: none;}
                   #content_half_r strong {color: #000; font-weight:bold;}
	#contentl {float: left; width: 640px; height: auto;}
	#contentr {width: 300px; float: left; padding: 46px 0px 0px 20px;}
	#contentc {width: 960px; float: left;}
	.predel {width: 960px; background: url(../img/predel.jpg) no-repeat; height: 13px; clear: both;}
	.predelm {width: 640px; background: url(../img/predel.jpg) no-repeat; height: 13px; clear: both;}

/*		3. NAVIGATION  -----------------------------*/

#nav-main {height: 70px; margin: auto auto; text-align: left; position: relative;}
#nav-main ul {list-style: none; margin: 0; padding: 0; width: 960px;}
#navigation {height: 70px; padding: 0; position: relative; width: 960px;}
#navigation li {list-style: none; margin: 0; padding: 0; position: absolute; top: 0px;}
#navigation li, #navigation a {display: block; height: 70px;}
.nav {background: url(../img/menu.jpg) no-repeat;}

#link1 {left: 0px; width: 295px;}
#link2 {left: 489px; width: 76px;}
#link3 {left: 567px; width: 97px;}
#link4 {left: 666px; width: 126px;}
#link5 {left: 794px; width: 84px;}
#link6 {left: 880px; width: 81px;}

#link1 a:hover {background: transparent url(../img/menu.jpg) -0px -70px no-repeat;}
#link2 a:hover, #link2.aktivne {background: transparent url(../img/menu.jpg) -489px -70px no-repeat;}
#link3 a:hover, #link3.aktivne {background: transparent url(../img/menu.jpg) -567px -70px no-repeat;}
#link4 a:hover, #link4.aktivne {background: transparent url(../img/menu.jpg) -666px -70px no-repeat;}
#link5 a:hover, #link5.aktivne {background: transparent url(../img/menu.jpg) -794px -70px no-repeat;}
#link6 a:hover, #link6.aktivne {background: transparent url(../img/menu.jpg) -880px -70px no-repeat;}

#navigation li span {display: none;}

/*		4. SLIDER  -----------------------------*/

#slider {width: 480px; height: 309px; margin: 0 auto; position: relative;}
	.display {position:absolute; top:0px; z-index:2; left:0px; width: 480px; height: 309px; background: url(../img/display.png) no-repeat;}
		.scroll {height: 309px; width: 397px; overflow: auto; overflow-x: hidden; position: relative; clear: left; }
			.scrollContainer div.panel {height: 253px; width: 397px; background-color: #1c1c1c;}
			.scrollButtons {position: absolute; top:253px; cursor: pointer; z-index:4;}
			.scrollButtons.left {left:25px;}
			.scrollButtons.right {right:100px;}
	#balon {width: 169px; height: 331px; background: url(../img/balon.png) no-repeat; position: relative; left: 320px; top: -385px;	z-index: 3;}

/*		5. NEWS  -----------------------------*/

.news_f {width: 300px; padding: 10px 0px 40px 0px; clear: both;}
	.news_f_l {width: 25px; float: left; height: 17px; background: url(../img/news_f_l.gif) no-repeat;}
	.news_f_c {width: 249px; float: left; height: 17px; background: url(../img/news_f_c.gif) repeat-x; text-align: right;}
		.date{width: 11px; padding-left: 20px; background: url(../img/date.gif) no-repeat;}
		.viac{width: 11px; padding-left: 17px; background: url(../img/predel.gif) no-repeat;}
		.viac a{color: #165ee3; padding-left: 17px; background: url(../img/viac.gif) no-repeat; text-decoration: none;}
	.news_f_r {width: 25px; float: left; height: 17px; background: url(../img/news_f_r.gif) no-repeat;}

/*		6. SERVICES CHOOSE  -----------------------------*/

.sluzby {padding-right:20px;}
.sluzby, .sluzby_r {float:left; width:310px; padding-top:20px;}
	.sluzby img, .sluzby_r img {float:left; padding-right:10px;}
	.viac_sl {width: 232px; float:right; text-align:right; border-top:dotted 1px #666666; margin-top:5px;}
	.viac_sl a {text-decoration: none;}

/*		7. SERVICES MENU  -----------------------------*/

.sluzby_f {width: 300px; padding: 1px 0px 0px 0px; clear: both; border-bottom: 1px #eeeeee dotted;}
	.sluzby_f_l {width: 25px; float: left; height: 17px; background: url(../img/news_f_l.gif) no-repeat;}
	.sluzby_f_c {width: 249px; float: left; height: 17px; background: url(../img/news_f_c.gif) repeat-x; text-align: right;}
		.sluzby_l{width: 11px; padding-left: 20px;}
	.sluzby_f_r {width: 25px; float: left; height: 17px;background: url(../img/news_f_r.gif) no-repeat;}

/*		8. PORTFOLIO  -----------------------------*/

.portfolio {float:left; width:200px; padding: 7px; margin: 10px; border:1px solid #c2c2c2; display: inline;}
.portfolio img {border:1px solid #c2c2c2;}
	.p_detail {margin: 5px; border-bottom:1px solid #c2c2c2; font-weight:bold; font-size:80%;}
	.p_akcia {margin-left: 4px; float:left}
	.p_otvorit {margin-right: 4px; float:right;}

/*		9. PAGINATION  -----------------------------*/

#pages {padding: 3px; width:320px; margin:0px auto;}
#pages ul {list-style-type: none;}
#pages li {float: left; display: inline; margin: 0 5px 0 0; display: block;}
#pages li a {padding: 4px; border: 1px solid #ddd; text-decoration: none; float: left;}
#pages li a:hover {color: #fff; background: #e72a18; border: 1px solid red}
#pages li.nolink {color: #CCC; border: 1px solid #F3F3F3; padding: 4px;}
#pages li.current {color: #FFF; border: 1px solid red; padding: 4px; background: #e72a18;}

dl {padding-left: 0px;}
dt {font-family: Georgia, Helvetica, sans-serif; font-size: 110%; margin-bottom: 10px; font-weight:bold;}
dt span {font-size: 180%; color: #e72a18; font-weight:normal; }
dd {margin-bottom: 10px; margin-left: 40px; }

/*		10. KONTAKT  -----------------------------*/

.k-txt {float:left; width:233px;}
	.k-label {width:50px; float:left; overflow:auto;}
	.k-txtl {float:right; overflow:auto;}
.oddiel {border-top: 1px #c2c2c2 solid; border-bottom: 1px #c2c2c2 solid;}

table.kontakt {border-top:1px solid #c2c2c2; width:100%;}
	table.kontakt th, table.kontakt td {padding:2px 0px; border-bottom:1px solid #c2c2c2;}
	table.kontakt th {text-align:left; padding-right:22px;}
	table.kontakt td {text-align:right;}

/*		11. FOOTER  -----------------------------*/

#footer {width: 960px; clear: both; font-size: 11px; padding-top:55px; height: 100px;}
	#footer a {text-decoration: underline;}
	#footer a:hover {color: #000;}

.copyright {float: left;}
	.space {padding:0px 5px 0px 5px;}
.h_index {float: right; font-size: 90%; padding-right: 5px;}
.cislo {color: #000000; font-size: 203%; float: right;}
.bot_nav {float: right; clear: both; text-align: right;}

fieldset {border:solid 1px #DEDEDE; margin-bottom:20px; padding-bottom:10px;}
fieldset legend {font-weight:bold; margin-left:20px;}
fieldset ul, fieldset li {border:0; list-style:none;}
fieldset li {clear:both; list-style:none; padding:10px;}

fieldset input {float:left;}
fieldset label {width:200px; float:left; text-align:right; padding-right:20px;}
fieldset button {border:0; margin:0; padding:0; clear:both; width:125px; height:31px; background:#efdf2a url(img/button.png) no-repeat; text-align:center; line-height:31px; color:#000; font-size:11px; font-weight:bold;}