@import url("main.css");

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

/* OPSTI STILOVI START */
html { height: 100%; font-size: 76%; }
	
body { background-color: #073a81; height: 100%; margin: 0; color: #333333; line-height: 1.5; font-family: Arial, Helvetica, sans-serif; text-align: left; }
	
.clear { clear: both; height: 1px; line-height: 0; }
	
/* =clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
	/* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */
	
.right { float: right; }
.left { float: left; }
	
#container { /*width: 100%;*/background-color: #FFFFFF; padding: 10px; border-bottom-width: 10px; border-bottom-style: solid; border-bottom-color: #e7e7e7; margin-bottom: 10px; height: auto; }
/* OPSTI STILOVI KRAJ */

/* HEADER START */
#dodatni-meni { width: 800px; background-color: #FFFF00; margin:0; padding:0; float:right; text-align: right; }

#header { margin-left: auto; margin-right: auto; width: 950px; }

#tehnikom_logo { float: left; width: 230px; }

#meni_i_baner { width: 720px; float: left; }

/*#contact-form label input:focus, #contact-form label textarea:focus {main.css (line 359)
background-color:#FCFFF7;
border-color:#BCBEC0;
}
#contact-form label input, #contact-form label textarea {main.css (line 357)
border:1px solid #DDDDDD;
}
*:focus {main.css (line 16)
outline-color:invert;
outline-style:none;
outline-width:0pt;
}*/

/* ------------------------------- GLAVNI MENI ------------------------------ */
#glavni_meni_kontejner { margin-top: 5px; float: left; width: 720px; height: 44px; margin-bottom: 12px; }


#glavni_meni_bar1 { background-image: url(../images/glavni_meni.gif); background-position: top; height: 15px; 
width: 720px; float: left; }


#glavni_meni { background-color: #dceefb; width: 690px; float: left; padding-left: 15px; padding-right: 15px; }

/* ---------------------------- SUCKERFISH START ----------------------------- */

#nav, #nav ul { padding: 0; margin: 0; list-style: none; /* novo */ float: left; font-size: 1,5ems; color: #073a81;font-weight: bold; text-transform: uppercase; }

#nav a { display: block; /* width: 10em; */ /* novo */text-decoration: none; color: #073a81; }

/* novo */
#nav a:hover { color: #0194df; }

#nav li { float: left; /* width: 10em; */ /* novo */}

#nav li ul { position: absolute; /* width: 10em; */ left: -999em; background-color: #f3f9fd; padding-top: 5px; padding-left: 5px; padding-right: 10px; border-left: 3px solid #76c5f0; text-transform: none; font-weight: normal; min-width: 120px; width: auto !important; width: 120px; /*ie hack for min height*/ }

#nav li ul li { padding: 5px; float: none; margin: 0; }			


#nav li:hover ul { left: auto; }

#nav li:hover ul, #nav li.sfhover ul { left: auto; }

