body{
    margin:0;
    padding:0;
    background-image: url("dizajn/pozadina.jpg");
    background-repeat: repeat-x;
    background-position: top;
    background-color: #0055a8;
    font-family: Georgia, sans-serif;
}

body div{    
    margin-left: auto;
    margin-right: auto;
}

#zaglavlje{        
    margin-top: 0px;
    width:739px;
    height: 423px;
    background-image: url("dizajn/zaglavlje.jpg");
    background-repeat: no-repeat;
    background-position: top;
}

#logo{
    float:left;
    display: inline;
    margin: 0;
    padding: 0;
    margin-top:12px;
    margin-left: 5px;
    margin-right: 0;
    
    
    text-align: center;
/*    background-color: fuchsia;*/
}

#logo img.logo{

}

#logo img{
    padding:0;
    margin:0;
    margin-top: 25px;
    border: none;    
    margin-left: 1px;
}

#zaglavlje_slika{
    float:left;
    display: inline;
    margin: 0;
    padding: 0;
    margin-top:20px;
    width:337px;
    height:339px;
    
    

/*    background-color: gray;*/
}

#zaglavlje_info{
    float: left;
    display: inline;
    width:150px;
    margin-left:22px;
/*    background-color: green;*/
    margin-top:215px;
    
    
    
}

#zaglavlje_info h1{
    text-align: center;
    margin:0;
    font-size: 17px;
    font-weight: bold;
    color:#00366a;
    line-height: 26px;
    width:auto;
}

#meni{
/*    margin-left: 78px;*/
    margin-left: 25px;
    margin-top: 0;
}

#meni ul.sf-menu{
    clear: both;    
    margin-top: 7px;
}

#tijelo{
    width:739px;
    height:auto;
    margin-top: 0;
    padding-top: 10px;
    padding-bottom: 20px;
    color:#00366a;
    background-image: url("dizajn/tijelo_pozadina.jpg");
    background-repeat: repeat-y;
    
    
    /*background-color: fuchsia;*/
}

/*
#tijelo .stupac_lijevo{
    margin-top: 0;
    width:440px;
    height:400px;
    background-color: fuchsia;
    
    float:left;
    display: inline;
    
    text-align:right;
}

#tijelo .stupac_desno{
    width:440px;
    height:400px;
    background-color: green;   
    
    float:right;
    display: inline;
}
*/

#tijelo .lijevo{
    margin:0;
    margin-top: 0px;
    padding:0;
    float:left;
    display: inline;
}

#tijelo .desno{
    margin:0;
    margin-top: 10px;
    padding:0;
    float:right;
    display: inline;
}

#tijelo a:link, #tijelo a:visited{    
    color:#0055a8;
}

#tijelo a:hover{
    color:#0000FF;
}

.ponisti_float{
    clear:both;
    margin: 0;
    padding: 0;
}

h1{
    font-size: 20px;
    font-weight: bold;
    margin: 0px;
    padding: 0;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: right;
    width:290px;
}

p{
    font-size: 14px;
    line-height: 21px;
    width: 240px;
    font-family:ariaL;
    margin: 0;
    margin-left: 50px;
    text-align: right;
}

#tijelo p.desno{
    font-size: 17px;
    line-height: 30px;
    width: 300px;
    
    margin: 0;
    float:right;
    display:inline;
}

h3{
    margin: 0;
    font-size: 20px;
}


#tijelo #exciting_jobs{
    margin: 0;
    margin-top: 0px;
    background-image: url("dizajn/exciting_jobs.jpg");
    background-repeat: no-repeat;
    margin-right: 25px;
    width: 398px;
    height: 69px;
    text-indent: 40px;
    text-transform: uppercase;
    line-height: 70px;
    color:#FFFFFF;
    display: block;
    text-decoration: none;
    font-weight: bold;
    font-size: 20px;
}

#tijelo #exciting_jobs:hover{
    background-image: url("dizajn/exciting_jobs_hover.jpg"); 
}

#tijelo #do_you_speak h3{
    line-height: 25px;
}

.mar_20{
    padding: 28px 0;
}

#tijelo #do_you_speak, #tijelo #news, #tijelo #news_double{
    margin: 0;
    margin-top: 0px;
    background-image: url("dizajn/do_you_speak.jpg");
    background-repeat: no-repeat;
    margin-right: 20px;
    width: 398px;
    height: 111px;
    text-indent: 40px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
	/*line-height: 50px;*/
    color:#FFFFFF;
    display: block;
    text-decoration: none;
	/*padding-top: 20px;*/
	margin-bottom: -35px;
}

#tijelo #news{ background-image:url(dizajn/news_interview_zagreb.png); }

#tijelo #news_double{ height:344px; background-image:url(dizajn/news_double.png); }

#tijelo #do_you_speak:hover{
    background-image: url("dizajn/do_you_speak_hover.jpg"); 
}

#podnozje{
    background-image:url("dizajn/podnozje.png");
    background-repeat: no-repeat;
    background-position: top;
    margin-top:0;
    width: 739px;
    height:25px;    
}

