@charset "utf-8";
	
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, img, ol, ul, li, form, label, table, tr, th, td, textarea {
	margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline;
	font-weight: inherit; font-style: inherit;text-decoration: none; 
	font-family: Tahoma, Helvetica, Ariel, sans-serif;
}
ul {list-style-type: none;}
body { background-color:#cacaca; font-size: 13px; line-height: 20px; }

.centerpos { width:980px; margin:0 auto; }
.header {  font-family: Trebuchet MS, Helvetica, sans-serif; font-weight: bold; }

.mylink:link {color: #000;}
.mylink:visited {color: #000;}
.mylink:hover {color: #0082b7;}

.mylinkblue:link {color: #0082b7;}
.mylinkblue:visited {color: #0082b7;}
.mylinkblue:hover {color: #1FBFFF;}

.whitespace { clear: both; float: left; display: inline; width: 100%; height: 20px; 	}
.whitespaceWide { clear: both; float: left; display: inline; width: 100%; height: 120px; 	}

/******* Header *****/
#header { background-image:url(../images/header_flow.gif); background-repeat:repeat-x; float: left; min-width:100%; height: 148px; }
#logo-holder { height: 100px; }
#logo{ float:left; margin:10px 0 0 0; }
#header-title {
	 margin: 0 0 0 120px; padding: 30px 5px 0 0;
	font-size: 20px; line-height:71px; color:#fff;
	float:right;
}
#logo-holder #akcija {
	float: right; margin: 5px 0 0 15px; width: 91px; height: 90px;
 	background:url("../images/akcija_small1.png") no-repeat left top; cursor: pointer;
}
#logo-holder #akcija:hover{ background-position: -91px 0; }
#header-stripe { 
	float: left; height: 67px; min-width: 100%;
	background-image:url(../images/headerstripe_flow.gif); background-repeat:repeat-x; 
}
#header-stripe h3{
	float: left; margin-left: 12px; width: 650px;
	font-size: 36px; color: #fff; line-height: 65px; text-align: left;
}
.header-stripe-button { float: right; margin: 10px 80px 0 0; }


/*******  Menu  ********/
#menu-holder { height: 48px; }
#menu {  float: left; margin-left: 15px; }
#menu a {
 	background:url("../images/menu_left.gif") no-repeat left top;
	font-family: Trebuchet MS, Helvetica, sans-serif;
}
ul#menu  li { 
	float: left;  margin: 7px 15px 0 0; 
	background:url("../images/menu_right.gif") no-repeat right top;
}
ul#menu li a {
	color: #fff;  
	font-size: 16px;
	/*font-size: 1.2em;*/
	display:block; padding: 5px 12px 12px 12px;
}
#menu #current { background-image:url("../images/menu_right_cur.gif"); }
#menu #current  a{ background-image:url("../images/menu_left_cur.gif"); }
ul#menu li:hover { background-image:url("../images/menu_right_cur.gif"); }
ul#menu a:hover{ background-image:url("../images/menu_left_cur.gif"); }


/**********  Middle  ********/
#middle { float: left; min-width:100%; background-color: #fff;}
#content{ }


/********  Home content  ********/

/********  Featured content *****/
#featured-content { float: left; margin-bottom: 10px; }
#featured-content-left{
	float: left; margin: 0 10px 0 0;
	position: relative; width: 650px; height: 297px;
}
#featured-content-left #akcija{
	position: absolute; right: 10px; top: 75px; 
	display: block; width: 138px; height: 141px;
	background-image:url("../images/akcija1.png"); cursor: pointer;
}
#featured-content-left #akcija:hover{ background-position: -138px 0;}
#featured-content-left #photo { position: absolute; top: 0px; left: 0px; display: block;}

#featured-content-right{ float: right; width: 320px; height: 297px; position: relative; }
#featured-content-right h2 {
	font-size: 52px; color: #20b4f0;
	position: absolute; top: 75px;
}
#featured-content-right h3 {
	font-size: 33px; color: #3f3f3f;
	position: absolute;  top: 125px;
}

/****** Color buttons ****/
.color-button { width: 160px; height: 50px; cursor: pointer; display: block;}

#btn-galerija1 { background:url("../images/btn_galerija1.png") no-repeat left top; }
#btn-galerija1:hover { background-position: -160px 0;}
#btn-program1 { background:url("../images/btn_program1.png") no-repeat 0% 0%; }
#btn-program1:hover{ background-position: -160px 0; }

#featured-content-right #btn-galerija1 { position: absolute; top: 200px; left: 162px; }
#featured-content-right #btn-program1 { position: absolute;	top: 200px; left: 0px; }

