@charset "UTF-8";
/**
*	@file style.css
*	@brief General style for Apartmani Vukic
*
*	@date	Pet Sij 18 10:56:57 CET 2008
*	@author	Davor Lucic ( rebus_rdk ) @n
*		 	r.dav.lc@gmail.com
*
*	@package	divine
*	@version	$Id: style.css 15 2008-03-2106:36:07Z rdavl $
*
*************************************************************************************** */

* {margin:0;padding:0;border:0 none}

body {font-size:62.5%;font-family:Arial,sans-serif;color:#757575;;background:#28344B url('../img/body_bg.gif') right top repeat-x;}

h1 {font-size:2.2em;font-weight:normal;text-transform:uppercase;width:250px;height:115px;text-align:center;padding-top:1.5em;background:transparent url('../img/h1bg.png') bottom left no-repeat;}
h1 strong {font-size:2em;font-weight:inherit;text-transform:capitalize;display:block;}
h1 a {color:#000;text-decoration:none}
h2,h3 {font-family:Georgia,"Times New Roman",serif;}

p,li a {font-size:1.4em;}
p a {font-size:1em;}
p {padding:5px 20px;background-color:#FFF;}
p.small {font-size:12px;}

ul {list-style:none;}
a:focus {outline:0 none;}
hr {border-bottom:1px solid #ccc;width:770px;margin:10px 0 0 5px;}

fieldset {padding-top:15px;padding-left:10px;line-height:2em;}
fieldset * {vertical-align:middle}
fieldset em {float:left;font-size:1.2em;margin-right:10px;color:#999;display:block;width:50px;text-align:right;}
label {display:block;width:15.5em;float:left;margin-right:10px;font-size:1.4em;text-align:right}
label span, em span {color:#f49641;font-weight:bold;font-size:1.6em;line-height:14px}
input,textarea {border:1px solid #ccc;color:#666;padding:2px}
input {float:left;width:16em;}
input:focus, textarea:focus {outline:1px solid #53a6d4;}
input.button:focus {outline:2px solid #ccc;}
input.button 	{width:8em;margin-right:10px;border:1px solid #53a6d4;background-color:#53a6d4;color:#FFF}
input.full_w 	{width:14em;}
input.half_w 	{width:8em;}
input.small_w {width:4.8em;float:left;}
textarea {width:20em;height:6em;}
em.warn {color:#f49641;font-size:1.4em;width:auto;text-align:left;}
.error_msg {padding:10px;color:#c42424;font-size:1.4em;display:block;font-weight:bold}
.captcha {background:transparent url('../img/ajax-loader.gif') bottom no-repeat;width:200px;line-height:40px;text-align:center;display:block;float:left;}
#refresh {display:block; float:left;background:transparent url('../img/reload.png') no-repeat;width:32px;height:32px;text-indent:-9999px;margin-top:5px;}
#captcha {vertical-align:middle}

#wrp {padding:.5em;background-color:#fff;width:785px;margin:130px auto 20px;position:relative}
#wrp2 {background:transparent url('../img/kockica.jpg') top left repeat;border:1px solid #CCC;}

#hdr {}
div#hdr_image {position:absolute;top:-90px;right:0;width:547px;height:245px;background:transparent url('../img/header.jpg') top right no-repeat}
div#hdr_image a {display:block;height:245px;width:50px;float:right;text-indent:-9999px;overflow:hidden}
div#hdr_image a#hr {background:transparent url('../img/hr.jpg') top right no-repeat;}
div#hdr_image a#en {background:transparent url('../img/en.jpg') top right no-repeat;}
div#hdr_image a#de {background:transparent url('../img/de.jpg') top right no-repeat;}
div#hdr_image a#it {background:transparent url('../img/it.jpg') top right no-repeat;}
div#hdr_image a#hr:hover, div#hdr_image a#en:hover, div#hdr_image a#de:hover, div#hdr_image a#it:hover {background-position: 0 -245px;}

#menu  {float:left;width:227px;margin:20px 0 10px 10px;_margin:20px 0 10px 5px;}
#menu div {width:227px;background:transparent url('../img/papir_right.png') bottom right no-repeat;padding-bottom:69px;margin-bottom:20px;float:left;border-top:20px solid #f49641;}
#menu p {border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2;padding:5px 10px;}
#menu #kontakt span {display:block;width:45px;float:left;clear:left;font-size:11px;}
#menu #kontakt {border-left:0 none;border-right:0 none;}
#menu #kontakt p span {color:#999}
#menu #kontakt p a {color:#F49641;text-decoration:none}
#menu #kontakt p a:hover {text-decoration:underline}
#menu ul {background-color:#FFF;border:1px solid #e2e2e2;border-bottom:0 none; padding-top:20px}
#menu li {list-style-image:url('../img/dot.gif');margin-left:30px;padding:5px 0 0 10px;border-left:1px solid #ccc}
#menu li a,#menu li a:visited{font-size:1.4em;text-decoration:none;color:#757575;font-weight:bold}
#menu li a:hover {color:#f4bc4e}
#menu li a#active {color:#f49641}

#content {width:525px;margin:20px 0 10px 10px;background:transparent url('../img/papir_left.png') bottom right no-repeat;padding-bottom:46px;float:left;position:relative;}
#content span.img {position:absolute;top:-15px;padding-left:15px;}
#content div {background-color:#FFF;display:block;border:1px solid #e2e2e2;border-top:20px solid #53a6d4;border-bottom:0 none;}
#content h2 {font-size:2.4em;margin:20px;color:#f49641;}
#content h3 {margin:20px 20px 10px 20px;font-size:1.6em;font-weight:bold;color:#53a6d4;border-bottom:1px solid #53a6d4}
#content p.top {margin-top:60px;}
#content p {line-height:1.4em}
#content table.legenda {font-size:1.4em; margin:0 70px 0;}
#content table.legenda td {padding:0 15px;} 
#content .ifr {float:right;margin:55px 0 10px 10px;_margin:50px 20px 0 10px} /* image float right */
#content .ifl {float:left;margin:15px 10px 10px 0px;_margin:10px 10px 0 20px} /* image float left */

#content li {font-size:14px;margin-left:35px;margin-top:10px;list-style-image:url('../img/dot.gif');}

#pricelist {text-align:center;font-size:1.4em;_font-size:1em;margin:20px;border-spacing:0;border-collapse: collapse;}
#pricelist td {border-bottom:1px solid #53a6d4;padding:5px}
#pricelist .head td {font-weight:bold;font-size:0.833em;padding:0 10px 15px;border:0 none;color:#53a6d4}
#pricelist .apart {text-align:left;width:38%}

#thumbs {text-align:center;}
#thumbs a {text-decoration:none;}
#thumbs img {border:4px solid #ccc;margin-top:15px;}

#apartments {clear:both;}
.block {height:211px;margin:0px 0 10px 10px;_margin-left:5px;width:315px;border:1px solid #e2e2e2;background:#FFF url('../img/border.gif') top left repeat-y;padding-left:40px;float:left;}
.block h2 {font-size:1.6em;font-weight:bold;margin:12px 0 0 10px;}
.block ul li {font-size:1.4em;margin:6px 0 0 10px;list-style-image:url('../img/dot.gif')}
.block span {float:right;margin:10px 20px 0 0}
.block span img  {display:block;}
.bb {border-left:20px solid #53a6d4;} /* blue border */
.bb h2 {color:#53a6d4}
.ob {border-left:20px solid #f49641;margin-left:10px} /* orange border */
.ob h2 {color:#f49641}


#ftr {position:relative;clear:both;background:transparent url('../img/ftr_left.gif') bottom left no-repeat;padding-left:10px;margin:0px 10px 10px 10px;}
#ftr div#f  {height:23px;background:transparent url('../img/ftr_right.gif') bottom right no-repeat;padding-right:10px;}
#ftr div#t {background-color:#53a6d4;padding:0px 10px 0 0;font-size:1em;color:#FFF;text-align:right;height:23px;}
#ftr span {display:block;float:left;padding-top:4px;}
#ftr a {display:block;float:right;padding-top:4px;}
#ftr a {width:68px;}