img, a img {border:none}
ul, li, a, img, p {overflow:hidden}
body {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 100%;
		line-height: 140%;
		background: #ffffff url(http://www.pansion-augustino.com/img/sprite-body.png);
		background-repeat: repeat-x;
		background-position: center top;
		margin: 0px;
		padding: 0px;
}
#bodyback {
		background: #ffffff url(http://www.pansion-augustino.com/img/augustino-back.jpg);
		background-repeat: no-repeat;
		background-position: center top;
		width: 1316px;
		height: 640px;
		position: absolute;
		left: 50%;
		top: 400px;
		z-index: -100;
		margin-left: -658px;
}
#wrap {
		width: 100%;
		background: url(http://www.pansion-augustino.com/img/main-bg.png);
		background-repeat: no-repeat;
		background-position: center top;
}
#container {
		width: 980px;
		margin: 0px auto;
		background: url(http://www.pansion-augustino.com/img/main-bg.png);
		background-repeat: no-repeat;
		background-position: center top;
}
#languages {
		width: 303px;
		height: 34px;
		float: right;
		padding: 0px;
		margin: 0px;
		list-style-type: none;
}
ul#languages li {
		float: left;
		color: #1c5d89;
		font-size: 0.7em;
		margin-top: 8px;
		margin-right: 21px;
}
ul#languages li.langselect {
		width: 120px;
		text-align: right;
}
ul#languages li a img {
		border: 1px solid transparent;
}
ul#languages li a:hover img, ul#languages li a.hover img {
		border: 1px solid #9dc8e4;
}
#header {
		width: 960px;
		height: 201px;
		position: relative;
		margin: 0px auto;
		clear: both;
		padding-top: 12px;
		background: url(http://www.pansion-augustino.com/img/sprite-corners.png);
		background-repeat: no-repeat;
		background-position: center top;
}
#header img {
		border: 12px solid #fff;
		border-top: none;
}
#leftcol {
		width: 222px;
		float: left;
		margin-left: 10px;
}
#menu {
		padding: 0px;
		margin: 0px;
		margin-left: 11px;
		margin-right: 9px;
		list-style-type: none;
}
#menu li ul {
		padding: 0px;
		margin: 0px;
		padding-left: 24px;
		list-style-type: none;
}
#menu a, #menu span.notalink {
		display: block;
		height: 30px;
		padding-top: 5px;
		padding-left: 45px;
		text-decoration: none;
		font-weight: bold;
		font-style: italic;
		color: #5b5b5b;
		font-size: 0.9em;
		letter-spacing: -0.02em;
		background: url(http://www.pansion-augustino.com/img/menu-bg.png);
		background-repeat: no-repeat;
		background-position: center top;
}
#menu a:hover, #menu a.hover {
		background-position: center bottom;
}
#menu li.home a {
		height: 42px;
		padding-top: 26px;
		padding-left: 0px;
		/*padding-left: 60px;*/
		text-align: center;
		color: #f9e5e5;
		font-size: 1.4em;
		letter-spacing: 0.05em;
		font-weight: normal;
		font-style: normal;
		background: none;
}
#menu li.home a:hover {
		color: #f9b09d;
}
#menu li ul a {
		font-size: 75%;
		letter-spacing: -0.02em;
		background: url(http://www.pansion-augustino.com/img/menu-bg2.png);
}
#sideinfo-hr, #sideinfo-hr ul a {background: url(http://www.pansion-augustino.com/img/sideinfo-bg-hr.png);}
#sideinfo-en, #sideinfo-en ul a {background: url(http://www.pansion-augustino.com/img/sideinfo-bg-en.png);}
#sideinfo-de, #sideinfo-de ul a {background: url(http://www.pansion-augustino.com/img/sideinfo-bg-de.png);}
#sideinfo-it, #sideinfo-it ul a {background: url(http://www.pansion-augustino.com/img/sideinfo-bg-it.png);}

