/*
Date: 17 Iulie 2009
Author: Bogdan Valentin Oasa
Company: Touch Media
Website: www.touch-media.ro
Project: Hotel Perla Mamaia
*/

/* 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;
}
.clear {
	clear: both;
	display: block;
	line-height: 0;
}
.clear2 { clear:both;
display:block;
line-height:0px;
height: 20px;
}
.clear3 { clear:both;
display:block;
line-height:0px;
height: 10px;
}


body {
  font-family:  Verdana, Arial, Tahoma, sans-serif;
  background: #fff url(images/background.jpg) repeat-x center top;
  font-size: 11px;
}
#body_sub {
	width: 100%;
	background: url(images/header.jpg) no-repeat center top;
	height: 100%;
}
#page {width: 935px; margin: 0 auto; position: relative; z-index: 10;}
#header {float: left; clear: left; width: 100%;}
#limba {float: right; width: 200px; margin: 15px 0 0 0;}
#limba li {float: left; color: #d1a756; font-size: 11.5px; margin: 0 10px 0 0;}
#logo {width: 203px; height: 86px; float: left; clear: left; background: url(images/logo-trans.png) no-repeat;}
#menu {float: right; height: 56px; width: 669px; background: url(images/menu-trans.png) no-repeat; margin: 20px 0 0 0; padding: 10px 0 0 30px; position: relative; z-index: 20;}
* html #menu {background: url(images/menu-trans.jpg);}
#menu li  {float: left;height: 45px; position: relative; z-index: 25;}
#menu li .separator {float: left; width: 2px; height: 24px; background: url(images/separator-trans.png) no-repeat; margin-top: 10px;}
#menu li a {float: left; height: 31px; width: auto; padding: 15px 15px 0 15px; position: relative; z-index: 30;}
#menu li a.contact_back { padding-right: 0;}
#menu li a:hover, #menu li a#current {background: url(images/a_back.jpg) no-repeat center top;}
#flash { width: 929px; height: 276px; background: url(images/flash.png) no-repeat;}

#content {float: left; width: 100%; clear: left; margin-top: 20px;}
#content_left {float: left; clear: left; width: 535px; min-height: 100px; background: url(images/content_left.jpg) no-repeat; padding: 15px 0 0 18px; }
h2 {float: left; clear: left; }
.textbox {float: left; clear: left; width: 534px; text-align: justify; color: #000000; margin-top: 18px;}
#galerie_preview {float: left; clear: left; margin-top: 25px;}
#index_poze {float: left; clear: left; margin: 5px 0 0 -20px; position: relative;}
#facilitati_index {float: right; width: 301px; position: relative; margin-top: -20px;}
#facilitati_index p {float: left; width: 100%; text-align: justify; color: #000000; margin-top: 18px;}
#facilitati_index ul {float: left; clear: left; padding-left: 15px; margin-top: 20px;}
#facilitati_index ul li {float: left; clear: left; margin-top: 1px;}



#content_right { float: right; width: 315px; min-height: 100px; background: url(images/content_right.jpg) no-repeat; padding: 15px 20px 0 10px;}
#omulet {float: left; position: relative; margin-left: -10px;}
#omulet_text {float: right; width: 191px; text-align: justify; color: #000000; margin-top: 25px;}
#oferta_anticriza {float: left; clear: left; position: relative; margin: 5px 0 0 -10px;}
#text_anticriza {float: left; text-align: justify; color: #000000; margin-top: 5px; font-size: 12px;}
#contacteaza_acum {float: left; clear: left; margin: 25px 0 0 15px;}
#phone {float: left; margin-top: 35px;}
#contact_index {float: left; width: 250px; padding: 0 0 0 10px;}
#contact_index p { float: left; width: 244px; text-align: left; font-size: 12.5px; color:  #551e00; padding: 20px 0 0 0; }
.align1 {float: left; font-weight: bold; margin-right: 10px;}
.align2 {float: left; }

#content_big {float: left; clear: left; width: 900px; min-height: 100px; background: url(images/content_left.jpg) no-repeat; padding: 15px 0 30px 18px; text-align: justify; }
#despre_left {float: left; clear: left; width: 244px; text-align: center;} 
#despre_left img {float: left; clear: left; margin-bottom: 20px;}
#despre_left img#omulet {float: none; clear: none; margin-top: 20px;}
#despre_center {float: left; width: 640px; padding: 0 0 0 10px; text-align: justify;}
#despre_center ul {float: right; margin: 0 0 10px 10px;}
#contact_link {float: right; color: #551e00; font-size: 12px; font-weight: bold;}
.album {float: left; width: 160px; text-align: center; margin: 0 10px 10px 0;}
.album img {float: left; border: 4px #ffa700 solid; margin-bottom: 5px;}
.album a {color: #00135f; font-size: 11.5px; text-align: center; font-weight: bold;}
.serviciu {float: left; width: 435px; margin: 0 10px 15px 0;}
.serviciu_left {float: left; width: 205px;}
.serviciu_left img {float: left; border: 4px #ffa700 solid; }
.serviciu_right {float: left; width: 220px; padding: 0 0 0 10px;}
.serviciu_right p {float: left; clear: left; width: 100%; text-align: justify; font-size: 9.5px; color: #462e00; margin: 10px 0 10px 0;}
.serviciu_right a.detalii {float: left; width: 129px; height: 21px; background: url(images/detalii.gif) no-repeat;}
#prezentare_serviciu {float: left; width: 800px; text-align: justify; padding-bottom: 30px;}

#galerie_poze {float: left; clear: left; width: 100%; }
#galerie_poze img {float: left; border: 3px #ffa700 solid; margin: 0 5px 5px 0;}

#footer {float: left; width: 100%; background: url(images/footer_back.jpg) repeat-x 0 182px; position: relative; z-index: 5; margin-top: -150px;}
#in_footer {width: 1254px; margin: 0 auto; height: 279px; background: url(images/footer-trans.png) no-repeat center top;}
#center_footer {width: 750px; margin: 0 auto;}
#center_footer ul {width: 100%; float: left; margin-top: 182px;}
#center_footer ul li {float: left;}
#center_footer ul li .separator2 {float: left; width: 2px; height: 37px; background: url(images/separator2.gif) no-repeat; margin: 0 20px;}
#center_footer ul li a {color: #fff; font-size: 9.5px; float: left; margin: 12px 0 0 0 ;}
#center_footer #copy {float: left; width: 100%; clear: left; text-align: center; color: #696969; font-size: 9.5px; margin-top: 15px;}
#center_footer #copy a {color: inherit;}


#contact_form{
	width: 430px;
	float: left;
}
#contact_form p {
	width: 88%;
	text-align: justify;
	margin: 0 auto;
}
#contact_form label {
	width: 110px;
	float: left;
	clear: left;
	text-align: right;
	color: #052476;
	font-size: 11px;
	padding: 0 5px 0 0;
}
#contact_form input {
	width: 309px;
	float: left;
	background: #fff;
	color: #000;
	font-size: 11px;
	border: 1px #b1b1b1 solid;
	padding: 2px;
}
#contact_form input#submit {
	width: auto;
	float: left;
	background: #fff;
	color: #000;
	font-size: 11px;
	border: 1px #b1b1b1 solid;
	padding: 2px;
	cursor: pointer; 
	font-weight: bold;
}
#contact_form select {
	width: 314px;
	float: left;
	background: #fff;
	color: #000;
	font-size: 11px;
	border: 1px #b1b1b1 solid;
	padding: 2px;
}
#contact_form textarea {
	width: 309px;
	height: 150px;
	padding: 2px;
	border: 1px #b1b1b1 solid;
	background: #fff;
	color: #000;
	font-size: 11px;
	float: left;
}
#date_contact {float: left; padding-left: 20px;}
.err {clear: both; display: block; color: red; width: 100%; float: left;}
.succes {clear: both; display: block; color: green; width: 100%;}

.admin_item {font-size: 11px; color: #696969; float: left; clear: left;}
.admin_item:hover {text-decoration: underline;}