@charset "utf-8";

/*******************
 ***GENERAL RULES***
 *******************/
body{ margin:0 auto; padding:0; background-color:#0b3a51; background-color:#046081; }
.full_width{ margin:0 auto; width:740px;  }
.hidden{ display:none; }
.clear_float{ clear:both; height:1px; width:1px; font-size:1px; line-height:1px;}
.line_h{ line-height:20px; }
.lijevo{ float:left; }
.desno{ float:right; }
.poruka_mail{ color:#060; font-weight:bold; }
.upozorenje_mail{ margin-left:3px; color:#900; font-weight:bold; }


/******************
 ***** HEADER *****
 ******************/
#header{ margin:0 auto; padding:0; width:100%; height:123px; background:url(dizajn/background_header.jpg) repeat-x top center; float:left; }
#header h1{ width:166px; height:123px; margin:0 0 0 45px; padding:0; background:url(dizajn/IT_Sense_logo.png); }
#header h1 a{ width:166px; height:123px; display:block; outline:none; }
#header #logo { float:left; }
#header #lang { float:right; margin-top:15px; margin-right: 10px; }
#header #lang a { font-family:Verdana, Geneva, sans-serif; color:#ffffff; font-size:10px; text-decoration:none; }
#header #lang a:hover { text-decoration:underline; }

/*******************
 ****** MENU *******
 *******************/
#menu{ margin:0 auto; padding:0; width:100%; height:36px; background:url(dizajn/background_menu.jpg) repeat-x; float:left; }
#menu ul{ margin:0 auto; padding:0; height:33px; font-size:14px; line-height:33px; font-family: Calibri, Arial, sans-serif; font-weight:bold; 
		  text-transform:uppercase; letter-spacing:-0.3px;}
#menu li{ float:left; display:inline; width:125px; height:33px; margin:0 0 0 -2px; text-align:center;
		  display:block; background:url(dizajn/menu_button.jpg); }
#menu li a{ width:125px; height:33px; display:block; color:#002233; text-decoration:none; outline:none; }
#menu li a:hover, #menu li a.selected{ background:url(dizajn/menu_button_over.jpg); }
#menu li.first{ margin:0; }

/*******************
 ****** MAIN *******
 *******************/
#content{ width:100%; background-color:#f2f2f2; font-family:Verdana, Geneva, sans-serif; color:#2e2f30; }
#main{ width:472px; float:left; display:inline; /*background-color:#0CF;*/ margin:0; padding:10px; font-size:11px; line-height:17px; }
#main h2{ margin:20px 0 10px 0; padding:0 0 5px 0; font-size:18px; font-weight:normal; background-image:url(dizajn/hr_line.jpg); background-repeat:no-repeat; background-position:bottom left; }
#main ul{ margin:5px 0 25px 0; padding:0 0 0 15px; list-style:outside; }
#main h3{ font-size:12px; text-transform:uppercase; font-weight:bold; margin:30px 0 5px 0; padding:0; }
#main p{ margin:10px 0 5px 0; padding:0; }
/****TIM****/
#main .tim{ margin:10px 0 0 0; padding:0; font-size:11px; line-height:12px; clear:both; height:90px; }
#main .tim img{ border:none; margin:0; padding:0; float:left; display:inline; }
#main .tim p{ margin:-3px 0 0 20px; padding:0; float:left; display:inline; width:300px; font-size:11px; line-height:18px; } 
#main .tim p span{ line-height:22px; }

/*****************
 PODACI O PODUZEĆU
******************/
#poduzece{ float:right; display:inline; width:210px; font-size:12px; line-height:20px; }
#poduzece h4{ font-size:13px; text-decoration:underline; margin:23px 0 5px 0;} 
#poduzece p{ width:180px; font-size:11px; margin:0 0 10px 0; padding:0; line-height:16px; }

/****************************
 ****** NAŠI PROJEKTI *******
 ********* OKVIR ************
 ****************************/
#window{ width:240px; height:276px; background:url(dizajn/background_window.jpg); background-repeat:no-repeat;
		 float:right; display:block; margin:30px 0 0 0; padding:0;}
#window h2{ color:#61686c; font-size:14px; line-height:20px; margin:10px 0 10px 0; padding:0;
			font-family:Calibri, Arial, Helvetica, sans-serif; font-weight:normal; text-transform:uppercase; text-align:center; }