.glavna_stavka { padding-left: 25px; padding-right: 20px; float: left; margin: 0; white-space: nowrap; 
border-right: 1px solid #76c5f0; }

#nav li.last { border: 0; }


/* ---------------------------- SUCKERFISH END ------------------------------- */	
			

#glavni_meni_bar2
{
background-image: url(../images/glavni_meni.gif);
height: 15px;
width: 720px;
float: left;
background-position: 0 -29px;			
}
/* ---------------------------------------GLAVNI MENI -------------------------*/		
#glavni_baner
{
/*clear: left;*/
/*padding-top: 10px;*/
/*margin-top: 10px;*/
}

/* TEHNIKOM LOGO START */
.tehnikom_bar1
{
width: 100%;
float: left;
background-image: url(../images/logo_pozadina.gif);
height: 30px;
}
.tehnikom_bar2
{
width: 100%;
float: left;
background-image: url(../images/logo_pozadina_y.gif);
background-repeat: repeat-y; 
}
.tehnikom_bar2 p
{
padding: 10px;
margin: 0;
}
.tehnikom_centar
{
	text-align: center;
	padding-left: 25px;
	padding-right: 25px;
	color: #FFFFFF;
	background-image: url(../images/logo_pozadina_ferlauf.gif);
	background-repeat: no-repeat;
	background-position: top left;
	height: 193px;				
}

.tehnicom_centar a img { border: none!important; }

.tehnikom_bar3
{
width: 100%;
float: left;
background-image: url(../images/logo_pozadina.gif);
background-position: 0 -234px;
height: 30px;
}

/* TEHNIKOM LOGO KRAJ */
/* HEADER END */

/* CONTENT START */
#content_container
{
width: 950px;
margin-left: auto;
margin-right: auto;
}
#submenu
{
float: left;
width: 230px;
padding: 0px;	
}
#submenu p
{
padding-top: 20px;
margin: 0;
}
#submenu h1
{
padding-bottom: 10px;
margin: 0;
color: #104a7d;
font-size: 1.8em;
}
#submenu ul
{
list-style: none;
padding: 0;
margin: 0;
padding-bottom: 10px;
}

#submenu ul li a {

text-align:left;
display:block;
}

#submenu .logosi ul li a {
padding: 10px 0;
text-align:center;
display:block;
}

#submenu ul li
{
margin: 0;
background-repeat: no-repeat;
background-position: center left;
padding-top: 5px;
padding-bottom: 5px;
border-bottom-style: solid;
border-bottom-color: #87ccf2;
border-bottom-width: 1px;
}

#submenu ul li a:link, #submenu ul li a:visited, #submenu ul li a:active
{
text-decoration: none;	
color: #073a81;
}

#submenu ul li a img {
border:none;
}
#submenu ul li a:hover 
{
color: #0194df;				
}

.submenu_bar1
{
background-image: url(../images/levi_modul.gif);
height: 30px;
background-position: top left;
}
.submenu_bar2
{
background-image: url(../images/levi_modul_y.gif);
padding-left: 30px;
padding-right: 30px;
}
.submenu_bar3
{
background-image: url(../images/levi_modul.gif);
height: 30px;
background-position: 0 -234px;
}
#content
{
float: left;
width: 497px;
}
#content h1
{
margin: 0;
padding-top: 25px;
padding-bottom: 15px;
text-transform: uppercase;
text-decoration: none;
color: #87ccf2;
font-size: 2em;
}
#content h2
{
margin: 0;
padding-bottom: 25px;
text-decoration: none;
color: #6ea6c5;
font-size: 1.6em;
}

#content h3
{
margin: 0;
padding-bottom: 15px;
text-decoration: none;
color: #6ea6c5;
font-size: 1.3em;
}
#content h4 /* naslovni za vesti */
{
margin: 0;
padding-bottom: 10px;
text-decoration: none;
color: #104A7D;
font-size: 1.1em;			
}
.datum_vesti
{
margin: 0;
padding-bottom: 10px;
text-decoration: none;
color: #666666;
font-size: 0.8em;
font-weight: bold;
}

#content p
{
margin: 0;
padding-bottom: 15px;
}

#content a:link, #content a:visited, #content a:active
{
text-decoration: none;
font-weight: bold;
color: #6ea6c5;		
}
#content a:hover
{
font-weight: bold;
color: #0194df;
}

/* =article_container */
.article_container { margin-bottom: 15px; }

.article_container ul
{
margin-top: 0;
margin-bottom: 0;
}
.article_container p
{
text-align: justify;
}
.article_cilj
{
float: left;
width: 50%;
}
#slika_text_content .text_box ul
{
margin-top: 5px;
}

.text_box ul li { margin: 5px 0; padding: 0 0 0 15px; background: url(../images/blt_standard.gif) no-repeat left center; text-align: left; }		

.list-full ul li { margin: 5px 0; padding: 0 0 0 15px; background: url(../images/blt_standard.gif) no-repeat left center; text-align: left; }

