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

/*
 * site:	  www.zvonimir-security.hr
 * autor: 	  Ivan Jukić
 * datum: 	  06.01.2010.
 * licenca:   Creative Commons (CC) Attribution 3.0 Unported
 * kontakt:   jukic2001@yahoo.com	
 * opis:	  CSS stilovi stranice
 */
 
 
/*
 * Defaultne postavke za uobičajene elemente.
 */
 
body {
 padding:0;
 margin:0;
 background-color:#FFF;
 font:12px/19px Arial, Helvetica, sans-serif;
 color:#444;
}

a {
 text-decoration:none;
 color:rgb(218%, 37%, 29%);
 font:12px/19px Arial, Helvetica, sans-serif;
}

ul, ol {
 margin:0;
 padding:0;
}

img {
 border:none;
}
 
h1 {
 padding:0px 0px 0px 0px;
 margin:0;
 color:rgb(218%, 37%, 29%);
 font:18px Arial, Helvetica, sans-serif;
 text-transform:uppercase;
}

p {
 padding:0;
 margin:0;
 font:12px/22px Arial, Helvetica, sans-serif;
 color:#444;
 text-align:justify;	
}

/*
 * main-wrapper - div element koji okružuje sve elemente, te omogućuje pozicioniranje naslovnih, 
 *                sadržajnih i elemenata na dnu stranice (header, content, footer)
 */ 
#main-wrapper {
 position:absolute;
 left:0px;
 top:0px;
 width:100%;
 height:auto;
}
 
 
 /*
  * header-div - div element koji sadrži sve elemente koji se nalaze na vrhu stranice, uključuje meni, 
  *              naslovnu sliku stranice, pozadinski logo, ikone za izmjenu jezika
  */  
#header-div {
 position:relative;
 left:0px;
 top:0px;
 width:100%;
 height:auto;
 border-bottom:1px solid rgb(218%, 37%, 29%);
}
  
/* header-content sadrži centralno postavljene elmente u headeru */
#header-content {
 position:relative;
 width:799px;
 height:200px;
 background-image:url(../images/header_back.jpg);
 background-position:left bottom;
 background-repeat:no-repeat;
 background-color:#FFF;
 padding:20px 0px 50px 0px;
 margin:0px auto 0px auto;
 overflow:visible;
}

#header-logo {
 position:absolute;
 left:0px;
 top:15px;
 width:250px;
 height:185px;
 background-image:url(../images/logo.png);
 background-position:center;
 background-repeat:no-repeat;
}

/* securitas logo */
div#header-securitas
{
	position:absolute;
	width:130px;
	height:auto;
	right:10px;
	bottom:70px;
	text-align:center;
	letter-spacing:2px;
}

/* header-referal sadrži link koji se referira na samu stranicu, te ikone za promjenu jezika. */
#header-referal {
 position:absolute;
 right:0px;
 top:50px;
 width:auto;
 height:60px;
}

#header-referal #referal-url {
 font-size:12px;
 color:#b5b4b4;
 position:relative;
 top:20px;
 right:5px;
 text-transform:uppercase;
}

#slogan {
 position:absolute;
 font-size:24px;
 right:0px;
 top:50px;
}
  
/* header-meni sadži glavni meni */
#header-meni {
 position:absolute;
 width:799px;
 height:auto;
 left:0px;
 bottom:8px;
}

#header-meni-stripe {
 position:absolute;
 height:50px;
 width:100%;
 left:0px;
 bottom:8px;
 background-image:url(../images/meni_back.png);
 background-repeat:repeat-x;	  
}

#header-meni a {
 position:relative;
 display:block;
 float:left;
 width:132px;
 height:50px;
 padding:0px 0px 0px 0px;
 margin-left:1px;
 color:#FFF;
 font:12px Arial, Helvetica, sans-serif;
 text-transform:uppercase;
 text-align:center;
 background-image:url(../images/meni_back.png);
 background-repeat:repeat-x;
}
#header-meni a span {
 display:block;
 position:absolute;
 width:132px;
 height:40px;
 text-align:center;
 top:19px;
 left:0px;
 cursor:pointer;
}
#header-meni a .en-header-meni-long {
 top:11px;
}

/* header-divider je linija koja odvaja header dio od content dijela */
#header-divider {
 position:absolute;
 left:0px;
 top:-1px;
 width:100%;
 height:10px;
 background-image:url(../images/header_divider.png);
 background-repeat:repeat-x;
}
  
  
/*
 * content-main-wrap sadrži text i slike stranice, u principu ih obuhvaća samo
 * i služi za stiliziranje stranice
 */
   
