@charset "utf-8";
/* CSS Document */


/*---------------//GLOBAL\\-----------------*/

body {
	background:url(../images/po.png) repeat scroll top transparent;
	color:#69665f; /* boja slova */
	font-family: 'Cabin', Helvetica, Arial, sans-serif;
}

#razdjelnik {
	font-size: 22px;
	font-weight:100;
	height: auto;
  padding: 15px 0 15px 35px;
	border-top:1px dashed #8E8172; 
	border-bottom: 1px dashed #8e8172;
	font-weight: normal;
  text-shadow: 1px 1px 0 white;
}


/*---------------//GORNJI KONTEJNER\\-----------------*/
#bg-kontejner-gore {
	width:auto;
	height:7px;
	background:url(../images/gl1px.jpg) repeat-x;
}

/*---------------//SREDNJI KONTEJNER\\-----------------*/
#bg-kontejner-sredina {
	width:auto;
	height:auto;
}

/* fiksne visine su dodane zbog greške u nekim verzijama pretraživača */
#bg-kontejner-sredina .usluge-grafika {
	margin-top:20px; 
	padding-left: 30px;
  padding-bottom:25px;
	height: 250px;
}

/* fiksne visine su dodane zbog greške u nekim verzijama pretraživača */
#bg-kontejner-sredina .kontakt-grafika {
	height: 155px;
}

/* fiksne visine su dodane zbog greške u nekim verzijama pretraživača */
#bg-kontejner-sredina .o-nama-grafika {
	height: 200px;
}

#bg-kontejner-sredina .header {
	height:400;
	width: auto;
  border-top: dashed 1px #8e8172;
	border-bottom: dashed 1px #8e8172;
	margin-top:50px;
	padding-top: 50px;
	padding-bottom:50px;
}

#bg-kontejner-sredina .header .logo{
	float:left;
	margin-top:-30px;
	margin-left:30px;
}

#bg-kontejner-sredina .header .nav {
	float: right;
	width:350px;
	height:50px;
  margin-top: -20px;
	margin-right: 25px;
}

#bg-kontejner-sredina .header .nav ul {
}

#bg-kontejner-sredina .header .nav ul li {
	float:left;
	margin: 0 0 0 10px;
	text-transform:uppercase;
	font-size:16px;
	font-family: Georgia,"Times New Roman",Times,serif;
}

#bg-kontejner-sredina .header .nav ul li a {
	display:block;
	width:100px;
	height:40px;
	color: #504d48;
	text-align:center;
	vertical-align:center;
	line-height:40px;
}

#bg-kontejner-sredina .header .nav ul li a:hover{
	background:url(../images/gumb-hover.png) no-repeat left;
}

#bg-kontejner-sredina .header .nav ul li a:active {
	background:url(../images/gumb-hover.png) no-repeat left;
}
	
#bg-kontejner-sredina .header .nav ul li.bg-gumb a {
	background:url(../images/gumb-hover.png) no-repeat top left;
}

/*-----------------------------------------------------------*/


/* određuje širinu tamo gdje nije definirano */
.kontejner-sadrzaja {
	width:960px;
	height:auto;
	margin:0 auto 0 auto;
}

.kontejner-sadrzaja .sadrzaj {
	margin:30px 40px 30px 50px;
}	

.kontejner-sadrzaja .sadrzaj .pozicioniranje-sadrzaja {
 width:auto;
}

.kontejner-sadrzaja .sadrzaj .pozicioniranje-sadrzaja ul{
}

.kontejner-sadrzaja .sadrzaj .pozicioniranje-sadrzaja ul li{
	line-height: 20px;
}

/* odnosi se na ikonu */	
.kontejner-sadrzaja .sadrzaj .pozicioniranje-sadrzaja ul li img {
	float:left;
	margin: 7px 25px 0 25px;
}

.kontejner-sadrzaja .sadrzaj .pozicioniranje-sadrzaja ul li p {
	margin: 12px 25px 12px 25px;
	text-shadow: 1px 1px 0 white;
	line-height: 27px;
	font-size: 15px;
}
	
.kontejner-sadrzaja .sadrzaj .pozicioniranje-sadrzaja ul li p b {
	font-size: 15px;
	color: #615b5b;
	font-weight:600;
}
	
.kontejner-sadrzaja .sadrzaj .pozicioniranje-sadrzaja ul li p a {
	font-size: 15px;
	text-shadow: 1px 1px 0 white;
	text-decoration:underline;
	color:inherit;
}	

/*--------------------------------mail------------------------------------*/
/*-------------------------------------------polja -----------------------------*/

#kontejner-za-mail {
	margin: 30px 30px 30px 70px;
	/*height: 450px;*/
	height: 600px;
}

#kontejner-za-mail .omotac-polja-lijevo {
	width: 330px;
	height:250px;
	margin-left:65px;
	float:left;
}

#kontejner-za-mail .omotac-polja-lijevo span {
	width: 100%;
  float: left;
	margin-bottom: -15px;
	margin-top:25px;
  color: rgb(80, 69, 69);
  font-size: 14px;
}