h1.copyright{
    width:650px;
    margin:0px;
    padding-top:20px;
    padding-bottom:18px;
/*padding-right: 80px;*/
    color:#FFFFFF;
    font-size: 12px;
/*    background-color: fuchsia;*/
    margin-left: auto;
    margin-right: auto;
}


.tekst_smanjeni{
    font-size: 90%;
}

/*
-----------------------------
-----------------------------
GENERAL INFORMATION
-----------------------------
-----------------------------
*/
.gi_slika{
    margin-left: 60px;
    margin-bottom: 10px;
    width:300px;
}

.gi_naslov{
    text-align: left;
    margin-top: 25px;
    margin-right:5px;
    font-size:18px;
}

.gi_p{
    margin-left:0px;
    margin-bottom: 0;
    margin-right: 60px;
    width:280px;
    text-align: left;
    font-size: 15px;
    line-height: 25px;
    font-family: arial;
}

.gi_ul{
    clear: both;
    font-size: 14px;
    width:580px;
    margin: 0;
    
    line-height: 18px;    
    
    padding-left: 30px;
    
    margin-left: 60px;
    text-align: justify;
    font-family: arial;
}

.gi_ul li{
    margin-top: 10px;
}


/*
-----------------------------
-----------------------------
ABOUT US
-----------------------------
-----------------------------
*/

.au_slika{
    margin-right: 50px;
    margin-top: 8px;
    width: 260px;
}

.au_naslov{
    text-align: left;
    margin-top: 25px;
    margin-left:70px;
    font-size: 17px;
}

.au_p{
    margin-left:70px;
    margin-bottom: 20px;
    width:345px;
    text-align: left;
    font-size: 14px;
    line-height: 22px;
    font-family:arial;
    text-align: justify;
}

.au_ul{
    clear: both;
    font-size: 17px;
    width:660px;
    
    line-height: 28px;
    padding-top: 30px;
    margin-left: 90px;
}

.au_ul li{
    margin-top: 10px;
}

.offered_positions a:link, .offered_positions a:visited{
    color:#00366a;
    text-decoration: none;
}

.offered_positions a:hover, .offered_positions a:active{
       color:#0000FF;
}

h2.offered_positions, hr{
    margin-top: 10px;
    padding: 0;
    margin-bottom: 0;
    margin-left:75px;
    margin-right: 80px;
    font-size: 17px;
    line-height: 17px;
}
/*
hr{
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}
*/
h3.offered_positions{
    margin-top: 0px;
    margin-left: 80px;
    font-size:16px;
    font-family:arial;    
    border-bottom-color: #D0D0D0;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    width:260px;
}

#tijelo h3.offered_positions a:link, #tijelo h3.offered_positions a:visited{ 
    color:#00366A;    
}

#tijelo h3.offered_positions a:hover, #tijelo h3.offered_positions a:active{ 
    color:#0000FF;
}

ul.offered_positions{
    font-size:14px;
    margin-left: 0px;
    padding-left: 0px;
/*    margin-top:px;*/
    text-transform: uppercase;
    font-weight: bold;
    font-family: arial;
}

.desno h3.offered_positions{
    margin: 0;
    padding: 0;
    margin-top: 0px;
    margin-right: 90px;
    
    font-size:17px;
    border-bottom-color: #D0D0D0;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    width:260px;
}

.desno ul.offered_positions{
    font-size:14px;
    margin-left:10px;
    margin-top:8px;
    text-transform: uppercase;
    font-weight: bold;
}

.lijevo ul.offered_positions{
    font-size:14px;
    margin-left:110px;
    margin-top:8px;
    text-transform: uppercase;
    font-weight: bold;
}

ul.offered_positions li{
    margin-bottom: 5px;
    
}

.au_siroko{
    margin: 0;
    padding: 0;
    margin-top: 8px;
    margin-left: 85px;
    text-align:left;
    width: 560px;
    font-size:14px;
    line-height: 20px;
    font-family: arial;
    padding-top:10px;
    border-top-color: #D0D0D0;
    border-top-width: 1px;
    border-top-style: solid;
}


/*
--------------------
--------------------
CONTACT
--------------------
--------------------
*/

.con_p{
    margin-left:80px;
    margin-top: 20px;
    margin-bottom: 20px;
    width:300px;
    text-align: right;
    line-height: 20px;
    font-size: 14px;
    font-family: arial;
}

#send_message, #application{
/*    background-color: #000080;*/
    margin: 0;
    padding: 0;
    margin-left: 30px;
    margin-right: 30px;
    margin-top: 0px;
    padding: 10px;
    font-weight: bold;
    color:#FFFFFF;                               
    /*                          
    background-color: #00366a;
    border-style: double;
    border-color: #E6E6FF;
    border-width: 1px;
    color:#FFFFFF;
    
    font-size:14px;
    */
}

#send_message h2, #application h2, h2.app{
    margin-top: 0px;
    margin-bottom: 0px;
    margin-bottom: 0px;
    font-size: 18px;
}

h2.app{
    font-family: arial;
}