#content-main-wrap {
 position:relative;
 width:100%;
 height:auto;
 left:0px;
 padding:20px 0px 15px 0px;
 background-image:url(../images/main_back.jpg);
 background-repeat:repeat;
}

/* content-main sadrži elemente stranice */
#content-main {
 position:relative;
 width:700px;
 height:1%;
 overflow:hidden;
 padding-top:20px;
 margin:0px auto 0px auto;
}

#content-right 
{
	position:relative;
	width:480px;
	height:1%;
	overflow:hidden;
}
   
 /* stiliziranje za tekst na stranici */
.content-article {
 position:relative;
 width:480px;
 height:auto;
}

.content-article h1 {
 display:block;
}

.content-article .article-subtitle {
 position:relative;
 width:480px;
 height:auto;
 color:#888;
 font-style:italic;
 font-size:14px;
}

.content-article .article-images {
 position:relative;
 height:158px;
 padding:15px 0px 15px 0px;
}

.article-images-wide {
	position:relative;
	top:10px;
}

.content-article .article-images-big {
 position:relative;
 height:300px;
 top:-10px;
 padding:0px 0px 15px 0px;
}

.content-article .article-images-big2 {
 position:relative;
 height:300px;
}

.article-image1 {
 position:absolute;
 left:0px;
 top:15px;
}

.article-image2 {
 position:absolute;
 right:0px;
 top:15px;
}

.content-article .content-article-text {
 position:relative;
 width:480px;
 height:auto;
 padding-bottom:40px;
}

.content-article .article-left-column {
 position:relative;
 width:229px;
 padding-right:10px;
 height:auto;
 top:15px;
 border-right:1px solid #d9d9d9;
}

.content-article .article-right-column {
 position:absolute;
 width:229px;
 height:auto;
 right:0px;
 top:15px;
 padding-left:10px;
}

.content-article .article-fullwidth {
 position:relative;
 width:480px;
 top:15px;
 text-align:justify;
}

.content-article ul {
 position:relative;
 padding:25px 0px 0px 30px;
 list-style:square;
}

.content-article h1 a {
 font-size:16px;
}

.return-anchor {
 color:#888;
 font-style:italic;
}

#content-left 
{
	 position:relative;
	 width: 200px;
	 height:1%;
	 overflow:hidden; 
	 float:left;
	 padding-right:10px;
	 margin-top:0px;
	 text-align:left;
	 padding-bottom:10px;
}
#content-left #content-left-tehnicka {
 position:relative;
 margin-top:20px;
}
#content-left #content-left-tjelesna {
 position:relative;
 margin-top:20px;
}

#content-left h1 {
 font-size:14px;
}

#content-left ul {
 padding-left:20px;
 font-size:12px;
 color:rgb( 21%, 18%, 17% );
}

#content-left ul li {
 font:12px/15px Arial, Helvetica, sans-serif;
 padding:2px 0px 3px 0px;
}

#content-left .content-left-subtitle a {
 color:#888;
 font-style:italic;
 display:block;
 padding-bottom:10px;
}
#content-left #content-left-lokacije {
 position:relative;
 height:auto;
 width:auto;
 margin-top:20px;
}
#content-left #content-left-lokacije .content-left-subtitle {
 color:#888;
 font-style:italic;
 display:block;
 padding-bottom:10px;
}
#content-left #content-left-lokacije #karta-hrv {
 position:relative;
 width:200px;
 height:200px;
 right:10px;
 background-image:url(../images/hrvatska.png);
 background-position:top;
 background-repeat:no-repeat;
}
#content-left #content-left-lokacije a {
 display:block;
 position:absolute;
 font:11px Arial, Helvetica, sans-serif;
 color:rgb(21%, 18%, 17%);
 text-align:center;
}
#content-left #content-left-lokacije a span {
 display:block;
 position:relative;
 bottom:5px;
}
#karta-zagreb {
 top:59px;
 left:57px;
}
#karta-zagreb span {
	top:5px;
}
#karta-rijeka {
 top:95px;
 left:9px;
}
#karta-zadar {
 top:152px;
 left:36px;
}
#karta-split {
 top:180px;
 left:79px;
}
#karta-dubrovnik {
 top:220px;
 left:118px;
}
#karta-osijek{
 top:84px;
 right:23px;
}
#karta-sisak {
 top:96px;
 left:70px;
}
#karta-karlovac {
 top:75px;
 left:40px;
}
#karta-karlovac span {
 top:5px;
 left:-15px;
}
span#span-novootvoreno
{
	position:relative;
	font:12px Arial, Helvetica, sans-serif;
	font-style:italic;
	color:#777;
	text-transform:none;
}
/*
* footer-main sadrži podatke na dnu stranice
*/
#footer-main {
 position:relative;
 width:100%;
 height:100px;
 left:0px;
 padding:20px 0px 20px 0px;
 background-image:url(../images/footer_back.jpg);
 background-position:top;
 background-repeat:repeat-x;
 background-color:#FFF;
}