.article_container_bar1
{
	background-image: url(../images/content_pozadina_svetla.gif);
	background-repeat: no-repeat;
	background-position: top left;
	height: 15px;
}

/* article_container_content */
.article_container_content { padding: 0px 15px; background-color: #edf6fd;	}

#slika_text_content {
margin-bottom: 10px;
padding: 0;
width: 500px;
overflow: auto;
}

.slika_text_content {
margin-bottom: 10px;
padding: 0;
width: 500px;
overflow: auto;
}

	.slika_box {
	margin: 0 15px 0 0;
	width: 160px;
	float: left;
		}
		
	.slika_box img { margin-top: 10px; }
	
	.slika_box-mala{
	padding: 0;
		margin: 0 15px 0 0 ;
	width: 100px;
	float: left;
		}
	
	.text_box 
	{
	margin: 0;
	width: 315px;
	float: left;
	}
	
	.text_box-mali
	{
	padding: 0;
	margin: 0;
	width: 380px;
	float: left;
	}
	
	
	.slika_kontakt_content {
margin:0 0 10px 0;
width: 490px;
min-height: 100px;
overflow: auto;
border-bottom: 1px dashed #0194df;
}
		.slika_kontakt_box {
		margin: 0 20px 0 10px;
	width: 120px;
	float: left;
		}
	
	.kontakt_box
	{
	margin: 0;
	width: 340px;
	float: left;
	}


