html,body { margin:0;padding:0 }

body { font: 76% "Trebuchet MS", Trebuchet, Arial, sans-serif;text-align:center }

div#header { margin:0; height: 130px; background: #EEE url(../images/logo.gif) no-repeat; color: #ffa801; }

div#header h1 { text-indent: -90px; margin:0; line-height: 45px; font-size: 2.6em; padding: 0 0 0 100px; color: #ffa801; background: #eee url(../images/header.jpg); margin-left: 160px; width: 540px; height: 128px;}
div#header .home_header { text-indent: -90px; margin:0; line-height: 45px; font-size: 2.6em; padding: 0 0 0 100px; color: #ffa801; background: #eee; margin-left: 160px; width: 540px; height: 128px;}

div#header h2 { margin-top: -80px; font-size: 1.6em; padding: 0; }
  
div#container { text-align:left }
div#container { width:800px;margin:0 auto }

div#content .home { float:right; width:600px; height:510px; background: #fff url(../images/wellcome-to-opatija.jpg); }

div#content .home h1,h2,h3	{ text-align: center; color: navy; }
div#content .home h1		{ font-size: 3.4em; }
div#content .home h2 		{ font-size: 2.6em; margin-bottom: 255px; }
div#content .home h3		{ text-align: center; background: #EEE; line-height:35px; margin: 0px; color: #000; opacity:0.5; -moz-opacity:0.5; }
div#content h4		        { font-size: 1.2em; margin-left: 15px; }

div#content { float:right; width:600px; }
div#content div#content_wrap { margin: 10px 0 0 10px; }
div#content p { line-height:1.4; }
div#content h3 { padding-left:10px; color: #ffa801; text-transform: uppercase; font-size: 1.8em; text-align: left; }
div#content img { margin-right: 30px; border: 1px solid #dadada; padding: 1px; }
div#content a { color: #ffa801; }
div#content a:hover { text-decoration: none; }

div#navigation { background:#B9CAFF; float:left;width:200px; margin: 0px; }
div#navigation ul { padding: 0 15px; }
div#navigation li { list-style: none; font-size: 1.1em; text-transform: capitalize; }
div#navigation a { text-decoration: none; color: navy; display: block; padding: 5px; margin: none; }
div#navigation a:hover { text-decoration: underline; background-color: #EEE; }
div#navigation a span { color: red; font-weight: bold; }


div#footer { clear:both;background: #333; }
div#footer p { margin:0;padding:5px 10px; text-align: right; color: #bbb; }
div#footer a { color: #bbb; text-decoration: none; }
div#footer a:hover { text-decoration: underline; }
div#footer .irb { margin-right: 50px; }

fieldset    { border: none; }
label,input { display: block; width: 350px; float: left; margin-bottom: 12px; }
label       { text-align: right; width: 80px; padding-right: 15px; }
input       { border: 1px solid silver; }
input:focus { border: 2px solid navy; margin-bottom: 10px; }
form br     { clear: left; }
span.req    { color: #ffa801; font-weight: bold; font-size: 2.0em; margin-left: 10px; }
input.radio { width: 13px; margin-left: 20px; }
label.desc  { text-align: left; width: 400px; padding-right: 15px; margin-left: 10px; }
span.desc   { text-align: left; width: 400px; padding-right: 15px; margin-left: 20px; }
input.button{ width: 100px; margin-left: 220px; padding: 4px 2px; background-color: #ffa801; color: #fff; margin-bottom: 40px; font-size: 1.2em; font-weight: bold; }

div#errors      { border: 2px solid red; padding: 10px; margin: 0 0 25px 15px; width: 415px; }
div#errors h4   { color: red; font-size: 1.4em; margin: 5px 0; }
div#errors span { color: red; font-weight: bold; }