body { background: #fff url(../images/layout/body.gif) top center no-repeat; font-family: Arial, Helvetica, sans-serif; }



#header { width: 960px; margin: 0 auto; height: 118px; position: relative; }

#header h1 { padding-top: 29px; }

#header h1 a { background: url(../images/layout/logo.png) no-repeat; display: block; text-indent: -5000px; width: 156px; height: 22px; }



#header fieldset { background: url(../images/layout/search.png) no-repeat; width: 181px; height: 25px; position: absolute; right: 0; top: 26px; }

#header fieldset .search { background: none; font-size: 11px; display: block; color: #969696; border: none; padding: 0 8px 0 8px; width: 138px; margin-top: 5px;  }



#header ul { position: absolute; top: 88px; left: 0; }

#header ul li { display: inline; }

#header ul li a { font-size: 11px; text-decoration: none; text-transform: uppercase; margin-right: 20px; color: #fff; }

#header ul li a:hover, #header ul li a.active { color: #acfc5d; }



#snimka {padding:3px; background-color:#E2E2E2; margin-right:3px;border: 1px solid #C6C6C6;};

#snimki ul { left: 0; }

#snimki ul li { display: inline; }

#snimki ul li a { font-size: 11px; text-decoration: none; text-transform: uppercase; color: #fff; }

#snimki ul li a:hover, #header ul li a.active { color: #acfc5d; }



#documenti { width:960px;}

#document { width:660px; float:left;}

#document a {font-size:16px; display:block;padding:5px; background-color:#f5f5f5;text-transform:uppercase; text-decoration:none;}

#document a:hover, #document a.active {font-weight:bold; background-color:#ccc; color:#fff; text-decoration:none;}

#document_right { width:280px; float:right;}



#sub-header { background: #7db63c url(../images/layout/sub_header.gif) top repeat-x; color: #fff; height: 281px; }

#sub-header-inner { width: 960px; margin: 0 auto; padding: 34px 0; position: relative; background: url(../images/layout/header_pine.jpg) top right no-repeat; height: 281px; }

#sub-header h2 { width: 281px; height: 23px; margin-bottom: 12px; font-weight:bold;}

#sub-header p { margin-bottom: 18px; width: 610px; font-size: 13px; line-height: 1.5; }

#sub-header p.highlight { font-size: 16px; }

#sub-header p.learn-more { margin: 0; }

#sub-header p.learn-more a { display: block; text-align: center; font-size: 13px; color: #fff; background: url(../images/buttons/learn_more.png) no-repeat; height: 27px; width: 105px; text-decoration: none; padding-top: 4px; }

#sub-header p.learn-more a:hover { background-position: right; }

#sub-header img { position: absolute; right: 0; top: 30px; }



#sub-header.interior { height: 142px; background: url(../images/layout/sub_header_interior.gif) repeat-x; }

#sub-header.interior p { width: auto; }

#sub-header.interior #sub-header-inner { padding: 30px 0 0 0; }



#sub-header.interior h2 { }





#content { background: url(../images/layout/content.gif) top repeat-x; margin-bottom: 20px; }

#content-inner { width: 960px; margin: 0 auto; padding: 30px 0; }

#content .column { width: 305px; float: left; margin-right: 20px; margin-top:10px; }

#content .column.last { margin-right: 0; }

#content .column h2, li { height: 13px; width: 300px; margin-bottom: 8px; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:14px; color:#000; }

#content .column li { height: 18px; width: 300px; margin-bottom: 8px; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#000; }

#content .column #snimki { padding:3px; background-color:none; margin-right:3px; }

#content .column h3#about { background: url(../images/headings/about.png) no-repeat; }

#content .column h3#services { background: url(../images/headings/services.png) no-repeat; }

#content .column h3#connect { background: url(../images/headings/connect.png) no-repeat; }

#content .column p { font-size: 11px; line-height: 1.6; margin-bottom: 12px; color: #333; }

#content .column a { color: #6fa235; font-size:12px;}

#content .column a:hover { color: #527628; }

#content .column p.read-more a { display: block; width: 95px; height: 23px; font-size: 11px; text-decoration: none; color: #360; background: url(../images/buttons/read_more.gif) left no-repeat; text-align: center; padding-top: 5px; }

#content .column p.read-more a:hover { background-position: right; }

#content .column img.left { float: left; margin: 3px 10px 0 0; padding: 1px; background: #fff; border: 2px solid #ececec; }

#content .column strong { font-weight: bold; }

#content .column em { font-style: italic; }



#content .column.main { width: 960px; font-size:12px; text-align:justify; }

#content .column.main h2, #content .column.main h3, #content .column.main h4, #content .column.main h5 { margin-bottom: 12px; font-weight: bold; color: #333; }

#content .column.main h2 { text-indent: -5000px; height: 15px; width: 590px; }

#content .column.main h2#lorem { background: url(../images/headings/lorem.png) no-repeat; }

#content .column.main h3 { text-indent: 0; font-size: 14px; }

#content .column.main h4 { font-size: 12px; }

#content .column.main h5 { font-size: 14px; border-bottom: 1px solid #666; }

#content .column.main table { width: 100%; border: 1px solid #e3e3e3; font-size: 11px; margin-bottom: 12px; }

#content .column.main table th { padding: 6px 10px; border: 1px solid #e3e3e3; font-weight: bold; color: #6fa235; }

#content .column.main table td { padding: 6px 10px; border: 1px solid #e3e3e3; color: #333; }

#content .column.main table .odd { background: #fafafa; }

#content .column.main table .odd2 { background: #EDF5C9; border:none; }

#content .column.main table .odd3 { font-size:15px;}

#content .column.main ul { left: 0; }

#content .column.main ul li { font-size: 13px; margin-left: 25px; }

#content .column.main ul li a { font-size: 14px; text-decoration: underline;}

#content .column.main ul li a:hover, #content .column.main ul li a.active { color: #4D9473; text-decoration: none; }



#content .column.sidebar { width: 310px; float: right; margin-right: 0; }

#content .column.sidebar h3 { text-indent: -5000px; height: 15px; width: 310px; }

#content .column.sidebar h3#example { background: url(../images/headings/example.png) no-repeat; }

#content .column.sidebar h3#touch { background: url(../images/headings/touch.png) no-repeat; }

#content .column.sidebar p { color: #666; }

#content .column.sidebar p.read-more { margin-bottom: 20px; }

#content .column.sidebar fieldset label { font-size: 11px; display: block; margin-bottom: 5px; color: #666; }

#content .column.sidebar fieldset li { margin-bottom: 10px; }

#content .column.sidebar fieldset .text, #content .column.sidebar fieldset textarea { border: 1px solid #e3e3e3; -webkit-border-radius: 3px;

-moz-border-radius: 3px;

border-radius: 3px; padding: 3px; font-size: 11px; color: #666; width: 202px; }

#content .column.sidebar fieldset .text:hover, #content .column.sidebar fieldset textarea:hover { border: 1px solid #c5c4c4; }

#content .column.sidebar fieldset textarea { height: 90px; width: 302px; }

#content .column.sidebar fieldset .button { background: url(../images/buttons/read_more.gif) no-repeat; width: 95px; height: 28px; text-align: center; color: #360; font-size: 11px; border: none; cursor: pointer; }

#content .column.sidebar fieldset .button:hover { background-position: right; }





#footer { clear: both; margin: 0 auto; width: 940px; padding: 6px 10px 12px 10px; border-top: 1px solid #e5e5e5; position: relative; }

#footer ul li { display: inline; }

#footer ul li a { font-size: 11px; text-decoration: none; color: #b5b5b5; margin-right: 12px; }

#footer ul li a.active, #footer ul li a:hover { color: #6b9f3c; }

#footer p { position: absolute; right: 10px; top: 10px; font-size: 11px; color: #b5b5b5; }

#footer p a { text-decoration: none; color: #6b9f3c; }