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

html, body {
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
	background-color:#FFFFFF;
}

a {
	color:#FFF;
	text-decoration:none;
}

a:active {
	
}

a:hover {
	background-color:#F00;
}

a:visited {
	text-decoration:none;
	color:#FFF;
}

/* Layout, pozicii, divoj *****************************************************/

#container {
	margin:0px auto;
	width:785px;
	height:100%;
	background-image:url(images/cvekje.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}

#header {
	width:540px;
	height:151px;
}

#content {
	width:540px;
	height:100%;
	margin-left:226px;
	background-image:url(images/portokaleva2_sredina.jpg);
	background-repeat:repeat-y;
	background-position:top;
}

#menu {
	width:90px;
	height:138px;
	float:left;
	margin-left:136px;
	margin-top:365px;
}

#headline {
	height:22px;
	margin-left:113px;
	background:url(images/info.gif) no-repeat 0 0;
}

#tekst {
	width:360px;
	padding:10px 10px 10px 13px;
	margin-left:113px;
	background:url(images/transparent.png);
	background-repeat:repeat;
}

/* Uslugi *****************************************************/

#uslugi #container {
	background-image:url(images/citron.jpg);
		background-position: 130px 10px;
}

#uslugi #headline {
	background:url(images/uslugi.gif) no-repeat 0 0;
}

#uslugi #content {
	background-image:url(images/zelena1_sredina.jpg);
	background-repeat:repeat-y;
	background-position:top;
}


/* Dejnost *****************************************************/
#dejnost #container {
	background-image:url(images/jagotcina.jpg);
	background-position: 15px 53px;
}


#dejnost #headline {
	background:url(images/dejnost.gif) no-repeat 0 0;
}

#dejnost #content {
	background-image:url(images/plava2_sredina.jpg);
	background-repeat:repeat-y;
	background-position:top;
}


/* Klienti *****************************************************/
#klienti #container {
	background-image:url(images/ripce.jpg);
	background-position: 35px 55px;
}

#klienti #headline {
	background:url(images/klienti.gif) no-repeat 0 0;
}

#klienti #content {
	background-image:url(images/violetova1_sredina.jpg);
	background-repeat:repeat-y;
	background-position:top;
}

/* Dizajn *****************************************************/
#dizajn #container {
	background-image:url(images/sat.jpg);
	background-position: 20px 35px;
}

#dizajn #headline {
	background:url(images/dizajn.gif) no-repeat 0 0;
}

#dizajn #content {
	background-image:url(images/portokaleva1_sredina.jpg);
	background-repeat:repeat-y;
	background-position:top;
}

/* Kontakt *****************************************************/
#kontakt #container {
	background-image:url(images/peperutka.jpg);
	background-position: 35px -35px;
}

#kontakt #headline {
	background:url(images/kontakt.gif) no-repeat 0 0;
}

#kontakt #content {
	background-image:url(images/zelena2_sredina.jpg);
	background-repeat:repeat-y;
	background-position:top;
	min-height:950px;
}

/* Glavnoto meni *****************************************************/

#menu ul {
	margin:0px;
	padding:0px;
}

#menu ul li {
	display:block;
	width:90px;
	height:23px; 
	list-style: none;
	background:url(images/dugme_up.jpg) no-repeat 0 0;
}

#menu ul li a {
	display:block;
	width:80px;
	height:18px;
	padding:2px 0px 0px 10px;
	text-decoration: none;
	text-align:left;
	font-family:Trebuchet MS, Tahoma, Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
}

#menu ul li a:active {

}

#menu ul li a:hover {
	text-decoration:none;
	background:url(images/dugme_over.jpg) no-repeat 0 0;
	color:#FFFFFF;
}

#menu ul li a:visited{
	color:#FFFFFF;
}

/* jazik *****************************************************/


#menu ul.jazik li {
	display:block;
	width:80px;
	height:23px;
	margin: 0px 0px 0px -10px;
	list-style: none;
	background-image:none;
}

#menu ul.jazik li a {
	background-image:none;
	width:80px;
	height:23px;
	color:#666666;
	text-align:right;
	font-weight:normal;
}


#menu ul.jazik li a:hover {
	text-decoration:underline;
	color:#666666;
	background-image:none;
}



/* tekstot *****************************************************/

.tekst {
	margin:0px;
	padding:0px;
	text-align:justify;
	font-family:Tahoma, Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:normal;
	line-height:15px;
	color:#FFFFFF;
}

/* bulleti *****************************************************/

ul li {
	margin:0px;
	padding:0px;
	text-align:left;
	font-family:Tahoma, Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:normal;
	line-height:15px;
	color:#FFFFFF;
}

/* H1, H2, H3 *****************************************************/
h1 {
	margin:0px;
	text-align:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
}

h2 {
	margin:0px;
	padding:0px 0px 10px 0px;
	text-align:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
}

h3 {
	margin:0px;
	padding:15px 10px 10px 10px;
	text-align:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
}

label {
		width:100px;
		float:left;
		margin-right:10px;
}

p.tekst input {
	margin-bottom:2px;
	padding:2px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#666666;
	width:160px;
}

textarea {
	margin-bottom:2px;
	padding:2px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#666666;
	width:271px;
}

/* Lightbox specificni direktivi *****************************************************/

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}