﻿html
{
    margin:0;
	padding:0;
	height:100%;	
	text-align:center;	
}
body 
{
	font-family :  "Trebuchet MS",Trebuchet, Tahoma, Verdana, Sans-serif;
	color:#717171;
	font-size: 12px;
	margin:0;
	padding: 0;
	text-align:center;
}

div#MainDiv
{
	width: 924px;
	text-align: center;
}
div#top
{
	width: 924px;
    height:208px;
    border:0px;
    background-image: url('images/web/top.jpg');
    background-repeat:no-repeat;
}
    div#top img.logo
    {
	    width: 924px;
        height:208px;
        border:0;
    }

/* SEARCH */
div#search
{
	position:relative;
	top: 70px;
	float:right;
}

	div#search img
	{
		position:relative;
		top: 6px;
		border:0;
		width: 106px;
		height: 20px;
	}
	div#search .boxPretraga
	{
		position:relative;
		left:-98px;
		top: 1px;
		width:145px;
		height:18px;
		font-family:Tahoma, Arial;
		font-size: 14px;
		border:1 px solid #8a8a8a;
		color: #717171;
	}
	div#search .btnPretraga
	{
		position:relative;
		border:0;
		width: 26px;
		height: 24px;
		left:-90px;
		top: 5px;
		
	}
/* END SEARCH */

/* MENU */

div#menu
{
    width:924px;
    height:40px;
    background-color: #141514;
    color:#ffffff;
    text-align:left;
    border:0;
}

    div#menu span
    {
        position:relative;
        top: 10px;
        margin-left:40px;
        background-color: #141514;
    }
        div#menu span a
        {
            margin-left:10px;
            margin-right:10px;
            color:#ffffff;
            text-decoration:none;
        }
        div#menu span a:hover
        {
            color:#aaaaaa;
        }
/* END MENU */ 

/* CONTENT */

div#MenuGrad
{
    width:920px;
    height:65px;
    color:#ffffff;
    text-align:left;
    background-color:#ffffff;
    border-left:2px solid #dddddd;
    border-right:2px solid #dddddd;
    border-top:0;
    background-image: url(images/web/menu_grad.jpg);
	background-repeat:repeat-x;
}
div#Content
{
    width:920px;
    color:#ffffff;
    text-align:left;
    background-color:#ffffff;
    border-left:2px solid #dddddd;
    border-right:2px solid #dddddd;
    border-bottom:2px solid #dddddd;
    border-top:0;
    float:left;
}
    div#Content div#marketingLeft
    {
        margin-left:5px;
        margin-right:5px;
        width:160px;
        color:#ffffff;
        background-color:#ffffff;
        border:0;
        float:left;
        display:block;
    }
    div#Content div#ContentView
    {
        width:500px;
        color:#ffffff;
        background-color:#ffffff;
        border:0;
        float:left;
        display:block;
    }
    div#Content div#BoxRight
    {
        width:250px;
        color:#ffffff;
        background-color:#ffffff;
        border:0;
        float:left;
        display:block;
    }
    

/* END CONTENT */

/* Hosting items */
		
		div#Content div#ContentView div.hostingNews
		{
			width:493px;
			text-align:left;
			display:block;
			float:left;
			margin-bottom:8px;
			margin-left:5px;
			border:1px solid #dddddd;
			background-color:#f7f7f7;
		}
			div#Content div#ContentView div.hostingNews div.left
			{
				width:140px;
				text-align: center;
				float:left;
			}
				div#Content div#ContentView div.hostingNews div.left img
				{
					width: 120px;
					height: 90px;
					border:1px solid #dddddd;
					margin: 15px 9px 5px 9px;
				}
				div#Content div#ContentView div.hostingNews a.importantLink
			    {
				    color: #555555;
				    text-decoration:none;
			    }
			    div#Content div#ContentView div.hostingNews a.importantLink:hover
			    {
				    color: #b6c387;
			    }
			
			div#Content div#ContentView div.hostingNews div.right
			{
				width:346px;
				float:left;
				font-family :  "Trebuchet MS",Trebuchet, Tahoma, Verdana, Sans-serif;
	            color:#717171;
	            margin-right:5px;
	            font-size: 12px;
			}
				div#Content div#ContentView div.hostingNews div.right a
				{
					color: #383838;
					font-size: 16px;
					font-weight: bold;
					text-decoration: none;
				}
				div#Content div#ContentView div.hostingNews div.right a:hover
				{
					color: #3dbeff;
				}
				div#Content div#ContentView div.hostingNews div.right a.bottomLink
				{	margin-left: 280px;
					color:#b6c387;
					font-size: 14px;
					font-weight: bold;
					text-decoration: none;
				}
				div#Content div#ContentView div.hostingNews div.right a.bottomLink:hover
				{
					color: #141514;
				}
				
		div#Content div#ContentView div.hostingNews div.tags
		{
			width:450px;
			text-align:left;
			display:block;
			float:left;
			margin-left:10px;
			margin-right:10px;
			font-size:14px;
			color: #555555;
		}
		    div#Content div#ContentView div.hostingNews div.tags a
		    {
		        margin-left:2px;
                color: #aaaaaa;
                font-size: 13px;
                font-weight:bold;
                text-decoration:none;
		    }
		    div#Content div#ContentView div.hostingNews div.tags a:hover
		    {
			    color:#b6c387;
		    }

