@import url("layout.css");

* {
 
}

h1 {
	font-size:18px;
	font-weight:inherit;
	text-transform:uppercase;
	color:#004999;
	margin-bottom:20px;
	font-weight:bold;
}

a {
	color: #cc9333;
	text-decoration:none;
	}
	
h2 {
	font-size:16px;
	font-weight:inherit;
	text-transform:uppercase;
	color:#cc9333;
	margin-bottom:15px;
	font-style:italic;
	font-weight:bold;
}

h3 {
	font-size:14px;
	font-weight:inherit;
	text-transform:none;
	font-weight:bold;
	color:#cc9333;
	margin-bottom:15px;
}

ul li {
	list-style:url(cssimg/icon/list.gif);
	margin:5px 0;
	}
	
a:hover {
	color: #cc9333;
	text-decoration:underline;
	}

.button-first {

}

	
.button, .button-first {
	display:block;
	width:30px;
	height:30px;
	line-height:30px;
	color:#486611;
	font-size:12px;
	text-decoration:none;
	text-align:center;
	background:url(cssimg/button.gif) no-repeat 0px 0px;
	}
	
.button:hover, .button-first:hover{
	background:url(cssimg/button.jpg) no-repeat 0px -30px;
	color:#aa6611;
	text-decoration:none;
	}

#header-inner {
	
	}
	
#header {
	background:url(cssimg/page_shadow.jpg) repeat-y left;
	}
	
#header-inner {
	margin:0px 9px 0 10px;
	}
	
#header-top {
	background:url(cssimg/header_bg.jpg) no-repeat;
	height:132px;
	position:relative;
	}
	
#header-top .logo {
	position:absolute;
	display:block;
	height:32px;
	width:344px;
	top:24px;
	left:37px;
	outline-style:none;
	}

a img {
	border:none;
	}
	
#slideshow {
	display:block;
	position:relative;
	width:959px;
	height:385px;
	}
	
#slideshow img {
	position:absolute;
	}
	
#content {
	  background:url(cssimg/page_shadow.jpg) repeat-y left;
	  }

#content-inner {
	background:#ffffff;
	overflow:hidden;
	margin:0px 9px 0 10px;
	}
	
.content-text {
	margin:20px;
	}
	
#menu {
	display:block;
	width:990px;
	height:63px;
	background:url(cssimg/menu_bg.jpg) no-repeat top;
	}
	
	

#menu ul li{
	float:left;
	margin:0;
	padding:0;
	text-align:center;
	display:block;
	float:left;
	height:35px;
	/*background:url(cssimg/menu_border.jpg) right top no-repeat;	*/
	padding-right:1px;
	list-style:none;
	display:inline;
	width:auto;
}
#menu ul li.last{ background:none}
#menu ul {
	margin:0 0 0 97px;
	list-style:none;
	padding:0;
	}
#menu a{
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	color:#ffbb44;
	margin-top:2px;
	height:35px;
	line-height:35px;
	padding:0 39px;
	font-style:italic;
	display:inline;
	}	
#menu a:hover {
	color:red;
	}
/*#menu a#duras {
	background:url(cssimg/menu/duras.jpg);
	}
#menu a#onas {	
	background:url(cssimg/menu/onas.jpg);
	}
#menu a#sluzby {	
	background:url(cssimg/menu/sluzby.jpg);
	}
#menu a#referencie {	
	background:url(cssimg/menu/referencie.jpg);
	}
#menu a#kontakt {	
	background:url(cssimg/menu/kontakt.jpg);
	}*/
	
.teaser {
	display:block;
	width:330px;
	margin-right:0px;
	float:left;
	background:url(cssimg/teaser_bg.jpg) bottom repeat-x;
	height:280px;
	position:relative;
	}
.teaser p {
	margin:15px;
	color:#ffeedd;
	line-height:13px;
	}
	
.teaser.one h1 {
	background:url(cssimg/icon/teaser-one.jpg) no-repeat white;
	}
	
.teaser.two h1 {
	background:url(cssimg/icon/teaser-two.jpg) no-repeat white;
	}
	
.teaser.three h1 {
	background:url(cssimg/icon/teaser-three.jpg) no-repeat white;
	}

.teaser.three {
	margin-right:0px;
	}	

.teaser h1 {
	text-align:center;
	height:189px;
	line-height:30px;
	margin-top:0px;
	font-size:20px;
	font-style:italic;
	color:#cc9333;
	margin-bottom:0;
	}
	
.teaser .button {
	bottom:5px;
	position:absolute;
	right:5px;
	}
	
.content-bottom {
	display:inline-block;
	padding:30px;
	}

.content-bottom h1 {
	margin-top:0;
	font-size:30px;
	color:#004999;
	}
		
.content-bottom img {
	float:left;
	margin-right:50px;
	display:block;
	}

#footer {
	background:url(cssimg/footer-shadow.jpg) top no-repeat;
	}	
	
#footer-inner {
	height:45px;
	background:url(cssimg/footer_bg.jpg) repeat-x ;
	margin:0px 9px 0 10px;
	padding-top:10px;
	text-align:center;
}

#footer .f-one {
	color:#ffffff;
	font-size:11px;
	line-height:21px;
}

#footer .f-two,
#footer .f-two a {
	color:#000000;
	font-size:11px
}




#kontakt .lavy ul li{
	display:inherit;
}

#kontakt iframe {
	background-color:#e1ac4a;
	border:1px solid #40331b;
	padding:5px;
	width:370px;
	height:285px;
}

#kontakt .xcaptcha {
	display:block;
	width:230px;
	margin-left:65px;
	}

#kontakt .panel {
	display:block;
	width:400px;
	float:left;
	margin-left:40px;
}

#kontakt .panel p {
	display:block;
	width:65px;
	float:left;
	margin:0;
}

#kontakt input, #kontakt textarea {
	margin-bottom:8px;
	width:290px;
	border:1px solid #40331b;
	color:#cc9333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#kontakt .button {
	width:100px;
	border:1px solid #40331b;
	height:23px;
	line-height:23px;
	color:#40331b;
	font-size:12px;
	text-decoration:none;
	text-align:center;
	margin-bottom:0;
	cursor:pointer;
	padding-bottom:5px;
	margin-right:35px;
	margin-top:15px;
	float:right;
	background:#cc9333;
	}
	
#kontakt .button:hover {
	color:#cc9333;
	background:#40331b;
	}

#kontakt table {
	width:300px;
	margin-left:40px;
	margin-bottom:40px;
	}
	
#kontakt .riadok1 {
	width:58px;
	}
#kontakt .riadok2 {
	width:196px;
	}

.sent {
	display:block;
	position:relative;
	clear:both;
	top:15px;
	margin:40px 20px 0 20px;
	padding:5px;
	background:#CCC;
	border:1px solid #C00;
	color:#000;
}

#kontakt .captcha {
	width:173px;
	margin-top:3px;
	}


/*    menu    */
.flags{
margin:0;
text-align:right;
}

.skflag{
background:url("cssimg/skflag.jpg") no-repeat scroll 0 0 transparent;
display:inline-block;
height:18px;
margin-top:10px;
outline-style:none;
text-indent:-10000px !important;
width:26px;
margin-right:10px;
}

.huflag{
background:url("cssimg/huflag.jpg") no-repeat scroll 0 0 transparent;
display:inline-block;
margin-right:10px;
height:18px;
margin-top:10px;
outline-style:none;
text-indent:-10000px !important;
width:26px;
}

.table1{
float:left;
margin-right:50px;
}

.table2 td.riadok1{width:165px!important;}
