html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,a,img,strong,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
html{-webkit-text-size-adjust:100%}
@-ms-viewport{width:device-width}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ol,ul{list-style:none}
blockquote:before,blockquote:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
img,input,textarea{max-width:100%}
body{background-color:#9bd7fd;font-family:arial,verdana,sans-serif;color:#555}
#page{max-width:1102px;margin:12px auto;padding:0 30px 30px;background-color:#fff;z-index:0;border-radius:10px}
#wrap{margin:4px 0 0;padding:40px 0;overflow:hidden;border-top:1px solid #c0c0c0;border-bottom:1px solid #c0c0c0}
#main{width:74.59%;float:left;overflow:hidden}
#content{width:75.669%;float:left}
#secondary{width:17.275%;margin-left:7.054%;float:left}
#tertiary{width:23.775%;float:right;overflow:hidden}
#colophon{width:70%;float:left;padding:30px 0 0;overflow:hidden;font-size:.8em}
.alignright{float:right}
#content h1{margin:0 0 26px;font:bold 1.4em/1.4 arial,verdana,sans-serif}
#content h2{margin:26px 0 12px;font:bold 1.3em/1.4 arial,verdana,sans-serif}
#content h3{margin:26px 0 12px;font:bold 1.2em/1.4 arial,verdana,sans-serif}
h4{padding:15px 0;font-weight:bold}
a{color:#1078bb;text-decoration:none}
a:hover{color:#555!important;text-decoration:underline}
#content .post ul{padding:7px 0 7px 30px;line-height:1.3}
#content .post ul li{padding:0 0 12px;list-style:square}
#site-title{padding:21px 0 15px}
#site-title h2{font:italic .9em Georgia,Times,serif;color:#555;margin:17px 0 0}
header#branding img.headerimage{width:100%;height:auto;margin-top:12px}
#site-title h2.title{font:normal 2.1em Arial,Verdana,sans-serif;margin:0 10px 0 0;line-height:1.2;font-weight:bold;display:block;float:left}
#site-title h2.title a:hover{text-decoration:none}
#branding #mainnav{margin:30px 0 0;max-width:70%;float:right}
#branding #mainnav ul li{float:left;list-style:none;position:relative}
#branding #mainnav ul li a{margin:0;padding:9px 14px;display:block;font-size:.8em;text-transform:uppercase}
#branding #mainnav ul li:first-child{margin:0}
#branding #mainnav ul li a:hover{background:#c6e9ff;color:#999;text-decoration:none}
#branding #mainnav ul ul{display:none;float:left;position:absolute;top:2em;left:0;z-index:99999}
#branding #mainnav ul ul a{background:#ecf6fd;padding:9px 14px;width:11em;height:auto;text-transform:none}
#branding #mainnav li:hover > a{background:#c6e9ff}
#branding #mainnav ul ul a:hover{background:#c6e9ff}
#branding #mainnav ul li:hover > ul{display:block}
#subnav ul li{display:block;float:left;list-style:none;position:relative}
#subnav ul li a,.menu-mob{margin:0;padding:14px 9px;display:block;font-size:.9em;font-weight:bold;text-transform:uppercase}
#subnav ul li:first-child{margin:0}
#subnav ul li a:hover,.menu-mob{background:#c6e9ff;color:#999;text-decoration:none}
#subnav ul ul{display:none;float:left;position:absolute;top:2em;left:0;z-index:99999}
#subnav ul ul a{background:#ecf6fd;padding:9px 14px;width:11em;font-weight:normal;height:auto;text-transform:none}
#subnav li:hover > a{background:#c6e9ff}
#subnav ul ul a:hover{background:#c6e9ff}
#subnav ul li:hover > ul{display:block}
#subsub,.mobmenu{display:none}
#subsub{line-height:200%}
#content .post{margin:0 0 40px;padding:0 0 40px;overflow:hidden;border-bottom:1px solid #c0c0c0;clear:both;font-size:.95em;line-height:1.6}
#content .post:last-child{border-bottom:none}
#content .entry-header h2.entry-title{margin:0 0 12px;font:bold 1.3em/1.4 arial,verdana,sans-serif}
#content .entry-header h2.entry-title a:hover{color:#555;text-decoration:none}
#content .post p{padding:0 0 20px}
#content .entry-content{width:100%;margin:0;float:right}
#content .sticky{border-top:1px solid #c0c0c0;background-color:#c6e9ff;padding:15px 10px;overflow:hidden}
#content strong{font-weight:bold}
#content img{max-width:100%;height:auto;margin:0;padding:0}
#content iframe{max-width:100%;margin:3px 0 10px;display:block}
#content table{margin:10px 0 30px}
#content table tr{border-bottom:1px solid #c0c0c0}
#content table tr td{padding:10px 20px;border-left:1px solid #c0c0c0;border-right:1px solid #c0c0c0}
#content table.nobord tr{border-bottom:0}
#content table.nobord tr td{padding:0 5px;border:0}
#content table.termini,#content table.termini tr td{width:1.2em;padding:0;font-size:.9em}
#content.full-width{width:100% !important}
aside.widget{margin:0 0 30px;padding:0 0 30px;font-size:.9em;border-bottom:1px solid #c0c0c0}
aside.widget ul li{padding:0 0 7px;line-height:1.4em}
aside.widget ul li:last-child{padding:0}
.widget h3.widget-title{padding:0 0 15px;color:#555;font-weight:bold;text-transform:uppercase;letter-spacing:.1em}
#adresa h3.widget-title{margin-top:1em}
.textwidget{line-height:1.6}
.widget_menu{font-size:1em}
#secondary .center,#tertiary .center,#content .center{text-align:center}
#colophon p{line-height:1.5}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
a{color:#1078bb!important}
.imgleft{margin:5px!important;float:left}
.imgleft2{margin:5px 5px 30px!important;float:left}
.imgright,.imgright2{margin:5px!important;float:right}
.tlocrt{margin:30px!important}
#lang a{margin:20px}
#lang img{margin:-3px}
.nodesk,.errorhr,#fotom,.script{display:none}
#fotod{display:block}
.lb-prva{float:left;margin:0 10px}
#page,#menu-page-menu img,#subnav ul li:hover > ul,#content .sticky{box-shadow:2px 2px 6px #aaa}
.tel,.tel:hover,.ime,.ime:hover{color:#555!important;text-decoration:none!important;cursor:text}
.malo{font-size:.7em}
.sagmm{display:none}
.down a{margin-left:30px}
.cijene-soba{padding-right:22px!important;text-align:right;font-weight:bold}
.cijene{width:90px;text-align:center;font-weight:bold}
.zastave{background:url('../../slike/zm_sve.png') no-repeat;height:12px;width:24px;margin:10px}
.zm_cz{background-position:0 0}
.zm_en{background-position:0 -22px}
.zm_hr{background-position:0 -44px}
.razmak{display:none}
/* --- Tablet Landscape --- */
@media screen and (max-width:980px){
body{background-color:#fff}
#page{margin:0 auto;padding:0 30px 30px;background-color:#fff;z-index:0}
#wrap{margin:4px 0 0;padding:45px 0 0;overflow:hidden}
#main{width:72%;float:left;overflow:hidden}
#content{width:92.2%;float:left}
#secondary{width:142px;margin:40px 0 0;float:none}
#tertiary{width:28%;float:right}
#content .entry-content{width:100%}
#site-title h2{margin:0}
#site-title h2.title{margin:0 10px 3px 0;float:none}
nav#subnav ul.menu li.menu-item{width:14.2468%;margin:0;float:left;list-style:none}
nav#subnav ul.menu li.menu-item a,.menu-mob{font-size:.72em}
nav#subnav ul.menu li.menu-item ul.sub-menu li.menu-item,.menu-mob{width:100%}
#subsub{display:inline}
#subsub p{margin:10px}
#subsub a{margin:15px 30px 15px 0;font-size:.9em}
#secondary{width:92.2%;margin-left:0;padding:30px 0 0;float:left;border-top:1px solid #c0c0c0}
#secondary aside:last-child{margin-bottom:0;border-bottom:none}
#secondary aside,#tertiary aside{float:none;overflow:hidden}
#secondary .center{text-align:left}
.notablet{display:none}
}
/* --- Tablet Portrait --- */
@media screen and (max-width:880px){
#page{padding:0 50px 30px;background-color:#fff}
#wrap{margin-top:0}
#main{width:100%;float:none;overflow:hidden}
#content{width:100%;float:none}
#secondary{width:100%}
#tertiary{width:100%;float:none}
#site-title{width:100%;padding:20px 0 30px}
#site-title h2.title a{margin:0 auto}
#branding #mainnav{margin:30px 0 0;max-width:100%}
#branding #mainnav ul li a{font-size:.75em}
#subnav ul li a,.menu-mob{padding:6px 10px}
#subnav ul ul{display:inline}
#subnav ul ul a,.menu-mob{background:#fff;padding:5px;width:auto}
nav#subnav,.menu-mob{padding:0;margin:5px 0 0}
nav#subnav ul.menu{padding:0}
nav#subnav ul.menu li.menu-item{width:100%;margin:6px 0 0;float:none;overflow:hidden;border-bottom:1px solid #c0c0c0}
.menu-mob{border-top:1px solid #c0c0c0;border-bottom:none!important}
nav#subnav ul.menu li.menu-item:last-child{border-bottom:none}
nav#subnav ul.menu li.menu-item a{float:left;margin:6px 20px 40px 10px}
nav#subnav ul.menu li.menu-item ul.sub-menu{margin:0;padding:0;float:left}
nav#subnav ul.menu li.menu-item ul.sub-menu li.menu-item{width:auto;margin:0;float:left;border-bottom:none;letter-spacing:0}
nav#subnav ul.menu li.menu-item ul.sub-menu li.menu-item a{margin:0 20px 0 0;font-size:.8em;font-weight:normal;line-height:2;text-transform:none}
#subsub,#subnav{display:none}
#content .entry-content{float:left}
#secondary aside:last-child{margin-bottom:30px;border-bottom:1px solid #c0c0c0}
#tertiary aside:last-child{margin-bottom:0;border-bottom:none}
#tertiary .center{text-align:left}
#page,#menu-page-menu img,#subnav ul li:hover > ul,#content .sticky{box-shadow:none}
#fotod{display:none!important}
#fotom{display:block}
.mobmenu{display:block}
}
/* --- Smartphone and small Tablet --- */
@media screen and (max-width:620px){
#page{padding:0 20px 20px;background-color:#fff}
#site-title{float:left;padding:10px 0 5px}
#site-title h2{margin:0;text-align:center}
#site-title h2.title{margin:0;text-align:center;float:none}
#branding #mainnav{margin:15px 0 0}
#branding #mainnav ul li a{margin:0;padding:8px 7px;display:block;font-size:.7em}
#branding #mainnav ul ul{display:none}
#branding #mainnav ul ul a{display:none}
nav#subnav ul.menu{border-bottom:none}
nav#subnav ul.menu li.menu-item,.menu-mob{width:100%;margin:0;float:none;overflow:hidden;background-color:#c6e9ff;border-bottom:1px solid #c0c0c0;text-align:center}
nav#subnav ul.menu li.menu-item a,.menu-mob a{width:100%;margin:0;padding:12px 0 11px;float:left;display:block;background-color:#c6e9ff}
nav#subnav ul.menu li.menu-item a:hover,nav#subnav ul.menu li.menu-item a:active,nav#subnav ul.menu li.menu-item a:focus,.menu-mob a:hover{background:#9df;text-decoration:none}
nav#subnav ul.menu li.menu-item ul.sub-menu li.menu-item{display:none}
#content .post{margin:0 0 30px;padding:0 0 30px}
#content .post .entry-header h2.entry-title{font-size:1.2em}
#content .entry-content{width:100%}
#content .sticky{padding:10px}
#content table.termini,#content table.termini tr td{width:1em;font-size:.8em}
#colophon{width:100%;float:none}
#subsub{display:block}
#subsub p{margin:15px 0}
#subsub a{margin:15px 0;font-size:.9em}
.razmak{display:inline}
#lang a{margin:3px}
.nodesk,.tel{display:block}
.nomob,#share{display:none!important}
.tel,.tel:hover{color:#1078bb!important;cursor:pointer}
.nobreak{content:"";width:10em;display:block;overflow:hidden}
.imgright{float:left}
.youtube{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}
.youtube iframe{position:absolute;top:0;left:0;width:100%;height:100%}
}
/* --- Printer --- */
@media print{
@page{margin-left:2cm}
body{color:#000;background:#fff;font:12pt/1.3 Georgia,"Times New Roman",Times,serif}
#page,#content{width:98%}
img{max-width:90%;page-break-inside:avoid}
h1{font-size:24pt}
h2{font-size:14pt;margin-top:18pt}
h2,h3{page-break-after:avoid}
a{text-decoration:none;color:#000!important}
#menu-page-menu,.headerimage,#subnav,#subsub,#secondary,#tertiary,#colophon,#share{display:none}
.prekid{page-break-before:always!important}
#page:before{content:"www.gmm-sukosan.com";margin-bottom:8pt;font-style:italic}
}
@media print and (color){.termini{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
@media \0screen{img{width:auto}}