/*end*/

/* HOSTING */
div#Content div#ContentView div#hosting
		{
			width:477px;
			text-align:left;
			display:block;
			float:left;
			margin-bottom:8px;
			margin-left:10px;
			margin-right:10px;
			font-family : "Trebuchet MS", Trebuchet, Tahoma, Verdana, Sans-serif;
	        color:#717171;
		}
		
		div#Content div#ContentView div#hosting font.NaslovVijesti
	    {
		    color:#333333;
		    font-size: 18px;
		    font-weight: bold;
		    text-decoration: none;
	    }
	
	    div#Content div#ContentView div#hosting font.KomentarNatpis
	    {
	        color:#777777;
	        text-decoration:none;
	        font-size:22px;
	    }
	    div#Content div#ContentView div#hosting div.komentar
	    {
	        width:465px;
	        overflow:hidden;
	        margin-top:10px;
            background-color: #f7f7f7;
            border: solid 1px #dddddd;
	    }
	    div#Content div#ContentView div#hosting div.komentar input.ime
	    {
	        position:relative;
	        top:5px;
	        left:10px;
	        color:#555555;
	        width:90px;
	        text-decoration:none;
	        font-size:12px;
	        border:0;
	        background-color: #eeeeee;
	    }
	    div#Content div#ContentView div#hosting div.komentar textarea.tekstUpis
	    {
	        color:#aaaaaa;
	        text-decoration:none;
	        font-size:12px;
	        display:block;
	        width:400px;
	        height:60px;
	        margin-left:20px;
	        margin-top:15px;
	        margin-bottom:5px;
	        border:0;
	        background-color: #efefef;
	    }
	    div#Content div#ContentViewt div#hosting font.errorText
	    {
	        color:#ff3333;
	        text-decoration:none;
	        font-size:12px;
	    }
	    div#Content div#ContentView div#hosting a.posalji
	    {
		    text-decoration:none;
		    text-transform:none;
		    color:#b6c387;
		    font-size:18px;
		    float:right;
		    margin-right:60px;
		    margin-top: 10px;
		    margin-bottom: 15px;
	    }
	    div#Content div#ContentView div#hosting a.posalji:hover
	    {
		    text-decoration:underline;
		    text-transform:none;
		    color:#888888;
	    }
	    div#Content div#ContentView div#hosting div.komentar font.nick
	    {
	        position:relative;
	        top:5px;
	        left:10px;
	        color:#555555;
	        text-decoration:none;
	        font-size:12px;
	    }
	    div#Content div#ContentView div#hosting div.komentar font.datum
	    {
	        position:relative;
	        top:5px;
	        right:20px;
	        color:#cccccc;
	        text-decoration:none;
	        font-size:12px;
	        float:right;
	    }
	    div#Content div#ContentView div#hosting div.komentar font.tekst
	    {
	        color:#aaaaaa;
	        text-decoration:none;
	        font-size:12px;
	        display:block;
	        width:465px;
	        margin-left:20px;
	        margin-top:25px;
	        margin-bottom:5px;
	        overflow:hidden;
	    }
    	
	    div#Content div#ContentView div#hosting a
	    {
		    margin-left:2px;
            color: #aaaaaa;
            font-size: 13px;
            font-weight:bold;
            text-decoration:none;
	    }
	    div#Content div#ContentView div#hosting a:hover
	    {
		    color:#b6c387;
	    }

/* END HOSTING */

/* Pageing */

    div#Pageing
	{
		width: 485px;
		margin-right:5px;
		background-color: #ffffff;
		display:block;
		text-align: center;
	}
		div#Pageing a
		{
			font-size: 14px;
			color: #555555;
			text-decoration: none;
			background-color: #ffffff;
			margin-left:2px;
		}
		div#Pageing a:hover
		{
			color: #222222;
		}
		div#Pageing font
		{
		    font-size: 14px;
			color: #222222;
			text-decoration: none;
			background-color: #ffffff;
			margin-left:2px;
		}
/* END Pageing */

/* RIGHT BOXES */

