* {
	margin: 0;
	padding: 0;
	border: 0;
	text-decoration: none;
	list-style-type: none;
	}
body {
	text-align: center;
	background-color: #d5d4d6;
	font: 1em Arial;
	line-height: 1.5em;
	letter-spacing: .1em;
	color: #262626;
	}
p a.link { 
	text-decoration: none;
        color: #000000;
	padding: 2px;
	border-bottom: 1px solid #b885dd;
	}
p a.link:hover { 
	border-bottom: 1px solid #8fff18;
	}
p a.link:active { 
	border-bottom: 1px solid #af3e32;
	}
        body#sobe #content, body#apartmani #content, body#dogadjanja #content, body#il-catalogo #content, body#katalog #content, body#smjestaj #content, body#apartments #content, body#catalogue #content, body#recipes #content {
                background: none;
                }
                body#dogadjanja #content span {
                          margin-left: 30px;
                          font-size: .9em;
                          }
                body#dogadjanja #content h4 {
                          width: 100%;
                          border-bottom: 1px solid #b885dd;
                          padding: 40px 0 10px 0;
                          }
                body#recipes #content h4 {
                          text-transform: uppercase;
                          /*border-bottom: 1px solid gray;*/
                          padding: 5px 0 0 0;
                          }
                body#katalog #content h3, body#il-catalogo #content h3, body#catalogue #content h3 {
                          text-align: left;
                          font-size: 1.4em;
                          color: #734197;
                          padding: 70px 0 0 10px;
                          font-weight: normal;
                          }
                          body#katalog #content ul li, body#il-catalogo #content ul li, body#catalogue #content ul li {
                                    float: left;
                                    width: 920px;
                                    background-color: #e1dfdf;
                                    border: 1px solid #b885dd;
                                    padding: 10px;
                                    margin: 5px 0 5px 10px;
                                    }
                                    body#katalog #content ul li p, body#il-catalogo #content ul li p, body#catalogue #content ul li p {
                                              padding-left: 20px;
                                              }
                                    body#katalog #content img, body#il-catalogo #content img, body#catalogue #content img {
				              border: 3px solid #100b15;
                                              margin: 0 10px 0 0;
                                              float: left;
                                              }
                                    body#katalog #content img:hover, body#il-catalogo #content img:hover, body#catalogue #content img:hover {
				              border: 3px solid #734197;
                                              }
#top {
	position: relative;
	float: left;
	width: 100%;
	height: 289px;
	text-align: center;
	background: #311b46 url(../images/top.jpg) top center no-repeat;
	}
	#top_box_inside {
		position: relative;
		margin: 0 auto;
		text-align: left;
		width: 960px;
		height: 289px;
		}
		#langvich {
			position: absolute;
			width: 300px;
			height: 30px;
			margin: 10px 0 0 30px;
			}
		#langvich a {
			color: white;
			font-size: .9em;
			}
		#logo {
			position: absolute;
			margin: 80px 0 0 90px;
			width: 492px;
			height: 110px;
			background: url(../images/logo.jpg);
			}
		#lavanda {
			position: absolute;
			margin: 200px 0 0 210px;
			width: 128px;
			height: 100px;
			text-align: center;
			z-index: 10;
			}
		#apartment {
			position: absolute;
			margin: 200px 0 0 610px;
			width: 128px;
			height: 100px;
			z-index: 10;
			}
#top2_home {
	position: relative;
	float: left;
	width: 100%;
	height: 194px;
	background: #3d3d3d url(../images/top2_back.jpg) repeat-x;
	}
	#top2_box {
		width: 100%;
		height: 194px;
		background: url(../images/top2_home.jpg) center;
		text-align: center;
		}
		#top2_box_inside {
			margin: 0 auto;
			width: 960px;
			}
			#top2_box ul {
				float: left;
				margin: 50px 0 0 0;
				width: 480px;
				height: 140px;
				color: #d5d4d6;
				text-align: justify;
				font-size: .9em;
				}
			ul#news {
				background: url(../images/news.jpg) left bottom no-repeat;
				}
				ul#news p {
					margin-left: 130px;
					line-height: 1.2em;
					}
				#akcije {
					float: right;
					margin: 30px 28px 20px 80px !important;
					margin: 30px 12px 20px 80px;
					width: 360px;
					}
					#akcije img {
						border: 3px solid #100b15;
						}
#content_wrapper {
        position: relative;
        float: left;
        width: 100%;
        height: auto;
        background: url(../images/body_top.png) top repeat-x;
        }			
#content {
	position: relative;
	float: left;
	left: 50%;
	margin-left: -480px;
	width: 960px;
	min-height: 600px;
	height: auto !important;
	height: 600px;
	background: url(../images/body_back.gif) bottom right no-repeat;
	}
		#content ul li {
			display: block;
			float: left;
			text-align: justify;
			}
		#content ul li.photo {
			padding: 70px 20px 30px 0;
			width: 200px;
			}
			#content ul li.photo #apa_gallery1 img, #content ul li.photo #apa_gallery2 img, #content ul li.text #apa_gallery3 img, #content ul li.photo img {
                                float: left;
				border: 3px solid #100b15;
                                margin: 0 10px 10px 0;
				}
                        #content ul li.photo #apa_gallery1 img:hover, #content ul li.photo #apa_gallery2 img:hover, #content ul li.text #apa_gallery3 img:hover, #content ul li.photo img:hover, #content ul li.text img:hover {
                                border: 3px solid #734197;
                                }
		#content ul li.text {
			margin: 70px 30px 30px 30px;
			width: 670px !important;
                        width: 660px;
			}
                        #content ul li h3 {
                                font-size: 1.4em;
                                color: #734197;
                                font-weight: normal;
                                }
                        #content ul li.text img {
                                float: left;
                                border: 3px solid #100b15;
                                margin: 0 10px 0 0;
                                }
                        #content ul li.text img.right {
                                float: right;
                                margin: 2px 0 0 10px;
                                }
                        #content ul li table {
                                text-align: center;
                                font-size: .8em;
                                background: none; 
                                }
                                #content ul li table td {
                                        padding: 4px 0 4px 0;
                                        background-color: #c5c4c6;
                                        }
                                        #content ul li table td.left_text {
                                                text-align: left;
                                                padding-left: 7px;
                                                }
