@charset "utf-8";

/* RESET updated with html5 tags*/

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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {

	margin:0;

	padding:0;

	border:0;

	font-size:100%;

	font:inherit;

	 

}

html {

	background-color:#edecec;

}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {

	display:block;

}

body {

	line-height:1;

}

ol, ul {

	list-style:none;

}

blockquote, q {

	quotes:none;

}

blockquote:before, blockquote:after, q:before, q:after {

	content:'';

	content:none;

}

table {

	border-collapse:collapse;

	border-spacing: 0;

}

/* FLOAT-elements */

.fltleft {

	float:left;

}

.txtleft {

	text-align:left;

}

.txtright {

	text-align:right;

}

.fltright {

	float: right;

}

/* only to clear floats - to be used with any class as addition */

.clear {

	clear: both;

}

/* clear float with blank <div>or <br>*/

.clrflt {

	clear:both;

	line-height:1px;

	font-size:1px;

	overflow: hidden;

}

/* MAIN */

body {

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	font-weight:normal;

}

a, img, img a, a:hover {
	border: none;
	outline: none;
	color: #D6D6D6;
	font-weight: bold;

}

/*========== start Wrapper ==========*/

#container {

	width:100%;

	height:100%;

	z-index:-10

}

.center_main {

	width:980px;

	margin:0 auto;

	overflow: hidden; background-color:#fff;

}

header {

	background:url(../img/bg_header.jpg) repeat-x;

	height:282px;

}

.bg_header_slider {

	background: url("../img/bg_slider.jpg") no-repeat scroll 70% 0 transparent;

	height: 282px;

}

.logo {

	float: left;

	padding-left: 40px;

	padding-top: 20px;

	position: absolute;

	width: 141px;

	z-index: 999;

}

.main_div {

	height: 282px;

	margin: 0 auto;

	overflow: hidden;

	position: relative;

	width: 980px;

}

/* top navigation*/

 

nav {

	float: right;

	margin-right: 50px;

	margin-top: 20px;

	width: 500px;

}

nav li {

	float:left;

}

nav a {

	color: #B3E1FF;

	font-size: 17px;

	padding: 20px;

	text-decoration: none;

}

