/*---------------------------------------------------------------
-------------------### OSNOVNO - LAYOUT ###----------------------
---------------------------------------------------------------*/

body {
	text-align:center;
	color: #333;
	background-color:#fff;
	margin: 0 auto 0 auto;
	padding:0px;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	cursor:default;
}

input, textarea {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

a:link, a:visited, a:active  {
	color: #666666;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
	color: #cc0000;
}


#header-container {
	width:100%;
	background: url(images/h_bg.gif) repeat-x;
}
#header {
	width:760px;
	height:126px;
	margin: 0 auto 0 auto;
	background: url(images/header.jpg) no-repeat; 
}
#menu-top {
	margin: 0 auto 0 auto;
	width:760px;
	height:35px;
}
#header-line {
	width:100%;
	height:15px;
}
#content-container {
	margin: 0 auto 0 auto;
	width:760px;
	background: url(images/content_bg.gif) repeat-y;
	text-align:left;
}

#content-top {
	margin: 0 auto 0 auto;
	width:740px;
	height:46px;
	background: url(images/content_top.gif) repeat-x; 
}

#wrapper {
	width:760px;
	float:left;
	background:inherit;
	background-color:transparent;
	padding-bottom:30px;
}

#menu-left {
	float:left;
	width:150px;
	padding-left:20px;
}


#content {
	float:left;
	width:550px;
	padding-left:20px;
}


#footer {
	clear:both;
	margin: 0 auto 0 auto;
	width:760px;
	height:49px;
	background: url(images/footer_bg.gif) repeat-x; 
}
	
	
	


.buttons a {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#000000;
	padding: 5px;
	padding-left: 20px;
	display: block;
	text-decoration: none;
	text-align: left;
	margin-top: 0px;
	background: url(images/leftmenu_bullet.gif) 4px 50% no-repeat;
}

.buttons a:hover {
	text-decoration: none;
	color: #cc0000;
	background: #fff url(images/leftmenu_bullet2.gif) 4px 50% no-repeat;
}
#current_left {
	text-decoration: none;
	color: #cc0000;
	background: url(images/leftmenu_bullet2.gif) 4px 50% no-repeat;
}
a#current_left:hover {
	cursor:default;
}

/*---------------------------------------------------------------
-------------------###     TEXT         ###----------------------
---------------------------------------------------------------*/
h4 {font-size: 12px;}
h3 {font-size: 14px;}
h2 {font-size: 16px;}
h1,h2,h3,h4,h5,h6 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-variant:small-caps;
	color:#cc0000;
	margin:0;
	padding:5px;
}

.uvuceno {text-align:justify; padding-left:20px;}

img {border:0;}
.sakrij {display:none;}
.small, .small-indent { font-size:9px; color:#666666; }
.small-indent { padding:0 0 0 30px; margin:0; }

.tablica td, .tablica th { border-bottom:1px solid #ddd;}
.tablica tr:hover > td { background-color:#f5f5f5;}
.tablica img { vertical-align:middle;}


#menu-pocetna 	 { width:158px; height:35px; display:block; }
#menu-webdizajn  { width:148px; height:35px; display:block; }
#menu-webhosting { width:149px; height:35px; display:block; }
#menu-reference  { width:148px; height:35px; display:block; }
#menu-kontakt 	 { width:157px; height:35px; display:block; }

#link-pocetna 	 {background: url(images/menu_pocetna.gif) 0 -35px no-repeat; float:left;}
#link-webdizajn  {background: url(images/menu_webdizajn.gif) 0 -35px no-repeat; float:left;}
#link-webhosting {background: url(images/menu_webhosting.gif) 0 -35px no-repeat; float:left;}
#link-reference  {background: url(images/menu_reference.gif) 0 -35px no-repeat; float:left;}
#link-kontakt 	 {background: url(images/menu_kontakt.gif) 0 -35px no-repeat; float:left;}

#link-pocetna:hover 	{background: url(images/menu_pocetna.gif) no-repeat; float:left; cursor:pointer;}
#link-webdizajn:hover 	{background: url(images/menu_webdizajn.gif) no-repeat; float:left; cursor:pointer;}
#link-webhosting:hover 	{background: url(images/menu_webhosting.gif) no-repeat; float:left; cursor:pointer;}
#link-reference:hover  	{background: url(images/menu_reference.gif) no-repeat; float:left; cursor:pointer;}
#link-kontakt:hover    	{background: url(images/menu_kontakt.gif) no-repeat; float:left; cursor:pointer;}

#link-pocetna-active 	{background: url(images/menu_pocetna_open.gif) no-repeat; float:left; cursor:default;}
#link-webdizajn-active	{background: url(images/menu_webdizajn_open.gif) no-repeat; float:left; cursor:default;}
#link-webhosting-active	{background: url(images/menu_webhosting_open.gif) no-repeat; float:left; cursor:default;}
#link-reference-active	{background: url(images/menu_reference_open.gif) no-repeat; float:left; cursor:default;}
#link-kontakt-active	{background: url(images/menu_kontakt_open.gif) no-repeat; float:left; cursor:default;}




/* Chamfer Borders*/
.chamfer {background: transparent; width:100%;}
.chamfer p {padding-bottom:1em; margin:0 10px;}

.chamfer .top, .chamfer .bottom {display:block; background:transparent; font-size:1px;}
.chamfer .b1, .chamfer .b2, .chamfer .b3, .chamfer .b4, .chamfer .b5 {display:block; overflow:hidden; height:1px; background:#f5f5f5; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.chamfer .b1 {margin:0 5px; background:#ccc;}
.chamfer .b2 {margin:0 4px;}
.chamfer .b3 {margin:0 3px;}
.chamfer .b4 {margin:0 2px;}
.chamfer .b5 {margin:0 1px;}

.chamfer .boxcontent {display:block; background:#f5f5f5; border-left:1px solid #ccc; border-right:1px solid #ccc;}


/* REFERENCE */

.ref-thumb img {
	margin:7px;
	width:200px;
	height:150px;
}
	
.ref-thumb {
	display:block;
	width:214px;
	height:164px;
	background:transparent url(images/reference_bg.gif) 0 -164px no-repeat;
}

.ref-thumb:hover {
	display:block;
	background:transparent url(images/reference_bg.gif) 0 0 no-repeat;
}

.hdemnu{
	display:none;
}

/* google hilite */
.hilite { background-color: #ffe4e1;}


/*  Firefox  */
/*
	::-moz-selection {
	background:#ce0000;
	color:#fff;
	}
	
	::selection {
	color:#fff;
	}
*/