html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;background-position: top center;border:0;outline:0;vertical-align:baseline;font:inherit inherit 100% inherit}:focus{outline:0}ol,ul{list-style:none;}
#zaglavlje { background: url(../images/bg.png) repeat-x; #background: url(../images/bg.gif) repeat-x; height: 81px; }
#header { margin: 0 auto; width: 940px; padding: 8px 10px 0 10px; } 
#logo img { display: block; width: 124px; height: 50px; padding: 7px 0 0 0;}
#logo { float: left; width: 225px; } /*#logo img { margin: 26px 0 0 0; } */ #banner { width: 455px; float: left; text-align:center; padding: 0px 0 0 0; } 
.menu ul, .inline{display:inline-block;}
.menu ul,.inline {display: block;}
ul.menu,.menu ul { margin: 0; padding: 0; list-style: none; } 
ul.menu li, .menu ul li { margin: 0; padding: 0; }
#menu { background: #1c344e; border-top: 1px solid #3971b2; } 
#mainmenu { margin: 0; padding: 5px 0 0 0; width: 940px; margin: 0 auto; } 
#mainmenu a { padding: 8px 14px; text-decoration: none; color: #fff; font-size: 14px; } 
#mainmenu ul#gornjim { margin: 0; padding: 0; width: 80%; float: left; } 
#mainmenu ul#gornjim li { margin: 0 2px 0 0; float: left; background: transparent url(../images/menuleft.gif) no-repeat 0 0; }
#mainmenu ul#gornjim li a { float: left; background: transparent url(../images/menuright.gif) no-repeat right 0; } 
#mainmenu ul#gornjim li a:hover { text-decoration: underline } 
#mainmenu ul#kontm { margin: 0; padding: 0; width: 20%; float: right; } 
#mainmenu ul#kontm li { margin: 0 0 0 2px; float: right; background: transparent url(../images/menuleft.gif) no-repeat 0 -200px; }
#mainmenu ul#kontm li a { float: left; background: transparent url(../images/menuright.gif) no-repeat right -200px; }
#donjm { background: #FFFFFF url(http://www.tapess.hr/images/submenu.gif) 0 20px repeat-x; position: relative; zoom: 1; } 
#mainmenu ul#kontm li a:hover { text-decoration: underline } 
#donjm ul { margin: 0 auto; padding: 0 5px; width: 930px; height: auto; border-top: 20px solid #fff; zoom: 1; } 
#donjm ul li { float: left; position: relative; zoom: 1; background: none;}
#donjm ul li a { float: left; font-size: 12px; line-height: 20px; padding: 5px 10px; text-decoration: none; color: #1c344e; } 
#donjm ul li a:hover { font-weight:bold } 
#donjm li div { position: absolute; top: 1.6em; left: -3000px; width: 179px; background: transparent url(../images/bg-sf-nav.gif) no-repeat 0 0; z-index: 5000; padding: 0; margin: 0; } 
#donjm li div ul { margin: 0; padding: 16px 3px 15px 3px; display: block; float: none; background: transparent url(../images/bg-sf-nav-bot.gif) no-repeat 0 bottom; width: auto; border: none; } 
#donjm li:hover div, #donjm li.hover div { left: 0; } 
#donjm li ul li, #donjm li.current ul li { margin: 0; padding: 0; clear: left; position: relative; float: none; background: none !important; } 
#donjm li ul li a, #donjm li.current ul li a:hover { display: block; float: none; clear: left; padding: 2px 8px; color: #708aa7; border-bottom: 1px solid #EFF7FF; position: relative; background: none !important; } 
#donjm li ul li a:hover, #donjm li.current ul li a:hover { background: #EFF7FF !important; color: #5A8DCF; }
#fimapleft { float: left; width: 385px; }
#fimap { float: left; padding: 0 0 0 10px; height: 185px; }
.back_button { margin: 0 0 10px 0; }
#footer{ height: 43px; border-top: 1px solid #dfe3e6; clear:both; background: url(../images/submenu.gif) repeat-x; padding: 0 0 0 0; line-height: 50px; }
#footer2 { margin: auto; top: 0; right: 0; bottom: 0; left: 0; width: 930px; }
.footer { color: #626262; text-decoration:none; } 
#footerleft{ height: 20px; width: 470px; text-align: left; float: left; padding-top: 11px; padding-left: 17px; color: #626262; font-size: 11px; } 
#footerright{ height: 20px; width: 400px; text-align: right; float: right; padding-top: 11px; padding-right: 12px; color: #626262; font-size: 11px; } 
#mainbox { margin: auto; top: 0; right: 0; bottom: 0; left: 0; width: 930px; height: 100%; }
#mainbody{ float: left; width:600px; text-align: left; padding: 0; }
#rightc{ float: left; width: 330px; text-align:center; margin: 40px 0 10px 0; }
body{line-height:1;color:#000;background:#fff;font:13px arial,helvetica,clean,sans-serif; }
table{border-collapse:separate;border-spacing:0;font-size:inherit}
caption,th,td{text-align:left;font-weight:400}
select,input,textarea{font:99% arial,helvetica,clean,sans-serif}pre,code{font:115% monospace}
body *{line-height:1.22em}
.clear{clear:both}
h1, h2, h3, h4, h5, h6, .contentheading { font-weight: normal; margin: 0 0 20px 0; padding: 0; color: #333; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; } h1, .contentheading, td.contentheading td { font-size: 28px; line-height: 40px; letter-spacing: -1px; color: #000; text-shadow: 2px 2px 1px #ccc; } h2 { margin: 5px 0 5px 0; padding: 0; font-size: 20px; line-height: 30px; color: #396aaa; } h3 { margin: 5px 0 5px 5px; padding: 0; font-size: 16px; line-height: 20px; color: #FFF; font-weight: bold; text-align:center; background:#2C7CC5 } h4 { font-size: 14px; line-height: 20px; margin: 5px 0 5px 0; padding: 0; font-weight:bold; } h5 { font-size: 14px; margin: 5px 0 5px 0; padding: 0; line-height: 20px; } h6 { font-size: 100%; }
#main-photo { margin: -30px -5px 0 30px; width: 302px; height: 305px; float: right; background: url(../images/frame.gif) no-repeat; position: relative; } 
#main-image { width: 281px; height: 232px; margin: 8px; border: 1px solid #A4B0BF; overflow: hidden; } 
#main-image img { display: block; } 
#main-frame { position: absolute; bottom: 0; left: 0; }
.menu ul:after,.inline:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#content { margin: 20px auto; padding: 0; width: 960px; } #content-feature { } #content-primary { margin: 0 10px; padding: 10px 0; width: 748px; float: left; } #content-secondary { margin: 0 10px; width: 172px; float: right; }
div, p,ul,ol,td,table,address,.contentpaneopen { color: #626262; line-height: 20px; font-size: 12px; line-height: 1.5em;} 
p { margin: 10px 0 15px 0; } 
li { margin: 0 0 5px 0; color: #626262; line-height: 1.5em; font-size: 12px; padding: 0 0 0 20px; background: url(../images/arrow.gif) no-repeat 5px 2px; } 
div.menu li { padding: 0 25px 0 25px; } 
em { font-style: italic; } 
strong { font-style: bold; } a { color: #355F97; } a:visited { } a:hover { color: #4072b4; } a:active { }
li.active a { font-weight:bold }
table.contentpaneopen { width: 100%; padding: 0px; border-collapse: collapse; border-spacing: 0px; margin: 0px; font-size: 11px; line-height: 1.5em; } 
table.contentpaneopen td { padding-right: 5px; line-height: 1.5em; } 
table.contentpane, div.componentheading, .componentheading, table.contentpaneopen td.componentheading { font-family: Arial; color: #4a4a4a; text-align: left; font-weight: normal; font-size: 18px; } 
.contact_email #contact_name, .contact_email #contact_email, .contact_email #contact_subject { background: #FFFFA0; }
.inputbox {padding: 2px;border:solid 1px #cbb945;}
.contentcolumn{padding-right: 5px;}
table.contentpane{width: 100%;padding: 0px;border-collapse: collapse;border-spacing: 0px;margin: 0px;font-size: 11px;}
table.contentpane td {margin: 0px;padding: 0px;}
.buttonheading{ margin:0; padding:0}
td.firsticon { margin:10px 0 0 0}
.button {color: #FFFFFF;font-family: Arial; text-align: center; font-size: 11px; width: auto; padding: 2px .6em; font-weight:normal !important; text-decoration:none; background: url(../images/btnsub.png) left center repeat-x; border:1px solid #93BCDB; border-right-color:#075A99; border-bottom-color:#075A99; } .button:hover { cursor:pointer; border-top-color:#075A99; border-left-color:#075A99; border-bottom-color:#93BCDB; border-right-color:#93BCDB;}
.message { background:#2F91CA; text-align:center; width: 100%; margin: 20px 0 0 0; color: #FFFFFF; font-size: 16px; font-style:italic; line-height:24px; font-weight:bold; width: 487px; }
#fimapbute { width: 182px; height: 34px; line-height: 26px; text-align: center; float: left; font-weight:bold; background: url(../images/easy.gif) no-repeat; color: #FFFFFF;cursor: pointer;}
#fimapbutp { width: 182px; height: 34px; line-height: 26px; text-align: center; float: left; font-weight:bold; background: url(../images/professional.gif) no-repeat; color: #FFFFFF;cursor: pointer; margin-left:10px;} 
#fimapbute a:link, #fimapbute a:visited, #fimapbutp a:link, #fimapbutp a:visited {text-align: center;line-height: 26px;color: #FFFFFF;cursor: pointer;}
#startc { width: 492px; }
#start1 { float: left; width: 164px; }
#start2 { float: left; width: 164px; }
#start3 { float: left; width: 164px; }
#washroom { width: 310px; height: 470px; float:left; clear:both}
#washroomt {  width: 240px; float:left  }
.clear { clear:both}
.back_button a:link, .back_button a:visited { text-decoration:none } 
ul.language { float: right; vertical-align: middle; list-style: none; padding: 0; margin: 0; font-size: 0.8em; } ul.language li { background-image: none; padding-left: 0px; padding-right: 0px; float: left; margin: 1px 1px 1px 1px; white-space: nowrap; border: none; } ul.language li a { display: block; } ul.language img { border: none; } #lang { margin-top: 5px; text-align:right; padding: 0 0 0 135px; } 
div.moduletable img {margin: 0} 
.search { border: #99a6c8 1px solid; padding: 1px 1px; #padding: 0 1px }
#header div.seamen { white-space: nowrap; padding: 20px 0 0 107px; width: 138px; } /*padding: 15px 0 0 107px; #padding: 5px 0 0 107px;*/
#header div.seamen a, #header div.seamen a:hover, #header div.seamen a:visited {font-size: 11px; text-transform: uppercase; color: #fff; text-decoration: none}
html div.seamen {  }
textarea{border:1px solid #cbb945;background-color:#fffadb;padding:3px;}
input{border:1px solid #cbb945;}
div.contact_email input:focus, div.contact_email textarea:focus { border-color: #dc841e; } 
#pola { background: url(http://www.tapess.hr/images/arrowani.gif) no-repeat 50px 40px; float: left; width: 50%; height: 130px; text-align:center; font-size:13px; font-family: Helvetica, Tahoma, Arial; } #pola a:link, #pola a:visited { text-decoration:none; font-weight:bold; color: #008070; } #pola a:hover { text-decoration: underline; } #pola img { margin: 10px 0; }
#pola2 { background: url(http://www.tapess.hr/images/arrowani.gif) no-repeat 50px 40px; float: left; width: 50%; height: 130px; text-align:center; font-size:13px; font-family: Helvetica, Tahoma, Arial; } #pola2 a:link, #pola2 a:visited { text-decoration:none; font-weight:bold; color: #008070; } #pola2 a:hover { text-decoration: underline; } #pola2 img { margin: 10px 0; }
#pola2 img { margin: 10px 0; height: 76px; width: 94px; }
.tabletitle { font-weight:bold; font-size: 12px; background:#CCCCCC; text-align:center}
.table { font-size: 9px; border: 1px #999999 solid}
#sestina { background: url(http://www.tapess.hr/images/arrowani.gif) no-repeat 20px 40px; float: left; width: 33%; height: 130px; text-align:center; font-size:13px; font-family: Helvetica, Tahoma, Arial; } #sestina a:link, #sestina a:visited { text-decoration:none; font-weight:bold; color: #008070; } #sestina a:hover { text-decoration: underline; } #sestina img { margin: 10px 0; }
#sestina2 { background: url(http://www.tapess.hr/images/arrowani.gif) no-repeat 20px 40px; float: left; width: 33%; height: 130px; text-align:center; font-size:13px; font-family: Helvetica, Tahoma, Arial; } #sestina2 a:link, #sestina2 a:visited { text-decoration:none; font-weight:bold; color: #008070; } #sestina2 a:hover { text-decoration: underline; } #sestina2 img { margin: 10px 0; }
#sestina2 img { margin: 10px 0; height: 76px; width: 94px; }
.malo { font-size:9px; font-weight:bold  }
#rest { width: 205px; float: left; text-align:center; }
#rest a:link, #rest a:visited { position: absolute; color: #FFFFFF; text-decoration:none; text-align:center; margin:5px 0 0 15px; } #rest a:hover { text-decoration:underline; }