/***************************************************
				      MAIN
***************************************************/

html, body{margin:0;padding:0;}

#head{
	width:760px;
	height: 174px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	padding-top: 10px;
}

#logo{width: 200px;height: 150px;float: left;}
#flash-baner{width:560px;height: 150px;margin-right: auto;float: right;}

#menu{
	width:760px;
	height: 26px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background-color: #666666;
}

#baner-home{
	width:325px;
	height: 160px;
	float: left;
	margin-top: 5px;
}

/***************************************************
			    DESIGN ELEMENTS
***************************************************/	

.clearing { height: 0; width:100%;display: block; clear: both; overflow:hidden; }  
.hidden{overflow: hidden;visibility: hidden;}

p{line-height: 14px;display: block;margin: 0px;padding-top: 5px;padding-right: 0px;padding-bottom: 5px;padding-left: 0px;}
/*
ul{
	color: #666666;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	list-style-type: disc;
	font-size: 11px;
}
li{
	line-height: 16px;
	padding-bottom: 5px;
}
*/
a{color: #129BC2;font-family: Tahoma, Arial;font-size: 11px;font-weight: normal;text-decoration: none;}
a:hover{color: #333333;}
/* PM
a.grey-red{color: #666666;font-family: Tahoma, Arial;font-size: 11px;font-weight: normal;text-decoration: none;}
a.grey-red:hover{color: #EB231F;}
*/

.text-pdf a
{
	color: #666666;
	font-family: Tahoma, Arial;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}
.text-pdf a:hover{color: #EB231F;}

/***************************************************
				 MAIN CONTAINER
***************************************************/

#container, #container-line{
	width:760px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	position: relative;
	margin-top: 15px;
	margin-bottom: 15px;
}

#container-line{background-image: url(pic/line-up.gif);background-repeat: repeat-y;background-position: 559px top;}

/***************************************************
			HEADING TEXT ELEMENTS
***************************************************/

h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-weight: normal;
}

h1{
	font-size: 17px;
	color: #0099CC;
	font-weight: normal;
	display: block;
}

h2{
	font-size: 13px;
	color: #999999;
	display: block;
	padding-bottom: 10px;
	padding-top: 5px;
}


h3{
	font-size: 12px;
	color: #4899CC;
	display: block;
}

h4{
	font-size: 14px;
	color: #666666;
	display: block;
}

h5{
	font-size: 15px;
	color: #4899CC;
	display: block;
	padding-bottom: 8px;
}

h6{
	font-size: 14px;
	color: #4899CC;
	padding-top: 5px;
	display: block;
}

#list-text, #list-text-small {
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	position: relative;
	padding-left: 20px;
}

#list-text ul, #list-text-small ul{
	float: left;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#list-text li{
	text-align: left;
	padding-bottom: 5px;
	background-image: url(pic/list.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
	display: block;
	padding-left: 13px;
	line-height: 14px;
}

#list-text-small li{
	text-align: left;
	background-image: url(pic/list.gif);
	background-repeat: no-repeat;
	background-position: left 7px;
	display: block;
	padding-left: 10px;
	line-height: 18px;
}

#list-text a, #list-text-small a{
	color: #666666;
	text-decoration: none;
}

#list-text a:hover, #list-text-small a:hover{color: #666666;}

.text,.text-line, .text-link, .text-box, .date, .text-pdf, .date-big, .text-pdf-line, .title-text, .text-page,.table-right3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.title-text{
	line-height: 38px;
	font-size: 13px;
	color: #FFFFFF;
	font-weight: bold;
}

.text{
	line-height: 20px;
	display: block;
	color: #525252;
}

