/* =General
-----------------------------------------------------------------------------*/
* {margin: 0;padding: 0;} 
body			{margin:0;padding:0;font:normal 12px  Arial,'Trebuchet MS', sans-serif;color: #012a41;}
body.page		{margin:0;padding:0;background:#0693c8 url(/templates/ino/images/bg.gif) repeat-x left top;font:normal 12px  Arial,'Trebuchet MS', sans-serif;color: #012a41;}
body.pagei		{margin:0;padding:0;background:#0695ca url(/templates/ino/images/bgi.gif) repeat-x left top;font:normal 12px  Arial,'Trebuchet MS', sans-serif;color: #012a41;}

#wrapper{width:1000px;min-width:1000px;margin:0 auto;height:auto;padding:0;}
#header	{height:337px;background:url(/templates/ino/images/bg-head.jpg) no-repeat top left;}
#headeri{height:284px;background:url(/templates/ino/images/bg-headi.jpg) no-repeat top left;}
#footer 	{margin:0 auto;clear:both;overflow:hidden;background:url(/templates/ino/images/bg-foot.gif) no-repeat top center;}

/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {font:normal 12px  Arial,'Trebuchet MS', sans-serif;color: #012a41;;}
ul, ol	{padding: 0px 0px 15px 20px;margin:0;}

h1	{font:bold 21px Arial,'Trebuchet MS', sans-serif; color:#00468c; margin:9px 0px 15px 0px;}
h2	{font:normal 21px 'Trebuchet MS', Arial, sans-serif; color:#2f312c; color:#025a76; margin:5px 0px 5px 0px;}
h3	{font:normal 17px 'Trebuchet MS', Arial, sans-serif; color:#2f312c; color:#025a76; margin:5px 0px 5px 0px;}
h4	{font:normal 16px 'Trebuchet MS', Arial, sans-serif; color:#2f312c; color:#025a76; margin:5px 0px 5px 0px;}
h5	{font:normal 14px 'Trebuchet MS', Arial, sans-serif; color:#2f312c; color:#025a76; margin:5px 0px 5px 0px;}
h6	{font:bold 11px   'Trebuchet MS', Arial, sans-serif; color:#2f312c; color:#025a76; margin:0px 0px 10px 0px;}

P{	font:normal 12px  Arial,'Trebuchet MS', sans-serif;color: #012a41;margin:0;padding: 0px 0px 8px 0px;}

/* Class for clearing floats */
.clear {clear:both;}

/* Remove border around linked images */
img {border: 0;}
img.png	{behavior:url("/templates/ino/css/png.htc");}

/* =Links
-----------------------------------------------------------------------------*/
a:link {color:#00468c;text-decoration:underline;}
a:visited {color:#00468c;}
a:hover {color:#00468c;text-decoration:none;}
a:active {color:#00468c;}

/* =Top
-----------------------------------------------------------------------------*/
#top{width:986px;margin:45px 0 0 0;}
#flag{float:left;margin:0 0 9px 0;}
#flag a {margin:0 7px 0 2px;}
.topNav{float:right;padding:0;margin:0 0 7px 0;}
.topNav li{float:left;list-style:none;}
.topNav  li a {float:left;color:#444e5a;font:11px  Arial,'Arial Narrow',sans-serif;}
.topNav  li a:hover {float:left;color:#444e5a;font:11px  Arial,'Arial Narrow',sans-serif;text-decoration:none;background:url(/templates/ino/images/nav-act.gif) no-repeat left top;}
.topNav    span.line{float:left!important;background:#949ca4;margin:3px 10px 0px 10px; height:11px;width:1px;overflow:hidden;}

/* =Header
-----------------------------------------------------------------------------*/
#logo	{float:left;margin:0; width:166px;}

.navBlock{float:left;overflow:hidden;width:750px;}
.lang{float:right;width:63px;margin:26px 0 0 0;}
.lang a {text-decoration:none!important;color:#ffffff!important;font:11px  Arial,'Arial Narrow',sans-serif;}
.lang a span{float:left;display:block;padding:4px 4px 0 4px;}
.lang a img{display:block;float:left;margin:0 0 0 0;}

/* =ICONS
-----------------------------------------------------------------------------*/
#icons{width:105px;margin:0 auto;padding:10px 0 0 35px;text-align:center;}
#icons a{margin-right:22px;}

.visualBlock{clear:both!important;width:750px;margin:22px 0 0 0;overflow:hidden;}
.logo-text{float:left;}
.contact{float:right;}

#price			{float:right;width:133px; height:70px;margin:77px 200px 0 40px; text-align:left;}
#but			{float:left;margin:44px 0 0 106px; text-align:left;}
a.but-arrow{padding-left:11px;}

/*VISUAL
-----------------------------------------------------------------------------*/
.visual{position:relative;width:385px;}
.visualT{float:left;color:#ffffff;width:337px;height:148px;background:url(../images/bg-vis.gif) no-repeat top left}
.visualT p {margin:20px;font: 13px Arial,'Trebuchet MS',  sans-serif; color:#ffffff;}
.more{position:absolute;top:102px;left:290px;}

/* =Branding
-----------------------------------------------------------------------------*/
#crumb		{ margin:0px 0px 15px 0px; font:11px Tahoma; color:#016a8c;}
#crumb strong	{ line-height:1.5;}
#crumb img	{ margin:0px 5px 0px 5px;}

/* =Print
-----------------------------------------------------------------------------*/
.print		{ margin:10px 0px 0px 0px;}
.print img	{ margin:0px 5px 0px 0px; float:left;}
.print div	{ float:left;margin:0;font:11px Tahoma;}

/* =Main Nav
-----------------------------------------------------------------------------*/
#mainNav		   {float:left;margin:19px 0 0 0px;padding:0;overflow:hidden;height:31px;}
#mainNav li		   {float:left!important;padding:0;margin:0;list-style:none;display:block!important;}
#mainNav li a		   {width:126px;padding:10px 0 7px 0;text-align:center;display:block!important;font:11px Arial,'Trebuchet MS', sans-serif;text-transform:uppercase;color:#ffffff;text-decoration:none;}
#mainNav li a:hover {width:126px;padding:10px 0 7px 0;text-align:center;display:block!important;line-height:100%;background:url(/templates/ino/images/nav-act.gif) no-repeat top center;font:11px Arial,'Trebuchet MS', sans-serif;text-transform:uppercase;color:#ffffff;}
#mainNav li.act	   {width:126px;padding:10px 0 7px 0;text-align:center;display:block!important;line-height:100%;background:url(/templates/ino/images/nav-act.gif) no-repeat top center;font:11px Arial,'Trebuchet MS', sans-serif;text-transform:uppercase;color:#ffffff;}

#mainNav .line		   {float:left!important;background:#a4cee4;margin:10px 0 0px 0; height:13px;width:1px;float:left;z-index:0;overflow:hidden;}

/* =Sub Nav
-----------------------------------------------------------------------------*/
.mn3			{ margin:0px 0px 8px 10px; font:11px Tahoma; color:#4c4a4a; padding:0px 0px 0px 8px; background:url(/templates/ino/images/mli.gif) no-repeat; background-position:0px 6px;}
.mn3 a			{ font:11px Tahoma;}
.menu3			{ font:11px Tahoma; padding:3px 11px 3px 0px;}

/* =Main Content
-----------------------------------------------------------------------------*/

#content	{ margin:0 0 0 0;overflow:hidden;padding:23px 0 0 0;background:url(/templates/ino/images/bg-page.gif) no-repeat left top;}
#content h1.title {border-bottom: 3px double #73b1d6;}

#contenti	{ margin:0 0 0 0;overflow:hidden;padding:23px 10px 23px 10px;background:url(/templates/ino/images/bg-pagei.gif) no-repeat left top;}

#mainContent	{ float:left;margin:0;width:632px;padding:5px 0 34px 0;background:url(/templates/ino/images/top-cont.gif) no-repeat left top;}
#mainContenti	{  float:left;margin:0 0 34px 0;padding:5px 0 34px 0;width:656px;min-height:440px;background:url(/templates/ino/images/top-conti.gif) no-repeat left top;}

.content	{ float:left;margin:0;padding:0;width:632px;background:url(/templates/ino/images/bg-cont.gif) repeat-y left top;}
.contenti	{ float:left;margin:0;padding:7px 25px 20px 25px;width:606px;background:url(/templates/ino/images/bg-conti.gif) repeat-y left top;}

.contenti h1{margin:3px 0px 15px 0px;}

.info{width:360px;padding:0 20px 20px 20px;float:left;}
.info p{line-height:17px;}
.info  a{display:block;width:76px;float:right;padding:4px 0 5px 0;text-align:center;color:#ffffff;font:11px Arial,sans-serif;background:url(/templates/ino/images/but.gif) no-repeat left top;text-decoration:none;}

.filials{width:186px;padding:32px 26px 20px 20px;float:left;}
.filials h5{color:#012940;font:bold 13px Arial,sans-serif;}
.filials  p{padding:0 0 5px 0;color:#012940;font:11px Arial,sans-serif;}
.filials  a{display:block;width:76px;float:right;padding:4px 0 5px 0;text-align:center;color:#ffffff;font:11px Arial,sans-serif;background:url(/templates/ino/images/but.gif) no-repeat left top;text-decoration:none;}

/* =Secondary Content
-----------------------------------------------------------------------------*/
#subContent	{float:left;width:220px;margin:0 50px 0 37px;background:url(/templates/ino/images/bg-tmenu.gif) no-repeat left top;}
#subContenti	{float:left;width:220px;margin:0 25px 0 37px;background:url(/templates/ino/images/bg-tmenu.gif) no-repeat left top;}
#subContent	a.zap img{margin-bottom:15px;display:block;}

/* =MONEY
-----------------------------------------------------------------------------*/
#money{width:180px;margin:0 auto;padding:10px 0 0 0;}
.money{width:180px;color:#b90101;cursor:pointer;color:#ffffff;font:11px 'Trebuchet MS', Arial, sans-serif;}
.money h4{font:bold 17px Arial;color:#ffffff;}
.money .dateM{padding:0;color:#0bc7ff;font:bold 11px 'Trebuchet MS', Arial, sans-serif;}

/* =Footer
-----------------------------------------------------------------------------*/
#footInfo{clear:both;overflow:hidden;}
.phone{float:left; padding:30px 95px 30px 30px;font:11px Arial, sans-serif;color:#ffffff;}
.copy			{float:left; margin:30px 0px 0px 0px;font:11px Arial, sans-serif;color:#ffffff;width:350px;}
.copy strong		{font:bold 11px Arial, sans-serif;color:#ffffff;}
.artis 			{float:right;font:12px 'Trebuchet MS', Arial, sans-serif;color:#ffffff; margin:30px 60px 0px 0px;}
.artis a {color:#ffffff;font:12px 'Trebuchet MS', Arial, sans-serif;}

/* =Forms
-----------------------------------------------------------------------------*/
form.contact-form {margin:10px 0 0 0;}
form.contact-form p{float:left;width:300px;}
form.contact-form  label {float:left;padding:3px 0 0 0;}
form.contact-form  label .required {color:#ff0000;padding:0 5px 0 0;}
.txt		{font:12px Arial, sans-serif;vertical-align:top;color:#392700;padding:0px 5px 2px 0px;}
.text		{float:leftbackground:#ffffff;font:12px Arial, sans-serif; border:1px solid #8f99a2;width:230px;height:17px;padding:2px 0px 0px 0px;margin:0px 0px 8px 0px;}
.textbody	{background:#ffffff;font:12px Arial, sans-serif; border:1px solid #8f99a2;width:600px;height:90px;padding:2px 0px 0px 0px;margin:0px 0px 8px 0px;}
.button		{cursor:pointer;width:76px;background:url(/templates/ino/images/but.gif) no-repeat left top;font:bold 11px Tahoma, sans-serif;color:#ffffff;border:none;padding:4px 5px 5px 5px;margin:0px 0px 8px 0px;}

/* Removes fieldset borders. even on Opea 7 */
fieldset {border: 1px solid transparent;}

/* =Tables
-----------------------------------------------------------------------------*/
table{margin-bottom:10px;}
.content_TABLE{border-collapse:collapse;border:1px solid #4C4A4A;font:11px Arial;}
.header_TD	{border:1px solid #4C4A4A;padding:4px; text-align:center;font:normal 11px  Arial,'Trebuchet MS', sans-serif;color: #012a41;vertical-align:top;}
.content_TD	{border:1px solid #4C4A4A;padding:4px 4px 4px 7px;font:normal 11px  Arial,'Trebuchet MS', sans-serif;color: #012a41;vertical-align:top;}
.header_TD p {padding:0; text-align:center;font:normal 11px  Arial,'Trebuchet MS', sans-serif;color: #012a41;vertical-align:top;}
.content_TD p{padding:0;font:normal 11px  Arial,'Trebuchet MS', sans-serif;color: #012a41;vertical-align:top;}

/* =SCROLL
-----------------------------------------------------------------------------*/
.scroll-wrap{float:left;padding:0;margin:37px 0 0 16px;}
.scroll-pane {width:187px;height:117px;overflow: auto;font:11px 'Trebuchet MS', Arial, sans-serif;color:#ffffff;}
.scroll-pane  p{font:11px 'Trebuchet MS', Arial, sans-serif;color:#ffffff!important;}
.scroll-pane a {color:#0bc7ff!important;font:12px 'Trebuchet MS', Arial, sans-serif;}

/* =News
-----------------------------------------------------------------------------*/
.news{clear:both;overflow:hidden;padding:9px 0 9px 19px;}
.news.act{clear:both;overflow:hidden;border:1px solid #dcdcdc!important;padding:9px 0 9px 19px;}
.newsP h1{color:#4c4a4a;font:bold 16px Arial,'Trebuchet MS', sans-serif;margin:20px 0 15px 0; }
#news			{float:left;margin:37px 0 0 0;width:400px;overflow:hidden;}
.newsS			{width:400px;overflow:hidden;background:url(/templates/ino/images/bg-news.gif) no-repeat left top;}
.title			{float:left;font:bold 17px Arial; color:#ffffff; margin:0px 0px 10px 0px;width:100px;}
.dateN			{font:9px Arial;color:#4c4a4a;padding:3px 15px 0 0;float:left;}
.titleN			{float:left;position:relative; z-index:1; margin:0!important;border:0px solid #000000;}
.titleN a		{font:bold 13px'Trebuchet MS', Arial, sans-serif;color:#00468c;padding:0;text-decoration:none;}
.titleN a:hover	{font:bold 13px'Trebuchet MS', Arial, sans-serif;color:#4c4a4a;padding:0;text-decoration:none;}
.textN			{clear:both!important;font:12px Arial;color:#012a41;padding:3px 0px 0px 0px;}
.arh			{margin:3px 0px 0px 20px;float:left;}
.arh a			{display:block; line-height:100%;font:11px Arial;color:#0bc7ff; padding:0px 0px 4px 16px; }

.newsT{clear:both;}

.rss{float:right;margin:0 0px 0px 20px;}
.rss a			{float:left;display:block; line-height:100%;font:11px Arial;color:#0bc7ff; padding:3px 0px 4px 5px; }
.rss a.rssi			{float:left;display:block; line-height:100%;font:11px Arial;color:#0bc7ff; padding:1px 0px 4px 5px; }
/*_____________________________________________ Start - Projects - jCarouselLiteDemo _____________________________________________*/
#jCarouselLiteDemo {clear:both;}

#jCarouselLiteDemo .carousel  {padding:0;margin:0;position: relative; overflow:hidden;background:url(/templates/ino/images/bg-news.gif) no-repeat left top;height:117px;    }
#jCarouselLiteDemo .main { margin:0;width:400px;}
#jCarouselLiteDemo .carousel button {float: left;}              
#jCarouselLiteDemo .carousel a.prev{margin:49px 0 0 7px;display: block;float: left;width:15px;height:16px;text-decoration: none;background: url(/templates/ino/images/prev.gif) left top no-repeat;}
#jCarouselLiteDemo .carousel a.next {margin:49px 0 0 7px;display: block;float: left;width: 15px;height:16px;text-decoration: none;background: url(/templates/ino/images/next.gif) right top no-repeat;}
#jCarouselLiteDemo .carousel a.next {background: url(../images/next.gif) right top no-repeat;}
#jCarouselLiteDemo .carousel a.next:hover {background: url(/templates/ino/images/next.gif) right top no-repeat;}
#jCarouselLiteDemo .carousel a.prev:hover {background: url(/templates/ino/images/prev.gif) right top no-repeat;}    
#jCarouselLiteDemo .carousel a:hover, #jCarouselLiteDemo .carousel a:active {border: none;outline: none;}                 
#jCarouselLiteDemo .carousel .jCarouselLite {width:335px!important;margin:20px 0 0 7px;float: left;overflow:hidden;position: relative;visibility: hidden;left: -5000px;}
#jCarouselLiteDemo .carousel ul {padding:0;}
#jCarouselLiteDemo .carousel li  {width:295px;height:78px;padding:0;margin:15px 20px 0 20px;}

.but {margin:10px 0 10px 0;width:218px;}
.but a {overflow:hidden;}