#footer-content {
 position:relative;
 width:700px;
 height:100px;
 margin:0px auto 0px auto;
 background-image:url(../images/footer_logo.jpg);
 background-position:left top;
 background-repeat:no-repeat
}

#footer-meni {
 position:absolute;
 right:-7px;
 top:-10px;
 width:auto;
 height:auto;
 color:#595959;
 font-size:12px;
}

#footer-meni a {
 position:relative;
 display:block;
 float:left;
 padding:2px 7px 2px 7px;
 color:#595959;
 font-style:italic;
}

#footer-meni .footer-meni-divider {
 position:relative;
 top:1px;
 display:block;
 float:left;
 font-size:14px;
}

#footer-disclaimer {
 position:absolute;
 right:0px;
 top:25px;
 width:500px;
 height:auto;
 color:#595959;
 font:12px/15px Arial, Helvetica, sans-serif;
 font-style:italic;
 text-align:right;
}
   
/*
 * Stiliziranje za kontakt formu i formu za zapošljavanje
 */
.form-div {
 position:relative;
 width:480px;
 height:auto;
 padding-bottom:40px;
 border:0px solid red;
}

.form-required {
 color: #D00;
}

.form-info {
 font-style:italic;
 font-size:11px;
 color:#888;
 padding-bottom:5px;
}
	 
.form-div table {
 position:relative;
 width:480px;
}
 
.form-div table .table-form-description {
 padding: 5px 20px 5px 0px;
 text-align:right;
 font-style: italic;
 font-size:13px;
 color: #555;
 width:180px;
}
 
.form-div table .table-form-input {
 padding: 5px 20px 5px 0px;
 color: rgb( 21%, 18%, 17% );
}
 
.form-div table .table-form-input .text-input {
 border:1px solid #555;
 width: 250px;
 color: rgb( 21%, 18%, 17% );
 padding:1px 2px 1px  2px;
}
 
.form-div table .table-form-input .text-textarea {
 width: 250px;
 height:100px;
 border:1px solid #555;
 color: rgb( 21%, 18%, 17% );
 padding:1px 2px 1px  2px;
 font:12px/19px Arial, Helvetica, sans-serif;
}

.form-div table .table-form-input .text-submit {
 width:100px;
 height:auto;
 font:12px Arial, Helvetica, sans-serif;
 color: rgb( 21%, 18%, 17% );
 padding:2px;
 border:1px solid #555;
 background-color:#FFF;
 cursor:pointer;
}
  
  
/*
 * Formatiranje za elemente is kontakta.
 */
 
.contact-emails-main {
 display:block;
 padding-bottom:25px;
 position:relative;
}

.contact-emails-main .contact-emails-title {
 font:14px/14px Arial, Helvetica, sans-serif;
 text-transform:uppercase;
 display:block;
 color:#555;
}

.contact-emails-main .contact-emails, .contact-emails-main .contact-emails-phone {
 font:12px/14px Arial, Helvetica, sans-serif;
 display:block;
 padding:2px 0px 2px 10px;
 color:#362e2b;
}
 
 
/* elementi podružnica, smješteni u dva stupca, jedni lijevo, drugi desno */
.contact-branch, .contact-branch-right {
 display:block;
 position:relative;
 padding-bottom:0px;
}
 
.contact-branch-right {
 right:10px;
}

.contact-branch-right span {
 padding-left:10px;
 width:229px;
 
}

.contact-branch-right img {
 padding-left:10px;
}
 
.contact-branch-title {
 display:block;
 font:18px Arial, Helvetica, sans-serif;
 text-transform:uppercase;
 color:#362e2b;
 padding-bottom:5px;
 padding-top:10px;
}