.text-line{
	color: #666666;
	display: block;
	padding-bottom: 5px;
	background-image: url(pic/line.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-bottom: 10px;
}

.text-link{
	color: #11B1DC;
	font-weight: bold;
}

.text-page{
	color: #666666;
	display: block;
	padding-top: 15px;
	padding-bottom: 15px;
	float: right;
	width: 540px;
	position: relative;
}

.text-box{
	color: #666666;
	display: block;
	padding-bottom: 7px;
}

.text-pdf, .text-pdf-line{
	color: #666666;
	display: block;
	padding-left: 2px;
	line-height: 20px;
	padding-top: 4px;
	padding-bottom: 3px;
}

.text-pdf-line{
	background-image: url(pic/line.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

.text-top{
	color: #FF9900;
	display: block;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
}

.date{
	font-size: 10px;
	color: #FF9900;
	display: block;
}

.date-big{
	font-size: 12px;
	color: #999999;
	display: block;
}

/***************************************************
				     HOLDERS
***************************************************/

#left, #left2{width:218px;position: relative;float: left;}
#left2{width:200px;}

.icon, .icon2{
	width:22px;
	float: left;
	padding-top: 7px;
	height: 16px;
	padding-left: 2px;
}

.icon2{
	padding-top: 0px;
	position: relative;
	float: right;
	width: 60px;
}

.download{
	width:520px;
	float: left;
	padding-top: 10px;
	position: relative;
	padding-bottom: 10px;
	background-image: url(pic/line.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-right: 10px;
	padding-left: 10px;
}

.right-holder, .right-holder2{
	width:540px;
	float: right;
	position: relative;
	padding-bottom: 10px;
	clear: right;
}

.right-holder2{
	background-image: url(pic/line.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom: 3px;
	margin-bottom: 10px;
}

.image-right-holder{
	width:540px;
	float: right;
	position: relative;
	padding-bottom: 10px;
	clear: right;
}

.small-baner-pading, .small-baner-pading2{
	width:218px;
	text-decoration: none;
	position: relative;
	padding-bottom: 7px;
	float: left;
}

.small-baner-pading2{width:200px;}

.table, .table2{
	width:535px;
	position: relative;
	padding-top: 10px;
	padding-bottom: 5px;
	float: left;
}

.table2{
	width:520px;
	background-color: #E2E7B2;
	height: 28px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 1px;
	margin-left: 1px;
}

.table-line{
	width:350px;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
	background-image: url(pic/line.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	position: relative;
	clear: left;
}

.table-text, .table-left, .table-right{
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #666666;
	padding-top: 5px;
}

.table-left, .table-left2{
	width:180px;
	float: left;
}
.table-left2{
	width:295px;
	line-height: 28px;
}

.table-right{
	width:170px;
	float: left;
	clear: right;
	text-align: right;
}

.table-right2{
	width:200px;
	float: right;
	height: 28px;
	line-height: 28px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	padding-left: 10px;
}

.table-right3{
	width:380px;
	float: left;
	text-align: left;
	padding-left: 10px;
	color: #858585;
}

.small-baner{
	display: block;
	float: left;
}

.small-baner-right{
	float: right;
	width: 185px;/*PM*/
	padding-bottom: 5px;
}

.small-baner-right2{
	display: block;
	padding-top: 7px;
}			

#middle{
	width:325px;
	float: left;
	position: relative;
}

#middle-home{
	width:325px;
	float: left;
	position: relative;
	padding-top: 12px;
}

#middle-big{
	width:540px;
	float: right;
	position: relative;
}

#middle-big2{
	width:540px;
	float: right;
	position: relative;
	background-image: url(pic/tesla.jpg); /*PM*/
	background-repeat: no-repeat;
	background-position: right top;
}

#mapa{
	width:540px;
	height: 520px;
	float: right;
	margin: 0px;
	padding: 0px;
}


#welcome{
	width:325px;
	position: relative;
	float: right;
	clear: right;
	padding-bottom: 7px;
	background-image: url(pic/line.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

#title-line{
	padding-bottom: 5px;
	background-image: url(pic/line.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	margin-bottom: 10px;
}

#title-blue, #title-green, #title-gray, #title-lightblue, #title-orange{
	background-color: #48ACE6;
	position: relative;
	height: 40px;
	width: 530px;
	padding-left: 10px;
	margin-bottom: 10px;
}

#title-green{background-color: #8AB94F;}
#title-gray{background-color: #C0C0C0;}
#title-lightblue{background-color: #9BD1F1;}
#title-orange{background-color: #FFBD59;}

#right{
	width:185px;
	float: right;
	padding-left: 15px;
	position: relative;
}
	
