* {padding: 0; margin: 0px;}
body { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 150%; background-color: #cccccc;}
.left_border {float: left;}
#wrapper {margin: 0 auto; width: 960px; background-color: white;}

/* HEADER */
#header {position: relative; overflow: auto; overflow:hidden; }
#mips {background: url(../images/main/logo_bg.jpg) repeat-x; float: right; width: 290px;}
#banner {float: left;}
#boxes {overflow: auto;}
#boxes .box {display: block; width: 96px; background-color: #8a0701; height: 96px; float: left;}
#boxes .box.mid {background: url(../images/main/box_bg_iso.jpg) repeat-x; width: 96px;}
#boxes .box.left {background: url(../images/main/box_bg_ibm.jpg) no-repeat; width: 96px;}
#boxes .box.right {background: url(../images/main/box_bg_zf.jpg) no-repeat; width: 96px;}
/***
#boxes .box.left {background: url(../images/main/box_bg_iso.jpg) repeat-x;}
#boxes .box.right {background: url(../images/main/box_bg_iso.jpg) repeat-x;}
***/
				
#logo {cursor: pointer; background: url(../images/main/mips_logo.png) no-repeat; width: 166px; height: 75px; margin-top: 16px; margin-left: 61px;}
#logo span {display: none;}
#meni {width: 100%; background-color: #000; height: 50px; font-size: 14px;}
/*** #meni #login_link a {margin-top:-3px; float: right; display: block; height: 32px; width: 150px; text-align: center; padding-top: 20px; text-decoration: none; color: white; }
	#meni #login_link a:hover { background: url(../images/main/menu_hover.jpg) no-repeat center; }
***/
#login_link {float: right; margin-right: 4px;}

/*** OSNOVNI STIL MENIA ***/
.sf-menu, .sf-menu * {float:left; margin: 0; padding: 0; list-style: none; z-index:999;}
.sf-menu {line-height: 1.0; }

.sf-menu ul {position: absolute; top: -999em;width: 10em; border:1px solid gray;}
.sf-menu ul li {width: 100%;}
.sf-menu li:hover {visibility: inherit;}
.sf-menu li {float:	left; position: relative;}
.sf-menu a {display: block; position: relative; width: 100px; text-align: center; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul {left:	0; top:	2.5em; z-index: 99;}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top: -999em;}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left: 8.3em; top: 0;}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top: -999em;}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left:	10em; top: 0;}
.sf-menu ul li ul{width: 300px;}
.sf-menu ul li ul li a{display:block; width: 250px; padding-top:5px; padding-bottom:5px; }

