*{
	margin:0;
	padding:0;
	}

a{text-decoration:none; color:#6e829b;}
a:hover{text-decoration:underline; color:#263240;}
a:focus{-moz-outline: none -moz-mac-focusring;}
a img{border:0;}

ul, ol{margin:0 30px 20px 30px;}
p{margin:0; padding:0 0 15px 0;}

h1,h2,h3,h4,h5,h6{margin:0; padding:0 0 10px 0;}
h1{}
h3{font-size:14px;}
h4{font-size:12px;}
h5{font-size:12px;}


h2:first-letter{font-size:16px;}
h2{font-size:13px; text-align:center; color:#1a232b; border-bottom:1px solid #e9eaeb; text-transform:uppercase; padding-right:30px; margin-bottom:15px;}
.uvod h2{text-align:right; padding-right:30px;}

html{background:#171f26 url(images/bg_html.jpg) 0 0 repeat-x;}

body{
	font:normal 11px Arial, Helvetica, sans-serif;
	background:url(images/bg_body.jpg) center top no-repeat;
	text-align:center;
	color:#2a3847;
	}

#container{
	width:950px;
	margin:0 auto;
	text-align:left;
	position:relative;
	background:url(images/bg_container.jpg) right top repeat-y;
	}
	
#head{
	width:699px;
	height:113px;
	background:url(images/bg_head.jpg) 0 0 no-repeat;
	float:right;
	}

#head h1{
	position:absolute;
	top:30px;
	left:154px;
	width:250px;
	height:60px;
	z-index:100;
	}

#head h1 a{
	display:block;
	width:250px;
	height:60px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(images/logo.gif) 0 0 no-repeat;
	z-index:100;
	}	
	
#left{
	float:left;
	width:251px;
	height:450px;
	position:relative;
	background:url(images/bg_left.jpg) 0 0 no-repeat;
	}
	
#content{
	float:right;
	width:455px;
	padding:50px 209px 15px 35px;
	}

.uvod #content{background:url(images/content_uvod.jpg) right top no-repeat; height:347px;}
.referencie #content{width:629px; padding:50px 35px 15px 35px;}
.riesenia #content{width:629px; padding:50px 35px 15px 35px;}
.kontakt #content{width:629px; padding:50px 35px 15px 35px; text-align:center;}
#content .content{padding:0 20px 0 15px;}

#footer{clear:both;}
#footer p.copy{text-align:right; padding:10px 0; color:#c8c8c8; text-transform:uppercase; font-size:10px; height:25px; background:#171f26; clear:both;}
#footer a{color:#c8c8c8;}
#footer a:hover{color:#c8c8c8; text-decoration:underline;}

#menu{
	margin:0;
	padding:0;
	position:absolute;
	top:290px;
	left:67px;
	width:184px;
	}
#menu li{
	list-style:none;
	margin-bottom:1px;
	text-align:left;
	}
	
#menu li a{
	font-size:10px;
	display:block;
	width:163px;
	height:20px;
	padding-top:8px;
	text-indent:20px;
	color:#FFFFFF;
	text-decoration:none;
	text-transform:uppercase;
	background:url(images/bg_menu.jpg) 0 0 no-repeat;
	}
	
#menu li a:hover{background:url(images/bg_menu.jpg) 0 -28px no-repeat;}
#menu li#selected{background:url(images/bg_menu_active.jpg) 0 0 no-repeat;}
#menu li#selected a{background:none;}

#topmenu{
	margin:0;
	padding:0;
	position:absolute;
	top:42px;
	left:719px;
	width:141px;
	}
	
#topmenu li{
	list-style:none;
	width:30px;
	height:24px;
	padding-right:17px;
	float:left;
	}

#topmenu li a{
	display:block;
	width:30px;
	height:24px;
	text-indent:-9999px;
	overflow:hidden;
	}
	
.t1 a{background:url(images/t1.jpg) 0 0 no-repeat;}
.t2 a{background:url(images/t2.jpg) 0 0 no-repeat;}
.t3 a{background:url(images/t3.jpg) 0 0 no-repeat;}

.t1 a:hover{background:url(images/t1.jpg) 0 -24px no-repeat;}
.t2 a:hover{background:url(images/t2.jpg) 0 -24px no-repeat;}
.t3 a:hover{background:url(images/t3.jpg) 0 -24px no-repeat;}

#putac{
	margin:0;
	padding:0;
	width:699px;
	height:138px;
	float:right;
	background:url(images/bg_uvod_putace.jpg) 0 0 no-repeat;
	color:#FFFFFF;
	}

#putac li{
	list-style:none;
	float:left;
	width:163px;
	padding:30px 35px 0 35px;
	}

#putac li ul{margin:0; padding:0 0 0 15px;}
#putac li ul li{list-style:square; width:auto; padding:0; float:none;}

#putac h3{color:#dedabf; padding-bottom:10px; font-size:11px; font-weight:normal;}
#putac li p{margin:0; padding:0;}

div.referencie div{text-align:center;}
div.referencie div.referencia{margin:15px 0 20px 0; padding:0 0 15px 0; border-bottom:1px solid #E9EAEB;}
div.referencie a img{border:5px solid #eeeff1; margin-top:4px;}
div.referencie a:hover img{border:5px solid #cccccc;}	
div.referencie h3{margin-bottom:5px; padding:0;}
div.referencie h3 a{color:#5d82b3;}
div.referencie hr{width:300px; margin:0 auto; display:none;}

/* formular */
form {
	width: 482px;
	margin: 10px 0;
	background-color:#EEEFF1;
	padding:10px;
	text-align:left;
}

input{
	width: 200px;
	background: #fff;
	border: 1px solid #fff;
	border-bottom: 1px solid #2A3847;
	color: #2A3847;
	font-size: 12px;
}

textarea {
	width: 480px;
	background: #fff;
	border: 1px solid #fff;
	border-bottom: 1px solid #2A3847;	
	color: #2A3847;
	font-size: 12px;
	height:100px;
	margin-bottom: 10px;
}

input#text {
	width: 100px;
	margin: 3px 0;
	background: #fff;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
}

input.tlacica {
	width: 120px;
	background-color: #676c77;
	font-weight: normal;
	margin: 10px 0;
	border: 0;
	color: #fff;
	padding: 3px 0;
	cursor:pointer;
}

label {
	text-align: left;
	display: block;
	padding: 5px 0 3px 0px;
}

.upozornenie{padding:10px 10px 10px 10px; margin-top:20px; background-color:#EEEFF1; border:1px solid #E9EAEB; width:482px;}