#right2{
	float: right;
	width:200px;
}
		
			
.news{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	display: block;
	padding-bottom: 5px;
	text-decoration: none;
	padding-top: 10px;
	color: #666666;
	background-image: url(pic/line.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	line-height: 13px;
}

.news-detail{
	font-family: Tahoma, Arial;
	font-size: 11px;
	display: block;
	padding-bottom: 5px;
	text-decoration: none;
	color: #585858;
	line-height: 13px;
	padding-top: 15px;
	padding-right: 10px;
	padding-left: 10px;
}			

.news-box{
	display: block;
	padding-bottom: 5px;
	background-image: url(pic/line.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	text-decoration: none;
	color: #666666;
}

/***************************************************
				     GALLERY
***************************************************/

#gallery-page{
	float: right;
	position: relative;
	width: 520px;
	text-align: center;
	padding-top: 20px;
	padding-right: 18px;
	font-size: 11px;
	padding-bottom: 10px;
	color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.thumbs {
	width: 123px;
	float: left;
	position: relative;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}

.thumb-border{
/*	height: 90px;
	width: 120px;*/
	margin-right: 0px;
	float: left;
	padding: 2px;
	margin-top: 0px;
	margin-left: 0px;
	background-color: #32453F;
}

.thumb-border:hover{background-color: #999999;}


.thumb-border2{
	margin-right: 0px;
	padding: 2px;
	margin-top: 0px;
	margin-left: 0px;
	background-color: #32453F;
}

.thumb-border2:hover{background-color: #999999;}

/***************************************************
				      FORMS
***************************************************/

#form{
	width:600px;
	padding-top: 50px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 50px;
	position: relative;
}

#form-submit{
	text-align: right;
	padding-top: 50px;
	float: left;
	width: 380px;
	padding-bottom: 30px;
}

/*
form{
	font-family: Tahoma, Arial;
	margin: 0px;
	font-size: 11px;
	color: #999999;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	line-height: 20px;
}

.radio {
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: -2px;
	margin-left: 2px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: -2px;
	padding-left: 2px;
}

select{
	border:1px solid #E1E1E1;
	font-size:11px;
	width:148px;
	line-height:18px;
	background-color: #FFFFFF;
	height: 18px;
	color: #999999;
}

.textbox,.textbox2  {
	border:1px solid #E1E1E1;
	font-size:11px;
	width:148px;
	line-height:18px;
	background-color: #FFFFFF;
	height: 18px;
	color: #999999;
}

.textbox:focus {
	border:1px solid #b3c531;
	cursor:text;
}

.textbox2 {
	margin-right: 80px;
	line-height:12px;
}

.textbox2:focus {
	border:1px solid #b3c531;
	cursor:text;
}

textarea {
	border:1px solid  #E1E1E1;
	width:220px;
	background-color: #FFFFFF;
	height: 150px;
	font-size: 11px;
	color: #999999;
}

textarea:focus {
	border:1px solid #b3c531;
	cursor:text;
}

#newsletter-sub{
	text-align: right;
	font-size: 11px;
	color: #129BC2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#sub-login {
	width:300px;
	height: 30px;
	padding-top: 20px;
	padding-left: 100px;
}
.sub-login {
	height: 22px;
	width: 80px;
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #A7A7A7;
	border: 1px solid #E8E8E8;
	background-color: #FFFFFF;
	margin-left: 20px;
	float: right;
	line-height: 22px;
}
*/

/***************************************************
				       FOOTER
***************************************************/

#footer {
	width:760px;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
	height: 60px;
}

#FooterOne{
	width:400px;
	float:left;
	font-family: Tahoma, Arial;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
	text-align: left;
	padding-left: 7px;
	line-height: 30px;
}


#FooterTwo{
	width:500px;
	float:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	text-decoration: none;
	padding-right: 0px;
	background-position: center;
	line-height: 20px;
}
				
				
							a.krojac {
								font-family: "Lucida Grande", tahoma, sans-serif;
								font-size: 10px;
								color: #FF9900;
								text-decoration: none;
								}
								
							a.krojac:hover {
								color: #FF9900;
								text-decoration: underline;
								}


.ico{
	padding-bottom: 8px;
	padding-top: 5px;
}

/***************************************************
				       LINKS
***************************************************/

a.links, a.link-grey, a.linkH4, a.link-orange, a.link-grey-line{
	font-family: Arial, Helvetica, Sans-Serif;	
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}