#vesti_box_content li{
margin: 0;
border-bottom: 1px dashed #0194df;
padding: 0;
width: 500px;
overflow: auto;
}
		.vesti_wrapper {
	margin: 0;
border-bottom: 1px dashed #0194df;
padding-bottom: 10px;
width: 500px;
overflow: auto;
}
	
		.vesti_box
	{
	margin: 0;
	width: 105px;
	float: left;
	}
	
	.vesti_box img { border: 4px solid #dceefb; }
	
	.vesti_txt_box
	{
	margin: 0;
	width: 385px;
	float: right;
	}
	
	.vesti_txt_box .datum_vesti { padding-bottom: 10px; }

	.vesti_container
	{
	margin: 0;
	padding: 0;
	text-align: left;
	}
	
		.vesti_container img { border: 3px double #dae1e5; float: right; display: block; margin: 0 0 5px 5px; }
	
		.vesti_container ul
		{
			padding: 0;
			margin: 0;
			margin-left: 15px;
			list-style: none;
			float: none;
		}
		.vesti_container li
		{
			margin: 0;
			/*border-bottom: 1px solid red;*/
			float: none;
			padding-bottom: 0.4em;
			padding-top: 0.4em;
		}
		
		.vesti_container b
		{
			color: #104a7d;	
			padding-left: 0.5em;
		}
		.vest_datum
		{
			text-align: right;
			color: #6ea6c5;
			font-size: 0.9em;
		}
		.vest_arhiva
		{
			padding-top: 5px;
			text-align: right;
		}
		.vest_arhiva a
		{ 
			text-decoration: none;
			font-weight: bold;
			color:#6ea6c5;
		}
		
		.vest_arhiva a:hover
		{ 
			text-decoration: none;
			font-weight: bold;
			color:#0194df;
		}
		
		
		.vesti_container a:link, .vesti_container a:active, .vesti_container a:visited
		{
			/* color: #104a7d; */
			text-decoration: none;
		}
		.vesti_container a:hover
		{
			/* color: #0099FF; */
		}
	.galery_container
	{
		padding-bottom: 1em;
	}
	
		.galery_category_container { margin: 0 15px 15px 0;	float: left; }
		
		/* =gallery-fix */
		#galleries #content { padding-bottom: 40px; }
		#content .thumbs a { width: 150px; height: 150px; text-align: center; border: 4px solid #edf6fd; }
		#content .thumbs a:hover { border-color: #c2ddf2; }
		
		.galery_single_category_bar1
		{
			background-image: url(../images/galerija_kategorija_pozadina.gif);
			background-position: top;
			background-repeat:no-repeat;
			width: 150px;
			height: /*180px*/ 220px; /* =gallery-fix */
			overflow: hidden; /* =gallery-fix */
			padding-top: 15px;
			text-align: center;
		}
		
		.galery_single_category_bar1 .foto img {
		border: 4px solid #edf6fd;
		
		}
		.galery_single_category_bar1 .foto:hover img {
		border: 4px solid #c2ddf2;			
		}
		
		
		.galery_single_category_bar2
		{
			background-image: url(../images/galerija_kategorija_pozadina.gif);
			background-position: bottom;
			background-repeat:no-repeat;
			width: 150px;
			height: 15px;
		}
		
		
.article_container_bar2
{
	background-image: url(../images/content_pozadina_svetla.gif);
	background-repeat: no-repeat;
	background-position: 0 -15px;
	height: 15px;
}
#modules
{
float: left;
width: 205px;
padding-left: 15px;
}
.modul_container
{
padding-top: 15px;
}

/* =modul_bar1 */
.modul_bar1	{	background-image: url(../images/desni_modul.gif); background-repeat: no-repeat;	padding: 5px 0;	text-align: center;	}

.modul_bar2
{
padding: 0 15px;
background-color: #ededee;
}
.modul_bar3
{
	background-image: url(../images/desni_modul.gif);
	background-repeat: no-repeat;
	background-position: 0 -190px;
	height: 15px;
	width: 205px;
	/*border: 1px solid fuchsia;*/
}
#modules h1
{
padding: 0;
margin: 0;
font-size: 1.5em;
color: #FFFFFF;
}
#modules p
{
padding: 0;
margin: 0;
padding-bottom: 1em;	
}


/* =module_vest_container */		
.modul_vest_container	{	padding-top: 10px; color: #104a7d; line-height: normal; text-align: left; }


.modul_vest_datum
{
	padding-top: 15px;
	color: #0194df;
	font-weight: bold;
}
.modul_vest_text
{
	color: #104a7d;
}
.modul_vest_text a:link, .modul_vest_text a:active, .modul_vest_text a:visited
{
	color: #104a7d;
	text-decoration: none;
}
.modul_vest_text a:hover
{
	color: #0194df;
}

/* =contact-form-wrap */
#contact-form-wrap { position: absolute; left: 0; top: 80px; }

/* =contact-form */
#contact-form { width: 395px; padding: 0; margin:0; }
#contact-form fieldset { border:0; }
#contact-form legend { font-size: 0; height: 0; line-height: 0; text-indent: -9999px; }
#contact-form label { display: block; margin-bottom: 20px; }
#contact-form label span { display: block; float: left; width: 70px; color: #333; }
#content .cisco label span { width: 90px; }
#content .cisco input{ width: 250px; }
#content .cisco .submit{ padding-left: 90px; }
#contact-form label input, #contact-form label textarea { border: 1px solid #ddd; }
#contact-form label input:hover, #contact-form label textarea:hover { border-color: #0194df; }
#contact-form label input:focus, #contact-form label textarea:focus { border-color: #bcbec0; background-color: #dceefb; }
#contact-form .submit { padding-left: 50px; }
#contact-form .submit input { margin-right: 8px; background-color: #dceefb; color: #636467; cursor: pointer; width: 75px; height: 24px; font: bold 11px Arial, Helvetica, sans-serif; }
#contact-form .submit input:hover, #contact-form .submit input:focus { background-color: #0194df; border-color: #dceefb; color: #fff; }

/* CONTENT END */


/* FOOTER START */
#footer_container
{
width: 950px;
margin-left: auto;
margin-right: auto;	
}
#footer_menu {
padding-top: 20px;
margin-left: 220px;
color: #073a81;
}
#footer_menu ul
{
list-style: none;
padding: 0;
margin: 0;
}

#footer_menu ul li
{
margin: 0;
float: left;
padding-right: 10px;
padding-left: 10px;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #0099FF;
}

#footer_menu ul li a:link, #footer_menu ul li a:visited, #footer_menu ul li a:active
{
text-decoration: none;
color: #073a81;				
}
#footer_menu ul li a:hover 
{
color: #0099FF;					
}

#footer_menu ul .last { border: 0; }

/* FOOTER END */

/* DODATNI MENI START */

#dodatni_menu {
padding: 0;
margin: 0;
color: #073a81;
width: 300px;
	float:right;
font-size: 10px;
}
#dodatni_menu ul
{   
list-style: none;
padding: 0;
margin: 0;
}

#dodatni_menu ul li
{
margin: 0;
float: right;
padding: 0 5px;
border-right: 1px solid #99c1cc;
line-height: normal;			
}

#dodatni_menu ul .serbia { width: 28px; margin: 0 5px; padding-left: 20px; background: url(../images/flag_serbia.jpg) left center no-repeat; }

#dodatni_menu ul .england { width: 35px; padding: 0 8px 0 20px; margin-left: 5px; background: url(../images/flag_england.jpg) left center no-repeat; }

#dodatni_menu ul li a:link, #dodatni_menu ul li a:visited, #dodatni_menu ul li a:active
{
text-decoration: none;
color: #073a81;				
}
#dodatni_menu ul li a:hover 
{
	text-decoration: none;  
color: #0099FF;					
}

#dodatni_menu ul li.last { border: 0; }

/* DODATNI MENI END */


/* CREDITS START */
#credits_container
{
width: 950px;
margin:0 auto;	
padding-bottom: 50px;
}
#credits {
padding-left:310px;
color: #FFFFFF;
float:left;
width:auto;		
}

