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

Title:			main.css
Browser(s): 	All

Author: 		Marko Prljić (wisefalco@gmail.com)
Created: 		02.02.2008
Last modified: 	08.02.2008

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


/*-------------------------------DEFINE BODY PROPERTIES----------------------------------------*/
* {
	margin: 0 auto 0 auto; /* GLOBAL RESET */
	padding: 0;
}
body{
	margin: 0 auto 0 auto;
	background:#E7E7E7;
	color:#E7E7E7;
	font:14px/18px "Verdana", Times, serif;
}
div, p, ul, h2, h3, h4, img{
	padding:0px; margin:0px;
}
ul{
	list-style-type:none;
}
.spacer{
	clear:both; 
	font-size:0px; 
	line-height:0px;
}

a { outline:none; /* Remove Firefox's dotted borders */ text-decoration:none }
a img { border:none } /* Remove IE's blue borders */


/*-------------------------------END----------DEFINE BODY PROPERTIES----------------------------------------*/


#wrapper {
	height: 100%;
	width: 966px;
	margin: 0 auto;
	text-align: center;
}


/*/---------------------------------PAGE------------------------------/
*/
#logo{
	background-image: url(images/logo.jpg);
	background-repeat: no-repeat;
	width: 966px;
	height: 121px;
}
#trans{
	width:150px;
	height:70px;
	border:none;
	margin-top:-120px;
	float:right;
}
#header_left {
	background-image: url(images/header_left.jpg);
	background-repeat: no-repeat;
	height: 283px;
	width: 124px;
	float: left;
}
#header_left p {
	width: 60px;
	display:inline;
	font:bold 12px  Verdana, sans-serif;
	color:#996600;
	text-align:left;
	margin-top:255px;
	margin-left:55px;
	padding:0;
	float:left;
}
#nav{
	width: 259px;
	height:100%;
	float:left;
	
}
#header_right {
	background-image: url(images/header_right.jpg);
	background-repeat: no-repeat;
	height: 283px;
	width: 583px;
	float: right;
}
#header_right p {
	width: 500px;
	display:inline;
	font:bold 10px  Verdana, sans-serif;
	color:#996600;
	text-align:left;
	margin-top:250px;
	margin-left:50px;
	padding:0;
	float:left;
}
#header_bot {
	background-image: url(images/header_bot.jpg);
	background-repeat: no-repeat;
	height: 27px;
	width: 966px;
	float: right;
}
#page {
	float: right;
	width: 966px;
	background-image:url(images/cont_bg.jpg);
	background-repeat:repeat-y;
}
/*--------------------------------ABOUT------------------------------------*/
#about {
	width:900px;
	float:left;
	padding: 0;
	margin-left:30px;
	margin-top:50px;
	display:inline;
}

#about h1{
	display:block;
	font:bold 18px  Verdana, sans-serif;
	color:#E27907;
	margin:0;
	padding:0;
	float:left;
}
#about p.text1{
	display:block;
	width:900px;
	font:bold 12px/18px  Verdana, sans-serif;
	color:#666666;
	text-align:left;
	margin-top:10px;
	padding:0;
	float:left;
}
#about p.text2{
	display:block;
	width:900px;
	font:normal 13px/18px  Verdana, sans-serif;
	color:#666666;
	text-align:left;
	margin-top:10px;
	padding:0;
	float:left;
}
#about p.text3{
	display:block;
	font:italic 10px  Verdana, sans-serif;
	line-height:10px;
	color:#FF6600;
	text-align:left;
	margin-top:9px;
	margin-left:10px;
	padding:0;
	float:left;
}
#about p.text4{
	display:block;
	width:850px;
	font:bold 13px/18px  Verdana, sans-serif;
	color:#666666;
	text-align:left;
	margin-top:10px;
	margin-bottom:30px;
	padding:0;
	float:left;
}
#about p.text4 span.desc{
	display:block;
	font:bold 11px Verdana, sans-serif;
	color:#FF6600;
	padding:0;
}
#about p.text4 span.contact{
	display:block;
	font:normal 10px  Verdana, sans-serif;
	color:#999999;
	padding:0;
}

