* { margin: 0; padding: 0; border: 0; } body { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.7em; color: #AE9886; /*background: url(../_images/bg_5.jpg) top center repeat #C0C0C0;*/background: #c0c0c0; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } ul li, ol li { list-style-type: none; } a, a:visited { text-decoration: none; color: #C92D15; } a:hover { text-decoration: none; color: #ffffff; } a.lk_a, a:visited.lk_a { text-decoration: none; color: #48A49C; padding-bottom: 1px; border-bottom: 1px dotted #48A49C; } a:hover.lk_a, a:active.lk_a { text-decoration: none; color: #5EC2B9; border-color: #5EC2B9; } a.edit_link1, a:visited.edit_link1 { text-decoration: none; color: #FF7878; padding-bottom: 1px; background: url(../_images/backend/edit_link_bg.gif) bottom left repeat-x; } a:hover.edit_link1, a:active.edit_link1 { text-decoration: none; color: #DA4242; } .clear { clear: both; } #wrap { width: 800px; margin: 0 auto; } .clearfix:after, #main #content #page_services .page_inner #details ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix, #main #content #page_services .page_inner #details ul {display: inline-block;} /* Hides from IE-mac \*/ * .clearfix, * #main #content #page_services .page_inner #details ul { height: 1%; } .clearfix, #main #content #page_services .page_inner #details ul { display: block; } /* End hide from IE-mac */ #main #content #page_services .page_inner #details p { text-align:justify;margin:0 0 10px 0; } .inline { display: inline; } .big { font-size: 2em; font-weight: bold; } .mt10 { margin-top: 10px; } .mr10 { margin-right: 10px; } .mb10 { margin-bottom: 10px; } .ml10 { margin-left: 10px; } .mb15 { margin-bottom: 15px; } .mt25 { margin-top: 25px; } .ml30 { margin-left: 30px; } .pt5 { padding-top: 5px; } .pb5 { padding-bottom: 5px; } .pt10 { padding-top: 10px; } .pb10 { padding-bottom: 10px; } .hidden { display: none; } #alert { color: red; } .red { color: red; } .dark { color: #333; } .c808080 { color: #808080; } /* admin ------------------------- */ #admin_top { width: 100%; background: #361E0B; border-bottom: 2px solid #000; } #admin_top #editor_wrap { width: 770px; padding: 2px 0; margin: 0 auto; position: relative; } #admin_top #editor_wrap p { text-align: center; } #admin_top #editor_wrap p strong { color: #fff; } #admin_top #editor_wrap #editor { width: 530px; padding: 15px; border: 10px solid #fff; background: url(../_images/page_bg.png) top left ; color: #333; position: absolute; } #admin_top #editor_wrap .home_editor { top: 600px; left: 95px; } #admin_top #editor_wrap .normal_editor { top: 100px; left: 95px; } /* head+nav ------------------------- */ #top { width: 770px; padding: 32px 0 26px 0; margin: 0 auto; } #top #logo { float: left; width: 146px; } #top #logo h1 { width: 146px; height: 88px; overflow: hidden; } #top #logo h1 a { height: 88px; width: 146px; display: block; background: url(../_images/logo.png) top left no-repeat; overflow: hidden; } #top #logo h1 a strong { display: none; } #top #nav { float: right; width: 550px; } #top #nav p { height: 36px; text-align: right; font-family: Arial, sans-serif; font-size: 11px; } #top #nav p a { color: #F0DCCE; text-decoration: none; padding: 0 0 2px 0; background: url(../_images/top_login_border.gif) bottom left repeat-x; } #top #nav p a:hover { color: #fff; } /* #top #nav ul { height: 24px; width: 600px; overflow: hidden; margin-left:30px;} #top #nav ul li { display: block; float: left; height: 24px; } #top #nav ul li a { display: block; height: 24px; } #top #nav ul li strong { display: none; } */ .icons{ float:right; margin:-25px 0px 0 0; width:310px; } .icons li{ float:left ! important; height:30px; width:80px; } .icons li a{ color:#fff; margin:0 0px 0 0; } .icons li a:hover{ color:#666666; } .icons .contact{ margin:0 0 0 -10px; padding-left:25px; padding-top:0px; background: url(../_images/contact.png); background-repeat: no-repeat; background-position: 0 0px; } .icons .map{ padding-left:25px; padding-top:0px; background: url(../_images/prosvasi.png); background-repeat: no-repeat; background-position: 0 0px; } .icons .photos{ padding-left:25px; padding-top:0px; background: url(../_images/foto.png); background-repeat: no-repeat; background-position: 0 2px; } #nav ul{ height:24px; list-style:none; padding:0; } #nav li{ float:left; } #nav li a{ margin-top:0px; color:#666677; display:block; line-height:24px; padding:0px 0px; text-align:center; text-decoration:none; } #nav li a:hover{ color: #fff; text-decoration:none; } #nav li ul{ color: #c92d15; margin-top:0px; display:none; height:auto; position:absolute; z-index:200; /*top:1em; /*left:0;*/ } #nav li:hover ul{ display:block; } #nav li li { display:block; float:none; padding:0px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #nav li ul a{ display:block; font-size:12px; font-style:normal; padding:0px 10px 0px 15px; text-align:left; } #nav li ul a:hover{ /*background:yellow;*/ color: #666666; opacity:1.0; filter:alpha(opacity=100); } /* homepage ------------------------- */ #main_home #content {background:#190F06;opacity:0.8; } #main_home #content #intro { background: url(../_images/content_bg_top.jpg) center top no-repeat; margin-bottom: 35px; } #main_home #content #intro .inner { background: url(../_images/content_bg_bottom.jpg) center bottom no-repeat; padding: 10px 0 15px 0;z-index:100; } #main_home #content #intro .inner .offer {background:#000000;width:250px;opacity:0.7;z-index:200;float:right;margin:-60px 10px 0 0;padding:10px;} .offers p{background: url(../_images/offer.png)top left no-repeat;padding-left:50px; } .offers p span{font-size:10px;font-style:bold; } #main_home #content #intro .inner .offer span a{font-size:14px;color:#fff ! important;text-align:center;font-style:italic;} #main_home #content #intro .inner .offer span a:hover{font-size:14px;color:#ccc! important;} #main_home #content #hello { width: 770px; margin: -30px auto 20px auto; } #main_home #content #hello div.l { width: 560px; float: left; padding-left: 14px; /*background: url(../_images/triangle_bullet-1.gif) 9px 4px no-repeat; */} #main_home #content #hello div.l h3 { height: 25px;/* background: url(../_images/welcome_header_home.gif) top left no-repeat; text-indent: -9000px;*/ } #main_home #content #hello div.l p { margin-top: 12px; } #main_home #content #hello div.r { width: 150px; float: left; padding-left: 30px; /*background: url(../_images/triangle_bullet-1.gif) 9px 4px no-repeat;*/ margin-left: 0px; } #main_home #content #hello div.r h3 { height: 25px; /*background: url(../_images/contact_header_home.gif) top left no-repeat;text-indent: -9000px; */overflow: hidden; } #main_home #content #hello div.r p { margin-top: 12px; } #main_home #content #hello div.r p strong, #main_home #content #hello div.r p b { color: #fff; } /* all subpages ------------------------- */ #main #content { background: url(../_images/content_bg_top.jpg) top center no-repeat; margin-bottom: 20px; } #main #content .subpage { background: url(../_images/content_bg_bottom.jpg) bottom center no-repeat; padding: 10px 0 15px 0; } #main #content .subpage .page_inner { background: url(../_images/page_bg.png) top left ; padding: 15px 0 0 0; border: 10px solid #fff; width: 780px; } #main #content .subpage .page_inner #header { width: 780px; padding-top: 15px; } #main #content .subpage .page_inner #header h2 { color: #5A381F; font-family: Georgia, "Times New Roman", serif; padding-bottom: 10px; } #main #content .subpage .page_inner #header span { font-size: 20px; background: #fff; padding: 8px 30px 8px 10px;} #main #content .subpage .page_inner #details { color: #333; width: 720px; padding: 30px; } #main #content .subpage .page_inner #details #gallery_link_box { width: 200px; float: right; background: #30302E; padding: 10px; margin: 0 20px 20px 20px; } #main #content .subpage .page_inner #details #gallery_link_box p { padding: 8px 0 0 0; font-family: arial, sans-serif; font-size: 11px; } #main #content .subpage .page_inner #details #gallery_link_box p a { padding-left: 20px; color: #EADBC0; text-decoration: none; background: url(../_images/triangle_bullet-1.gif) left 50% no-repeat; } #main #content .subpage .page_inner #details #gallery_link_box p span { margin-left:25%;padding-right: 20px; color: #ffffff; text-decoration: none; background: url(../_images/zoom.png) right 50% no-repeat; } #main #content .subpage .page_inner #details #gallery_link_box p a { color: #fff; } #details #gallery_link_box #rotator { cursor: pointer; overflow: hidden; position: relative; width: 200px; height: 200px; } #details #gallery_link_box #rotator img { cursor: pointer; width: 200px; height: 200px; } #main #content .subpage .page_inner #details h3 { margin-top: 15px; } .activ_img{float:right;border:8px solid #30302E;margin: 10px;} #main #content .subpage .page_inner #details .img_thumbs a img{float:left;} /*#main #content #page_services .page_inner #details ul { width: 710px; margin-bottom:10px;}*/ #main #content #page_services .page_inner #details ul li { margin: 5px 15px 5px 0; width: 710px; color: #555; padding-left: 20px; background: url(../_images/circle_bullet-2.gif) 0 4px no-repeat; float: left; } #main #content #page_services .page_inner #details ul li { margin: 5px 15px 5px 0; width: 710px; color: #555; padding-left: 20px; background: url(../_images/circle_bullet-2.gif) 0 4px no-repeat; float: left; } #main #content #page_contact .page_inner #details #contact_info { width: 220px; float: left; padding: 10px; background: #30302E; margin-left: 30px; color: #EADBC0; } #main #content #page_contact .page_inner #details #contact_info h3 { font-weight: bold; margin-top: 0px !important; } #main #content #page_contact .page_inner #details #contact_info p { margin-top: 15px; } #main #content #page_contact .page_inner #details #contact_info p strong { color: #fff; } #main #content #page_contact .page_inner #details #contact_form_wrap { width: 450px; float: left; } #main #content #page_contact .page_inner #details #contact_form_wrap h3 { font-weight: bold; margin-top: 0px !important; } #main #content #page_contact .page_inner #details #contact_form_wrap p { margin-top: 15px; } #main #content #page_contact .page_inner #details #contact_form_wrap p label { display: block; } #main #content #page_contact .page_inner #details #contact_form_wrap p label span { padding: 5px; background: #D2D2B1; font-weight: bold; margin-right: 10px; } #main #content #page_contact .page_inner #details #contact_form_wrap p label em { color: #555; font-size: 11px; font-family: Georgia, "Times New Roman", serif; } #main #content #page_contact .page_inner #details #contact_form_wrap p label em.req { color: #CC0000 !important; } #main #content #page_contact .page_inner #details #contact_form_wrap p input.input_text { font-family: arial, sans-serif; font-size: 12px; color: 333px; padding: 3px; border: 2px solid #D2D2B1; width: 360px; background: #fff; } #main #content #page_contact .page_inner #details #contact_form_wrap p input.send { padding-top: 5px;padding-right: 5px;padding-bottom: 5px;padding-left: 5px;background-color: #d2d2b1;background-image: none;background-repeat: repeat;background-position: 0% 0%;font-weight: bold;margin-right: 10px; cursor:pointer;} #main #content #page_contact .page_inner #details #contact_form_wrap p input.send:hover { padding-top: 5px;padding-right: 5px;padding-bottom: 5px;padding-left: 5px;background: #fff;background-position: 0% 0%;font-weight: bold;margin-right: 10px; cursor:pointer;color: 333px; } #main #content #page_contact .page_inner #details #contact_form_wrap p textarea.input_textarea { font-family: arial, sans-serif; font-size: 12px; color: 333px; padding: 3px; border: 2px solid #D2D2B1; width: 360px; background: #fff; height: 160px; } #main #content #page_contact .page_inner #details #confirmation { width: 450px; float: left; } #main #content #page_contact .page_inner #details #confirmation h3 { font-weight: bold; margin-top: 0px !important; } #main #content #page_contact .page_inner #details #confirmation p { margin-top: 15px; } #weather{width:144px;height:95px;background: url(../_images/HomeDay.png);margin-top:60px;margin-left:3%;} #weather .title{float: left;height: 25px;max-height: 25px;width: 133px;max-width: 133px;margin-top:-5px! important;font-family: Arial;font-style: normal;font-variant: normal;font-weight: normal;font-size: 24px;text-align:center;line-height: normal;font-size-adjust: none;font-stretch: normal;-x-system-font: none;color: #ffffff;padding-top: 4px;padding-right: 0px;padding-bottom: 0px;padding-left: 8px;} #weather .therm {color:#fff;font-size:24px;float:right ! important;font-family: Tahoma;font:normal;margin-right:5px;margin-top:10px ! important;} #weather .therm span{color:#fff;font-size:10px;float:right;font-family: Tahoma;font:normal;margin-right:5px;} #weather .img{margin:20px 0 0 5px ! important;} #weather .weath{float:right; color:#000;margin-right:5px;height:10px;text-decoration:underline;} #main #content #page_work .page_inner #details #gallery {} #main #content #page_work .page_inner #details p.info { margin: 0 0 20px 0; width: 550px; padding-left: 20px; background: url(../_images/circle_bullet-2.gif) left 3px no-repeat; } #main #content #page_work .page_inner #details #gallery .row { width: 720px; } #main #content #page_work .page_inner #details #gallery .row .item { width: 200px; float: left; background: #30302E; padding: 10px; margin-top:10px;margin-bottom:10px;} #main #content #page_work .page_inner #details #gallery .row .item p { padding-left: 20px; font-family: arial, sans-serif; color: #dcdcdc; font-size: 11px; } #main #content #page_work .page_inner #details #gallery .row .item p.title { margin-top: 8px; background: url(../_images/triangle_bullet-1.gif) left 50% no-repeat; } #main #content #page_work .page_inner #details #gallery .row .item p.count { } #main #content #page_work .page_inner #details #gallery .row .item p.description { display: none; } #main #content #page_work .page_inner #details #gallery .row .item p em { font-family: Georgia, "Times New Roman", serif; } #main #content #page_work .page_inner #details #gallery .row .item p a { color: #EADBC0; text-decoration: none; } #main #content #page_work .page_inner #details #gallery .row .item p a { color: #fff; } .activ_logo{ padding:3px; border:1px solid #30302E; margin:3px; float:LEFT; } .lang{ margin-left:40px; } .cta{ border-top-width: 1px; border-top-style: dotted; border-top-color: #c5ba9c; font-size: 11px; color: #ffffff; padding-top: 0px; padding-right: 0px; padding-bottom: 5px; padding-left: 8px; } .cta .breakfast{ background-color: transparent; background-image: url(../_images/breakfast_hover.png); background-repeat: no-repeat; background-attachment: scroll; background-position: 2px 2px; float: left; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; margin-top: 2px; margin-right: 2px; margin-bottom: 2px; margin-left: 2px; width: 20px; height: 20px; } .cta .breakfast:hover{ background-image: url(../_images/breakfast.png); } .cta .fireplace{ background-color: transparent; background-image: url(../_images/fireplace_hover.png); background-repeat: no-repeat; background-attachment: scroll; background-position: 2px 2px; float: left; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; margin-top: 2px; margin-right: 2px; margin-bottom: 2px; margin-left: 30px; width: 20px; height: 20px; } .cta .fireplace:hover{ background-image: url(../_images/fireplace.png); } .cta .bath{ background-color: transparent; background-image: url(../_images/bath_hover.png); background-repeat: no-repeat; background-attachment: scroll; background-position: 2px 2px; float: left; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; margin-top: 2px; margin-right: 2px; margin-bottom: 2px; margin-left: 2px; width: 20px; height: 20px; } .cta .bath:hover{ background-image: url(../_images/bath.png); } .cta .tv{ background-color: transparent; background-image: url(../_images/tv_hover.png); background-repeat: no-repeat; background-attachment: scroll; background-position: 2px 2px; float: left; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; margin-top: 2px; margin-right: 2px; margin-bottom: 2px; margin-left: 2px; width: 20px; height: 20px; } .cta .tv:hover{ background-image: url(../_images/tv.png); } .cta .restaurant{ background-color: transparent; background-image: url(../_images/restaurant_hover.png); background-repeat: no-repeat; background-attachment: scroll; background-position: 2px 2px; float: left; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; margin-top: 2px; margin-right: 2px; margin-bottom: 2px; margin-left: 2px; width: 20px; height: 20px; } .cta .restaurant:hover{ background-image: url(../_images/restaurant.png); } .cta .internet{ background-color: transparent; background-image: url(../_images/internet_hover.png); background-repeat: no-repeat; background-attachment: scroll; background-position: 2px 2px; float: left; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; margin-top: 2px; margin-right: 2px; margin-bottom: 2px; margin-left: 2px; width: 20px; height: 20px; } .cta .internet:hover{ background-image: url(../_images/internet.png); } .cta .wash{ background-color: transparent; background-image: url(../_images/wash_hover.png); background-repeat: no-repeat; background-attachment: scroll; background-position: 2px 2px; float: left; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; margin-top: 2px; margin-right: 2px; margin-bottom: 2px; margin-left: 2px; width: 20px; height: 20px; } .cta .wash:hover{ background-image: url(../_images/wash.png); } .cta .parking{ background-color: transparent; background-image: url(../_images/parking_hover.png); background-repeat: no-repeat; background-attachment: scroll; background-position: 2px 2px; float: left; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; margin-top: 2px; margin-right: 2px; margin-bottom: 2px; margin-left: 2px; width: 20px; height: 20px; } .cta .parking:hover{ background-image: url(../_images/parking.png); } .map{ width:720px; height:340px; } .right{ float:right; } .right:hover{ color:white; } .left{ float:left; } .left:hover{ color:white; } /* homepage ------------------------- */ #foot_wrap { padding-bottom: 50px; } #foot { width: 740px; padding: 10px 15px; background: #332616; margin: 0 auto; color: #AE9886; font-family: arial, sans-serif; font-size: 11px; } #foot .copyright { width: 650px; float: left; text-align: left; } #foot .copyright a { color: #AE9886; text-decoration: none; } #foot .credit { width: 80px; float: left; text-align: right; } #foot .credit a { color: #fff; text-decoration: none; } /* mini tabs -------------------------- */ ul#minitabs{list-style: none;margin: 0;padding: 7px 0; border-bottom: 1px solid #CCC;font-weight: bold; text-align: center;white-space: nowrap} ul#minitabs li{display: inline;margin: 0 3px} ul#minitabs a{text-decoration: none;padding: 0 0 3px; border-bottom: 4px solid #FFF;color: #fff} ul#minitabs a#current{border-color: #c92d15;color:#666;} ul#minitabs a:hover{border-color: #c92d15;color: #666} /*-------------------- banner----------------*/ #test { border: 10px solid #fff; width: 780px; height: 390px; } .loader{ margin:25% 0 0 47%; opacity:0.8; } #impel{ float:right;} #impel a { display:block; width:65px; height:20px; text-indent:-9999px; background: transparent url(../_images/impel_logo.gif) top left no-repeat; } #impel a:hover { background: transparent url(../_images/impel_logo.gif) top right no-repeat; }