div#Content div#BoxRight div.OneBox
    {
        width:240px;
        color:#ffffff;
        margin-left:4px;
        margin-right:4px;
        margin-bottom: 8px;
        background-color:#f7f7f7;
        border:1px solid #dddddd;
        float:left;
        text-align:left;
    }
    div#Content div#BoxRight font
    {
        font-size:16px;
        font-weight:bold;
        color:#222222;
        margin-left:20px;
    }
    .navlist
	{
		display:block;
		list-style-type:circle;
		font-size:11px;
		font-weight:bold;
		color:#383838;
		text-align: left;

	}

	.navlist a
	{
	    font-size:11px;
		font-weight:bold;
		color:#383838;
		text-decoration:none;
	}

	.navlist a:hover
	{
		font-weight:bold;
		color:#3dbeff;
		text-decoration:none;
	}
	font.LookingFor
		{
			color: #999999;
			font-style:italic;
			font-size: 18px;
			font-weight: bold;
			text-decoration: none;
		}
    font.LookingFor a
		{
			color: #444444;
			font-size: 12px;
			font-weight: bold;
			text-decoration: none;
			margin-right:8px;
		}
    font.LookingFor a:hover
		{
			color: #3dbeff;
		}


/* END */

/* BOTTOM */
div#bottom
{
    width:920px;
    min-height:70px;
    height:70px;
    color:#9f9f9f;
    background-color:#ffffff;
    border:0;
    text-align:center;
}
div#bottom a
{
    margin-left:5px;
    margin-right:5px;
    color:#9f9f9f;
    text-decoration:none;
}
div#bottom a:hover
{
    color:#666666;
}


/* END BOTTOM */

/* TAGs */

div#tags
{
    width:225px;
    margin-left:15px;
    margin-right:0px;
    margin-top:10px;
    margin-bottom:10px;
}
    a.tag1
		{
			font-weight:bold;
		    color:#383838;
		    text-decoration:none;
		    font-size:16px;
		}	

	a.tag1:hover
	    {
		    font-weight:bold;
		    color:#3dbeff;
		    text-decoration:none;
		    font-size:16px;
	    }
	
	a.tag2
		{
			font-weight:bold;
		    color:#383838;
		    text-decoration:none;
		    font-size:12px;
		}	
	a.tag2:hover
	    {
		    font-weight:bold;
		    color:#3dbeff;
		    text-decoration:none;
		    font-size:12px;
	    }
	a.tag3
		{
			font-weight:bold;
		    color:#383838;
		    text-decoration:none;
		    font-size:10px;
		}	
	a.tag3:hover
	    {
		    font-weight:bold;
		    color:#3dbeff;
		    text-decoration:none;
		    font-size:10px;
	    }
	a.tag4
		{
			font-weight:bold;
		    color:#383838;
		    text-decoration:none;
		    font-size:20px;
		}	
	a.tag4:hover
	    {
		    font-weight:bold;
		    color:#3dbeff;
		    text-decoration:none;
		    font-size:20px;
	    }
	a.tag5
		{
			font-weight:bold;
		    color:#383838;
		    text-decoration:none;
		    font-size:14px;
		}	
	a.tag5:hover
	    {
		    font-weight:bold;
		    color:#3dbeff;
		    text-decoration:none;
		    font-size:14px;
	    }


/* END TAGs */

/* Google */
 div.googleText
		{
		    height:30px;
			width:493px;
			text-align:center;
			display:block;
			float:left;
			margin-bottom:8px;
			margin-left:5px;
			border:1px solid #dddddd;
			background-color:#f7f7f7;
		}
  div.googleStandard
		{
		    height:65px;
			width:493px;
			text-align:center;
			display:block;
			float:left;
			margin-bottom:8px;
			margin-left:5px;
			border:1px solid #dddddd;
			background-color:#f7f7f7;
		}
/* END Google */

/* CONTACT */

div#KontaktBox
{
	width: 450px;
	float:right;
	text-align:left;
}
    p.textContact
    {
	    font-family :  "Trebuchet MS",Trebuchet, Tahoma, Verdana, Sans-serif;
        color:#666666;
        font-size:12px;
    }
	div#KontaktBox input
	{
		border: solid 2px #999999;
		width: 270px;
		
	}
	div#KontaktBox textarea
	{
		border: solid 2px #999999;
		width: 270px;
	}
	div#KontaktBox a
	{
		text-decoration:none;
		text-transform:none;
		color:#178dcc;
		font-size:14px;
		float:right;
		margin-right:175px;
		margin-top: 10px;
		margin-bottom: 15px;
	}
	div#KontaktBox a:hover
	{
		text-decoration:underline;
		text-transform:none;
		color:#178dcc;
	}


/* END CONTACT */