a.link-grey {color: #666666;}
a.link-grey:hover {color: #11B1DC;}

a.link-grey-line {
	color: #666666;
	background-image: url(pic/line.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

a.link-grey-line:hover {color: #11B1DC;}

a.linkH4 {
	color: #11B1DC;
	font-size: 16px;
}

a.linkH4:hover {color: #D0B7B7;}

a.link-orange, .link-orange a
{
	font-family: Arial, Helvetica, Sans-Serif;	
	color: #FF9900;
} /*pm*/

a.link-orange:hover, .link-orange a:hover 
{
	font-family: Arial, Helvetica, Sans-Serif;	
	color: #00BDEE;
	} /*pm*/

/* PM */
.site-map a{
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	color: #666666;
}
.site-map a:hover {color: #11B1DC;}


/***************************************************
				       MENU
***************************************************/

#top-menu{
	width: 500px;
	float: right;
	position: relative;
	text-align: right;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: 20px;
}

#top-menu a{
	color: #666666;
	text-decoration: none;
	font-family: Tahoma, Arial;
	font-size: 10px;
	font-weight: normal;
	text-align: right;
	line-height: 20px;
}

#top-menu a:hover{color: #0099CC;}

body#home a#home_link, 
body#projects a#projects_link, 
body#news a#news_link, 
body#contact a#contact_link, 
body#about a#about_link{
	color: #11B1DC;
	text-decoration: none;
}

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

.down-menu{
	float: left;
	width: 139px;
}

.down-menu ul {
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.down-menu ul li{
	color: #FFFFFF;
	width: 139px;
	background-color: #333333;
	position: relative;
}

.down-menu ul li a{
	position: relative;
	color: #FFFFFF;
	font-family: Tahoma, Arial;
	font-size: 11px;
	width: 139px;
	background-color: #333333;
	height: 25px;
	padding-right: 7px;
	padding-left: 7px;
	line-height: 25px;
	text-decoration: none;
	display: block;
}

.down-menu ul li a:hover{
	color: #FFFFFF;
	background-color: #999999;
}

#home-link{
	width: 150px;
	float: left;
	padding-left: 10px;
	}

#home-link a{
	line-height: 25px;
	color: #FFFFFF;
	text-decoration: none;
	font-family: Tahoma, Arial;
	font-size: 11px;
	font-weight: normal;
	height: 25px;
}

#home-link a:hover{color: #999999;}

#nav-menu{
	float: right;
	position: relative;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-right: 7px;
	width: 500px;
	text-align: right;
}

#nav-menu a{
	line-height: 25px;
	color: #FFFFFF;
	text-decoration: none;
	font-family: Tahoma, Arial;
	font-size: 11px;
	font-weight: normal;
	height: 25px;
}

#nav-menu a:hover{color: #333333;}

body#home a#home_link, 
body#web_dizajn a#web_dizajn_link, 
body#cenovnik a#cenovnik_link, 
body#dvd a#dvd_link, 
body#sabloni a#sabloni_link,
body#reference a#reference_link,
body#kontakt a#kontakt_link{
	background-image: url(pic/buttonUP.png);
	background-repeat: no-repeat;
}

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

#category-menu{
	float: left;
	position: relative;
	padding-bottom: 20px;
}

#category-menu ul{
	margin: 0px;
	float: left;
	list-style-image: none;
	list-style-type: none;
	padding: 0px;
}

#category-menu ul li{
	width: 200px;
	line-height: 26px;
	background-color: #EBEBEB;
	float: left;
}

#category-menu ul li a{
	color: #333333;
	text-decoration: none;
	font-family: Tahoma, Arial;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	display: block;
	padding-left: 10px;
	height: 28px;
	background-image: url(pic/line-menu.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

#category-menu ul li a:hover{
	background-color: #CCCCCC;
	color: #FFFFFF;
}

/*+ PM +*/
#category-menu li a.left-menu-selected
{
	font-size: 12px;
	color: #307BA9;
}
/*------*/

body#profil a#profil_link, 
body#lokacije a#lokacije_link, 
body#cenovnik a#cenovnik_link, 
body#dvd a#dvd_link, 
body#sabloni a#sabloni_link,
body#reference a#reference_link,
body#kontakt a#kontakt_link{
	font-size: 12px;
	color: #307BA9;
}

#category-menu ul li ul{
	margin: 0px;
	padding: 0px;
	float: left;
}

#category-menu ul li ul li{
	width: 200px;
	line-height: 26px;
	background-color: #EBEBEB;
	float: left;
}

#category-menu ul li ul li a {
	color: #666666;
	text-decoration: none;
	font-family: Tahoma, Arial;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	display: block;
	height: 28px;
	padding-left: 10px;
}

#contents-menu ul li ul li a:hover{color: #666666;}


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

#footer-menu{
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: 30px;
	background-color: #EEEFE6;
	padding-right: 7px;

}

#footer-menu a{
	color: #666666;
	text-decoration: none;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	line-height: 30px;
}

#footer-menu a:hover{color: #999999;}


/*++ PM ++*/
.navigacija {
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 11px;
	font-weight: normal;
	border: 1px none  Transparent;
	color: #666666;
	background-color:Transparent;
}

.navigacija:hover {
	color: #11B1DC;
}

#sub-login {
	width:300px;
	height: 30px;
	padding-top: 20px;
	padding-left: 100px;
}
.sub-login {
	height: 22px;
	width: 80px;
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #A7A7A7;
	border: 1px solid #E8E8E8;
	background-color: #FFFFFF;
	margin-left: 20px;
	/*float: right;*/
	line-height: 22px;
}

/*--------*/