#sideinfo-hr, #sideinfo-en, #sideinfo-de, #sideinfo-it {
		width: 213px;
		height: 562px;
		margin-left: -8px;
		/*margin-top: -5px; */
		padding-left: 19px;
		padding-top: 18px;
		clear: both;
		background-repeat: no-repeat;
		background-position: left top;
}
#sideinfo-hr ul, #sideinfo-en ul, #sideinfo-de ul, #sideinfo-it ul {
		width: 201px;
		padding: 0px;
		margin: 0px;
		padding-top: 10px;
		list-style-type: none;
}
#sideinfo-hr ul a, #sideinfo-en ul a, #sideinfo-de ul a, #sideinfo-it ul a {
		display: block;
		background-repeat: no-repeat;
		text-indent: -99999px;
		overflow: hidden;
}
#sideinfo-hr ul li.prijevoz a,
#sideinfo-en ul li.prijevoz a,
#sideinfo-de ul li.prijevoz a,
#sideinfo-it ul li.prijevoz a {
		margin-top: 0px;
		height: 115px;
		background-position: -19px -88px;
}
#sideinfo-hr ul li.bicikl a,
#sideinfo-en ul li.bicikl a,
#sideinfo-de ul li.bicikl a,
#sideinfo-it ul li.bicikl a {
		margin-top: 17px;
		height: 175px;
		background-position: -19px -220px;
}
#sideinfo-hr ul li.htz a,
#sideinfo-en ul li.htz a,
#sideinfo-de ul li.htz a,
#sideinfo-it ul li.htz a {
		margin-top: 55px;
		height: 75px;
		background-position: -19px -453px;
}
#sideinfo-hr ul li.prijevoz a:hover,
#sideinfo-en ul li.prijevoz a:hover,
#sideinfo-de ul li.prijevoz a:hover,
#sideinfo-it ul li.prijevoz a:hover {background-position: -251px -88px;}
#sideinfo-hr ul li.bicikl a:hover,
#sideinfo-en ul li.bicikl a:hover,
#sideinfo-de ul li.bicikl a:hover,
#sideinfo-it ul li.bicikl a:hover {background-position: -251px -220px;}
#sideinfo-hr ul li.htz a:hover,
#sideinfo-en ul li.htz a:hover,
#sideinfo-de ul li.htz a:hover,
#sideinfo-it ul li.htz a:hover {background-position: -252px -453px;}
#sideinfo-hr h3, #sideinfo-en h3, #sideinfo-de h3, #sideinfo-it h3 {
		color: #484848;
		font-weight: normal;
}
#content {
		width: 736px;
		float: right;
		margin-right: 10px;
}
#content a {color:#127ac0;text-decoration:none;/*margin-bottom:1px;*/font-style:italic}
#content a:hover {color:#03304f;text-decoration:underline;/*border-bottom:1px solid #bc2a03;*/}
h2 {
		margin-left: 35px;
		margin-top: 62px;
		text-transform: uppercase;
		font-size: 1.1em;
		color: #fff;
		font-weight: normal;
		font-style: italic;
}
h4.podnaslov {
		/*text-transform: uppercase; */
		font-size: 1.4em;
		color: #0b466d;
		font-weight: normal;
		font-style: italic;
		border-bottom: 1px solid #f0f0f0;
		padding-bottom: 5px;
		margin-bottom: 0px;
}
#contenttext {
		padding-left: 21px;
		padding-right: 20px;
		padding-bottom: 20px;
		margin-top: 30px;
		font-size: 0.75em;
		color: #595959;
		/*
        background: url(img/contenttext-bg.png);
		background-repeat: repeat-y;
		background-position: left top;
		*/
}
#contenttext h4 {
		clear: both;
}
a#mainphoto {
		display: block;
		float: left;
		margin-bottom: 15px;
}
a#mainphoto img {
		border-right: 1px solid #fff;
		border-top: 1px solid #fff;
		border-left: 1px solid #f5f5f5;
		border-bottom: 1px solid #f5f5f5;
}
a:hover#mainphoto {
		border-bottom: none;
}
a:hover#mainphoto img {
		border-left: 1px solid #969696;
		border-bottom: 1px solid #969696;
}
ul.photos {
		width: 300px;
		margin: 0px;
		margin-left: 15px;
		padding: 0px;
		padding-bottom: 22px;
		list-style-type: none;
		float: right;
		background: #ffffff url(http://www.pansion-augustino.com/img/photos-corner.png);
		background-repeat: no-repeat;
		background-position: left top;
}
ul.photos li {
		float: left;
		margin-left: 15px;
		margin-top: 22px;
		margin-bottom: -7px;
}
ul.photos li a {
		display: block;
		padding-left: 7px;
		background: url(http://www.pansion-augustino.com/img/thumb-bg.png);
		background-repeat: no-repeat;
		background-position: left bottom;
		margin-bottom: 0px;
}
ul.photos li a:hover {
		background-position: -200px bottom;
		border-bottom: none;
}
#contentfooter {
		clear: both;
}
#topmenu {
		height: 90px;
		padding: 0px;
		margin: 0px;
		margin-left: 10px;
		margin-top: 25px;
		/*overflow: auto; */
		list-style-type: none;
}
#topmenu li {
		float: left;
		height: 90px;
}
#topmenu li.ponuda {width: 291px;margin-left:1px}
#topmenu li.pansion {width: 203px;margin-left:25px}
#topmenu li.gastro {width: 184px;margin-left:22px}
#topmenu li a {
		display: block;
		width: 100%;
		height: 70px;
		padding-top: 20px;
		text-transform: uppercase;
		text-decoration: none;
		color: #0b3b57;
		font-size: 1.45em;
		letter-spacing: 0.05em;
		text-align: left;
		/*text-indent: 22px; */
		padding-left: 22px;
		background: url(http://www.pansion-augustino.com/img/topmenu-bg.png);
		background-repeat: no-repeat;
		background-position: left top;
}
#topmenu li a em {
		display: block;
		width: 100%;
		padding-top: 8px;
		text-transform: none;
		color: #727272;
		font-size: 50%;
		letter-spacing: 0.08em;
		line-height: 130%;
		/*text-indent: 44px; */
		white-space: pre-wrap;
		padding-left: 22px;
		background: url(http://www.pansion-augustino.com/img/arrow.png);
		background-repeat: no-repeat;
		background-position: 2px 14px;
}
#topmenu li a:hover, #topmenu li a.hover {
		color: #fff;
		cursor: pointer;
		text-decoration: none;
}
#topmenu li.ponuda a:hover, #topmenu li.ponuda a.hover {background-position: left bottom;}
#topmenu li.pansion a:hover, #topmenu li.pansion a.hover {background-position: -291px bottom;}
#topmenu li.gastro a:hover, #topmenu li.gastro a.hover {background-position: -494px bottom;}
#topmenu li a:hover em, #topmenu li a.hover em {
		color: #134a70;
		background-position: 4px 14px;
}
ul.lista li {
		padding-left: 20px;
		background: url(http://www.pansion-augustino.com/img/arrow.png);
		background-repeat: no-repeat;
		background-position: left 9px;
}
#footertile {
		clear: both;
		width: 100%;
		height: 307px;
		background: #0f4665 url(http://www.pansion-augustino.com/img/footer-tile.gif);
		background-repeat: repeat-x;
		background-position: center top;
}
#footer {
		width: 100%;
		height: 307px;
		background: url(http://www.pansion-augustino.com/img/footer.jpg);
		background-repeat: no-repeat;
		background-position: center top;
}
#footer p {
		width: 960px;
		margin: 0px auto;
		padding-top: 270px;
		text-align: right;
}