#window .strelica_lijevo{ height:150px; float:left; display:inline; margin:5px 0 0 0; padding:60px 0 0 5px; /*background-color:#999;*/ visibility:hidden; }
#window .strelica_desno{ height:150px; float:right; display:inline; margin:5px 0 0 0; padding:60px 5px 0 0; /*background-color:#999;*/ visibility:hidden; }

#window #projects{  float:left; display:inline; width:187px; height:230px; margin:0 0 0 5px; padding:0; overflow:hidden; position:relative;}
#window #projects #wall{ width:200px; height:230px; position:absolute; margin:0; display:block; }
#window #projects #wall .project{ width:187px; height:230px; text-align:center; margin:5px 0 0 0px; padding:0 5px 0 5px; float:left; display:inline;
				  font-family:Verdana, Geneva, sans-serif;  }

#window .project h3{ font-size:10px; margin:-20px 0 0 0; padding:0; text-align:left; }
#window .project h3 a{ color:#2E2F30; /*color:#61686c;*/ text-decoration:none; }
#window .project h3 a:hover{ text-decoration:underline; }
#window .project p{ font-size:10px; margin:5px 0 0 0; padding:0; text-align:left; }
#window a img{ border:none; margin:0; padding:0; }
#window a{ outline:none; }


/****************************
 ****** NAŠI PROJEKTI *******
 ******** STRANICA **********
 ****************************/
#nasi_projekti{ margin:0; padding:10px; font-size:11px; font-family:Verdana, Geneva, sans-serif; clear:both; }
#nasi_projekti h2{ margin:20px 0 10px 0; padding:0 0 0px 0; font-size:18px; font-weight:normal; }
#nasi_projekti h1{ font-size:14px; margin:0; padding:0;}
#nasi_projekti h1 a{ color:#2E2F30; /*color:#61686c;*/ text-decoration:none; }
#nasi_projekti h1 a:hover{ color:#e43a23; }

#nasi_projekti .hr_projekt{ margin:10px 0 15px 0; padding:0; }
#nasi_projekti img{ float:left; display:inline; margin:14px 0 0 0; padding:0; }
#nasi_projekti .projekt { float:left; display:inline; margin:10px 0 0 40px; padding:0; width:480px; line-height:15px; }
#nasi_projekti .projekt ul{ padding:0; margin:0 0 20px 15px; line-height:20px;}
#nasi_projekti .projekt p a{ color:#2E2F30; text-decoration:none; }
#nasi_projekti .projekt p a:hover{ color:#EE0000; }

/*************************
 ****** ŠTO RADIMO *******
 *************************/
#main h1{ margin:20px 0 10px -5px; padding:0; font-size:11px; 
		  background-image:url(dizajn/a_rub_lijevo.jpg); background-repeat:no-repeat; background-position:center left; } 
#main h1 a{ background-color:#d9e3e8; width:auto; margin:0 0 0 5px; padding:1px 13px 1px 8px; color:#636363; text-decoration:none; font-weight:bold; 
			background-image:url(dizajn/a_rub_desno.jpg); background-repeat:no-repeat; background-position:center right; outline:none; }
#main h1 a:hover{ color:#222323; }
#main .rad{ margin:0; padding:0; overflow:hidden; height:auto;}
#main a{ color:#292929; }
#main .rad strong a{ text-decoration:none; color:#636363; }
#main a:hover{ color:#e43a23; }


/*************************
 ********* POSAO *********
 *************************/
form{ width:580px; margin:20px 0 20px 80px; padding:0; font-size:11px; }
/*form input{ width:188px; height:31px; margin:5px 0 0 0; padding:0 0 0 40px; display:block;
			font-size:12px; background-color:#f2f2f2; line-height:31px; background-color:#F00;  }*/
form .lijevo input{ width:188px; height:21px; margin:6px 0 0 0; padding:6px 0 5px 40px; border:none; line-height:18px;
			font-size:12px; background-color:#f2f2f2; outline:none; }
form input#ime{ background-image:url(dizajn/input_ime.jpg); }
form input#prezime{ background-image:url(dizajn/input_prezime.jpg); padding-left:68px; width:160px; }
form input#email{ background-image:url(dizajn/input_email.jpg); padding-left:60px; width:168px;}
form input#telefon{ background-image:url(dizajn/input_telefon.jpg); padding-left:70px; width:158px;}

form textarea#poruka_posao{ width:285px; height:106px; padding:30px 15px 10px 18px; margin:5px 0 0 0; border:none; outline:none; border:1px ;
							overflow:hidden; background-image:url(dizajn/input_textarea_posao.jpg); background-repeat:no-repeat; 
							font-family:Arial, Helvetica, sans-serif; font-size:11px; }