#kontejner-za-mail .omotac-polja-lijevo input {
  width: 305px;
  height: 29px;
  margin-top: 17px;
  float: left;
  color: rgb(80, 69, 69);
  border: 1px solid rgb(152, 147, 141);
  background: none repeat scroll 0% 0% transparent;
  font-size: 14px;
  padding: 3px;
  line-height: 16px;
  font-family: Cabin,Helvetica,sans-serif;
}

/*----------------------------------------textarea--------------------------*/

#kontejner-za-mail .omotac-polja-desno {
	width: 330px;
	height:auto;
	margin-left:25px;
  float:left;
}

#kontejner-za-mail .omotac-polja-desno span {
  width: 100%;
  float: left;
	margin-bottom: -15px;
	margin-top:25px;
  color: rgb(80, 69, 69);
  font-size: 14px;
}

#kontejner-za-mail .omotac-polja-desno textarea {
	background: none repeat scroll 0 0 transparent;
  border: 1px solid #98938D;
  color: #504545;
  font-size: 13px;
  height: 113px;
  margin-top: 17px;
  overflow: auto;
  padding-: 3px;
  width: 311px;
	resize: none; 
}
		
#kontejner-za-mail .omotac-polja-desno input {
  width: 305px;
  height: 29px;
  margin-top: 17px;
  float: left;
  color: rgb(80, 69, 69);
  border: 1px solid rgb(152, 147, 141);
  background: none repeat scroll 0% 0% transparent;
  font-size: 14px;
  padding: 3px;
  line-height: 16px;
  font-family: Cabin,Helvetica,sans-serif;
}

/*----------------------------------------gumb--------------------------*/

#kontejner-za-mail .omotac-gumba {
  width: 500px;
	height:auto;
	float:left;
	margin-top:20px;
	margin-left:65px;
	padding-top: 1px;
}
	
#kontejner-za-mail .omotac-captcha {
  width: 500px;
	height:auto;
	float:left;
	margin-top:20px;
	margin-left: 63px;
}

/*------------------ informacije ------------------------------*/

#kontejner-za-informacije {
	margin: 30px 30px 30px 70px;
	height:400px;
}

#kontejner-za-informacije .omotac-polja-lijevo {
	width: 305px;
	height: 300px;
	float:left;
	margin-left:65px;
	border: 3px solid rgb(234, 234, 234);
	background-color: #c1bbb1 ;
	}

#kontejner-za-informacije .omotac-polja-desno { 
	width: 305px;
	height:300px;
	margin-left:45px;
  float:left;
	border: 3px solid rgb(234, 234, 234);
}


#kontejner-za-informacije .omotac-polja-lijevo ul li {
	padding: 25px 10px 10px 35px;
}

#kontejner-za-informacije .omotac-polja-lijevo ul li span {
	color: rgb(80, 69, 69); 
	letter-spacing:0px; 
	word-spacing:1px; 
	font-size:14px;
	text-align:left; 
	line-height:-1;
	line-height: 20px;
}

#kontejner-za-informacije .omotac-polja-lijevo ul li span b {
	font-size: 15px;
	color: #615b5b;
	font-weight:600;
	line-height: 20px;
	
}

#kontejner-za-informacije .omotac-polja-lijevo span {
  float: left;
	width: 100%;
	margin-bottom: -1px;
	margin-top:12px;
}


#kontejner-za-informacije .omotac-polja-desno span {
  width: 100%;
  float: left;
	margin-bottom: -1px;
	margin-top:15px;
  color: rgb(80, 69, 69);
}

#kontejner-za-informacije .omotac-polja-desno p { 
	line-height: 20px;
	font-size: 13px;
}

#kontejner-za-informacije .omotac-polja-desno p a { 
  color: #504545 !important;
}


/*---------------//DONJI KONTEJNER\\-----------------*/
#bg-kontejner-dolje {
	width:auto;
	height:180px;
	background:url(../images/traka.png) repeat-x scroll 0 0 transparent;
	position: relative;
  clear: both;
  float: left;
  width: 100%;
	margin-top:10px;
}

#bg-kontejner-dolje .copyright {
	clear: right;
	color: #504545;
	float: right;
	font-family: Cabin,Helvetica,sans-serif;
	font-size: 15px;
	line-height: 16px;
	margin-top: 51px;
	width: 28%;
}

#bg-kontejner-dolje .kontakt-telefon {
	color: #504545;
	float: left;
	font-family: Arial,sans-serif;
	font-size: 30px;
	line-height: 40px;
	margin-top: 35px;
	margin-left:25px;
	width: 40%;
	letter-spacing: -2px;
	opacity: 0.8;
	height: 40px;
}

/*------------//CREDIT\\-----------*/
#web-by {
  color: #FFAFF;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 10px;
	text-align:center;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

#web-by	a {
	color: #FFAFF;
}


#gdpr {
	display: block;
	width: 77%;
	height: auto;
	margin: 30px 30px 30px 70px;
  	float:left;
  	text-align: justify;
}

#gdpr h6 {
	font-size: 110%;
	font-weight: 700;
	margin-bottom: 15px;
}

/*------------//kraj, dalje je test\\-----------*/