@charset "utf-8";
/*  CSS Document for Tinita d.o.o. */
/*
******************************************************************************************************

Title:			main.css
Browser(s): 	IE6+ , FF2+ , OPERA 8+ , SAFARI 3 , CHROME          // Browse happy, browse with Firefox! //

Author: 		Marko Prljić (http://www.markoprljic.iz.hr)
Created: 		09.09.2008
Last modified: 	15.09.2008

******************************************************************************************************
*/


/*-------------------------------DEFINE BODY PROPERTIES----------------------------------------*/
* {
	margin: 0 auto 0 auto; /* GLOBAL RESET */
	padding: 0;
}
body{
	margin: 0 auto;
	background:#ffffff url(images/bg_header.jpg) top left repeat-x;
	font-size: 62.5%; 
	font-family: Arial, Helvetica, Sans-Serif; 
	line-height: 150%; 
	color:#333;
}

div, p, ul, h2, h3, h4, img{
	padding:0px; margin:0px; border:none;
}
ul{
	list-style-type:none;
}
.spacer{
	clear:both; 
	font-size:0px; 
	line-height:0px;
}

a { outline:none; /* Remove Firefox's dotted borders */ text-decoration:none; }
a img { border:none;} /* Remove IE's blue borders */

a{ text-decoration:none; color:#287CAF;}
a:hover{ text-decoration:none; color:#D2D927;}

h1 {font-family: Trebuchet, sans-serif; font-size: 1.6em; border:none; margin:0; }
h2 {font-size: 1.1em; border:none; margin:0; padding:0 0 10px 0;}
h3 {font-size: 1.1em; border:none; margin:0; font-weight:normal; float:left; padding:0 10px 0 0;}
h4 {font-size: 1.1em; border:none; margin:0; padding:10px 0 10px 0; }
h5 {font-size: 1.1em; border:none; margin:0; border-bottom: 2px solid #D2D927; padding:4px;}
h6 {font-size: 1.1em;  border:none; margin:0; border-bottom: 2px solid #D2D927; padding:4px; }
p  {font-size: 1.1em;}
hr { width:100%; border: 1px dashed #999999; padding:0; margin:0; float:left;}

.left{float:left; margin: 5px 5px 5px 0;}
.right{float:right; margin: 5px 0 5px 5px;}

.left_border{float:left; border:2px solid #DDE4EE; margin: 5px 5px 0 0;}
.right_border{float:right; border:2px solid #DDE4EE; margin: 5px 0 0 5px;}

.mid_border{float:left; border:2px solid #DDE4EE; margin: 5px 5px 10px 0;}


/*-------------------------------END----------DEFINE BODY PROPERTIES----------------------------------------*/

#header {width: 940px; height: 290px; margin:0 auto; text-align:center; padding:0;}
#header_stats {width:940px; height:22px; font-family:Arial, Helvetica, sans-serif; color:#cccccc; font-size:0.9em; text-align:left; padding:7px 0 0 0; }
.users_online { border:none;font-family: Arial, sans-serif;font-size: 1em; color:#FFFFFF; background-color:#CFD513; padding:2px;}
.skip_content {margin:0 0 0 250px; border:none;font-family: Arial, sans-serif;font-size: 1em; color:#FFFFFF; background-color:#CFD513; padding:2px 4px 2px 4px; text-decoration:none;}
#flash {width:940px; height:258px;}

#sub_header{width:100%; height:100%; border-bottom: 4px solid #CCCCCC; background:#DDE4EE; padding:10px 0 11px 0;}

/*NAVIGATION*/

#nav{width: 940px; height:35px; background:url(images/nav.gif) no-repeat; margin:0 auto; padding:0 0 20px 0;} /* NAVIGATION PLACEHOLDER */

/*TOP LEVEL*/
.menu {font-family: arial, sans-serif; width:100%; height:35px; position:relative; margin:0; font-size:11px;}
.menu ul {padding:0 0 0 10px; margin:0; list-style-type: none;}
.menu ul li {float:left; border:none; }
.menu ul li a {display:block; float:left; height:35px; line-height:35px; color:#333333;  text-decoration:none; font-size:14px; font-family:Trebuchet, arial, sans-serif; font-weight:bold; text-align:center; padding:0 8px 0 8px; cursor:pointer;}
.menu ul li a:visited {display:block; text-decoration:none; padding:0; height:35px; line-height:35px; color:#ffffff; padding:0 8px 0 8px;}
.menu ul li.current a {color:#ffffff;}
.menu table {border-collapse:collapse; margin:0; padding:0; font-size:1em;}
.menu ul li ul {visibility:hidden; position:absolute; top:30px; left:0; }
.menu ul li a:hover {color:#333333; background:#FFFF00; }
.menu ul li:hover ul,
.menu ul li a:hover ul {visibility:visible; color:#666666;}
/*-----------------*/

/*SUB LEVEL*/

.menu ul li:hover ul.right_side ,
.menu ul li a:hover ul.right_side  {float:right; border:0; margin:0 0 0 130px;}
.menu ul li:hover ul.right_side li ,
.menu ul li a:hover ul.right_side li  {border:0;}
.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {display:block; float:left; color:#333333; height:37px; line-height:37px;  text-decoration:none; font-size:11px; font-family:arial, sans-serif; font-weight:normal; text-align:center; padding:0 8px 0 8px; cursor:pointer;}
.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover { color:#fff; background:none;}


/*HELPER ICONS (HOME SITEMAP MAIL)*/

ul.helpers{ display:block; margin:0; padding:0; list-style-type:none; font-family: Arial, Sans-Serif; float:right;}

li.home{display:block; float:left; margin:0; padding:0 15px 0 0;}
li.home a{border:none; width: 13px; height: 11px; display:block; float:left; background:url(images/icon_home.gif) no-repeat;}
li.home a span{position:absolute; left:-9999px; top:0; z-index:0; font-size:10px;}

li.mail{display:block; float:left; margin:0; padding:0 15px 0 0;}
li.mail a{border:none; width: 13px; height: 11px; display:block; float:left; background:url(images/icon_mail.gif) no-repeat;}
li.mail a span{position:absolute; left:-9999px; top:0; z-index:0; font-size:10px;}

li.sitemap{display:block; float:left; margin:0; padding:0 15px 0 0;}
li.sitemap a{border:none; width: 13px; height: 11px; display:block; float:left; background:url(images/icon_sitemap.gif) no-repeat;}
li.sitemap a span{position:absolute; left:-9999px; top:0; z-index:0; font-size:10px;}


/*HEADER SUB _ NAVIGATION AND WIDGETS*/

#snazzy_holder{width: 940px; height: 170px; margin:0 auto; text-align:left;  }

/*Snazzy widget box*/
.xsnazzy p {margin:0 ; letter-spacing:1px;}
.xsnazzy p {padding-bottom:0.5em;}
.xsnazzy {background: transparent; margin:1em 0 1em 0;}
.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#fff; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.xb1 {margin:0 5px; background:#ccc;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}
.xboxcontent {display:block; background:#ffffff; border:0 solid #ccc; border-width:0 1px; height:150px; padding:5px 10px 5px 10px;}

/*LANGUAGE ICONS*/

ul.lang{ display:block; margin:0; padding:0; list-style-type:none; font-family: Arial, Sans-Serif; float:left;}

li.cro{display:block; float:left; margin:0; padding:0 15px 0 0;}
li.cro a{border:none; width: 16px; height: 11px; display:block; float:left; background:url(images/cro.jpg) no-repeat;}
li.cro a:hover{border-top: 2px solid #D0D71D; padding:0 0 1px 0; width: 16px; height: 11px; display:block; float:left; background:url(images/cro.jpg) no-repeat;}
li.cro a.current{border-top: 2px solid #D0D71D; padding:0 0 1px 0; width: 16px; height: 11px; display:block; float:left; background:url(images/cro.jpg) no-repeat;}
li.cro a span{position:absolute; left:-9999px; top:0; z-index:0; font-size:10px;}

li.ger{display:block; float:left; margin:0; padding:0 15px 0 0;}
li.ger a{border:none; width: 16px; height: 11px; display:block; float:left; background:url(images/ger.jpg) no-repeat;}
li.ger a:hover{border-top: 2px solid #D0D71D; padding:0 0 1px 0; width: 16px; height: 11px; display:block; float:left; background:url(images/ger.jpg) no-repeat;}
li.ger a.current{border-top: 2px solid #D0D71D; padding:0 0 1px 0; width: 16px; height: 11px; display:block; float:left; background:url(images/ger.jpg) no-repeat;}
li.ger a span{position:absolute; left:-9999px; top:0; z-index:0; font-size:10px;}

li.eng{display:block; float:left; margin:0; padding:0 15px 0 0;}
li.eng a{border:none; width: 16px; height: 11px; display:block; float:left; background:url(images/eng.jpg) no-repeat;}
li.eng a:hover{border-top: 2px solid #D0D71D; padding:0 0 1px 0; width: 16px; height: 11px; display:block; float:left; background:url(images/eng.jpg) no-repeat;}
li.eng a.current{border-top: 2px solid #D0D71D; padding:0 0 1px 0; width: 16px; height: 11px; display:block; float:left; background:url(images/eng.jpg) no-repeat;}
li.eng a span{position:absolute; left:-9999px; top:0; z-index:0; font-size:10px;}

li.ita{display:block; float:left; margin:0; padding:0 15px 0 0;}
li.ita a{border:none; width: 16px; height: 11px; display:block; float:left; background:url(images/it.gif) no-repeat;}
li.ita a:hover{border-top: 2px solid #D0D71D; padding:0 0 1px 0; width: 16px; height: 11px; display:block; float:left; background:url(images/it.gif) no-repeat;}
li.ita a.current{border-top: 2px solid #D0D71D; padding:0 0 1px 0; width: 16px; height: 11px; display:block; float:left; background:url(images/it.gif) no-repeat;}
li.ita a span{position:absolute; left:-9999px; top:0; z-index:0; font-size:10px;}

li.tur{display:block; float:left; margin:0; padding:0 15px 0 0;}
li.tur a{border:none; width: 16px; height: 11px; display:block; float:left; background:url(images/tr.gif) no-repeat;}
li.tur a:hover{border-top: 2px solid #D0D71D; padding:0 0 1px 0; width: 16px; height: 11px; display:block; float:left; background:url(images/tr.gif) no-repeat;}
li.tur a.current{border-top: 2px solid #D0D71D; padding:0 0 1px 0; width: 16px; height: 11px; display:block; float:left; background:url(images/tr.gif) no-repeat;}
li.tur a span{position:absolute; left:-9999px; top:0; z-index:0; font-size:10px;}

#widgets{width:280px; float:left;}
#comments{width:600px; float:right; padding:5px 0 0 0;}

/*INPUT FIELDS IN SUB_HEADER*/

form#one {background: none; width: 280px; border:none; float:left; }
form#one fieldset {width:280px; display:block; border:none; padding:0; font-family:Arial, verdana, sans-serif; font-size:11px;  margin:5px 0 5px 0; line-height:1.5em;}
form#one .field  { float: left; width: 280px; padding: 0; z-index: 2000; }
form#one label {clear:left; display:block; float:left; width:200px; text-align:left; letter-spacing:1px; padding:3px 0 5px 0; color:#333333; margin:0;}
form#one input {width:260px;  height: 11px; border:none; background:#fff url(images/bg_input.jpg) no-repeat left top; padding:5px 10px 10px 10px; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:11px; letter-spacing:1px; color:#999999; }
form#one input.search { width:13px; height: 10px; border:none; background:none !important;}
form#one .buttonsearch { padding: 0px; margin: -23px 0px 0px 240px; top: 0px; background: none; }
/**/ * html .buttonsearch { margin: -22px 0px 0px 240px; } /* */

/*JOB APPLY FORM*/

form#two {width:900px;padding:0;margin:30px 0 50px 0; float:left;}
form#two fieldset {width:790px;padding:0; font-family:Arial, Helvetica, sans-serif; margin-bottom:0.5em; border: 0; font-size: 11px;}
form#two label {width:750px; display:block; text-align:left; padding:10px 0 5px 0; color:#888; margin:0; font-family: Arial, Helvetica, sans-serif; float:left; font-size:1.1em;}
form#two input {float:left; border:1px solid #D2D927; padding:4px; margin:0 0 15px 0; width:300px; display:block; overflow:hidden; background:#fff;}
form#two select {float:left; border:1px solid #999999; height:26px; padding: 3px 3px 3px 0; margin:0 0 15px 0; width:252px; display:block; overflow:hidden; background:#CCCCCC;}
form#two option { font-family: Arial, Helvetica, sans-serif; color:#666666; padding: 3px 0 3px 0;}
form#two textarea {width:637px;height:10em;border:1px solid #D2D927;padding:0.5em;overflow:auto; margin:0 0 20px 0; background:#fff;}
form#two #button1{ float:left; color:#666666; padding:0; cursor:pointer; width:50px; margin:20px 0 0 0; border:1px solid #cccccc; font-family: Arial, Helvetica, sans-serif; font-size: 10px;}
form#two #button1:hover{color:#666666; background-color:#D2D927; font-family: Arial, Helvetica, sans-serif; font-size: 10px; border:1px solid #cccccc;}


/*CONTACT FORM */

form#three {width:600px;padding:0;margin:30px 0 50px 0; float:right;}
form#three fieldset {width:590px;padding:0; font-family:Arial, Helvetica, sans-serif; margin-bottom:0.5em; border: 0; font-size: 11px;}
form#three label {width:550px; display:block; text-align:left; padding:10px 0 5px 0; color:#888; margin:0; font-family: Arial, Helvetica, sans-serif; float:left; font-size:1.1em;}
form#three input {float:left; border:1px solid #D2D927; padding:4px; margin:0 0 15px 0; width:300px; display:block; overflow:hidden; background:#fff;}
form#three select {float:left; border:1px solid #999999; height:26px; padding: 3px 3px 3px 0; margin:0 0 15px 0; width:252px; display:block; overflow:hidden; background:#CCCCCC;}
form#three option { font-family: Arial, Helvetica, sans-serif; color:#666666; padding: 3px 0 3px 0;}
form#three textarea {width:537px;height:10em;border:1px solid #D2D927;padding:0.5em;overflow:auto; margin:0 0 20px 0; background:#fff;}
form#three #button1{ float:left; color:#666666; padding:0; cursor:pointer; width:50px; margin:20px 0 0 0; border:1px solid #cccccc; font-family: Arial, Helvetica, sans-serif; font-size: 10px;}
form#three #button1:hover{color:#666666; background-color:#D2D927; font-family: Arial, Helvetica, sans-serif; font-size: 10px; border:1px solid #cccccc;}





/*COMMENTS IN SUB_HEADER*/

.pullquote {background: url(images/q.jpg) 0 0 no-repeat;margin: 30px 10px 0 0;padding: 6px 0 2px 28px;	line-height: 1.5em;font-style: normal;font-family: Arial, Helvetica, sans-serif;font-size: 1.1em;font-weight: normal;}

.sig{padding:5px 0 0 28px; font-size:1em; color:#CCCCCC;}

/*MAIN CONTENT*/

#main_content{ width:960px; height:100%; margin:0 auto 0 auto; padding:0; text-align:left; background-color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; font-weight:normal; color:#333333; line-height:150%;}

.column{width:300px; height:100%;  padding:10px; float:left;}
.column_2{width:600px; height:100%; padding:10px;  float:left;}
.column_3{width:920px; height:100%; padding:10px;  float:left;}
.more{float:right; font-family:Arial, Helvetica, sans-serif; font-size:0.9em; font-weight:normal; font-style:italic; color:#587B9C; line-height:150%; padding:20px 0 0 0;}

p.heading1 {
    background: transparent url('images/h1.gif') no-repeat top right;  display: block; float: left;	 width:300px; 
	height: 35px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */ 
	margin:0 0 20px 0; 
    /* FONT PROPERTIES */ text-decoration: none; color: #fff; font-family: Trebuchet, Helvetica, sans-serif;  font-size:16px;  font-weight:normal;}
p.heading1 span { display: block;  padding: 8px 0 0 8px;} 

p.heading2 {
    background: transparent url('images/h2.gif') no-repeat top right; display: block; float: left; width:300px; 
	height: 35px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	margin:0 0 20px 0;
    /* FONT PROPERTIES */  text-decoration: none;  color: #fff; font-family: Trebuchet, Helvetica, sans-serif; font-size:16px; font-weight:normal;}
p.heading2 span { display: block;  padding: 8px 0 0 8px;} 

p.heading3 {background: transparent url('images/h3.gif') no-repeat  top right;  display: block; float: left; width:300px;
    height: 35px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
    margin:0 0 20px 0;
    /* FONT PROPERTIES */ text-decoration: none; color: #fff; font-family: Trebuchet, Helvetica, sans-serif; font-size:16px;font-weight:normal;}
p.heading3 span {display: block;padding: 8px 0 0 8px;} 


/*FOOTER*/

#footer{width:100%; height:100%; background-color:#287CAF; border-top:2px solid #CCCCCC;}
#footer_info{ width:960px; height:100%; margin:0 auto; text-align:left; overflow:hidden;}
#footer_links{ width:100%; height:50px; margin:0 auto; text-align:left; overflow:hidden; background-color:#ffffff;}
#footer_links_hld{width:960px; height:50px;  margin:0 auto; text-align:left; overflow:hidden;}
.f_column{width:300px; height:100%;  padding:10px; float:left;  }
.f_column p{font-family:Arial, Helvetica, sans-serif; font-size:1.1em; font-weight:normal; color:#333333;}
.f_column a{ text-decoration:none; color:#FFFFFF;}
.f_column a:hover{ text-decoration:none; color:#D2D927;}


p.heading {/* Sliding right image */background: transparent url('images/f_h_right.gif') no-repeat scroll top right; display: block;float: left;
    height: 27px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
    margin:0;
    padding-right: 12px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
    /* FONT PROPERTIES */text-decoration: none;color: #000000;font-family: Trebuchet, Helvetica, sans-serif; font-size:12px; font-weight:normal;}
p.heading span {/* Background left image */  background: transparent url('images/f_h_left.gif') no-repeat; display: block;
    line-height: 27px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
    padding: 0 0 0 6px;} 
	

/*FOOTER NAVIGATION*/

ul.botmenu {width: 600px;height: 11px;float: left;font-family: Tahoma, sans-serif;margin-top: 15px;padding: 0;}
ul.botmenu li {float:left;position:relative;padding-left: 8px;}
ul.botmenu li a {float:left;height:11px;text-decoration: none;color: #666666;font-size: 11px; padding:0 2px 5px 2px;}
ul.botmenu li a:hover {float:left;height:11px;text-decoration: none;color: #000000;font-size: 11px;font-weight: normal; background-color:#D2D927; padding:0 2px 5px 2px;}
ul.botmenu li a span {position: absolute;left:-9999px;top:0;z-index:0;font-size:11px;}

/*COPYRIGHT AND CREDITS*/

.cc{padding:15px 0 0 0; color:#666666;}
.cc a{color:#D2D927; text-decoration:none; padding:0;}


/*FOREIGN EXCHANGE TABLE*/

#dtable {width: 300px;height: 100%;float: left;margin-top: 10px;padding:0 0 10px 0;}
table {border-collapse:collapse;}
caption {color: #fff;font-size:10px;text-transform:uppercase;letter-spacing:0.1em;caption-side:top;text-align:left;font-family: Arial, Helvetica, sans-serif;padding:0 0 10px 0;}	
tbody tr{font-family: Arial, Helvetica, sans-serif;font-size: 10px;text-transform:uppercase;}						
td {color:#fff;border-bottom:1px solid #CFD513;text-align:left;}				
th {font-weight:normal;color: #fff;text-align:left;border-bottom: 1px solid #CFD513;width:60px;}							
thead th {	background:none;text-align:left;font:normal 1em Arial,Helvetica,sans-serif;	color:#fff;width:60px;}

/*LOCATION INFO*/

#adress{ display:block; width:250px; height:100%; background-color:#0F5E97;  margin:10px 0 10px 0; }
#adress p{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; padding:5px;}


/*FOOTER GALLERY PREVIEW*/
/* All by default here :) */


/*NEWS*/ /*GALLERY*/ /*DOWNLOADS*/
.box{width:300px; height:100%; padding:20px 0 40px 0;}
.highlite { border:none;font-family: Arial, sans-serif;font-size: 1em; color:#FFFFFF; background-color:#CFD513; padding:2px; margin:-3px 10px 0 0; float:left;}
.highlite a { text-decoration:none; color:#fff;}
.highlite_download { border:none;font-family: Arial, sans-serif;font-size: 1em; color:#FFFFFF; background-color:#CFD513; padding:2px; margin:10px 10px 0 0; float:left;}
.desc{width:141px; margin: 5px 5px 0 0; float:left;}
.desc p{font-size:0.9em; text-transform:uppercase;}
.desc p a {text-decoration:none; color:#666666;}
.desc p a:hover {color:#CFD513;}
.desc p span{font-size:0.9em; font-style:italic; text-transform: none;}
.ico{text-decoration:none; margin:5px 0 0 20px;}


/*OTHER*/

.box_2{width:600px; height:100%; padding:20px 0 40px 0; float:left;}