@charset "utf-8";
/* CSS Document */

* { border:0; margin:0; padding:0; }
body {/*background:url(../images/bground-clouds.jpg) #65bbe7 repeat-x scroll;*/ background-color:#FFFFFF; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; }
img {border:0; padding:0; margin:0;}
h1{color:#FFFFFF; font-size:18px; font-weight:normal; position:relative;}
.bold {font-weight:bold;}
.italic {font-style:italic;}
a{text-decoration:none; color:#FFFFFF;}
a:hover{text-decoration:underline;}
p {font-size:12px;}

#page-wrapper{background:url(../images/bground-clouds.jpg) #65bbe7 repeat-x scroll; width:100%}
#wrapper {width:820px; margin:0 auto; position:relative;}

#main-top {background-image:url(../images/bground-main-top.png); width:820px; height:50px;}
.language {position:relative; float:left; left:196px; top:6px;}
.contact {position:relative; float:left; left:473px; top:8px;}
#main-bottom {background-image:url(../images/bground-main-bottom.png); background-repeat:repeat-y; width:820px; height:75px; clear:both; margin:0 auto; text-align:center;}
#main-wrapper {background:transparent url(../images/bground-main.png) repeat-y; float:left; /*padding-bottom:-100px;*/}

/*----- clipart -----*/
.clipart-left { float:right; position:relative; right:-20px; top:100px;}
.clipart-right { float:left; position:relative; left:-20px; top:300px;}

/*----- column left -----*/
#column-left {width:198px; float:left; position:relative;}
#column-left_dole {width:198px; height:200px; float:left; position:relative;}
#column-left ul{list-style:none; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; line-height:10px; margin-left:23px; }
#column-left ul li{float:left;}
#column-left ul li a{height:26px; width:150px; display:block; background-image:url(../images/menu-left-bground.gif); background-position:top; text-decoration:none; color:#000000; padding:6px 0 0 25px;}
#column-left ul li a:hover{background-image:url(../images/menu-left-bground.gif); background-position:bottom; color:#FFFFFF;}
#column-left ul li a span{position:relative; top:5px;}

/*----- main text content -----*/
#content {width:417px;/*width:357px;*/ float:left; position:relative; padding-bottom:30px;}
.text-header-flag{background-image:url(../images/text-header-flag.png); width:399px; height:37px; position:absolute; left:-5px; padding:4px 0 0 35px;}
.text{position:relative; margin-top:50px;  padding:0 30px 30px 30px;}

.izdvajamo-wrapper{width:375px; padding:0 30px 0px 12px; margin:20px 0 10px 0; position:relative; float:left;}
.izdvajamo-wrapper ul{width:168px; height:62px; padding-left:18px;  list-style-type:none; background:url(../images/izdvajmo-list-bullet.gif) 2px 4px no-repeat;}
.izdvajamo-detaljnije{ float:right; padding-right:10px;}
.izdvajamo-icon{ float:right;}

.text table{margin-top: 20px;}
.text table td img{margin-right:5px;}

.istorijat{ float:right; margin-bottom:15px; width:276px; padding-left:69px;}
.istorijat img{ margin:0; padding:0; float:left; }

.info-posade li{width:320px; list-style-type:none; background:url(../images/izdvajmo-list-bullet.gif) 2px 4px no-repeat; padding-left:18px; float:left; margin-bottom:10px;}

.gallery {width:104px; height:72px; background-image:url(../images/gallery-bground.jpg); background-repeat:no-repeat; padding:0 0 0 2px; float:left; margin:5px;}
.middle {margin-left:30px;}

/*----- column right -----*/
#column-right {width:205px; float:left;}
#column-right ul{list-style:none; line-height:11px;}
#column-right ul li {height:39px; width:190px; display:block; background-image:url(../images/menu-right-bground.gif); padding:0 0 0 15px; margin:0; float:left;}
#column-right ul li div a{height:15px; width:134px; float:left; margin-top:12px; text-decoration:none; color:#000000;}
#column-right ul li div a:hover{color:#ffffff;}
#column-right ul li img{float:right; position:relative; top:2px; right:8px;}
#column-right ul li div a.two-row-text{margin-top:7px;}

/*----- footer -----*/
#footer-wrapper {background:url(../images/bground-clouds-footer.jpg) #65bbe7 repeat-x scroll bottom; width:100%; height:90px; padding-top:40px}
#footer{ width:820px; height:70px;  margin:0 auto; position:relative;}
#footer-plane {position:absolute; float:right; top:12px;}
#footer-logo {position:absolute; left:710px;}
#footer-copyright{position:relative; float:right; text-align:right; left:-60px; top:25px;}

#dreamaze{position:absolute; font-size:9px; color:#3366FF; left:70px; top:25px;}
#dreamaze a{color:#3399FF;}