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

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, dl, dt { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; font: normal .85em/1.3em Arial, sans-serif; color: #454545; background: #fff url(../assets/bg-main.gif); }
ol, ul { list-style: none; }
:focus { outline: 0; }
a { text-decoration: none; outline: none; }
h1 { font: 700 1.6em/1.6 Georgia, "Times New Roman", Times, serif; color: #fb410b; letter-spacing: -.05em; }
h2 { font: 400 .7em/1 Arial, Helvetica, sans-serif; color: #999; margin-top: -3px; text-transform: uppercase; }
h3 { font: 700 1.2em/1.2 Arial, Helvetica, sans-serif; }

/* -----------------------------------
	top
-----------------------------------	*/

#container { width: 950px; margin: 0 auto; padding-top: 47px; }
#top { width: 100%; margin: 0 auto; height: 149px; background: url(../assets/bg-top.png) no-repeat 245px 108px; }
#logo a img { border: none; float: left; margin-left: 47px; }
#language { width: 150px; margin-top: 108px; float: right; font: 700 .85em/1.4 "Times New Roman", Times, serif; text-align: right; color: #9a9a9a; }
#language a, #language a:visited { color: #262626; }
#language a:hover { color: #9a9a9a; }
.sound a img { width: 18px ; border: none; float: right; margin-left: 20px; }

/* -----------------------------------
	menu
-----------------------------------	*/

#menu { width: 100%; margin: 0 auto; }
#menu li { display: inline; }	
#menu li a { display: block; float: left; height: 90px; background-image: url(../assets/bg-menu.png); text-indent: -9999px; margin-left: 1px; }

#menu li a.rezidential { width: 236px; background-position: 0 0; }	
#menu li a.office { width: 236px; background-position: -238px 0; }
#menu li a.hotels { width: 237px; background-position: -475px 0; }	
#menu li a.contact { width: 236px; background-position: -713px 0; }	
#menu li a.rezidential:hover, #menu li a.rezidential:focus, #menu li a.rezidential.current { background-position: 0 -90px; }	
#menu li a.office:hover, #menu li a.office:focus, #menu li a.office.current { background-position: -238px -90px; }
#menu li a.hotels:hover, #menu li a.hotels:focus, #menu li a.hotels.current { background-position: -475px -90px; }	
#menu li a.contact:hover, #menu li a.contact:focus, #menu li a.contact.current { background-position: -713px -90px;	}
	
/* -----------------------------------
	content
-----------------------------------	*/	

#content { width: 950px; float: left; height: 359px; }
#home-imgs { width: 714px; height: 359px; float: left; }
#home-imgs li { width: 232px; height: 355px; padding: 1px; border: dotted 1px #212121; float: left; margin: 1px; display: list; text-align: center; }
#right-box { width: 210px; height: 327px; float: right; border: solid 1px #999; margin: 1px 1px 0 0; padding: 15px 8px 15px 15px; overflow: hidden; background: #fff; }
#right-box p, #address p { width: 100%; margin: 15px auto 0; font: 400 .8em/1.2 Arial, Helvetica, sans-serif; }
#right-box p a, #right-box p a:visited, #address p a, #address p a:visited { color: #454545; text-decoration: underline; }
#right-box p a:hover, #address p a:hover { color: #c00; }

.album { width: 705px; height: 355px; float: left; border: solid 1px #999; padding: 1px; background: #fff; margin: 1px 1px 1px 2px; position: relative; }
.arr-left a, .arr-right a { width: 18px; height: 21px; position: absolute; top: 325px; background: url(../assets/bg-arrows.png) no-repeat 0 0; text-indent: -9999px; display: block; }
.arr-left a { left: 10px; }
.arr-right a { right: 10px; background-position: -21px 0;}
.arr-left a:hover { background-position: 0 -21px; }
.arr-right a:hover { background-position: -21px -21px; }

#right-box.promotie-rezidential { background: #fff url(../assets/bg-promotie-rezidential.png) no-repeat 50% 321px; }
#right-box.promotie-office { background: #fff url(../assets/bg-promotie-office.png) no-repeat 50% 321px; }
#right-box.promotie-hotel { background: #fff url(../assets/bg-promotie-hotel.png) no-repeat 50% 321px; }

#rezidential, #office, #hotel { width: 96%; margin: 0 auto; font: 700 .85em/1.2 Arial, Helvetica, sans-serif; }
#rezidential { color: #de751c; }
#office { color: #a5c02d; }
#hotel { color: #639bca; }

#rezidential ul, #office ul, #hotel ul { width: 85%; float: right; margin: 1px 0; }
#rezidential li, #rezidential ul li, #office li, #office ul li, #hotel li, #hotel ul li { width: 100%; float: left; display: block; margin: 0; }
#rezidential li a, #rezidential li a:visited, #office li a, #office li a:visited, #hotel li a, #hotel li a:visited { display: block; }

#rezidential li a, #rezidential li a:visited { color: #de751c; }
#office li a, #office li a:visited { color: #a5c02d; }
#hotel li a, #hotel li a:visited { color: #639bca; }

#rezidential li a:hover, #office li a:hover, #hotel li a:hover { color: #c00; display: block; }

#rezidential ul li a, #rezidential ul li a:visited, #office ul li a, #office ul li a:visited, #hotel ul li a, #hotel ul li a:visited { color: #7e7e7e; display: block; }
#rezidential ul li a:hover, #office ul li a:hover, #hotel ul li a:hover { color: #7e7e7e; display: block; text-decoration: underline; }

#rezidential li.current { color: #de751c; text-decoration: underline; }
#office li.current { color: #a5c02d; text-decoration: underline; }
#hotel li.current { color: #639bca; text-decoration: underline; }

#rezidential ul li.current, #office ul li.current, #hotel ul li.current { color: #7e7e7e; text-decoration: underline; }

#oferte, #wrapper { width: 944px; height: 340px; float: left; border: solid 1px #999; padding: 15px 1px 1px; background: #fff; margin: 1px; font-size: .8em; overflow: hidden; }
#oferte li { width: 48%; float: left; display: block; padding: 1%; }
#oferte li img { float: left; margin-right: 15px; }
#oferte li a img { border: none; }
#porto-office, #porto-hotel { width: 45%; padding: 1%; }
#porto-office li, #porto-hotel li { width: 100%; display: block; float: left; padding: 1%;}
#porto-office { float: left; text-align: right; }
#porto-hotel { float: right; text-align: left; }
.title-office { color: #80a018; font: 700 1.3em/1.4 Tahoma, Geneva, sans-serif; height: 32px; }
.title-hotel { color: #3e73ac; font: 700 1.3em/1.4 Tahoma, Geneva, sans-serif; height: 32px; }


/* -----------------------------------
	contact page
-----------------------------------	*/

#contact { width: 450px; float: left; padding: 10px 0 10px 20px; }
.table { width: 90%; float: left; margin-top: 15px; font-size: .85em; }
.table td, .table tr { padding: 1px 3px; }
.button { width: 60px; padding: 10px; float: left; border: none; font: 700 .95em/1.1 Arial, Helvetica, sans-serif; color: #810500; cursor: pointer; }
.button:hover { color: #c00; }
input:focus.button { background: #fff; }
input { width: 150px; border: solid 1px #212121; background: #fff; padding: 3px 5px; }
input:focus, textarea:focus { background: #f4f4f4; }
textarea { width: 190px; border: solid 1px #212121; background: #fff; padding: 3px 5px; font: 400 1em/1.1 Arial, Helvetica, sans-serif; }
#address { width: 230px; float: right; padding: 10px 0; }
#address a.link-01, #address a.link-01:visited { font-weight: 700; color: #810500; text-decoration: none; }
#address a.link-01:hover { font-weight: 700; color: #c00; }
#contact-img { width: 232px; height: 355px; padding: 1px; border: dotted 1px #212121; float: right; margin: 1px; text-align: center; }

/* -----------------------------------
	footer
-----------------------------------	*/

#footer { width: 950px; margin: 5px 0 0; height: 50px; float: left; }
#footer-imgs { width: 500px; float: left; }
#footer-imgs li { width: 43px; float: left; margin-right: 10px; display: inline; }
#footer-imgs li a img { border: none; }
#subnav { width: 400px; float: right; margin-top: 10px; font: 700 .85em/1.2 Tahoma, Geneva, sans-serif; text-transform: uppercase; }
#subnav li { float: right; margin-left: 8px; padding-left: 8px; display: list; color: #808080; }
#subnav li a, #subnav li a:visited { color: #FE784B;  }
#subnav li a:hover { color: #f00; }

/* -----------------------------------
	clearfix
-----------------------------------	*/

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.clear { clear: both; }