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

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;
	color: #111;
}
body {
	margin: 0;
	background: #fbefbf url(../assets/bg-main.jpg) repeat-x;
}

h1 {
	font-size: 2.4em;
	letter-spacing: -.06em;
	color: #f0c;
	font-family: "Trebuchet MS";
}
h2 {
	font-size: 1.8em;
	letter-spacing: -.02em;
	color: #036;
	font-family: "Trebuchet MS";
	margin: 0;
}
h3 {
	font-size: 1em;
	color: #000;
	margin-top: -.2em;
	display: block;
}
h3 strong {
	color: #036;
	font-size: 1.2em;
	font-weight: 700;
}
a:link, a:visited, a:hover, a:active {
	color: #00f;
}
a:hover {
	color: #f3c;
}
#container_top {
	height: 190px;
	background: url(../assets/clouds.jpg) repeat-x center top;
}
#top {
	height: 190px;
}
#waves {
	height: 57px;
	background: url(../assets/waves.jpg) repeat-x center top;
}
#container_middle {
	height: 170px;
}
#container_top, #waves {
	width: 100%;
	margin: 0 auto;
	clear: both;
}
#container_middle h1 {
	width: 380px;
	float: left;
	font-size: 3em;
	letter-spacing: -.1em;
	color: #fff;
	font-family: "Trebuchet MS";
	padding-top: 10px;
	margin: 0;
}
#top, #container_middle, #container_main {
	width: 1000px;
	margin: 0 auto;
	clear: both;
}
#content {
	width: 390px;
	float: left;
	padding: 10px 0 20px 0;
	text-align: justify;
}
#right {
	width: 540px;
	float: left;
	margin: 30px 0 0 20px;
	padding-top: 180px;
	background: url(../assets/bg-right.jpg) no-repeat center top;
}
#logo {
	width: 102px;
	height: 168px;
	position: absolute;
	margin: 23px 0 0 15px;
}
#menu {
	width: 180px;
	padding: 0;
	margin: 50px 0 0 180px;
	position: absolute;
	z-index: 40;
}
#menu ul#nav {
	list-style: none;
	margin: 0;
	display: inline;
}
#menu ul#nav li {
	font-size: 1.5em;
	line-height: 1.3em;
	color: #036;
	padding: 0 0 0 1.5em;
}
#menu ul#nav li:hover {
	background: url(../assets/check.png) no-repeat 3% 50%;
}
ul#nav li a {
	color: #036;
	text-decoration: none;
}
ul#nav li a:hover {
	color: #fff;
}
#pictures {
	width: 617px;
	height: 604px;
	position: absolute;
	margin: 0 0 0 380px;
}
#seagull {
	width: 113px;
	height: 26px;
	position: absolute;
	margin: 20px 0 0 420px;
}
#copy {
	width: 100%;
	padding-top: 20px;
	border-top: 1px solid #111;
	font-size: 1.1em;
}
#copy a {
	color: #f3c;
	text-decoration: none;
}
#copy a:hover {
	color: #09f;
}
.oferteSpeciale {
	padding: .85em;
	margin: 0 0 1.5em 0;
	display: block;
	border: 3px solid #a5d9fe;
	background: #fff;
	text-align: left;
}
.oferteSpeciale img {
	float: left;
	margin: 0 1.3em 1.3em 0;	
}
.oferteSpeciale a img {
	border: 1px solid #fbefbf;
}
.oferteSpeciale a:hover img {
	border: 1px solid #f0c;
}

.oferteSpeciale p strong {
	color: #036;
	font-size: 1.2em;
}
.details a:link, .details a:visited, .details a:hover, .details a:active {
	margin: .7em 0;
	font-size: .7em;
	color: #03f;
	display: block;
	text-align: right;
}
.details a:hover {
	color: #000;
}
.top img {
	float: left;
	display: block;
	margin: 0 3em;
}
/* CLEARFIX */

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