#credits-tehnicom {		
width:auto;
float:right;
color:#fff;	

}

#credits-tehnicom a {		
color:#fff;
text-decoration:none;
border-bottom:1px solid #fff;	
}

#credits-tehnicom a:hover{
text-decoration:none;
border:none;
}
/* CREDITS END */

/* =intro-news */
#content .intro-news h4 { padding-bottom: 0; }
.intro-news .datum_vesti { padding: 3px 0; }
.intro-news p { padding: 3px 0; }
.intro-news p img { border: 4px solid #c2ddf2; float: left; margin: 4px 8px 4px 0; }

/* =gallery-page */
#gallery-page #content { width: 705px; }
#gallery-page h1.left, #gallery-page h2.left { margin: 0; padding: 10px 0; line-height: normal; }
#gallery-page h1.left { width: 220px; }
#gallery-page h2.left { width: 430px; margin-left: 5px; line-height: 150%; }

/* =thumbs */
.thumbs a { display: block; border: 4px solid #dceefb; }
.thumbs a:hover { border-color: #87ccf2; }

/* =paginator */
.paginator { margin: 10px 0; }
.paginator .inner { width: 100%; }
.paginator .inner a { line-height: normal; margin: 0 4px; padding: 0 5px; border: 1px solid #ddd; }
.paginator .inner a:hover { background-color: #eee; }

/* =galleries */
#galleries #content { width: 710px; }

/* =other-news */
#content .other-news { width: 483px; margin: 10px 0 0; padding: 5px 0 2px; border-bottom: 1px solid #c3d9e5; }
#content .other-news h4 { margin: 0; padding: 0; line-height: normal; }
#content .other-news h4 a { margin: 0; padding: 0; }
#content .other-news .datum_vesti { float: left; margin: 0; padding: 0; }
#content .other-news .vest_arhiva { margin: 0; padding: 0; flot: right; }

/* =article_container */
#map .article_container ul li { list-style-type: none; list-style-position: outside; list-style-image: none; }
#map .article_container ul li a { padding: 0 0 0 15px; background: url(../images/blt_standard.gif) no-repeat left center;  }

/* =naslovna-page */
#naslovna-page .article_container.first { margin-top: 15px; }
#naslovna-page .article_container_content p { padding-bottom: 0; }
#naslovna-page #content .article_container .vest_arhiva { padding-top: 11px; }

.bold  { font-weight: bold; color: #6ea6c5; }

/* =flash_naslovna */
#flash_naslovna p { text-align:left; margin:0 auto; padding:0; }
#flash_naslovna a { text-decoration:none; color:#CCCCCC;}

#anketa { display:block; float:right; /*height:500px;*/ margin-top:13px; width:705px; border: 1px solid #CCCCCC; padding: 5px 0 5px 10px; background-color: #EDF6FD; }
#anketa h1 { margin: 0; padding-top: 25px; padding-bottom: 15px; text-transform: uppercase; text-decoration: none; color: #87ccf2; font-size: 2em; }
#anketa h2 { margin: 0; padding-bottom: 25px; text-decoration: none; color: #6ea6c5; font-size: 1.6em; }
#anketa h3 { margin: 0; padding-bottom: 15px; text-decoration: none; color: #6ea6c5; font-size: 1.3em; }
#anketa h4 /* naslovni za vesti */ { padding-bottom: 10px; text-decoration: none; color: #104A7D;
font-size: 1.1em; text-align: center; padding: 10px 0; margin-bottom: 20px;s	}

#anketa .outer { /*border: 1px solid red;*/ display: block; margin-bottom: 10px; padding-bottom: 10px; }
#anketa .outer-send { display: block; width: 130px; float: right; }
#anketa label { display: block; width: 405px; /*border: 1px solid blue;*/ float: left; }
#anketa textarea { border: 1px solid #CCCCCC; width: 250px; /*height: 100px; */overflow: hidden; background-color: #f5f5f5; }
#anketa textarea:focus { background-color:#FFFFFF; }

/* PARTNERSKI DANI */
#anketa-partnerski-dani { display:block; /*height:500px;*/ margin: 0 auto; width:705px; border: 1px solid #CCCCCC; padding: 5px 0 5px 10px; background-color: #EDF6FD; }

*html #anketa-partnerski-dani { display:block; /*height:500px;*/ margin: 0 auto; width:705px; border: 1px solid #CCCCCC; padding: 5px 0 5px 10px; background-color: #EDF6FD; margin-right: 116px; margin-top: -15px; }

*:first-child+html #anketa-partnerski-dani { display:block; /*height:500px;*/ margin: 0 auto; width:705px; border: 1px solid #CCCCCC; padding: 5px 0 5px 10px; background-color: #EDF6FD; margin-right: 116px; margin-top: -15px; }

#anketa-partnerski-dani h1 { margin: 0; padding-top: 25px; padding-bottom: 15px; text-transform: uppercase; text-decoration: none; color: #87ccf2; font-size: 2em; }
#anketa-partnerski-dani h2 { margin: 0; padding-bottom: 25px; text-decoration: none; color: #6ea6c5; font-size: 1.6em; }
#anketa-partnerski-dani h3 { margin: 0; padding-bottom: 15px; text-decoration: none; color: #6ea6c5; font-size: 1.3em; }
#anketa-partnerski-dani .outer { /*border: 1px solid red;*/ display: block; margin-bottom: 10px; padding-bottom: 10px; }
#anketa-partnerski-dani .outer-send { display: block; width: 130px; float: right; }
#anketa-partnerski-dani h4 { display: block; width: 405px; /*border: 1px solid blue;*/ float: left; font-weight: bold; margin: 0; color: #666666; font-size: 1.1em; }
#anketa-partnerski-dani textarea { border: 1px solid #CCCCCC; width: 250px; /*height: 100px; */overflow: hidden; background-color: #f5f5f5; }
#anketa-partnerski-dani textarea:focus { background-color:#FFFFFF; }
#anketa-partnerski-dani .short { width: 115px; }

.header { display: block; width: 715px; margin: 0 auto; }