#about p.text5{
	display:block;
	width:900px;
	font:bold 12px/18px  Verdana, sans-serif;
	color:#C85E35;
	text-align:left;
	margin-top:10px;
	padding:0;
	float:left;
}	
#about p.text5 a{
	display:block;
	width:900px;
	font:bold 13px/18px  Verdana, sans-serif;
	color:#C85E35;
	margin-top:10px;
	padding:0;
	float:left;
}
#about p.text5 a:hover{
	display:block;
	width:900px;
	font:bold 13px/18px  Verdana, sans-serif;
	color:#FF7315;
	text-align:left;
	margin-top:10px;
	padding:0;
	float:left;
}
/*--------------------------------MAIN NAVIGATION------------------------------------*/
p.manav{
	font:bold 18px "Verdana", Times, serif;
	color:#0099FF;
	padding-left:10px;
	margin-bottom:30px;
	float:left;
	width:900px;
}
#menu1 {
width:900px; 
margin:10px 15px; 
text-align:left; 
}
#menu1 a, #menu1 a:visited {
display:block; 
width:115px; 
height:62px; 
line-height:40px; 
text-decoration:none; 
color:#000; 
background:url(images/nav_0.jpg); 
background-repeat:no-repeat; 
float:left;
}
#menu1 a span { 
font:bold 9px "Verdana", Times, serif;
color:#666666;
line-height:40px;
padding-left:30px;
}
#menu1 a:hover {
display:block; 
width:115px; 
height:62px; 
cursor:pointer; 
text-decoration:none; 
color:#c00; 
background:url(images/nav_1.jpg); 
background-repeat:no-repeat; 
float:left;
}
/*--------------------------------IMAGES------------------------------------*/
#images{
	width:900px;
	float:right;
	display:inline;
	margin-top:45px;
}
/*This is the holder where images will be placed*/
.img_hld{
	width:229px;
	height:270px;
	display:inline;
	float:left;
 	background-image: url(images/img_bg.jpg);
	background-repeat: no-repeat;
	padding-right:70px;
	padding-bottom:50px;
	text-align:center;
}
/* p tag for image description*/
.img_hld p.opis{
	display:block;
	font:bold 11px "Verdana", Times, serif;
	color:#FF6600;
	margin-top:30px;
}
/*This is just a image class so that images can be centered inside the img_hld div*/
img.all{
	width:180px;
	height:180px;
	display:inline;
	margin-top:25px;
}
/*--------------------------------LINKS------------------------------------*/
#menu2 {
width:300px; 
margin:0 auto;
text-align:left;
float:left;
margin-top:50px;

}
#menu2 a, #menu2 a:visited {
display:block; 
width:259px; 
height:40px; 
line-height:20px; 
text-decoration:none; 
color:#000; 
background:url(images/arrow.jpg); 
background-repeat:no-repeat;
}
#menu2 a span {
	font:bold 9px "Verdana", Times, serif;
	color:#666666;
	line-height:15px;
	padding-left:30px;
}
#menu2 a:hover {
display:block; 
width:259px; 
height:40px; 
cursor:pointer; 
text-decoration:none; 
color:#c00; 
background:url(images/arrow.jpg); 
background-repeat:no-repeat;
}
/*/-------------------------BEGIN--------FOOTER------------------------------/*/
#footer{
	width: 966px;
	height: 43px;
	float: left;
	clear: both;
	background-image:url(images/footer.jpg);
	background-repeat: no-repeat;
}

/*/-------------------------END--------FOOTER------------------------------/*/
p.copyright{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999999;
	text-align: right;
	margin-right: 30px;
	display:block;
	clear:both;
	font-weight: bold;
}

/*/-------------------------MENU-----------------------------/*/

#menu {
width:259px; 
margin:0 auto;
text-align:left;
}
#menu a, #menu a:visited {
display:block; 
width:259px; 
height:40px; 
line-height:20px; 
text-decoration:none; 
color:#000; 
background:url(images/l_0.jpg); 
background-repeat:no-repeat;
}
#menu a span {
	font:bold 9px "Verdana", Times, serif;
	color:#666666;
	line-height:40px;
	padding-left:47px;
}
#menu a:hover {
display:block; 
width:259px; 
height:40px; 
cursor:pointer; 
text-decoration:none; 
color:#c00; 
background:url(images/l_1.jpg); 
background-repeat:no-repeat;
}