/*** MIPS MENI SKIN ***/
.sf-menu {float: left; margin-top: 3px; margin-left:4px;}
.sf-menu a {padding: .75em 1em;	text-decoration:none;}
.sf-menu li a  {color: white; padding-top: 13px; padding-bottom: 20px;}
.sf-menu li a:hover, .sf-menu li.sfHover {background: url(../images/main/menu_hover.jpg) no-repeat top center;}
.sf-menu li.sfHover li {background: none;}
.sf-menu li li a {padding-top: 10px; padding-bottom: 10px; }
.sf-menu li li a, .sf-menu li li a:visited, sf-menu li li a:active {color: #000; texl-align: left; backgound: none;}
.sf-menu li ul {width: 125px; text-align: left;}	
.sf-menu li ul li a:hover {color: #941a17;	background:	none;}	
.sf-menu li ul {margin-top: 12px; background: url(../images/main/dropdown_bg.jpg) repeat-x;	background-color: #e6e8e7;}
.sf-menu li ul li ul{margin-top: -1px; margin-left: 11px;  background: url(../images/main/dropdown_bg.jpg) repeat-x;	background-color: #e6e8e7; border:1px solid gray; padding-bottom:7px;padding-top:5px;}

.sf-menu li ul li ul li{display: block; margin-bottom:2px; height: auto;  }

.sf-menu li li li {background: none;}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {outline:	0;}

/*** arrows **/
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {background-position: -10px -100px;}
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator {background-position: -10px 0;}
.sf-shadow ul {background: url('../images/main/shadow.png') no-repeat bottom right;padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px;}
.sf-shadow ul.sf-shadow-off {background: transparent;}


/*** arrows **/
.sf-menu a.sf-with-ul li ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
ul .sf-sub-indicator {display: none;}
ul li ul .sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/main/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
ul li ul  a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.9em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}


/* SADRZAJ */
#content {overflow: auto; display:none;}
	#content #mainbar {width: 639px; float: left; color: #3d3d3f; padding: 10px 20px 10px 10px; background: url(../images/main/main_right_border.jpg) no-repeat top right; min-height: 700px; height:auto !important; height: 700px; overflow: hidden;}
	#content #mainbar #mainbar_side {float: left; padding-left: 15px; width: 170px;}
		#content #mainbar #mainbar_side h2 {font-size: 20px; line-height: 150%; color: #941a17;  overflow: hidden;}
		#content #mainbar #mainbar_side #gallery {margin-top: 50px;}
		#content #mainbar #mainbar_side #gallery ul {list-style-image: none; list-style-type: none;}
		#content #mainbar #mainbar_side #gallery ul li a img {margin-bottom: 9px; padding: 1px; border: 3px solid transparent;}
		#content #mainbar #mainbar_side #gallery ul li a:hover img {border: 3px solid gray;}
		#content #mainbar .text {float: right; width: 432px; padding-right: 10px;}
			#content #mainbar .text ul, #content #mainbar .text ol {padding-left: 20px;}
			#content #mainbar .text fieldset { padding: 10px; border: 1px solid gray; }
			#content #mainbar .text legend { padding: 5px; border: 1px solid gray; }
			#content #mainbar .text .contact_form textarea { height: 300px; }
			#content #mainbar .text .contact_form textarea, #content #mainbar .text .contact_form input[type=text]{ width: 300px; }
			#content #mainbar .text p img.ref_logo { float: right; padding-left: 5px;}
	#content #sidebar {background: url(../images/main/sidebar_bg.jpg) repeat-x; width: 291px; float: left; min-height: 700px; height:auto !important; height: 700px;}
		#content #sidebar .inhert {padding: 10px 10px 10px 30px; color: #6a6a6d;}			
		#content #sidebar h3 {font-size: 14px; line-height: 150%; color: #000; margin: 12px 0 0 0px;}
#footer {color: #aaaaad; font-size: 11px; padding: 20px 0; background-color: #cccccc;}


ul.errors{list-style-type:none; width:95%;}
ul.errors li{padding-left:25px; background:transparent url(../images/icons/error_icon.png) no-repeat; background-position:0 0;}
input, select, textarea {border:1px solid #a7a7a7;}

/* INDEX PAGE */
#holder {background-image: url(../images/main/cubes.jpg); background-repeat: no-repeat; width: 616px; height: 462px; position: relative; margin-top: 40px; margin-left: 50px; z-index: 1;}
.cube {display: block; position: absolute; }
#top {left: 143px; top: 0px; width: 131px; height: 103px;}
	#top:hover {background-image: url(../images/main/cube-onama.jpg);}
#left {left: 0px; top: 140px; width: 124px; height: 108px;}
	#left:hover {background-image: url(../images/main/cube-reference.jpg);}
#right1 {left: 286px; top: 271px; width: 139px; height: 142px;}
	#right1:hover {background-image: url(../images/main/cube-posta.jpg);}
#right2 {left: 397px; top: 137px; width: 130px; height: 114px;}
	#right2:hover {background-image: url(../images/main/cube-apropos.jpg);}
#back {left: 433px; top: 22px; width: 114px; height: 88px;}
	#back:hover {background-image: url(../images/main/cube-kontakt.jpg);}

#demotip {display:none; background:transparent url(../images/main/black_arrow.png); font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 200%; height:70px; width:160px; padding:25px; color:#fff; z-index: 999;}
#demotip span {font-size:14px; text-align: center; width: 100%;}
#demotip p {font-size: 12px;}

#login_helper .zend_form {overflow: auto; height: 75px; padding-top: 10px; padding-bottom: 5px;}
#login_helper .zend_form dt, #login_helper .zend_form dd {float: left; margin-bottom: 5px;}
#login_helper .zend_form dt {width: 100px; color: #FFF; margin-left: 15px;}
#login_helper .zend_form input {width: 150px;}

#login_helper {display: none; background: url(../images/main/login_bg.jpg) repeat;}