@charset "utf-8";
/* A2 agency */

/* ---------- GLOBAL */
body{
	background:#CCC;
	margin:0 auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	text-indent:inherit;}
	
a:link{text-decoration:none;}
a:hover{text-decoration:none;}
a:active{text-decoration:none;}


.main{
	margin:0 auto;
	width:670px;
	height:470px;
	background:#FFF;
/*	border-bottom:1px dashed #6699cc;*/}

.fl{float:left;}
.fr{float:right;}

.clear{clear:both;}

/* -------------- MAIN PAGE */

.main_img{
	margin:0 auto;
	margin-top:25px;
	width:280px;
	padding:5px;
	height:164px;
	border:2px solid #999999;
	}

.main_text{
	margin:0 auto;
	margin-top:18px;
	width:290px;
	color:#777;
	text-align:justify;
	font-size:11px;}

/* -------------- PAGES */

.part1{
	width:187px;
	height:390px;
	background:#E6E6E6;}
	
.part2{
	width:480px;
	height:390px;}

.left_menu{
	width:166px;
	height:100%;}

.text{
	width:460px;
	height:100%;
	margin:10px;
	color:#777;}
	
.ab{	
	text-align:justify;
	background:url(images/a2-back.gif) no-repeat;}

.p_box{ 
	margin:20px 20px 0px 20px;
	padding:5px;
	height:86px;
	width:420px;
	border:3px solid #ccc;}
.p_box2{float:right; color:#999; font-size:12px; padding-top:28px}
.p_slika{ border:2px solid #999; float:left;}
.p_slika:hover{border:2px solid #6699cc; cursor:pointer;}


.l_strs{margin:0 auto;	width:670px;}
.strs{
	margin-top:0px;
	background:#999;
	height:14px;
	float:right;
	padding:2px 6px 2px 6px;
	text-align:right;
	color:#FFF;
	word-spacing:1px;}
	
.str_link{color:#fff; background:#777; padding:2px 4px 2px 5px; }
.str_link:a{color:#fff;}
.str_link:hover{color:#fff; background:#6699cc;}
.str_link:visited{text-decoration:none;}

.str_active{color:#fff; background:#6699cc; padding:2px 4px 2px 5px; text-decoration:none; color:#666; }
.str_active:visited{text-decoration:none;}
.str_active:active{ text-decoration:none;}

.c_link{color:#777; text-decoration:none;}
.c_link:hover{color:#6699cc}

/* KONTAKT FORMA */

#forma input,textarea {
border:1px #ccc solid;
width:140px;
margin-top:2px;
}

#forma input:hover,textarea:hover{
border:1px #6699cc solid;
}

#forma {
font-weight:bold;
color:#777;
width:auto;
font-size:11px;
}

.kontakt label textarea{
cursor: pointer;
float:left;
}

#forma label{
float:left;
cursor:pointer;
}



/* ----------- HEADER */
.header{
	margin:0;
	width:100%;
	height:80px;
	background:#777;}
	
.logo{
	margin:0;
	background:#555;
	width:187px;
	height:80px;
	cursor:pointer;
	}
.menu{height:80px; background:url(images/h_grad.gif) repeat-x; width:483px}

.h1{
	height:80px;
	background:url(images/h_a.gif) no-repeat bottom;
	}	
.h1:hover{ background:url(images/h_grad.gif) repeat-x;}

a.m1{ background:url(images/m1.gif) no-repeat; height:80px; width:160px; float:left;}
a.m1:hover{ background:none;}

a.m2{ background:url(images/m2.gif) no-repeat; height:80px; width:160px; float:left;}
a.m2:hover{ background:none; height:80px; width:160px;}

a.m3{ background:url(images/m3.gif) no-repeat; height:80px; width:163px; float:left;}
a.m3:hover{ background:none; height:80px; width:163px;}

.m_box1{ width:160px; height:80px; background:url(images/h1_mo_en.gif) no-repeat; float:left;}
.m_box2{ width:160px; height:80px; background:url(images/h2_mo_en.gif) no-repeat; float:left;}
.m_box3{ width:163px; height:80px; background:url(images/h3_mo_en.gif) no-repeat; float:left;}

.aktiv1{width:160px; height:80px; float:left; background:url(images/aktiv1.gif) no-repeat; cursor:default;}

.aktiv2{width:160px; height:80px; float:left; background:url(images/aktiv2.gif) no-repeat; cursor:default;}

.aktiv3{width:163px; height:80px; float:left; background:url(images/aktiv3.gif) no-repeat; cursor:default;}



/* ---------- FOOTER */
.footer{
	margin:0 auto;
	margin-top:20px;
	color:#fff;
	text-align:center;}