#bottom {
	position: relative;
	float: left;
	width: 100%;
	height: 194px;
	background: #3d3d3d url(../images/top2_back.jpg) repeat-x;
	}
	#bottom_box {
		width: 100%;
		height: 194px;
		background: url(../images/bottom.jpg) center;
		text-align: center;
		}
		#bottom_box_inside {
			width: 960px;
			height: 194px;
			margin: 0 auto;
			}
			#bottom_box_inside img.google_maps {
				float: left;
				margin: 30px 30px 20px 0;
				border: 3px solid #100b15;
				}
			#contact {
				float: left;
				margin: 30px 0 0 50px;
				color: #d5d4d6;
				text-align: left;
				}
			#contact h3 {
				margin-bottom: 10px;
				color: #b885dd;
				font-weight: normal;
				}
			#contact ul {
				float: left;
				display: inline;
				}
				#contact ul li {
					font-size: .9em;
					}
			#contact ul#mail {
				margin: 0 0 0 90px;
				text-align: center;
				}
				#contact ul#mail li {
					margin: 0 auto;
					font-size: .8em;
					}
                                        #contact ul#mail li p a {
                                                color: #d5d4d6;
                                                }
					#contact ul#mail li img {
						margin: 0 0 -12px 0;
						border: none;
						}
#signature {
	position: relative;
	float: left;
	clear: both;
	width: 100%;
	height: 50px;
	color: #4c4b4c;
	font-size: .8em;
	background-color: #100b15;
	}
	#signature p, #mail li p {
		margin: 10px 0 0 0 !important;
		margin: 10px 0 -15px 0;
		}
		#signature a {
		        color: #4c4b4c;
		        }
	        #signature p a, #mail li p a { 
		        text-decoration: none; 
		        padding: 2px;
		        border-bottom: 1px solid #b885dd;
		        }
	        #signature p a:hover, #mail li p a:hover { 
		        border-bottom: 1px solid #8fff18;
		        }
	        #signature p a:active, #mail li p a:active { 
		        border-bottom: 1px solid #af3e32;
		        }

		
/* popup ************/

.bubbleInfo {
    top: 150px;
    left: 0px;
    width: 0px;
	}
.trigger {
    position: absolute;
	}
     
/* Bubble pop-up */
		
#dpop, #dpop2 {
	display: block;
	display: none;
	width: 150px;
	height: auto;
	}

.popup {
    position: absolute;
    display: none; /* keeps the popup hidden if no JS available */
    margin-left: 22px;
    z-index: 50;
    border-collapse: collapse;
	}

.popup td.corner {
    height: 15px;
    width: 19px;
	}

.popup td#topleft, .popup td#topleft2 { background-image: url(../images/bubble-1.png); }
.popup td.top { background-image: url(../images/bubble-2.png); }
.popup td#topright, .popup td#topright2 { background-image: url(../images/bubble-3.png); }
.popup td.left { background-image: url(../images/bubble-4.png); }
.popup td.right { background-image: url(../images/bubble-5.png); }
.popup td#bottomleft, .popup td#bottomleft2 { background-image: url(../images/bubble-6.png); }
.popup td.bottom { background-image: url(../images/bubble-7.png); text-align: center;}
.popup td.bottom img { display: block; margin: 0 auto; }
.popup td#bottomright, .popup td#bottomright2 { background-image: url(../images/bubble-8.png); }

.popup table.popup-contents {
    font-size: 12px;
    line-height: 1.2em;
    background-color: #fff;
    color: #666;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
    }

table.popup-contents th {
    text-align: right;
    text-transform: lowercase;
    }

table.popup-contents td {
    text-align: center;
    text-transform: uppercase;
    font-size: .9em;
    width: 150px;
    }
table.popup-contents li {
    padding: 2px 0 2px 0;
    margin: 2px 0 2px 0;
    border: 1px solid gray;
    }

tr#release-notes th, tr#release-notes2 th {
    text-align: left;
    text-indent: -9999px;
    background: url(http://jqueryfordesigners.com/demo/images/coda/starburst.gif) no-repeat top right;
    height: 17px;
    }

tr#release-notes td a, tr#release-notes2 td a {
    color: #333;
	}
/* end popup *******/
	
/* galerry *********/
img.thumbnail {
float:left;
border:1px solid black;
background-color: white;
margin:10px 10px;
padding:3px;
}
.full_size {
border:1px solid black;
margin:10px 10px;
padding:3px;
width:448px;
height:400px;
}
.description {
text-align:center;
font-style:italic;
}
.thumbnail_photo {
border:1px solid #CFCFCF;
margin:10px 10px;
padding:3px;
float:left;
}
/* end gallery *********/