.contact-branch-address, .contact-branch-phone, .contact-branch-manager {
 display:block;
 font:12px/16px Arial, Helvetica, sans-serif;
 padding:5px 0px 5px 0px;
 border-bottom:1px solid #d9d9d9;
 width:240px;
 
}
.contact-branch-manager {
 height:50px;
}
.contact-branch-manager a{
 color:#362e2b
}
#contact-send-fail, #contact-send-success {
 position:relative;
 width: 410px;
 height:auto;
 padding:8px 10px 8px 60px;
 color:#FFF;
 bottom:10px;
 background-repeat:no-repeat;
 background-position:left 4px;
}

#contact-send-fail {
 border:1px solid #C00;
 background-color:#fb4d4d;
 background-image:url(../images/fail.jpg);
 background-position:left 4px;
}

#contact-send-success {
 border:1px solid #155e01;
 background-color: #25ad00;
 background-image:url(../images/success.jpg);
 background-position:left 0px;
}
#contact-send-fail ul, #contact-send-success ul {
 list-style:disc;
 padding-left:15px;
}

/*
 * Logo u dijelu stranice o zvonimir servisu.
 */
#zvonimir-servis-logo {
 position:relative;
 width:480px;
 height:120px;
 background-image:url(../images/zvonimir_servis.png);
 background-repeat:no-repeat;
 background-position:left top;
}
#zvonimir-servis-logo-en {
 position:relative;
 width:480px;
 height:120px;
 background-image:url(../images/zvonimir_servis_en.png);
 background-repeat:no-repeat;
 background-position:left top;
}

/* elementi liste */
#zvonimir-servis-list span {
 color:rgb(218%, 37%, 29%);
}


/* stiliziranje gateway stranice */
#gateway-main-wrap {
 position:relative;
 width:100%;
 /* IE6 hack */
 min-height:300px;
 height: auto !important;
 height:300px;
 
 left:0px;
 padding:50px 0px 0px 0px;
 background-image:url(../images/main_back.jpg);
 background-repeat:repeat;
}
#gateway-main {
 position:relative;
 width:280px;
 height:150px;
 margin:0px auto 0px auto;
 text-align:center;
 top:30px;
}
.gateway-lang-link {
 position:relative;
 padding:15px;
 text-align:center;
 float:left;
 display:block;
 width:100px;
}
.gateway-lang-link span {
 position:relative;
 display:block;
 color:#000;
 padding-top:10px;
 text-align:center;
}
#lang-hrv {
 right: 10px;
}
#lang-eng {
 left:10px;
}
#gateway-footer {
 position:relative;
 width:100%;
 height:10px;
 left:0px;
 padding:20px 0px 20px 0px;
 background-image:url(../images/footer_back.jpg);
 background-position:top;
 background-repeat:repeat-x;
 background-color:#FFF;
}


/*--------------------------------------------------------------
		Kod dodan 18.03.2011.
--------------------------------------------------------------*/
div#content-left-vijesti
{
	position:relative;
	
}

div#content-left-vijesti h1
{
	font-size:14px;
}

div.vijesti-div
{
	position:relative;
	margin-top:5px;
	width:180px;
	border-bottom:1px solid #e9e9e9;
}

div.vijesti-div a.vijest-link
{
	position:relative;
	color:rgb( 21%, 18%, 17% );
}

div.vijesti-div a.vijest-link:hover
{
	color:rgb(218%, 37%, 29%);
}

div.vijesti-div div.vijest-tekst
{
	display:none;
}

div#dialog-backgorund
{
	position:fixed;
	left:0px;
	top:0px;
	background:#000;
}

div#dialog-wrap
{
	position : absolute;
	width    : 100%;
	height   : auto;
	left     : 0px;
}

div#dialog-main-div
{
	position : relative;
	width    : 750px;
	height   : auto;
	min-height:350px;
	margin   : 0px auto 0px auto;
	background:#FFF;
	padding:30px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
}

div#dialog-close
{
	position : absolute;
	width    : 20px; 
	top      : 11px;
	right    : 5px;
	font     : 20px Arial, Halvetica, sans;
	color    : rgb(218%, 37%, 29%);
	cursor   : pointer;
	text-align : center;
}

div#dialog-main-div h1
{
	margin-bottom:20px;
}

div#dialog-main-div h1 span
{
	position:relative;
	display:block;
	font-size:10px;
	color:#999;
	text-transform:none;
}

div#dialog-main-div p
{
	margin-top:10px;
}

div#dialog-main-div img
{
	max-width:750px;
}