@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;}

.mylinkwhite:link {color: #eee;}
.mylinkwhite:visited {color: #eee;}
.mylinkwhite:hover {color: #fff;}

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

.graybackground {
		background: transparent url("../images/program_shadow1.png") no-repeat 0 0;
		padding: 0 10px 0 25px;

}

/******* 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"); }

.menu-right 
{
	float: right !important
}


/**********  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;}
#featured-content-right #btn-galerija1 { position: absolute; top: 200px; left: 162px; }
#btn-demo2 { background:url("../images/btn_demo2.png") no-repeat left top; }
#btn-demo2:hover { background-position: -160px 0;}
#featured-content-right #btn-demo2 { position: absolute; top: 200px; left: 162px; }
#btn-program1 { background:url("../images/btn_program1.png") no-repeat 0% 0%; }
#btn-program1:hover{ background-position: -160px 0; }
#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: 0 10px 30px 0; 
	padding: 0 15px 0 0;
	overflow: hidden;
}

.color-box-grayblue { background:url("../images/box_grayblue.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; }

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

.color-box-lightblue { background:url("../images/box_lightblue.gif") no-repeat left top; }
.color-box-lightblue .datum { width: 100%; color: #0f75a0; }
.color-box-lightblue p { float: left; margin: 20px 0 0 18px; 	color: #000; }
.color-box-lightblue a { color: #0082b7;	font-weight: bold; text-decoration: underline; }
.color-box-lightblue a:hover{ color: #1fbfff; }

.color-box-blue { background-image:url("../images/box_blue.gif"); }
.color-box-blue  p{ 	color: #eee; /*margin-top: 5px; */ margin-left: 30px;}
.color-box-blue a { 	color: #eee; font-weight: bold; text-decoration: underline; }
.color-box-blue a:hover{  color: #fff; }

.color-box-darkblue { background:url("../images/box_darkblue.gif") no-repeat left top; }
.color-box-darkblue  p{ 	color: #eee; }
.color-box-darkblue a{ color: #eee; 	font-weight: bold; text-decoration: underline; }
.color-box-darkblue a:hover{ color: #fff; }

.color-box-black { background:url("../images/box_black.gif") no-repeat left top; }
.color-box-black  p{ color: #eee; }
.color-box-black a{ color: #eee; font-weight: bold; text-decoration: underline; }
.color-box-black a:hover{ color: #fff; }


/*********  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;}
#btn-fb { background:url("../images/btn_fb.png") no-repeat left top; }
#btn-fb: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; }
.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  ****/
.asistent-box { float: left; margin: 20px 4px 0 0; border: 2px solid #ffffff; /* zbog hovera*/ overflow: hidden;}
.asistent-box .title { width:100%; height: 40px; border-bottom: 1px dotted #dddddd; }
.asistent-box .title h2 { float:left;  margin: 15px 0 0 10px; display: inline; font-size: 18px; }
.asistent-box .title img{ float: right; margin: 15px 6px 0 0; width: 15px; height: 15px; }
.asistent-box img { display: block; border-style: none; }
.asistent-box p { float: left; overflow: hidden;}
.asistent-box  a {  text-decoration: none; color: #1e1e1e;}
.galerija-box { 	width: 320px; height: 330px;}
.galerija-box img { 	margin: 20px auto 5px auto; height: 210px; }
.galerija-box p {  margin: 10px 0 0 10px; width: 285px; }
.galerija-box:hover { background-color: #efefef; border: 2px solid #dddddd; }


/******* Reference   ****/
.ref-box { width: 320px;}
.ref-box img { margin: 20px 10px 10px 10px; float: left;	height: 100px; width: 100px; }
.ref-box .adresa { margin: 20px 0 0 5px; height: 78px; width: 195px;}
.ref-box .webadresa { margin: 5px 0 0 5px;	height: 20px; width: 195px; }
.ref-box a { color: #2293C1; }

/********  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 { 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: 168px; background-image:url(../images/footer_flow3.png); background-repeat:repeat-x; }
#footer-content { font-size: 12px; text-align: center;  color: #8b8b8b; }
#footer-content  img.logo { margin: 20px 0 10px 0; border-style: none; border-width: 0px; }
#footer-content  img.soc-btn { margin: 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; }


/********** Resursi *********/
#content-left.resursi { width: 603px;}
.resursi { color: #000; }
.resursi  h2{ float: left; width: 100%; margin: 10px 0 20px 0; font-size: 30px;  line-height: 36px; color: #2293c1; }
.resursi  h3{ margin: 10px 0 10px 0; font-size: 20px; font-weight: normal; text-align: left; color: #1e1e1e; }
#content-left.resursi p { float: left; width: 90%; margin: 9px 0 0 0; }
.article-box p { margin: 20px 10px 20px 0; }
.article-box  ul { float: left; width: 288px; line-height: 18px; list-style-image:url("../images/accept.png"); }
.article-box  ul li { padding-left:10px;  margin-left: 20px; }
p.box-button { font-size: 20px; }


/***********  Demo  **********/
.centerblock { display: block; margin: 0 auto; }
#demo{
	background: #20b4f0 url('../images/krug.png') no-repeat 50% 55px;
	color: #444;
	width: 1200px; 	min-height: 850px;
	margin: 0 auto;
	font-size: 11px; line-height: 14px;
}
#demo .logo { margin-bottom: 40px; height: 200px; }
#demo-gallery { 	width: 610px; float: left; 	margin-left: 40px; 	padding-top: 5px; }
#demo-gallery a{
	display: inline-block;
	width: 130px; height:130px;
	color: #444;
	position: relative;
	margin: 0 15px 5px 0;
}
#demo-gallery a:visited{ color: #444; }
#demo-gallery a img{ display: block; 	z-index: 0; position: absolute; }
#demo-gallery .overlay{ 	display: block; z-index: 1; width:133px; height:100px; position: absolute; }
#demo-gallery .overlay:hover{ background-image: url('../demo/images/play_overlay.png'); }
#demo-gallery span { display: block; }
#demo p { margin: 0px auto; 	width:130px; }
#demo .link-title { 	margin: 100px 0 0  5px; color: #444; }

#demo #footer-menu { margin-top: 40px; }
#demo ul#footer-menu li{  padding:0 5px;  }
#demo #napomena { margin: 0; width: 100%; font-style: italic; }

#demoplayer { width: 520px; height: 390px; }

#fb_likebtn
{	
	float: left;
	margin: 20px 0 0 30px;
	background-color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#tw-box img
{
	margin: 0;	
}