@charset "UTF-8";
/**
	@file	style.css
			General style for Hotel Bastion
	@copyright	Futuro IS <davor@futuro.hr>
	@version $Id: index.html 4 2008-05-23 14:24:44Z Futuro $
******************************************************** */

* {margin:0;padding:0;border:0 none}
html {background:transparent url('../img/bg_tile.jpg') top center repeat}
body {font-size:62.5%;font-family:Arial,sans-serif;font-weight:normal;letter-spacing:normal;color:#000;background-color:#FFF;background:transparent url('../img/bg_top.jpg') top center no-repeat}

#wrp {width:848px;margin:0 auto;padding-left:14px;overflow:auto;background:#FFF url('../img/wrp_border.jpg') top left repeat-y}
li {list-style:none}
a {text-decoration:none;font-size:12px;color:#4b3f26;}
a:focus {outline:1px dotted #ededdd}
h1,h2,h3,h4,h5,h6 {font-style:italic;font-weight:normal;color:#756e48;font-family:Georgia,"Times New Roman",serif;}
h1 {font-size:24px}
h2 {font-size:18px}
h3 {font-size:16px}
p,.light li,.dark li, .ulist li {padding:5px 10px;font-size:12px;font-style:italic;color:#756e48;font-family:Georgia,"Times New Roman",serif;}
input,select,textarea {border:1px solid #ededdd;font-size:10px;font-style:italic;text-align:center;color:#4b3f26;font-family:Georgia,"Times New Roman",serif;}
.short {width:45px}
.medium {width:55px}
.long {width:85px}


/*
	LEFT COLUMN
*/
#column-left {float:left;width:197px;height:100%;padding-left:3px;background:transparent url('../img/sidebar_bg.jpg') top center repeat-y}

#column-left h1 {height:204px;width:197px;text-indent:-9999px;background:transparent url('../img/logo_bg.jpg') top left no-repeat}
#column-left h2 {height:49px;width:180px;padding:6px 0 0 17px;line-height:49px;vertical-align:baseline;font-size:16px;background:transparent url('../img/sidebar_h2_bg.jpg') top left no-repeat}
#column-left h3 {height:56px;width:180px;padding:11px 0 0 17px;line-height:56px;vertical-align:baseline;font-size:14px;background:transparent url('../img/sidebar_h3_bg.jpg') top left no-repeat}

#column-left .readon {display:block;height:25px;width:98px;margin:13px 0 0 68px;padding:4px 2px 4px 11px;text-align:center;font-style:italic;color:#756e48;font-family:Georgia,"Times New Roman",serif;background:transparent url('../img/readon.jpg') top left no-repeat}

#nav-language {height:27px;width:197px;text-align:center;background:transparent url('../img/nav_lang_bg.jpg') top left no-repeat}
#nav-language li {display:inline}

#nav-secondary {height:160px;padding-top:23px;text-align:center;background:transparent url('../img/nav_sec_bg.jpg') top center no-repeat}
#nav-secondary li {height:24px;background:transparent url('../img/nav_sec_border.png') bottom center no-repeat}
#nav-secondary li a,#nav-secondary li a:visited {padding:4px 14px;line-height:24px;font-size:1.2em;color:#473511;font-style:italic;font-family:Georgia,"Times New Roman",serif;background:transparent url('../img/arrow.gif') 9999px center no-repeat}
#nav-secondary li a:hover,#nav-secondary li a:active,#nav-secondary li a:focus {color:#907e5a;background-position:left center;outline:0 none}

#banners {padding-top:33px;text-align:center;background:transparent url('../img/banner_bg.jpg') top left no-repeat}
#banners li {padding:16px 0px;background:transparent url('../img/banner_border.jpg') bottom center no-repeat}
#banners li a {display:block;width:120px;height:50px;margin-left:35px;text-indent:-9999px;overflow:hidden}
#banners li a#link-tzz {height:33px;}
#banners li a#link-gallery {display:list-item;width:auto;height:auto;margin-left:0;text-indent:0;}

#banners li a#link-htz-de {background:transparent url('../img/banner_htz_de.jpg') top center no-repeat}
#banners li a#link-htz-en {background:transparent url('../img/banner_htz_en.jpg') top center no-repeat}
#banners li a#link-htz-it {background:transparent url('../img/banner_htz_it.jpg') top center no-repeat}
#banners li a#link-htz-hr {background:transparent url('../img/banner_htz_hr.jpg') top center no-repeat}
#banners li a#link-tzz {background:transparent url('../img/banner_tzz.jpg') top center no-repeat}

#banners li a:hover {background-position:bottom center!important;}

#vremenska {padding-left:8px;font-style:italic;font-family:Georgia,"Times New Roman",serif;}
#vremenska table {width:282px;border-spacing:0;border-collapse: collapse;}
#vremenska td {border-bottom:1px solid #e9e9d1;padding:4px 0;text-align:center}
#vremenska #datum td {color:#ce3297}
#vremenska #icons td {height:24px;line-height:24px;}
#vremenska #icons {background:transparent url('../img/vremenska_bg.jpg') center no-repeat}
#vremenska #icons img {vertical-align:middle}
#vremenska #min td {color:#6c5e42;line-height:20px;background:transparent url('../img/min.gif') 10px center no-repeat}
#vremenska #max td {color:#6c5e42;line-height:20px;background:transparent url('../img/max.gif') 10px center no-repeat}

/*
	RIGHT COLUMN
*/
#column-right {margin-left:200px;width:643px}

#nav-main {height:37px;padding:0 76px 0 57px;margin-bottom:1px;text-align:center;background:transparent url('../img/nav_main_bg.jpg') top left no-repeat}
#nav-main li {display:inline;padding:11px 6px 11px 14px;text-align:center;background:transparent url('../img/nav_main_separator.png') left 2px no-repeat}
#nav-main li.first {background:transparent url('')}
#nav-main li a,#nav-main li a:visited {padding:5px 0;font-size:1.2em;line-height:37px;text-transform:uppercase;font-weight:bold;color:#4a4029}
#nav-main li a:hover,#nav-main li a:focus, #nav-main li a:active {border-bottom:3px solid #c20080;outline:0 none;color:#5e4f30;}
#nav-main.english li {font-size:0.916666em;padding:11px 2px 11px 10px;}

#column-right .light ul,#column-right .dark ul {margin:30px 0 0 60px}
#column-right .light li,#column-right .dark li {height:22px;line-height:22px;margin-left:30px;list-style-image:url('../img/bullet.jpg');background:transparent url('../img/list_border.jpg') bottom left no-repeat}
#column-right a:hover,#column-right a:active,#column-right a:focus {color:#907e5a;}


#column-right ul.ulist {margin:10px 0 10px 40px}
#column-right .ulist li {height:22px;line-height:22px;margin-left:30px;list-style-image:url('../img/bullet.jpg');background:transparent url('../img/list_border.jpg') bottom left no-repeat}

#column-right div#main-content-title {position:relative;width:642px;height:294px;background:transparent url('../img/glava6_05.jpg') top center no-repeat}
#column-right div#main-content-title.restoran {position:relative;width:642px;height:294px;background:transparent url('../img/glava1_05.jpg') top center no-repeat}
#column-right div#main-content-title.wellness {position:relative;width:642px;height:294px;background:transparent url('../img/glava3_05.jpg') top center no-repeat}
#column-right div#main-content-title.dvorana {position:relative;width:642px;height:294px;background:transparent url('../img/glava_05.jpg') top center no-repeat}
#column-right div#main-content-title.smjestaj {position:relative;width:642px;height:294px;background:transparent url('../img/glava2_05.jpg') top center no-repeat}
#column-right div#main-content-title.onama {position:relative;width:642px;height:294px;background:transparent url('../img/glava7_05.jpg') top center no-repeat}
#column-right div#main-content-title.lokacija {position:relative;width:642px;height:294px;background:transparent url('../img/glava5_05.jpg') top center no-repeat}
#column-right div#main-content-title.kako {position:relative;width:642px;height:294px;background:transparent url('../img/glava4_05.jpg') top center no-repeat}



#column-right div#main-content-title h1 {position:absolute;bottom:15px;}
#column-right h1,#column-right h2,#column-right h3 {padding-left:20px;}

#column-right p {width:603px;margin:10px 10px;font-size:12px;line-height:22px}
#column-right p.error {border:1px solid #ededdd;width:603px;margin:10px 10px;font-size:12px;line-height:22px;color:#f00}

#column-right div.strong  {width:642px;position:relative;height:296px;margin:0;background:transparent url('../img/p_dark.jpg') bottom left repeat-x}
#column-right .strong h2,
#column-right .gallery h2 {height:50px;line-height:44px;padding:20px 0 0 70px;font-size:16px;text-transform:uppercase;font-weight:bold;background:transparent url('../img/h2_img1.jpg') top left no-repeat}

#column-right div.light  {width:642px;position:relative;height:275px;margin:0;background:transparent url('../img/p_light.jpg') bottom left repeat-x}
#column-right .light h2 {height:44px;line-height:44px;padding:20px 0 0 70px;font-size:16px;vertical-align:baseline;text-transform:uppercase;font-weight:bold;background:transparent url('../img/h2_img2.jpg') top left no-repeat}

#column-right .gallery h2 {border-bottom:1px solid #ededdd}
#column-right div.gallery {width:642px;margin:0;background:transparent url('../img/gallery_bg.gif') left 54px repeat}
#column-right div.gallery a {float:left;display:block;width:88px;height:56px;margin:10px 0 0 15px;padding:5px 5px 8px 8px;background:transparent url('../img/dropshadow2.png') bottom left repeat-x}
#column-right div.gallery img {border:1px solid #eaedda}
#column-right div.gallery p {overflow:auto;padding-bottom:20px;background:transparent url('../img/border_gal.gif') bottom left repeat-x}

#column-right .mapa {margin-left:15px;width:600px;height:400px;border:5px solid #ededdd}

#start-booking {position:absolute;top:20px;right:10px;width:295px;background:transparent url('../img/booking_bg.jpg') top left repeat-y}
#start-booking h3 {width:235px;height:38px;line-height:38px;padding:7px 0 0 60px;font-size:14px;background:transparent url('../img/h3_bg.jpg') top left no-repeat}
#start-booking form {margin-left:5px}
#start-booking fieldset {height:25px;line-height:25px;margin:0 4px 0 3px;border-bottom:1px solid #ededdd}
#start-booking fieldset.button {height:69px;margin:-4px;border:0 none;text-align:center;background:transparent url('../img/form_bg.jpg') top left no-repeat}
#start-booking fieldset.button input {width:110px;height:24px;margin:20px 10px 0 0 ;border:0 none;line-height:24px;font-size:12px;background:transparent url('../img/link_content_bg.jpg') top left no-repeat}
#start-booking label {display:block;float:left;width:80px;margin-left:10px;padding-left:15px;font-size:10px;font-style:italic;color:#4b3f26;font-family:Georgia,"Times New Roman",serif;background:transparent url('../img/bullet.jpg') center left no-repeat}

#side-booking fieldset {margin:5px 10px;border-bottom:1px solid #ededd8;padding-bottom:5px;height:20px;line-height:20px;}
#side-booking input {margin-right:4px;width:75px;font-size:12px;}
#side-booking select {width:45px;font-size:12px;}
#side-booking label {display:block;float:left;width:55px;padding-left:15px;font-size:10px;font-style:italic;color:#4b3f26;font-family:Georgia,"Times New Roman",serif;background:transparent url('../img/bullet.jpg') center left no-repeat}
#side-booking fieldset.button {margin-bottom:1px;height:auto;padding:0}
#side-booking fieldset.button input {cursor:pointer;width:77px;height:20px;margin:0 20px 0 0 ;border:0 none;line-height:20px;font-size:12px;background:transparent url('../img/link_content_bg_sidebar.jpg') top left no-repeat}
#side-booking fieldset.button a {border-top:1px solid #ededd8;display:block;color:#A59E84;margin:5px 0 4px 0px;padding:4px 0 0 20px;background:transparent url(../img/arrow_res.gif) 5px 10px no-repeat}
#side-booking fieldset.button a:hover {color:#4B3F26}
#side-booking #datum_trigger {margin-top:3px;vertical-align:top;}

#rezervacija {overflow:auto;width:603px;margin:40px 10px;}
#rezervacija fieldset {}
#rezervacija fieldset.usluge {margin-top:10px;border-top:1px solid #f0e8d8;padding-top:10px}
#rezervacija ul li {float:left;height:50px;width:170px;}
#rezervacija fieldset.usluge li {width:140px;}
#rezervacija fieldset.datumi li {width:170px;}
#rezervacija label {display:block;width:80px;margin-left:10px;padding-left:15px;line-height:20px;font-size:12px;font-style:italic;color:#756E48;font-family:Georgia,"Times New Roman",serif;background:transparent url('../img/bullet.jpg') center left no-repeat}
#rezervacija fieldset.datumi label, #rezervacija fieldset.usluge label {width:110px;}
#rezervacija fieldset.security label {width:280px;}
#rezervacija fieldset.datumi,#rezervacija fieldset.security,#rezervacija fieldset.usluge {margin-bottom:15px}
#rezervacija input,#rezervacija select,#rezervacija textarea {margin:0 3px 3px 3px;padding:3px;font-size:12px;text-align:left;color:#756E48}
#rezervacija input:focus,#rezervacija select:focus,#rezervacija textarea:focus {outline:1px solid #4b3f26}
#rezervacija fieldset.button input {width:110px;height:24px;margin:20px 20px 0 0 ;border:0 none;line-height:24px;font-size:12px;text-align:center;background:transparent url('../img/link_content_bg.jpg') top left no-repeat}
#rezervacija fieldset.button input:focus {outline:0 none;}
#rezervacija .short {width:70px}
#rezervacija .medium {width:155px}
#rezervacija .long {width:125px}
#rezervacija label em {font-size:18px;vertical-align:middle;color:#F00}


#footer {position:relative;width:642px;background:transparent url('../img/footer_h_bg.jpg') top right repeat-x}
#footer object.author {position:absolute;right:0px;top:70px;}
#footer img.author {position:absolute;right:0px;top:2px;}

.slike-center {text-align:center}
.slike-center h2 {text-align:left}
.slike-center img {margin-top:10px;}

div.kontakt-footer{padding:5px 10px;font-size:12px;font-style:italic;color:#A59E84;font-family:Georgia,"Times New Roman",serif;}

.cijena {width:152px;height:64px;background-image:url(../img/cijena.jpg);background-repeat:no-repeat;display:block;position:relative;top:50px;right:0px;font-size:20px;font-family:Georgia, "Times New Roman", Times, serif;font-style:italic;color:#CB3093;padding-top:22px;padding-left:33px;margin-left:auto;margin-top:-125px;margin-bottom:20px;}
#galleryF {width:600px;height:85px;background:url(../img/gallery_bg.gif) no-repeat scroll left 0px!important;}
#galleryF .slika-video {float:right!important;margin:9px 40px 0px 0px!important;display:inline!important;}
.pogledajte-video {float:left!important;font-size:18px;color:#756E48;font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:normal;margin:30px 0px 0px 335px;}
.pogledajte-video a {background:none!important;height:auto!important;width:auto!important;float:left!important;font-size:18px!important;color:#756E48!important;font-family:Georgia,"Times New Roman",serif!important;font-style:italic!important;font-weight:normal!important;margin:0px!important;text-decoration:none!important;padding:0px!important;display:inline!important;}
#column-right .ulist li.clear {background:none;border:0 none;list-style-image:none;height:8px;}