nav a.selected { color:#fff; background:url(../img/top_hover.png) no-repeat center;}

nav a:hover{ color:#fff; background:url(../img/top_hover.png) no-repeat center;}



.bg_title_center {

	background: url("../img/bg_title_center.png") no-repeat scroll left center transparent;

	bottom: 0;

	height: 41px;

	position: absolute;

	width: 980px;

}

.bg_title_center p {

	color: #FFFFFF;

	float: right;

	font-size: 18px;

	margin-right: 190px;

	margin-top: 6px;

}

.left_main {

	width:600px;

	float:left;

}

.righ_main {

	width:260px;

	float:right;

}

/*tabs main*/



.left_main h1 {

	color:#cb9233;

	padding:10px;

	padding-bottom:20px;

	padding-left:35px;

	font-size:18px;

}

.left_main p {

	color:#7d7d7d;

	line-height:20px;

	font-size:12px;

	padding-left:35px;

}

.tabs_main h1 {

	color: #3A4568;

	padding-bottom: 10px;

	text-align: center;

	background-color:#fff;

	padding-left:35px;

	font-size:20px;

}

.tabs_main {

	margin-top:20px;

	overflow: hidden;

	margin-bottom:40px;

}

.tabs_main li {

	background: url("../img/bg_tabs_li.jpg") no-repeat scroll 0 28px transparent;

	float: left;

	height: 293px;

	margin-left: 35px;

	margin-right: 0;

	margin-bottom:30px;

	width: 264px;

}

.tabs_main li.big {

	background:url(../img/bg_tabs_li-big.jpg)no-repeat scroll 0 28px transparent;

	height: 307px;

}

.tabs_main p {

	font-size:12px;

	padding-top:5px;

	padding-right:20px;

}

.tabs_main img {

	margin-left: 10px;

	margin-top: 10px;

	text-align: center;

}

.tabs_main a {

	text-align:right;

	color:#cb9233;

	padding-right:20px;

	text-decoration:none;

	float:right;

}

/* right side main */

.kontakt {

	background:url(../img/bg_kontakt.jpg) no-repeat;

	 

	width:210px;

	height:201px;

	padding: 20px 10px 10px 25px;

	line-height:20px;color:#7d7d7d;

}

.kontakt h2{color:#3a4568; font-weight:bold; font-size:13px;}



.kako_do_nas{ background:url(../img/header_kako_donas.png) no-repeat; padding-top:63px; width:243px;}

.kako_do_nas p{ padding:8px; background-color:#ededed;}



.pomoc{ margin-bottom: 30px;background:url(../img/right_banner_pomoc.png) no-repeat; height:295px; margin-top:10px; }

.pomoc p{   color: #FFFFFF;

    font-size: 13px;

    padding-left: 20px;

    padding-top: 170px;

    width: 205px;}

.pomoc p a{  color:#fff; font-size:13px; }

footer { width:980px; margin:0 auto; height:49px;}

footer .nav_futter { margin-top:20px;}

footer .nav_futter li{ line-height:20px; float:left;}

footer .nav_futter a { padding:10px; padding-top:24px; text-decoration:none; color:#767676;}

footer .intro{ float:right; color:#767676;}

footer img{ margin-top:3px;margin-right: 25px;}





#kontak_formular{ padding:0px; margin:0px; height:400px; margin-top:150px;}

#kontak_formular_nor{ padding:0px; margin:0px; height:400px; }

.tekst_form{ padding-top:8px; width:100px;  color: #7c7c7c;

    font-family: Arial,Helvetica,sans-serif;

    font-size: 11px;text-align:left;margin-left:8px; float:left;  }

	.tekst_form_brsasije{ padding-top:8px; width:100px;  color: #7c7c7c;

    font-family: Arial,Helvetica,sans-serif;

    font-size: 11px;text-align:left;margin-left:8px; float:left;  }

.tekst_form_polje{width:340px; background-color:#ededed; border:1px solid #d9d2d2; color:#7c7c7c;}

.tekst_form_polje_box{width:350px;padding-left:9px; padding-top:7px; padding-bottom:8px;float:left;}



.tekst_form_brsasije_form{width:350px;padding-left:9px; padding-top:7px; padding-bottom:8px;float:left;}

.submit{ clear:both; float:right; margin-right:55px; margin-top:20px; text-align:right;font-family: Arial,Helvetica,sans-serif; color:#7c7c7c; font-size: 11px;}

.form_button{ 

      background-color:#ededed; border:1px solid #d9d2d2; 

    

    height: 25px;

     

    margin-top: 10px;

    padding-bottom: 4px;

    width: 75px;}

	

#Kontakt{width:340px; background-color:#ededed; border:1px solid #d9d2d2; color:#7c7c7c;}

#brsasije{width:340px; background-color:#ededed; border:1px solid #d9d2d2; color:#7c7c7c;}

#Email{width:340px; background-color:#ededed; border:1px solid #d9d2d2; color:#7c7c7c;}

#Poruka{width:340px; background-color:#ededed; border:1px solid #d9d2d2; color:#7c7c7c;}

.txtbrsstije{ padding:0px; margin:0px;padding-top:8px; width:100px;  color: #7c7c7c;

    font-family: Arial,Helvetica,sans-serif;

    font-size: 11px;text-align:left;  float:left;}

#column2_home_text_normal{ width:500px; margin: 0 auto;}

.certifikat{ margin-bottom: 30px; background:url(../img/isologo.jpg) no-repeat; height:100px; margin-top:10px; }

.certifikat p{   color: #FFFFFF;

    font-size: 13px;

    padding-left: 20px;

    padding-top: 170px;

    width: 205px;}

.certifikat p a{  color:#fff; font-size:13px; }
