body{ line-height:1;color:#4B4B4B;background: #439DEB url(../images/bg.jpg) right bottom no-repeat;font:13px arial,helvetica,clean,sans-serif; min-height:1518px; }
#topbg { height: 41px; padding:0; margin:0; text-align: center; } /*  background-color: transparent;  */
#okv { margin: auto; top: 0; right: 0; bottom: 0; left: 0; width: 930px; height: 100%; }
#header { margin: 0 auto; height: 140px; padding: 10px 0 10px 0; } 
#logo { float: left; width: 277px; margin: 10px 0 0 0; } 
#zast { float: left; height: 50px; margin: 0 0 0 200px; } #zast a:link, #zast a:visited { color: #FFFFFF; text-decoration:none; } #zast a:hover { color: #234783; }
#z1 { float: left; margin: 0 10px; } 
#menubar { height: 34px; margin: 0; } 
ul#mainlevel { margin: 0; border: 0 none; padding: 0; list-style: none; height: 34px; line-height:34px }
ul#mainlevel li { margin: 0; border: 0 none; padding: 0 10px; float: left; display: inline; list-style: none; position: relative; height: 34px; }
ul#mainlevel ul { margin: 0; border: 0 none; padding: 0; list-style: none; display: none; position: absolute; top: 30px; left: 0; }
ul#mainlevel ul li { float: none; display: block !important; display: inline; /*For IE*/ }
ul#mainlevel a { width: 154px; height: 34px; float: none !important; /*For Opera*/ float: left; /*For IE*/ display: block; color: #4BADF6; /* font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif; */ font-size: 16px; font-weight: bold; text-decoration: none; height: auto !important; height: 1%; /*For IE*/ background: #439DEB url(../images/mbg.gif) no-repeat; line-height:34px}
ul#mainlevel a:hover { float: none !important; /*For Opera*/ float: left; /*For IE*/ display: block; color: #234783; /* font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif; */ font-size: 15px; font-weight: bold; text-decoration: none; height: auto !important; height: 1%; padding: 1px 0 0 0; background: #439DEB url(../images/mbg.gif) 0 1px no-repeat; /*For IE*/ }
#content { margin: 10px 0; padding: 0 10px; _margin: 0 0 0 -70px; width: 840px; _width: 860px;} 
#prva { float: left; width: 200px; text-align:right; margin: 2px 0 0 0; }
#druga { float: left; width: 200px; text-align:left; padding-left: 5px; margin: 1px 0 0 0; }
#drugasl { float: left; width: 100px; #width: 144px; text-align:left; padding-left: 5px; vertical-align:top}
#treca { float: left; width: 115px; height: 40px; text-align:left;border: 1px solid #7F9DB9}
.required { color:#CC0000 }
#send { text-align: left; padding-left: 204px; }
#obl { text-align:right }
.obliga { background: #FFDFAD; }
div, p,ul,ol,td,table,address,.contentpaneopen { color: #4B4B4B; line-height: 20px; font-size: 12px; line-height: 1.5em; } 
.contentpaneopen { color: #4B4B4B; line-height: 20px; font-size: 13px; line-height: 1.5em; } 
#ftext { float:left; width: 485px; }
#fgal { float:left; width: 326px; margin: 0 0 0 20px; }
#ftext { font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size: 16px; }
#error { background: #439DEB; color:#FFFFFF; color:#FFFFFF; font-weight:bold; }
#listing { background-color: #FFFFFF; border: 1px solid #234783; }
#listing2 { background-color: #F5EBDD; padding: 10px; margin: 6px; text-align: left; #margin-bottom: -12px; } 
#pretragal { margin-top: 10px; text-align: center; #margin-left: -10px; } html>body #pretragal {#margin-left: 0}
#soba { width: 500px; text-align: left; padding: 10px; height: 126px; }
.slika { width:220px; float: left; text-align: center; margin-right: 10px; }
a.naslovtip:link, a.naslovtip:visited {	font-weight: bold; color: #A66E29}
.naslovi {font-weight: bold; color: #1075DC; line-height: 20px; font-size: 110%; }
.cijena {color: #FA0A0A; font-weight: bold; }
div.des { float:left; width:480px; height:150px; padding: 0 0 0 10px; background-color:#ffffff; border:1px solid black; /* for IE */ filter:alpha(opacity=60); /* CSS3 standard */ opacity:0.6; color:#000000; }
#appa { margin: 0 0 -30px 0 }
#framep1 { width:470px; #width:480px; margin-right:auto; padding:0; height: 40px; background: #67B5F7; font-weight:bold; margin-top: 10px; } 
#framep2 { width:470px; #width:480px; margin-right:auto; padding:0; line-height: 20px; background: #A3D7FF; } 
#pdatum { width:88px; #width:90px; padding: 0; float:left; text-align:center; height:40px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; color: #034285; line-height: 20px; } 
#pdattype { width:113px; #width:115px; padding: 0; float:left; text-align:center; height:40px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; color: #034285; } 
#pdat { width:88px; #width:90px; padding:0; float:left; text-align:center; line-height: 20px; height:20px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; color: #232323; font-weight:bold; } 
#ptype { width:113px; #width:115px; padding:0; float:left; text-align:center; line-height: 20px; height:20px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; color: #232323; font-weight:bold; } 
#apsi { height: 180px; clear: both; _margin-top:-15px;}
#hedimg { border: 1px solid #FFFFFF; position:absolute; margin: 57px 0 0 308px; #margin: 57px 0 0 -544px; _margin: 50px 0 0 -553px; * html margin: 57px 0 0 308px; }
#extimg { position:absolute; margin: -220px 0 0 300px; #margin: -220px 0 0 -523px; * html margin: -220px 0 0 300px; _margin: -220px 0 0 -523px; width: 480px; height: 100%; }
#loka { float: left; }
#loka2 { float: left; text-align:center; width: 200px; font-size: 120%; }
#pod { left: 5px; top: 1500px; color: #FFFFFF; position:absolute; font-weight: bold; } #pod a:link, #pod a:visited { color: #FFFFFF; text-decoration:none; }

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; }
#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; }
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: #234783; } 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: #FFF; /*text-shadow: 2px 2px 1px #ccc;*/ font-family: "Trebuchet MS", Arial; } 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; } 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-feature { } #content-primary { margin: 0 10px; padding: 10px 0; width: 748px; float: left; } #content-secondary { margin: 0 10px; width: 172px; float: right; }
p { margin: 10px 0 15px 0; } 
li { margin: 0 0 5px 0; 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: #234783; text-align: left; font-weight: normal; font-size: 18px; } 
.contact_email #contact_name, .contact_email #contact_email, .contact_email #contact_subject { background: #FFDFAD; }
.inputbox {padding: 2px;border:solid 1px #4494CC;}
.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{ padding:0; margin: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: #7496CA; 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 }
textarea{border:1px solid #4494CC;background-color:#FFDFAD;padding:3px;}
input{border:1px solid #4494CC;}
div.contact_email input:focus, div.contact_email textarea:focus { border-color: #dc841e; } 
.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; }