/* ::::::::: Cjenik ::::::::::: */

dl, dt, dd {margin:0px;padding:0px}
dl {
		overflow: auto;
		padding-bottom: 15px;
        background: url(http://www.pansion-augustino.com/img/separator-horz.png);
		background-repeat: repeat-x;
		background-position: center bottom;
}
dl dt {
        width: 385px;
        min-height: 212px;
        float: left;
        padding-right: 15px;
        padding-bottom: 15px;
        text-align: center;
        background: url(http://www.pansion-augustino.com/img/separator-vert.png);
		background-repeat: no-repeat;
		background-position: right center;
}
dl dd {
        width: 265px;
        height: 173px;
        float: right;
        margin-top: 25px;
        text-align: center;
        line-height: 220%;
        background: url(http://www.pansion-augustino.com/img/cjenik-info-bg.png);
		background-repeat: no-repeat;
		background-position: left top;
}
dl dd h3 {
        text-transform: uppercase;
        font-weight: normal;
        font-size: 1.5em;
        padding-top: 5px;
        padding-bottom: 5px;
}
#cjenik {
        width: 695px;
        height: 288px;
        margin-top: 25px;
        background: url(http://www.pansion-augustino.com/img/cjenik-bg.png);
		background-repeat: no-repeat;
		background-position: left top;
}
#cjenik table caption {
                display: none;
}
#cjenik table tr {
                color: #f4f4f4;
                font-family: sans-serif;
                font-size: 1.2em;
                font-style: italic;
                line-height: 120%;
}
#cjenik table tr td.datum  {
                width: 127px;
                padding-left: 20px;
                text-align: center;
}
#cjenik table tr td.datum strong  {
                font-size: 90%;
                color: #e2e006;
                font-family: Georgia, "Times New Roman", Times, serif;
}
#cjenik table tr td.pansion {
                width: 225px;
                color: #dcedf8;
                padding-left: 15px;
                padding-top: 10px;
                padding-bottom: 20px;
                font-family: Georgia, "Times New Roman", Times, serif;
}