#send_message hr, #application hr{
    margin-top: 0px;
    margin-bottom: 0;
    margin-left:0px;
    margin-right: 0px;
    font-size: 24px;
    border-color: #FFFFFF;
}

#send message input, #send message textarea,
#application input, #application textarea{
    margin-left: 10px;
    border-width: 1px;
}

form{
    margin: 0;
    padding: 0;
}
 
input{
    font-family: Georgia, sans-serif;
    padding: 3px;
}

#application input{
    padding: 2px;
    padding-top:4px;
    font-size: 12px;
    font-family: arial;
}

textarea{
    font-family: Georgia, sans-serif;
    width:330px;
/*    height: 143px;  SAFARI */
    height: 130px;
    font-size: 14px;
    padding: 10px;
    line-height: 14px;
    border-width: 1px;
}

/*--------------------
----------------------
PODNOŽJE - PLAVI OBRUB
----------------------
---------------------*/
.plavi_obrub_gore{
    margin-top: 20px;
    width:739px;
    height: 20px;
    background-image: url("dizajn/plavi_obrub_gore.png");
    background-repeat: no-repeat;
}

.plavi_obrub_centar{
    width:739px;
    height: auto;
    background-image: url("dizajn/plavi_obrub_centar.png");
    background-repeat: repeat-y;
}

.plavi_obrub_dolje{
    width:739px;
    height: 20px;
    background-image: url("dizajn/plavi_obrub_dolje.png");
    background-repeat: no-repeat;
}

/*-------------------
---------------------
JOB DESCRIPTION
---------------------
-------------------*/                   

h1.job_description{
    margin: 0;
    padding: 0;
    width: auto;
    text-align: left;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left:60px;
    margin-right: 60px;
    font-size: 20px;
    text-transform: uppercase;
    border-bottom-color: #00366a;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    
}

h2.job_description{
    text-align: left;
    margin-top: 5px;
    margin-left:70px;    
    margin-bottom: 5px;
    font-size: 17px;
}

.job_p{
    margin-left:70px;
    margin-right: 80px;
    margin-bottom: 10px;
    width:auto;
    text-align: justify;
    float:none;
    font-size: 12px;
    line-height: 18px;
}

.job_p1{
    margin-left:70px;
    margin-right: 70px;
    margin-bottom: 20px;
    width:auto;
    text-align: justify;
    float:none;
    font-size: 14px;
    line-height: 22px;
    font-family: arial;
}

.job_sld{ 
    float:right;
    margin-right: 60px;
    margin-left: 15px;
    
    width:330px;
    /*
    margin-right: -28px;
    margin-left: 20px;
    margin-top: -7px;
    */
    
}

.job_sll{ 
    float:left;
    display: inline;
    margin-right: 15px;
    margin-left: 60px;
    margin-top: 0px;
}


/*
application - lijevi stupac
*/
.apl{float:left; width:150px; display:inline; clear:both; font-size:14px; font-family:arial;}

/*
application - desni stupac
*/
.apd{float:left;  display:inline; }

table {text-align:left; font-family:arial; width:auto; border-collapse:collapse; /*margin-left:50px;*/} 

table th{ font-size:16px; border-bottom-color:#FFFFFF; border-bottom-style:solid; border-bottom-width:1px;}

table tr{ height:30px; width:auto;} 

table td{ font-size:13px; margin-left:10px; font-weight:normal; width:auto; text-align:right;}

/*table input, table select{ width:200px;}*/

table input{margin:4px; margin-left:10px; width:300px; padding:3px; }

table select{margin:4px; margin-left:10px; width:306px; padding:3px; padding-left:0;}

table textarea{margin:4px; margin-left:10px; width:298px; height:45px; padding:3px; font-family:arial; font-size:12px;}



.tab_tr{height:auto;}

.td_l{width:auto;}


.company{width:660px; text-align:left;}

.company td{text-align:left; }

.company tr{height: auto;}

.company input{width:240px; }

.app_info{ font-size:85%; font-family:arial; font-weight:normal; }

#prezime1, #ime1, #spol1, #adresa1, #tel1, #mob1, #mail1, #drzava1, #rodenje1, 
#mj_rodenja1, #skola1, #engleski1, #jezici1, #posao1, #start1, #slika1
{ width:150px; text-align:left; color:#ff4141; font-weight:bold; font-style: italic;} 

.attention{ font-family:arial; font-weight:normal; font-size:14px; margin-left:20px;}

#sub{ margin-left:56px; padding:8px; }

#upozorenje{color:#ff4141; font-family: arial; margin-left: 20px; }

.app_sent{ margin-left:40px; color:#FFFFFF; font-weight: normal; }

#jbd a:link, #jbd a:visited, #jbd a:active{color:#00366A; text-decoration:none;}

#jbd a:hover{color:#0000FF;}

#language{ position:absolute; top:135px; left:60px; }
#language img{ border:none; width:40px; }
#zaglavlje{ position:relative; }



#application input.req_rodenje,#application .date input{ width:200px;}
#application td.date{ text-align:left; }
#application .languages{ text-align:left; }
#application .languages input{ width:auto; margin:0; }
#application .languages label{ margin-left:13px; }