
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {	
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;	
}

html { 
background: url(../images/bg.jpg) #8ed33a no-repeat top fixed;
}

ol, ul, li{
	list-style: none;
}

header, nav, footer, section {	
	display: block;		
}

body {
	font-family: Arial, Verdana, Geneva, sans-serif;
	font-size: 12px;
}

a {
	color:#666666;
	text-decoration:none;
	cursor: pointer;
}

a:hover {
	text-decoration: underline;
	}
a img {
	border: 0;
	}

#wrapper {	
	width: 980px;
	height: 1000px;
	margin: 0 auto;
}

header {	
	width: 980px;
	height: 117px;
}

#content {
	float:left;
	width:980px;
	height:auto;
	background:#fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#logo {
	width:155px;
	font-size: 0;
	line-height: 0;
	float:left;
	margin-top:30px;
}

#logo a {
	height: 117px;
	display: block;
	background: url(../images/logo.png) no-repeat 0 0;
	text-indent: -9999px;
}

nav {
	width:780px;
	margin-top:30px;
	float:right;
}

nav ul {
	list-style:none;
	float:right;
}

nav ul li {
	float:left;
	font-size:18px;
	padding:0 5px;
	font-weight:bold;
}

nav ul li.last {
	padding: 0 0;
}

nav ul li:first-child {
	padding-left: 0;
}

nav ul li a {
	color: #fff;
	padding: 5px 12px;
	text-decoration:none;
	display:block;
	height:21px;
	line-height:21px;	
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 3px;
	-o-border-radius: 5px;
}

nav ul li a.active,
nav ul li a:hover {
	background: #00aeef; color:#fff;
	text-decoration:none;
}
nav a.nav-btn {
	display:none;
}

#add {
	width:138px;
	float:right;
	margin-top:15px
}

.slider-holder {
	position: relative;
	margin-bottom:20px;
	margin-top:50px;
}

.slider {
	width:960px;
	height:360px;
	position:relative;
	overflow:hidden;
	padding:0 21px;
}

.slider ul {
	list-style:none;
	list-style-position:outside;
}

.slider ul li {
	float:left;
	width:960px;
	height:417px;
	}
	
.slider .slide-cnt {
	width:470px;
	height:220px;
	position:relative;
	overflow:hidden;
	float: right;
	padding-top: 30px;
}

.slider h4 {
	color:#fff;
	font-size:18px;
	font-weight: 500;
	text-shadow: rgba(0,0,0,0.5) 0px 1px 0px;
	text-transform: uppercase;
}

.slider h2 {
	color:#f8f8f8;
	font-size:48px;
	line-height:48px;
	padding-bottom:12px;
	font-weight:700;
	text-shadow:rgba(0,0,0,0.5) 0px 1px 0px;
}

.slider p {
	font-size:16px;
	line-height:22px;
	color:#fff;
}

.slider p a {
	color:#fff;
	text-decoration: underline;
}

.slider p a:hover {
	text-decoration: none;
}

.slider img {
	float:left;
	margin-left:24px;
}

.slider p.logo img {
	float:left;
	margin-top:15px;
	margin-left:0;
}

#thumbs-wrapper {
	width:434px;
	position:absolute;
	bottom:18px;
	right:0;
	overflow: hidden;
}

#thumbs-wrapper a#prev {
	width:12px;
	height:17px;
	position:absolute;
	top:50%;
	margin-top:-8px;
	left:0;
	background: url(images/left-arr.png) no-repeat 0 0;
}

#thumbs-wrapper a#next {
	width:12px;
	height:17px;
	position:absolute;
	top:50%;
	margin-top:-8px;
	right:0px;
	background: url(images/right-arr.png) no-repeat 0 0;
}

#thumbs {
	height:80px;
	width:434px;
	position:relative;
	overflow:hidden;
	padding-top:7px;
}

#thumbs a {
	margin-bottom:8px;
	width:94px;
	height:69px;
	margin-right:8px;
	float:left;
	background:#fff;
	padding:3px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-o-border-radius:4px;
	border:1px solid #d5d5d5;
}

#thumbs a li#img4 {
	margin-right:0 !important;
}

#thumbs a img {
	width:94px;
	height:69px;
	float:left;
}

#thumbs a.selected {
	height:76px;
	position:relative;
	margin-top:-7px;
	opacity: 1;
} 

#thumbs a.selected img {
	height:76px;
}

section {	
	float:left;
	margin:20px 0 0 30px;
	width:620px;
}

#page-usluge section {	
	margin:20px 0 30px 30px;
}

section p {
	margin-top:10px;
	font-size:13px;
	line-height:18px;
	color:#666666;
}

section h2 {
	font-size:32px;
	color:#4a4a4a;
	font-weight:500;
	padding-bottom:12px;
	margin-bottom:8px;
	background: url(../images/border-title.png) repeat-x 0 bottom;
}

h2.usl {
	font-size:28px;
	color:#B6CFE9;
	font-weight:500;
	padding-bottom:12px;
	margin-bottom:8px;
	margin-top:5px;
	background: url(../images/border-title.png) repeat-x 0 bottom;
}

#page-usluge h2.usl, #page-galerija h2.usl, #page-kontakt h2.usl {
	width:250px;
}