#btn-program-dark { background:url("../images/btn_program_dark1.png") no-repeat left top; }
#btn-program-dark:hover {  background-position: -160px 0; }
#btn-demo { background:url("../images/btn_demo1.png") no-repeat left top; }
#btn-demo:hover {  background-position: -160px 0; }
#btn-standard { background:url("../images/btn_standard1.png") no-repeat left top; }
#btn-standard:hover {  background-position: -160px 0; }
#btn-pro { background:url("../images/btn_pro1.png") no-repeat left top; }
#btn-pro:hover {  background-position: -160px 0; }


/******* Home boxes   *******/
.color-box { float: left; width: 305px; height: 264px; margin-right: 10px; padding: 0 15px 0 0;}

.color-box-blue { background-image:url("../images/box_blue.gif"); }
.color-box-lightblue { background:url("../images/box_lightblue.gif") no-repeat left top; }
.color-box-grayblue { background:url("../images/box_grayblue.gif") no-repeat left top; }
.color-box-darkblue { background:url("../images/box_darkblue.gif") no-repeat left top; }
.color-box-black { background:url("../images/box_black.gif") no-repeat left top; }

.color-box img { float:left; 	margin: 18px 9px 0 18px; }
.color-box h2{ float: left; margin-top: 30px; font-size: 28px; color: #fff; }
.color-box-noimage h2 { font-size: 24px; margin-left: 18px; }
.color-box-noimage p { margin-top: 20px; margin-left: 18px; }
.color-box p { float: left; margin: 17px 0 0 18px; color: #fff; }
.color-box ul {
	clear: both; float: left; width: 310px; margin: 17px 0 0 0;
	color: #fff; list-style-image:url("../images/listimg.gif");
}
.color-box ul li{ padding: 0 0 0 5px; margin: 0 0 5px 45px; line-height: 18px;}
.color-box ul.noimagelist { list-style-image:none; }
.color-box ul.noimagelist li{ padding: 0; margin-left: 18px; }

.color-box-lightblue {	padding-top: 35px; }
.color-box-lightblue .datum { float: left; margin: 0px 0 3px 18px; width: 100%; color: #0f75a0; }
.color-box-lightblue p { float: left; margin: 0 0 15px 18px; color: #000; }

.lightcolor-box  h2{ color: #000; }
.lightcolor-box  p{ color: #000; }


/*********  Side buttons  *****/
.side-button {
	width: 318px; height: 56px; margin-bottom: 13px;
	text-indent: 80px; line-height: 55px; font-size: 18px; font-weight: bold;
	cursor: pointer; display: block;
}

#btn-brosura { background:url("../images/btn_brosura1.png") no-repeat left top; }
#btn-brosura:hover{ background-position: -319px 0; }
#btn-cenovnik { background:url("../images/btn_cenovnik1.png") no-repeat left top; }
#btn-cenovnik:hover {  background-position: -319px 0; }
#btn-partner { background:url("../images/btn_partner1.png") no-repeat left top; }
#btn-partner:hover {  background-position: -319px 0;}
#btn-prezentacija { 	background:url("../images/btn_prezentacija1.png") no-repeat left top; }
#btn-prezentacija:hover{  background-position: -319px 0;}


/***********  Program content  ******/
#content-left{ float: left; margin: 20px 10px 0 0; width: 650px; }
#content-right{ float:right; margin: 20px 0 0 0; width: 320px; }
.program-box {
	float: left; width: 930px; 
	margin: 20px 10px 70px 15px; 
	padding: 0 10px 0 25px;
	background: transparent url("../images/program_shadow1.png") no-repeat 0 0;
}
.program-box   h2 { float: left; margin: 10px 0 15px 0; width: 70%; font-size: 30px; line-height: 36px; color: #0082b7; }
.program-box .back-top { float: right; margin: 24px 10px 0 0; }

.program-box  img { clear: both; float: left; margin: 3px 0 0 0;  max-width: 290px; max-height: 290px; }
.program-box  p { float: right; width: 610px; overflow: hidden;	}
.program-box  .list-container {  clear: both; float: left; margin: 25px 0 0 6px; 	width: 100%; }
.program-box  ul { float: left; width: 288px; line-height: 18px; list-style-image:url("../images/accept.png"); }
.program-box  ul li { padding-left:10px;  margin-left: 20px; }
.program-box  .list1{  margin-right: 20px; }

#content-left.program-naslovi { height: 264px;  /*kao color-box*/ width: 640px; 	margin: 20px 10px 0 10px; background: transparent url("../images/program_shadow.png") no-repeat top left;}

.program-naslovi a { font-size: 18px; }
.program-naslovi ul { float: left; width: 40%; margin: 18px 0 0 36px; list-style-image:url("../images/read_more_blue15.gif"); }
.program-naslovi ul li{ padding:0 0 0 5px; margin: 0 0 0 20px; line-height: 30px; }

/******* Galerija (srediti)  ****/
.galerija-box {
	float: left; margin: 20px 4px 0 0; width: 320px; height: 330px;
	border: 2px solid #ffffff; /* zbog hovera*/
	overflow: hidden;
}
.galerija-box .title{ width:100%; height: 40px; 	border-bottom: 1px dotted #dddddd; }
.galerija-box .title h2 {
	float:left; margin: 15px 0 0 10px; width: 250px;
	display: inline; font-size: 18px; 
}
.galerija-box .title img{ float: right; margin: 15px 6px 0 0; width: 15px; height: 15px; }
.galerija-box img {
	margin: 20px auto 5px auto; height: 210px;
	display: block; border-style: none;
}
.galerija-box p { float: left; margin: 10px 0 0 10px; width: 285px; overflow: hidden;}
.galerija-box  a { text-decoration: none; color: #1e1e1e;}
.galerija-box:hover { background-color: #efefef; border: 2px solid #dddddd; }


/********  Kupovina   **********/
.kupovina-box {
	float: left; margin: 20px 10px 10px 0; width: 320px; height: 500px;
	background: transparent url("../images/kupovina_shadow.png") no-repeat 0 152px;
}
.kupovina-box img { display: block; margin: 7px auto; }
.kupovina-box h2 { margin: 30px 0 25px 18px; }


/*******  Kontakt *****/
#content-left.kontakt-info   { width: 603px; 	margin: 20px 10px 0 10px; }
#content-right.kontakt-info { margin: 20px 0 20px 0; }

.kontakt-info { /*font-size: 13px*/; color: #000; }
.kontakt-info  h2{ float: left; width: 100%; margin: 10px 0 20px 0; font-size: 30px;  line-height: 36px; color: #2293c1; }
.kontakt-info  h3{ margin: 10px 0 10px 0; font-size: 20px; font-weight: normal; text-align: left; color: #1e1e1e; }

#content-left.kontakt-info .adresa-box { clear: both; float: left; width: 100%; margin-top: 10px;}


#content-left.kontakt-info .logo { float: left; }
#content-left.kontakt-info .adresa { float: left; width: 49%; height: 280px; }

#content-left.kontakt-info .adresa1 { float: left; width: 100%; }
#content-left.kontakt-info p { float: left; width: 90%; margin: 20px 0 0 0; }

#content-left.kontakt-info .adresa p { margin: 10px 0 0 0; }
#content-left.kontakt-info .adresa .telefoni { float: left; width: 49%; height: 90px; margin: 10px 0 0 0;  }

#content-left.kontakt-info .adresa1 p { margin: 10px 0 0 0; }

#content-left.kontakt-info .backlink { float: left; margin: 20px 0 180px 0; }


#content-right.kontakt-info p{ float: left; width: 100%; margin-top: 9px; }
#content-right.kontakt-info h3{ float: left; width: 100%; margin-top: 18px; }

.forma{ float:left; margin: 0 0 20px 0; padding: 0; display: block;}
.forma .txtEdit { height: 25px; width: 315px; color:#1e1e1e; background-color: #F5F5F5; border: 1px solid #d1d1d1; }
.forma .txtEditLarge { height: 75px; width: 315px; color: #1e1e1e; background-color: #f5f5f5; border: 1px solid #d1d1d1; font-size: 13px;}
.forma .submitButton {
	margin: 20px auto 0 auto; margin-left: 79px; display: block; width: 160px; height: 50px;
	background-image: url("../images/btn_posalji1.png");
	text-indent: -99999px; overflow: hidden;
}
.forma .submitButton:hover{ 	background-position: -160px 0; }
.kontakt-info .addinfo { clear:both; float:left; width: 315px; }



/*********  Footer  ***********/
#footer {
	float: left; min-width:100%; height: 148px;
	background-image:url(../images/footer_flow.gif); background-repeat:repeat-x;
}
#footer-content { font-size: 12px; text-align: center;  color: #8b8b8b; }
#footer-content  img { margin: 20px 0 10px 0; border-style: none; border-width: 0px; }

ul#footer-menu{ color: #3b3b3b; text-align:center; margin-bottom: 5px; }
ul#footer-menu li{ padding:0 10px; border-right: 1px solid #3b3b3b; display:inline; }
ul#footer-menu li.no_border { border-style: none; }
#footer-content p { margin-bottom: 5px; }

.box-end { margin-right: 0; }