form input#subm{ width:90px; font-size:11px; padding:0px; margin:7px 0 0 5px; font-weight:bold; 
				 line-height:14px; color:#003149; }
form input#rese{ width:60px; font-size:11px; padding:1px; margin:7px 0 0 143px; font-weight:bold; line-height:14px; 
				 outline:none; border:none; background-color:#F2F2F2; }

/**********************
 ****** KONTAKT *******
 **********************/
.lijevo p, .desno p{ width:220px; }
.lijevo p{ margin:9px 0 -6px 5px; }
form input#kontakt_putem {  display:block; width:218px; height:21px; padding-left:10px; color:#000;
							border:none; background-image:url(dizajn/input_kontakt_putem.jpg); cursor:pointer;}
#kontakt_putem_meni .input_empty{ display:block; width:202px; height:21px; padding:2px 0 0 10px; margin:0 0 2px 8px;
 						 border:none; background:none; background-image:url(dizajn/input.png); cursor:pointer; }
#kontakt_putem_meni .input_empty:hover{ color:#000;  background-image:url(dizajn/input_hover.png); }

form #kontakt_putem_meni{ position:absolute; width:220px; height:0px; overflow:hidden; }

form textarea#poruka_kontakt{ width:282px; height:156px; padding:30px 15px 10px 18px; margin:7px 0 0 0; border:none; outline:none; border:1px ;
							  overflow:hidden; background-image:url(dizajn/input_textarea_kontakt.jpg); background-repeat:no-repeat; 
							  font-family:Arial, Helvetica, sans-serif; font-size:11px; }



/*******************
 ****** INFO *******
 *******************/
#info{ padding:0; margin:0; width:100%;  font-family:Verdana, Geneva, sans-serif; color:#292929;
	   background:url(dizajn/background_info.jpg); background-repeat:repeat-x; background-position:top; background-color:#d7d7d7; }
#info #aplikacije{ margin:0 auto; padding:0; 
				   background:url(dizajn/background_aplikacije.jpg); background-repeat:no-repeat; background-position:top center; }

#info #aplikacije .aplikacija{ margin:0 20px 0 10px; padding:55px 0 20px 0; float:left; display:inline; width:220px;/* background-color:#00F; */}
#info #aplikacije .zadnja{ margin:0 0 0 20px; }
#info #aplikacije .aplikacija h1{ margin:0 0 15px 0; padding:0; font-size:14px; text-align:right; }
#info #aplikacije .aplikacija h1 a{ color:#292929; text-decoration:none; }
#info #aplikacije .aplikacija h1 a:hover{ color:#e43a23; }
#info #aplikacije .aplikacija p{ font-size:10px; line-height:18px; margin:0; }

#fotter{ background-image:url(dizajn/background_fotter.png); background-position:top; background-repeat:repeat-x; height:152px; width:100%; }
#fotter p{ padding:15px 0 10px 0; text-align:right; font-size:11px; color:#f2f2f2; font-weight:bold; }
#fotter p a{ color:#ee7b6b; text-decoration:none; }
#fotter p a:hover{ color:#ee6451; }

#fotter h3{ margin:0 0 0 10px; padding:25px 0 5px 0; font-size:12px; text-transform:uppercase; color:#FFF; font-family:Arial, Helvetica, sans-serif;
		  background-image:url(dizajn/hr_fotter.png); background-repeat:no-repeat; background-position:bottom left; }
#fotter ul{ margin:5px 0 0 10px; width:130px; padding:0; list-style:none; font-size:11px; line-height:14px; list-style-position:outside;
			color:#FFF; font-family:Arial, Helvetica, sans-serif; float:left; display:inline;}
#fotter ul li{ margin:0; padding:0; }
#fotter ul li a{ color:#FFF; text-decoration:none; }
#fotter ul li a:hover{ text-decoration:underline; }
#fotter .lijevo{ margin-right:35px; }
#fotter .lijevo2{ width:200px; }