/* ::::::::: Rezervacije ::::::::::: */

form {
                font-style: italic;
}
fieldset {
                position: relative;      
                float: left;      
                clear: both;      
                width: 100%;      
                margin: 0 0 -1em 0;
                padding: 0 0 1em 0;      
                border-style: none;
}
legend {
                padding: 0px;      
                color: #545351;      
                font-weight: bold;
}
legend span {
                position: absolute;
                /*left: 0.74em; */
                left: 0px;
                top: 0px;      
                margin-top: 0.5em;      
                font-size: 150%;
                display: block;
                width: 685px;
                height: 40px;
                background: #f3f106 url(http://www.pansion-augustino.com/img/separator-horz.png);
                background-repeat: repeat-x;
                background-position: left bottom;
                color: #1e6402;
                font-weight: normal;
                padding-left: 15px;
                padding-top: 10px;
}
fieldset ol {
                padding: 4.5em 0 0 0;
                list-style: none;    
}
fieldset li {
                float: left;    
                /*clear: left; */
                width: 50%;
                padding-top: 1em;
                padding-bottom: 1em;
                border-bottom: 1px solid #f0f0f0;
}
fieldset li input {
                float: left;
                width: 210px;
                height: 24px;
                padding-top: 5px;
                padding-left: 10px;
                background: url(http://www.pansion-augustino.com/img/input-field-bg.png);
                background-repeat: no-repeat;
                background-position: left top;
                border: none;
}
input#kids3, input#kids36, input#kids612 {
                width: 80px;
}
input#adults {
                width: 80px;
                margin-left: 10px;
}
input#person3, input#person5, input#personhb, input#personfb {
                width: 40px;
}
fieldset li label em {
                display: block;
                float: left;
                width: 15px;
                margin-top: -5px;
}
fieldset li span.corner {
                display: block;
                float: left;
                width: 10px;
                height: 29px;
                background: url(http://www.pansion-augustino.com/img/input-field-bg.png);
                background-repeat: no-repeat;
                background-position: right top;
}
fieldset#submit {
                float: right;      
                width: 245px;
                position: relative;
                top: -108px;
}
label {
                float: left;    
                width: 110px;
                margin-right: 0em;
                color: #093856;
}
label.rightlabel01 {
                width: 85px;
                padding-left: 25px;
}
label.rightlabel02 {
                width: 190px;
                padding-left: 25px;
                padding-right: 25px;
}
label.rightlabel03 {
                width: 190px;
                padding-left: 10px;
}
label strong {
                display: block;        
                color: #C00;        
                font-size: 85%;        
                font-weight: normal;        
                text-transform: uppercase;      
}
textarea#notes {
                width: 422px;
                height: 109px;
                background: url(http://www.pansion-augustino.com/img/form-note-bg.png);
                background-repeat: no-repeat;
                background-position: left top;
                border: none;
                margin: 0px;
                margin-top: 5px;
                padding: 10px;
}
input.submit {
                width: 242px;
                height: 37px;
                background: url(http://www.pansion-augustino.com/img/submit-bg.png);
                background-repeat: no-repeat;
                background-position: left top;
                font-family: Georgia, "Times New Roman", Times, serif;
                font-size: 150%;
                font-style: italic;
                font-weight: normal;
                color: #fff;
                border: none;
                margin: 0px;
                margin-top: 10px;
                padding: 0px;
                cursor: pointer;
}
input.submit:hover {
                background-position: left bottom;
}


/* ::::::::: Kako do nas? ::::::::::: */
p.kakodonasuvod {
                text-align: center;
		background: url(http://www.pansion-augustino.com/img/separator-horz.png);
                background-repeat: repeat-x;
                background-position: left bottom;
				margin-bottom: 30px;
				padding-bottom: 35px;
}
#map {
                border: 3px solid #fffd23;
				width: 690px;
				height: 350px;
}
ul.kakodonas01 {
				width: 696px;
				overflow: auto;
				height: auto;
				margin: 0px;
				padding: 0px;
				color: #fff;
				text-align: center;
}
#content ul.kakodonas01 a {
				display: block;
				width: 80%;
				font-size: 80%;
				color: #ffffff;
				text-decoration: none;
				margin: 10px auto;
				padding-left: 20px;
                background: url(http://www.pansion-augustino.com/img/arrow2.gif);
                background-repeat: no-repeat;
                background-position: left center;
}
ul.kakodonas01 li span {
				display: block;
				margin: 0px auto;
				text-align: center;
				width: 80%;
				font-size: 60%;
}
#content ul.kakodonas01 a:hover {
				text-decoration: underline;
				color: #ffffff;
}
ul.kakodonas01 li {
				display: block;
				width: 25%;
				height: 200px;
				padding-top: 25px;
				padding-bottom: 25px;
				float: left;
				font-size: 150%;
}
ul.kakodonas01 li.kdssub01,
ul.kakodonas01 li.kdssub03 {
				background: #216794;
}
ul.kakodonas01 li.kdssub02,
ul.kakodonas01 li.kdssub04 {
				background: #1d618d;
}
.kakodonas02 {
				width: 656px;
				height: 71px;
                background: url(http://www.pansion-augustino.com/img/kakodonas-bg.png);
                background-repeat: no-repeat;
                background-position: left top;
				font-size: 110%;
				color: #fff;
				text-align: center;
				padding: 20px;
				padding-top: 25px;
}

/* :::::::: Kontakt :::::::::: */
dl.kontakt dt {
        width: 49%;
		min-height: 150px; 
		padding: 0px;
		padding-top: 30px;
		margin: 0px;
}
dl.kontakt dd {
        width: 49%;
		min-height: 150px;
		padding: 0px;
		padding-top: 30px;
		margin: 0px;
        background: none;
}
form#kontakt ol {
                margin: 0px;
				margin-top: 15px;
				padding: 0px;
}
form#kontakt fieldset li {
                float: left;    
                clear: left;
                width: 100%;
}
form#kontakt fieldset li label {
                width: 150px;
				text-align: right;
				font-size: 140%;
}
form#kontakt fieldset li label em {
                float: right;
				padding-right: 15px;
}
form#kontakt fieldset li input {
                width: 300px;
}
form fieldset li input, form fieldset li textarea {
				font-family: Georgia, "Times New Roman", Times, serif;
				font-size: 140%;
				font-style: italic;
				color: #9c2404;
}
form#kontakt fieldset#submit {
                top: 0px;
				float: left;
				margin-left: 350px;
}


/* ::::::::: razno ::::::::: */