/*
Date: 09.04.2010
Author: Oasa Bogdan Valentin
Company: Touch Media
Website: www.touch-media.ro
Project: La Mer
*/

/* Reset CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	background: transparent;
}
a {
  text-decoration: none;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* CSS start! */
.clear {clear:both; display:block; line-height:0px;}
.clear2 {clear:both; display:block; line-height:0px; height:20px;}
.clear3 {clear: both; display: block; line-height:0; height: 10px;}
html, body {height: 100%;}

body > #page {height: auto; min-height: 100%;}

body {background:#fff ; font-family: Verdana, Arial, sans-serif; font-size: 11px;}
.back_left {float: left; width: 50%; background: url(images/back_left.jpg) repeat-x; position: relative; z-index: 1; height: 441px; margin-bottom: -441px;  }
.back_right {float: right; width: 50%; background: url(images/back_right.jpg) repeat-x; position: relative; z-index: 1; height: 441px; margin-bottom: -441px;}
#big_wrap {background: url(images/background.jpg) no-repeat center top; width: 100%; min-height: 441px; float: left;  position: relative; z-index: 2; }

#page {width: 961px; margin: 0 auto; }
#header {width: 100%; float: left; clear: both; padding-top: 4px; height: 181px; background: url(images/header.jpg) no-repeat;  }
h1.prima_prop {width: auto; float: left; color: #6c6c6c; text-align: left; font-weight: normal; margin-top: 8px; }
#header ul {float: right; }
#header ul li {float: left; margin-right: 10px /*24*/; margin-top: 3px;}
#header ul li#tel {margin-right: 39px; margin-top: 0;}
#header ul li.lang {padding-left: 25px; }
#header ul li.lang img {float: left; margin: 5px 5px 0 0;}
#header ul li a {float: left;}
#logo {width: 299px; height: 117px; background: url(images/logo.gif) no-repeat; text-indent: -9999px; margin: 0 auto; margin-top: 10px; display: block; }
#logo_en {width: 319px; height: 118px; background: url(images/logo_en.gif) no-repeat; text-indent: -9999px; margin: 0 auto; margin-top: 10px; display: block; }

#menu {float: left; clear: both; width: 100%; background: url(images/menu.gif) repeat-x; height: 38px; }
#menu_left {float: left; clear: left; width: 8px; height: 48px; background: url(images/menu_left.gif) no-repeat; position: relative; margin: -10px 0 0 -6px;}
#menu_right {float: right; width: 7px; height: 48px; background: url(images/menu_right.gif) no-repeat; position: relative; margin: -10px -7px 0 0;}
#menu ul {float: left;}
#menu ul li {float: left; padding-left: 18px; }
#menu ul li .separator {float: left; width: 1px; height: 38px;  background: url(images/separator.gif) no-repeat; }
#menu ul li a {float: left; color: #fff2be; line-height: 38px; margin-right: 20px; }
#menu ul li a:hover, #menu ul li a#current { color: #ffc037; } 

#content {float: left; clear: both; width: 909px; background: url(images/content.jpg) no-repeat; padding: 13px 22px 0 30px; }
#promo_box {float: left; width: 410px; height: 238px; background: #fff; padding: 5px 6px; border: 1px #9da6ab solid;}
#promo_box img {float: left; clear: both; }
#promo_nav {float: left; clear: both;  width: 390px; height: 21px; text-align: center; padding: 5px 10px; background: #fff; background: url(images/nav.png) repeat-x; position: relative; margin-top: -31px; }

#promo_nav img {width: auto; margin: 0 auto; clear: none; float: none; }
.nav_left {float: left; width: 21px; height: 21px; background: url(images/nav_left.png) no-repeat;  }
.nav_right {float: right; clear: none; width: 21px; height: 21px; background: url(images/nav_right.png) no-repeat; }

#index_oferte {float: right; width: 450px; }
h2 {float: left; clear: both; width: 100%; text-align: left; }
.under_h {float: left; clear: both; width: 100%; color: #474747;  }
#index_oferte_left {float: left; width: 205px; color: #525252; text-align: justify;}
#index_oferte_left strong {color: #0e67a5; font-size: 15px; font-weight: normal;}
.button {float: left; clear: both; width: 127px; height: 25px; line-height: 25px; color: #fff; text-align: center; margin-top: 10px; background: url(images/button.png) no-repeat; display: block; }
.rezerva {float: left; clear: left; margin-top: 24px; }
.contact {float: right; clear: none; margin-top: 24px; }
#index_oferte_pic {float: right; width: 185px; height: 160px; background: url(images/index_oferte_pic.png) no-repeat; position: relative; margin-top: -15px; margin-right: -5px; padding: 18px 0 0 16px; }

.content_left {float: left; width: 406px; }
.content_left.larger {width: 500px;}
.content_left.smaller {width: 260px; }
.content_left.smallest {width: 180px; }
.content_left.smaller #promo_box {width: 254px; padding: 3px; height: 147px; }
.textblock {width: 100%; float: left; clear: both; text-align: justify; color: #323232; margin-top: 10px; }
.textblock.largefont {font-size: 12px; }
.in_continuare {float: right; display: block; text-decoration: underline; color: #323232; }
.content_right {float: right; width: 455px; }
.content_right.larger {width: 623px;}
.content_right.smaller {width: 340px; }
.content_right.largest {width: 700px; }

#pareri {float: left; clear: both; width: 305px; background:  url(images/pareri_icon.png) no-repeat 30px top; padding: 10px 0 0 121px; margin-top: 0px; }
#pareri .textblock {margin-top: 3px; }
#pareri .button {margin-top: 3px; }

.utils {float: right !important; margin-top: 40px; height: 60px; clear: both; width: 480px !important;  }
.utils li {float: left; margin-right: 12px; }
.utils li#wider {margin-right: 12px; }

.lista_obiective {float: left; clear: both; width: 180px; }
.lista_obiective li {float: left; clear: both; width: 100%; margin: 4px 0; }
.lista_obiective li a {float: left; clear: left; width: auto; display: block; color: #3f3f3f; font-size: 12px; background: url(images/obiectiv.png) no-repeat left center; padding-left: 16px; }
.lista_obiective li a:hover, .lista_obiective li a#current_ob {color: #0f75bc; }

.poze_obiective {float: left; clear: both; width: 100%; margin: 20px 0; }
.poze_obiective img {float: left; margin: 0 7px 7px 0;}

.push {
	height: 521px; /* .push must be the same height as .footer */
    float: left; 
}

.footer {
    height: 221px;
    padding-top: 300px; 
	position: relative;
	margin: 0 auto;
	margin-top: -280px; /* negative value of footer height */
	clear:both;
	width: 100%; 
    float: left; 	
	background: url(images/footer.jpg) no-repeat center top;
}
.footer_center {margin: 0 auto; width: 960px; }
.footer ul {float: left; width: auto; }
.footer ul li {float: left; margin-right: 22px; }
.footer ul li a {font-size: 10px; color: #474747; }
#developed {float: right; display: block; width: auto; font-size: 10px; color: #474747; }
#credits {float: left; clear: both;  font-size: 10px; color: #474747; padding-left: 80px; background: url(images/lamer.png) no-repeat; height: 16px; line-height: 16px; display: block; width: auto; margin-top:  10px;}

.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


.form {float: left; width: 400px; clear: both; margin: 15px 0;}
.form div {float: left; clear: both; width: 100%; margin: 3px 0;}
.form label {float: left; margin-top: 5px; width: 20%; text-align: right;  }
.form input {float: right; width: 75%; border: 1px #c3b98d solid; height: 18px; padding: 2px 5px;  }
.form select {float: right; width: 75%; border: 1px #c3b98d solid; height: 22px; padding: 2px 5px;  }
.form textarea {float: right; width: 75%; border: 1px #c3b98d solid; height: 150px; padding: 2px 5px;  }
.form input.button {width: 140px; height: 22px; line-height: 22px; border: 0; text-align: center; cursor: pointer; padding: 0;  }

.err {float: left; clear: both; width: 100%; color: red; font-size: 11px; }
.succes {float: left; clear: both; width: 100%; color: green; font-size: 11px; }
.admin_link {float: left; clear: both; text-decoration: underline; color: #333; }
.inapoi_link {float: left; clear: both; text-decoration: underline; color: #333; }
#admin_table {float: left; clear: left; }
#admin_table td {padding: 4px; border: 1px #333 solid; }
#admin_table #admin_table_h td {font-weight: bold; font-size: 12px; }
#admin_table .afisat td {background: #d4f9ca; }

.tarife {width: 860px; border: 1px #929292 solid; border-right: 0; vertical-align: middle; font-size: 13px; float: left; clear: both; margin-top: 20px;  }
.tarife td {text-align: center; border-right: 1px #929292 solid; color: #696969; padding: 5px; }
.tarife tr.t_head td {background: url(images/t_head.gif) repeat-x; height: 30px; color: #fdfdfd; }
.tarife tr.gri td {background: #f3f3f3; }

.album_preview {width: 231px; display: block; float: left; margin: 10px 20px 10px 0;}
.album_preview img {float: left; clear: both; padding: 3px;  border: 1px #aba7a7 solid;}
.album_preview span {float: left; clear: both; width: 100%; text-align: center; font-weight: bold; font-size: 11px; color: #494949; margin: 5px; }

.contact_form {width: 500px; float: left; clear: left; }
.contact_form.larger {width: 600px; }
.contact_form div {float: left; width: 100%; clear: both; margin: 2px 0; }
.contact_form label {float: left; text-align: right; color: #3f3f3f; width: 50px; font-size: 11px; }
.contact_form.larger label {float: left; text-align: right; color: #3f3f3f; width: 150px; font-size: 11px; }
.contact_form input {float: right; width: 425px; padding: 1px 5px; height: 17px; background: url(images/input.gif) repeat-x; border: 1px #e0e0e0 solid; }
.contact_form textarea {float: right; width: 425px; padding: 1px 5px; height: 142px; background: url(images/textarea.gif) repeat-x; border: 1px #e0e0e0 solid; }
.contact_form input.submit {width: 127px; height: 25px; line-height: 25px; color: #fff; text-align: center; margin-top: 10px; background: url(images/button.png) no-repeat; display: block; float: right; cursor: pointer; border: 0; padding: 0;  }

.feed_item {float: left; clear: both; width: 100%; margin: 10px; border-bottom: 1px #979797 solid;}
.feed_item h3 {float: left; clear: both; width: 100%; color: #105ea2; font-size: 11px; text-align: left; }
.feed_item .data {float: right; display: block; color: #3f3f3f; font-size: 11px; font-weight: normal; }
.feed_item_message {float: left; clear: both; width: 100%; color: #3f3f3f; font-size: 11px; text-align: justify; padding: 10px 0; }

a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(images/calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
input.dp-applied {
	width: 140px;
	float: left;
    margin-left: 13px;
}

#myController span{	color:#FFF;	background:#000;display: none;cursor:pointer;}	
	#jFlowSlide{border:0;margin:0;padding:0; width: 410px; }	
    .jFlowSlideContainer {width: 410px !important; }
	#myController span.jFlowSelected {background:#F00;}
	.jFlowPrev{float: left; width: 21px; height: 21px; background: url(images/nav_left.png) no-repeat;  }
	.jFlowNext {float: right; clear: none; width: 21px; height: 21px; background: url(images/nav_right.png) no-repeat;}
    
#fadeinbox{
position:absolute;
width: 550px;
left: 0;
top: -400px;
background-color:transparent;
padding: 0px;
z-index: 100;
visibility:hidden;
}
#fadeinbox img {border:1px solid #000000;}
#fadeinbox a {color:#cccccc; background-color:#000000; padding:0px 10px 0px 10px; font-size:9px; font-weight:bold; text-decoration:none; font-family:verdana;}
#fadeinbox a:hover {color:#ffffff;}