section h3 {
	font-size:26px;
	margin-top:10px;
	color:#16a6dc;
	font-weight:500;
}

.box-partner {
	float:left;
}

.box-partner ul {
	width:308px;
	float:left;
	margin:5px 0 20px 0;
}

.box-partner ul li {
	font-size:14px;
	list-style:none;
	line-height:24px;
	padding:0 5px 0 15px;
	background: url(../images/arrow-2.png) left 8px no-repeat;
}

.box-partner ul	{
	width:260px;
}

#gallery {
	width:600px;
	height:auto;
	float:left;
	margin:0 0 10px 0;
}

#piclist {
	width:600px;
	float:left;
}

#gallery #piclist a	{
	width:138px;
	height:80px;
	float:left;
	margin:10px 10px 0 0;
	padding:3px;
	border:1px solid #9FA2A4;
	list-style:none;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-o-border-radius:4px;
	border:1px solid #d5d5d5;
}

#flash {
	float:left;
	width:100%;
	height:130px;
}

#flash h2 {
	color:#f8f8f8;
	font-size:48px;
	line-height:48px;
	font-weight:700;
	text-shadow:rgba(0,0,0,0.5) 0px 2px 0px;
	margin-top:30px;
	text-align:center;
}

#page-galerija #flash {
	margin-bottom:30px;

}

.holder_content {
	width:100%;
	position: relative;
	float: left;
	margin-top:10px;
	padding-bottom:20px;
	background: url(../images/border-title.png) repeat-x 0 bottom;
}

.holder_certificate {
	float: left;
	margin:20px 0 30px 0;	
}

.holder_content img, .holder_certificate img{
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:3px;
	-o-border-radius: 5px;
}

.holder_content h3 {
	margin-bottom:15px;
}

.column {
	float: left;
	width: 290px;
	position: relative;
	background:transparent;
	margin:0 30px 0 0;
}
	
.column.cer {
	width: 200px;
	float:left;
	margin-right:10px;	
}

.column.last, .column.cer.last {
	float:left;
	margin-right:0;
	
}

.column-left {
	float:left;
	width:258px;
}

aside {	
	float:right;
	color:#666666;
	width:250px;
	margin:30px 30px 0 0;	
}

#page-usluge aside, #page-galerija aside, #page-kontakt aside {
	margin:20px 30px 0 0;	
}

aside img {
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 3px; -o-border-radius: 5px;
}

.banner1 {	
	margin-bottom:25px;
}

.banner2 {
	width:250px;
	float:left;
	color: #666666;
	height:140px;
	background:url(../images/kontakt.jpg);
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 3px; -o-border-radius: 5px;
}

.banner2 h2 {
	color:#b6cfe9;
    font-size: 24px;
    padding: 15px 0 0 100px;
    width: 180px;
}

.banner2 p {
    font-size: 14px;
    line-height: 14px;
    padding: 5px 0 0 100px;
}

.banner2 p span {
    color: #829bb6;
}

.banner2 .home-mail a {
	color: #666666;
    font-size: 12px;
    line-height: 18px;
}


.banner2 .home-mail {
    font-size: 12px;
    line-height: 18px;
}

aside img {
	margin-bottom: 0;
}

#page-usluge aside img, #page-galerija aside img {
	margin:15px 0 30px 0;
}

#page-kontakt section {
	margin-bottom:30px;
}

#page-kontakt iframe {
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	margin:10px 0 5px 0;
}

#page-kontakt .box-partner ul li {
	padding:0 5px 0 0;
	background: none;
}

#page-kontakt section p {
	width:480px;
}

.msg {
	clear:both;
	font-size:20px;
	width:228px;
	padding:10px 10px;
	color:#68b42d;
	border:2px solid #68b42d;
}

li.conheader {
	font-size:16px !important;
	margin-bottom:2px;
}

/* CONTACT FORM */

#contactform		{ margin:0; padding:10px 0;}

#contactform ol		{ margin:0; padding:0; list-style:none;}

#contactform li		{ margin:0; padding:0; background:none; border:none; display:block;}

#contactform li.buttons	{ margin:5px 0 5px 0;}

#contactform label { margin:0; width:250px; color:#666666; font-size:16px; display:block; float:left;}

#contactform label span { font-weight:normal; text-transform:none;}

#contactform input.text	{ width:400px; color:#666666; border:1px solid #dcdcdc; margin:10px 0 15px 0; padding:5px 5px; height:16px; background:#FFF; float:left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

#contactform textarea { width:400px; color:#666666; border:1px solid #dcdcdc; margin:5px 0; padding:5px; background:#FFF; float:left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

#contactform li.buttons input { clear:both; width:140px; margin:15px 0 0 0; background:#00aeef; font-weight:bold; border:0; padding:5px 0; color:#FFF; float:left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

.send-message { width:370px !important; border:2px solid #4fc027; text-align:center; color:#4fc027; margin-bottom:20px; padding:10px 20px; font-size:20px !important;}

footer {
	float:left;
	margin:20px 0;
	font-size:14px;
	width: 980px;
	color:#fff;
	height:30px;
	clear:both;	
}

footer p {
	text-align:center;
	
}